body {
overflow-x: hidden;
}
body, html{
font-family: var(--tp-ff-body);
font-size: var(--tp-fz-body);
font-weight: normal;
color: var(--darkblue);
line-height: 1.5;
overflow-x: hidden;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/poppins/Poppins-Italic.eot');
src: url('../fonts/poppins/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/poppins/Poppins-Italic.woff2') format('woff2'),
url('../fonts/poppins/Poppins-Italic.woff') format('woff'),
url('../fonts/poppins/Poppins-Italic.ttf') format('truetype'),
url('../fonts/poppins/Poppins-Italic.svg#Poppins-Italic') format('svg');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/poppins/Poppins-Light.eot');
src: url('../fonts/poppins/Poppins-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/poppins/Poppins-Light.woff2') format('woff2'),
url('../fonts/poppins/Poppins-Light.woff') format('woff'),
url('../fonts/poppins/Poppins-Light.ttf') format('truetype'),
url('../fonts/poppins/Poppins-Light.svg#Poppins-Light') format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/poppins/Poppins-Bold.eot');
src: url('../fonts/poppins/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/poppins/Poppins-Bold.woff2') format('woff2'),
url('../fonts/poppins/Poppins-Bold.woff') format('woff'),
url('../fonts/poppins/Poppins-Bold.ttf') format('truetype'),
url('../fonts/poppins/Poppins-Bold.svg#Poppins-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/poppins/Poppins-SemiBold.eot');
src: url('../fonts/poppins/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/poppins/Poppins-SemiBold.woff2') format('woff2'),
url('../fonts/poppins/Poppins-SemiBold.woff') format('woff'),
url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype'),
url('../fonts/poppins/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/poppins/Poppins-Regular.eot');
src: url('../fonts/poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/poppins/Poppins-Regular.woff2') format('woff2'),
url('../fonts/poppins/Poppins-Regular.woff') format('woff'),
url('../fonts/poppins/Poppins-Regular.ttf') format('truetype'),
url('../fonts/poppins/Poppins-Regular.svg#Poppins-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/poppins/Poppins-Medium.eot');
src: url('../fonts/poppins/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/poppins/Poppins-Medium.woff2') format('woff2'),
url('../fonts/poppins/Poppins-Medium.woff') format('woff'),
url('../fonts/poppins/Poppins-Medium.ttf') format('truetype'),
url('../fonts/poppins/Poppins-Medium.svg#Poppins-Medium') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}
:root {
/**
@font family declaration
*/
--tp-ff-body: 'Poppins', sans-serif;
--tp-ff-heading: 'Poppins', sans-serif;
--tp-ff-p: 'Poppins', sans-serif;
--tp-ff-eleganticons: "ElegantIcons";
/**
@color declaration
*/
--darkblue: #0a1b5f;
--purple: #9a71e1;
--yellow: #fcbd2e;
--black: #707070;
--white: #ffffff;
--tp-fw-normal: normal;
--tp-fw-elight: 200;
--tp-fw-light: 300;
--tp-fw-regular: 400;
--tp-fw-medium: 500;
--tp-fw-sbold: 600;
--tp-fw-bold: 700;
--tp-fw-ebold: 800;
--tp-fw-black: 900;
/**
@font size declaration
*/
--tp-fz-body: 14px;
--tp-fz-p: 14px;
--tp-fz-h1: 42px;
--tp-fz-h2: 36px;
--tp-fz-h3: 24px;
--tp-fz-h4: 20px;
--tp-fz-h5: 16px;
--tp-fz-h6: 14px;
}
.grecaptcha-badge{
display: none!important;
}
#chatbase-bubble-button {
background-color: var(--purple) !important;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
padding: 0px 30px;
max-width: 100%;
}
a:focus,
a:hover {
color: inherit;
text-decoration: none;
}
a,
button {
color: inherit;
outline: none;
border: none;
background: transparent;
}
a {
text-decoration: none;
}
/* p{
color: var(--black);
} */
.alert-danger p{
color: #842029;
}
/*------------------------how-it-work-page-css----------------*/
/* .step-process-section{
padding: 50px 0px;
}
.step-process-section .step-number{
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
background: #67499f;
color: #fff;
z-index: 9;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
line-height: normal;
top: 50%;
transform: translateY(-50%);
right: -25px;
}
.step-process-section .bg-row{
background: #f4f4f4;
} */
.pt-35{
padding-top: 35px;
}
.heading-wrapper .max-w-1080{
max-width: 1080px;
margin: 0 auto;
}
.step-wrapper{
position: relative;
display: flex;
max-width: 1180px;
width: 90%;
margin-right: auto;
margin-left: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.step-wrapper .step{
position: relative;
display: flex;
margin-bottom: 100px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: stretch;
align-items: stretch;
}
.step-wrapper .step .grid-works{
width: 100%;
-webkit-box-align: center;
align-items: center;
grid-column-gap: 34px;
grid-template-columns: 1fr 0.25fr 1fr;
grid-template-rows: auto;
}
.step-wrapper.buyers-premium-section .step .grid-works{
grid-template-columns: 1fr 1fr;
}
.step-wrapper.buyers-premium-section .content-wrap ul{
padding-left: 15px;
}
.step-wrapper.buyers-premium-section .content-wrap ul li{
list-style: disc;
}
.step-wrapper .step .w-layout-grid{
display: grid;
grid-auto-columns: 1fr;
grid-row-gap: 16px;
}
.step-wrapper .counter-wrap{
position: relative;
z-index: 5;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.counter-wrap .stop-counter{
display: flex;
width: 64px;
height: 64px;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
border-radius: 100px;
background-color: #fff;
box-shadow: 16px 16px 34px 0 rgba(245, 128, 139, 0.1);
color: #67499f;
font-size: 21px;
font-weight: 500;
}
.step-wrapper .bg-step{
position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: auto;
z-index: -1;
width: 100%;
height: 100%;
max-width: 720px;
margin-right: auto;
margin-left: auto;
border-radius: 36px;
background-color: #f8f5ff;
}
.step-wrapper .bg-step.bg-step-02{
background: #fdf3eb;
}
.step-wrapper .bg-step.bg-step-03{
background: #f3f5fb;
}
.step-wrapper .line{
position: absolute;
left: auto;
top: 13%;
right: auto;
bottom: auto;
z-index: 2;
width: 9px;
height: 65%;
background-image: url(../../assets/images/dot-line.svg);
background-position: 50% 50%;
background-size: 12px;
background-repeat: repeat-y;
}
.heading-wrapper.bg-section{
background: #e9f7fc;
background-image: url(../../assets/images/linear-line.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
ul.list-point li{
list-style-type: disc !important;
}
.main-menu-2 ul li.nav-btn a{
padding: 9px 20px;
color: #fff;
background-image: linear-gradient(to right, #6c49a9, #8c5edb) !important;
}
.main-menu-2 ul li.nav-btn a:hover{
background-position: right center;
color: #fff;
}
@media screen and (min-width: 768px) and (min-height: 400px){
.landscape_window{
display: none!important;
}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
.landscape_window{
display: block!important;
}
}
@media screen and (orientation: portrait) {
.landscape_window{
display: none!important;
}
}
.landscape_window {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background: #fff;
z-index: 9999999999;
z-index: 9999999999;
}
.landscape_window_inner {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
height: 100%;
padding: 20px 20px;
}
.landscape_window_inner h3 {
margin: 0;
margin-top: 20px;
margin-bottom: 5px;
text-align: center;
}
.landscape_window_inner p {
font-size: 16px;
text-align: center;
margin: 0;
}
.range-slider {
width: 400px;
position: relative;
margin: 15px 0 30px 0;
}
input[type=range] {
-webkit-appearance: none;
width: 100%;
background: transparent;
position: absolute;
left: 0;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 15px;
width: 15px;
border-radius: 50%;
background: #36b37e;
cursor: pointer;
margin-top: -5px;
position: relative;
z-index: 1;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 5px;
background: #e8e8e8;
border-radius: 3px;
border: none;
}
.newsletter-mobile{
padding: 6px 20px 20px;
background: #f5f5f5;
}
.newsletter-mobile #mc_embed_signup{
background: rgb(255 255 255 / 0%);
}
#mc_embed_signup div#mce-responses{
padding: 0px;
top: 0px;
position: relative;
margin: 0px;
}
#mc_embed_signup div.response{
padding: 0px;
margin-top: 0px;
}
.pt-35{
padding-top: 35px;
}
.tp-header__main {
background: #ffffff;
padding: 5px 0px;
box-shadow: 0px 0px 5px hsl(0deg 0% 0% / 39%);
display: inline-block;
width: 100%;
transition: all 0.3s ease-in-out;
}
.tp-header__bottom{
background: #f5f5f5 url(../images/hd-bg.png);
padding: 25px 0px;
background-size: cover;
}
body:not(.home_page) .tp-header__bottom{
display: none;
position: absolute;
width: 100%;
z-index: 999;
box-shadow: 0px 7px 5px -7px hsl(0deg 0% 0% / 39%);
}
.desktop-search-input {
max-width: 850px;
margin: 0 auto;
display: block;
}
.tp-header__search form {
position: relative;
}
body .desktop-search-input .search-input {
padding-top: 13px;
padding-bottom: 13px;
position: relative;
width: 100%;
left: 0;
top: auto;
z-index: auto;
}
body .desktop-search-input .search-input input {
width: 100%;
margin: 0 auto;
height: 40px;
border: 0;
background-color: #fff;
border-radius: 100px;
line-height: 44px;
padding: 35px;
box-shadow: 2px 7px 17px rgb(10 27 95 / 60%);
font-size: 18px;
padding-right: 75px;
}
.tp-header__search form input::-webkit-input-placeholder {
color: #838b95;
font-size: 16px;
}
.tp-header__search form input:-moz-placeholder {
color: #838b95;
font-size: 16px;
}
.tp-header__search form input::-moz-placeholder {
color: #838b95;
font-size: 16px;
}
.tp-header__search form input:-ms-input-placeholder {
color: #838b95;
font-size: 16px;
}
.tp-header__search form button,
.tp-header__search form .button {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
width: 43px;
height: 43px;
display: flex;
align-items: center;
justify-content: center;
background: var(--purple);
color: #fff;
border-radius: 50%;
}
.tp-header__search form button:hover, .tp-header__search form .button:hover {
box-shadow: 0px 0px 0px 4px rgb(154 113 225 / 27%);
}
.team-member-box .member-img{
width: 200px;
height: 200px;
margin: 0 auto;
border-radius: 50%;
overflow: hidden;
margin-bottom: 20px;
}
.team-member-box .member-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.our-team-section .team-member-box{
padding: 20px 10px;
border: 1px solid #ddd;
border-radius: 20px;
box-shadow: 0 0 15px -1px rgba(46, 46, 46, .3);
}
.team-member-box .social-icon{
display: flex;
align-items: center;
grid-gap: 10px;
justify-content: center;
}
.tp-header__main header {
padding-left: 210px;
}
.header_right {
justify-content: end;
}
.pro-pic .ti-user {
color: var(--darkblue);
border: 1px solid var(--darkblue);
padding: 7px;
border-radius: 50px;
}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
padding: 0px 15px;
font-size: 0.875rem;
line-height: 55px;
height: 64px;
}
.pro-pic-dropdown {
height: 45px;
width: 45px;
border: 1px solid #fff;
border-radius: 50px;
text-align: center;
line-height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.pro-name-dropdown {
width: calc(100% - 55px);
}
.pro-pic-dropdown .ti-user {
font-size: 18px;
}
.header-wrapper {
display: flex;
align-items: center;
}
.header-wrapper .tp-header__main-right, .header-wrapper .logo, .header-wrapper .logo_user {
flex-grow: 1;
}
.btn-group-header {
flex-grow: 1;
display: flex;
justify-content: flex-end;
}
.bid-btn .btn-primary:hover {
color: var(--darkblue);
background: #fcbd2e;
border: 1px solid #fcbd2e;
}
.logo img {
height: auto;
}
.logo img.logo-scroll {
display: none;
}
.tp-border-btn i.fa-solid.fa-star,
.tp-border-btn i.fa-regular.fa-star {
padding-left: 0px;
}
.header-sticky .logo img.logo-scroll {
display: block;
}
.header-sticky .logo img.logo-main {
display: none;
}
@media only screen and (min-width: 992px) {
.header-sticky .logo img.logo-main.mobile_show{
display: block!important;
}
}
.header-sticky .logo img {
width: 117px;
height: auto;
padding: 0px 0px;
}
/* --------=========== Mobile Menu CSS ==========-----------*/
.offcanvas__area::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
.offcanvas__area.offcanvas-opened {
right: 0px;
}
.offcanvas__area {
position: fixed;
right: -490px;
top: 0;
width: 450px;
height: 100%;
transition-duration: 0.5s;
z-index: 999;
-ms-overflow-style: none;
/* for Internet Explorer, Edge */
scrollbar-width: none;
/* for Firefox */
overflow-y: scroll;
min-width: 300px;
min-height: 768px;
background-size: cover;
background-color: var(--tp-grey-1);
z-index: 99999;
}
/* .offcanvas__logo img{
max-width: 130px;
} */
.offcanvas__wrapper {
position: relative;
overflow: auto;
width: 100%;
height: 100%;
scrollbar-width: none;
background: #f5f5f5;
background: #fff;
}
.offcanvas__close-btn {
display: inline-block;
font-size: 20px;
height: 35px;
width: 35px;
line-height: 1;
background-color: #834edd !important;
color: #fff;
background-image: url("data:image/svg+xml,");
background-size: 15px;
background-repeat: no-repeat;
background-position: center;;
}
.mobile_btns a {
display: block;
margin: 0px 0px 10px 0px;
max-width: 200px;
}
.offcanvas__wrapper .search-input {
padding-top: 13px;
padding-bottom: 13px;
position: relative;
}
.offcanvas__wrapper .search-input input {
height: 40px;
border: 0;
background-color: #fff;
padding-left: 20px;
padding-right: 50px;
border-radius: 30px;
width: 100%;
box-shadow: 0px 0px 7px 0px #00000024;
}
.offcanvas__wrapper .search-input a {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
}
.body-overlay {
background-color: #000;
height: 100%;
width: 100%;
position: fixed;
top: 0;
z-index: 9999;
right: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
/*.body-overlay:hover {
cursor: url(../img/icons/cross-out.png), pointer;
}*/
.body-overlay.opened {
opacity: 0.5;
visibility: visible;
}
@media only screen and (max-width:992px) {
.step-wrapper .step{
justify-content: center;
padding: 40px;
-webkit-box-pack: center;
z-index: 99;
}
.step-wrapper .step .grid-works{
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.step-wrapper.buyers-premium-section .step .grid-works{
grid-template-columns: 1fr;
}
#step-1,
#step-2,
#step-3{
order: -9999;
}
#step-1-img,
#step-3-img{
order: -9999;
justify-self: center;
}
.step-wrapper .line{
height: 40%;
}
.offcanvas__content .offcanvas__close {
position: absolute;
right: 0;
top: 0;
z-index: 9;
}
.offcanvas__content .offcanvas__top {
position: relative;
z-index: 1;
}
.opened_search .body-overlay {
opacity: 0.5;
visibility: visible;
z-index: 9999;
}
.opened_search header {
z-index: 99999;
position: relative;
}
}
@media (max-width: 575px) {
.offcanvas__area {
width: 320px;
}
}
/* --------=========== end Mobile Menu CSS ==========-----------*/
.grecaptcha-badge {
z-index: -1;
visibility: hidden;
}
/* ===============-------------- Header Auction Live Time and Button -----------====================*/
.auction_live_header {
/*background: #ffe7af;
padding: 6px 11px;
border-radius: 5px;
border: 1px solid #fcbd2e;*/
}
.button_link.auction_live_header {
bottom: 20px;
}
.auction_live_header.hide{
display: none!important;
}
.button_link.auction_live_header .auction_live_header_inner {
background: none;
padding: 0;
box-shadow: none;
}
.auction_live_header img {
width: 38px;
margin-right: 5px;
vertical-align: middle;
display: inline-block;
}
.auction_live_header .auction_live_text {
display: inline-block;
vertical-align: middle;
font-size: 18px;
line-height: 1;
}
.auction_live_header .auction_live_btn {
color: #fff;
vertical-align: middle;
font-weight: 500;
font-size: 16px;
padding: 8px 25px;
padding-left: 40px;
margin-left: 5px;
margin-right: 5px;
}
.auction_live_header .auction_live_btn:before {
left: 18px;
}
.auction_live_header .auction_live_btn:after {
left: 15px;
}
.run_live_auction_page .auction_live_header {
display: none!important;
}
.mobile_header_live,
.mobile_back_link {
display: none;
}
body .auction_live_header .auction_live_btn {
text-transform: uppercase;
padding: 7px 20px;
padding-left: 65px;
box-shadow: 0px 2px 4px #0000005e;
}
body .auction_live_header .auction_live_btn:before {
content: "";
width: 60px;
height: 60px;
border: 5px solid green;
left: -4px;
background-color: #fff;
background-image: url(../../images/bid_icon.png);
background-size: 35px;
background-repeat: no-repeat;
background-position: center;
box-shadow: 0px 0px 6px #0000005e;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.auction_live_header .auction_live_btn:hover {
background: var(--purple);
border-color: var(--purple);
color: #fff;
}
.auction_live_header .auction_live_btn:hover:before {
border-color: var(--purple);
}
.auction_live_header {
position: fixed;
bottom: 10px;
left: 0;
z-index: 991;
/* width: 100%; */
display: flex;
align-items: center;
justify-content: center;
text-align: center;
left: 50%;
transform: translateX(-50%);
}
.auction_live_header .auction_live_header_inner {
background: #fff;
padding: 10px 15px;
padding: 15px 10px;
border-radius: 5px;
box-shadow: 0px 0px 12px #0000005e;
display: inline-block;
}
.auction_live_header_inner .auction_live_btn {
padding: 6px 17px;
padding-left: 31px;
font-size: 15px;
display: inline-block;
}
/* ===============-------------- End Header Auction Live Time and Button -----------====================*/
.tp-slider__content .tp-border-btn span {
background: transparent;
color: #fff;
border-radius: 30px;
}
.tp-slider__content .tp-border-btn span:hover{
background: #fcbd2e;
color: #000;
border-color: #fcbd2e;
}
.tp-slider-2__section .slick-dots {
position: absolute;
bottom: 20px;
left: 0px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.tp-slider-2__section .slick-dots li {
display: inline-block;
margin: 0px 5px;
}
.tp-slider-2__section .slick-dots li button {
height: 13px;
width: 13px;
background: transparent;
border-radius: 50%;
overflow: hidden;
border: none;
outline: none;
text-indent: -999999px;
border: 2px solid #fff;
}
.tp-slider-2__section .slick-dots li.slick-active button {
background: #fff;
}
.bggraycalculator {
background: #f1f1f1;
padding: 12px 12px 5px;
border-radius: 5px;
line-height: normal;
}
.popular-section {
/* background: #f8f8f8; */
padding: 30px 0px 30px;
position: relative;
z-index: 1;
}
.breadcrumb-item + .breadcrumb-item {
text-transform: capitalize;
}
.slider-box {
background: #FFFFFF;
/*box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);*/
border-radius: 10px;
overflow: hidden;
margin: 10px 8px 0px;
height: auto;
position: relative;
border: 1px solid #e8e8e8;
}
.popular-slider.slick-initialized .slick-slide{
display: flex;
}
.slider-box:hover {
box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
}
.popular-text h3 {
font-size: 16px;
color: var(--darkblue);
min-height: auto;
margin-bottom: 5px;
}
.popular-text p {
font-size: 12px;
color: var(--darkblue);
margin: 0px 0px 0px;
line-height: 1.5;
}
.usd {
font-size: 24px;
font-weight: 900;
color: var(--purple);
margin-top: 5px;
margin-bottom: 5px;
line-height: normal;
}
.usd span {
font-size: 16px;
}
.popular-text {
padding: 25px 23px 5px;
padding: 10px 12px 0px;
}
.tp-btn, .theme-btn,
body #mc_embed_signup input.theme-btn{
text-align: center;
text-decoration: none;
background: var(--purple);
color: var(--white);
font-size: 14px;
font-weight: 500;
position: relative;
padding: 9px 20px;
border-radius: 50px;
border: 1px solid var(--purple);
line-height: normal;
display: inline-block;
transition: all 0.3s ease-out 0s;
}
.tp-btn:focus{
color: var(--white);
}
.tp-btn:hover,
.theme-btn:hover,
body #mc_embed_signup input.theme-btn:hover{
background: transparent;
color: var(--purple);
border: 1px solid var(--purple);
box-shadow: 0px 0px 0px 4px rgb(154 113 225 / 27%);
}
.tp-btn.btn-outline {
background: transparent;
color: var(--purple);
border: 1px solid var(--purple);
}
.tp-btn.btn-outline:hover {
background: var(--purple);
color: var(--white);
border: 1px solid var(--purple);
box-shadow: 0px 0px 0px 4px rgb(154 113 225 / 27%);
}
.header-acttion-btns .tp-btn:not(.btn-outline){
border: none!important;
background-image: linear-gradient(to right, #6c49a9, #8c5edb)!important;
background-size: 200% auto;
color: #fff;
}
.header-acttion-btns .tp-btn:not(.btn-outline):hover{
color: #fff!important;
background-position: right center;
}
.header-acttion-btns .tp-btn.btn-outline{
border-color: #6c49a9;
color: #6c49a9!important;
}
.header-acttion-btns .tp-btn.btn-outline:hover{
color: #fff!important;
background-image: linear-gradient(to right, #6c49a9, #8c5edb)!important;
}
.tp-btn.btn-outline .fa{
font-size: 16px;
}
.tp-btn.btn-outline .fa.fa-angle-left,
.tp-btn.btn-outline .fa.fa-angle-right{
margin-left: 7px;
margin-top: 0px;
position: relative;
display: inline-block;
top: 1px;
font-size: 18px;
}
.theme-btn.prebid_btn {
background-color: #dc3545 !important;
border-color: #dc3545 !important;
color: #fff !important;
font-size: 16px;
padding: 12px 30px;
font-weight: 500;
}
.theme-btn.prebid_btn:hover {
background-color: #bb2d3b !important;
border-color: #bb2d3b !important;
}
.div_checkbox_prebid .theme-btn {
font-size: 16px;
padding: 12px 25px;
font-weight: 500;
width: 100%;
background-color: #0a56f7 !important;
border-color: #0a56f7 !important;
}
.div_checkbox_prebid .theme-btn:hover{
background-color: #0f18d5 !important;
border-color: #0f18d5 !important;
color: #fff !important;
}
.div_checkbox_prebid .input-group .form-control {
height: 44px;
font-weight: 600;
font-size: 16px;
}
.vehicle_name_d,
.leftpart4 .live_vehicle_name {
font-size: 18px;
}
.h100 {
height: 100%;
}
/*.theme-btn:hover {
color: var(--darkblue);
background: #fcbd2e;
}*/
.theme-btn:focus {
color: var(--purple);
background: transparent;
box-shadow: 0px 0px 0px 4px rgb(154 113 225 / 27%);
/*background: var(--darkblue);
border-color: var(--darkblue);*/
}
.popular-text a {
display: inline-block;
}
.popular-slider{
min-height: 440px;
}
.popular-slider.slick-initialized {
min-height: auto;
}
.popular-slider .slick-list {
overflow: visible;
display: flex;
margin-bottom: 50px;
}
.popular-slider .slick-track {
display: flex;
}
.ti-services {
display: inline-block;
vertical-align: middle;
}
.ti-services:before {
content: "";
background: url(../images/services.png);
display: block;
height: 14px;
width: 14px;
background-size: contain;
}
.popular-slider .popular-img {
padding-top: 185px;
position: relative;
cursor: pointer;
background-color: #f2f2f2;
}
.popular-slider a.popular-img {
display: block;
}
.popular-slider .popular-img img {
width: 100%;
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 350ms ease;
transition: -webkit-transform 350ms ease;
transition: transform 350ms ease;
transition: transform 350ms ease, -webkit-transform 350ms ease;
-o-object-fit: cover;
object-fit: cover;
}
.popular-slider .slick-dots {
position: relative;
bottom: 0;
margin-top: 0px;
text-align: center;
}
.popular-slider .slick-dots li {
width: auto;
height: auto;
margin: 0 5px;
list-style: none;
display: inline-block;
}
.popular-slider .slick-dots li button {
width: 23px;
height: 7px;
padding: 0;
background: #1a1a36;
border-radius: 5px;
text-indent: -9999px;
border: none;
opacity: 0.2;
}
.popular-slider .slick-dots li.slick-active button {
background: var(--purple);
opacity: 1;
}
.tp-countdown__right {
background: var(--purple);
padding: 60px 60px;
background: var(--purple) url(../images/bg-ptn.webp);
background-repeat: repeat;
}
.step-form-tab {
margin: 0px;
padding: 0px;
display: flex;
overflow: hidden;
width: 100%;
margin-bottom: 40px!important;
}
.step-form-tab li {
list-style: none;
margin: 0px;
padding: 0px;
width: 100%;
}
.step-form-tab li a {
position: relative;
text-align: center;
display: inline-block;
text-decoration: none;
color: #4c4c4c;
width: 100%;
padding: 0px 20px;
cursor: context-menu;
}
.step-form-tab li:first-child a {
padding-left: 0px;
}
.step-form-tab li a span {
display: block;
font-size: 14px;
color: #000;
text-transform: uppercase;
font-weight: 500;
min-height: 42px;
margin-top: 10px;
}
.step-form-tab li a label {
position: relative;
font-size: 18px;
color: #000;
background: #cccccc;
width: 38px;
height: 38px;
line-height: 38px;
border-radius: 100%;
z-index: 5;
font-weight: 600;
}
.step-form-tab li a:after {
content: '';
position: absolute;
top: 18px;
z-index: 2;
width: 100%;
height: 2px;
background: #cdcdcd;
}
.step-form-tab li a:after {
left: 50%;
}
.step-form-tab li.complete a:after {
background: #000;
}
.step-form-tab li.complete a label {
background: #000;
color: #fff;
}
.step-form-tab li:last-child a:after {
background: #f8f8f8;
display: none;
}
.step-section {
padding: 0px 0px;
}
.step-form-pane .bd-example {
border-radius: 10px;
background: #fff;
padding: 20px 25px 25px 25px;
border: 1px solid #ececec;
overflow: hidden;
}
.intl-tel-input{
width: 100%;
}
.form-control,
select.form-select {
border: 1px solid #dadada;
height: 45px;
border-radius: 5px!important;
outline: none!important;
font-size: 14px;
box-sizing: border-box!important;
}
.form-control.readonly{
display: flex;
align-items: center;
background-color: #e9ecef;
}
.input-group .input-group-prepend select.form-select {
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.input-group .input-group-prepend ~ input.form-control {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important;
}
.shrink_input{
position: relative;
}
.shrink_input .form-control{
height: auto;
padding: 24px 15px 5px 15px;
}
.shrink_input.password_input_info .form-control{
padding-left: 40px;
}
.shrink_input.password_input .form-control{
padding-right: 40px;
}
.shrink_input.password_input_info .form-input-label{
left: 40px;
}
.shrink_input .form-control:not([value=""]) ~ .form-input-label,
.shrink_input .form-control:focus ~ .form-input-label,
.shrink_input .form-control:hover ~ .form-input-label,
.shrink_input .form-input-label.shrink {
top: 5px;
font-size: 12px;
}
.shrink_input .form-input-label {
color: #8995a2;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
position: absolute;
pointer-events: none;
left: 15px;
top: 16px;
-webkit-transition: 300ms ease all;
transition: 300ms ease all;
}
.register-fees-form .text-danger{
font-size: 13px;
}
.required_field .form-control{
border-color: #dc3545 !important;
}
.required_field.shrink_input .form-input-label,
.required_field.filter_required .form-control,
.required_field .form-control{
color: #dc3545;
}
.required_field .form-control option{
color: #000;
}
.required_field.shrink_input:not(.filter_required) ~ .text-danger,
.required_field:not(.filter_required) .text-danger{
display: none!important;
}
select.form-control {
cursor: pointer;
}
.form-control textarea {
height: auto;
}
.password_input {
position: relative;
}
.password_input input {
padding-right: 40px;
}
.password_input_info input{
padding-left: 40px;
}
.password_input i.fa:not(.fa-info-circle), .password_input .password_tooltip {
position: absolute;
right: 0px;
top: 0;
width: 40px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.password_input .password_tooltip {
left: 0;
}
.step-form-pane {
max-width: 95%;
margin: 0 auto;
width: 100%;
}
.form-control:focus,
select.form-select:focus {
border: 1px solid #dadada;
box-shadow: none;
}
.theme-btn.lg-btn {
padding: 12px 40px;
font-size: 16px;
}
.step-form-pane h4 {
margin: 0px;
margin-top: 10px;
font-size: 18px;
font-weight: 500;
}
.form-check-input[type=radio] {
border-radius: 50%;
height: 18px;
width: 18px;
}
.form-check {
padding-left: 2em;
font-size: 16px;
line-height: 1.8;
}
.conformations_step .form-check {
font-size: 14px;
padding-left: 20px;
}
.conformations_step .form-check .form-check-input {
margin-left: -1.5em;
font-size: 16px;
}
.form-check .form-check-input {
margin-left: -2em;
}
.form-check-input:checked[type=radio] {
background-image: url(../images/radio-btn.svg);
}
.form-check-input:checked {
background-color: transparent;
border-color: var(--darkblue);
}
.form-check-input[type=checkbox]:focus {
border-color: var(--darkblue);
}
.form-check-input:checked[type=checkbox] {
background-color: var(--darkblue);
}
.form-check-input:focus {
box-shadow: none;
}
.form-check-label,
.form-check-input {
cursor: pointer;
}
.input-group-text {
background: #fff;
color: var(--darkblue);
}
.input-group-text button {
line-height: 1;
}
.visa-card-img {
margin-top: -5px;
margin-left: 10px;
}
.upload-container {
position: relative;
border-radius: 5px;
outline: 2px dashed #ccc;
text-align: center;
}
.upload-container input {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
input[type="date" i] {
cursor: pointer;
}
.form-select {
cursor: pointer;
}
.upload-container label {
color: #1f1d3c;
font-weight: 500;
font-size: 20px;
text-align: center;
z-index: 5;
opacity: 0.5;
width: 100%;
height: 100%;
padding: 50px 100px 50px 100px;
cursor: pointer;
}
.upload-btn {
margin-left: 300px;
padding: 7px 20px;
}
.include-bg {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.breadcrumb__overlay {
position: relative;
}
.breadcrumb__overlay::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(26, 26, 54, 1) 0%, rgba(26, 26, 54, 0.9640231092436975) 24%, rgba(26, 26, 54, 0.8127626050420168) 41%, rgba(26, 26, 54, 0) 85%);
}
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.bootstrap-datetimepicker-widget table td span.active{
background: #9a71e1 !important;
}
.bootstrap-datetimepicker-widget .table th,
.bootstrap-datetimepicker-widget .table td{
border-top: 1px solid #dee2e6;
}
.bootstrap-datetimepicker-widget .table th{
font-weight: 500;
text-transform: uppercase;
}
.bootstrap-datetimepicker-widget .datepicker-months table td span,
.bootstrap-datetimepicker-widget .datepicker-years table td span,
.bootstrap-datetimepicker-widget .datepicker-decades table td span{
height: auto;
line-height: normal;
width: 50px;
padding: 10px 8px;
}
.bootstrap-datetimepicker-widget ul.list-unstyled li{
list-style-type: none;
}
.bootstrap-datetimepicker-widget .table>:not(:first-child){
border-top: none;
}
.bootstrap-datetimepicker-widget .datepicker-months table td,
.bootstrap-datetimepicker-widget .datepicker-years table td,
.bootstrap-datetimepicker-widget .datepicker-decades table td{
height: auto;
padding: 0;
}
.all_alert_messages .auction-start-time{
font-weight: 500;
margin-bottom: 5px;
}
.mobile-menu ul li a:focus,
.mobile-menu ul li a:visited,
.mobile-menu ul li a:hover {
background: #e4d8f7;
}
.inventory-list-wrapper .listitems .card-text .button-list {
margin-top: 0px;
}
.inventory-list-wrapper .vehicle-img-div {
width: 200px;
padding-right: 15px;
}
.inventory-list-wrapper .vehicle-content-div {
width: calc(100% - 210px);
padding-right: 0px;
}
.inventory-list-wrapper .filterPanel .listitems .card-grid .title {
font-size: 18px;
font-weight: 600;
color: var(--darkblue);
}
.inventory-list-wrapper .filterPanel .listitems .card-grid .title:hover {
color: #67499f;
}
.breadcrumb__area {
padding: 120px 10px;
}
.breadcrumb__area h1 {
font-size: 50px;
}
.sign__shape img.man-1 {
position: absolute;
z-index: -1;
left: 50%;
top: 50%;
z-index: 8;
transform: translateX(-50%) translateY(-50%);
}
.p-relative {
position: relative;
}
.sign__wrapper.reset-password{
padding: 40px 50px;
}
.sign__wrapper.forgotpass_wrapper{
padding: 20px 50px;
padding-bottom: 20px;
}
.sign__wrapper {
padding: 50px 70px;
padding-bottom: 45px;
margin: 0 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 40px 80px 0px rgb(2 2 26 / 14%);
-moz-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
-ms-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
-o-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
box-shadow: 0px 40px 80px 0px rgb(2 2 26 / 14%);
z-index: 99;
background: #fff;
position: relative;
}
.sign__header {
padding: 0 35px;
}
.sign__header p {
margin-bottom: 0;
position: relative;
padding: 0 40px;
display: inline-block;
}
.sign__form h5 {
font-size: 16px;
font-weight: 500;
color: var(--darkblue);
margin-bottom: 11px;
}
.sign__input {
position: relative;
}
.sign__input input {
width: 100%;
height: 50px;
line-height: 50px;
padding: 0 50px;
font-size: 14px;
border: 2px solid #ccc;
color: var(--darkblue);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
}
.sign__input i {
position: absolute;
top: 51%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 25px;
font-size: 14px;
}
.sign__input i.passwordView {
right: 0px;
left: auto;
width: 50px;
text-align: center;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.sign__agree input {
margin: 0;
appearance: none;
-moz-appearance: none;
display: block;
width: 14px;
height: 14px;
background: transparent;
border: 1px solid #ccc;
outline: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
position: relative;
}
.sign__agree input:checked::after {
box-sizing: border-box;
content: "\f00c";
position: absolute;
font: normal normal normal 14px / 1 FontAwesome;
font-size: 10px;
top: 46%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.sign__agree label {
padding-left: 10px;
font-size: 14px;
}
.e-btn {
display: inline-block;
height: 50px;
line-height: 52px;
text-align: center;
padding: 0 25px;
color: #ffffff;
background: var(--darkblue);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 30px;
font-weight: 500;
border: none;
}
.tp-section__title-wrapper {
position: relative;
z-index: 9;
}
.sign__new p {
margin-bottom: 0;
}
a {
color: var(--bs-purple);
}
.text-white a {
color: #fff;
text-decoration: underline;
}
.signup__area {
background: #f8f8f8;
z-index: 1;
}
.breadcrumb-custom {
background: #f8f8f8;
padding: 10px 0px;
}
.dvdr {
font-size: 14px;
padding: 0px 5px;
}
.e-btn:hover,
.e-btn:focus,
.e-btn:active {
color: var(--darkblue);
background: #fcbd2e;
}
.disable-input {
cursor: no-drop;
}
.disable-input select {
pointer-events: none;
background: #e9ecef;
}
.PreBidModal .modal-footer button:disabled {
cursor: no-drop;
opacity: 0.5;
}
.sidebar-left {
border-radius: 5px;
border: 1px solid #e8e9e8;
padding: 0px 0px;
background: #fff;
}
/* ------- new style sidebar tab --------*/
@media only screen and (min-width: 768px) {
.sidebar-left.sidebar_tab {
border: none;
border-radius: 0;
}
.sidebar_tab .usedCarLoction {
padding: 0;
background: none;
border: none;
margin: 0;
z-index: 2;
}
.sidebar_tab .usedCarLoction .nav-pills {
column-gap: 10px;
flex-wrap: nowrap;
}
.sidebar_tab .usedCarLoction .nav-pills .nav-link {
padding: 10px 5px;
background: var(--purple);
border-radius: 0;
color: #fff;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
border: 1px solid var(--purple);
border-bottom: none;
bottom: -1px;
position: relative;
}
.sidebar_tab .usedCarLoction .nav-pills .nav-link.active {
border-color: #e8e9e8;
border-bottom: none;
background: #fff;
position: relative;
padding-bottom: 11px;
}
.sidebar_tab .usedCarLoction .nav-pills .nav-link.active:after{
display: none;
}
.sidebar_tab .tab-content {
border: 1px solid #e8e9e8;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
z-index: 1;
position: relative;
}
.sidebar_tab .tab-content>.tab-pane > .row{
margin-top: 0px;
}
.sidebar-left .sidebartoggle{
margin-top: 0px;
}
}
/* ------- end new style sidebar tab --------*/
.sidebar-left .col-lg-6 .bootstrap-select .dropdown-toggle,
.sidebar-left .col-6 .bootstrap-select .dropdown-toggle {
padding: 3px 7px;
padding-right: 6px;
font-size: 13px;
outline: 0px !important;
}
.filtersection {
width: 100%;
}
.usedCarLoction {
color: #fff;
padding: 12px 0px 10px;
border-bottom: 1px solid #d8d8d8;
margin-bottom: 0px;
width: 100%;
position: relative;
background: #f8f8f8;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.usedCarLoction .nav-pills .nav-item {
width: 50%;
text-align: center;
position: relative;
}
.usedCarLoction .nav-pills .nav-link.active {
background: none;
color: var(--purple);
font-weight: 600;
}
.usedCarLoction .nav-pills .nav-link.active:after {
content: "";
height: 2px;
width: 100%;
background: var(--purple);
position: absolute;
bottom: -11px;
left: 0px;
}
ul.savelist {}
ul.savelist li {
padding: 7px 10px;
padding-right: 0px;
padding: 0;
flex-wrap: nowrap;
border-bottom: 1px solid #e8e9e8;
}
ul.savelist li a {
display: block;
padding: 11.5px 10px;
padding-right: 0px;
width: 100%;
font-size: 14px;
font-weight: normal;
color: var(--darkblue);
}
ul.savelist li .savelist_action {
display: flex;
align-items: center;
justify-content: center;
}
ul.savelist li .savelist_action button {
height: 100%;
border-radius: 5px;
font-size: 16px;
padding: 0px 8px;
color: var(--darkblue);
}
ul.savelist li .savelist_action button:hover {
color: #1a1a36;
}
.sidebartoggle li:last-child {
border: none;
}
.filtersection .title {
font-size: 14px;
color: var(--darkblue);
line-height: normal;
padding: 0px;
font-weight: 500;
}
.posR {
position: relative;
}
.sidebartoggle > li {
border-bottom: 1px solid #e8e9e8;
padding: 0px 15px;
position: relative;
list-style: none;
}
.sidebartoggle > li h3 {
font-size: 14px;
font-weight: normal;
color: var(--darkblue);
margin: 0px;
padding: 15px 0px;
cursor: pointer;
position: relative;
padding: 6px 0px 6px;
}
.sidebartoggle > li > h3:before {
content: "\f106";
font-size: 14px;
color: var(--darkblue);
margin: 9px 0 0;
width: 15px;
height: 19px;
text-align: center;
line-height: 24px;
pointer-events: none;
font: normal normal normal 12px / 1 FontAwesome;
position: absolute;
right: 0px;
top: 50%;
margin: 0px;
margin-top: -10px;
font-size: 20px;
}
.sidebartoggle > li > h3.collapsed:before {
content: "\f107";
}
.sidebartoggle > li {
border-bottom: 1px solid #e8e9e8;
padding: 9px 10px 5px;
position: relative;
}
.sidebartoggle i {
position: absolute;
right: 15px;
font-size: 14px;
}
.selectpicker.form-select {
border: 1px solid #e8e8e8;
/*background: transparent;*/
color: var(--darkblue);
width: 100%;
height: 45px;
outline: none !important;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
box-shadow: none;
font-size: 14px;
}
.dot-list-ul li {
font-size: 12px;
position: relative;
padding-left: 0px;
margin-left: 5px;
line-height: 1.3;
width: 100%;
color: var(--black);
}
.dot-list-ul li b{
font-weight: 500;
color: #333;
}
.counter.list_counter {
justify-content: flex-start;
margin-top: auto;
padding: 5px 8px 10px;
line-height: normal;
}
.dot-list-ul li:first-child:before {}
.dot-list-ul li:before {
display: none;
}
.price-wrappaer {
display: flex;
justify-content: flex-start;
grid-gap: 5px;
margin-top: 10px;
z-index: 9;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
padding: 0px;
}
.price-wrappaer .bidStatusLabel {
position: absolute;
bottom: 100%;
left: 0;
margin-bottom: 2px;
}
.price-wrappaer .bidStatusLabel .text-success {
font-size: 12px;
font-weight: 500;
padding: 4px 10px 4px;
border-radius: 0px 5px 5px 0px;
background: #008f00;
color: #fff !important;
display: inline-flex;
margin-bottom: 0px;
width: 100%;
line-height: 1.2;
}
.price-wrappaer .bidStatusLabel .text-danger {
font-size: 12px;
font-weight: 500;
padding: 4px 10px 4px;
border-radius: 0px 5px 5px 0px;
background: #dc3545;
color: #fff !important;
display: inline-flex;
margin-bottom: 0px;
width: 100%;
line-height: 1.2;
}
.listitems .counter .values {
position: relative;
top: 0px;
right: 0px;
margin-bottom: 5px;
}
.listitems .price-wrappaer {
margin: 0px;
}
.listitems .price-wrappaer {
position: relative;
justify-content: flex-start;
padding: 0px;
}
.griditems .card-grid h4.price,
.listitems .card-grid h4.price,
.popular-slider .price {
font-size: 12px;
font-weight: 500;
border: 1px solid #ccc;
padding: 4px 10px 2px;
border-radius: 5px;
background: #f6f6f6;
color: #41464b;
border-color: #d3d6d8;
margin-bottom: 0px;
width: 100%;
line-height: 1.2;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom: 0px;
}
.counter .values span span {
padding-left: 2px;
}
.listitems .card-grid h4.price {
width: auto;
}
.griditems .card-grid h4.price.bid_price,
.listitems .card-grid h4.price.bid_price,
.popular-slider .bid_price {
color: #0f5132;
background-color: #d1e7dd;
border-color: #badbcc;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.griditems .card-grid h4.price .fa,
.listitems .card-grid h4.price .fa {
margin-right: 3px;
font-size: 11px;
vertical-align: middle;
line-height: 12px;
}
ul.dot-list-ul {
margin-bottom: 0px;
margin-left: -5px;
line-height: normal;
}
.heartLink {
border: 1px solid #ccc;
width: 45px;
height: 40px;
border: 1px solid rgba(36, 39, 44, .5);
position: relative;
line-height: 40px;
-webkit-border-radius: 2px;
border-radius: 2px;
top: 0;
z-index: 1;
right: 0;
display: inline-block;
text-align: center;
vertical-align: top;
margin-left: 5px;
cursor: pointer;
-webkit-transition: .3s all linear;
transition: .3s all linear;
font-size: 20px;
}
.dot-list-ul li.beforenone {
padding: 0px;
margin: 0px;
}
.dot-list-ul li.beforenone:before {
display: none;
}
.heartLink:hover {
border: 1px solid #ac1f2d;
}
.heartLink:hover .fa {
color: #ac1f2d;
}
.ds-price-bar {
color: #fff;
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
}
.magic-checkbox:checked + label:before {
border: #fff;
background: #fff;
}
.sidebartoggle .toogle-content {
display: none;
}
.sidebartoggle .checkbox {
padding: 3px 0px;
color: #24272c;
font-size: 15px;
}
.sidebartoggle .collapse {
max-height: 200px;
overflow-x: hidden;
overflow-y: auto;
}
.sidebartoggle .rangeslider.collapse {
overflow: visible;
}
.sidebartoggle .collapse > div {
min-height: 22px;
}
.irs--round .irs-handle {
cursor: pointer;
}
span.irs--round .irs-from:before,
span.irs--round .irs-to:before{
display: none;
}
span.irs--round .irs-from{
left: 0px !important;
background: #fff !important;
color: var(--purple);
font-size: 16px;
font-weight: 600;
visibility: visible !important;
position: absolute;
}
.irs--round .irs-min, .irs--round .irs-max{
opacity: 0;
}
.irs-single{
display: none!important;
}
span.irs--round .irs-to{
right: 0px !important;
background: #fff !important;
color: var(--purple);
font-size: 16px;
font-weight: 600;
left: auto !important;
position: absolute;
visibility: visible !important;
}
.magic-radio,
.magic-checkbox {
position: absolute;
display: none;
}
.magic-radio[disabled],
.magic-checkbox[disabled] {
cursor: not-allowed;
}
.magic-radio + label,
.magic-checkbox + label {
position: relative;
display: block;
padding-left: 28px;
cursor: pointer;
vertical-align: middle;
line-height: 24px;
margin: 0px;
font-size: 14px;
text-transform: capitalize;
font-weight: normal;
line-height: 1.5;
}
.magic-radio + label:hover:before,
.magic-checkbox + label:hover:before {
animation-duration: 0.4s;
animation-fill-mode: both;
animation-name: hover-color;
}
.magic-radio + label:before,
.magic-checkbox + label:before {
position: absolute;
top: 0px;
left: 0;
display: inline-block;
width: 20px;
height: 20px;
content: '';
border: 1px solid var(--darkblue);
border-radius: 3px;
}
.magic-radio + label:after,
.magic-checkbox + label:after {
position: absolute;
display: none;
content: '';
}
.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
cursor: not-allowed;
color: #e4e4e4;
}
.magic-radio[disabled] + label:hover,
.magic-radio[disabled] + label:before,
.magic-radio[disabled] + label:after,
.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {
cursor: not-allowed;
}
.magic-radio[disabled] + label:hover:before,
.magic-checkbox[disabled] + label:hover:before {
border: 1px solid #e4e4e4;
animation-name: none;
}
.magic-radio[disabled] + label:before,
.magic-checkbox[disabled] + label:before {
border-color: #e4e4e4;
}
.magic-radio:checked + label:before, .magic-checkbox:checked + label:before {
animation-name: none;
border: 1px solid var(--purple);
}
.magic-checkbox:checked + label{
color: var(--purple);
}
.magic-checkbox:checked + label:after {
display: block;
}
.magic-radio:checked + label:after{
display: block;
background: var(--purple);
}
.magic-radio + label:before {
border-radius: 50%;
}
.magic-radio + label:after {
top: 6px;
left: 6px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--darkblue);
}
.magic-radio:checked + label:before {
border: 1px solid var(--purple);
}
.magic-radio:checked[disabled] + label:before {
border: 1px solid #c9e2f9;
}
.magic-radio:checked[disabled] + label:after {
background: #c9e2f9;
}
.magic-radio:checked + label{
color: var(--purple);
}
.magic-checkbox + label:after {
top: 3px;
left: 7px;
box-sizing: border-box;
width: 6px;
height: 11px;
transform: rotate(45deg);
border-width: 2px;
border-style: solid;
border-color: var(--purple);
border-top: 0;
border-left: 0;
}
.magic-checkbox:checked[disabled] + label:before {
border: #c9e2f9;
background: #c9e2f9;
}
.magic-radio + label:after {
top: 6px;
left: 6px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--darkblue);
}
.magic-radio:checked[disabled] + label:before {
border: 1px solid #c9e2f9;
}
.magic-radio:checked[disabled] + label:after {
background: #c9e2f9;
}
.magic-checkbox:checked[disabled] + label:before {
border: #c9e2f9;
background: #c9e2f9;
}
.checkbox {
padding: 10px 10px;
}
.UsedCarListing .count {
font-size: 14px;
color: #fff;
background: #67499f;
border-radius: 20px;
margin-right: 5px;
vertical-align: middle;
padding: 4px 10px 2px;
}
.UsedCarListing h1 {
font-size: 21px;
display: inline-block;
width: calc(100% - 60px);
vertical-align: middle;
margin: 0px;
line-height: normal;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.sortBy {
text-align: right;
display: block;
margin-top: 0px;
}
.sortBy .inputfield {
width: calc(100% - 91px);
display: inline-block;
vertical-align: middle;
position: relative;
}
.sortBy .inputfield input[type=text] {
padding-left: 74px!important;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
.sortBy .inputfield select.form-select, select.form-select-small{
height: auto;
padding: 7px 8px;
padding-right: 25px;
font-size: 13px;
line-height: 1;
background-position: right 6px center;
background-size: 11px;
}
.sortBy .inputfield label.active {
color: rgba(36, 39, 44, .5);
font-size: 14px;
padding: 0;
text-align: left;
width: auto;
opacity: 1;
margin: 0px;
pointer-events: none;
/*position: absolute;
left: 0px;
top: 5px;*/
}
.UsedCarListing .viewTypeWrap {
width: 50px;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.UsedCarListing .viewType {
width: 25px;
height: 25px;
text-align: center;
cursor: pointer;
line-height: 25px;
font-size: 14px;
float: left;
line-height: 29px;
}
.UsedCarListing .viewType,
.UsedCarListing .viewType i {}
.UsedCarListing .viewType.active {
background: var(--darkblue);
color: #fff;
}
.UsedCarListing .sortedItem {
margin: 0px;
}
.UsedCarListing .sortedItem li {
margin: 0 8px 8px 0;
padding: 3px 8px;
width: auto;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.UsedCarListing .sortedItem .saveclearfilter li > div {
margin-right: 7px;
}
.UsedCarListing .sortedItem li > b {
margin-right: 5px;
}
.UsedCarListing .sortedItem .saveclearfilter li > div {
margin-right: 7px;
}
.UsedCarListing .sortedItem .saveclearfilter li>div:after {
content: ",";
}
.UsedCarListing .sortedItem .saveclearfilter li>div:last-child:after {
content: "";
}
.UsedCarListing .sortedItem li > b {
margin-right: 5px;
}
.UsedCarListing .viewType {
position: relative;
}
.UsedCarListing .viewType .form-check-input[type=radio] {
height: 25px;
width: 25px;
/* background: #ccc; */
border-radius: 0px;
border: none;
margin: 0px;
}
.UsedCarListing .viewType .form-check-input:checked[type=radio] {
background: #1a1a36;
}
.UsedCarListing .viewType .form-check-label {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
line-height: normal;
margin: 0px;
padding: 0px;
display: flex;
}
.UsedCarListing .viewType .form-check-input:checked + .form-check-label {
color: #fff;
}
.clearfilter li span {
margin-left: 5px;
font-size: 14px;
cursor: pointer;
line-height: normal;
}
.clearfilter li > div > span {
margin-left: 5px;
font-size: 14px;
cursor: pointer;
line-height: 17px;
background: #1a1a36;
color: #fff;
border-radius: 50%;
display: inline-block;
width: 14px;
height: 14px;
text-align: center;
}
.UsedCarListing .sortedItem li > div{
margin-right: 8px;
}
.UsedCarListing .sortedItem li > div:last-child {
margin-right: 0;
}
.clearfilter li.clearall {
border: none;
color: var(--purple);
padding-top:0px;
padding-bottom:0px;
}
.clearfilter li.clearall span {
margin-left: 0px;
}
.UsedCarListing .listitems,
.UsedCarListing .griditems {
margin-top: 15px;
margin-top: 0px;
}
.card-grid {
width: 100%;
float: left;
background: #fff;
-webkit-border-radius: 2px;
border-radius: 2px;
height: 100%;
display: flex;
flex-direction: column;
}
.shadowWPadding {
padding: 0;
background: #fff;
position: relative;
border-radius: 5px;
overflow: hidden;
position: relative;
border: 1px solid #e8e8e8;
transition: all 0.3s ease-out 0s;
}
.shadowWPadding:hover {
box-shadow: rgba(0, 0, 0, 0.2) 2px 1px 8px;
}
.griditems .shadowWPadding {
height: 100%;
}
.listitems .card-grid {
background: #f8f8f8;
padding: 0px;
border-radius: 10px;
/* box-shadow: 0px 4px 10px rgb(0 0 0 / 10%); */
overflow: hidden;
}
.user_dashboard_pages .listitems .card-grid {
background: #fff;
}
.griditems .imgTopRound {
width: 100%;
position: relative;
padding-top: 165px;
background-color: #f5f5f5;
}
.griditems .imgTopRound img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
position: absolute;
top: 0px;
left: 0px;
}
.griditems .imgTopRound img.lazyload,
.cardImage img.lazyload {
opacity: 0;
}
.griditems .imgTopRound img.lazyloaded,
.cardImage img.lazyloaded{
opacity: 1;
}
.inventory-list-wrapper .listitems .imgTopRound {
width: 100%;
position: relative;
padding-top: 97px;
}
.filter-custom a i.fa-filter{
font-size: 15px;
margin: 0;
margin-right: 2px;
}
.inventory-list-wrapper .container {
padding: 0px 30px;
}
.inventory-list-wrapper .listitems .imgTopRound img {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
object-fit: cover;
}
.ds-price-bar {
color: #fff;
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
}
.primary-bg {
background: var(--purple);
}
.checkbox {
padding: 0px;
}
.ds-price-bar span {
position: absolute;
top: 6px;
right: 10px;
font-size: 16px;
}
.listitems .card-grid .holder {
padding: 10px 0px;
}
.listitems .card-grid {
height: auto;
}
.trans-primary-color-background {
background-color: var(--purple);
color: #fff;
}
.filterPanel .listitems .card-grid .title {
font-size: 22px;
font-weight: 500;
color: var(--darkblue);
}
.filterPanel .listitems .card-grid h5 {
font-size: 16px;
}
ul.list-view-ul {
margin: 0px 0px 0px;
}
.ul.list-view-ul li {
font-size: 14px;
width: 100%;
padding: 3px 0px;
line-height: normal;
color: #919395;
}
.inventory-list-wrapper ul.list-view-ul {
display: flex;
flex-wrap: wrap;
height: auto;
line-height: normal;
}
.inventory-list-wrapper ul.list-view-ul li {
width: 50%;
padding: 0px 0;
line-height: 1.3;
width: auto;
padding: 0px 0;
line-height: 1.3;
padding-right: 15px;
}
/*
.listitems .card-grid h4.price {
font-size: 18px;
margin-bottom: 5px;
color: var(--purple);
}*/
.listitems .card-grid h5.miles {
font-size: 18px;
margin-bottom: 0px;
}
.clearfilter li {
background: #fff;
border: 1px solid rgba(36, 39, 44, .3);
padding: 8px 12px;
font-size: 13px;
border-radius: 2px;
font-weight: normal;
line-height: 1;
float: left;
color: #24272c;
}
ul,
li {
margin-bottom: 0;
list-style: none;
padding: 0;
line-height: 1.5;
}
.inputfield input[type=email],
.inputfield input[type=number],
.inputfield input[type=tel],
.inputfield input[type=text] {
background: #fff;
-webkit-appearance: none;
text-shadow: 0 0 0 #24272c;
border: 1px solid rgba(36, 39, 44, .3);
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-text-fill-color: transparent;
padding: 0 30px 0 16px;
font-size: 16px;
height: 48px;
width: 100%;
box-shadow: none;
}
.inputfield.smallInput input[type=email],
.inputfield.smallInput input[type=text] {
height: 40px;
}
.button-list .tp-border-btn span {
background: none;
border-radius: 30px;
color: #FFF;
font-size: 13px;
padding: 4px 12px;
border: 1px solid var(--darkblue);
background-color: var(--darkblue);
line-height: 1;
padding-top: 7px;
padding-bottom: 7px;
}
.button-list .tp-border-btn span i{
}
.button-list .tp-border-btn span:hover {
color: var(--darkblue);
background: #fcbd2e;
border-color: #fcbd2e;
}
.griditems .button-list .tp-border-btn span,
.slider-box .button-list .theme-btn {
background: none;
border-radius: 30px;
border: none;
color: var(--darkblue);
padding: 6px 20px;
background: var(--yellow);
background: #fff;
box-shadow: 0px 1px 7px rgb(0 0 0 / 54%);
}
.filterPanel .griditems .button-list {
justify-content: space-between;
}
.griditems .button-list .tp-border-btn span {
font-size: 13px;
width: 26px;
height: 26px;
text-align: center;
line-height: 24px;
padding: 0px;
text-align: center;
}
.griditems .button-list .tp-border-btn span img,
.listitems .button-list .tp-border-btn span img,
.popular-slider .button-list .tp-border-btn span img {
height: 16px;
width: 16px;
position: relative;
display: inline-block;
}
.listitems .button-list .tp-border-btn span img {
vertical-align: sub;
}
.listitems .button-list .tp-border-btn.addto_watchlist span,
.button-list .tp-border-btn.removeto_watchlist span {
border: 1px solid var(--darkblue);
padding: 3.5px 6px;
background: #fff;
}
.popular-slider .button-list .tp-border-btn span {
font-size: 13px;
width: 26px;
height: 26px;
text-align: center;
line-height: 24px;
padding: 0px;
text-align: center;
background: var(--yellow);
background: #fff;
box-shadow: 0px 1px 7px rgb(0 0 0 / 54%);
border-radius: 30px;
border: none;
display: flex;
align-items: center;
justify-content: center;
}
.filterPanel .griditems .button-list,
.slider-box .button-list {
opacity: 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
position: absolute;
z-index: 9;
top: 0px;
left: 0px;
padding: 4px 3px;
}
.slider-box .button-list a.theme-btn {
display: inline-block;
}
#loadingDiv {
text-align: center;
}
.card-grid .holder {
padding: 8px 10px 1px;
line-height: normal;
}
.filterPanel .card-grid:hover .button-list,
.slider-box:hover .button-list {
opacity: 1;
}
.addedwatchlistinvt .card-grid .button-list,
.addedwatchlistinvt .slider-box .button-list {
opacity: 1;
}
.addedwatchlistinvt .card-grid .button-list .tp-border-btn span,
.addedwatchlistinvt .slider-box .button-list .tp-border-btn span {
background: var(--bs-purple);
}
.addedwatchlistinvt .card-grid .button-list .tp-border-btn span img,
.addedwatchlistinvt .slider-box .button-list .tp-border-btn span img{
filter: invert(95%) sepia(13%) saturate(6776%) hue-rotate(349deg) brightness(106%) contrast(109%);
}
.card-grid .title {
margin: 0px;
color: var(--darblue);
margin-bottom: 8px;
display: inline-block;
width: 100%;
font-weight: 700;
font-size: 15px;
margin-bottom: 3px;
line-height: 1.2;
}
body .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
}
body .modal-dialog .bootstrap-select .dropdown-toggle {
padding: 11px 15px;
line-height: 1;
outline: 0px !important;
border: 1px solid #dadada;
background: none;
}
#createnew .modal-body .my-select {
margin-top: 0px;
}
.bid-btn a {
width: 100%;
margin-bottom: 10px;
border-radius: 30px;
font-size: 16px;
padding: 11px 20px;
font-weight: 500;
line-height: normal;
}
.bid-btn a.addto_watchlist2 {
/*border: none !important;
background: #fcbd2e !important;
color: #000 !important;*/
background: transparent !important;
color: var(--purple) !important;
border-color: var(--purple) !important;
}
.bid-btn a.addto_watchlist2:hover {
/*background: #f9c550!important;
box-shadow: 0px 0px 0px 4px #ffb10036;*/
background: var(--purple) !important;
box-shadow: 0px 0px 0px 4px rgb(154 113 225 / 27%)!important;
color: #fff !important;
border-color: var(--purple) !important;
}
.bid-btn a.addto_watchlist2 .fa {
font-size: 20px;
vertical-align: middle;
position: relative;
top: -1px;
margin-right: 3px;
}
.bid-btn a.addto_watchlist2 img {
height: 20px;
width: 20px;
vertical-align: sub;
margin-right: 4px;
}
.bid-btn a.prebid_btn {
/*font-size: 15px;*/
/*padding: 8px 53px;*/
background-color: #342a59!important;
border-color: #342a59!important;
background-color: #0a56f7!important;
border-color: #0a56f7!important;
}
.bid-btn a.prebid_btn:hover {
background-color: var(--darkblue)!important;
border-color: var(--darkblue)!important;
color: #fff !important;
background-color: #0f18d5 !important;
border-color: #0f18d5 !important;
}
.bid-btn a.prebid_btn i {
font-size: 16px;
margin-right: 3px;
}
.bid-btn a:focus {
box-shadow: none!important;
;
}
.btn-primary:focus,
.btn-primary:active {
background: var(--darkblue) !important;
border-color: var(--darkblue) !important;
}
.page-breadcrumb {
padding: 10px 30px 10px 30px;
}
.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-primary:active {
color: #fff!important;
}
.c-remove {
cursor: context-menu;
}
.detail-info-box table.table.table-striped {
margin-bottom: 0;
}
.detail-info-box table tr td .btn-primary span {
color: #fff;
opacity: 1;
}
.bid-btn .btn-primary:hover span {
/*color: var(--darkblue);*/
}
.bootstrap-select.wauto .dropdown-toggle {
width: auto;
}
.Custom-miles {
display: flex;
align-items: center;
}
.Custom-miles label {
margin: 0px!important;
}
.bootstrap-select.wauto {
width: auto!important;
margin-right: 10px;
}
.bootstrap-select .dropdown-toggle {
color: var(--darkblue);
background-color: #fff;
border-color: #dadada;
outline: none!important;
box-shadow: none!important;
font-size: 14px;
padding: 9px 15px;
border-radius: 0.25rem;
}
.bootstrap-select .dropdown-toggle:focus {
outline: none!important;
}
.bootstrap-select.bs-container .dropdown-menu {
max-width: 100%;
max-height: 200px;
padding: 0px;
}
.bootstrap-select .dropdown-menu li a {
font-size: 14px;
color: var(--darkblue);
padding: 0.3rem 1rem;
line-height: 1;
}
.sidebartoggle #collapseOne.collapse {
overflow: visible;
}
.bootstrap-select .dropdown-menu li a.active {
color: #fff;
}
.bootstrap-select .dropdown-menu li a:active,
.bootstrap-select .dropdown-menu li a:focus {
background-color: #e9ecef;
}
.dropdown-item.active,
.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: var(--purple);
}
.container.container-full {
max-width: 100%;
}
.dropdown-header span {
font-size: 14px;
color: var(--darkblue);
font-weight: 600;
}
.bs-searchbox .form-control,
.filtersection .form-control {
height: 40px;
}
.filtersection .form-label {
margin-bottom: 0.5rem;
line-height: 1;
margin-bottom: 7px;
}
.rounded-bid {
background: #fff;
line-height: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-flow: column;
height: 85%;
width: 85%;
border-radius: 50%;
}
.rounded-bid span {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 3px;
color: #000;
}
.progressbar .rounded-bid .show_current_bid_timer span {
font-size: 12px;
color: var(--darkblue);
margin-left: -3px;
}
.zoom-icon {
position: absolute;
top: 10px;
left: 10px;
font-size: 16px;
/* color: #fff; */
background: #fff;
padding: 0px;
line-height: normal;
border-radius: 50%;
height: 30px;
width: 30px;
text-align: center;
line-height: 34px;
cursor: pointer;
color: #1e1d3c;
}
.rounded-bid h5 {
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
margin: 0px;
margin-bottom: 3px;
}
.rounded-bid p {
margin: 0px;
line-height: normal;
}
.rounded-wrapper {
display: flex;
justify-content: center;
padding: 20px 0px;
}
footer {
box-shadow: none;
border:none;
/*border-top: 1px solid #f1f1f1;*/
}
.vfinder .tab-content {
border: 1px solid #d8d8d8;
border-radius: 5px;
padding: 25px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background: #fff;
}
.vfinder .nav-pills .nav-link.active {
background: var(--purple);
color: #fff;
}
.vfinder .nav-pills .nav-link {
background: 0 0;
border: 0;
border-radius: 5px;
background: transparent;
margin: 0px 10px 0px 0px;
color: var(--darkblue);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border: 1px solid #d8d8d8;
border-bottom: 0px;
background: #fff;
}
.vfinder .tab-pane ul {
display: grid;
grid-template-columns: auto auto auto auto;
grid-gap: 15px;
}
.search-input .autocom-box {
padding: 0;
opacity: 0;
pointer-events: none;
max-height: 280px;
overflow-y: auto;
}
.ui-autocomplete {
max-width: 450px;
background: #fff;
padding: 15px;
border-radius: 5px;
box-shadow: 0px 0px 15px rgb(0 0 0 / 27%);
max-height: 450px;
overflow: auto;
}
.ui-autocomplete {
z-index: 9999!important;
}
.ui-helper-hidden-accessible {
display: none;
}
li.ui-menu-item {
padding: 3px 0px;
cursor: pointer;
}
.inputfield .bootstrap-select .dropdown-toggle {
font-size: 14px;
padding: 10px 10px;
}
.inputfield .bootstrap-select .dropdown-toggle {
font-size: 14px;
padding: 3px 10px;
}
.inputfield .bootstrap-select {
padding-left: 60px;
}
.step-form-pane.max-w100 {
max-width: 100%;
}
.blank-section p {
line-height: 1.5;
}
.blank-section p:nth-child(even) {
margin-bottom: 10px;
}
.breadcrumb__overlay .breadcrumb__list a {
color: #fff;
}
.breadcrumb__list {
text-transform: capitalize;
}
textarea.form-control {
height: auto;
}
.blank-section ul li {
padding: 7px 0px;
list-style: disc;
}
.servives-list {
margin-bottom: 30px;
border-radius: 10px;
overflow: hidden;
position: relative;
border: 1px solid #e8e8e8;
}
.services-detail {
padding: 20px;
}
.services-detail p {
line-height: 1.4;
color: var(--darkblue);
margin-bottom: 10px;
}
img {
max-width: 100%;
}
.c-pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.c-pagination>li {
display: inline;
}
.c-pagination>li>a,
.c-pagination>li>span {
position: relative;
float: left;
padding: 0px;
line-height: 1.42857143;
color: #24272c;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
height: 35px;
width: 35px;
line-height: 34px;
text-align: center;
}
.c-pagination>.disabled>span,
.c-pagination>.disabled>span:hover,
.c-pagination>.disabled>span:focus,
.c-pagination>.disabled>a,
.c-pagination>.disabled>a:hover,
.c-pagination>.disabled>a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.c-pagination>li:first-child>a,
.c-pagination>li:first-child>span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.c-pagination>.active>a,
.c-pagination>.active>span,
.c-pagination>.active>a:hover,
.c-pagination>.active>span:hover,
.c-pagination>.active>a:focus,
.c-pagination>.active>span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: var(--purple);
border-color: var(--purple);
}
.c-pagination>li>a,
.c-pagination>li>span {
border-radius: 50% !important;
margin: 0 5px;
}
.timetable-section table tr td {
padding: 0px;
}
.timetable-section table > tbody > tr > td {}
.timetable-section table > tbody > tr:first-child > td {}
.timetable-section tbody table tr td {
padding: 12px 15px;
font-size: 14px;
}
.timetable-section table tbody tr td table tr td {
border-right: 0px;
}
.timetable-section thead tr th {
background: #e5e5e5;
padding: 12px 15px;
border: none;
}
.table {
background: #fff;
}
.gallry-popup,
.gallry-popup2 {
position: absolute;
top: 10px;
right: 10px;
background: #fff;
width: 30px;
text-align: center;
height: 26px;
border-radius: 5px;
line-height: 30px;
z-index: 99;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background: rgb(0 0 0 / 70%);
}
.gallry-popup svg,
.gallry-popup2 svg{
fill: #fff;
}
.mb-15 {
margin-bottom: 15px;
}
.timetable-section {
padding: 50px 0px;
background: #f8f8f8;
}
.servives-list .popular-text {
padding-bottom: 25px;
}
.calendarevent {
display: block;
height: 25px;
margin: 0;
text-align: center;
color: #fff;
font-size: 12px;
font-weight: 700;
line-height: 25px;
position: absolute;
top: 30px;
right: -30px;
width: 150px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background-color: var(--purple);
}
.auction-c-slider .servicesimg {
padding-top: 200px;
position: relative;
}
.auction-c-slider .servicesimg img {
width: 100%;
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 350ms ease;
transition: -webkit-transform 350ms ease;
transition: transform 350ms ease;
transition: transform 350ms ease, -webkit-transform 350ms ease;
-o-object-fit: cover;
object-fit: cover;
}
.next-vehicle-slider .slick-prev,
.popular-slider .slick-prev,
.next-vehicle-slider .slick-next,
.popular-slider .slick-next {
position: absolute;
top: 50%;
left: 10px;
z-index: 1;
font-size: 50px;
font-weight: 300;
color: #000;
text-indent: -9999px;
cursor: pointer;
height: 30px;
width: 30px;
overflow: hidden;
transform: translate(0%, -50%);
background: #fff;
border-radius: 50%;
border: 1px solid #ccc;
}
.popular-slider .slick-next.slick-disabled{
background: #ddd;
}
.popular-slider .slick-next,
.popular-slider .slick-prev {
height: 50px;
width: 50px;
}
.next-vehicle-slider .slick-next,
.popular-slider .slick-next {
right: -15px;
left: auto;
}
.next-vehicle-slider .slick-prev,
.popular-slider .slick-prev {
right: auto;
left: -15px;
}
.next-vehicle-slider .slick-prev:before,
.popular-slider .slick-prev:before,
.next-vehicle-slider .slick-next:before,
.popular-slider .slick-next:before {
display: flex;
align-items: center;
justify-content: center;
font-family: "FontAwesome";
height: 100%;
text-indent: 0px;
line-height: normal;
font-size: 24px;
}
.next-vehicle-slider .slick-prev:before,
.popular-slider .slick-prev:before {
content: "\f104";
margin-top: -2px;
margin-right: 2px;
}
.next-vehicle-slider .slick-next:before,
.popular-slider .slick-next:before {
content: "\f105";
margin-top: -2px;
margin-left: 2px;
}
.actime {
background: var(--yellow);
padding: 6px 12px 4px;
font-size: 12px;
font-weight: 500;
line-height: normal;
width: auto;
display: inline-block;
border-radius: 30px;
margin-bottom: 15px;
}
.auction-c-slider .popular-text p {
margin-bottom: 10px;
}
.main-menu-2 ul li {
position: relative;
list-style: none;
display: inline-block;
margin-right: 25px;
text-align: left;
}
.main-menu-2 ul li a {
display: inline-block;
font-size: 14px;
color: var(--darkblue);
padding: 15px 0;
font-weight: 600;
}
.main-menu-2 ul li.has-dropdown>a {
position: relative;
}
.main-menu-2 ul li.has-dropdown>a::after {
content: "\f107";
-webkit-transform: translateY(1px);
-moz-transform: translateY(1px);
-ms-transform: translateY(1px);
-o-transform: translateY(1px);
transform: translateY(1px);
font-size: 18px;
line-height: 1;
font-family: FontAwesome;
font-weight: 400;
margin-left: 5px;
display: inline-block;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.main-menu-2 ul li .submenu {
position: absolute;
left: 0px;
top: 100%;
width: 230px;
padding-bottom: 0px;
display: none;
box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1);
background: #fff;
z-index: 2;
}
.main-menu-2 ul li .submenu li {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.main-menu-2 ul li .submenu li.has-dropdown>a::after {
position: absolute;
top: 50%;
right: 25px;
-webkit-transform: translateY(-50%) rotate(-90deg);
-moz-transform: translateY(-50%) rotate(-90deg);
-ms-transform: translateY(-50%) rotate(-90deg);
-o-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
.main-menu-2 ul li .submenu li a {
padding: 12px 20px;
position: relative;
z-index: 1;
width: 100%;
color: #1a1a36;
font-weight: 500;
opacity: 1;
line-height: 1.2;
}
.main-menu-2 ul li .submenu li a:hover{
background: rgba(0, 0, 0, 0.025);
}
.main-menu-2 ul li .submenu li .submenu {
left: 120%;
top: 0;
visibility: hidden;
opacity: 0;
}
.main-menu-2 ul li .submenu li:hover>a {
color: var(--purple);
}
.main-menu-2 ul li .submenu li:hover>a::after {
color: var(--purple);
}
.main-menu-2 ul li .submenu li:hover>a::before {
left: 0;
right: auto;
width: 100%;
}
.main-menu-2 ul li .submenu li:hover>.submenu {
left: 100%;
visibility: visible;
opacity: 1;
}
.main-menu-2 ul li:hover>a {
color: var(--purple);
}
.main-menu-2 ul li:hover>a::after {
color: var(--purple);
/*transform: rotate(-180deg);*/
}
.main-menu-2 ul li:hover>.submenu {
top: 100%;
display: block;
}
.main-menu-2 ul li.active a {
color: var(--purple);
}
.calendar__event {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
flex-flow: row nowrap;
margin-bottom: 10px;
position: relative;
width: 100%;
margin: 0 auto;
margin-bottom: 25px;
padding: 0px;
}
.calendar__date {
display: block;
padding: 10px 10px 8px;
border: 3px solid #67499f;
background-color: #fff;
flex: 0 0 140px;
max-width: 140px;
border-color: #ffc107;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.calendar__weekday {
display: block;
text-align: center;
text-transform: uppercase;
color: var(--darkblue);
font-size: 14px;
font-weight: 700;
line-height: 1;
}
.calendar__day {
display: block;
margin-bottom: 4px;
text-align: center;
color: var(--darkblue);
font-size: 48px;
font-weight: 700;
line-height: 1;
margin-top: 7px;
}
.calendar__time {
display: block;
text-align: center;
color: var(--darkblue);
font-size: 14px;
font-weight: 700;
line-height: 1;
}
.calendar__event-content {
display: block;
flex: 0 1 100%;
max-width: 100%;
padding: 10px 10px 10px 20px;
border: 1px solid #b6b6b6;
width: calc(100% - 142px);
border-left: none;
background-color: #fff;
}
.add_to_calendar_desktop{
display: block;
}
.add_to_calendar_mobile{
display: none;
}
.calendar__event-content .add_to_calendar{
text-align: center;
margin: 0px;
border: 1px solid #ccc;
border-radius: 50px;
padding: 0px 11px;
background: #f2f3f5;
}
.calendar__event-content .add_to_calendar span{
color: #323232;
}
.calendar__event-title {
margin: 0;
text-transform: uppercase;
color: #000;
font-size: 14px;
font-weight: 700;
line-height: 1.1;
}
.calendar__event-featured__container {
margin-bottom: 0px;
margin-top: 0px;
position: relative;
margin-top: 10px;
/*display: flex;
flex-wrap: wrap;
grid-gap: 10px;
margin-bottom: 10px;*/
}
.auction_list_carousel .slick-track {
display: flex;
flex-wrap: nowrap;
margin-left: -5px;
}
.auction_list_carousel .slick-slide {
width: 130px;
height: 100px;
position: relative;
padding: 0px 5px;
}
.auction_list_carousel .slick-slide a {
background: #f2f2f2;
display: flex;
width: 100%;
height: 100%;
}
.auction_list_carousel .slick-prev,
.auction_list_carousel .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
border: none;
outline: none;
background: rgba(0, 0, 0, 0.7);
padding: 5px 10px;
height: 35px;
width: 35px;
z-index: 9;
color: #fff;
}
.auction_list_carousel .slick-next.slick-disabled,
.auction_list_carousel .slick-prev.slick-disabled {
opacity: 0;
cursor: auto;
}
.auction_list_carousel .slick-prev,
.auction_list_carousel .slick-next {
background: rgba(0, 0, 0, 0.7);
padding: 5px 10px;
height: 35px;
width: 35px;
z-index: 9;
color: #fff;
}
.auction_list_carousel .slick-next {
right: 0px;
}
.auction_list_carousel .slick-prev {
left: 0px;
}
.auction_list_carousel .slick-next:before {
content: "\f105";
font-family: "FontAwesome";
font-weight: 500;
font-size: 24px;
line-height: normal;
}
.auction_list_carousel .slick-prev:before {
content: "\f104";
font-family: "FontAwesome";
font-weight: 500;
font-size: 24px;
line-height: normal;
}
.auction_list_carousel .slick-slide img {
position: relative;
}
.calendar__event-featured__items {
display: block;
font-size: 0;
}
.calendar__event-featured__item {
display: none;
width: calc(14.3% - 10px);
margin: 0px;
padding: 0;
vertical-align: top;
position: relative;
padding-top: 8%;
}
.calendar__event-featured__item img {
display: block;
max-width: 100%;
margin: 0 auto;
border: 0;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
object-fit: cover;
height: 100%;
}
.container-inner {
max-width: 100%;
margin: 0 auto;
}
.footer__top {
padding-top: 30px;
padding-bottom: 30px;
}
.modal-body ul {
padding: 10px 0px 15px;
}
.modal-body ul li {
list-style: disc;
list-style-position: inside;
}
.modal-body .bootstrap-select ul li {
list-style: none;
}
.modal-header,
.modal-body {
padding: 1rem 2rem;
align-items: center;
}
.PreBidConfModalConf .modal-header,
.PreBidConfModalConf .modal-body,
.PreBidConfModalConf .modal-footer{
padding: 10px 20px;
}
.PreBidConfModalConf .modal-footer .theme-btn{
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
/*font-size: 16px;
padding: 12px 30px;
font-weight: 500;*/
}
.product-details-img {
position: relative;
margin: 0px 0px;
}
.bidinfo .form-check {
font-size: 14px;
}
.sidebar-title a {
color: #000;
font-weight: normal;
font-size: 14px;
}
.align-center {
align-items: center;
}
.bidinfo .form-check-input {
margin-top: 3px;
}
.vehicle_controls {
position: absolute;
z-index: 9;
top: 10px;
width: calc(100% - 40px);
left: 10px;
}
.form.register-fees-form .step-form-pane,
.register-fees.step-form-pane{
max-width: 100%;
}
.register-fees-popup .modal-body::-webkit-scrollbar {
width: 5px;
}
.register-fees-popup .modal-body::-webkit-scrollbar-track {
background: #fff;
}
.register-fees-popup .modal-body::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 10px;
}
.log-in-popup .modal-header{
border-bottom: 1px solid #ddd;
padding: 10px 20px;
}
.register-fees-popup .modal-header{
padding: 0px;
border: none;
}
.register-fees-popup .modal-content,
.log-in-popup .modal-content{
border-radius: 15px;
}
.register-fees-popup .MicrosoftMap{
top: 100%;
}
.register-fees-popup button.btn-close,
.log-in-popup button.btn-close{
position: absolute;
top: 15px;
right: 20px;
}
.register-fees-popup .step-form-pane .bd-example{
padding: 0px 10px;
border: none;
border-radius: 0;
overflow: auto;
}
.register-fees-popup .step-form-pane .bd-example.payment_notes_custom{
padding: 0;
}
.register-fees-form .step-form-pane .bd-example.notification-prefe .filtersection label{
font-size: 14px;
line-height: 1.3;
}
.register-fees-form .step-form-pane .bd-example.notification-prefe .filtersection input,
.register-fees-form .termscondition_checkbox .form-check input{
width: 20px;
height: 20px;
border-radius: 25px;
}
.register-fees-popup .theme-btn.lg-btn{
padding: 10px 40px;
position: relative;
text-transform: uppercase;
font-size: 16px;
}
.register-fees-popup .theme-btn.lg-btn i.fa-angle-right{
position: absolute;
right: 19px;
font-size: 22px;
top: -1px;
display: flex;
height: 100%;
align-items: center;
justify-content: center;
}
.register-fees-form .intl-tel-input{
width: 100%;
}
.max-content-center{
max-width: max-content;
margin-left: auto;
margin-right: auto;
}
.register-fees-form input[name="password"],
.edit-profile-form input[name="password"]{
text-transform: none;
}
.register-fees-popup .theme-btn.lg-btn.light-purple-btn{
background-color: #9a71e1;
border: 2px solid transparent;
color: #fff;
}
.register-fees-popup .theme-btn.lg-btn.light-purple-btn:hover {
color: var(--purple)!important;
background: transparent !important;
border: 2px solid var(--purple) !important;
}
.register-fees-popup .theme-btn.lg-btn.border-purple-btn{
padding: 10px 40px 10px 40px;
}
@media screen and (min-width: 768px){
.register-fees-popup .registered_skip{
position: absolute;
right: 50px;
top: 12px;
}
.modal-skip button.btn-close {
top: 22px;
}
.registered_credit_skip{
margin: 0;
}
}
.registered_credit_skip{
margin-bottom: 10px;
}
.register-fees-popup .registered_skip .theme-btn.lg-btn{
font-size: 14px;
padding: 5px 14px;
}
.border-purple-btn:hover{
background-color: #9a71e1;
border: 2px solid transparent;
color: #fff;
}
.register-fees-popup .flag-container ul.country-list li{
list-style-type: none;
}
/* .register-fees-popup .theme-btn.lg-btn.light-purple-btn:hover,
.register-fees-popup .theme-btn.lg-btn.border-purple-btn,
.log-in-popup input.light-purple-btn.e-btn:hover,
.log-in-popup .sign__forgot a.border-purple-btn {
background: transparent;
color: #9a71e1;
border: 2px solid #9a71e1;
} */
.log-in-popup input.light-purple-btn.e-btn{
line-height: 45px;
font-size: 20px;
}
.log-in-popup .sign__forgot a.border-purple-btn,
.log-in-popup .sign_up_btn a.light-purple-btn{
line-height: 45px;
height: 50px;
padding: 0px 18px;
}
.log-in-popup form .sign__input input{
border: 1px solid #ccc;
}
.log-in-popup form .sign__input input::placeholder{
color: var(--black);
}
.light-purple-btn{
background: #9a71e1;
border: 2px solid transparent;
}
.light-purple-btn:hover{
background: transparent !important;
color: #9a71e1;
border: 2px solid #9a71e1 !important;
}
.border-purple-btn{
background: transparent;
color: #9a71e1;
border: 2px solid #9a71e1;
}
.register-fees-form .termscondition_checkbox .form-check label{
font-size: 15px;
}
.register-fees-form .text-link-div .tooltip-custom{
top: 1px;
}
.register-fees-popup .alert.p-10{
padding: 10px;
}
.register-fees-form .step-form-pane{
max-width: 100%;
}
body .register-fees .dropzone{
padding: 10px 5px;
}
.register-fees-popup .MicrosoftMap .as_container ul li{
list-style-type: none;
}
.register-fees-popup .notification-prefe .filtersection{
padding-left: 40px;
}
.theme-btn.border-purple-btn,
.theme-btn.light-purple-btn{
font-size: 14px;
}
.MicrosoftMap .as_container_search, .MicrosoftMap .as_container_search * {
transition: none !important;
-webkit-transition: none !important;
}
/* --------------------------------------datepicker css------------------------------------------ */
.datepicker-months table.table-condensed tbody tr td,
.datepicker-years table.table-condensed tbody tr td,
.datepicker-centuries table.table-condensed tbody tr td,
.datepicker-decades table.table-condensed tbody tr td{
display: grid;
grid-template-columns: auto auto auto;
height: auto;
}
.datepicker-months table.table-condensed,
.datepicker-years table.table-condensed,
table.datepicker-months,
table.datepicker-years,
table.datepicker-centuries,
.datepicker-centuries table.table-condensed,
table.table-condensed{
width: 100%;
}
.datepicker-months table.table-condensed tbody tr td span.month,
.datepicker-years table.table-condensed tbody tr td span.year,
.datepicker-centuries table.table-condensed tbody tr td span.century,
.datepicker-decades table.table-condensed tbody tr td span.decade{
width: 45px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
flex-wrap: wrap;
}
.register-fees-popup .intl-tel-input ul.country-list{
white-space: break-spaces;
width: 220px;
}
.register-fees-popup .intl-tel-input ul.country-list li{
position: relative;
padding-left: 40px;
}
.register-fees-popup .intl-tel-input ul.country-list li .flag-box{
position: absolute;
top: 10px;
left: 10px;
}
.manage-creditcard-page{
background: #f8f9fe;
}
.col-lg-3 .car-details .vehicle_controls {
bottom: 20px;
}
.vehicle_controls ul {
display: flex;
}
.vehicle_controls ul li {
margin-right: 10px;
}
.vehicle_controls ul li a.btn {
border-radius: 0px;
outline: 0 !important;
box-shadow: none !important;
font-size: 18px;
line-height: normal;
display: flex;
align-items: center;
justify-content: center;
background: #fcbd2e;
border-color: #fcbd2e;
padding: 3px 5px;
color: #000
}
.vehicle_controls ul li a.btn span.video-label{
font-size: 14px;
padding-left: 5px;
padding-top: 3px;
}
.vehicle_controls ul li a.btn i{
line-height: 1;
}
.bidinfo {
/*
background: #f8f8f8;
background: #f8f8f8;
border: 1px solid #e8e8e8;
border-radius: 5px;
padding: 20px;*/
padding: 0px;
}
.bidinfo.mb-25 {
margin-bottom: 15px;
}
.shippingestimate p {
line-height: 1.5;
}
.bidinfo-wrapper {
padding: 20px;
}
.sidebar-right {}
.btn-circle {
border-radius: 100%;
width: 40px;
height: 40px;
padding: 10px;
}
.sidebar-box {
background: #fff;
padding: 0px 20px;
border: 1px solid #e8e8e8;
border-radius: 5px;
padding: 0px;
}
.orderproducts i {
font-size: 6px;
vertical-align: middle;
}
.orderproducts p {
line-height: normal;
}
.sidebar-title {
font-size: 14px;
color: #000;
text-align: left;
padding: 12px 15px;
padding: 9px 15px 5px;
margin: 0px;
width: 100%;
left: 0px;
position: relative;
background: #e3e3e3;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
font-weight: 500;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
--bs-table-accent-bg: #fff;
color: var(--bs-table-striped-color);
}
.table-striped>tbody>tr:nth-of-type(even)>* {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color);
}
.sidebar-vehicle ul li {
padding: 15px 0px;
color: #24272c;
border-bottom: 1px solid #ccc;
line-height: normal;
}
.SLetestnews ul li:last-child {
border-bottom: 0px;
}
.Vehicle-Detail table {
padding: 10px 0px;
display: inline-block;
}
.Vehicle-Detail table tr td {
padding: 6px 0px;
color: #24272c;
}
.Contact-Dealer .form-sidebar {
padding: 10px 0px;
display: inline-block;
width: 100%;
}
.Contact-Dealer table tr td {
padding: 7px 0px;
width: 100%;
}
h4 .primary-color {
color: var(--purple);
}
.CarDinfo {
margin: 0px 0px 15px;
}
.cardbtn-list {
width: 100%;
margin-top: 10px;
}
.btn-primary-xs {
padding: 5px 15px;
font-size: 14px;
border-radius: 3px;
}
.cardbtn-list a {
margin-right: 5px;
margin-bottom: 8px;
display: inline-block;
color: #fff;
background: var(--purple);
}
.car-details .shadowWPadding {
padding: 25px;
}
.car-details .slider-for .slick-list{
width: 100%;
}
/*.car-details .product-details-img.loading_images .slider-for:before,
.product-details-img.loading_images .product-dec-slider .s-sliderthumb:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 5px;
z-index: 9;
background: linear-gradient(to left, #ddd 30%, #e8e8e8 50%, #e8e8e8 60%, #ddd 70%);
background-size: 200% auto;
animation: shine 1.6s linear infinite;
}*/
.car-details .product-details-img .slider-for img.lazyload,
.product-details-img .product-dec-slider .s-sliderthumb img.lazyload,
.car-details .product-details-img .slider-for img.lazyloading,
.product-details-img .product-dec-slider .s-sliderthumb img.lazyloading {
opacity: 0;
transform: scale(0.8);
}
.car-details .product-details-img .slider-for img.lazyloaded,
.product-details-img .product-dec-slider .s-sliderthumb img.lazyloaded {
opacity: 1;
transform: scale(1);
}
.car-details .product-details-img.loading_images .gallry-popup,
.car-details .product-details-img.loading_images .slick-arrow,
.car-details .product-details-img.loading_images .vehicle_controls{
/*display: none!important;*/
}
.car-details .slider-for{
display: flex;
flex-wrap: nowrap;
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
border-radius: 5px;
}
.car-details .product-details-img:not(.loading_images) .slider-for {
background-image: none !important;
}
.car-details .detailpage_gallry.loading_images .slider-for{
aspect-ratio: 16 / 10.4;
background-color: #f2f2f2;
border-radius: 5px;
overflow: hidden;
}
.car-details .live_detailpage_gallry.loading_images .slider-for{
aspect-ratio: 16 / 12;
background-color: #f2f2f2;
border-radius: 5px;
overflow: hidden;
}
.car-details .product-dec-slider{
display: flex;
flex-wrap: nowrap;
gap: 10px;
overflow: hidden;
margin-top: 10px!important;
}
.car-details .product-dec-slider .slick-list{
width: 100%;
}
.car-details .product-dec-slider .slick-list .slick-track{
margin-left: 0;
}
.perBidDetailpage .car-details .slider-for .item{
height: 350px;
}
.car-details .product-dec-slider .item {
width: 100px;
position: relative;
}
.car-details .product-dec-slider .s-sliderthumb {
position: relative;
background: #f2f2f2;
}
.car-details .loading_images .product-dec-slider{
display: grid;
grid-auto-flow: column;
}
.car-details .slider-for:not(.slick-initialized) .item:not(:first-child){
display: none;
}
section.account-edit-box .intl-tel-input{
width: 100%;
}
.tca_verified_mobile_badge{
vertical-align: middle;
margin-left: 3px;
position: relative;
top: -2px;
}
.tca_verified_badge_title {
font-size: 13px;
margin-bottom: 5px;
margin-top: -5px;
}
.first_live_detailpage .tca_verified_badge_title,
.live_detailpage .tca_verified_badge_title{
margin-top: -2px;
}
.tca_verified_badge_title.is_popup,
.live_detailpage .mobile_show_name ~ .tca_verified_badge_title{
display: none!important;
}
.new_style_switch.custom-switch{
margin-right: 20px;
}
.new_style_switch .custom-control-label{
width: 64px;
height: auto
}
.new_style_switch.custom-switch .custom-control-label::before{
position: relative;
display: inline-block;
vertical-align: middle;
height: 32px;
width: 64px;
min-width: 0px;
background-color: rgb(245, 248, 250);
box-shadow: rgb(203, 214, 226) 0px 0px 0px 1px inset;
border-radius: 3px;
border: none;
}
.new_style_switch.custom-switch .custom-control-label::after{
position: absolute;
top: 0px;
left: 0px;
will-change: left;
height: 32px;
width: 32px;
padding: 7px;
overflow: hidden;
background-color: rgb(255, 255, 255);
box-shadow: rgb(203, 214, 226) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 5px 5px 0px;
border-radius: 3px;
transition: 150ms ease-out;
transform: none!important;
}
.new_style_switch.custom-switch .custom-control-input:checked ~ .custom-control-label::before{
background-color: var(--purple);
box-shadow: initial;
border-radius: 3px;
}
.new_style_switch.custom-switch .custom-control-input:checked ~ .custom-control-label::after{
position: absolute;
top: 0px;
left: calc(100% - 32px);
will-change: left;
height: 32px;
width: 32px;
padding: 7px;
overflow: hidden;
background-color: rgb(255, 255, 255);
box-shadow: var(--purple) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 5px 5px 0px;
border-radius: 3px;
transition: 150ms ease-out;
}
.new_style_switch.custom-switch .custom-control-input:checked ~ .custom-control-label span{
position: absolute;
right: 12px;
top: 7px;
width: 7px;
height: 13px;
transform: rotate(45deg);
border-width: 2px;
border-style: solid;
border-top: 0;
border-left: 0;
display: block;
border-color: var(--purple);
z-index: 1;
}
@media only screen and (min-width:768px) {
.NextPreBidModal .modal-header > .d-flex > div:not(.tca_verified_badge) {
width: 33%;
}
}
@keyframes shine {
to {
background-position: -200% center;
}
}
.car-details .slick-slide {
margin: 0px 0px 0px 0px;
}
.product-dec-slider .slick-slide,
.product-dec-slider_popup .slick-slide {
margin: 0px 5px 5px 5px;
border: 2px solid #FFF;
cursor: pointer;
border: none;
border-radius: 5px;
overflow: hidden;
}
.product-dec-slider .slick-slide.slick-current {
border: 2px solid #523c82;
border: none;
}
.product-dec-slider .slick-slide.slick-current .s-sliderthumb,
.product-dec-slider_popup .slick-slide.slick-current .s-sliderthumb {
padding: 0px;
}
.magnify-modal {
width: 100%!important;
height: 100vh!important;
left: 0px!important;
top: 0px!important;
}
img {
max-width: 100%;
}
.Detailpage {
padding: 15px 0px 5px;
}
.car-details .slider-for:not(.slick-initialized) .item{
opacity: 0;
visibility: hidden;
}
/*.slick-slide img.slick-loading,
.car-details .item:not(.slick-slide) img{
opacity: 0;
visibility: hidden;
}
.car-details .slider-for:not(.slick-initialized) .item,
.popular-section .popular-slider:not(.slick-initialized) .popular-img{
width: 100%;
background-color: #f2f2f2;
background-image: url('../../images/spinner.gif');
background-position: center;
background-repeat: no-repeat;
border-radius: 5px;
}
.car-details .slider-for:not(.slick-initialized) .item:before {
content: "Fetching image...";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, 20px);
color: #a6a6a6;
z-index: 1;
}
.car-details .slider-for:not(.slick-initialized) * {
z-index: 2;
position: relative;
}*/
.product-details-img .slick-slide img,
.product-details-img .owl-item img,
.product-details-img_img .owl-item img {
display: block;
display: unset;
position: unset;
top: unset;
left: unset;
width: 100%;
height: 100%;
font-family: "object-fit: contain";
-o-object-fit: cover;
object-fit: cover;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
pointer-events: none;
}
.slider-for .slick-track .item,
.slider-for_popup .slick-track .item {
height: 325px;
overflow: hidden;
border-radius: 5px;
overflow: hidden;
transition: none !important;
}
.zoomWindow {
border-radius: 5px;
}
.product-dec-slider .slick-track,
.product-dec-slider .slick-track .slick-slide,
.product-dec-slider_popup .slick-track .slick-slide {
transition: none !important;
}
.leftpart4 .car-details .slider-for .slick-track .item {
height: 200px;
height: 340px;
}
.car-details .slider-for .slick-track .item {
height: 450px;
/*background-color: #f2f2f2;*/
}
/*.car-details .slider-for .slick-track .item{
background-color: #f2f2f2;
background-image: url('../../images/spinner.gif');
background-position: center;
background-repeat: no-repeat;
}
.car-details .slider-for .slick-track .item:before {
content: "Fetching image...";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, 20px);
color: #a6a6a6;
z-index: -1;
}*/
@media only screen and (min-height:769px) {
.car-details .slider-for .slick-track .item {
height: 550px;
}
.leftpart4 .car-details .slider-for .slick-track .item {
height: 440px;
}
}
.slider-for .slick-track a,
.slider-for_popup .slick-track a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.loading_images a.zoom-box {
pointer-events: none;
}
.leftpart4 .car-details .s-sliderthumb {
height: 50px;
overflow: hidden;
position: relative;
padding: 0px;
border-radius: 5px;
}
.car-details .s-sliderthumb {
height: 75px;
/*background: #f2f2f2;*/
}
.product-dec-slider.slick-initialized .slick-slide img,
.product-dec-slider_popup.slick-initialized .slick-slide img {
width: 100%;
}
.product-dec-slider,
.product-dec-slider_popup {
margin-left: -3px;
margin-right: 0px;
}
.submitbutton {
border: none;
color: #fff;
padding: 10px 0px;
font-size: 16px;
border-radius: 5px;
}
.detail-info-box {
border-radius: 5px;
background: #fff;
padding: 15px 15px;
border: 1px solid #ececec;
overflow: hidden;
width: 100%;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-top: 0px;
position: relative;
}
.perBidDetailpage .bidinfo .detail-info-box {
overflow: visible;
word-break: break-word;
}
.detail-info-box.border-top-radius {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top: 1px solid #e8e8e8;
}
.detail-info-box table tr td:last-child {
text-align: right;
}
.detail-info-box table tr td {
padding: 5px 10px;
font-size: 14px;
border-bottom: 1px solid #e8e8e8;
padding: 7px 10px;
line-height: 1.2;
word-break: break-word;
vertical-align: middle;
}
.detail-info-box table tr:last-child td {
border: none;
}
.detail-info-box table tr td span {
color: #1a1a36;
opacity: 0.7;
opacity: 0.9;
}
.detail-info-box table tr td .btn-danger span {
color: #fff;
opacity: 1;
}
.detail-info-box table tr td .addto_watchlist2 span {
color: var(--darkblue);
}
.detail-info-box table tr td b {
font-weight: normal;
}
.detail-info-box table tr td b.text-danger {
font-weight: bold;
}
.detail-info-box table tr td b.text-danger * {
color: inherit;
}
.win_checkmark{
width: 50px;
margin-top: -22px;
margin-bottom: -15px;
margin-right: -8px;
display: none;
}
.win_checkmark.active{
display: inline-block;
}
.condition_report_list .detail-info-box {
border: none;
border-radius: 0;
background: none;
}
.condition_report_list h4 small {
font-weight: 500;
font-size: 14px;
}
.condition_report_list .detail-info-box-inner {
border: 1px solid #ececec;
height: 100%;
border-radius: 5px;
overflow: hidden;
}
.condition_report_list:not(.condition_report_details_page) .detail-info-box .row .col-lg-3 {
width: 100%;
}
#current_bid_price {
font-weight: bold;
font-size: 16px;
}
.detail-info-box h3 {
font-size: 22px;
}
.form-control.xs {
height: 30px;
}
.Detailpage .col-lg-6 {}
.product-price h4 {
font-size: 20px;
color: #666666;
margin: 0px 0px 5px;
}
.bidding-begins {
margin-bottom: 10px;
}
.current-bid {
margin-bottom: 15px;
}
.red {
color: var(--purple);
}
.current-bid h4.red {
margin-bottom: 5px;
}
.CarDinfo p {
margin-bottom: 5px;
line-height: normal;
font-size: 14px;
}
.pro-details-price-wrap .theme-btn {
padding: 10px 30px;
display: inline-block;
}
.SLetestnews ul {
max-height: 878px;
overflow: auto;
max-height: 320px;
}
.SLetestnews ul li {
padding: 8px 15px 2px;
}
.cardImage {
display: inline-block;
width: 90px;
height: 65px;
border-radius: 5px;
overflow: hidden;
position: relative;
background-color: #f5f5f5;
}
.cardImage span {
font-size: 12px;
color: #000;
background: #ffc107;
position: relative;
padding: 2px 5px 0px;
border-radius: 10px;
line-height: normal;
left: 5px;
top: 5px;
}
.cardImage img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
.sidebar-newstext {
display: inline-block;
padding-left: 10px;
width: calc(100% - 100px);
vertical-align: top;
}
.sidebar-newstext a {
font-size: 14px;
line-height: 1.3;
display: inline-block;
margin-bottom: 3px;
font-weight: 600;
color: var(--darkblue);
}
.sidebar-newstext p {
margin: 0px 0px 3px;
font-size: 14px;
line-height: 1;
font-size: 12px;
color: var(--black);
}
.sidebar-newstext p span {
/*color: rgba(36, 39, 44, .5);
font-weight: normal;*/
}
.sidebar-newstext p b {
font-weight: 500;
color: #333;
}
.leftpart {
width: 75%
}
.rightpart {
width: 25%;
}
.car-tab-wrapper {
border-bottom: 1px solid rgba(36, 39, 44, .15);
display: flex;
white-space: nowrap;
width: 100%;
margin-bottom: 0px;
border: 1px solid var(--purple);
border-radius: 5px;
overflow: hidden;
justify-content: space-between;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.car-product-tab li {
cursor: pointer;
display: inline-block;
background: #fff;
padding: 0px;
box-sizing: content-box;
margin-right: 0px;
position: relative;
font-size: 16px;
line-height: normal;
width: 50%;
text-align: center;
}
.car-product-tab li a {
padding: 11px 15px 11px;
display: inline-block;
cursor: pointer;
color: var(--darkblue);
font-weight: 500;
width: 100%;
border-radius: 0px!important;
}
.car-product-tab li a:hover {
color: var(--purple)!important;
}
.car-product-tab li a.active {
color: #fff!important;
background: var(--purple)!important;
}
.car-product-tab {
margin-top: 0px;
}
/*
.car-product-tab li a.active:after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 3px;
background:var(--purple);
}*/
.car-details .slick-prev,
.car-details .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.text-white {
color: #fff !important;
}
.z-index-1 {
z-index: 1;
}
.btn-primary {
background-color: var(--darkblue);
border-color: var(--darkblue);
}
.btn-primary:hover {
background: #67499f;
border-color: #67499f;
}
.btn-rounded {
border-radius: 60px;
padding: 7px 18px;
}
.btn-group-sm>.btn-rounded.btn,
.btn-rounded.btn-sm {
padding: 4px 15px;
font-size: 14px;
}
.car-details .slick-prev,
.car-details .slick-next {
background: rgba(0, 0, 0, 0.7);
padding: 5px 10px;
height: 35px;
width: 35px;
z-index: 9;
color: #fff;
}
.car-details .slick-next {
right: 0px;
}
.car-details .slick-prev {
left: 0px;
}
.car-details .product-dec-slider .slick-next {
right: -3px;
padding: 5px 5px;
width: 30px;
}
.car-details .product-dec-slider .slick-prev {
left: 2px;
padding: 5px 5px;
width: 30px;
}
.car-details .product-dec-slider_popup .slick-next {
right: 0px;
padding: 5px 5px;
width: 30px;
}
.car-details .product-dec-slider_popup .slick-prev {
left: 0px;
padding: 5px 5px;
width: 30px;
}
.product-dec-slider,
.product-dec-slider_popup {
margin: 0px;
}
.product-dec-slider .slick-list,
.product-dec-slider_popup .slick-list {
margin: 0px -3.5px;
}
.tp-border-btn,
.tp-border-btn-white {
padding: 2px;
text-align: center;
position: relative;
text-decoration: none;
display: inline-block;
}
a,
button,
p,
input,
select,
textarea,
li,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.car-details .slick-next:before {
content: "\f105";
font-family: "FontAwesome";
font-weight: 500;
font-size: 24px;
line-height: normal;
margin-top: -4px;
display: inline-block;
}
.car-details .slick-prev:before {
content: "\f104";
font-family: "FontAwesome";
font-weight: 500;
font-size: 24px;
line-height: normal;
margin-top: -4px;
display: inline-block;
}
#confetti-canvas {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.header-sticky .logo {
background: #fff;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
width: 16px;
height: 16px;
text-align: center;
border: 1px solid #000;
right: 17px;
top: 7px;
}
.bootstrap-select .bs-ok-default:after {
content: "";
box-sizing: border-box;
width: 6px;
height: 9px;
transform: rotate(45deg);
border-width: 2px;
border-style: solid;
border-color: var(--purple);
border-top: 0;
border-left: 0;
top: 1px;
position: relative;
left: 4px;
}
/* new css */
@keyframes growProgressBar {
0%,
33% {
--pgPercentage: 0;
}
100% {
--pgPercentage: var(--value);
}
}
@property --pgPercentage {
syntax: '';
inherits: false;
initial-value: 0;
}
.progressbar {
position: relative;
width: 130px;
height: 130px;
display: grid;
place-items: center;
margin: 15px auto 10px;
border-radius: 50%;
background: linear-gradient(90deg, rgba(26, 26, 54, 1) 0%, rgba(103, 73, 159, 1) 60%);
background: linear-gradient(90deg, #553a88 0%, #9a71e1 60%);
}
.show_current_bid_amount {
text-align: center;
}
.prev-bids-list ul {
display: flex;
flex-wrap: wrap;
}
.prev-bids-list ul li {
padding: 5px 11px 2px;
width: 33%;
}
.prev-bids-list ul li p {
margin: 0;
}
.prevbids-next a {
font-weight: bold;
font-size: 14px;
}
.prevbids-next {
margin-top: 0px;
}
.prev-bids-list h5 {
padding: 0px 10px;
margin-bottom: 0px;
}
.how-work-section {
padding: 30px 0px;
}
.how-work-section .how-content {
padding-bottom: 5px;
}
.how-work-section .how-content h4 {
font-size: 18px;
color: #222c59;
}
.how-work-section .how-content p {
color: #222c59;
font-size: 16px;
}
.how-btn .theme-btn {
padding: 12px 25px;
}
.how-work-section .how-btn {
margin-top: 10px;
}
.registered-section {
background: #f8f8f8;
padding: 50px 0px;
}
.registered-section .card-row {
padding-top: 20px;
display: flex;
flex-wrap: wrap;
grid-gap: 22px;
justify-content: space-between;
}
.card-row .regi-card {
width: 23%;
background: #fff;
padding: 25px 20px;
border-radius: 20px;
box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.regi-card .bottom-part {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-end;
}
.card-row .regi-card .top-part img {
margin-bottom: 20px;
}
.card-row .regi-card .bottom-part a {
display: block;
font-weight: 700;
}
.regi-card h4 {
font-size: 20px;
color: #222c59;
}
.regi-card P {
line-height: 1.3;
}
.auction-blurb .twin-blurb {
background: #fff;
display: flex;
align-items: center;
padding: 10px;
border-radius: 10px;
margin-bottom: 15px;
}
.auction-blurb .twin-blurb:last-child {
margin-bottom: 0px;
}
.twin-blurb .twin-blurb-content {
padding-left: 15px;
}
.twin-blurb .twin-blurb-content p {
margin-bottom: 0px;
}
h2.heading-title {
font-size: 32px;
color: #222c59;
}
.info-content h3 {
font-size: 22px;
color: #222c59;
}
.info-content P {
color: #222c59;
}
.info-content ul.info-list-content {
padding-left: 15px;
}
.info-content ul.info-list-content li {
list-style-type: disc;
}
.info-btn-group {
padding-top: 20px;
}
/* .info-btn-group a{
margin: 0px 5px;
} */
.faq-section .form-container {
width: 72%;
margin: 0 auto;
margin-top: 50px;
}
.faq-section .faq-list li {
list-style-type: none;
}
.faq-section .question {
display: block;
width: 100%;
text-align: left;
margin-bottom: 10px;
position: relative;
}
.faq-section .answer {
padding: 10px 40px 20px;
display: none;
}
.faq-section .faq-list-title {
display: inline-block;
text-transform: capitalize;
color: #222c59;
width: 100%;
font-size: 20px;
line-height: 1.3;
padding: 25px 20px;
padding-right: 50px;
cursor: pointer;
border-bottom: 1px solid #f2f2f2;
font-weight: normal;
}
.faq-section .answer p {
text-align: left;
color: #222c59;
font-size: 18px;
}
.faq-section .question:before {
content: " ";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
background-image: url(../images/aerrow.png);
background-repeat: no-repeat;
background-position: center center;
width: 18px;
height: 18px;
cursor: pointer;
}
.download-section {
background-image: url(../images/download-bg.png);
}
.download-section .btn-icon-group a {
margin: 0px 10px;
}
.video-section .icon-wrap {
background-color: #6f42c1 !important;
border-radius: 50%;
width: 140px;
height: 140px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s;
}
.video-section .mbr-media span {
font-size: 30px;
cursor: pointer;
position: relative;
display: inline-block;
transition: all 0.25s;
color: #ffffff !important;
}
.video-section .box {
background-image: url(../images/video-bg.png);
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
}
.video-section .auction-blurb {
height: 100%;
}
span.play-video {
width: 100%;
display: inline-block;
height: 100px;
}
span.play-video:before {
position: absolute;
content: " ";
background-image: url(../images/play.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
}
.video-section .modal-dialog {
max-width: 950px;
height: 90%;
}
.modal-content {
/*height: 100%;*/
}
.modal{
z-index: 999999;
}
.modal-backdrop {
z-index: 99999;
}
.register-fees-popup .modal-content{
height: auto;
}
.video-section .tp-countdown__right {
padding: 40px 30px !important
}
.counter .tp-border-btn span {
color: var(--purple);
padding: 4px 12px;
border-radius: 50px;
font-size: 12px;
border: 1px solid var(--purple);
display: inline-block;
font-weight: 500;
transition: all 0.3s ease-out 0s;
}
.clearfilter li.clearall span {
margin-left: 0px;
}
.counter .tp-border-btn span:hover {
background: var(--purple);
color: #fff;
border-color: var(--purple);
box-shadow: 0px 0px 0px 3px rgb(154 113 225 / 27%);
}
.currentvehicle .counter .tp-border-btn,
.live_auction_btn,
.currentvehicle .button-list .tp-border-btn:not(.addto_watchlist) span {
background: #008f00;
color: #fff;
border: 2px solid;
border-color: #008f00;
padding: 6px 10px;
border-radius: 50px;
padding-left: 26px;
white-space: nowrap;
position: relative;
font-size: 12px;
font-weight: 500;
}
body.grid5 .currentvehicle .counter .tp-border-btn:before{
width: 7px;
height: 7px;
left:10px;
}
body.grid5 .currentvehicle .counter .tp-border-btn:after{
width: 13px;
height:13px;
left:7px;
}
.currentvehicle .counter .tp-border-btn:before,
.currentvehicle .counter .tp-border-btn:after,
.live_auction_btn:before,
.live_auction_btn:after,
.currentvehicle .button-list .tp-border-btn:not(.addto_watchlist) span:before,
.currentvehicle .button-list .tp-border-btn:not(.addto_watchlist) span:after {
content: "";
width: 8px;
height: 8px;
display: inline-block;
background: #fff;
position: absolute;
left: 11px;
top: 50%;
transform: translateY(-50%);
border-radius: 100%;
z-index: 2;
}
.currentvehicle .counter .tp-border-btn:after,
.live_auction_btn:after,
.currentvehicle .button-list .tp-border-btn:not(.addto_watchlist) span:after {
content: "";
-webkit-animation: 1s blink ease infinite;
-moz-animation: 1s blink ease infinite;
-ms-animation: 1s blink ease infinite;
-o-animation: 1s blink ease infinite;
animation: 1s blink ease infinite;
width: 14px;
height: 14px;
left: 8px;
z-index: 1;
background: #20d93f;
}
@keyframes "blink" {
from,
to {
opacity: 0;
}
50% {
opacity: 1;
}
}
@-moz-keyframes blink {
from,
to {
opacity: 0;
}
50% {
opacity: 1;
}
}
@-webkit-keyframes "blink" {
from,
to {
opacity: 0;
}
50% {
opacity: 1;
}
}
@-ms-keyframes "blink" {
from,
to {
opacity: 0;
}
50% {
opacity: 1;
}
}
@-o-keyframes "blink" {
from,
to {
opacity: 0;
}
50% {
opacity: 1;
}
}
.currentvehicle .counter .tp-border-btn span,
.live_auction_btn span {
background: none;
color: #fff;
border: none;
padding: 0;
border-radius: 0;
box-shadow: none;
}
.counter.list_counter {
justify-content: space-between;
margin-top: auto;
padding: 0px 8px 8px;
line-height: normal;
}
.card-grid .counter .zeroreserve{
font-size: 12px;
padding: 3px 8px;
border-radius: 5px;
background-color: transparent;
border: 2px dotted #dc3545;
color: #dc3545;
font-weight: bold;
text-transform: uppercase;
cursor: auto;
}
.zeroreserve{
font-size: 12px;
padding: 3px 8px;
border-radius: 5px;
background-color: transparent;
border: 3px dotted #dc3545;
color: #dc3545;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
cursor: auto;
}
td .zeroreserve{
width: 100%;
padding: 13px 15px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #dc3545;
cursor: auto;
}
.live_prebid_inventory_popup .zeroreserve{
width: 100%;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #dc3545;
}
.filterPanel .currentliveauction,
.popular-slider .currentliveauction{
position: relative;
bottom: 0px;
right: 0px;
}
td .zeroreserve span{
color: #dc3545 !important;
}
.zeroreserve:hover{
color: #dc3545;
}
.leftpart-old .zeroreserve{
margin-bottom: 5px;
}
.counter.list_counter .auctionstatus {
width: 100%;
margin: 0;
line-height: 1;
margin-bottom: 5px;
text-align: center;
font-size: 13px;
}
.counter.grid_counter {
margin-top: 0px;
padding-right: 18px;
position: absolute;
bottom: 8px;
}
.counter {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.counter .values {
/*
text-align: center;
position: relative;*/
text-align: center;
position: relative;
position: absolute;
top: 6px;
right: 6px;
width: auto;
padding: 3px 5px;
border-radius: 3px;
line-height: normal;
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.counter.grid_counter p.auctionstatus {
line-height: normal;
margin-bottom: 3px;
width: 100%;
text-align: left;
}
.counter .values span {
padding: 0px;
border: 1px solid #b9b9b9;
border-radius: 5px;
font-size: 12px;
width: 35px;
height: 25px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border: none;
width: auto;
height: auto;
font-weight: 500;
}
.counter .values p {
margin: 0px;
font-size: 12px;
line-height: 1.2;
margin-top: 3px;
color: #919395;
}
.counter .countdown-sep {
font-size: 19px;
color: #000;
margin: 0px 3px;
line-height: 25px;
}
.conformations_step h4 {
font-size: 22px;
}
.full-w-img .ipad-device-show {
display: none;
}
div.mobile_icon {
display: flex;
align-items: center;
}
div.mobile_icon .ti-search{
padding: 0;
width: 41px;
height: 41px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-size: 16px;
}
#createInventoryForm .input-field input.dropdowninput,
#createInventoryForm .search-field input.dropdowninput,
#createInventoryForm .field-box input.dropdowninput,
.field-box input.dropdowninput,
.filter-box-section {
position: relative;
}
#createInventoryForm .input-field ul.dropdownbox,
#createInventoryForm .search-field ul.dropdownbox,
#createInventoryForm .field-box ul.dropdownbox,
.field-box ul.dropdownbox {
position: absolute;
max-height: 300px;
background: #fff;
width: auto;
box-shadow: 2px 7px 10px rgb(136 152 170 / 25%);
z-index: 99;
margin-top: 0px;
overflow: auto;
min-width: 400px;
border: 1px solid #dadada;
border-top: 0px;
border-radius: 5px;
}
#createInventoryForm .input-field ul.dropdownbox li,
#createInventoryForm .search-field ul.dropdownbox li,
#createInventoryForm .field-box ul.dropdownbox li,
.field-box ul.dropdownbox li {
padding: 10px;
cursor: pointer;
}
.field-box ul.dropdownbox {
width: 100%;
max-height: calc(100vh - 40px);
}
.field-box ul.dropdownbox.autocomplete_search_header {
max-height: calc(100vh - 210px);
z-index: 9;
}
.field-box ul.dropdownbox li {
border-bottom: 1px solid #ddd;
}
.field-box ul.dropdownbox li p {
margin-bottom: 0px;
}
.field-box ul.dropdownbox li.title-search {
border-bottom: 1px solid #ddd;
padding: 8px 10px 6px 10px;
}
.field-box ul.dropdownbox li.title-search:hover{
background: #67499f;
color: #fff;
}
.field-box ul.dropdownbox li.title-search p:empty{
display: none;
}
.field-box ul.dropdownbox li.title-search.not-hover:hover{
background: transparent;
}
.field-box ul.dropdownbox li .inventory-div {
display: flex;
justify-content: space-between;
}
.field-box ul.dropdownbox li .inventory-left {
display: flex;
flex-wrap: wrap;
width: 70%;
}
.field-box ul.dropdownbox li .inventory-right {
width: 30%;
}
header .dropdown-toggle::after {
display: none;
}
.dropdown-menu-right {
right: 0;
left: auto!important;
top: 100%!important;
}
header .user-dd {
min-width: 280px;
padding: 0px;
transform: none !important;
margin-top: 9px;
}
header .dropdown-menu .with-arrow {
position: absolute;
height: 10px;
overflow: hidden;
width: 40px;
top: -10px;
}
header .dropdown-menu.dropdown-menu-right .with-arrow {
right: 0px;
}
.bg-white {
background-color: #fff !important;
background: var(--purple)!important;
}
header .dropdown-menu .with-arrow > span {
background-color: #fff;
width: 15px;
height: 15px;
top: 3px;
left: 15px;
position: absolute;
content: '';
-moz-border-radius: 6px 0 0 0;
border-radius: 6px 0 0 0;
/* box-shadow: -3px -3px 8px rgba(0, 0, 0, 0.1); */
}
header .dropdown-menu .with-arrow > span {
border-radius: 3px 0 0 0;
}
header .dropdown-menu.dropdown-menu-right .with-arrow > span {
right: 20px;
left: auto;
}
header .dropdown-menu .with-arrow > span {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}
.bg-primary {
background: var(--purple) !important;
}
.text-white {
color: #fff !important;
}
body .m-b-10 {
margin-bottom: 10px;
}
body .p-15 {
padding: 15px;
}
header .dropdown-toggle {
/*height: 66px;
line-height: 55px;
padding: 8px 0px;*/
/*padding-right: 15px;
font-weight: 500;
font-size: 14px;
color: var(--darkblue)!important;*/
padding: 7px 15px;
}
header .dropdown-toggle i.ti-user {
font-size: 20px;
line-height: 1;
top: 1px;
position: relative;
}
header .dropdown-toggle i.fa {
font-size: 20px!important;
}
.mr-1 {
margin-right: 0.25rem !important;
}
header .dropdown-item.active,
header .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: var(--purple);
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.65rem 1rem;
clear: both;
font-weight: 300;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
font-size: 14px;
text-align: left;
list-style: none;
font-weight: normal;
font-family: var(--tp-ff-body);
}
.dropdown-item.setting i.ti-settings{
top: 1px;
}
body .m-l-5 {
margin-left: 5px;
}
body .m-r-5 {
margin-right: 5px;
}
body .m-l-10 {
margin-left: 10px;
}
body .m-t-5 {
margin-top: 5px;
}
.top2 {
position: relative;
top: 2px;
}
.m-b-0 {
margin-bottom: 0px;
}
.datepicker td,
.datepicker th {
text-align: center;
width: 20px;
height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: none;
font-size: 0.875rem;
}
.datepicker .day,
.datepicker .dow {
padding: 5px 10px;
}
.datepicker .day{
cursor: pointer;
}
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
/* background-image: linear-gradient(to bottom, #67499f, #2c254f)!important; */
background: #9a71e1 !important;
color: #FFF;
}
.MicrosoftMap {
width: 100%!important;
left: 0px;
}
.leftrightautos .MicrosoftMap .as_container_search {
width: calc(100% - 20px)!important;
padding: 0px;
margin: 0 auto;
left: 10px;
max-height: 200px;
overflow: auto;
position: absolute;
}
.MicrosoftMap .as_container_search {
width: 100%!important;
}
.MicrosoftMap .as_container_search .asOuterContainer {
border-color: #dadada!important;
margin-top: 0px;
border-top: 1px solid #dadada!important;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
margin-top: -1px;
}
.input-group .MicrosoftMap {
top: 100%;
}
/* ==============----------- Dropzone file upload css --------==========*/
body .dropzone {
position: relative;
border-radius: 5px;
text-align: center;
border: 2px dashed #ccc;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
min-height: auto;
padding: 20px 5px;
}
body .dropzone .dz-message {
display: flex;
align-content: center;
height: auto;
margin: 1em 5px;
color: #1f1d3c;
font-weight: 500;
font-size: 14px;
text-align: center;
opacity: 0.5;
display: inline-block;
width: 100%;
}
body .dropzone .dz-preview {
margin: 5px 7px;
position: relative;
}
body .dropzone .dz-preview .dz-image {
border-radius: 10px;
width: 100px;
height: 100px;
border: 1px solid #ccc;
}
body .dropzone .dz-preview .dz-remove {
position: absolute;
right: -5px;
top: -5px;
z-index: 99;
background: #000;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 10px;
text-decoration: none!important;
cursor: pointer;
/*position: absolute;
right: 0;
top: 0;*/
}
body .dropzone .dz-preview .dz-remove * {
cursor: pointer;
}
body .dropzone .dz-preview .dz-progress .dz-upload {
background: #1a1a36;
background: linear-gradient(to bottom, #65657d, #1a1a36);
}
body .dropzone .dz-preview.dz-image-preview {
background: none;
}
body .dropzone .dz-preview .dz-details .dz-filename {
display: none;
}
body .dropzone .dz-preview .dz-error-mark,
body .dropzone .dz-preview .dz-success-mark {
margin-left: -16px;
margin-top: -16px;
}
body .dropzone .dz-preview .dz-error-mark svg,
body .dropzone .dz-preview .dz-success-mark svg {
width: 36px;
height: 36px;
}
body .dropzone .dz-preview .dz-error-mark svg path {
fill: red;
}
body .dropzone .dz-preview .dz-success-mark svg path {
fill: green;
}
/* ==============----------- End Dropzone file upload css --------==========*/
.message_error:empty,
#driver_licenseimage:empty {
margin: 0px;
}
.LoadMoreData #loadinginventoryDiv,
.LoadMoreData #no_more_found_data {
text-align: center;
}
#loadinginventoryDiv img {
width: 31px;
}
.field-box ul.dropdownbox .w-100 {
padding: 0px 10px 7px;
}
.field-box ul.dropdownbox .w-100 p {
margin: 0px;
}
.field-box ul.dropdownbox .inventory-div {
padding: 10px 0px;
}
body.grid5 .griditems .col-xl-3 {
flex: 0 0 auto;
width: 20%;
}
.griditems .col-xl-3 {
flex: 0 0 auto;
width: 25%;
padding-right: calc(var(--bs-gutter-x)* .5);
padding-left: calc(var(--bs-gutter-x)* .5);
position: relative;
}
.griditems .row {
padding-left: 0px;
margin-right: calc(-.5 * var(--bs-gutter-x));
margin-left: calc(-.5 * var(--bs-gutter-x));
}
.filterPanel .currentliveauction,
.popular-slider .currentliveauction {
/* position: absolute;
right: 15px;
bottom: 10px; */
z-index: 1;
color: #3dc153;
font-weight: 600;
letter-spacing: 0.5px;
font-size: 13px;
}
.filterPanel .currentliveauction:before,
.popular-slider .currentliveauction:before {
content: "";
display: inline-block;
width: 9px;
height: 9px;
background: #3dc153;
margin-right: 5px;
border-radius: 20px;
}
.currentvehicle .counter .values {
color: #0f5132;
background-color: #d1e7dd;
border-color: #badbcc
}
.user_dashboard_pages .griditems .col-xl-3 {
width: 20%;
}
.user_dashboard_pages .UsedCarListing {
min-height: 500px;
}
.rounded-bid-sucess {
background: #67499f;
height: 100%;
width: 100%;
border-radius: 50%;
color: #fff;
}
.rounded-bid-sucess .fa-light {
font-size: 35px;
color: #fff;
}
.rounded-bid.rounded-bid-sucess span {
color: #fff;
}
.alert-orange {
color: #fd8356;
background-color: #ffeee8;
border-color: #fd8356;
}
.your-card-table .d-flex b {
min-width: auto;
padding-right: 2px;
}
.your-card-table {
border: 1px solid #ccc;
padding: 10px 15px;
border-radius: 5px;
}
.payment_list .col-lg-4 {
line-height: 1;
margin-bottom: 10px;
}
@media (min-width: 992px) {
.payment_list .col-lg-4 {
flex: 0 0 50%;
max-width: 50%;
}
}
.payment_list .col-lg-4 .d-flex {
column-gap: 10px;
}
.total-amount {
background: #f5f5f5;
padding: 5px;
border-radius: 3px;
}
.PreBidConfModalConf {
background: rgb(0 0 0 / 60%);
}
.PreBidConfModalConf p {
font-size: 15px;
}
.PreBidConfModalConf p b {
font-size: 18px;
}
.theme-btn2 {
background: none;
padding: 6px 25px;
color: var(--darkblue);
border-radius: 30px;
font-weight: 500;
line-height: normal;
border: 1px solid var(--darkblue);
}
.hover_underline:hover {
text-decoration: underline;
}
.detail-info-box .reserve_pricemes {
display: block;
background: #67499f;
background: #191936;
padding: 8px 15px;
font-weight: bold;
font-size: 20px;
color: #dc3545;
line-height: 1.1;
margin-bottom: 10px;
padding: 8px 15px 5px;
text-shadow: 0px 0px 3px #00000094;
}
.detail-info-box .reserve_pricemes.vehicles_onApproval {
color: #191936!important;
background: none;
text-shadow:none;
}
.detail-info-box .reserve_pricemes.animation_start:not(.vehicles_onApproval) span{
animation: textWhite 1s ease infinite;
}
.reserve_pricemes .info_maxbid {
font-size: 15px;
}
.detail-info-box .reserve_pricemes small{
font-size: 15px;
}
.progress-bar-blinking h3:last-child{
animation: textRed 0.8s ease infinite;
}
.detail-info-box .progressbar h3 {
text-align: center;
}
.progressbar.progress-bar-blinking{
background: #dc3545;
animation: progressBlinking 1s ease infinite;
}
.card-grid .coming-soon-banner{
background: #fad601;
color: #000;
right: auto;
left: -27px;
top: 21px;
transform: rotate(315deg);
padding: 4px 20px;
}
.card-grid .coming-soon-banner span{
font-weight: 600;
text-transform: uppercase;
font-size: 10px;
}
@keyframes btnBlinking {
0%,
100% {
box-shadow: 0px 0px 0px 0px rgb(154 113 225 / 27%);
}
50% {
box-shadow: 0px 0px 0px 5px rgb(154 113 225 / 27%);
}
}
@keyframes progressBlinking {
0%,
100% {
box-shadow: 0px 0px 0px 0px #ff061e69;
}
50% {
box-shadow: 0px 0px 0px 8px #ff061e54;
}
}
@keyframes textRed {
50% {
color: red;
}
}
@keyframes textWhite {
50% {
color: #fff;
}
}
.calendar__event span.currentliveauction {
z-index: 1;
color: green;
font-weight: 600;
letter-spacing: 0.5px;
font-size: 13px;
width: 100%;
display: block;
text-align: center;
margin-top: 10px;
line-height: 1;
}
.calendar__event span.currentliveauction:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
background: #3dc153;
margin-right: 5px;
border-radius: 20px;
}
.user_dashboard_pages .listitems .card-grid.disablewatchlist,
.user_dashboard_pages .griditems .watchlist_box.disablewatchlist {
box-shadow: none;
position: relative;
z-index: 1;
}
.user_dashboard_pages .listitems .card-grid.disablewatchlist:before,
.user_dashboard_pages .griditems .watchlist_box.disablewatchlist .shadowWPadding:before {
background: #e5e5e5a6;
content: "";
position: absolute;
left: 0;
width: 100%;
height: 100%;
z-index: 91;
}
.user_dashboard_pages .griditems .watchlist_box.disablewatchlist .shadowWPadding .button-list {
z-index: 92;
opacity: 1;
}
.user_dashboard_pages .listitems .card-grid.disablewatchlist .button-list {
position: relative;
z-index: 92;
}
.text_bounceIn {
display: inline-block;
}
.detail-info-box .alert,
.animation_message .alert,
.all_alert_messages .alert,
.all_alert_messages_popup .alert,
.text_bounceIn {
transition: none;
/*-webkit-animation-name: bounce;
animation-name: bounce;*/
}
.detail-info-box .alert.active,
.animation_message .alert.active,
.all_alert_messages .alert.active,
.all_alert_messages_popup .active,
.text_bounceIn.active {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
transform-origin: center bottom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.PreBidModal .alert {
text-align: center;
}
.prebid_succes_message .alert i {
display: block;
font-size: 32px;
margin-bottom: 10px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
font-style: normal;
padding-top: 2px;
font-weight: 600;
}
.prebid_succes_message .alert i:before {
content: "\f00c";
font-family: "FontAwesome";
border: 1px solid;
border-radius: 100%;
font-size: 19px;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}
.prebid_succes_message .alert i.fa-circle-xmark:before{
content: "\e646";
font-family: "themify";
}
p.newbid_alert, p.timer_reset_alert{
margin: 0;
line-height: 1.2;
font-size: 18px;
position: absolute;
width: 150px;
height: 150px;
left: -10px;
top: -10px;
background: #ffffffc2;
padding: 30px 0px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;
}
p.newbid_alert b, p.timer_reset_alert b {
position: relative;
}
p.newbid_alert b *, p.timer_reset_alert b *{
position: relative;
z-index:2;
}
p.newbid_alert b:before, p.timer_reset_alert b:before {
content:"";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
filter: blur(2px);
-webkit-filter: blur(2px);
z-index:1;
}
.newbid_alert_animate{
animation: newbid 1s ease infinite;
}
@keyframes newbid {
50% {
color: #dc8f00;
}
}
p.newbid_alert_mobile{
margin: 0;
font-size: 16px;
margin-top: -7px;
margin-bottom: 5px;
}
.footer-sub-btn {
border: none;
}
.mobile_show {
display: none!important;
}
.NextPreBidModal.show {
display: flex;
}
.NextPreBidModal {
background: #0000009c;
display: flex;
}
.NextPreBidModal .modal-dialog {
max-width: calc(100% - 20px);
width: calc(100% - 20px);
margin: 10px auto;
}
.NextPreBidModal .modal-body {
padding: 0px;
}
.NextPreBidModal .pre_bidModal_iframe {
width: 100%;
height: calc(100vh - 72px);
;
}
.NextPreBidModal .btn-close .ti-close {
display: none;
}
.NextPreBidModal .modal-header {
padding: 10px 20px;
}
.sidebartoggle .show>.btn-light.dropdown-toggle {
border-color: #dadada;
}
.div_checkbox_prebid .input-group .form-control::-webkit-outer-spin-button,
.div_checkbox_prebid .input-group .form-control::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.div_checkbox_prebid .input-group .form-control {
-moz-appearance: textfield;
}
.next_bid_btn .theme-btn {
border-radius: 5px;
padding: 6px 12px;
line-height: 1;
font-size: 16px;
margin-bottom: 0;
}
.next_bid_btn .theme-btn{
font-weight: 600;
font-size: 15px;
}
.mobile_bid_box .mobile_bid_box_inner {
display: none;
}
.saveSearchPopup .form-label{
margin-bottom: 2px;
font-weight: 500;
}
.modal-body .makefiltersearch {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
margin-top: 5px;
margin-left: -10px;
margin-right: -10px;
}
.filterScrollBox{
max-height: 235px;
overflow: auto;
margin-top: 5px;
word-wrap: break-word;
}
div .modal-body .makefiltersearch>ul {
width: 33.333333%;
padding: 0px;
}
.modal-body .makefiltersearch ul {
margin: 0;
padding: 0;
list-style: none;
}
.modal-body .makefiltersearch li {
list-style: none;
display: block;
line-height: normal;
margin: 0;
padding: 0;
}
.modal-body .makefiltersearch li .checkbox{
padding: 0;
margin-bottom: 7px;
}
.filterScrollBox .checkbox{
padding-top: 0;
padding-bottom: 0;
margin-bottom: 7px;
}
.filterScrollBox .checkbox:last-child{
margin-bottom: 0px;
}
.modal-body .makefiltersearch li ul{
padding: 0;
padding-left: 15px;
margin-top: 5px;
margin-bottom: 10px;
}
.modal-body .makefiltersearch li ul:empty{
margin-bottom: 0px;
}
.modal-body .makefiltersearch li ul li{
padding: 0;
}
.vehicleTypeSearch .checkbox {
display: inline-block;
margin-right: 15px;
}
.vehicleTypeSearch .checkbox:last-child {
margin-right: 0px;
}
.bottom-strip-menu ul.bottom-menu{
display: flex;
}
.bottom-strip-menu ul.bottom-menu li a{
color: #000;
padding: 0px 5px;
font-size:12px;
text-decoration: none;
}
.bottom-strip-menu ul.bottom-menu li a:hover{
color: var(--purple);
text-decoration: underline;
}
.footer__bottom .social-icons{
float: right;
}
.div_checkbox_prebid .theme-btn, .bid-btn a.prebid_btn, .bid-btn .buynowbtn{
background-color: #dc3545 !important;
border-color: #dc3545 !important;
color: #fff !important;
}
.div_checkbox_prebid .theme-btn:hover, .bid-btn a.prebid_btn:hover, .bid-btn .buynowbtn:hover{
background-color: #bb2d3b !important;
border-color: #bb2d3b !important;
color: #fff !important;
box-shadow: 0px 0px 0px 4px #bb2d3b29;
}
body .bid-btn a, .theme-btn.prebid_btn, .bid-btn #bidbutn, .bid-btn a.prebid_btn{
background-color: #008f00 !important;
border-color: #008f00 !important;
color: #fff !important;
}
body .bid-btn a:hover, .theme-btn.prebid_btn:hover, .bid-btn #bidbutn:hover, .bid-btn a.prebid_btn:hover{
background-color: #037303 !important;
border-color: #037303 !important;
box-shadow: 0px 0px 0px 4px #008f0029;
color: #fff !important;
}
.condition_report_btn{
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99;
transition: all 0.5s;
}
.openConfpopup .condition_report_btn, .openConfpopup .auction_live_header {
display: none!important;
}
.condition_report_btn .go_to_condition_report {
display: inline-block;
position: relative;
padding: 10px 25px;
padding-left: 40px;
font-weight: 600;
text-decoration: none;
/*color: #fff;
background: #1e1c3a;*/
border-radius: 20px;
line-height: normal
}
.condition_report_btn .go_to_condition_report:hover {
/*background: #fcbd2e;
color: var(--darkblue);*/
background: #fff;
}
.condition_report_btn .go_to_condition_report:before {
content: "";
position: absolute;
left: 15px;
bottom: 10px;
width: 18px;
height: 10px;
background: #ffffff42;
border-radius: 4px;
}
.condition_report_btn .go_to_condition_report:hover:before{
background: #a079e359;
}
.condition_report_btn .down-arrow {
position: absolute;
top: calc(50% - 4px);
left: 23px;
transform: translateY(-50%);
width: 0;
height: 12px;
border: 1px solid;
border-radius: 1px;
animation: jumpInfinite 2s infinite;
}
.condition_report_btn .down-arrow:after {
content: " ";
position: absolute;
top: 2px;
left: -4px;
width: 8px;
height: 8px;
border-bottom: 2px solid;
border-right: 2px solid;
border-radius: 2px;
transform: rotateZ(45deg);
}
@keyframes jumpInfinite {
0%, 20%, 50%, 80%, 100%{
margin-top: 0px;
}
50% {
margin-top: 6px;
}
60% {
margin-top: 3px;
}
}
/* animation keyframes */
@-webkit-keyframes bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 1;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bootstrap-select .dropdown-menu {
padding-top: 0px;
padding-bottom: 0px;
}
.sidebar-mobile-close {
display: none;
}
.mobile_show_name {
display: none;
}
body .btn-close {
opacity: 1;
}
.live_prebid_inventory_popup {
padding-left: 15px;
padding-right: 15px;
}
.live_prebid_inventory_popup .div_checkbox_prebid .theme-btn {
margin-bottom: 10px;
margin-top: 10px;
}
.live_prebid_inventory_popup .user_bid_history_table {
margin-top: 10px;
}
.live_prebid_inventory_popup .user_bid_history_table {
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.live_prebid_inventory_popup .user_bid_history_table th {
line-height: 1.1;
}
body .live_prebid_inventory_popup .user_bid_history_table tr td {
border: 1px solid #e8e8e8;
text-align: left;
}
body .live_prebid_inventory_popup .user_bid_history_table tr th:first-child,
body .live_prebid_inventory_popup .user_bid_history_table tr td:first-child {
border-left: 0px;
}
body .live_prebid_inventory_popup .user_bid_history_table tr th:last-child body .live_prebid_inventory_popup .user_bid_history_table tr td:last-child {
border-right: 0px;
}
.live_prebid_inventory_popup .user_bid_history_table tbody {
border-top: 0px;
}
.first_live_detailpage .user_bid_history_table thead th{
font-size:14px
}
.first_live_detailpage .user_bid_history_table thead th{
font-size:14px
}
.first_live_detailpage .user_bid_history_table tbody tr td{
border-left:none;
}
.first_live_detailpage .user_bid_history_table tbody tr:last-child td{
border-right: 1px solid #e8e8e8;
}
.first_live_detailpage .user_bid_history_table tbody tr td:last-child{
border-right:none;
}
.lg-toolbar .lg-icon:not(.lg-close,
#lg-zoom-in,
#lg-zoom-out) {
display: none;
}
.attention_notes {
position: relative;
z-index: 1;
}
.attention_notes .feeslists_user:empty {
padding-top: 0px;
}
.attention_notes .feeslists_user .alert {
margin: 0;
}
.frontside-page .container,
.dashboard-page .container {
padding: 0;
}
.attention_notes_slider .alert {
margin: 0;
padding-left: 35px;
padding-right: 35px;
padding-top: 8px;
padding-bottom: 8px;
min-height: 53px;
display: flex;
align-items: center;
justify-content: center;
}
.frontside-page .attention_notes_slider .alert,
.dashboard-page .attention_notes_slider .alert {
padding-top: 2px;
padding-bottom: 2px;
min-height: 42px;
}
.attention_notes_slider .slick-track {
display: flex;
}
.attention_notes_slider .alert * {
display: inline-block;
vertical-align: middle;
line-height: 1.2;
}
.attention_notes_slider .alert .theme-btn {
background: var(--purple) !important;
color: #fff !important;
border-color: var(--purple) !important;
margin-top: 5px;
margin-bottom: 5px;
outline: none;
box-shadow: none;
}
.attention_notes_slider .alert .theme-btn:hover {
background: transparent !important;
color: var(--purple) !important;
border: 1px solid var(--purple) !important;
box-shadow: 0px 0px 0px 2px rgb(154 113 225 / 27%);
}
.frontside-page .attention_notes_slider .alert .theme-btn,
.dashboard-page .attention_notes_slider .alert .theme-btn {
padding: 5px 10px 4px;
font-size: 12px;
font-weight: 500;
height: 25px;
margin-top: 2px;
margin-bottom: 2px;
}
.attention_notes_slider .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
cursor: pointer;
}
.attention_notes_slider .slick-arrow.slick-prev {
left: 0px;
}
.attention_notes_slider .slick-arrow.slick-next {
right: 0px;
;
}
.modal-body .btn-link.close {
color: #1a1a36;
font-size: 14px;
}
.modal-body .btn-link.close:hover {
text-decoration: none;
}
.modal button.btn.btn-paynow {
padding: 9px 35px;
font-size: 15px;
}
.btnBlinking{
animation: btnBlinking 1s ease infinite;
}
.slick-arrow.slick-disabled{
opacity: 0.5;
}
.mobile-menu ul li {
border-bottom: 1px solid #ccc;
}
.mobile-menu ul li a {
display: block;
padding: 9px 15px;
color: var(--darkblue);
font-weight: 500;
position: relative;
}
.mobile-menu .menu_title {
border-bottom: 1px solid #ccc;
margin: 0;
padding: 8px 10px;
background: #e4e4e4;
}
.mobile-menu ul li.has-dropdown > a {
padding-right: 35px;
}
.mobile-menu ul li.has-dropdown > a:before {
content: "\f105";
font-family: "FontAwesome";
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
margin-top: auto;
font-size: 18px;
color: #575656;
}
.mobile-menu ul li.has-dropdown > a.active:before {
content: "\f107";
}
.mobile-menu ul li ul li {
border-bottom: none;
border-top: 1px solid #ccc;
}
.mobile-menu ul li .submenu li a {
padding-left: 30px;
}
.mobile-menu ul li .submenu {
display: none;
}
.mobile-menu ul li ul.submenu.open {
display: block !important;
height: auto !important;
}
.tp-countdown__section .desktop-none{
display: none;
}
.site-map-wrapper{
max-width: 1280px;
margin: 0 auto;
}
.site-map-wrapper .nav {
margin-bottom: 25px;
border-bottom: 1px solid #ddd;
padding-bottom: 4px;
}
.site-map-wrapper .nav .nav-item .nav-link{
background: none;
border-radius: 5px;
font-size: 14px;
color: #6A6A6A;
font-weight: 500;
border: none;
padding: 8px 10px;
position: relative;
}
.site-map-wrapper .nav .nav-item .nav-link:hover {
background: #F7F7F7;
}
.site-map-wrapper .nav .nav-item .nav-link.active{
color: var(--darkblue);
}
.site-map-wrapper .nav .nav-item .nav-link.active:before {
content: "";
border-bottom: 2px solid var(--darkblue);
width: 100%;
display: block;
position: absolute;
top: 100%;
left: 0px;
margin-top: 3px;
}
.site-map-wrapper .grid-sitemap{
display: grid;
grid-template-columns: repeat(3,1fr);
grid-gap: 10px;
}
.site-map-wrapper ul.grid-sitemap li a{
font-size: 16px;
}
.card-header .bid-btn-group a.green-bg-btn.btn{
background: #22a76b;
border-color: #22a76b;
}
.card-header .bid-btn-group a.red-bg-btn.btn{
background: #f31818;
border-color: #f31818;
}
.card-header .bid-btn-group .tp-btn,
.mobile_table_header .bid-btn-group .tp-btn{
padding-top: 6px;
padding-bottom: 6px;
}
.tp-btn.red-bg-btn{
background-color: #dc3545 !important;
border-color: #dc3545 !important;
color: #fff !important;
}
.tp-btn.red-bg-btn:hover{
background-color: #bb2d3b !important;
border-color: #bb2d3b !important;
color: #fff !important;
box-shadow: 0px 0px 0px 4px #bb2d3b29;
}
.tp-btn.green-bg-btn{
background-color: #008f00 !important;
border-color: #008f00 !important;
color: #fff !important;
}
.tp-btn.green-bg-btn:hover{
background-color: #037303 !important;
border-color: #037303 !important;
box-shadow: 0px 0px 0px 4px #008f0029;
}
.card-header .bid-btn-group a.green-bg-btn.btn:hover,
.card-header .bid-btn-group a.red-bg-btn.btn:hover{
background-color: #000;
border-color: #000;
color: #fff;
}
.dropdown-menu-right a.log-out i.fa-power-off:before{
content: " ";
}
.dropdown-menu-right a.log-out i.fa-power-off{
background-image: url(../images/logout-icon.svg);
width: 14px;
height: 14px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
position: relative;
top: 3px;
}
/* ============== Share Button CSS =============*/
.share_button{
position: fixed;
z-index: 99;
right: 0px;
top: 95px;
display: flex;
align-items: flex-start;
flex-direction: row-reverse;
}
body .share_offer_but {
height: auto;
text-align: center;
border-radius: 5px;
border: none;
line-height: 1;
background: var(--purple) !important;
color: #fff;
padding: 5px 3px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.all_share_offer_btn .dropdown-item {
color: #000;
font-size: 14px;
padding: 7px 10px;
margin-bottom: 3px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.all_share_offer_btn .dropdown-item:active{
background-color: #e9ecef;
}
button.share_offer_but.dropdown-toggle::after {
display: none;
}
.all_share_offer_btn .dropdown-item:last-child{
margin-bottom: 0px;
}
.all_share_offer_btn .dropdown-item img {
display: inline-block;
height: 20px;
width: 20px;
position: relative;
vertical-align: middle;
margin-right: 7px;
filter: brightness(0) invert(1);
filter: brightness(0) invert(0);
}
.all_share_offer_btn .dropdown-item span{
display: inline-block;
vertical-align: middle;
position: relative;
top: 2px;
}
.all_share_offer_btn.dropdown-menu{
padding: 5px;
overflow: visible;
min-width: 120px;
position: relative;
padding: 0px;
margin-right: 10px;
}
.all_share_offer_btn.dropdown-menu:before, .all_share_offer_btn.dropdown-menu:after {
content: "";
left: 100%;
top: 10px;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.all_share_offer_btn.dropdown-menu:before {
border-color: rgba(136, 183, 213, 0);
border-left-color: rgb(217 217 217);
border-width: 7px;
margin-top: -1px;
}
.all_share_offer_btn.dropdown-menu:after {
border-color: rgba(194, 225, 245, 0);
border-left-color: #fff;
border-width: 6px;
}
/*.all_share_offer_btn .share_facebook{
background: #4267B2;
border-color: #4267B2;
}
.all_share_offer_btn .share_twitter{
background: #000000;
border-color: #000000;
}
.all_share_offer_btn .share_whatsapp{
background: #25d366;
border-color: #25d366;
}
.all_share_offer_btn .share_linkedin{
background: #0077b5;
border-color: #0077b5;
}
.all_share_offer_btn .share_telegram{
background: #0088cc;
border-color: #0088cc;
}
.all_share_offer_btn .share_messenger{
background: #448AFF;
border-color: #448AFF;
}
.all_share_offer_btn .share_email{
background: #7d7d7d;
border-color: #7d7d7d;
}
.all_share_offer_btn .share_copy{
background: var(--darkblue);
}*/
.all_share_offer_btn .share_copy img{
height: 18px;
width: 18px;
}
/* ============== End Share Button CSS =============*/
.vehicle-finder-page ul.sidebartoggle li button.offcanvas__close-btn2{
display: none;
}
.changePasswordUser .form-label{
font-weight: 500;
margin: 0;
}
.changePasswordUser .theme-btn{
padding: 9px 25px;
}
.attention_notes_slider_row .attention_notes_slider{
display: none;
}
.attention_notes_slider_row .attention_notes_slider.slick-initialized{
display: block;
}
.offcanvas__content .fa-power-off{
background-image: url(../images/logout-icon.svg);
width: 14px;
height: 14px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
position: relative;
top: 3px
}
.offcanvas__content .fa-power-off:before{
content: " ";
}
/******* Start Footer Css *******/
body #mc_embed_signup .mc-field-group{
width: 100%;
padding-bottom: 10px;
margin-bottom: 0px;
}
body #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
margin-bottom: 0px;
}
body #mc_embed_signup input.theme-btn{
padding: 6px 18px;
font-family: var(--tp-ff-body);
}
.footer__widget .form-control{
height: 38px;
font-family: var(--tp-ff-body);
}
.mt-25 {
margin-top: 25px;
}
body #mc-embedded-subscribe{
margin: 0px;
}
body .indicates-required{
display: none;
}
body #mc_embed_signup form{
margin: 0px;
}
body #mc_embed_signup h2{
color: var(--darkblue);
margin-bottom: 10px!important;
margin-top: 10px!important;
font-weight: 600;
font-size: var(--tp-fz-h5);
margin-bottom: 0px;
}
body #mc_embed_signup{
width: 100%;
}
footer .container{
max-width: 1200px;
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
}
.footer__bottom .social-icons .icon {
display: flex;
align-items: center;
grid-gap: 10px;
}
.mt-118{
margin-top: 105px;
}
.mb-10{
margin-bottom: 10px;
}
.mt-35 {
margin-top: 24px;
}
.mr-10 {
margin-right: 10px;
}
.bottom-strip-menu ul.bottom-menu {
display: flex;
}
.bottom-strip-menu ul.bottom-menu li a {
padding: 0px 5px;
font-size: 12px;
text-decoration: none;
color: var(--dark-blue);
}
footer {
box-shadow: none;
border-top: 1px solid #f1f1f1;
border: none;
}
.footer__copyright p {
font-size: 14px;
line-height: normal;
font-size: 12px;
margin: 0px;
color: var(--darkblue);
}
.footer__widget ul li a {
font-size: 14px;
position: relative;
width: 100%;
display: inline-block;
padding: 3px 0px 3px;
color: var(--darkblue);
}
.footer__top h5{
color: var(--darkblue);
margin-bottom: 15px;
}
.footer__bottom {
background: #f5f5f5;
padding-top: 10px;
padding-bottom: 10px;
}
.footer__widget ul li a:hover {
color: var(--purple);
}
.footer-col-4 ul li .fa {
position: absolute;
top: 6px;
left: 0;
transform: translate(0, 0%);
font-size: 18px;
}
.footer-col-4 ul li a {
padding-left: 22px;
}
.footer__top {
padding-top: 30px;
padding-bottom: 30px;
}
.footer__social span {
display: inline-block;
vertical-align: middle;
}
.footer__social span:not(:last-child) {
margin-right: 5px;
}
.footer__social span a {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
width: 30px;
height: 30px;
line-height: 34px;
border-radius: 50%;
text-align: center;
background: var(--purple);
color: #fff;
border: 1px solid var(--purple);
}
.footer__social span a:hover{
background: var(--white);
color: var(--purple);
border: 1px solid var(--purple);
}
.footer__social span a:hover svg{
fill: var(--purple) !important;
}
.footer__social{
text-align: right;
}
/******* End Footer Css *******/
.custom_modal_bs .modal-dialog:before{
content: "";
position: fixed;
left: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: .5;
top:0px;
}
.text-danger:empty{
margin: 0px!important;
}
.footer__area.grey-bg{
background-color: #fff;
}
.first_live_detailpage .mobile_bid_box h5.vehicle_name_d{
display: none;
}
div.pp_default .pp_expand{
display: none!important;
}
.footer__widget ul li.nav-btn{
display: inline-block;
margin-top: 5px;
}
.footer__widget ul li.nav-btn a{
padding: 6px 18px;
color: #fff;
}
.footer__widget ul li.nav-btn a:hover{
color: var(--purple);
}
.font-weight-bold{
font-weight: 600;
}
.privacy-section ul li, .terms-service-section ul li{
line-height:26px;
}
.privacyConditionsPopup, .termsConditionsPopup {
background: #00000050;
}
.privacyConditionsPopup .modal-content, .termsConditionsPopup .modal-content{
height: 100%;
}
.privacyConditionsPopup ul, .termsConditionsPopup ul {
padding-left: 20px;
}
.privacyConditionsPopup ul li, .termsConditionsPopup ul li{
line-height:26px;
list-style-type: disc !important;
}
.sidebar-right .desktop-py2-none{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.rounded-bid .display_current_status {
font-weight: 600;
font-size: 20px;
margin: 0;
text-align: center;
}
.mobile_bid_box_inner .display_current_status {
font-size: 18px!important;
text-align: center;
}
.endactionpages .div_checkbox_prebid {
display: none;
}
.auction_user_status{
display: inline-block;
padding: 3px 12px;
border-radius: 3px;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.auction_user_status.winner_user{
background: #008f00;
color: #fff;
}
.auction_user_status.loosing_user{
color: #fff;
background: #dc3545;
}
.auction_user_status{
/*-webkit-animation: 1s blink_status cubic-bezier(0, 0, 0, 1.16) infinite;
-moz-animation: 1s blink_status cubic-bezier(0, 0, 0, 1.16) infinite;
-ms-animation: 1s blink_status cubic-bezier(0, 0, 0, 1.16) infinite;
-o-animation:1s blink_status cubic-bezier(0, 0, 0, 1.16) infinite;
animation: 1s blink_status cubic-bezier(0, 0, 0, 1.16) infinite;*/
}
@keyframes blink_status {
0%,
65% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@media (min-width: 320px) {
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
}
/* ==========------------- Super Dispatch Design CSS ------------============*/
.transportationquote {
background: #fff;
border: 1px solid #ececec;
padding: 0px;
border-radius: 5px;
box-shadow: 0px 4px 8px rgb(177 177 177 / 60%);
border-color: var(--purple);
color: #1a1a36;
position: relative;
}
.quote_loading {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #ffffff96;
z-index: 3;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
}
.delivery_title{
background: #6c49a9;
padding: 10px 15px;
}
.delivery_address{
padding: 10px 15px;
border-bottom: 1px solid #ececec;
}
.delivery_address span{
line-height: 1.1;
}
.delivery_address .fa{
font-size: 18px;
}
.delivery_change{
padding: 8px 15px;
}
.delivery_change .fa {
font-size: 16px;
font-weight: bold;
top: 1px;
position: relative;
padding-left: 3px;
}
.delivery_newAddress{
padding: 8px 15px;
border-top: 1px solid #ececec;
}
.delivery_newAddress .theme-btn{
background: var(--purple)!important;
color: var(--white)!important;
border: 1px solid var(--purple)!important;
box-shadow: none!important;
border-radius: 0;
border-top-right-radius: 0.6rem;
border-bottom-right-radius: 0.6rem;
padding: 0;
padding-left: 8px;
padding-right: 8px;
margin: 0;
line-height: 1;
height: 41px;
}
.theme-btn.btn-confirmpay{
font-size: 16px;
padding: 10px 40px;
}
.delivery_newAddress .form-control {
height: 39px;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
margin: 0!important;
}
.delivery_newAddress gmp-place-autocomplete{
height: 41px;
}
.modal-content .delivery_newAddress .form-control {
color: #4f5467;
}
.delivery_address .theme-btn {
padding: 5px 15px;
font-size: 13px;
}
.pac-container {
min-width: 300px !important;
}
.pac-container .pac-item {
position: relative;
padding-left: 25px;
text-overflow: unset;
white-space: normal;
border-bottom: 1px solid #f1f1f1;
border-top: none;
padding-top: 6px;
padding-bottom: 5px;
}
.pac-container .pac-item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.pac-container .pac-item span.pac-icon {
position: absolute;
top: 0;
left: 5px;
}
.pac-container .pac-item span {
display: inline;
line-height: 1.2;
}
/* ==========------------- End Super Dispatch Design CSS ------------============*/
/* ==========------------- Start User Dahboard Manage Credit Cards box design ------------============*/
.vfinder .tab-pane .cd-content ul{
display: block;
}
.cd-content ul li{
background: url(/static/images/security.svg);
background-size: 14px;
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}
.cd-img{
display: flex;
gap: 10px;
align-items: center;
}
.alert-creditcard{
display: flex;
gap: 20px;
align-items: flex-start;
background: #fff;
align-items: center;
max-width: 740px;
margin: 0 auto;
margin-bottom: 23px;
border: 1px solid #9a71e1;
box-shadow: 4px 4px 4px #0000001a;
background-color: #fff;
padding: 12px 15px;
}
.cd-content{
line-height: 1.7;
width: calc(100% - 100px);
margin: 0px;
}
@media only screen and (max-width:767px) {
.alert-creditcard {
flex-direction: column;
gap: 10px;
}
.cd-content{
width: 100%;
}
}
/* ==========------------- End User Dahboard Manage Credit Cards box design ------------============*/
@media only screen and (min-width:1450px) {
header .header-wrapper .logo, header .header-wrapper .logo_user, header .header-wrapper .btn-group-header {
width: 28%;
}
}
@media only screen and (min-width:1400px) {
.filterPanel .griditems .button-list {
display: inline-block;
}
}
@media only screen and (max-width:1400px) and (min-width: 992px) {
.griditems .counter.list_counter{
flex-wrap:nowrap;
gap:10px;
align-items:center;
}
.griditems .card-grid .counter .zeroreserve{
font-size:11px;
padding:5px 5px;
line-height: 1;
}
.griditems .counter.list_counter *{
text-align: center;
}
.griditems .currentvehicle .counter .tp-border-btn{
font-size:12px;
padding: 3px 10px;
padding-left: 26px;
}
.griditems .currentvehicle .counter .tp-border-btn span {
padding: 0;
}
.griditems .counter .tp-border-btn span {
line-height: 1;
padding: 7px 12px;
}
}
@media only screen and (min-width:1700px) {
.griditems .col-xl-3 {
flex: 0 0 auto;
width: 20%;
}
.user_dashboard_pages .griditems .col-xl-3 {
width: 20%;
}
.filterPanel .griditems .button-list,
.slider-box .button-list {
display: flex;
}
body.grid5 .griditems .col-xl-3 {
flex: 0 0 auto;
width: 16.6666%;
}
}
@media only screen and (min-width:1800px) {
body.grid5 .griditems .col-xl-3 {
flex: 0 0 auto;
width: 14.28571428571429%;
}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}
@media only screen and (device-width: 1180px) and (device-height: 820px) and (orientation: landscape) {
.car-details .slider-for .slick-track .item {
height: 307px;
}
}
@media only screen and (device-width: 1366px) and (device-height: 1024px) and (orientation: landscape) {
.car-details .slider-for .slick-track .item {
height: 450px;
}
}
@media only screen and (max-width:1024px) {
body.sticky-scroll .tp-btn{
padding: 9px 13px;
}
.filtersection .title{
font-size: 12px;
}
body.grid5 .griditems .col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
/* .counter .tp-border-btn span,
.card-grid .counter .zeroreserve{
font-size: 9px;
} */
body .main-menu ul li{
margin-right: 0px;
}
.main-menu-2 ul li a{
font-size: 13px;
}
.header-acttion-btns a.tp-btn{
font-size: 13px;
}
.main-menu-2 ul li{
margin: 0px 5px;
}
.main-menu-2 ul li.nav-btn a{
margin: 0px;
padding: 9px 16px;
}
.car-details .slider-for .slick-track .item {
height: 306px;
}
.UsedCarListing .viewTypeWrap {
width: auto;
}
.UsedCarListing .viewType,
.UsedCarListing .viewType i,
.sortBy .fa.fa-sort-amount-desc {
font-size: 16px;
}
.inputfield .bootstrap-select .dropdown-toggle {
font-size: 14px;
padding: 4px 10px;
}
.UsedCarListing .viewType {
height: 30px;
width: 30px;
}
.UsedCarListing .viewType .form-check-input[type=radio] {
height: 30px;
width: 30px;
}
.griditems .col-xl-3 {
width: 33.33%;
}
}
@media only screen and (max-width:991px) {
.user_dashboard_pages .griditems .col-xl-3 {
width: 25%;
}
.griditems .imgTopRound {
padding-top: 130px
}
header .dropdown-menu .with-arrow {
width: 30px;
}
header .dropdown-menu.dropdown-menu-right .with-arrow > span {
right: 7px;
left: auto;
}
.dropdown-menu-right {
right: 0;
left: auto!important;
top: calc(100% + 10px)!important;
}
.listitems .button-list .tp-border-btn span img {
vertical-align: middle;
}
.listitems .card-grid .text-end {
text-align: left!important;
padding: 0px!important;
}
.listitems .card-grid .holder {
padding-right: 15px;
}
.listitems .price-wrappaer {
justify-content: flex-start;
margin-bottom: 5px;
}
/*
.listitems .card-grid .holder {
padding: 15px 15px;
}
.inventory-list-wrapper .vehicle-img-div {
width: 100%;
}*/
.inventory-list-wrapper .vehicle-content-div {
width: 100%;
}
.listitems .card-grid .counter.grid_counter {
margin-top: 15px;
}
/*
.listitems .card-grid .row{
display: inline-block;
}*/
.sortBy {
margin-bottom: 0px;
}
.offcanvas__content {
padding: 10px 30px 30px 30px;
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.offcanvas__bottom {
padding: 15px;
}
.offcanvas__area {
min-height: auto;
}
.mean-container .mean-nav ul li a {
padding-left: 20px;
padding-right: 10px;
}
body .tp-countdown__right.pt-100 {
padding: 45px 30px 30px;
}
.full-w-img .ipad-device-show {
display: block;
}
.full-w-img div.h-100 {
height: auto !important;
}
div.popular-section {
overflow: hidden;
padding: 35px 0px 30px;
}
div.tp-slider__item div.tp-slider__content h1.tp-slider__title {
font-size: 38px;
}
div.mobile_icon .ti-search{
width: 34px;
height: 34px;
font-size: 15px;
}
div.tp-header__hamburger.ml-50 {
margin-left: 0px;
margin-top: 0px;
height: 50px;
display: flex;
align-items: center;
}
div.tp-slider-2__section div.tp-slider__content {
padding: 0px 30px;
}
.header-sticky .logo {
margin-top: -9px;
}
.logo img {
width: 170px;
height: auto;
}
.counter .countdown-sep {
line-height: 30px;
}
.counter .values p {
font-size: 10px;
}
}
@media only screen and (max-width:1150px) {
.tp-header__area .auction_live_header.desktop_show {
display: none !important;
}
.button_link.auction_live_header {
width: 100%;
}
}
@media only screen and (max-width:992px) {
body.grid5 .griditems .col-xl-3 {
flex: 0 0 auto;
width: 33.33%;
}
body .main-menu ul li{
margin-right: 10px;
}
.mobile_btns .tp-btn, .mobile_btns .theme-btn {
padding: 9px 20px;
}
.mobile_btns .header-acttion-btns{
display: block !important;
padding: 20px 15px 10px;
}
.leftpart-old:not(.leftpart_popup) > .row > div:nth-child(2) {
order: 2;
}
/*.leftpart-old:not(.leftpart_popup) > .row > div:nth-child(3) {
order: 1;
}*/
.popular-slider .popular-img {
padding-top: 160px;
}
.hamburger-btn {
width: 30px;
height: 25px;
position: relative;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
background: transparent;
border: 0;
outline: 0;
display: flex;
z-index: 99;
}
.hamburger-btn span {
display: inline-block;
width: 100%;
display: block;
position: absolute;
height: 2px;
width: 100%;
opacity: 1;
left: 0;
z-index: 1;
background-color: var(--darkblue);
}
.hamburger-btn span:nth-child(1) {
top: 0;
}
.hamburger-btn span:nth-child(2) {
top: 10px;
}
.hamburger-btn span:nth-child(3) {
top: 20px;
}
.calendar__event-featured__container {
margin-top: 0px;
left: 0px;
width: 100%;
}
.slider-for .slick-track .item,
.car-details .slider-for .slick-track .item {
height: 325px;
}
.sign__new.mt-20 {
margin-top: 10px;
}
.sign__form h5 {
margin-bottom: 5px;
}
.sign__action.mb-30,
.sign__input-wrapper.mb-25,
.sign__input-wrapper.mb-35 {
margin-bottom: 15px;
}
.sign__wrapper {
box-shadow: 0px 10px 15px 0px rgb(2 2 26 / 14%);
}
body .signup__area.pt-100 {
padding-top: 40px;
}
body .signup__area.pb-145 {
padding-bottom: 60px;
}
.sign__input i {
left: 15px;
}
.sign__input input {
padding: 0 35px;
}
div.popular-section {
overflow: hidden;
padding: 35px 0px 50px;
}
.counter .countdown-sep {
line-height: 37px;
}
.card-grid .holder {
padding: 15px 15px 15px;
}
.counter.list_counter {
justify-content: space-between;
align-items: center;
}
.tp-header__main {
padding-top: 0px;
padding-bottom: 0px;
}
.popular-slider .slick-dots li {
margin: 0 5px;
}
.griditems .col-xl-3{
width: 50%;
}
.popular-slider .slick-dots li button {
width: 30px;
height: 5px;
}
div.tp-slider__item div.tp-slider__content h1.tp-slider__title {
font-size: 34px;
}
body .logo {
margin-top: -9px;
z-index: 999;
position: fixed;
}
.tp-header__main header {
padding-left: 0px;
}
.logo img {
width: 115px;
}
.header-sticky .logo img {
width: 115px;
padding: 0px;
}
div.tp-slider-2__section div.tp-slider__content {
padding: 0px 0px;
}
.tp-slider__height {
min-height: 300px;
}
.tp-section__title-wrapper {
margin-bottom: 0px;
}
.calendar__date {
width: 100%;
max-width: 100%;
flex: 0 0 110px;
}
.calendar__event-content {
width: calc(100% - 150px);
}
.calendar__event-content .theme-btn {
white-space: nowrap;
}
div.calendar__event-featured__container div.calendar__event-featured__items {
display: flex;
flex-wrap: wrap;
grid-gap: 10px;
}
div.calendar__event-featured__container div.calendar__event-featured__items figure.calendar__event-featured__item {
width: calc(50% - 10px);
margin: 0px;
}
.calendar__event-featured__item {
width: calc(20% - 10px);
padding-top: 12%;
}
div.tp-slider-2__section div.tp-slider__content {
padding: 0px 0px 0px 40px;
}
.bidinfo.mb-25 {
padding-right: 0px;
padding-left: 0px;
margin-left: 0px;
margin-right: 0px;
margin: 0px;
}
.leftpart4 .col-lg-3 .row {
margin: 0px;
}
.leftpart4 .col-lg-3 {
margin-bottom: 15px;
}
.leftpart4 .col-lg-4:first-child {
width: 50%;
}
.leftpart4 .col-lg-4 {
width: 50%;
}
.desktop_show:not(table,
tr) {
display: none!important;
}
.mobile_show {
display: block!important;
}
.step-wrapper .step {
margin-bottom: 60px;
}
.body_live_bid_start .footer__bottom {
padding-bottom: 80px;
}
body.body_live_bid_start {
padding-bottom: 85px;
}
body.body_live_bid_start.user_body {
padding-bottom: 60px;
}
body.body_live_bid_start.run_live_auction_page {
padding-bottom: 0px;
}
.run_live_auction_page.body_live_bid_start .footer__bottom {
padding-bottom: 12px;
}
.auction_list_carousel .slick-next {
right: 10px;
}
.navbar-dark .navbar-nav .nav-link.nav-toggler .ti-close {
font-size: 25px;
}
#main-wrapper.show-sidebar .left-sidebar .sidebar-nav {
justify-content: start !important;
width: 100%;
}
#main-wrapper[data-layout='horizontal'] .sidebar-nav {
padding-left: 0px;
}
.left-sidebar .sidebar-nav ul#sidebarnav {
width: 100% !important;
}
.breadcrumb-custom {
display: none;
}
.auction_live_header{
bottom: 0;
width: 100%;
}
div.condition_report_btn{
display: none!important;
}
.auction_live_header .auction_live_text{
font-size: 16px;
}
.auction_live_header .auction_live_header_inner{
border-radius: 0;
padding: 10px 10px;
}
.auction_live_header .auction_live_btn:before {
left: 12px;
}
.auction_live_header .auction_live_btn:after {
left: 9px;
}
body > footer,
body > footer .footer__area,
body > footer .footer__bottom,
body .divfooter > footer,
body > #main-wrapper > footer {
display: none;
}
header .nav-item.dropdown {
display: none;
}
.UsedCarListing .viewTypeWrap {
display: none;
}
div .modal-body .makefiltersearch>ul{
width: 50%;
}
.saveSearchPopup .modal-body, .saveSearchPopup .modal-header, .saveSearchPopup .modal-footer {
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.site-map-wrapper .grid-sitemap{
grid-template-columns: repeat(2,1fr);
}
.site-map-wrapper .grid-sitemap li{
padding-left: 20px;
list-style: inside;
}
.site-map-page h2{
font-size: calc(1.325rem + .9vw);
}
.field-box ul.dropdownbox.autocomplete_search_header {
max-height: calc(100vh - 145px);
}
.add_to_calendar_desktop{
display: none;
}
.add_to_calendar_mobile{
display: block;
}
.calendar__event-content .add_to_calendar{
margin-top: 10px;
}
}
@media only screen and (max-width:768px){
.counter .tp-border-btn span, .card-grid .counter .zeroreserve{
font-size: 8px;
}
}
@media only screen and (max-width:767px) {
.sidebar-right .desktop-py2-none{
padding-top: .5rem !important;
padding-bottom: .5rem !important;
}
td .zeroreserve,
.live_prebid_inventory_popup .zeroreserve{
margin-bottom: 10px !important;
}
.counter .tp-border-btn span, .card-grid .counter .zeroreserve{
font-size: 11px;
padding: 4px 12px;
}
.tp-header__search form button i.ti-search{
font-size: 14px;
left: 0;
top: 0;
}
.tp-header__bottom {
padding: 15px 0px;
}
.tp-header__search *::placeholder {
font-size: 14px;
}
.tp-header__search *::placeholder::-webkit-input-placeholder {
color: var(--black);
font-size: 14px;
}
.tp-header__search *::placeholder:-moz-placeholder {
color: var(--black);
font-size: 14px;
}
.tp-header__search *::placeholder::-moz-placeholder {
color: var(--black);
font-size: 14px;
}
.tp-header__search form button, .tp-header__search form .button {
right: 10px;
width: 33px;
height: 33px;
}
body .desktop-search-input .search-input input{
padding: 25px;
font-size: 14px;
padding-right: 52px;
}
body .UsedCarListing h1{
padding: 0px;
}
.inventory-list-wrapper .container {
padding: 0px 15px;
}
.inventory-list-wrapper .filterPanel .listitems .card-grid .title {
font-size: 16px;
}
.inventory-list-wrapper .listitems .imgTopRound {
padding-top: 97px;
height: 100%;
}
.listitems .price-wrappaer {
justify-content: flex-start;
margin-bottom: 5px;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
padding: 0px 15px;
max-width: 100%;
}
.sidebartoggle > li > h3.collapsed:before,
.sidebartoggle > li > h3:before {
width: 24px;
height: 24px;
right: 10px;
}
.sidebartoggle li:last-child {
border: none;
margin-top: 10px;
padding-bottom: 10px;
}
.sidebartoggle .collapse {
padding: 0px 15px 0px;
margin-bottom: 10px !important;
}
.sidebartoggle li > div{
padding: 0px 15px 0px;
}
.sidebartoggle .collapse.rangeslider {
padding-right: 30px;
}
#toggleButton {
position: absolute;
}
#toggleButton .fa.fa-chevron-left {
display: inline-block;
}
#toggleButton .fa.fa-chevron-left:not(.fa-filter):before{
content: "\f054";
}
#toggleButton .share_facebook.fa-chevron-left {
display: none;
}
.inputfield .bootstrap-select .dropdown-toggle {
font-size: 14px;
padding: 6px 12px;
}
.sidebar-mobile-close.active {
display: block;
position: absolute;
right: 0px;
top: 0px;
}
.sidebar-mobile-close .offcanvas__close-btn {
height: 50px;
width: 50px;
}
.sidebar-mobile-close .fa {
font-size: 30px;
vertical-align: middle;
font-weight: normal;
}
.sidebar-left {
background: #fff;
height: 100vh;
width: 85%;
border-radius: 0px;
overflow: hidden;
overflow-y: auto;
}
#col-lg-3 {
position: fixed;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
background: rgb(0 0 0 / 75%);
z-index: 999;
top: 0px;
padding: 0px;
box-shadow: 0px 3px 15px #00000054;
overflow: auto;
border-radius: 0px;
padding-top: 0px;
padding-right: 20px;
box-sizing: border-box;
padding: 0px;
display: none;
margin: 0px;
}
.usedCarLoction {
border-radius: 0px;
}
body.grid5 .griditems .col-xl-9 {
flex: 0 0 auto;
width: 100%;
}
body.grid5 .griditems .col-xl-3 {
flex: 0 0 auto;
width: 50%;
}
.inventory-list-wrapper .row > .col-xl-9 {
width: 100%;
}
.popular-slider .slick-list {
margin-bottom: 0px;
}
.sidebartoggle > li h3 {
padding: 12px 15px 10px;
vertical-align: middle;
}
.sidebartoggle > li {
padding: 0px 15px;
padding: 0px 0px;
}
.product-dec-slider,
.product-dec-slider_popup {
display: none!important;
}
.car-details .detailpage_gallry.loading_images .slider-for,
.car-details .live_detailpage_gallry.loading_images .slider-for{
aspect-ratio: 16 / 13;
}
.bidinfo.condition_report_list {
margin-top: 20px;
margin-bottom: 20px;
}
.live_detailpage .bidinfo.condition_report_list {
margin-top: 15px;
margin-bottom: 0px;
}
.live_detailpage .bidinfo.condition_report_list .col-lg-3 {
margin-bottom: 0px;
}
.detail-info-box .table {
margin-bottom: 0px;
}
.div_checkbox_prebid .gap-3 {
gap: 5px !important;
flex-direction: column;
}
.div_checkbox_prebid .input-group {
width: 100%!important;
margin-bottom: 10px;
}
.div_checkbox_prebid .input-group .form-control {
height: 45px!important;
font-size: 30px;
height: auto !important;
text-align: center;
font-weight: 700;
padding: 6px 15px 4px;
line-height: 1;
text-align: left;
padding: 10px 15px 7px;
font-size: 22px;
}
.div_checkbox_prebid .input-group .form-control::placeholder {
font-weight: normal;
opacity: 0.8;
}
.div_checkbox_prebid .input-group .form-control::-ms-input-placeholder {
font-weight: normal;
opacity: 0.8;
}
.div_checkbox_prebid .input-group .input-group-text {
font-weight: 700;
font-size: 20px;
}
.div_checkbox_prebid .theme-btn {
padding: 12px 25px;
width: 100%;
margin-right: 0;
font-size: 16px;
}
.div_checkbox_prebid .gap-3 .form-label {
font-size: 20px;
}
.div_checkbox_prebid .alert {
font-size: 15px;
}
.prebid_box h4 label {
display: block;
margin-bottom: 10px;
}
.prebid_box h4 b {
font-size: 40px;
display: block;
}
.theme-btn.prebid_btn {
margin: 0;
padding: 12px 25px;
width: 100%;
font-size: 16px;
}
body .detail-info-box .tooltip-multiline [data-tooltip]::before,
body .PreBidModal .tooltip-multiline [data-tooltip]::before {
left: auto;
right: -10px;
transform: translate(0%, 5px);
}
/*.PreBidModal .modal-body{
height: calc(100vh - 80px);
overflow: auto;
}*/
.finalize_purchase_buynow > .modal-dialog, .makepaymentModal > .modal-dialog {
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
}
.PreBidModal > .modal-dialog .modal-body, .finalize_purchase_buynow > .modal-dialog .modal-body, .makepaymentModal > .modal-dialog .modal-body {
overflow-y: auto;
}
.PreBidModal > .modal-dialog, .finalize_purchase_buynow > .modal-dialog, .makepaymentModal > .modal-dialog{
width: 100%;
max-width: none;
height: 100%;
margin: 0;
}
.PreBidModal > .modal-dialog .modal-content, .finalize_purchase_buynow > .modal-dialog .modal-content, .makepaymentModal > .modal-dialog .modal-content {
height: calc(100% - 10px);
border: none;
margin: 5px;
}
.PreBidModal.NextPreBidModal > .modal-dialog .modal-content {
height: 100%;
}
.NextPreBidModal .pre_bidModal_iframe {
display: block;
height: calc(100vh - 12px);
}
.perBidDetailpage {
padding: 0;
}
.perBidDetailpage .leftpart-old .row.g-3 {
margin: 0;
--bs-gutter-y: 0;
--bs-gutter-x: 0;
}
.perBidDetailpage .container.container-full {
padding: 0;
}
.perBidDetailpage .leftpart-old .row.g-3 > div {
padding: 0;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
}
.perBidDetailpage .leftpart-old .row.g-3 > div.col-md-7 {
padding: 0;
margin: 0;
}
.perBidDetailpage .bidinfo.condition_report_list {
margin-top: 0;
padding-left: 15px;
padding-right: 15px;
}
.perBidDetailpage .bidinfo.condition_report_list .detail-info-box{
background:none;
}
.leftpart4 .col-lg-4:first-child {
width: 100%;
}
.leftpart4 .col-lg-4 {
width: 100%;
}
.sidebar-title {
padding: 11px 15px 9px;
font-size: 14px;
background: #d0d0d0!important;
font-weight: bold;
}
.condition_report_list .table tr th {
padding: 9px 12px 7px;
font-size: 14px;
background: #d0d0d0 !important;
font-weight: bold;
--bs-table-accent-bg: #d0d0d0 !important;
border-color: #d0d0d0 !important;
}
.condition_report_list h4 {
font-size: 18px;
}
.max_bid_input_box {
margin-top: 10px!important;
}
.PreBidConfModalConf p {
font-size: 19px;
line-height: 1.4;
text-align: center;
}
.PreBidConfModalConf .modal-header {
padding: 15px 20px;
}
.PreBidConfModalConf .modal-footer {
position: relative;
padding: 13px 15px;
}
.PreBidConfModalConf .theme-btn {
font-size: 15px;
margin: 0;
padding: 11px 20px;
width: 100%;
z-index: 1;
}
.PreBidConfModalConf .prebid_cancel_part{
width: 100%;
margin-top: 10px;
}
.PreBidConfModalConf #btn_placeBid_loading {
width: calc(100% - 32px);
text-align: center;
margin: 0;
padding: 0 !important;
background: var(--purple);
position: absolute;
left: 16px;
top: 13px;
height: 46px;
border-radius: 50px;
filter: brightness(1);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
cursor: wait;
z-index: 2;
}
.PreBidConfModalConf #btn_placeBid_loading img {
width: 22px;
}
.leftpart4 .car-details {
margin-bottom: 0px;
}
.leftpart4 .live_vehicle_name {
margin-bottom: 5px!important;
}
.NextPreBidModal .modal-dialog {
max-width: 100%
}
.NextPreBidModal .modal-body {
padding-left: 20px;
padding-right: 20px;
}
header .user-dd {
z-index: 99999;
}
.tp-slider__height {
min-height: 340px;
}
div.tp-slider-2__section div.tp-slider__content {
padding: 0px 0px 0px 20px;
}
.tp-slider-2__section .slick-dots {
bottom: 15px;
}
.tp-section__title-wrapper p,
.footer__widget ul li a {
font-size: 14px;
padding: 3px 22px 3px;
}
.dot-list-ul li {
font-size: 13px;
}
.UsedCarListing .sortedItem li {
margin: 0 5px 5px 0;
}
.LoadMoreData {
margin-top: 15px;
}
.UsedCarListing .sortedItem {
margin-bottom: 5px;
}
.UsedCarListing .clearfilter {
display: flex;
flex-wrap: wrap;
}
.filterPanel .griditems .button-list,
.slider-box .button-list {
opacity: 1;
}
.all_alert_messages .alert {
font-size: 16px;
}
.detail-info-box table tr.live_current_bid {
display: flex;
flex-direction: column;
width: 100%;
text-align: center;
}
.detail-info-box table tr.live_current_bid td {
width: 100%;
border: none;
text-align: center;
padding-bottom: 0;
}
.detail-info-box table tr.live_current_bid td .display_current_bid_amount,
.detail-info-box table tr.live_current_bid td .displaycurrentbidamount,
.detail-info-box table tr.live_current_bid td .askingbidamount_popup {
font-size: 40px;
}
.max_bid_input_box .form-label {
display: block;
font-size: 16px;
margin-bottom: 5px !important;
}
.PreBidConfModalConf .alert {
font-size: 16px;
}
.prev-bids-list ul li p {
font-size: 16px;
margin: 0;
}
body.modal-open {
overflow: hidden;
}
.Detailpage {
position: relative;
z-index: 2;
}
.detail-info-box .table-striped>tbody>tr:nth-of-type(even)>* {
--bs-table-accent-bg: rgb(146 146 146 / 5%);
}
.NextPreBidModal .col-lg-4:not(:first-child) {
margin-bottom: 15px;
}
.vehicle_finder_row {
flex-direction: column-reverse;
gap: 20px;
}
.vehicle_finder_row .sidebar-left {
width: 100%;
}
.vehicle_finder_row .sidebar-left, .vehicle_finder_row .sidebar-left .tab-content, .vehicle_finder_row .sidebar-left .filtersection{
height:auto;
}
.UsedCarListing.pt-30 {
padding-top: 0px;
}
.custom-icon {
padding: 40px 14px;
}
.live_detailpage {
padding-top: 0px;
}
.live_detailpage .container.container-full {
padding-left: 0;
padding-right: 0;
}
.live_detailpage .container.container-full .leftpart4 > .row,
.NextPreBidModal .modal-body > .row {
padding: 0;
margin: 0;
}
.live_detailpage .container.container-full .leftpart4 > .row > .col-lg-4,
.live_detailpage .container.container-full .leftpart4 > .row > .col-lg-12,
.NextPreBidModal .modal-body .row > .col-lg-4,
.NextPreBidModal .modal-body .row > .col-lg-12 {
padding: 0;
padding-left: 15px;
padding-right: 15px;
}
.live_detailpage .container.container-full .leftpart4 > .row >.car_gallry_col.col-lg-4,
.NextPreBidModal .modal-body .row > .car_gallry_col.col-lg-4 {
margin: 0;
padding: 0;
}
.NextPreBidModal .modal-body .car-details {
margin: 0;
}
.slider-for .slick-track .item,
.slider-for_popup .slick-track .item {
border-radius: 0px;
}
.live_bid_col {
margin-top: 0px;
}
.live_bid_col > .live_vehicle_name {
display: none;
}
.mobile_bid_box .mobile_bid_box_inner {
display: block;
padding: 15px;
padding-top: 5px;
padding-bottom: 5px;
}
.bidinfo.mobile_bid_box {
background: #fff;
border-radius: 5px;
box-shadow: 0px 0px 3px #00000070;
margin-top: -38px;
z-index: 9;
position: relative;
}
.bidinfo.mobile_bid_box .reserve_pricemes {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-top: -15px;
}
.mobile_bid_box .sidebar-title {
display: none;
}
.mobile_bid_box .detail-info-box {
background: none;
border-radius: 0px;
border: none;
padding-top: 15px !important;
margin: 0;
overflow: visible;
background: #fff;
border-radius: 5px;
}
.live_prebid_inventory_popup .div_checkbox_prebid .theme-btn {
margin-top: 0px;
}
.live_prebid_inventory_popup .user_bid_history_table {
margin-top: 10px;
margin-bottom: 10px;
}
.live_prebid_inventory_popup .mobile_bid_box_inner {
padding-left: 0;
padding-right: 0;
}
.mobile_bid_box_inner label {
font-size: 15px;
line-height: 1;
}
.mobile_bid_box_inner h3 {
font-size: 26px;
}
.mobile_bid_box_inner .comingsoon_text label{
margin-bottom: 0!important;
}
.stopwatch_icon{
font-size: 23px;
}
.mobile_bid_box_inner h3 i.fa-stopwatch {
font-weight: 300;
font-size: 20px;
}
.mobile_bid_box .hide_on_mobile {
display: none!important;
}
.footer__top {
padding-top: 20px;
}
.footer__widget-logo {
margin-bottom: 0px;
}
h2.footer__widget-title {
font-size: 20px;
margin-bottom: 8px;
}
.header-sticky {
box-shadow: none;
}
body.run_live_auction_page .tp-header__area,
body.run_live_auction_page .tp-header__bottom {
display: none;
}
body.run_live_auction_page {
padding-top: 0px!important;
}
.mobile_header_live {
display: flex;
position: fixed;
top: 5px;
left: 5px;
width: 100%;
z-index: 99;
background: #fff;
box-shadow: 0px 0px 2px #000000b8;
background: #ffffffcf;
width: auto;
border-radius: 50px;
}
.mobile_header_live .mobile_header_back,
.mobile_header_live .mobile_header_menu {
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
cursor: pointer;
color: var(--darkblue);
color: #000;
}
.mobile_header_live .mobile_header_back svg{
width: 15px;
}
.vehicle_controls {
bottom: 45px;
width: auto;
left: 10px;
top:auto;
}
.gallry-popup,
.gallry-popup2 {
top: auto;
bottom: 45px;
}
.openConfpopup .gallry-popup,
.openConfpopup .gallry-popup2,
.openConfpopup vehicle_controls,
.openConfpopup .mobile_header_back {
display: none;
}
.mobile_header_live .mobile_header_title {
padding: 0px 5px;
width: calc(100% - 100px) !important;
}
.mobile_header_live .mobile_header_title h5 {
margin: 0;
margin-top: 2px;
color: #fff;
}
.run_live_auction_page .div_checkbox_prebid .theme-btn {
margin-bottom: 5px;
}
.run_live_auction_page .div_checkbox_prebid {
padding-bottom: 0px;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
}
.mobile_bid_box .prev-bids-list ul li {
padding-top: 0px;
}
.mobile_bid_box .prev-bids-list {
padding-left: 5px;
padding-right: 5px;
}
.live_detailpage .bidinfo.auction_announcements {
margin-top: 15px;
}
.mobile_show_name {
display: block;
}
.live_detailpage .mobile_show_name ~ .tca_verified_badge_title{
display: flex!important;
}
body .NextPreBidModal > .modal-dialog > .modal-content > .modal-header {
padding: 0;
border: none;
background: none;
position: absolute;
right: 15px;
top: 10px;
z-index: 99;
}
body .NextPreBidModal > .modal-dialog > .modal-content > .modal-header .modal-title {
display: none;
}
body .NextPreBidModal > .modal-dialog > .modal-content > .modal-header .tca_verified_badge{
display: none!important;
}
body .NextPreBidModal .modal-body {
padding: 0;
z-index: unset;
}
.NextPreBidModal .bidinfo.mobile_bid_box {
z-index: unset;
}
body .NextPreBidModal .modal-header div .btn-close {
margin: 0;
background: var(--purple);
opacity: 1;
color: #fff;
border-radius: 5px;
padding: 5px 9px;
line-height: 1;
font-size: 20px;
margin-bottom: 0;
margin-left: 0px;
}
body .NextPreBidModal .modal-header div .btn-close .ti-close {
display: block;
font-size: 15px;
}
.modal.NextPreBidModal {
padding: 5px;
}
.NextPreBidModal.PreBidModal > .modal-dialog .modal-content {
margin: 0;
}
.NextPreBidModal .bidinfo.mobile_bid_box table {
margin: 0;
}
body .step-form-tab li a span {
display: none;
}
body .lg-toolbar .lg-icon:not(.lg-close),
body .lg-actions .lg-next,
body .lg-actions .lg-prev,
body .lg-outer .lg-toogle-thumb {
display: none;
}
.sidebar-left .filtersection {
height: 100%;
;
}
.sidebar-left .tab-content {
height: calc(100% - 45px);
overflow-x: hidden;
}
.desktop_show {
display: none!important;
}
.nextPreBidParent .NextPreBidModal > .modal-dialog > .modal-content > .modal-header {
display: none;
}
.iframe_body .PreBidModal .modal-content, .iframe_body .finalize_purchase_buynow .modal-content, .iframe_body .makepaymentModal .modal-content{
height: calc(100% - 85px);
}
.iframe_body .privacyConditionsPopup,
.iframe_body .termsConditionsPopup{
background: #00000090;
}
.iframe_body .privacyConditionsPopup .modal-dialog,
.iframe_body .termsConditionsPopup .modal-dialog {
display: flex;
justify-content: center;
align-items: center;
}
.iframe_body .privacyConditionsPopup .modal-content,
.iframe_body .termsConditionsPopup .modal-content{
height: calc(100% - 85px);
word-break: break-word;
}
.iframe_body div#confirmBuyNowModal.show .modal-dialog {
height: 100%;
display: flex;
align-items: center;
}
.iframe_body div#confirmBuyNowModal.show .modal-dialog .modal-content {
height: auto;
}
.privacyConditionsPopup .modal-content,
.termsConditionsPopup .modal-content{
word-break: break-word;
}
.home_page .mobile_back_link {
display: none;
}
.mobile_back_link {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: absolute;
top: 0px;
left: 0px;
z-index: 9;
}
.mobile_back_link i,
.mobile_back_link svg {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
cursor: pointer;
color: var(--darkblue);
background: #fff;
box-shadow: 0px 0px 2px #000000b8;
border-radius: 50px;
padding: 8px;
fill: var(--darkblue);
}
body .logo {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
body .logo_user{
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.mobile_btns a{
max-width: 100%;
}
#addpaymentmethodmodal .modal-header, #addpaymentmethodmodal .modal-body{
padding-left: 20px;
padding-right: 20px;
}
body .tcaloader.tcaloader_t{
/*width: 80px;*/
}
body .tcaloader.tcaloader_t .load-icon {
width: 45px;
height: 11px;
}
body .tcaloader.tcaloader_t .load-icon.center {
margin-top: 8px;
margin-bottom: 8px;
}
body .tcaloader.tcaloader_t .load-icon span {
width: 9px;
height: 9px;
}
.calendar__event-title{
padding-right: 10px;
margin-bottom: 5px;
}
.inventory-list-wrapper .row > .col-xl-3.watchlist_box{
width: 33.33%;
}
.share_button{
top: 65px;
}
.tp-countdown__section .mobile-show{
display: block;
}
.tp-countdown__section .mobile-bg-none{
background-image: none!important;
}
.tp-countdown__section h2{
font-size: 29px;
}
.tp-countdown__section .pb-40 {
padding-top: 30px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.tp-countdown__section:last-child .pb-40{
padding-bottom: 0px!important;
}
.register-fees-popup .intl-tel-input ul.country-list{
width: 300px;
}
.edit-profile-page .vfinder .nav-pills .nav-item,
.account-password-page .vfinder .nav-pills .nav-item,
.authorize-page .vfinder .nav-pills .nav-item{
width: 100%;
}
.edit-profile-page .vfinder .nav-pills .nav-item a,
.account-password-page .vfinder .nav-pills .nav-item a,
.authorize-page .vfinder .nav-pills .nav-item a{
margin-right: 0px;
text-align: center;
border: none;
}
.attention_notes_slider.slick-slider .slick-list{
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.attention_notes_slider.slick-slider .slick-track{
display: flex;
width: 100%;
flex-wrap: nowrap;
}
.first_live_detailpage .auction-start-time {
display: none;
}
.first_live_detailpage .mobile_bid_box .detail-info-box{
padding-top: 0 !important;
}
.first_live_detailpage .live_bid_col h5.vehicle_name_d {
display: none;
}
.first_live_detailpage .mobile_bid_box h5.vehicle_name_d {
display: block;
padding: 5px 10px;
padding-top: 5px;
margin: 0;
background: var(--purple);
color: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size: 16px;
}
.tp-header__search form input::-webkit-input-placeholder {
color: #838b95;
font-size: 14px;
}
.tp-header__search form input:-moz-placeholder {
color: #838b95;
font-size: 14px;
}
.tp-header__search form input::-moz-placeholder {
color: #838b95;
font-size: 14px;
}
.tp-header__search form input:-ms-input-placeholder {
color: #838b95;
font-size: 14px;
}
.site-map-wrapper .grid-sitemap{
grid-template-columns: repeat(1,1fr);
}
}
@media only screen and (max-width:640px) {
.inventory-list-wrapper .row > .col-xl-3.watchlist_box{
width: 50%;
}
.sign__wrapper.reset-password{
padding: 30px 25px;
}
}
@media only screen and (max-width:480px) {
.mobile_bid_box_inner h3 {
font-size: 14px!important;
font-size: 20px!important;
}
.stopwatch_icon {
font-size: 18px;
}
.filterPanel .currentliveauction,
.popular-slider .currentliveauction{
right: 0px;
}
.page-notfound h2{
font-size: 26px;
}
.inventory-list-wrapper .row > .col-xl-3.watchlist_box{
width: 100%;
}
.griditems .imgTopRound {
padding-top: 230px;
}
.inventory-list-wrapper .row > .col-xl-3, .inventory-list-wrapper .row > .col-xl-9, body.grid5 .griditems .col-xl-3 {
flex: 0 0 auto;
width: 100%;
}
.popular-slider .slick-next {
right: 0px;
}
.popular-slider .slick-prev {
left: 0px;
}
.inputfield .bootstrap-select .dropdown-toggle {
font-size: 13px;
padding: 4px 8px;
}
.calendar__event-content {
padding: 10px 10px 10px 15px;
}
.calendar__event-featured__item {
width: 22%;
padding-top: 15%;
}
.bid-btn a {
width: 100%;
}
.slider-for .slick-track .item,
.car-details .slider-for .slick-track .item {
height: 265px;
}
.currentvehicle .counter .tp-border-btn {
padding: 6px 10px;
padding-left: 25px;
}
.currentvehicle .counter .tp-border-btn:before {
left: 8px;
}
.currentvehicle .counter .tp-border-btn:after {
left: 5px;
}
/* .filterPanel .currentliveauction {
right: 10px;
} */
.inventory-list-wrapper .vehicle-img-div {
width: 280px;
}
.filterPanel .listitems .currentliveauction {
left: 6px;
right: auto;
bottom: auto;
top: 7px;
background: #fff;
border-radius: 5px;
padding: 4px 8px 1px;
line-height: 1;
}
/* .counter .tp-border-btn span {
padding: 5px 18px;
font-size: 13px;
} */
.calendar__event-content {
width: 100%;
}
.calendar__event {
flex-direction: column;
}
.calendar__event-content {
border-left: 1px solid #b6b6b6;
border-top: none;
}
.conformations_step .full-btn .theme-btn {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
div.pp_pic_holder{
width: calc(100% - 20px) !important;
left: 10px !important;
height: auto !important;
margin-top:-100px !important;
}
div.pp_pic_holder .pp_content{
width: 100% !important;
height: auto !important;
}
div.pp_pic_holder .pp_content .pp_fade{
width: 100%!important;
height: 100%!important;
}
div.pp_default .pp_close{
right: 10px !important;
top: 10px !important;
}
div.pp_pic_holder .pp_content iframe {
width: calc(100% - 6px);
height: 300px;
}
}
@media only screen and (max-width:375px) {
.counter.list_counter {
padding-bottom: 10px;
}
.card-grid .holder {
padding: 15px 15px 6px;
}
.griditems .imgTopRound {
padding-top: 190px;
}
#toggleButton {
/*position: relative;*/
}
.inventory-list-wrapper .row > .col-xl-3,
.inventory-list-wrapper .row > .col-xl-9 {
flex: 0 0 auto;
width: 100%;
}
body.grid5 .griditems .col-xl-3 {
flex: 0 0 auto;
width: 100%;
}
body .detail-info-box .tooltip-multiline [data-tooltip]::before {
width: 335px;
}
/* body .vfinder .tab-pane ul {
grid-template-columns: repeat(1, 1fr);
} */
}
@media only screen and (max-width:305px) {
#toggleButton {
position: relative;
}
}
.summary_model_popup_inner h3 {
padding: 15px 30px;
background-color: aliceblue;
font-size: 1.5rem;
margin: 0px;
}
/* ===========-------------- Bootstrap Tooltip CSS -------------==============*/
[data-toggle="tooltip"]{
cursor: pointer;
}
.tooltip.show{
opacity: 1;
z-index: 999999;
}
.tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
bottom: 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
top: 0;
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #fff;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #fff;
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
border-right-color: #fff;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
border-top-color: #fff;
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before{
border-bottom-color: #fff;
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
border-left-color: #fff;
}
.tooltip-inner {
max-width: 400px;
padding: 0.25rem 0.5rem;
color: #000;
text-align: left;
font-size: 14px;
font-weight: 400;
border-radius: 5px;
text-transform: capitalize;
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.65);
font-family: var(--tp-ff-body);
padding-top: 6px;
padding-bottom: 5px;
border: 1px solid #ccc;
background: #fff;
}
.tooltip-inner p{
margin-bottom: 8px;
}
.tooltip-inner p:last-child{
margin-bottom: 0px;
}
@media only screen and (max-width:767px) {
.tooltip-inner {
max-width: 300px;
}
}
/* ===========-------------- End Bootstrap Tooltip CSS -------------==============*/
/* ===========-------------- Custom Tooltip CSS -------------==============*/
.tooltip-custom {
position: relative;
}
.tooltip-custom [data-tooltip] {
position: relative;
cursor: pointer;
}
.tooltip-custom [data-tooltip]:before,
.tooltip-custom [data-tooltip]:after {
position: absolute;
left: 50%;
transform: translate(-50%, 5px);
z-index: 1000;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0;
transition: opacity .15s ease .25s;
}
.tooltip-custom [data-tooltip]:focus {
box-shadow: none;
}
.tooltip-custom [data-tooltip]::before {
content: attr(data-tooltip);
background: #fff;
color: #000;
padding: 3px 12px;
white-space: nowrap;
top: 100%;
border-radius: 3px;
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.65);
border: 1px solid #ccc;
}
.tooltip-custom [data-tooltip]:after {
content: '';
background: transparent;
border: 8px solid transparent;
border-bottom-color: #fff;
top: auto;
bottom: 0px;
}
.tooltip-custom [data-tooltip]:hover::before,
.tooltip-custom [data-tooltip]:hover::after,
.tooltip-custom [data-tooltip]:focus:before,
.tooltip-custom [data-tooltip]:focus:after,
.tooltip-custom [data-tooltip]:active:before,
.tooltip-custom [data-tooltip]:active:after {
opacity: 1;
}
.tooltip-multiline [data-tooltip]::before {
width: 333px;
padding-top: 10px;
padding-bottom: 10px;
text-transform: capitalize;
text-align: left;
line-height: 1.3;
word-break: break-word;
white-space: normal;
}
/* ===========-------------- End Custom Tooltip CSS -------------==============*/
body .lg-backdrop {
z-index: 9999
}
body .lg-outer {
z-index: 99999;
}
body.lg-on:before {
content: "";
position: fixed;
width: 100%;
height: 100%;
background: #000;
z-index: 9999;
}
.selectpicker {
border: none;
background-color: transparent;
color: var(--purple);
width: auto;
outline: none;
cursor: pointer;
}
.tp-btn.btn-outline:hover .selectpicker {
color: #fff;
}
.tp-btn.btn-outline:hover .selectpicker option{
color: var(--purple);
}
body div#hubspot-messages-iframe-container {
z-index: 999;
}
body.iti-mobile .intl-tel-input.iti-container{
z-index: 9999999;
}
/* ===========-------------- Payments-due Page Finalize Purchase Popup CSS -------------==============*/
.finalize-purchase{
}
body .modal.modal-static .modal-dialog {
transform: scale(1)
}
.finalize_purchase_buynow, .makepaymentModal{
padding: 0 !important;
}
.finalize-purchase .modal-xl{
max-width: 920px;
}
.finalize-purchase .modal-body{
background: #f1f1f1;
}
.price_payment_list{
margin-top: 15px;
}
.price_breakdown_list, .price_payment_list{
margin-bottom: 0px;
position: sticky;
top: 0px;
}
.price_payment_list .auction_box {
border: 1px solid #ddd;
border-radius: 10px;
padding: 20px;
background: #fff;
box-shadow: 0px 4px 10px rgb(154 113 225);
}
.price_payment_list .auction_box label{
background: #f9f9f9;
box-shadow: none;
}
.finalize-purchase .table_box {
border: 1px solid #ddd;
border-radius: 10px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
overflow: hidden;
padding: 5px 0px;
background: #fff;
}
.finalize-purchase .table_box .table {
border-radius: 10px;
overflow: hidden;
}
.finalize-purchase .table_box .table tr td {
font-size: 14px;
padding: 5px 15px;
border: none;
}
.finalize-purchase .table_box .table tr th {
border: none;
border-bottom: 1px solid #f1f1f1;
padding: 7px 15px;
padding-top: 3px;
}
.finalize-purchase .transport-icon{
background: #ffffff;
border-radius: 4px;
padding: 5px;
border: 1px solid #dadada;
width: 75px;
}
.finalize-purchase .transport-icon svg{
width: 100px;
}
.finalize-purchase .text-success {
color: #198754!important;
line-height: 1.2;
}
.finalize-purchase .btn.btn-small {
padding: 4px 10px 3px !important;
font-size: 12px !important;
}
.finalize-purchase .modal-header .btn-xs {
padding: .35rem .7rem !important;
font-size: 13px !important;
border-radius: 5px !important;
}
.addressConfModalConf .tp-btn.btn-outline.btn-xs{
padding: .35rem 1rem !important;
font-size: 14px !important;
}
.addressConfModalConf .tp-btn.btn-outline .fa.fa-angle-right{
margin-left: 4px;
}
body .finalize-purchase .table tr td a.btn{
border-radius: 0.6rem;
}
.finalize-purchase .modal-body,
.finalize-purchase .modal-header{
padding: 1rem 1.5rem;
}
.finalize-purchase .transport-option .pl-20 {
padding-left: 25px
}
.finalize-purchase .auction_box.cost-disable{
display: none;
}
.finalize-purchase .auction-box {
border: 1px solid #ddd;
border-radius: 10px;
padding: 15px;
background: #fff;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
margin-bottom: 0px;
}
.finalize-purchase .recommended-badge {
background: #fff;
border: 2px solid var(--purple);
color: var(--purple);
font-size: 13px;
padding: 4px 15px;
border-radius: 8px;
display: inline-block;
position: absolute;
top: -15px;
left: 50%;
line-height: 1.2;
transform: translateX(-50%);
font-weight: 600;
}
.finalize-purchase .transport-option {
border-radius: 8px;
padding: 15px;
padding-top: 30px;
padding-bottom: 20px;
margin-top: 0px;
position: relative;
}
.finalize-purchase .auction-box.active-option {
border: 2px solid #9a71e1;
}
.auction-box:not(.active-option) .price-section {
opacity: 0.6;
}
.finalize-purchase label.auction-box {
cursor: pointer;
}
.finalize-purchase .auction_box input[type=radio] {
appearance: none;
height: 22px;
width: 22px;
position: relative;
margin-top: 3px
}
.finalize-purchase .auction_box input[type=radio]:before{
content: "";
border: 1px solid #ccc;
height: 22px;
width: 22px;
display: block;
border-radius: 50px;
}
.finalize-purchase .auction_box input[type=radio]:checked:before{
border: 1px solid var(--purple);
}
.finalize-purchase .auction_box input[type=radio]:checked:after{
content: "";
border: 1px solid var(--purple);
width: 12px;
height: 12px;
background-color: var(--purple);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
border-radius: 50px;
}
.finalize-purchase .price-section{
position: absolute;
top: 0;
right: 0;
background: var(--purple);
color: #fff;
padding: 7px 15px 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0.6rem;
}
.finalize-purchase .price {
color: #fff;
font-size: 20px;
font-weight: bold;
line-height: 1;
}
.finalize-purchase .modal-body .transport-option ul,.modal-body .self-transport ul{
padding-bottom: 10px
}
.finalize-purchase .modal-body .transport-option ul li.image-point,
.finalize-purchase .modal-body .self-transport ul li.image-point{
position: relative;
list-style: none;
padding-left: 25px;
font-size: 14px;
margin-bottom: 10px;
font-weight: 400;
}
.finalize-purchase .modal-body .transport-option ul li.image-point:last-child,
.finalize-purchase .modal-body .self-transport ul li.image-point:last-child{
margin-bottom: 0px;
}
.finalize-purchase .transport-option li.image-point::before{
content: "";
background-image: url(../../../static/images/check.png);
background-size: cover;
position: absolute;
top: 2px;
display: block;
width: 15px;
height: 15px;
left: 0;
}
.finalize-purchase .self-transport li.image-point::before{
content: "";
background-image: url(../../../static/images/remove.png);
background-size: cover;
position: absolute;
top: 2.5px;
display: block;
width: 15px;
height: 15px;
left: 0;
}
.finalize-purchase .transport-option .address-div{
background: #f5f5f5;
background: #fff;
border: 1px solid #e1e1e1;
padding: 5px 10px;
}
.finalize-purchase .self-transport .modal-body ul{
padding-left:20px
}
.finalize-purchase .self-transport .modal-body ul li{
list-style-position: outside;
}
.finalize-purchase .self-transport{
font-size: 14px;
}
.finalize-purchase .self-transport h5{
color: #777;
margin-bottom: 0px;
font-size: 15px;
}
.self-transport h5.active-option{
color: #0a1b5f;
}
.finalize-purchase .auction_box h4{
line-height: 1.2
}
.finalize-purchase .auction_box h4.text-dark {
font-size: 12px;
line-height: 1.3;
margin-bottom: 0px
}
.finalize-purchase .main-title p {
font-size: 14px;
margin-bottom: 0px;
}
.finalize-purchase .title-section{
padding: 5px 5px 15px;
justify-content: space-between;
}
.finalize-purchase .popup-form-group.form-group{
margin-bottom: 0px;
}
.finalize-purchase .total-price-text{
color: #0a1b5f;
font-size: 22px
}
.finalize-purchase .modal-header .btn-xs {
padding: .35rem 1rem !important;
font-size: 14px !important;
border-radius: 5px !important;
}
.finalize-purchase .tp-btn.btn-paynow {
font-size: 15px;
padding: 10px 20px;
/* border-radius: 0.6rem; */
}
.finalize-purchase .tp-btn:hover{
background: #6c49a9;
color: var(--white);
border: 1px solid #6c49a9;
box-shadow: none;
}
.addressModalConfpopupCustom{
z-index: 9999999;
}
.addressModalConfpopupCustom:before, .makepaymentCopen:before{
content: "";
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 50%);
z-index: 1;
}
.addressModalConfpopupCustom .modal-dialog, .makepaymentCopen.modal-dialog {
z-index: 9;
}
.fw-500{
font-weight: 500;
}
.price_breakdown_list h4, .addressModalConfpopupCustom h4{
font-size: 18px;
}
.price_breakdown_list h2, .addressModalConfpopupCustom h2{
font-size: 30px;
}
.user_bid_history_table_outer{
border: 1px solid #875bd36e;
background: #fff;
border-radius: 7px;
overflow: hidden;
}
.user_bid_history_table_col tr th {
font-weight: 600;
font-size: 14px;
}
.user_bid_history_table_col thead tr.user_bid_history_title_row{
background-image: linear-gradient(to right, #6c49a9, #8c5edb) !important;
color: #fff;
border: none;
}
.user_bid_history_table_col thead tr.user_bid_history_title_row th{
border: none;
}
.user_bid_history_table_col tr td{
font-size: 14px;
}
.user_bid_history_table_col tr:not(:last-child){
border-bottom: 1px solid #dee2e6;
}
.user_bid_history_table_col tr td:not(:last-child){
border-right: 1px solid #dee2e6;
}
.table-bid-calaulator-wrapper{
border: 1px solid #875bd36e;
background: #fff;
border-radius: 7px;
overflow: hidden;
}
.table.table-bid-calaulator{
margin: 0px;
}
.table.table-bid-calaulator tr td{
font-size: 14px;
padding: 7px 15px;
margin-bottom: 10px;
display: table-cell;
border: none;
color: #0a1b5f;
border-bottom: 2px solid #fff;
}
.table.table-bid-calaulator tr td:last-child{
text-align: right;
}
.table.table-bid-calaulator tr:first-child th{
background: #9a71e1;
color: #fff;
background-image: linear-gradient(to right, #6c49a9, #8c5edb) !important;
padding: 7px 15px;
border-bottom: 0px solid #fff;
text-align: left;
}
.table.table-bid-calaulator tr th{
text-align: center;
color: #0a1b5f;
font-weight: 500;
border: none;
border-bottom: 5px solid #fff;
}
.table.table-bid-calaulator tr{
background: linear-gradient(to right, #9a71e12b, rgb(255, 255, 255));
}
.table.table-bid-calaulator tbody tr:last-child{
background-image: linear-gradient(to right, #6c49a9, #8c5edb) !important;
}
.table.table-bid-calaulator tr:last-child td{
color: #fff;
border-bottom: 0px;
}
.table.table-bid-calaulator>:not(:first-child) {
border-top: 0px solid currentColor;
}
@media (min-width: 768px){
.makepayment-table.no_transport_option .col-md-6:last-child {
display: none;
}
.makepayment-table.no_transport_option .col-md-6{
width:100%;
flex: 0 0 100%;
max-width: 100%;
align-items: flex-start;
justify-content: flex-start;
}
.makepayment-table.no_transport_option .col-md-6 .price_breakdown_list {
display:flex;
align-items: flex-start;
gap: 15px;
height: auto;
}
.makepayment-table.no_transport_option .col-md-6 .price_breakdown_list > div {
width: 50%;
height: auto;
}
}
.maxBidInfo {
background: #f8f8f8;
display: block;
padding: 10px;
border-radius: 5px;
border: 1px solid #e7e7e7;
margin-top: 10px;
font-size: 13px;
line-height: 1.3;
text-align: left;
}
@media only screen and (min-width:768px) {
.price_mobile_show{
display: none!important;
}
}
@media only screen and (max-width:767px) {
.price_mobile_show{
display: block;
}
.mobile_modal_popup .payment_list .d-flex.w-100 b{
min-width: auto;
}
.finalize-purchase .recommended-badge{
left: 15px;
transform: none;
padding: 3px 10px;
}
.finalize-purchase .transport-option {
padding-top: 35px;
}
.price_payment_list .auction_box{
padding: 20px 15px;
}
.price_payment_list {
margin-top: 0px;
}
}
body .persona-widget__overlay{
z-index: 2147483646;
}
body .persona-widget__overlay .persona-widget__iframe {
max-height: calc(100% - 20px);
}
@media only screen and (min-width:600.02px) {
body .persona-widget__overlay .persona-widget__iframe{
max-width: 400px;
}
}
@media only screen and (max-width:600.01px) {
body .persona-widget__overlay .persona-widget__iframe{
max-width: calc(100% - 20px);
}
}
@media only screen and (min-width:993px){
.tp-header__hamburger{
display: flex;
align-items: center;
margin-left: 20px;
}
.hamburger-btn {
width: 32px;
height: 22px;
position: relative;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
background: transparent;
border: 0;
outline: 0;
display: flex;
z-index: 99;
}
.hamburger-btn span {
display: inline-block;
width: 100%;
display: block;
position: absolute;
height: 2px;
width: 100%;
opacity: 1;
left: 0;
z-index: 1;
background-color: #6e55d5;
}
.hamburger-btn span:nth-child(1) {
top: 0;
}
.hamburger-btn span:nth-child(2) {
top: 10px;
}
.hamburger-btn span:nth-child(3) {
top: 20px;
width: 75%;
}
.offcanvas__area {
min-height: auto;
}
.offcanvas__content {
padding: 10px 30px 30px 30px;
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.offcanvas__content .offcanvas__close {
position: absolute;
right: 0;
top: 0;
z-index: 9;
}
.offcanvas__content .offcanvas__top {
position: relative;
z-index: 1;
}
.mobile_btns .header-acttion-btns {
display: block !important;
padding: 20px 15px 0px;
}
.offcanvas__bottom {
padding: 15px;
}
.offcanvas__area{
width: 370px;
min-width:370px;
}
}
.offcanvas__content .header-acttion-btns .tp-btn{
width: 100%;
max-width: 100%;
}
/* css change sof Tooltip and transperant Div */
.makepaymentModal > .modal-dialog .modal-content.height-auto-modal{
height: auto
}
.transparent-div{
position: absolute;
content: " ";
bottom: 0;
width: 100%;
height: 220px;
}
span.has-sales-title,
span.has-dmv-title{
position: relative;
}
span.has-sales-title:before{
content: "Sales tax is not included based on your account type or location.";
position: absolute;
top: -17px;
left: 18px;
width: 300px;
max-width: 500px;
color: #000;
background: #FFF;
padding: 5px;
border-radius: 5px;
font-size: 12px;
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.65);
border: 1px solid #ccc;
visibility: hidden;
opacity: 0;
}
span.has-sales-title:after{
content: "";
position: absolute;
left: 11px;
top: 2px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 15px solid #fff;
visibility: hidden;
opacity: 0;
}
span.has-sales-title:hover::after{
visibility: visible;
opacity: 1;
}
span.has-sales-title:hover::before{
visibility: visible;
opacity: 1;
}
span.has-dmv-title:before{
content: "DMV fees are not included based on your account type or location.";
position: absolute;
top: -17px;
left: 18px;
width: 300px;
max-width: 500px;
color: #000;
background: #FFF;
padding: 5px;
border-radius: 5px;
font-size: 12px;
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.65);
border: 1px solid #ccc;
visibility: hidden;
opacity: 0;
}
span.has-dmv-title:hover::before{
visibility: visible;
opacity: 1;
}
span.has-dmv-title:after{
content: "";
position: absolute;
left: 11px;
top: 2px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 15px solid #fff;
visibility: hidden;
opacity: 0;
}
span.has-dmv-title:hover::after{
visibility: visible;
opacity: 1;
}
.seller_inventory_table .tp-btn.btn-xs {
font-size: 13px;
padding: 7px 14px;
line-height: 1;
}
.seller_inventory_table .tp-btn.btn-xs{
padding: 5px 14px;
}
.seller_inventory_table .tp-btn.btn-xs.has-less-padding{
padding: 5px 12px;
}
.mobile_table_col_content .tp-btn.btn-xs{
padding: 7px 14px;
font-size: 14px;
line-height: 1;
}
.mobile_table_col_button .tp-btn.btn-xs{
padding: 9px 14px;
font-size: 14px;
line-height: 1;
}
.detail-info-box table tr td b.buynow_price{
font-weight: bold;
font-size: 18px;
}
b.buynow_price_mobile{
font-size: 18px;
}
@media only screen and (max-width: 1300px) and (min-width: 993px) {
.iframe_inventory_list .griditems .col-xl-3 {
width: 25%;
}
}
.bid_history_table.table td{
font-size: 14px;
}
@media only screen and (max-width:992px){
.transparent-div{
height: 200px;
}
}
@media only screen and (max-width:820px){
.no_transport_option .none-from-ipad{
display:none;
}
}
@media only screen and (max-width:767px){
span.has-sales-title:before{
width: 220px;
}
span.has-dmv-title:before{
width: 220px;
}
}
@media only screen and (max-width:480px){
span.has-sales-title:before{
width: 190px;
}
span.has-dmv-title:before{
width: 190px;
}
}
@media only screen and (max-width:400px){
span.has-sales-title:before{
width: 155px;
left: 20px;
}
span.has-dmv-title:before{
width: 155px;
left: 20px;
}
}
/* css change sof Tooltip and transperant Div */
ul.has-custom-style{
list-style-type: none;
}
ul.has-custom-style li{
list-style-type: none;
padding-bottom: 0px;
}
.site-map-wrapper ul.has-custom-box{
/*padding: 12px 14px;
border: 1px solid #ddd;*/
}
.site-map-wrapper ul.has-custom-box li{
list-style-type: none;
padding: 0px;
}
.site-map-wrapper ul.has-custom-box li a{
font-size: 15px;
color: var(--darkblue);
}
.site-map-wrapper ul.has-custom-box li a:hover {
text-decoration: underline;
}
ul.has-custom-style li a{
font-size:16px;
}
/* Added by Jeel for details popup starts here*/
.addressBoxContainer{
width: calc(100% - 89px)!important;
padding: 0px!important;
border: none!important;
border-radius: 0px !important;
outline: none !important;
}
.addressBoxContainerFull{
width: 100%;
}
gmp-place-autocomplete{
border-color: #dadada !important;
outline: 0 !important;
border-radius: 8px !important;
box-shadow: none !important;
color-scheme: light only;
}
.addressBoxContainer gmp-place-autocomplete{
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.input-container div.autocomplete-icon {
height: 41px!important;
width: 40px!important;
}
.announcements_info .detail-info-box p{
margin-bottom: 15px;
line-height: 1.4;
}
.announcements_info .detail-info-box p:last-child{
margin-bottom: 0;
}
.bullet-points{
padding: 15px 15px;
border-radius: 5px;
background: #fff;
border: 1px solid #ececec;
}
.vehicle_inspection_info p{
margin: 0px;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
}
.vehicle_inspection_info ul{
margin-left: 20px;
}
.vehicle_inspection_info ul li{
list-style: disc;
margin-bottom: 5px;
line-height: 1.4;
}
.vehicle_inspection_info ul li:last-child{
margin-bottom: 0;
}
.hover-card{
border: 1px solid #ECECEC;
background: #FFFFFF;
box-shadow: 0px 4px 8px rgba(177, 177, 177, 0.6);
border-radius: 5px;
padding: 10px 15px;
/*margin-bottom: 15px;*/
}
.hover-wrapper .hover-card{
padding: 0px;
}
.hover-wrapper .hover-card h4{
margin: 0px;
font-size: 14px;
font-weight: 600;
}
.hover-wrapper .hover-card .title , .hover-wrapper .hover-card .extra-content{
padding: 8px 15px;
}
.hover-wrapper .hover-card .title {
border-bottom: 1px solid #ECECEC;
}
.hover-wrapper .hover-card .extra-content p{
margin: 0px;
font-size: 14px;
font-weight: 400;
}
.hover-wrapper .hover-card .icon-content {
display: flex;
align-items: center;
gap: 4px;
}
.hover-wrapper .hover-card .extra-content {
display: flex;
gap: 20px;
justify-content: space-between;
align-items: center;
}
.hover-section .hover-card-section .hover-card-header{
padding: 11px 15px;
display: flex;
gap: 20px;
align-items: center;
justify-content: space-between;
}
.hover-section .hover-card-section .hover-card-header h4{
margin: 0px;
font-size: 18px;
font-weight: 600;
}
.hover-section .hover-card-section .hover-card-content{
padding: 20px 25px;
}
.hover-section{
display: none;
position: fixed;
top: 0px;
width: 100%;
height: 100%;
left: 0px;
z-index: 99999;
}
.hover-section .hover-card-section {
display: block;
position: absolute;
top: 50%; /* show below the hover-card */
left: 50%;
z-index: 10;
background: #fff;
width: 445px;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 5px;
overflow-y: auto;
max-height: 90vh;
/*max-height: 450px;*/
}
.hover-section .content-header{
padding: 9px 15px;
background: linear-gradient(to right, #6C49A9 0%, #8C5EDB 100%);
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.hover-section .content-header h5{
margin: 0px;
font-size: 15px;
font-weight: 600;
color: #fff;
}
.hover-section .hover-card-container{
border: 1px solid rgba(135, 91, 211, 0.43);
border-radius: 8px;
overflow: hidden;
}
.hover-section .content-body ul{
margin: 0px;
padding: 0px;
list-style: none;
background: linear-gradient(to right, rgba(154 , 113 , 225 , 0.17) 0%, #FFFFFF 100%);
}
.hover-section .content-body ul li:last-child{
border: 0px;
}
.hover-section .content-body ul li{
padding: 9px 15px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
border-bottom: 2px solid #fff;
}
.hover-section .content-body ul li p{
margin: 0px;
font-size: 14px;
font-weight: 400;
color: #0a1b5f;
line-height: 1.3;
}
.hover-section .background-overly{
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: block;
}
.hover-section.show{
display: block;
}
@media screen and (max-width: 460px) {
.hover-section .hover-card-section{
width: 95%;
}
.hover-section .hover-card-section .hover-card-content {
padding: 0px 10px 15px;
}
.hover-section .hover-card-section{
max-height: 435px;
}
}
/* Added by Jeel for details popup ends here */