html { overflow-x: hidden; } body { margin:0; width: 100%; height: 100%; padding-top: 54px; font-family:Verdana, Arial, Helvetica, sans-serif; overflow-x: hidden; } h2,h3,h4,h5,h6 { font-family: "Gobold"; word-spacing: 0.2em; text-transform:lowercase !important; } h1 { display:inline-block; vertical-align:middle; text-transform:lowercase !important; } h6 { margin: 0 auto; padding:0; display:inline-block; vertical-align:middle; font-size:16px; font-weight:500; } h4 { font-size:1.2rem; line-height: 1.8; } a:hover { text-decoration:none !important; } img { max-width:100%; min-width: 100%; height: auto; -ms-flex-align: center; align-items: center; } #previewArea img { max-width: none !important; } header { margin: 0 auto; position: relative; z-index: 50; font-family: "Gobold"; height: 0px; word-spacing: 0.2em; background-color:#1a1919; } nav { padding-bottom:80px; } .nav-link { text-transform:lowercase !important; } table.vertical-align-middle td { vertical-align:middle !important; } footer { width:100%; line-height: 60px; font-size: 24px; font-family: "Gobold"; color: #fff; padding: 0px 0px; word-spacing: 0.2em; background-color:#1a1919 !important; text-transform: lowercase !important; overflow:hidden; } .btn { padding:8px 10px 10px 10px; font-family: "Bebas"; word-spacing: 0.2em; justify-content: center; text-align: center; vertical-align:middle; } .bebas { font-family: "Gobold"; word-spacing: 0.2em; letter-spacing:1px; } .overlay-featured { position: absolute; bottom: 0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; transition: .5s ease; opacity:1; color: white; padding: 10px; text-align: center; } .staff-picks { font-family: inherit; color: #8d97ad; font-weight: 300; } .staff-picks .font-weight-medium { font-weight: 500; } .staff-picks .subtitle { color: #8d97ad; line-height: 24px; } .staff-picks .pro-pic { min-height: 200px; } .staff-picks .pro-pic .card-img-overlay ul { top: 50%; } .staff-picks .pro-pic:hover .card-img-overlay { display: block; } .white-yellow-text { color: #fff; } a.white-yellow-text:hover { color: #ff0783 !important; } .card-image { position: relative; } .image-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background: rgba(0, 0, 0, 0.7); overflow:hidden; } .card:hover .image-overlay { opacity: 1; } @media screen and (max-width: 992px) and (min-width: 576px){ .featured-comic-mobile-title { font-size: 12px !important; } } .footer-links { font-size:60%; line-height:10px; color:#8d8c8c; } .footer-links a{ color:#8d8c8c; } .footer-links a:hover{ color:#c6c5c5; } .footer-links a:focus{ color:#ffffff; } .comicad-facebook { background: #3B5998; color: white; padding: 4px 7px 4px 7px; font-size: 15px; text-align: center; vertical-align:middle; text-decoration: none; border-radius: 20%; } .comicad-facebook:hover { opacity: 0.7; } .comicad-twitter { background: #55ACEE; color: white; padding: 4px; font-size: 15px; text-align: center; vertical-align:middle; text-decoration: none; border-radius: 20%; } .comicad-twitter:hover { opacity: 0.7; } .comicad-youtube { display: inline-block; width: 24px !important; height: 24px !important; max-width: 24px !important; min-width: 24px !important; text-align: center; vertical-align:middle; text-decoration: none; border-radius: 20%; } .comicad-youtube:hover { opacity: 0.7; } .search-results-width { width:100%; max-width:768px; height:auto; max-height:auto; } .truncate p { width:100%; white-space: nowrap; overflow: hidden; } .overflow-ellipsis { text-overflow: ellipsis; } .white { background-color:#fff; } .header-bars { height: 40px; width: 100%; } .bg-dark { background-color:#1a1919 !important; } #change-color .text-dark { color: #fff !important; } #change-color a { color: #5bc0de !important; } #change-color a:hover { color: #ff8b44 !important; } #change-color i { color: #ff8b44 !important; } .flex-container { min-height: calc(100vh - 212px); } .flex-center-main { align-items: center; min-height: calc(100vh - 212px); } .flex-center-main-2 { align-items: center; min-height: calc(100vh - 210px); padding-top: 40px; padding-bottom: 40px; } .flex-center-comic-profile { align-items: center; min-height: calc(100vh - 210px); padding-top: 20px; padding-bottom: 0; } .flex-center-sites { align-items: center; min-height: calc(100vh - 210px); padding-top: 2px; padding-bottom: 0; } h1.h1-comic-profile-weight{ font-family: "Gobold"; word-spacing: 0.2em; letter-spacing:2px; font-weight:500; } @media screen and (max-width: 992px){ .flex-center-main-2 { padding-top: 20px; padding-bottom: 40px; } .flex-center-comic-profile { padding-top: 0; padding-bottom: 0; } .flex-center-sites { padding-top: 2px; padding-bottom: 0; } } @media screen and (max-width: 480px){ .h1-comic-profile-weight { font-weight:500; padding-top:0; padding-bottom:5px; } } a:hover.img-links.color-purple { color:#8307ff !important; text-decoration:none; } a:hover.img-links.color-hot { color:#ff0783 !important; text-decoration:none; } a:hover.img-links.color-guide { color:#83ff07 !important; text-decoration:none; } a:hover.img-links.color-tos { color:#07ffff !important; text-decoration:none; } .ad-preview-hover img { transition: opacity 0.3s ease; opacity: 0.75; } .ad-preview-hover:hover img { opacity: 1; } @media screen and (max-width: 1200px) and (min-width: 992px) { .h1-comic-profile-weight { font-size: 2rem !important; } .font-fix-md-screens { font-size: 24px; } } .slides-fix { margin-top:-96px; } .carousel-caption { position: absolute; bottom: 0px; padding:0; margin:0; left:0; right:0; text-align:left; width: 100%; font-size: 22px; font-family: Gobold; word-spacing: 0.2em; background: url(../images/transparency.png); padding: 2% 1.5%; } .carousel-caption .new-yellow{ color: #ff8b44 ; } .carousel-caption .title-bid{ color:#fff; float:right; } .margin-fix { margin-top:-10px; } .margin-fix-icon { margin-top:-8px; vertical-align:middle; height:20px; } a.img-links { color:#fff; text-decoration:none; } a:hover.img-links { color:#ffc107 !important; text-decoration:none; } a.bookmark-icon { color:#c3c3c3; text-decoration:none; } a:hover.bookmark-icon { color:#ffc107 !important; text-decoration:none; } .bookmark-icon-active { color:#ffc107 !important; text-decoration:none; } #kitty { width: 200px; height: 200px; background: url(../images/logo.svg); position: fixed; margin-left:0px; background-size: 200px 200px; top: -4%; left:3%; z-index:1030; } .kitty { margin-top:-4%; margin-left:-3%; padding-right:10px; min-width:0; width:80px; height: 80px; vertical-align:middle; display:inline-block; z-index:1030; } #login-signup{ position:relative; margin-top:26px; bottom:13px; right:0px; } #login-signup a{ padding:10px; border:4px solid #1a1919; border-radius:1vw; margin:5px; font-size:18px; color:#fff; cursor:pointer; background-color:#5bc0de; } #login-signup a:hover{ background:#fff; color:#5bc0de; transition:0.4s; } a.login-signup { color:#fff !important; background: #ffa100 !important; } a:hover.login-signup { color: #ffa100 !important; background:#fff !important; } .signup-padding { padding-left:0px; } #create-an-ad { margin-bottom:5px; } #publishers { margin-bottom:5px; } #hottest-bids{ margin-bottom:5px; } #extra-1{ margin-bottom:5px; } #extra-2{ margin-bottom:0px; } #LmlnBNXbuqfE { display: none; width:100%; height:auto; position:fixed; bottom:0; left:0; z-index:99; } @media screen and (max-width: 768px){ #LmlnBNXbuqfE { font-size:14px; line-height:1.618em; } } .slide-button{ width:100%; position:relative; height:100%; display:block; overflow:hidden; } .slide-button img{ width:100%; } .slide-button{ color:#fff; text-decoration:none; } .links-overlay { width:150%; height:100%; position:absolute; display:flex; align-items:center; left:-100%; top:0; background:url(../images/transparency.png); } .slide-link{ width:33%; font-family:"Gobold"; font-size:25px; word-spacing: 0.2em; text-align:center; position:absolute; right:0; } .partners { background: #1a1919; width:100%; height:60px; padding: 10px 15px; line-height: 60px; font-size: 30px; font-family: "Gobold"; color: #ffffff; word-spacing: 0.2em; } .partners h3 { padding:0; } .partners-links img{ width:100%; } .alert-box { max-width:350px; box-shadow: 1px 1px 10px #AAAAAA; z-index: 5000; } .alert-box-legend { width:75%; max-width:75%; height:auto; box-shadow: 1px 1px 10px #AAAAAA; z-index: 5000; } @media (max-width: 568px) { .alert-box-legend { width:90%; max-width:90%; height:auto; } } .fa.fa-question-circle-o { color: black; cursor:pointer; } .fa.fa-question-circle-o:hover { color:#17a2b8; } .divider-stats { display:none !important; } .border-right-chart { height:100%; border-right: 1px solid #abdde5; border-width:1px; } .show-right-padding { display:none !important; } @media screen and (max-width: 576px){ .divider-stats { display:block !important; } .border-right-chart { height:0%; border: none; border-width:0px; } .show-right-padding { display:block !important; } .make-button-sm { font-size: 12px; line-height: 1.5; border-radius: 3px } } a.img-links { letter-spacing: 0.01em; } @media screen and (max-width: 1200px){ a.img-links { margin: auto; text-align: center; display: flex; align-items: center; justify-content: center; color:#fff; text-decoration:none; font-size:22px; } a:hover.img-links { color:#ffc107 !important; text-decoration:none; } } @media screen and (max-width: 1199px){ h4 { font-size:1rem; line-height: 1.8; } } @media screen and (max-width: 992px){ .container { max-width:992px; } #login-signup a{ padding:10px; width:100%; text-align:center; border:0; border-radius:1vw; margin:0px; } .signup-padding { padding-left:15px; } a.img-links { margin: auto; text-align: center; display: flex; align-items: center; justify-content: center; color:#fff; text-decoration:none; font-size:16px; } a:hover.img-links { color:#ffc107 !important; text-decoration:none; } h1 { font-size:32px; padding-top:3px; padding-bottom:3px; } .header-bars { height: 0px; width: 100%; } h4 { font-size:1rem; line-height: 1.8; } } @media screen and (max-width: 768px){ a.img-links { margin: auto; text-align: center; display: flex; align-items: center; justify-content: center; color:#fff; text-decoration:none; font-size: 26px; } .carousel-caption { font-size: 18px; } a:hover.img-links { color:#ffc107 !important; text-decoration:none; } h4 { font-size:1.2rem; line-height: 1.8; } } @media (min-width: 992px) { body { padding-top: 56px; } } @media screen and (max-width: 1200px) and (min-width: 992px) { #login-signup a { font-size:12px !important; } } @media screen and (max-width: 480px){ .kitty { margin-top:-4%; margin-left:-3%; width:50px; height: 50px; max-width:50px; max-height: 50px; } .h2-about-us { font-size:18px; } h4 { font-size:1.2rem; line-height: 1.8; } } .search-border { border-top:4px solid #ccc !important; border-left:4px solid #ccc !important; border-bottom:4px solid #ccc !important; border-top-left-radius:.5em !important; border-bottom-left-radius:.5em !important; } .search-icon-border { border-top:4px solid #ccc; border-bottom:4px solid #ccc; border-right:2px solid #ccc; } .advanced-search-border { border-top:4px solid #545b62 !important; border-bottom:4px solid #545b62 !important; border-right:4px solid #545b62 !important; border-top-right-radius:.5em !important; border-bottom-right-radius:.5em !important; } .search-index { height:80px !important; padding:10px; box-sizing: border-box; font-size: 16px; } input.search-index { font-size: 1.2em; } .search-pagination { width:100%; } .no-ad-units { width:100%; height:auto; background-color:#f1f1f1; border:2px dashed #d9dadb; border-radius:.35em; text-align:center; } @media screen and (max-width: 1080px){ .search-pagination { max-width:100%; width:auto; } } .public-banner-upload { width:100%; height:250px; background-color:#f1f1f1; border:4px dashed #5bc0de; border-radius:.35em; text-align:center; padding-top:55px; } .public-banner-upload:hover { background-color:#fff; cursor: pointer; } .public-banner-upload i { font-size:3rem; padding-bottom:5px; } .achievements-width { width:100%; } .achievements img { max-width:120px; min-width:120px; width:120px; height:auto; } @media screen and (max-width: 992px){ .achievements img { max-width:100px; min-width:100px; width:100px; height:auto; } } @media screen and (max-width: 480px){ .achievements img { max-width:120px; min-width:120px; width:120px; height:auto; } .public-banner-upload h3 { font-size:1.2rem; } } .no-gutter.row, .no-gutter.container, .no-gutter.container-fluid{ margin-left: 0; margin-right: 0; } .no-gutter>[class^="col-"]{ padding-left: 0; padding-right: 0; } .noPadding { padding:0 !important; } .noPadding-2 { padding: 0 0 0 0 !important; } .noPadding-col-right { padding-right:0 !important; } .noPadding-col-left { padding-left:0 !important; } .noPadding-col-right-2 { padding-right:0; } .noPadding-col-left-2 { padding-left:0; } .noPadding-col-right-3 { padding-right:0; } .noPadding-col-left-3 { padding-left:0; } @media screen and (max-width: 992px){ .noPadding-col-right-2 { padding-right:15px; } .noPadding-col-left-2 { padding-left:15px; } .padding-mobile { padding-left:15px; padding-right:15px; } } @media screen and (max-width: 576px){ .noPadding-col-right-3 { padding-right:15px !important; } .noPadding-col-left-3 { padding-left:15px; } } .padding-profiles-1 { padding-top: 20px; } .padding-profiles-2 { padding-top: 30px; } .flex-support-browser { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .flex-examples-browser { padding: 0; margin: 0; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: stretch; align-items: stretch; } .center-all { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; text-align: center; margin: 10% 0; align-items: center; } .ad-wall-header { width:100%; max-width:728px; height:auto; vertical-align:middle; padding-top:24px; padding-bottom:24px; background-color:#212529; border:8px #f3f8f8 solid; } .ad-wall-header-v2 { width:100%; height:auto; vertical-align:middle; padding-top:24px; padding-bottom:24px; background-color:#212529; border:8px #fff solid; } .responsive-ad-sample { width:100%; max-width:600px; height:250px; } @media screen and (max-width: 767px){ .responsive-ad-sample { width:100%; max-width:600px; height:60px; } } .bg-comic-image { min-height:60px; min-width:234px; width: 100%; height: auto; top: 0; left: 0; background: url(../images/rankless-wide-banner.jpg) no-repeat center center fixed; background-color:#fff3cd; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; } .ad-wall-elements { text-align:center; background-color:#add2ed !important; border:8px #fff solid; border-radius:1.2em; } .ad-wall-elements:hover { background-color:#9ccaeb !important; border:8px #74b9ec solid; -moz-box-shadow: inset 0 0 20px #96c8ed; -webkit-box-shadow: inset 0 0 20px #96c8ed; box-shadow: inset 0 0 20px #96c8ed; } .ad-wall-elements-active { background-color:#9ccaeb !important; border:8px #74b9ec solid; -moz-box-shadow: inset 0 0 20px #96c8ed; -webkit-box-shadow: inset 0 0 20px #96c8ed; box-shadow: inset 0 0 20px #96c8ed; } @media screen and (max-width: 620px){ .ad-wall-header { padding-top:10px; padding-bottom:10px; } .ad-wall-header h3 { font-size:20px; } .ad-wall-header-v2 { padding-top:15px; padding-bottom:15px; border:5px #fff solid; } .ad-wall-header-v2 h3 { font-size:20px; } .ad-wall-elements { border:5px #fff solid; } .ad-wall-elements h3 { font-size:20px; } } @media screen and (max-width: 550px){ .ad-wall-header { padding-top:8px; padding-bottom:8px; } .ad-wall-header h3 { font-size:16px; } .ad-wall-header-v2 { padding-top:15px; padding-bottom:15px; border:5px #fff solid; } .ad-wall-header-v2 h3 { font-size:16px; } .ad-wall-elements h3 { font-size:16px; } } @media screen and (max-width: 502px){ .padding-for-dav-border { padding-bottom:4px; } } @media screen and (max-width: 480px){ .ad-wall-header { display:none; } } @media screen and (max-width: 480px){ h1 { padding-top:16px; padding-bottom:8px; font-size:18px; } footer { font-size:18px; } .padding-profiles-1 { padding-top: 20px; } .padding-profiles-2 { padding-top: 15px; } } .borderline { padding-top:10px; border-bottom: #ccc solid 2px; } .max-width-settings { max-width:600px; width:100%; margin:0 auto; } .margin-reset { margin: 0 auto; padding-top:10px; padding-bottom:10px; } .nav-link-fix { white-space: nowrap; } .form-bkg-top-recovery h3 { width:100%; padding:20px; text-align:center; vertical-align:middle; color:#ffffff !important; font-size:18px !important; } @media screen and (max-width: 480px){ .form-bkg-top-recovery h3 { font-size:16px !important; } } .form-bkg-top-recovery { width:100%; max-width: 330px; background-color:#212529; color:#ffffff !important; text-align: center; } .form-signin-recovery { width: 100%; max-width: 330px; text-align:left; padding-top:0 !important; padding-left: 30px; padding-right: 30px; margin: auto; } .form-signin-recovery .checkbox { font-weight: 400; } .form-signin-recovery .form-control { position: relative; box-sizing: border-box; height: auto; padding: 10px; font-size: 16px; } .form-signin-recovery .form-control:focus { z-index: 2; } .form-signin-recovery input[type="email"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .form-signin-recovery input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } .box-shadow-recovery { width: 100%; height:100%; max-width: 330px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-align: center; margin-top:-1px; margin-left:auto; margin-right:auto; } a.mt-5:hover { text-decoration:underline !important; } .table-word-break { white-space: normal; word-break: break-word } .large-icon { font-size:6rem; color:#808080; } .policy-heading { font-size:16px; font-family: "Gobold"; word-spacing: 0.2em; font-weight:500; } .no-focus:focus { outline: none; } .editor-buttons { margin-bottom: 10px; } .editor-buttons .btn { cursor: pointer; } BatchAll { vertical-align:middle !important; } .BatchAllBtn { width: 25px; height:25px; max-width: 25px; max-height: 25px; min-height: 25px; min-height:25px; padding-left:1px; padding-right:1px; } .icon-bar { margin-top:-5px; width: 100%; display:flex; justify-content: center; background-color: #fff; border-radius:.25em; overflow: hidden; } .icon-bar i { width:100%; height:auto; text-align:center; color: #808080; font-size:32px; padding-bottom:8px; } .icon-bar a { float: left; width: 10%; display:block; text-align: center; padding: 12px 0; transition: all 0.3s ease; color: #808080; font-size: 16px; } .icon-bar a:hover { background-color: #82d3f2; border-radius:.5em; color: white !important; } .icon-bar i:hover, .icon-bar i:focus { color: white !important; } .icon-bar a.active { background-color: #60bcdf; text-decoration:underline !important; border-radius:.5em; color: white !important; } .icon-bar a.active > i { color: white !important; } .yellow-search-hover a.active { background-color: #ffa100 !important; } .yellow-search-hover a:hover { background-color: #ffcd77 !important; } .green-note-hover a.active { background-color: #60df75 !important; } .green-note-hover a:hover { background-color: #82f2a6 !important; } @media screen and (min-width: 992px) and (max-width: 1199px) { .icon-bar a { width: 11.5%; } } .menu-hover:hover a, .menu-hover:hover i { color: white !important; } .menu-hover img { transition: filter 0.1s ease-out; } .menu-hover:hover img { filter: brightness(10); transition: filter 0.3s ease-in; } .margin-up { margin-top:-10px; } .border-for-header-margin { margin-top:-7px; } .video-resize { width:75%; height:auto; } .removecaret.dropdown-toggle::after { display: none; } .cards-bids { max-width:300px; } .padding-right-bids { padding-right:25px !important; } @media screen and (max-width: 768px){ .cards-bids { max-width:100%; } .padding-right-bids { padding-right:0px !important; } } @media screen and (max-width: 992px){ .margin-up { margin-top:0; } .icon-bar { margin-top:-10px; } .icon-bar i { font-size: 32px; } .icon-bar a { font-size: 14px; width: 20%; } } @media screen and (max-width: 768px){ .video-resize { width:100%; height:auto; } } @media screen and (max-width: 567px){ .icon-bar { margin-top:0px; flex-wrap:wrap; } .icon-bar i { font-size: 32px; } .icon-bar a { font-size: 14px; width: 20%; } } .dynamic-input-max-bids { width:136px !important; } @media screen and (max-width: 768px){ .dynamic-input-max-bids { width:122px !important; } } @media screen and (max-width: 768px){ .sm-text-max-bids { font-size:12px !important; font-weight:bold; } } #my-sticky-probe { position: fixed; bottom: -4px; right: 10px; z-index:9999; } .arrow1 { animation: slide1 1.4s ease-in-out infinite; margin-left: 9px; } @keyframes slide1 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(5px, 0); } } @keyframes slide1 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(5px, 0); } } .border-5 { border-width:5px !important; border-style:solid; } .border-10 { border-width:10px !important; border-style:solid; } @media screen and (max-width: 576px){ .heading-mobile { text-align:right; font-size: 0.65em !important; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .half-banner-fix { min-width: fit-content; min-width: -moz-fit-content; min-width: intrinsic; } .dropdown-small-font { font-size: 85%; font-weight: 400; } } @media screen and (min-width: 1200px) { .half-banner-fix { min-width: fit-content; min-width: -moz-fit-content; min-width: intrinsic; } } .text-purple { color:#9452a5 !important; } .text-purple-hover:hover { color: #692b78 !important; } .text-orange { color:#ff5733 !important; } .text-pink { color: #ec83af !important; transition: color 0.2s ease-in-out; } .text-pink:hover, .text-pink:focus { color: #e94b90 !important; } .text-cerulean { color: #2fa4e7 !important; transition: color 0.2s ease-in-out; } .text-cerulean:hover, .text-cerulean:focus { color: #1f8fcf !important; } .opacity03 { opacity: 0.3; } .alert-orange { background-color: #ff5733 !important; color: #FFFFFF; } .alert-purple { background-color: #f0eaf9 !important; } .text-dark-red { color: #873f3f !important; } .text-palegreen { color: #8ba58b !important; } .text-lite-yellow { color:#fff3cd !important; } .text-black { color:#000 !important; } .text-gray { color:#9c9c9c !important; } .text-lite-gray { color:#e2e3e5 !important; } .text-search { color:#9c9c9c !important; } a:hover.text-search { color:#000 !important; } a:active.text-search { color:#000 !important; } .text-faves, .text-blacklist { color:#9c9c9c !important; } a:hover.text-faves { color:#de9e00 !important; } a:active.text-faves { color:#de9e00 !important; } a:hover.text-blacklist { color:#8307ff !important; } a:active.text-blacklist { color:#8307ff !important; } .text-hot-orange { color:#ff8b44 !important; text-decoration:none; } .text-hot-pink { color:#ff0783 !important; text-decoration:none; } .text-hot-green { color:#83ff07 !important; text-decoration:none; } .text-hot-blue { color:#07ffff !important; text-decoration:none; } .text-hot-purple { color:#8307ff !important; text-decoration:none; } .bg-black { background-color:#000 !important; } .bg-white { background-color:#fff !important; } .bg-scotch { background-color:#f7e6cd; } .bg-cyan { background-color:#cce5ff; } .bg-lite-gray { background-color:#e2e3e5; } .bg-gray { background-color:#f6f6f6; } .bg-dark-gray { background-color:#d6d6d6; } .bg-lite-green { background-color:#d4edda; } .bg-slite-green { background-color: #edf7ef; } .bg-slite-brown { background-color: #f9f7ef; } .bg-pink { background-color:#f8d7da; } .bg-lite-yellow { background-color:#fff3cd; } .bg-lite-aqua { background-color:#d1ecf1; } .bg-login { background-color:#5bc0de; } .bg-purple { background-color: #9452a5; } .bg-orange { background-color:#ff5733; } .push-5 { padding-top:5px; } .push-10 { padding-top:10px; } .push-15 { padding-top:15px; } .push { padding-top:20px !important; } .push-25 { padding-top:25px; } .push-30 { padding-top:30px; } .push-35 { padding-top:35px; } .push-40 { padding-top:40px; } .push-50 { padding-top:50px; } .push-more { padding-top:60px; } .push-80 { padding-top:80px; } .push-most { padding-top:100px; } .border-right-gray-stats-bar { border-right: 1px solid #dee2e6; } @media screen and (max-width: 576px){ .stats-chart-border-top { border-top: 1px solid rgba(0,0,0,.1) } .border-right-gray-stats-bar { border-right: none; padding-bottom:10px; } } ::-webkit-scrollbar { width: 10px; scroll-behavior: smooth; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #cccccc; } ::-webkit-scrollbar-thumb:hover { background: #a6a6a6; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } section:before, #form:before, #pub:before, #adv:before, #place_bid_form:before, #topuniti:before, #create_new:before, #first_new:before, #autoads:before, #autobids:before, #cman:before, #admincpsubs:before, #characters-anchor:before, #upload_ad_container:before { height: 140px; margin: -140px 0 0; content: ""; display:block; position: relative; width: 0; } #gs:before, #spub:before, #sadv:before, #myacc:before, #jscodes:before, #search:before, #contact:before, #notif:before, #be:before, #quotas:before, #raises:before, #dav:before, #aads:before, #comm:before, #iguide:before { height: 120px; margin: -120px 0 0; content: ""; display:block; position: relative; width: 0; } #pp:before, #ap:before, #coc:before, #content:before, #tos1:before, #tos2:before, #affiliate:before, #guidelines:before { height: 110px; margin: -110px 0 0; content: ""; display:block; position: relative; width: 0; } #showBadges:before { height: 110px; margin: -110px 0 0; content: ""; display:block; position: relative; width: 0; } @media screen and (max-width: 992px){ #showBadges:before { height: 100px; margin: -100px 0 0; content: ""; } } @media screen and (max-width: 480px){ #showBadges:before { height: 80px; margin: -80px 0 0; content: ""; } } .content { margin: 0 auto; padding:80px 20px 20px 20px; font-size: 16px; } .havatar { width: 25px; height: auto; min-width: 25px; padding: 1px; border: 1px solid #999999; } .hpavatar { width: auto; height: 25px; min-width: 25px; padding: 1px; border: 1px solid #999999; } .cad-tn { border: 1px solid #999999; } .cad-tn-pad { border: 1px solid #999999; padding: 1px; } a.my-account-header { font-family: "Gobold"; word-spacing: 0.2em; } .tbl_mob, .div_mob { display: none; } .div_mob_inline { display: none; } .closed { display: none; } .toggle_inline { display: inline !important; } .lines { text-decoration: line-through; } #upload_ad_container .form-group { margin-bottom: 15px; } #upload_ad_container input[type="submit"] { margin-top: 15px; } .text-muted-exchange { color: #c0cbd6; } .text-muted-bid { color: #dfcc8c; } .text-muted-info { color: #b0d4db; } .text-davu { color: #7170b7; } .text-faint { color: #d9e9ec; } .bg_active { background-color: #eff9f1; } .bg-faint { background-color: #d9e9ec; } .bg-muted-info { background-color: #b0d4db; } .deleted_user{ text-decoration: line-through; } ins { background-color: #dbffeb; text-decoration: none; } del { background-color: #ffdbe4; text-decoration: none; } .alert-dismissible .close { padding: .65rem 1.25rem; } .sites-chart { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; width:50%; } .fixed-screen-center { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5001; } .alert-info-darker { background-color: #acd7e3 !important; } .alert-warning-darker { background-color: #ffe5a8 !important; } .alert-primary-darker { background-color: #afd4ff !important; } .bg-alt-row { background-color: #edf1f4 !important; } @media screen and (max-width: 992px){ .content { padding:60px 20px 20px 20px; } .sites-chart { width:90%; } } @media screen and (max-width: 844px){ .sites-banner-thumb img { width:50% !important; min-width:50%; margin-right:auto !important; margin-left:auto !important; text-align:center; } } .tbl_desk { vertical-align: top !important; } .table thead th { vertical-align: top !important; } @media screen and (max-width: 768px){ .tbl_desk, .div_desk { display: none; } .tbl_mob { display: table-row; } .div_mob { display: block; } .div_mob_inline { display: inline-block; } .tbl_mob img { padding-bottom:5px; } .table thead th { font-size:14px } .table td, .table th { font-size:14px; } } @media screen and (max-width: 480px){ .content { padding:40px 20px 20px 20px; } .tbl_desk, .div_desk { display: none; } .tbl_mob { display: table-row; } .div_mob { display: block; } .div_mob_inline { display: inline-block; } .hide-subtitle { display: none; } } .clb { clear: both; } .btn.btn-outline-purple { border: 1px solid #9452a5; background-color: #FFFFFF; color: #9452a5; } .btn.btn-outline-purple:hover { background-color: #9452a5 !important; color: #FFFFFF !important; } .border-orange { border-color: #ff5733 !important; } @font-face { font-family: consolamono; src: url(../../vendor/ConsolaMono.ttf); } .bid-load-element { background-color : #f0f0f0; color: white; padding:2px; border-radius: 4px; border: 1px solid; border-color: #cccccc; } #bid-load-sticky { position: fixed; bottom: -4px; right: 10px; z-index:999; width:364px; overflow: hidden; } #bid-load-stickyheader { cursor: move; z-index: 1000; } .dragthis { cursor: pointer; } .icon-bar-main { position: fixed; bottom: 0; z-index:999; right: 0; overflow: hidden; } .icon-bar-main-box { position: relative; z-index: 3000; transition-duration: 0.8s; } .icon-bar-main-box.show { margin-right: 0; } .arrow-left-button { background: #00c19a; position: absolute; padding: 9px 10px 9px 13px; border-radius: 8px 0 0 8px; font-size: 16px; top: 0; left: 14px; width: 40px; color: #fff; cursor: pointer; } .icon-bar-inner { width: 100%; margin-left: 50px; } .d-flex-campaigns-inputs { display: flex!important; } .margin-right-campaign-inputs { margin-right: 1.5rem !important; } .campaign-bids-list-preview-icon { font-size: 15px; } .campaign-icons-mobile { font-size: 18px; vertical-align: middle !important; padding-left: 2px; padding-right: 2px; } @media screen and (max-width:768px){ .shrink-text-campaign-card { font-size: 80% !important; font-weight: 400; } } @media screen and (max-width: 575.98px){ .mobile-campaign-card-font-size > * { font-size: 80% !important; font-weight: 400; } .d-flex-campaigns-inputs { display: initial !important; } .wide-sm-screen { width: 100% !important; } } @media screen and (max-width: 480px){ .margin-right-campaign-inputs { margin-right: 1rem !important; } .cblistitem { width: 15px !important; } } @media screen and (max-width: 575.98px){ .mobile-campaign-card-font-tables tbody tr:first-child td { font-size: 10px !important; font-weight: 400; } .mobile-campaign-card-font-tables th { font-size: 10px !important; font-weight: 600; } .mobile-campaign-card-font-tables span { font-size: 10px !important; font-weight: 400; } .mobile-campaign-card-font-tables div { font-size: 10px !important; font-weight: 400; } .campaign-icons-mobile { font-size: 15px; vertical-align: middle !important; padding-left:2px; padding-right:2px; } } .fixed-max-dropdown-padding { padding-bottom: 12px; } @media screen and (max-width:768px){ .shrink-text-campaign { font-size: 100% !important; } } @media screen and (max-width: 992px){ .campaign-bids-list-preview-icon { font-size: 12px; } .remove-pm-dropdown { margin-bottom: 0 !important; padding-bottom: 0 !important; } } .scaps { font-size: 10px; } .rss { color: #ff8d41; } .cadtxtwarning { color: #FFC107 !important; } .character-main { margin: 8px; width: 50px; min-width: 0; } .character-list-main { margin-top: 15px; text-align: center; } .character-punit-profile { margin-top:2px; margin-right:16px; margin-bottom:2px; margin-left:0; width: 30px; min-width: 0; } .character-list-punit-profile { margin: 0; } .character-search { margin: 1px; width: 25px; min-width: 0; } .character-list-search { margin: 15px 0; } .character-puser-profile { margin: 8px; width: 50px; min-width: 0; } .character-list-puser-profile { margin: 15px 0; text-align: center; } .truncate-character-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20ch; } @media screen and (max-width: 768px){ .search-input-attr { width: 50% !important; } }