@charset "utf-8"; /* CSS Document */ @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* ---Custom Scrollbar CSS Starts Here--- */ ::-webkit-scrollbar{height:3px;width:4px;border-radius:18px} ::-webkit-scrollbar-track{background:#f1f1f1;} ::-webkit-scrollbar-thumb{background:#cecece;border-radius:18px} ::-webkit-scrollbar-thumb:hover{background:#cecece;} /* ---Custom Scrollbar CSS Ends Here--- */ html{overflow-x: hidden;} body{margin: 0; padding: 0; background: #F2F2F4 !important; font-size: 14px; font-family: Lato !important; color: #383838;} article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;} h1,h2,h3,h4,h5,h6,p,ul,ol{margin: 0; padding: 0;} a{text-decoration: none;} button:focus{box-shadow: none; outline: 0;} button:focus:not(:focus-visible){box-shadow: none;} :focus {outline: 0 !important;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;} /*Login Page Start*/ .login-page-out .login-bg{background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,244,1) 50%, rgba(242,242,244,1) 100%); } .login-page-out .login-bg:after{content: ""; position: fixed; top: 0; right: 0; background: url("../images/rectangle.png") no-repeat top -50px right -150px; width: 338px; height: 255px; z-index: 1;} .login-page-out .login-bg:before{content: ""; position: fixed; bottom: -50px; left: 0; background: url("../images/rectangle.png") no-repeat top 50px left -150px; width: 338px; height: 255px; z-index: 1;} .login-page-out .login-page{ background: url("../images/bg-button-iconbox.png") no-repeat top -35px left -80px; width: 100%; min-height: 100vh; z-index: 2; position: relative;} .login-page-out .login-form{width: 450px; margin:100px auto; text-align: center;} .login-page-out .h-100vh{min-height: 100vh;} *:focus {box-shadow: none !important;} .login-page-out .login-block .input-groups .form-control:focus~label, .login-page-out .login-block .input-groups .form-control:not(:placeholder-shown)~label{background: linear-gradient(180deg, #00857A 0%, rgba(255, 255, 255, 0) 100%);color:#5294F7;} .login-page-out .input-groups { position: relative; display: flex; align-items: stretch; width: 100%;} .login-page-out .login-block{border-radius: 20px;background: #FCFCFC;box-shadow: 1px 5px 1px 0px rgba(0, 0, 0, 0.06); margin-top: 30px; text-align: left; padding: 30px;} .login-page-out .login-block .input-groups{border-radius: 30px;background: #FFFFFF;box-sizing: border-box;border: 1px solid #ECECF0; margin-top: 20px; height: 48px;} .login-page-out .login-block .input-groups .form-control{border: none; background: transparent;padding: 8px 5px 8px 15px; height: 42px;} .login-page-out .login-block .input-groups .form-control::placeholder{color: #9E9E9E;} .login-page-out .login-block h3{font-family: "Lato", sans-serif; font-size: 26px; font-weight: 800; line-height: normal; letter-spacing: 0em; color: #000000;} .login-page-out .login-block .input-group-addon{position:relative;display: flex; align-items: center; justify-content: center;left: 4px;top: 3px;width: 46px;height: 40px;z-index: 0;border-radius: 30px !important; background: linear-gradient(180deg, #1D1E1E 0%, rgba(255, 255, 255, 0) 100%);} .login-page-out .login-block .form-group { display: block; margin-bottom: 15px;} .login-page-out .login-block .form-group input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer;} .login-page-out .login-block .form-group label { position: relative; cursor: pointer;} .login-page-out .login-block .form-group label:before { content:''; -webkit-appearance: none; background-color: transparent; border: 1px solid #E5E5E5; padding: 9px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px;} .login-page-out .login-block .form-group input:checked + label:after { content: ''; display: block; position: absolute; top: 4px; left: 7px; width: 6px; height: 14px; border: solid #0F766E; border-width: 0 2px 2px 0; transform: rotate(45deg);} .login-page-out .login-block a{color: #4F4F4F;} .login-page-out .sign-in-btn{border-radius: 62px;background: linear-gradient(180deg, #2DD4BF 10%, #0F766E 87%); box-shadow: 6px 6px 40px 0px rgba(0, 0, 0, 0.2);height: 48px; border: none; width: 100%; color: #ffffff; font-weight: 700;font-size: 16px;transition: 0.3s;} .login-page-out .sign-in-btn:hover{background: linear-gradient(180deg, #0F766E 10%, #2DD4BF 87%);transition: 0.3s;} .login-page-out .sign-up-btn{border-radius: 62px;background: linear-gradient(180deg, #4A4A4A 6%, #000000 100%); box-shadow: 6px 6px 40px 0px rgba(0, 0, 0, 0.2);height: 48px; border: none; width: 100%; color: #ffffff; font-weight: 700;font-size: 16px;} .login-page-out .sign-up-btn:hover{background: linear-gradient(180deg, #000000 6%, #4A4A4A 100%);} .login-page-out .benefits-block{overflow: hidden;} .login-page-out .benefits-block h2{background: #ffffff; padding: 10px; max-width: 60%; margin:70px auto; border-radius: 40px; text-align: center; font-size: 22px; position: relative;} .login-page-out .benefits-block h2:after{content: ""; width: 100%; height: 1px; background: #ffffff; position: absolute; top: 23px;} .login-page-out .benefits-block h2:before{content: ""; width: 100%; height: 1px; background: #ffffff; position: absolute; left: -100%; top: 23px;} .login-page-out .slide{width: 331.34px; height: 329.51px; margin: auto;} .login-page-out .slider-rotate__item--active .slide:before{content:""; border-radius: 62px;background: linear-gradient(136deg, #2DD4BF 33%, #0F766E 92%);box-shadow: 6px 6px 40px 0px rgba(0, 0, 0, 0.2);position: absolute;left: 0; right: 0; margin: auto;width: 331.34px;height: 329.51px;transform: rotate(45deg); border: 15px solid #c4e2e0;} .login-page-out .slider-rotate__item--active{color: #ffffff;} .login-page-out .slide img{margin: auto;} .login-page-out .slide img.active{display: none;} .login-page-out .slider-rotate__item--active img.inactive{display: none;} .login-page-out .slider-rotate__item--active img.active{display: block; text-align: center; margin: auto;} .login-page-out .slide:before{content:""; border-radius: 62px;background: #ffffff;position: absolute;left: 0; right: 0; margin: auto;width: 331.34px;height: 329.51px;transform: rotate(45deg);} .login-page-out .slide{text-align: center; position: relative;} .login-page-out .slide-dt{width: 100%; text-align: center;} .login-page-out .slide-dt h3{font-size: 22px; font-weight: 700;} .login-page-out .slider-rotate__arrow i { font-size: 46px;} .login-page-out .position {position: absolute;top: 50%;left: 50%;color: #ffffff;font-size: 30px; display: none;} .login-page-out .slider-rotate { margin: 0 auto;} .login-page-out .slider-rotate__container { margin: 0 auto;} .login-page-out #slider-2 {} .wel_text{font-size: 14px; line-height: 15px; white-space: nowrap;} .wel_text span{font-size: 12px; font-weight: normal; color: #777777;} /* --PLUGIN -- */ /* ------------------------------------------------------- */ .login-page-out .slider-rotate__container { position: relative; width: 100%; height: 350px; visibility: hidden;} /* -- ITEMS DISPLAY --*/ .login-page-out .slider-rotate__item {position: absolute;left: 50%; top: 50%; opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale(0.8); -moz-transform: translateY(-50%) translateX(-50%) scale(0.8); -ms-transform: translateY(-50%) translateX(-50%) scale(0.8); -o-transform: translateY(-50%) translateX(-50%) scale(0.8); transform: translateY(-50%) translateX(-50%) scale(0.8); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .login-page-out .slider-rotate__item.slider-rotate__item--next { left: 74%;} .login-page-out .slider-rotate__item.slider-rotate__item--prev { left: 26%;} .login-page-out .slider-rotate__item.slider-rotate__item--prev, .login-page-out .slider-rotate__item.slider-rotate__item--next { opacity: 0.7; z-index: 2; } .login-page-out .slider-rotate__item.slider-rotate__item--next-2 { left: 90%;} .login-page-out .slider-rotate__item.slider-rotate__item--prev-2 {left: 10%;} .login-page-out .slider-rotate__item.slider-rotate__item--next-2, .login-page-out .slider-rotate__item.slider-rotate__item--prev-2 { opacity: 0.4; z-index: 2; -webkit-transform: translateY(-50%) translateX(-50%) scale(0.3); -moz-transform: translateY(-50%) translateX(-50%) scale(0.3); -ms-transform: translateY(-50%) translateX(-50%) scale(0.3); -o-transform: translateY(-50%) translateX(-50%) scale(0.3); transform: translateY(-50%) translateX(-50%) scale(0.3); -webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px); -o-filter: blur(3px); filter: blur(3px);} .login-page-out .slider-rotate__item.slider-rotate__item--active { z-index: 2; opacity: 1; z-index: 5; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(1); -moz-transform: translateY(-50%) translateX(-50%) scale(1); -ms-transform: translateY(-50%) translateX(-50%) scale(1); -o-transform: translateY(-50%) translateX(-50%) scale(1); transform: translateY(-50%) translateX(-50%) scale(1); -webkit-filter: blur(0); -moz-filter: blur(0); -ms-filter: blur(0); -o-filter: blur(0); filter: blur(0);} .login-page-out .contact-info{border-top: 1px solid #E1E0E0; margin-top:70px;} .login-page-out .icon-text{background: #ffffff; border-radius: 10px;font-size: 20px;font-weight: 600;line-height: 18px;letter-spacing: 0.03em;} .login-page-out .icon-text a{color: #000000; text-decoration: none;} .login-page-out .icon-contact{background: #168B80; padding: 10px; border-radius: 10px 0px 0 10px; border-right: 2px solid #f2f2f4;} .login-page-out .icon-gray{ background: #BBBCBC;} .login-page-out .icon-black{background: #000000;} .login-page-out .icon-text a{display: flex; align-items: center;} .login-page-out .number{padding-left: 10px;} .login-page-out section .container .card{background: transparent; border:none;} .login-page-out section .container .card ul { margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; flex-wrap: wrap; gap: 0.625rem;} .login-page-out section .container .card ul li { text-transform: uppercase; background: var(--clr-tag); color: #282828; font-weight: 700; font-size: 0.8rem; padding: 0.375rem 0.625rem; border-radius: 0.188rem;} .login-page-out section .container .card ul .branding { color: #704a31;} .login-page-out section .container .card ul .packaging { color: #1e3938;} .login-page-out section .container .card ul .marketing { color: #4d1637;} .login-page-out section .container .card .content { padding: 0.938rem 0.625rem;} .login-page-out section .container .card .content h3 { text-transform: capitalize; font-size: clamp(1.5rem, 1.3909rem + 0.4364vw, 1.8rem);} .login-page-out section .container .card .content p { margin: 0.625rem 0 1.25rem; color: #565656;} .login-page-out section .container .card-inner { position: relative; width: inherit; height: 100%; background: var(--clr); border-radius: 1.25rem; border-bottom-right-radius: 0;} .login-page-out section .container .card-inner .box { width: 100%; height: 100%; background: #fff; border-radius: 1.25rem; } .login-page-out section .container .card-inner .box .imgBox { position: relative; inset: 0; background: #FCFCFC; border-radius: 20px;} .login-page-out section .container .card-inner .box .icon { position: absolute; top: 15px;right: -6px; width: 5rem; height: 5rem; background: var(--clr); border-bottom-left-radius: 50%;} .login-page-out section .container .card-inner .box .icon:hover .iconBox { transform: scale(1.1);} .login-page-out section .container .card-inner .box .icon::before { position: absolute;content: "";top: 14px;left: -32px;background: transparent;width: 2rem;height: 2rem;border-bottom-right-radius: 1.65rem;box-shadow: 0.413rem 0.413rem 0 0.213rem #fff;rotate: 267deg;} .login-page-out section .container .card-inner .box .icon::after { position: absolute;content: "";bottom: -21px;right: 5px;background: transparent;width: 1.25rem;height: 1.25rem;border-bottom-right-radius: 1.25rem;box-shadow: 0.313rem 0.313rem 0 0.213rem var(--clr);rotate: 275deg;} .login-page-out section .container .card-inner .box .icon .iconBox { position: absolute; inset: 0.625rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: 0.3s;} .login-page-out section .container .card-inner .box .icon .iconBox span { color: #fff; font-size: 1.5rem;} .login-page-out section label input {position: absolute; left: -9999px;} .login-page-out section label input:checked + span {background-color: #d3f3f0;} .login-page-out section label input:checked + span:before {box-shadow: inset 0 0 0 0.4375em #168b80;} .login-page-out section label span {display: flex; align-items: center; padding: 0.375em 0.75em 0.375em 0.375em; border-radius: 99em; transition: 0.25s ease;} .login-page-out section label span:hover {background-color: #d3f3f0;} .login-page-out section label span:before {display: flex;flex-shrink: 0; content: ""; background-color: #fff; width: 1.5em; height: 1.5em; border-radius: 50%; margin-right: 0.375em; transition: 0.25s ease; box-shadow: inset 0 0 0 0.125em #00005c;} /*Login Page End*/ .login_right_wrapper{position: relative;} .login_right_wrapper .teal_bg{background: url(../images/teal_bg.png) no-repeat; width: 100%; height: 100%; position: absolute; left: 10%;} .login_right_wrapper .dots_top{background: url(../images/dots_cornor_top.png) no-repeat; width: 300px; height: 190px; position: absolute; top: 0; left: 0;} .login_right_wrapper .dots_btm{background: url(../images/dots_cornor_btm.png) no-repeat; width: 280px; height: 280px; position: absolute; bottom: 0; left: 0;} .login_right_wrapper .tower{background: url(../images/towers.png) no-repeat; width: 124px; height: 558px; position: absolute; bottom: 0; right: 0;} .login_right_wrapper .car_line_art{background: url(../images/car_line_art.svg) no-repeat; width: 533px; height: 170px; position: absolute; bottom: 0; right: 10%;} .forgot-password-section label{font-size: 14px;} .forgot-password-section p{font-size: 14px; margin: 5px 0 20px 0!important;} .forgot-password-section h3{font-size: 24px !important;} .backtologin{margin-top: 15px;} .curved_bg{width: 100%; position: relative; background: #002b51; border-radius: 10px 20px 20px 20px; padding: 10px 10px 0 10px; height: calc(99vh - 10px); border-bottom: 26px solid #14B8A6; } .curved_bg .icon_close{position: absolute; top: -1px; right: 0; padding: 8px 10px 10px 10px; border-radius: 0 0 0 20px; color: #ff0350; background: #F2F2F4; width: 60px; height: 50px; right: -2px;} .curved_bg .icon_close .shap-right-bottom { position: absolute; bottom: -23px; right: 1px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .curved_bg .icon_close .shap-left-top { position: absolute; top: 0px; left: -21px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .curved_bg .icon_close .shap-left-top svg { width: 24px; height: 20px;} .curved_bg .icon_close .shap-right-bottom svg { width: 24px; height: 24px;} .wrapper_left{transition: width 200ms cubic-bezier(0.4, 0, 0.6, 1), background-color 200ms cubic-bezier(0.4, 0, 0.6, 1); padding: 10px;} .side_menu_bg{width: 260px; max-width: 260px; transition: width 200ms cubic-bezier(0.4, 0, 0.6, 1), background-color 200ms cubic-bezier(0.4, 0, 0.6, 1); margin:0px 15px 0 0px; position: sticky; top: 10px;} .side_menu{width: 100%;} .menu_icon{background: url(../images/close_icon.svg) no-repeat; width: 36px; height: 36px; display: block; cursor: pointer;} .side_menu_bg.menu_slim{width:90px; transform: translateX(0px); transition: width 200ms cubic-bezier(0.4, 0, 0.6, 1), background-color 200ms cubic-bezier(0.4, 0, 0.6, 1)} .side_menu_bg.menu_slim .curved_bg .icon_close{width: 60px; padding: 10px 10px 10px 4px; display: flex; justify-content: center;} .side_menu_bg.menu_slim .menu_icon{background: url(../images/menu_icon.svg) no-repeat;} .mob_close_icon{background: url(../images/close_icon.svg) no-repeat; width: 36px; height: 36px; background-size: 36px; display: block; cursor: pointer; display: none;} .logo{padding: 4px 10px;} .logo img{width: 74%;} .mob_logo{display: none;} .menu_list{padding: 0; margin: 15px 0 0 0; position: relative; z-index: 1;} .menu_list li{/*display: flex;*/ align-items: center; margin-bottom: 5px; list-style: none;} .menu_list li a{text-decoration: none; font-weight: 400; font-size: 14px; color: #ffffff; display: block; line-height: 40px; width: 100%; padding-left: 10px; white-space: nowrap;} .menu_list li a::before{width: 20px; height: 20px; content: ''; display: inline-block; margin-right: 8px; position: relative; top: 7px;} .menu_list li.dashboard_icon a::before{background: url(../images/dashboard_icon.svg) no-repeat;} .menu_list li.inventory_icon a::before{background: url(../images/inventory_icon.svg) no-repeat;} .menu_list li.lead_icon a::before{background: url(../images/lead_icon.svg) no-repeat;} /*purchase icon class*/ .menu_list li.sellcars_icon a::before{background: url(../images/sellcars_icon.svg) no-repeat;} /*purchase icon ends*/ .menu_list li.reports_icon a::before{background: url(../images/reports_icon.svg) no-repeat;} .menu_list li.sellcar_icon a::before{background: url(../images/sellcar_icon.svg) no-repeat;} .menu_list li.sellcars_icon a::before{background: url(../images/sellcars_icon.svg) no-repeat;} .menu_list li.insurance_icon a::before{background: url(../images/insurance.svg) no-repeat; width: 17px; height: 17px; top: 3px;} .menu_list li.market_icon a::before{background: url(../images/marketplace_icon.svg) no-repeat;} .menu_list li.payments_icon a::before{background: url(../images/payments_icon.svg) no-repeat;} .menu_list li.settings_icon a::before{background: url(../images/settings_icon.svg) no-repeat;} .menu_list li.logout_icon a::before{background: url(../images/logout_icon.svg) no-repeat;} .menu_list li.inventory_icon .sub_menu .active_inv a::before, .menu_list li.lead_icon .buy_sub_menu .active_inv a::before, .menu_list li.sellcars_icon .pur_sub_menu .active_inv a::before{background: url(../images/active_inventory_g.svg) no-repeat; width: 18px; height: 18px; display: inline-block; margin-right: 8px; position: relative; top: 7px; display: none;} .menu_list li.inventory_icon .sub_menu .inactive_inv a::before, .menu_list li.lead_icon .buy_sub_menu .inactive_inv a::before, .menu_list li.sellcars_icon .pur_sub_menu .inactive_inv a::before{background: url(../images/inactive_inventory_g.svg) no-repeat; width: 18px; height: 18px; display: inline-block; margin-right: 8px; position: relative; top: 7px; display: none;} .menu_list li a:hover, .menu_list li a.active{background: linear-gradient(180deg, #2DD4BF 10%, #0F766E 87%); border-radius: 30px;} .menu_list li.dashboard_icon a:hover::before, .menu_list li.dashboard_icon a.active::before{background: url(../images/dashboard_icon_h.svg) no-repeat;} .menu_list li.inventory_icon a:hover::before, .menu_list li.inventory_icon a.active::before{background: url(../images/inventory_icon_h.svg) no-repeat;} .menu_list li.lead_icon a:hover::before, .menu_list li.lead_icon a.active::before{background: url(../images/lead_icon_h.svg) no-repeat;} .menu_list li.reports_icon a:hover::before, .menu_list li.reports_icon a.active::before{background: url(../images/reports_icon_h.svg) no-repeat;} .menu_list li.sellcar_icon a:hover::before, .menu_list li.sellcar_icon a.active::before{background: url(../images/sellcar_icon_h.svg) no-repeat;} .menu_list li.sellcars_icon a:hover::before, .menu_list li.sellcars_icon a.active::before{background: url(../images/sellcars_icon_h.svg) no-repeat;} .menu_list li.insurance_icon a:hover::before, .menu_list li.insurance_icon a.active::before{background: url(../images/insurance_white.svg) no-repeat; width: 17px; height: 17px;} .menu_list li.market_icon a:hover::before, .menu_list li.market_icon a.active::before{background: url(../images/marketplace_icon_h.svg) no-repeat;} .menu_list li.payments_icon a:hover::before, .menu_list li.payments_icon a.active::before{background: url(../images/payments_icon_h.svg) no-repeat;} .menu_list li.settings_icon a:hover::before, .menu_list li.settings_icon a.active::before{background: url(../images/settings_icon_h.svg) no-repeat;} .menu_list li.logout_icon a:hover::before, .menu_list li.logout_icon a.active::before{background: url(../images/logout_icon_h.svg) no-repeat;} .menu_list li.inventory_icon .sub_menu li a, .menu_list li.lead_icon .buy_sub_menu li a, .menu_list li.sellcars_icon .pur_sub_menu li a{border-bottom: 1px solid #002b51; line-height: 30px; margin-bottom: 0px;} .menu_list li.inventory_icon .sub_menu li a:hover, .menu_list li.lead_icon .buy_sub_menu li a:hover, .menu_list li.sellcars_icon .pur_sub_menu li a:hover{background: none; border-bottom: 1px solid #14B8A6; border-radius: 0; color: #14B8A6;} /*.menu_list li.inventory_icon .sub_menu .active_inv a:hover::before{background: url(../images/active_inventory_w.svg) no-repeat; background: none;} .menu_list li.inventory_icon .sub_menu .inactive_inv a:hover::before{background: url(../images/inactive_inventory_w.svg) no-repeat; background: none;}*/ .sub_menu, .buy_sub_menu, .pur_sub_menu{display: none;} .sub_menu.active, .buy_sub_menu.active, .pur_sub_menu.active{display: block; padding-left: 26px; margin: 5px 0;} .side_menu_bg.menu_slim .logo {height: 54px;} .side_menu_bg.menu_slim .logo img{width: 20%; display: none;} .side_menu_bg.menu_slim .menu_list li a span, .side_menu_bg.menu_slim .menu_list li.active_inv span, .side_menu_bg.menu_slim .menu_list li.inactive_inv span{display: none;} .side_menu_bg.menu_slim .menu_list li{justify-content: center;} .side_menu_bg.menu_slim .menu_list li a{width: 46px; height: 46px; line-height: 46px; text-align: center; border-radius: 4px; margin: 0 auto; background: none;} .side_menu_bg.menu_slim .menu_list li a.active, .side_menu_bg.menu_slim .menu_list li a:hover{transition: width 400ms cubic-bezier(0.4, 0, 0.6, 1), background-color 400ms cubic-bezier(0.4, 0, 0.6, 1)} .side_menu_bg.menu_slim .menu_list .sub_menu .active_inv a::before, .side_menu_bg.menu_slim .menu_list .buy_sub_menu .active_inv a::before, .side_menu_bg.menu_slim .menu_list .pur_sub_menu .active_inv a::before{background: url(../images/active_inventory_g.svg) no-repeat; width: 18px; height: 18px; display: inline-block; margin-right: 8px; position: relative; top: 7px;} .side_menu_bg.menu_slim .menu_list .sub_menu .inactive_inv a::before, .side_menu_bg.menu_slim .menu_list .buy_sub_menu .inactive_inv a::before, .side_menu_bg.menu_slim .menu_list .pur_sub_menu .inactive_inv a::before{background: url(../images/inactive_inventory_g.svg) no-repeat; width: 18px; height: 18px; display: inline-block; margin-right: 8px; position: relative; top: 7px;} .side_menu_bg.menu_slim .menu_list .sub_menu .active_inv a:hover::before, .side_menu_bg.menu_slim .menu_list .sub_menu .active_inv a:hover::before .side_menu_bg.menu_slim .menu_list .buy_sub_menu .active_inv a:hover::before, .side_menu_bg.menu_slim .menu_list .sub_menu .active_inv a:hover::before .side_menu_bg.menu_slim .menu_list .buy_sub_menu .active_inv a:hover::before .side_menu_bg.menu_slim .menu_list .pur_sub_menu .active_inv a:hover::before{background: url(../images/active_inventory_w.svg) no-repeat;} .side_menu_bg.menu_slim .menu_list ul.sub_menu li.active_inv a.active::before, .side_menu_bg.menu_slim .menu_list ul.sub_menu li.active_inv a.active::before, .side_menu_bg.menu_slim .menu_list ul.sub_menu li.inactive_inv a.active::before, .side_menu_bg.menu_slim .menu_list ul.sub_menu li.inactive_inv a.active::before, .side_menu_bg.menu_slim .menu_list ul.buy_sub_menu li.active_inv a.active::before, .side_menu_bg.menu_slim .menu_list ul.buy_sub_menu li.active_inv a.active::before, .side_menu_bg.menu_slim .menu_list ul.buy_sub_menu li.inactive_inv a.active::before, .side_menu_bg.menu_slim .menu_list ul.buy_sub_menu li.inactive_inv a.active::before, .side_menu_bg.menu_slim .menu_list ul.pur_sub_menu li.active_inv a.active::before, .side_menu_bg.menu_slim .menu_list ul.pur_sub_menu li.active_inv a.active::before, .side_menu_bg.menu_slim .menu_list ul.pur_sub_menu li.inactive_inv a.active::before, .side_menu_bg.menu_slim .menu_list ul.pur_sub_menu li.inactive_inv a.active::before {background: url(../images/active_inventory_w.svg) no-repeat;} .side_menu_bg.menu_slim .menu_list .sub_menu .inactive_inv a:hover::before, .side_menu_bg.menu_slim .menu_list .buy_sub_menu .inactive_inv a:hover::before, .side_menu_bg.menu_slim .menu_list .pur_sub_menu .inactive_inv a:hover::before{background: url(../images/inactive_inventory_w.svg) no-repeat;} .side_menu_bg.menu_slim .menu_list .sub_menu.active, .side_menu_bg.menu_slim .menu_list .buy_sub_menu.active, .side_menu_bg.menu_slim .menu_list .pur_sub_menu.active{margin-left: 0px; padding-left: 0px;} /*.side_menu_bg.menu_slim:hover{width: 290px;} .side_menu_bg.menu_slim:hover .menu_list li a span{display: block;} .side_menu_bg.menu_slim:hover .menu_list li a{width: 100%; height: auto; display: flex; align-items: center; line-height: 40px;} .side_menu_bg.menu_slim:hover .menu_list li a.active, .side_menu_bg.menu_slim:hover .menu_list li a:hover{background: linear-gradient(180deg, #2DD4BF 10%, #0F766E 87%); border-radius: 30px;} .side_menu_bg.menu_slim:hover .menu_list li a.active::before{top: 2px;} .side_menu_bg.menu_slim:hover .menu_list li a::before{top: 2px;} .side_menu_bg.menu_slim:hover .logo img{width: auto; display: block;}*/ .car_lineart{position: absolute; padding: 0 10px; bottom: 0px; left: 0; right: 0;} .car_lineart img{width: 100%;} .wrapper_right{max-width: 100%; width: 100%; padding-top: 0px !important; margin-right: 10px;} .header_top{display: flex; justify-content: space-between; position: sticky; background: #F2F2F4; top: 0px; z-index: 5; padding: 10px 0 10px 10px; align-items: center; min-height: 58px;} .header_top .mob_menu_icon{background: url(../images/menu_icon.svg) no-repeat; width: 36px; height: 36px; display: block; cursor: pointer; display: none;} button.btn_white{font-size: 13px; color: #3A3A46; font-weight: 600; background: #ffffff; border-radius: 4px; display: flex; align-items: center; box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.06);} button.btn_white:hover{background: linear-gradient(180deg, #14B8A6 17%, #168B80 84%); color: #ffffff;} button.btn_white.logout::before{content: ''; background:url(../images/log-out.svg) no-repeat; display: inline-block; width:20px; height: 20px; background-size: 20px; margin-right: 5px;} button.btn_white.logout:hover:before{background:url(../images/log-out_h.svg) no-repeat; background-size: 20px;} button.btn_white.profile::before{content: ''; background:url(../images/pro.svg) no-repeat; display: inline-block; width:18px; height: 18px; background-size: 18px; margin-right: 5px;} button.btn_white.profile:hover:before{background:url(../images/pro_h.svg) no-repeat; background-size: 18px;} button.btn_white.settings::before{content: ''; background:url(../images/settings_icon.svg) no-repeat; display: inline-block; width:18px; height: 18px; background-size: 18px; margin-right: 5px;} button.btn_white.settings:hover:before{background:url(../images/settings_icon_h.svg) no-repeat; background-size: 18px;} button.btn_white.reports::before{content: ''; background:url(../images/reports.svg) no-repeat; display: inline-block; width:18px; height: 18px; background-size: 18px; margin-right: 5px;} button.btn_white.reports:hover:before{background:url(../images/reports_h.svg) no-repeat; background-size: 18px;} button.btn_white.helpline::before{content: ''; background:url(../images/support.svg) no-repeat; display: inline-block; width:18px; height: 18px; background-size: 18px; margin-right: 5px;} button.btn_white.helpline:hover:before{background:url(../images/support_h.svg) no-repeat; background-size: 18px;} .content_wrapper{background: #ffffff; border-radius: 16px; /*padding: 0 20px 20px 20px;*/ margin: 0 0 0 0; width: 100%; padding-bottom: 15px;} .customer_live{display: flex; align-items: center; justify-content: space-between;} .hdng{font-size: 22px; font-weight: 900; color: #181818; margin: 0; display: flex; align-items: center;} .title_bar{ position: sticky; top: 58px; z-index: 4;} .title-bar-in{padding: 20px 20px 20px 20px;background: #ffffff;display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;position: relative; /*margin-left: -20px; margin-right: -20px;*/ border-radius: 16px 16px 0 0; border-bottom: 1px solid #f1f1f1; box-shadow: 0px 0px 8px 0px #eaeaea; } .title-bar-in:before { content: ""; background: #f1f1f1; width: 20px; height: 20px; /* border-radius: 20px; */ position: absolute; z-index: -1; left: 0; top: 0;} .title-bar-in:after { content: ""; background: #f1f1f1; width: 20px; height: 20px; /* border-radius: 20px; */ position: absolute; z-index: -1; right: 0; top: 0;} /*.title_bar:before{content: ""; background: red; width: 20px; height: 20px; border-radius: 20px;}*/ .btn.btn_cr{display: flex; align-items: center; background: #ffffff; border: 1px solid #14B8A6; color: #14B8A6; font-size: 14px; font-weight: 600; justify-content: space-between;} .btn.btn_cr strong{font-size: 14px; font-weight: 900; margin-left: 5px;} .btn.btn_cr:hover{background: #14B8A6; color: #ffffff;} .btn.btn_live{background: #181818; border-radius: 4px; color: #ffffff; font-size: 14px; display: flex; align-items: center; line-height: 22px; font-weight: 600;} .btn.btn_live:hover{background: #14B8A6; color: #ffffff;} .btn.btn_live strong{font-weight: 900; margin-left: 5px;} .btn.btn_live:before{content: ''; background: url(../images/live.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; display: inline-block; margin-right: 10px;} .back-icon img{position: relative; top: -2px; width: 22px;} .stock_curved_bg{width: 100%; position: relative; background: linear-gradient(180deg, #E6E7FF -54%, #FFFFFF 100%); box-shadow: 1px 5px 1px 0px rgba(0, 0, 0, 0.06); border-radius: 10px 20px 20px 20px; padding: 15px 20px 0 15px; height:170px;} .stock_curved_bg .icon_close{position: absolute; top: 0; right: 0; padding: 8px 10px 10px 10px; border-radius: 0 0 0 20px; color: #ff0350; background: #ffffff; width: 60px; height: 50px; right: -2px;} .stock_curved_bg .icon_close .shap-right-bottom { position: absolute; bottom: -24px; right: 0px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .stock_curved_bg .icon_close .shap-left-top { position: absolute; top: -2px; left: -19px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .stock_curved_bg .icon_close .shap-left-top svg { width: 24px; height: 20px;} .stock_curved_bg .icon_close .shap-right-bottom svg { width: 24px; height: 24px;} .stock_curved_bg .icon_close .stock_icon{background: #696CFF; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center;} .stock_curved_bg .icon_close .stock_icon:before{content: ''; background: url(../images/stock.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; display: inline-block;} .stock_curved_bg article{width: 49%;} .stock_curved_bg span{border-left: 1px solid #eaeaea;} .stock_curved_bg article h6, .stock_curved_bg article h5{margin-bottom: 2px;} .stock_curved_bg .title-select .form-select{height: 36px;} .ins_curved_bg{width: 100%; position: relative; background: linear-gradient(180deg, #ffe6e6 -54%, #FFFFFF 100%); box-shadow: 1px 5px 1px 0px rgba(0, 0, 0, 0.06); border-radius: 10px; padding: 15px 20px 15px 15px; min-height:50px; font-weight: bold;display: flex;align-items: center;font-size: 15px} .title-select{display: flex; justify-content: space-between; padding-right: 50px; margin-bottom: 5px; align-items: center;} .title-select h4{width: 70%;} .title-select select{width: 30%; font-size: 14px;} .cards_wrapper_v .stock_curved_bg{width: 100%; position: relative; background: linear-gradient(180deg, #E6E7FF -54%, #FFFFFF 100%); box-shadow: 1px 5px 1px 0px rgba(0, 0, 0, 0.06); border-radius: 10px 20px 20px 20px; padding: 15px 20px 0 15px; height:180px;} .buylead_curved_bg{width: 100%; position: relative; background: linear-gradient(180deg, #E0F9F7 -10%, #FFFFFF 100%); box-shadow: 0px 5px 1px 0px rgba(0, 0, 0, 0.06); border-radius: 10px 20px 20px 20px; padding: 15px 20px 0 20px; height:170px;} .buylead_curved_bg .icon_close{position: absolute; top: 0; right: 0; padding: 8px 10px 10px 10px; border-radius: 0 0 0 20px; color: #ff0350; background: #ffffff; width: 60px; height: 50px; right: -2px;} .buylead_curved_bg .icon_close .shap-right-bottom { position: absolute; bottom: -24px; right: 0px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .buylead_curved_bg .icon_close .shap-left-top { position: absolute; top: -2px; left: -19px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .buylead_curved_bg .icon_close .shap-left-top svg { width: 24px; height: 20px;} .buylead_curved_bg .icon_close .shap-right-bottom svg { width: 24px; height: 24px;} .buylead_curved_bg .icon_close .buylead_icon{background: #44AB57; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center;} .buylead_curved_bg .icon_close .buylead_icon:before{content: ''; background: url(../images/buy_car.svg) no-repeat; width: 24px; height: 24px; background-size: 24px; display: inline-block;} .cards_wrapper_v .buylead_curved_bg{width: 100%; position: relative; background: linear-gradient(180deg, #E0F9F7 -10%, #FFFFFF 100%); box-shadow: 0px 5px 1px 0px rgba(0, 0, 0, 0.06); border-radius: 10px 20px 20px 20px; padding: 15px 20px 0 20px; height:164px;} .selllead_curved_bg{width: 100%; position: relative; background: linear-gradient(180deg, #FCF2E6 -4%, #FFFFFF 100%); box-shadow: 1px 5px 1px 0px rgba(0, 0, 0, 0.06); border-radius: 10px 20px 20px 20px; padding: 15px 20px 0 15px; height:170px;} .selllead_curved_bg .icon_close{position: absolute; top: 0; right: 0; padding: 8px 10px 10px 10px; border-radius: 0 0 0 20px; color: #ff0350; background: #ffffff; width: 60px; height: 50px; right: -2px;} .selllead_curved_bg .icon_close .shap-right-bottom { position: absolute; bottom: -24px; right: 0px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .selllead_curved_bg .icon_close .shap-left-top { position: absolute; top: -2px; left: -19px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .selllead_curved_bg .icon_close .shap-left-top svg { width: 24px; height: 20px;} .selllead_curved_bg .icon_close .shap-right-bottom svg { width: 24px; height: 24px;} .selllead_curved_bg .icon_close .selllead_icon{background: #FEB557; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center;} .selllead_curved_bg .icon_close .selllead_icon:before{content: ''; background: url(../images/buy_car.svg) no-repeat; width: 24px; height: 24px; background-size: 24px; display: inline-block;} .cards_wrapper_v .selllead_curved_bg{width: 100%; position: relative; background: linear-gradient(180deg, #FCF2E6 -4%, #FFFFFF 100%); box-shadow: 1px 5px 1px 0px rgba(0, 0, 0, 0.06); border-radius: 10px 20px 20px 20px; padding: 15px 20px 0 15px; height:150px;} .mtdlead_curved_bg{width: 100%; position: relative; background: linear-gradient(180deg, #EEF8F7 -6%, #FFFFFF 100%); box-shadow: 1px 5px 1px 0px rgba(0, 0, 0, 0.06); border-radius: 10px 20px 20px 20px; padding: 15px 20px 0 15px; height:170px;} .mtdlead_curved_bg .icon_close{position: absolute; top: 0; right: 0; padding: 8px 10px 10px 10px; border-radius: 0 0 0 20px; color: #ff0350; background: #ffffff; width: 60px; height: 50px; right: -2px;} .mtdlead_curved_bg .icon_close .shap-right-bottom { position: absolute; bottom: -24px; right: 0px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .mtdlead_curved_bg .icon_close .shap-left-top { position: absolute; top: -2px; left: -19px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .mtdlead_curved_bg .icon_close .shap-left-top svg { width: 24px; height: 20px;} .mtdlead_curved_bg .icon_close .shap-right-bottom svg { width: 24px; height: 24px;} .mtdlead_curved_bg .icon_close .mtdlead_icon{background: #10A8D1; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center;} .mtdlead_curved_bg .icon_close .mtdlead_icon:before{content: ''; background: url(../images/MTD-leads.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; display: inline-block;} .cards_wrapper_v .mtdlead_curved_bg{width: 100%; position: relative; background: linear-gradient(180deg, #EEF8F7 -6%, #FFFFFF 100%); box-shadow: 1px 5px 1px 0px rgba(0, 0, 0, 0.06); border-radius: 10px 20px 20px 20px; padding: 15px 20px 0 15px; height:150px;} .cards_wrapper{display: flex; margin: 15px 0 0 0; justify-content: space-between;} .cards_wrapper .swiper-slide {width: 23% !important; margin-right: 0px !important;} .cards_wrapper .swiper-slide .cards{width: 100% !important; margin-bottom: 10px;} .cards_wrapper .cards h4{font-size: 16px; font-weight: 900; color: #181818; margin-bottom: 30px;} .cards_wrapper .cards h6{font-size: 14px; color: #525355; font-weight: 600; margin-right: 10px;} .cards_wrapper .cards h5{font-size: 14px; font-weight: 900; color: #14B8A6;} .cards_wrapper_v .swiper-slide:nth-child(1){width: 50% !important;} .cards_wrapper_v{display: block;} .cards_wrapper_v .cards .stock_curved_bg{width: 100%;} .cards_wrapper_v .cards h4{margin-bottom: 25px;} .leadsWrapper_bg .leads_wrapper{flex-wrap: wrap; justify-content: space-between; width: 100%;} .leadsWrapper_bg .leads_wrapper .lead_block{width: 23%; margin: 10px 0; min-height: 180px;} .buylead_tat{display: flex; justify-content: space-between;} .buylead_tat img{position: relative; top: -35px; opacity: 0.6; width: 260px;} .buylead_tat h6{margin-bottom: 15px;} .buylead_tat h6 strong{color: #000000;} .cards_wrapper_new .buylead_curved_bg{height: 180px;} .cards_wrapper_new .stock_curved_bg article{width: 30%;} .executive_inventories{justify-content: flex-start;} .leads_wrapper{background:#F6F8FD; border-radius: 16px; padding: 15px; display: flex; align-items: center; justify-content: space-between; margin: 20px 0 0 0;} .lead_block{background: #ffffff; border-radius: 8px; padding: 25px 10px; text-align: center; width: 13%;} .lead_block img{width: 38px;} .lead_block h4{font-size: 16px; color: #D17A10; font-weight: 900; margin: 10px 0;} .lead_block p{font-size: 14px; color: #5E5E5D; margin: 0; font-weight: 600;} .area_imprvmnts {margin: 30px 0 0 0; background: #ffffff; box-shadow: 0px 5px 1px 0px rgba(0, 0, 0, 0.06); border: 0.5px solid #E5E5E5; border-radius: 20px; padding: 20px;} .area_imprvmnts h4{font-size: 16px; color: #181818; font-weight: 900;} .area_imprvmnts ol{margin: 20px 0 0 0; padding: 0 0 0 15px;} .area_imprvmnts ol li{margin-bottom: 15px;} .area_imprvmnts ol li article{display: flex; align-items: center; justify-content: space-between; font-size: 14px;} .area_imprvmnts ol li article span{width: 70%;} button.btn_light{background: #E9FAF6; color: #158A7F; padding: 8px; width: 180px; border-radius: 4px; font-size: 14px;} button.btn_light:hover{background: #158A7F; color: #ffffff;} .quick_links{margin: 30px 0 0 0; background: #ffffff; box-shadow: 0px 5px 1px 0px rgba(0, 0, 0, 0.06); border: 0.5px solid #E5E5E5; border-radius: 20px; padding: 20px; min-height: 297px;} .quick_links h4{font-size: 16px; color: #181818; font-weight: 900;} .quick_links ul{margin: 20px 0 0 0; padding: 0 0 0 5px;} .quick_links ul li{list-style: none; font-size: 14px; margin-bottom: 25px; position: relative; padding-left: 26px; line-height: 20px;} .quick_links ul li:before{content: ''; background: url(../images/circle_tick.svg) no-repeat; background-size: 20px; width: 20px; height: 20px; position: absolute; left: 0; top: 2px;} .quick_links ul li a{color: #429CDC; text-decoration: none;} .quick_links ul li a:hover{text-decoration: underline;} .note{margin: 30px 0 0 0; background: #ffffff; box-shadow: 0px 5px 1px 0px rgba(0, 0, 0, 0.06); border: 0.5px solid #E5E5E5; border-radius: 20px; padding: 20px;} .note h4{font-size: 16px; color: #181818; font-weight: 900;} .note ul{margin: 20px 0 0 0; padding: 0 0 0 5px; display: flex; justify-content: space-between; flex-wrap: wrap;} .note ul li{list-style: none; font-size: 14px; margin-bottom: 25px; position: relative; padding-left: 26px; line-height: 20px; width: 50%; flex-wrap: nowrap;} .note ul li:before{content: ''; background: url(../images/circle_tick.svg) no-repeat; background-size: 20px; width: 20px; height: 20px; position: absolute; left: 0; top: 2px;} .note ul li a{color: #429CDC; text-decoration: none;} .note ul li a:hover{text-decoration: underline;} .dasbaord_Swiper{display: flex;} .dasbaord_Swiper .swiper-button-next, .dasbaord_Swiper .swiper-rtl .swiper-button-prev{width: 28px; height: 28px; background: #ffffff; border-radius: 50%; padding: 20px; box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.3); right:-2%; display: none;} .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{color: #0DA797; font-size: 24px !important;} .dasbaord_Swiper .swiper-button-prev, .dasbaord_Swiper .swiper-rtl .swiper-button-next{width: 28px; height: 28px; background: #ffffff; border-radius: 50%; padding: 20px; box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.3); left: -2%; display: none;} .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{color: #0DA797; font-size: 24px !important;} /*DonutChat*/ .stockGraph article{background: linear-gradient(180deg, #EFEFFF 0%, #FEFEFF 40%); box-shadow: 1px 5px 1px 0px rgba(0, 0, 0, 0.06); border-radius: 20px; padding: 20px;} .stockGraph article h4{font-size: 16px; font-weight: 900; color: #181818; margin-bottom: 30px;} .stockGraph .active{font-size: 12px;} .stockGraph .active:before{content: ''; width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: #156698; margin-right: 5px; font-weight: 400;} .stockGraph .not-shared{font-size: 12px;} .stockGraph .not-shared:before{content: ''; width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: #fdc863; margin-right: 5px; font-weight: 400;} .stockGraph .certified{font-size: 12px;} .stockGraph .certified:before{content: ''; width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: #14B8A6; margin-right: 5px; font-weight: 400;} .stockGraph .above{font-size: 12px; position: relative;} .stockGraph .above:before{content: ''; width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: #696CFF; margin-right: 5px; font-weight: 400;} svg {display: block; margin: auto;} .label {font-size: 15px; fill: black; text-anchor: middle; dominant-baseline: middle;} .label-bg {fill:#f0ebeb;} #chart { width: 100%; height: 400px;} svg {display: block; margin: 0 auto;} .tag {background-color: #fff; padding: 5px 10px; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); font-size: 12px; color: #333; opacity: 0; transition: opacity 0.3s; position: absolute;} /*sellLeadGraph*/ .sellLeadGraph article{background: linear-gradient(180deg, #FDF6EE -20%, #FAF9F9 62%); box-shadow: 1px 5px 1px 0px rgba(0, 0, 0, 0.06); border-radius: 20px; padding: 20px;} .sellLeadGraph article h4{font-size: 16px; font-weight: 900; color: #181818; margin-bottom: 30px;} .sellLeadGraph .fresh{font-size: 12px;} .sellLeadGraph .fresh:before{content: ''; width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: #156698; margin-right: 5px; font-weight: 400;} .sellLeadGraph .followup{font-size: 12px;} .sellLeadGraph .followup:before{content: ''; width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: #fdc863; margin-right: 5px; font-weight: 400;} .sellLeadGraph .booked{font-size: 12px;} .sellLeadGraph .booked:before{content: ''; width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: #14B8A6; margin-right: 5px; font-weight: 400;} .sellLeadGraph svg {display: block; margin: auto;} /*BarGraph*/ .buyLadGraph article{background: linear-gradient(180deg, #E3F9F7 -20%, #FFFFFF 62%); box-shadow: 1px 5px 1px 0px rgba(0, 0, 0, 0.06); border-radius: 20px; padding: 20px;} .buyLadGraph article h4{font-size: 16px; font-weight: 900; color: #181818; margin-bottom: 30px;} .buyLadGraph .fresh{font-size: 12px;} .buyLadGraph .fresh:before{content: ''; width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: #01497C; margin-right: 5px; font-weight: 400;} .buyLadGraph .followup{font-size: 12px;} .buyLadGraph .followup:before{content: ''; width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: #429CDC; margin-right: 5px; font-weight: 400;} .buyLadGraph .booked{font-size: 12px;} .buyLadGraph .booked:before{content: ''; width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: #8CCEFD; margin-right: 5px; font-weight: 400;} .buyLadGraph svg {display: block; margin: auto;} .tooltip {position: absolute; text-align: center; padding: 8px; font: 12px sans-serif; background: #ffffff; border: none;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 5px; pointer-events: none; opacity: 0;} .background-bar {fill: #dceffd;} .bar {cursor: pointer; margin-bottom: 20px;} .bar:hover { fill: darkblue;} .label {font-size: 15px; fill: black; text-anchor: middle; dominant-baseline: middle;} .label-bg {fill:#f0ebeb;} #chart {width: 100%; height: 400px;} .tag {background-color: #fff; padding: 5px 10px; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); font-size: 12px; color: #333; opacity: 0;transition: opacity 0.3s;position: absolute;} .axis text {font-size: 12px; fill: #333;} .axis line, .axis path {stroke: #ccc;} .tabs_listing{background: #F2F6FA; padding: 8px; display: flex; align-items: center; justify-content: flex-start; width: 72%; border-radius: 8px; position: relative;} .tabs_listing article {display: flex; align-items: center;/* margin-right: 20px;*/ padding: 8px;} .tabs_listing .close-btn {background: url(../images/close_icon_white.svg) no-repeat #181818; width: 44px; height: 44px; background-size: 24px; display: inline-block; border-radius: 0px 6px 6px 0; border: none; position: sticky; right: 0px; padding: 11px; display: flex; align-items: center; justify-content: center; text-align: center; background-position: center center;} .tabs_listing .list {display: flex; white-space: nowrap; font-size: 12px; color: #3A3A46; border: 1px solid #D8D8D8; border-radius: 30px; text-decoration: none; display: flex; align-items: center; justify-content: space-between; font-weight: 600; padding: 0 10px; background: #fafafa;} .tabs_listing .list a{text-decoration: none; color: #3A3A46;} .tabs_listing .list:hover, .tabs_listing .list.active{background: #14B8A6;} .tabs_listing .list:hover a, .tabs_listing .list.active a{color: #ffffff;} .tabs_listing .list span{background: url(../images/close_gray.svg) no-repeat; width: 14px; height: 14px; display: inline-block; margin-left: 0px; cursor: pointer;} .tabs_listing .list:hover span, .tabs_listing .list.active span{background: url(../images/close_icon_white.svg) no-repeat; background-size: 14px; width: 14px; height: 14px; display: inline-block;} .tabs_listing .tabsSwiper{width: 100%; margin: 0 0px; padding: 0px 15px;} .tabs_listing .tabsSwiper .swiper-slide{width: auto !important; margin-right: 5px;} .tabs_listing .swiper-button-next:after, .tabs_listing .swiper-rtl .swiper-button-prev:after{font-size: 16px !important;} .tabs_listing .swiper-button-prev:after, .tabs_listing .swiper-rtl .swiper-button-next:after{font-size: 16px !important;} .tabs_listing .tabsSwiper .swiper-wrapper{overflow: visible;} .tabs_listing .swiper-button-prev, .tabs_listing .tabsSwiper .swiper-rtl .swiper-button-next{left: var(--swiper-navigation-sides-offset,0px)} .tabs_listing .swiper-button-next, .tabs_listing .tabsSwiper .swiper-rtl .swiper-button-prev{right: var(--swiper-navigation-sides-offset,0px)} .search_wrapper{background: #F8FAFA; padding: 20px 0; border-radius: 6px; border: 1px solid #EAEAEA; margin: 10px 0 0 0;} .search_wrapper article{display: flex; align-items: center; padding: 0 20px; background: #F8FAFA; position: relative; z-index: 1;} .search_wrapper .vehicle_count{background: #ffffff; display: flex; align-items: center; padding: 22px 12px; margin-right: 15px; border-radius: 4px;} .search_wrapper .vehicle_count h3{font-size: 26px; color: #13AD9D; font-weight: 900; display: flex; align-items: center; margin: 0px; white-space: nowrap;} .search_wrapper .vehicle_count h3::before{content: ''; background: url(../images/vehicles.svg) no-repeat; width: 48px; height: 48px; background-size: 48px; display: inline-block;} .search_wrapper .vehicle_count h3 small{font-size: 22px; color: #666666; font-weight: 500; padding-left: 5px;} .fields_btns{display: flex; justify-content: space-between;} .search_fields{display: flex; align-items: center; /*width: 80%;*/ flex-wrap: wrap; justify-content: flex-start;} .search_fields .form-select, .form-select{ font-size:14px !important; color:#888888; background-size: 16px 16px !important; /*width: 18%;*/ width: 170px; padding: 10px; padding-right: 36px; height: 40px;} .form-control{font-size: 14px !important;} .search_fields .form-check-input{width: 18px; height: 18px; border-color: #999999;} .search_fields .form-check-input:checked{background-color: #13AD9D !important; border-color: #13AD9D !important;} .search_fields .form-check-input:focus{box-shadow: none !important;} .custom_input{/*width: 18%;*/ width: 170px;} .custom_input .form-control{padding: 10px; font-size: 14px; height: 44px;} /*.butns_group{width: 15%;}*/ .btn-outline-danger{height: 40px;} .butns_group .btn_search{background: #2369A5; color: #ffffff; border-radius: 4px; padding: 8px; display: block; width: 150px; margin-bottom: 8px; margin-top: 2px; height: 40px; font-size: 14px;} .butns_group .btn_search:hover{background: #181818; color: #ffffff;} .butns_group .btn_advncd, .btn.btn_executive{font-size: 14px; border: 1px solid #13AD9D; border-radius: 4px; color: #13AD9D; padding: 8px 6px; background: #ffffff; width: 150px; display: block; white-space: nowrap; height: 40px;} .butns_group .btn_advncd::after{content: 'Advanced Options'} .butns_group .btn_advncd.active, .btn.btn_executive.active{background: #13AD9D; color: #ffffff; border-color: #13AD9D;} .butns_group .btn_advncd.active::after{content: 'Close'} .butns_group .btn_advncd:hover, .btn.btn_executive:hover{background: #13AD9D; color: #ffffff;} .search_wrapper.active{height: 100%; transition: transform .35s ease-in-out,inline-size .35s ease-in-out,box-shadow .35s ease-in-out;} .advanced_options{opacity: 0; height: 0; transition: transform .35s ease-in-out,inline-size .35s ease-in-out,box-shadow .35s ease-in-out; transform: translateY(-50px); position: relative; z-index: -1} .advanced_options.active{opacity: 1; height: 100%; transition: transform .35s ease-in-out,inline-size .35s ease-in-out,box-shadow .35s ease-in-out; transform: translateY(0px); z-index: 0;} .advanced_options h4{font-size: 16px; font-weight: 900; color: #181818; border-top: 1px solid #EAEAEA; margin: 0px 0 10px 0; padding-top: 20px; padding-left: 20px;} .advanced_options.active h4{margin: 20px 0 10px 0;} .advanced_options .form-select{font-size:14px; color:#888888; background-size: 16px 16px; width: 18%; padding: 10px;} .butns_group .btn_reset{font-size:14px; background: none; border-color:#dc3545; color: #dc3545; border-radius: 4px; padding: 8px; display: block; width: 150px; margin-top: 2px; height: 40px;} .butns_group .btn_reset:hover{background: #dc3545; color: #ffffff;} .inventory_wrapper{background: #fafafa; border: 1px solid #EAEAEA; border-radius: 10px 10px 0 0; margin: 20px 0 0 0; padding: 15px;} .inventory_header{display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0px; background: #fafafa; padding: 10px 0; z-index: 3;} .btns_block{display: flex; align-items: center;} .btns_block button.btn, .btn.btn_add{padding: 8px 10px; border: 1px solid #13AD9D; color: #13AD9D; border-radius: 4px; font-size: 14px; display: flex; align-items: center;} .btns_block button.btn.btn_add:before, .btn.btn_add:before{content: ''; background: url(../images/add_green.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; margin-right: 5px; display: inline-block;} .btns_block button.btn.btn_add:hover, .btn.btn_add:hover{background: #038D81; color: #ffffff;} .btns_block button.btn.btn_add:hover::before, .btn.btn_add:hover::before{background: url(../images/add_white.svg) no-repeat; background-size: 18px;} .btns_block .btn.btn-blue-ghost{width: auto; justify-content: space-between;} .btns_block button.btn.btn_bulkUpload{border-color: #2369A5; color: #2369A5;} .btns_block button.btn.btn_bulkUpload:before{content: ''; background: url(../images/bulk_blue.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; margin-right: 5px; display: inline-block;} .btns_block button.btn.btn_bulkUpload:hover{background: #2369A5; color: #ffffff;} .btns_block button.btn.btn_bulkUpload:hover::before{background: url(../images/bulk_white.svg) no-repeat; } .btns_block button.btn.btn_bulkDelete{border-color: #2369A5; color: #2369A5;} .btns_block button.btn.btn_bulkDelete:before{content: ''; background: url(../images/delete_blue.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; margin-right: 5px; display: inline-block;} .btns_block button.btn.btn_bulkDelete:hover{background: #2369A5; color: #ffffff;} .btns_block button.btn.btn_bulkDelete:hover::before{background: url(../images/delete_white.svg) no-repeat; width: 18px; height: 18px; background-size: 18px;} .btns_block button.btn.btn_archived{border-color: #2369A5; color: #2369A5;} .btns_block button.btn.btn_archived:before{content: ''; background: url(../images/archive-fill.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; margin-right: 5px; display: inline-block;} .btns_block button.btn.btn_archived:hover{background: #2369A5; color: #ffffff;} .btns_block button.btn.btn_archived:hover::before{background: url(../images/archive-fill_white.svg) no-repeat; width: 18px; height: 18px; background-size: 18px;} .btns_block button.btn.btn_export{border-color: #2369A5; color: #2369A5;} .btns_block button.btn.btn_export:before{content: ''; background: url(../images/export.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; margin-right: 5px; display: inline-block;} .btns_block button.btn.btn_export:hover{background: #2369A5; color: #ffffff;} .btns_block button.btn.btn_export:hover::before{background: url(../images/export_white.svg) no-repeat; width: 18px; height: 18px; background-size: 18px;} .btns_block button.btn.download_sample{border-color: #2369A5; color: #2369A5; display: flex; align-items: center; margin: 0;} .btns_block button.btn.download_sample:before{content: ''; background: url(../images/download_blue.svg) no-repeat; width: 16px; height: 16px; background-size: 16px; margin-right: 5px; display: inline-block; top: 0px;} .btns_block button.btn.download_sample:hover{background: #2369A5; color: #ffffff;} .btns_block button.btn.download_sample:hover::before{background: url(../images/download_white.svg) no-repeat; } .btns_block button.btn.upload_new{border-color: #333333; color: #333333;} .btns_block button.btn.upload_new:before{content: ''; background: url(../images/upload_icon.svg) no-repeat; width: 14px; height: 14px; background-size: 14px; margin-right: 5px; display: inline-block;} .btns_block button.btn.upload_new:hover{background: #333333; color: #ffffff;} .btns_block button.btn.upload_new:hover::before{background: url(../images/upload_icon_white.svg) no-repeat; background-size: 14px;} .btns_block button.btn_delete_selected{border-color: #DC0707; color: #DC0707;} .btns_block button.btn_delete_selected:before{content: ''; background: url(../images/delete_red.svg) no-repeat; display: inline-block; width: 18px; height: 18px; background-size: 18px; margin-right: 5px; display: inline-block;} .btns_block button.btn_delete_selected:hover{background-color: #DC0707; color: #ffffff;} .btns_block button.btn_delete_selected:hover::before{content: ''; background: url(../images/delete_white.svg) no-repeat; display: inline-block; width: 18px; height: 18px; background-size: 18px; margin-right: 5px; display: inline-block;} .btns_block button.btn_unselect{border-color: #FA9400; color: #FA9400;} .btns_block button.btn_unselect:hover{background: #FA9400; color: #ffffff;} .btns_block button.btn_unselect::before{content: ''; width: 18px; height: 18px; border-radius: 4px; border: 1px solid #FA9400; background: #ffffff; display: inline-block; margin-right: 5px;} .count_arrows{display: flex; align-items: center;} .left_right_arrows{display: flex; align-items: center; justify-content: space-between; margin-left: 10px;} button.left_arrow{background: url(../images/Right_Arrow.svg) no-repeat; width: 24px; height: 25px; background-size: 24px; display: inline-block; border: none;} button.right_arrow{background: url(../images/Right_Arrow.svg) no-repeat; width: 24px; height: 25px; background-size: 24px; transform: rotate(180deg); display: inline-block; opacity: 1;} .inventory_table{border-radius: 8px 8px 0 0; margin: 15px 0 0 0;} .inventory_table .table_header{display: flex; align-items: center; background: #14B8A6; border-radius: 10px 10px 0 0; position: sticky; top: 60px; z-index: 1;} .insurance_wrapper .inventory_table .table_header{z-index: 0;} .insurance_wrapper .inventory_header{z-index: 0;} .inventory_table .table_header .table_td .form-check-input:checked{background-color: #2369A4; border-color: #2369A4;} .table_header .check_box .form-check-input:checked{border: 1px solid #ffffff !important;} .table_td{color: #ffffff; font-weight: 600; font-size: 16px; padding: 10px; text-align: center;} .check_box{border-radius: 8px 0 0 0;} .check_box label .form-check label{font-size: 14px;} .table_header .check_box{width: 3%; display: flex; justify-content: center; align-items: center;} .table_header .check_box .form-check-input{border-radius: 50%; width: 24px; height: 24px; margin-right: 0px;} .table_header .images{width: 18%;} .table_header .invnt_date{width: 13%;} .table_header .v_details{width: 22%;} .table_header .lead_match{width: 13%;} .table_header .listed_on{width: 10%;} .table_header .invnt_id{width: 10%;} .table_header .actions{width: 14%;} .inventory_row{display: flex; border-bottom: 1px solid #E7DBDB; padding: 10px 0;} .inventory_row:nth-child(even){background: #ffffff;} .inventory_row .check_box{width: 3%; padding: 10px;} .inventory_row .images{width: 18%; padding: 10px; text-align: center; font-weight: 600;} .inventory_row .invnt_date{width: 13%; padding: 10px;} .inventory_row .v_details{width: 22%; padding: 10px;} .inventory_row .lead_match{width: 13%; padding: 10px;} .inventory_row .listed_on{width: 10%; padding: 10px; text-align: center;} .inventory_row .invnt_id{width: 10%; padding: 10px;} .inventory_row .actions{width: 14%; padding: 10px; display: flex; flex-direction: column; align-items: center;} .inventory_row .check_box .form-check-input{border-radius: 50%; width: 24px; height: 24px; border-color: #cccccc;} .inventory_row .check_box .form-check-input:checked{background-color: #038D81; border-color: #038D81;} .inventory_row .check_box .form-check-input:focus{box-shadow: none;} .inventory_row .images .bulk_img{border-radius: 6px; border:1px solid #038D81; margin-bottom: 5px; width: auto; height: auto; margin: auto;} .inventory_row .images img{width: 100%; /*height: 174px;*/ height: auto !important; border-radius: 6px;} .inventory_row .images h5{font-size: 14px;} .added_date{background: #F3F3F3; border-radius: 2px; color: #038D81; font-size: 14px; display: flex; align-items: center; padding: 5px; white-space: nowrap;} .added_date img{margin-right: 5px;} .invnt_date h4{font-size: 14px; color: #3A3A3A; white-space: normal; letter-spacing: -0.5px; word-break: break-word; font-weight: 600;} .invnt_date h4 small{font-size: 12px; font-weight: 400;} .details_table{border-radius: 8px 8px 0 0; border: 1px solid #DDE7EE;} .details_table h3{font-size: 16px; font-weight: 900; color: #181818; padding: 10px; margin: 0px;} .details_table article{display: flex; align-items: center; padding: 10px 10px; justify-content: space-between; border-bottom: 1px solid #DDE7EE;} .details_table article img{margin-right: 3px;} .details_table article span{font-size: 14px; font-weight: normal; color: #4A4A4A;} .details_table article strong{font-size: 14px; color: #181818;} .details_table article.selling_price{background: #E7FFFA; color: #13AD9D; font-weight: 14px;} .details_table article.selling_price .price_text{color: #14B8A6; font-size: 16px; } button.btn_price{background: #14B8A6; font-weight: 600; color: #ffffff; border-radius: 4px; padding: 5px; font-size: 14px; white-space: nowrap;} button.btn_price:hover{background: #181818; color: #ffffff;} .details_table article.footer_td{background: #F3F3F3;} .details_table article:last-child{border: none;} .buyer_leads{border-radius: 6px; font-size: 14px; color: #2369A5; border:1px solid #2369A5; padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; background: #ffffff; width: 100%; white-space: nowrap;} .buyer_leads strong{font-size: 14px; font-weight: normal.invnt_id h5;} .buyer_leads:hover{background: #14B8A6; color: #ffffff;} .seller_leads{border-radius: 6px; font-size: 14px; color: #2369A5; border:1px solid #2369A5; padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; background: #ffffff; width: 100%; white-space: nowrap;} .seller_leads strong{font-size: 14px; font-weight: normal;} .seller_leads:hover{background: #2369A5; color: #ffffff;} .listed_on a{color: #181818; font-weight: 500; font-size: 14px;} .listed_on a:hover{color: #038D81;} .invnt_id h5{color: #3A3A3A; font-size: 14px; text-align: center;} .invnt_id h5 strong{font-size: 14px;} .invnt_id h6{color: #3A3A3A; font-size: 14px; text-align: center; line-height: 20px;} .invnt_id h6 small{color: #2369A5; font-size: 14px; .details_table article.selling_price .price_text} .actions .btn{margin-bottom: 10px; white-space: nowrap; font-size: 14px !important; justify-content: flex-start; font-weight: normal !important;} .actions .btn-edit, button.btn.btn-edit{font-size: 14px; font-weight: 600; background: #EAFFEE; border-radius: 4px; color: #44AB57; border: 1px solid #44AB57; padding: 5px 10px; width: 100%; display: flex; align-items: center;} .actions .btn-edit::before, button.btn.btn-edit::before{content: ''; background: url(../images/edit_icon.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; display: inline-block; margin-right: 5px;} .actions .btn-end, button.btn.btn-end{font-size: 14px; font-weight: 600; background: #eaf1ff; border-radius: 4px; color: #058aef; border: 1px solid #058aef; padding: 5px 10px; width: 100%; display: flex; align-items: center;} .actions .btn-end::before, button.btn.btn-end::before{content: ''; background: url(../images/end-list-blue.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; display: inline-block; margin-right: 5px;} .actions .btn-del, button.btn.btn-del{font-size: 14px; font-weight: 600; background: #FFE9E5; border-radius: 4px; color: #DC0707; border: 1px solid #DC0707; padding: 5px 10px; width: 100%; display: flex; align-items: center;} .actions .btn-del::before, button.btn.btn-del::before{content: ''; background: url(../images/delete_red.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; display: inline-block; margin-right: 5px;} .actions .report_btn, button.btn.report_btn{font-size: 14px; font-weight: 600; background: #FFE9E5; border-radius: 4px; color: #DC0707; border: 1px solid #DC0707; padding: 5px 10px; width: 100%; display: flex; align-items: center;} .actions .report_btn::before, button.btn.report_btn::before{content: ''; background: url(../images/report.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; display: inline-block; margin-right: 5px;} .actions .viewcar_btn, button.btn.viewcar_btn{font-size: 14px; font-weight: 600; background: #f5faff; letter-spacing: -0.5px; border-radius: 4px; color: #2369A5; border: 1px solid #2369A5; padding: 5px 10px; width: 100%; display: flex; align-items: center;} .actions .viewcar_btn::before, button.btn.viewcar_btn::before{content: ''; background: url(../images/car_icon.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; display: inline-block; margin-right: 5px;} .actions .pdfreport_btn, button.btn.pdfreport_btn{font-size: 14px; font-weight: 600; background: #f5faff; letter-spacing: -0.5px; border-radius: 4px; color: #2369A5; border: 1px solid #2369A5; padding: 5px 10px; width: 100%; display: flex; align-items: center;} .actions .pdfreport_btn::before, button.btn.pdfreport_btn::before{content: ''; background: url(../images/download_blue.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; display: inline-block; margin-right: 5px;} .actions .btn-km{font-size: 14px; font-weight: 600; background: #E8F6FF; border-radius: 4px; color: #01497C; border: 1px solid #01497C; padding: 5px 10px; width: 100%; display: flex; align-items: center;} .actions .btn-km::before{content: ''; background: url(../images/remark.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; display: inline-block; margin-right: 5px;} .actions .btn-spcific{font-size: 14px; font-weight: 600; background: #2369A5; border-radius: 4px; color: #ffffff; border: 1px solid #2369A5; padding: 5px 10px; width: 100%; display: flex; align-items: center; letter-spacing: -0.5px;} .actions .btn-spcific::before{content: ''; background: url(../images/download_white.svg) no-repeat; width: 14px; height: 14px; background-size: 14px; display: inline-block; margin-right: 5px;} .actions .btn-archive-buylead{font-size: 14px; font-weight: 600; background: #E8F6FF; border-radius: 4px; color: #01497C; border: 1px solid #01497C; padding: 5px 10px; width: auto; display: flex; align-items: center;} .actions .btn-archive-buylead::before{content: ''; background: url(../images/archive-fill.svg) no-repeat; width: 18px; height: 18px; background-size: 18px; display: inline-block; margin-right: 5px;} .actions .btn-edit:hover, button.btn.btn-edit:hover{background: #44AB57; color: #ffffff;} .actions .btn-edit:hover::before, button.btn.btn-edit:hover::before{background: url(../images/edit_icon_white.svg) no-repeat; width: 18px; height: 18px; background-size: 18px;} .actions .btn-end:hover, button.btn.btn-end:hover{background: #058aef; color: #ffffff;} .actions .btn-end:hover::before, button.btn.btn-end:hover::before{background: url(../images/end-list-white.svg) no-repeat; width: 18px; height: 18px; background-size: 18px;} .actions .btn-del:hover, button.btn.btn-del:hover{background: #DC0707; color: #ffffff;} .actions .btn-del:hover::before, button.btn.btn-del:hover::before{background: url(../images/delete_white.svg) no-repeat; width: 18px; height: 18px; background-size: 18px;} .actions .report_btn:hover, button.btn.report_btn:hover{background: #DC0707; color: #ffffff;} .actions .report_btn:hover::before, button.btn.report_btn:hover::before{background: url(../images/report_h.svg) no-repeat; width: 18px; height: 18px; background-size: 18px;} .actions .viewcar_btn:hover, button.btn.viewcar_btn:hover{background: #2369A5; color: #ffffff;} .actions .viewcar_btn:hover::before, button.btn.viewcar_btn:hover::before{background: url(../images/car_icon_white.svg) no-repeat; width: 18px; height: 18px; background-size: 18px;} .actions .pdfreport_btn:hover, button.btn.pdfreport_btn:hover{background: #2369A5; color: #ffffff;} .actions .pdfreport_btn:hover::before, button.btn.pdfreport_btn:hover::before{background: url(../images/download_white.svg) no-repeat; width: 18px; height: 18px; background-size: 18px;} .actions .btn-km:hover{background: #01497C; color: #ffffff;} .actions .btn-km:hover::before{background: url(../images/remark_white.svg) no-repeat; width: 16px; height: 16px; background-size: 16px;} .actions .btn-spcific:hover{background: #038D81; color: #ffffff;} .actions .btn-archive-buylead:hover{background: #01497C; color: #ffffff;} .actions .btn-archive-buylead:hover::before{background: url(../images/archive-fill_white.svg) no-repeat; width: 16px; height: 16px; background-size: 16px;} .inventory_row .actions .btn{padding: 5px 5px 5px 10px; width: 130px; margin: 0 auto; margin-bottom: 10px;} .my_buy_leads_wrap .inventory_row .actions .btn.btn-archive-buylead{/*width: auto;*/} .actions .btn:before{background-size: 16px; width: 16px; height: 16px; /*margin-right: 0px;*/} .my_buy_leads .inventory_row .actions .btn{width: 160px;} .report_msg{font-size: 14px;} .buylead_matches .inventory_table .table_header{top: 0;} .btn_delete_selected{} .bulk_img .swiper-button-prev:after, .bulk_img .swiper-rtl .swiper-button-next:after{color: #ffffff;} .bulk_img .swiper-button-next:after, .bulk_img .swiper-rtl .swiper-button-prev:after{color: #ffffff} .bulk_img .swiper-backface-hidden .swiper-slide{width: 100% !important;} .price_guide_popup .modal-dialog{width: 600px; max-width: 600px;} .row_header{display: flex; align-items: center; background: #F6FDFD; border-radius: 8px 8px 0 0; padding: 15px 10px; justify-content: space-between;} .row_header h3{margin: 0; font-size: 14px; text-align: center; font-weight: 600; width: 50%;} .column_block{display: flex; align-items: center; justify-content: space-between;} .column_block p{font-size: 14px; color: #3A3A3A; width: 50%; text-align: center; margin: 10px 0;} .price_guide_popup article{border: 1px solid #E5F4FF; border-radius: 8px 8px 0 0; margin-bottom: 15px;} .price_guide_popup p{font-size: 14px; color: #181818;} .modal-dialog .modal-header{padding: 12px 15px;} .modal-dialog .modal-header h5, .modal-dialog .modal-header h3{margin-bottom: 0; font-size: 1.25rem;} .modal-dialog .modal-content{border: 0;} .modal-header .modal-title{font-weight: 900; font-size: 18px !important;} .modal-body h4{font-size: 16px; margin-bottom: 15px;} .modal-header{background: #16AD9E; color: #ffffff;} .modal-header .btn-close{background: url(../images/close_icon_white.svg) no-repeat;} .modal-header .btn-close:hover{opacity: 1;} .modal-backdrop{opacity: 0.7 !important;} .delete_inventory_popup .modal-dialog{width: 600px; max-width: 600px;} .delete_inventory_popup .modal-body h4{font-weight: 600;} .delete_inventory_popup article{display: flex; flex-wrap: wrap;} .delete_inventory_popup .form-check{width: 50%; font-size: 14px; min-height: 2rem !important; display: flex; align-items: center;} .delete_inventory_popup .form-check .form-check-input, .form-check .form-check-input{width: 18px; height: 18px; margin-right: 5px; border-color: #16AD9E;} .delete_inventory_popup .form-check .form-check-input:checked, .form-check-input:checked{background-color: #12A999 !important; border-color: #12A999 !important;} .delete_inventory_popup .form-check .form-check-input:focus, .form-check .form-check-input:focus{box-shadow: none;} .form-check {padding-left: 0px !important;} .form-check .form-check-input{margin-left: 0 !important;} .modal-dialog .modal-footer{display: flex; align-items: center; justify-content: space-between;} .modal-dialog .modal-footer .btn{background: transparent; color: #16AD9E; font-size: 14px; width: 30%; border-radius: 4px; padding: 8px; font-weight: 600;} .modal-dialog .modal-footer .btn.btn-secondary{border-color: #2369A5; color: #2369A5;} .modal-dialog .modal-footer .btn.btn-secondary:hover{background: #2369A5; color: #ffffff;} .modal-dialog .modal-footer .btn.btn-primary{border-color: #16AD9E; color: #16AD9E;} .modal-dialog .modal-footer .btn.btn-primary:hover{background: #16AD9E; color: #ffffff;} .customer_rating_popup .modal-dialog{width: 800px; max-width: 800px;} .customer_rating_popup article{border-radius: 8px 8px 0 0;} .customer_rating_popup table{border-radius: 8px 8px 0 0; font-size: 14px;} .customer_rating_popup table thead tr th{background: #e0f9f7;} .customer_rating_popup table thead tr th:first-child{border-radius: 8px 0 0 0;} .customer_rating_popup table thead tr th:last-child{border-radius: 0 8px 0 0;} .search_wrapper article{display: flex; justify-content: space-between;} .insurance_expiry_popup h6{line-height: 22px; margin: 10px 0 20px 0;} .insurance_expiry_popup h6 strong{color: #FA9400;} .insurance_expiry_popup .modal-content .modal-body .table_bg{max-height: 188px; overflow: auto;} .insurance_expiry_popup .modal-content .modal-body .table_bg table.table{border: 1px solid #E5F4FF; margin: 0px;} .insurance_expiry_popup .modal-content .modal-body .table_bg table.table tr th{font-size: 14px; text-align: center; background: #F6FDFD; text-align: center; vertical-align: middle;} .insurance_expiry_popup .modal-content .modal-body .table_bg table.table tr td{font-size: 12px; text-align: center; vertical-align: middle; padding: 5px 5px;} .btn.btn_renew{border: 1px solid #14B8A6; border-radius: 4px; color: #14B8A6; font-size: 12px; padding: 3px 10px;} .btn.btn_renew:hover{background: #14B8A6; color: #ffffff;} .btns_cv{display: flex; align-items: center; justify-content: space-between; padding-top: 15px;} .btns_cv .btn.btn_close{border: 1px solid #FA9400; color: #FA9400; font-size: 14px; padding: 5px 20px; border-radius: 4px;} .btns_cv .btn.btn_close:hover{background: #FA9400; color: #ffffff;} .btns_cv .btn.btn_view{border: 1px solid #14B8A6; color: #ffffff; background: #14B8A6; font-size: 14px; padding: 5px 20px; border-radius: 4px;} .btns_cv .btn.btn_view:hover{background: #002B51; color: #ffffff; border-color: #002B51;} .insurance_expiry_popup .btns_cv{justify-content: center;} .insurance_expiry_popup .btns_cv .btn.btn_view{/*padding: 5px 40px;*/ font-weight: bold;} /*slider Lightbox*/ .item-slick.slick-slide.slick-current.slick-active {outline: none !important;} .slider-for img {width: 100%; min-height: 100%;} .slider-nav {margin: auto;} .slider-nav .item-slick { max-width: 240px; margin-right: 15px; outline: none !important; cursor: pointer;} .slider-nav .item-slick img {max-width: 100%; background-size: cover; background-position: center;} .slick-arrow { position: absolute; top: 50%; z-index: 50; margin-top: -12px;} .slick-prev { left: 0;} .slick-next { right: 0;} /* Slider */ .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus{ outline: none;} .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{ position: absolute; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;} .slick-track:before,.slick-track:after{display: table; content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none; float: left; height: 100%;} [dir='rtl'] .slick-slide{ float: right;} .slick-slide img{ display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{ pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden { display: none;} /*ListingCard start*/ .listing_card_wrapper{display: none;} .listing_card_wrapper .btns_block{display: flex; width: 100%; justify-content: space-between;} .listing_card_wrapper article{display: flex; justify-content: space-between;} .listing_card_wrapper .btns_block .btn{font-size: 14px; padding: 5px 10px;} .listing_card_wrapper .btn.btn_filters{border: 1px solid #181818; border-radius: 4px; display: flex; align-items: center; padding: 5px 10px; color: #181818;} .listing_card_wrapper .btn.btn_filters::before{content: ''; background: url(../images/filter_icon.svg) no-repeat; background-size: 18px; width: 18px; height: 18px; display: inline-block; margin-right: 5px;} .listing_card{margin: 20px 0 0 0; border-radius: 6px; border: 1px solid #CBDEDC; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2); position: relative;} .listing_card .card_title{font-size: 16px; color: #ffffff; font-weight: 900; padding: 10px; border-radius: 6px 6px 0 0; background: #14B8A6;} .card_body{padding: 12px; display: flex; flex-wrap: wrap;} .card_body h5{font-size: 14px; font-weight: 600; text-align: center; margin: 5px 0 0 0;} .card_details{padding: 0 0 0 15px;} .bulk_img{border-radius: 6px;} .bulk_img img{border-radius: 6px;} .card_details article{border-bottom: 1px solid #DDE7EE; font-size: 14px; padding: 8px 0;} .card_details article span{display: flex; align-items: center;} .card_details article span img{margin-right: 3px; margin-bottom: 9px;} .card_details article:last-child{border-bottom: 0px;} .card_details article .price{font-weight: 900; font-size: 16px; color: #3A3A3A;} .card_details article .btn_price{background: #2369A5; padding: 3px 8px;} .card_body .date_block{display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 10px 0 0 0;} .card_body .date_block .col-6:nth-child(2){margin-left: 10px;} .card_body .added_date{width: 97%; display: flex; align-items: center; padding: 8px 10px; margin: 0;} .card_body .date_block .col-6:nth-child(2) .added_date{width: 97%;} .card_body .added_date h4 span{color: #13AD9D; font-weight: 600;} .card_body .added_date h4 {font-weight: 900; color: #181818; font-size: 16px; margin: 0;} .card_body .lead_match{display: flex; align-items: center; justify-content: space-between; margin: 15px 0 0 0; width: 100%;} .card_body .lead_match .buyer_leads{width: 98%; display: flex; font-size: 16px; margin: 0; padding: 5px 10px;} .card_body .lead_match .buyer_leads strong{font-size: 18px;} .card_body .lead_match .seller_leads{width: 98%; display: flex; font-size: 16px; margin: 0; padding: 5px 10px;} .card_body .lead_match .seller_leads strong{font-size: 18px;} .listing_card .card_footer{display: flex; background: #F2F6FA; padding: 10px 10px; border-radius: 0 0 6px 6px;} .listing_card .card_footer button.btn_white{border-radius: 50%; width: 32px; height: 32px; padding: 0; display: flex; align-items: center; justify-content: center; border: none;} .listing_card .card_footer button.btn_white.btn_end{background: #ffffff;} .card_footer button.btn_white:active{border: 0;} .card_footer button.btn_white.edit::before{content: ''; background: url(../images/edit_icon.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.delete::before{content: ''; background: url(../images/delete_red.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.km_remark::before{content: ''; background: url(../images/remark.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.download::before{content: ''; background: url(../images/download_green.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.share::before{content: ''; background: url(../images/share.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.whatsapp::before{content: ''; background: url(../images/whatsapp_green.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.archive-buylead::before{content: ''; background: url(../images/archive-fill.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.btn_export::before{content: ''; background: url(../images/export.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.btn_end::before{content: ''; background: url(../images/end-list-blue.svg) no-repeat; background-size: 18px; width: 18px; height: 18px; margin-right: 0px;} /*.card_footer button.btn.btn-end::before*/ .card_footer button.btn_white.edit:hover::before{content: ''; background: url(../images/edit_icon_white.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.delete:hover::before{content: ''; background: url(../images/delete_white.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.km_remark:hover::before{content: ''; background: url(../images/remark_white.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.download:hover::before{content: ''; background: url(../images/download_white.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.share:hover::before{content: ''; background: url(../images/share_white.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.whatsapp:hover::before{content: ''; background: url(../images/whatsapp_white.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.archive-buylead:hover::before{content: ''; background: url(../images/archive-fill_white.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.btn_export:hover::before{content: ''; background: url(../images/export_white.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .card_footer button.btn_white.btn_end:hover::before{content: ''; background: url(../images/end-list-white.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} /*.hot{font-size: 12px; background: #F45905; padding: 3px 10px; border-radius: 20px; color: #ffffff; position: absolute; top: 8px; right: 5px; border: 2px solid #ffffff;} .very-hot{font-size: 12px; background: #ED0404; padding: 3px 10px; border-radius: 20px; color: #ffffff; position: absolute; top: 8px; right: 5px; border: 2px solid #ffffff;} .warm{font-size: 12px; background: #44AB57; padding: 3px 10px; border-radius: 20px; color: #ffffff; position: absolute; top: 8px; right: 5px; border: 2px solid #ffffff;}*/ .ribbon { font-size: 12px; font-weight: bold; color: #fff; } .ribbon { --f: .5em; /* control the folded part */ position: absolute; top: 0; right: 0; line-height: 1.8; padding-inline: 1lh; padding-bottom: var(--f); border-image: conic-gradient(#0008 0 0) 51%/var(--f); clip-path: polygon( 100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px)); transform: translate(calc((1 - cos(45deg))*100%), -100%) rotate(45deg); transform-origin: 0% 100%; background-color: #f44336; } .ribbon.rbn-warm{background-color: #44AB57;} .ribbon.rbn-veryhot{background-color: #ED0404;} /*Inventory __ Viewing Inventory start*/ .inventry_view_outer{background:#FAFAFA; border:1px solid #E5E1E1; /*border-radius:10px; margin-top: 20px;*/ min-height: 200px; font-size: 14px; height: 82vh; overflow-y: scroll; overflow-x: hidden;} .inventry_view_outer .accordion-header{position: relative;} .inventry_view_outer .accordion-item {margin-bottom: 10px; border-radius: 10px !important;border: 1px solid #E4E6E8 !important;} .inventry_view_outer .accordion-item .accordion-button.collapsed{ background-color: #F7FCFF; border-radius: 10px !important; color: #181818;} .inventry_view_outer .accordion-item .accordion-button{ background-color: #13ad9d; border-radius: 10px 10px 0 0px !important; font-size: 16px; font-weight: 600; color: #ffffff; height: 45px;} :focus {outline: 0 !important;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;} .inventry_view_outer .form-control, .inventry_view_outer .form-select{border-radius: 6px; background-color: #FAFAFA;border: 0.5px solid #D4D2D2;padding: 10px 30px 10px 10px; font-size: 14px; height: 38px !important;} .inventry_view_outer h3{font-size: 14px;font-weight: bold;line-height: normal;color: #2369A5;} .inventry_view_outer .sign-in-btn{border-radius: 6px;background: linear-gradient(180deg, #2DD4BF 10%, #0F766E 87%); box-shadow: 6px 6px 40px 0px rgba(0, 0, 0, 0.2);height: 48px; border: none; width: 100%; color: #ffffff; font-weight: 700;font-size: 16px;transition: 0.3s;} .accordion-button::after{background-image: url("../images/plus-icon.svg") !important;width: 17px !important; height: 17px !important; background-size: 100% !important;} .accordion-button:not(.collapsed)::after{background-image: url("../images/minus-icon.svg") !important; height: 3px !important;} .accordion-body{position: relative;} .accordion-body .card{border: 1px solid #ccefed !important;} .inventry_view_outer .edit-icon{position: absolute; top: 5px; right: 10px;} .inventry_view_outer .side-accordion{display: flex; flex-wrap: wrap;} .inventry_view_outer .side-accordion .accordion-item{width: calc(50% - 20px); margin-right: 10px; margin-left: 10px; height: fit-content;} .inventry_view_outer .accordion-item .accordion-button.collapsed .btn-circle{display: none;} .inventry_view_outer .btn-circle{padding: 3px 10px; text-align: center;background: #ffffff;margin-left: 10px;display: flex; align-items: center; justify-content: center; position: absolute; top: -34px; right: 48px; z-index: 3; font-size: 12px; text-decoration: none; text-transform: uppercase; border-radius: 4px;} .inventry_view_outer .btn-circle::before{content: 'Edit'; color: #13ad9d; /*background: url(../images/edit-icon.svg) no-repeat; background-size: 14px; width: 14px; height: 14px;*/ display: inline-block; cursor: pointer;} .inventry_view_outer .btn-circle.active::before{content: 'Back';/* background: url(../images/save.svg) no-repeat; background-size: 14px; width: 14px; height: 14px;*/ display: inline-block;} .inventry_view_outer label input { position: absolute;left: -9999px;} .inventry_view_outer label input:checked + span { background-color: #d3f3f0;} .inventry_view_outer label input:checked + span:before { box-shadow: inset 0 0 0 0.4375em #168b80;} .inventry_view_outer label span { display: flex; align-items: center; padding: 0.375em 0.75em 0.375em 0.375em; border-radius: 99em; transition: 0.25s ease;} .inventry_view_outer label span:hover { background-color: #d3f3f0;} .inventry_view_outer label span:before { display: flex; flex-shrink: 0; content: ""; background-color: #fff; width: 1.5em; height: 1.5em; border-radius: 50%; margin-right: 0.375em; transition: 0.25s ease; box-shadow: inset 0 0 0 0.125em #00005c;} html:has(.modal.show) { overflow-y: hidden;} .accordion-body .normal_list.active{display: none;} .accordion-body .edit_list{display: none;} .accordion-body .edit_list.active{display: block;} .accordion-body .edit_list .row{padding-top: 5px; padding-bottom: 5px;} .accordion-body .edit_list .row select.form-select, input.form-control{height: 40px; font-size: 14px; padding: 5px 10px;} .accordion-body .edit_list .row:nth-child(even){background: #f9f9f9;} input.date-formcontrol{padding: 10px !important;} .w-35{width: 35% !important;} .w-65{width: 65% !important;} table.table{margin-top: 15px;} table.table thead tr th{background: #fafafa; border-color: #eaeaea; text-align: center;} table.table tbody tr td{text-align: left;} button.btn.btn-edit, button.btn.btn-del{width: auto; margin: 0 auto;} button.btn.btn-edit::before, button.btn.btn-del::before{margin-right: 0px;} .hdr_strip{background: #F7FCFF; display: flex; padding: 8px 10px; justify-content: space-between; align-items: center; margin-bottom: 10px;} .hdr_strip h4{margin: 0; padding: 0;} .mobile-inv-sub{display: flex; align-items: center;} .mobile-inv-sub .form-check{display: flex; flex-direction: row-reverse; justify-content: flex-end;} .mobile-inv-sub .form-check input[type=checkbox]{margin-left: 5px;} .accordion-item .form-check-input:checked{background-color: #13ad9d; border-color: #13ad9d;} .title_hdr{display: flex; align-items: center; background: #fafafa; justify-content: space-between; padding: 10px 10px; border-bottom: 1px solid #eaeaea;} .title_hdr h4{margin: 0;} .manage_states .col-md-3{background: #F7FCFF; display: flex; align-items: center;} .manage_states .col-md-3 article{padding: 5px 10px;} .manage_states .col-md-3 article .form-check{margin-bottom: 8px; font-weight: bold; display: flex; align-items: center;} .manage_states .col-md-3 article .form-check label{padding-left: 5px;} .manage_states .col-md-9{display: flex; align-items: center;} .mdmb.active, .manage_executive.active, .manage_evaluator.active{display: none;} .mdmb, .manage_executive, .manage_evaluator{display: block;} .manage_executive .table_bg table.table tbody tr td{text-align: center;} .manage_evaluator .table_bg table tr td{text-align: center;} .vehicle_details, .executive_adng, .evaluator_adng{display: none !important;} .vehicle_details.active, .executive_adng.active, .evaluator_adng.active{display: flex !important; justify-content: left;} .btn.btn_back{border: none;} .btn.btn_back:hover, .view:hover{border: none;} .manage_states a{padding: 0 5px;} .manage_states a:hover{color: #2369A5;} .view_log table{border: 1px solid #eaeaea;} .view_log{display: none !important;} .view_log.active{display: flex !important;} .m_state_city.active{display: none;} .m_state_city{display: block;} .btn.vl_btn, .btn.pv_btn{color: #13ad9d; text-decoration: underline; border: none;} .btn.vl_btn:hover, .btn.pv_btn:hover{color: #2369A5;} /*Inventory __ Viewing Inventory end*/ /*Inventory __ Add Inventory start*/ .add_inventory_out{background:#FAFAFA; border:1px solid #E5E1E1; border-radius:10px; margin-top: 20px; margin: 15px 15px 0 15px; min-height: 200px; font-size: 14px;} .add_inventory_out .tabs-left {border-bottom: none; padding-top: 2px; border-right: 1px solid #ddd;} .add_inventory_out .tabs-left>li { float: none; margin-bottom: 2px; margin-right: -1px;} .add_inventory_out .tabs-left>li.active>a, .add_inventory_out .tabs-left>li.active>a:hover, .add_inventory_out .tabs-left>li.active>a:focus { border-bottom-color: #ddd; border-right-color: transparent;} .add_inventory_out .tabs-left>li>a { border-radius: 4px 0 0 4px; margin-right: 0; display:block;} .add_inventory_out #myTab, .source_wraper #myTab{background: #ffffff; border-radius: 10px 0 0 10px; height: 100%;} .add_inventory_out #myTab .nav-link, .source_wraper #myTab .nav-link{padding: 15px;border-left:4px solid #ffffff; font-weight: 600;color: #646060; border-bottom: 0.5px solid #EDEDED; border-right: 0.5px solid #EDEDED; border-radius: 0; display: flex; align-items:center; justify-content:space-between; font-size: 14px;} .add_inventory_out #myTab .nav-link.active, .source_wraper #myTab .nav-link.active{background: #FAFAFA;border-right: 0.5px solid #FAFAFA; color: #00857A; border-left:4px solid #00857A;} .add_inventory_out #myTab .nav-link:first-child.active, .source_wraper #myTab .nav-link:first-child.active{border-radius: 10px 0 0 0;} .add_inventory_out .tab-content, .sub_view .tab-content{ padding: 15px 15px 15px 0;} .add_inventory_out .tab-pane { display: none;} .add_inventory_out .tab-pane.active { display: block;} .add_inventory_out .tabs-inner{border-radius: 10px; /*border: 0.5px solid #E4E6E8;*/} .add_inventory_out .form-title{border-bottom: 0.5px solid #E4E6E8; font-size: 16px;font-weight: bold;line-height: normal; border-radius: 8px 8px 0px 0px;opacity: 1;background: #F6FDFD;box-sizing: border-box;height: 42px; color: #181818;padding: 10px 15px; display: flex; justify-content: space-between; align-items: center;} .add_inventory_out .form-outer{padding: 15px; position: relative;} .add_inventory_out .form-outer .col-md-6{white-space: pre-wrap;} .mand-text{font-size: 11px; color: #ff0000; font-weight: 400;} .add_inventory_out .form-control, .add_inventory_out .form-select{border-radius: 6px; background-color: #FAFAFA;border: 0.5px solid #D4D2D2;padding: 10px; font-size: 14px;} .add_inventory_out .form-select{ /*color: #9E9E9E;*/ padding-right: 30px;} .add_inventory_out h3{font-size: 14px;font-weight: bold;line-height: normal;color: #2369A5; margin: 10px 0 30px; text-transform: uppercase;} .purchase_mngmnt_details h3{margin-bottom: 10px;} .add_inventory_out .green-text{text-decoration: none; color: #00857A; font-weight: bold; font-size: 12px;} .add_inventory_out input[type=checkbox] { position: relative;background: #FAFAFA;border: 0.5px solid #D4D2D2;border-radius: 4px;cursor: pointer;line-height: 0;margin: 0 .6em 0 0;outline: 0;padding: 0 !important;vertical-align: text-top;height: 24px !important;width: 24px;-webkit-appearance: none; opacity: 1;} .add_inventory_out input[type=checkbox]:hover { opacity: 1;} .add_inventory_out input[type=checkbox]:checked { background-color: #14B8A6; opacity: 1; border-color: #14B8A6} .add_inventory_out input[type=checkbox]:before { content: ''; position: absolute; right: 50%; top: 50%; width: 5px; height: 11px; border: solid #FAFAFA; border-width: 0 2px 2px 0; margin: -1px -1px 0 -1px; transform: rotate(45deg) translate(-50%, -50%); z-index: 2;} .add_inventory_out .btn-green, .btn.btn-green, .btn-green, .upload_img_popup .btn-green{border-radius: 6px; background: #13AD9D;align-items: center;padding: 5px 20px; border: none; color: #ffffff; font-weight: bold;min-width: 117px;height: 37px; white-space: nowrap;} .btn-green-delete-yes{border-radius: 3px; background: #13AD9D;align-items: center;padding: 5px 20px; border: none; color: #ffffff; font-weight: bold; width: 150px;height: 40px; white-space: nowrap;} .btn-green-ghost{border-radius: 6px; background: none;align-items: center;padding: 8px 6px; border: 1px solid #13AD9D; color: #13AD9D; font-weight: bold;min-width: 117px;height: 37px;} .btn-green-ghost:hover{background: #13AD9D; color: #ffffff;} .add_inventory_out .btn-green:hover, .btn.btn-green:hover{opacity: 0.8;} .add_inventory_out .btn-black, .accordion-body .btn-black{border-radius: 6px; background: #2369A5; align-items: center; width: 48px; display: flex; justify-content: center; border: none; color: #ffffff; font-weight: 400; height: 38px; font-size: 26px; line-height: 40px; } .close-btn-black{border-radius: 6px; background: #333333;align-items: center;padding: 5px 20px; border: none; color: #ffffff; font-weight: bold;min-width: 117px;height: 37px;} .add_inventory_out .image_upload, .upload_img_popup .image_upload{ max-width: 100%; height: 60px; display: flex; flex-direction: row; align-items: center; padding: 10px; gap: 10px; z-index: 1; border-radius: 8px; opacity: 1; background: #F7FCFF; box-sizing: border-box; border: 1px dashed #01497C;} .add_inventory_out .form-outer h4, .form-outer h4{font-size: 16px;} .add_inventory_out label input {position: absolute;left: -9999px;} .add_inventory_out label input:checked + span {background-color: #d3f3f0;} .add_inventory_out label input:checked + span:before {box-shadow: inset 0 0 0 0.4375em #168b80;} .add_inventory_out label span {display: flex; align-items: center; padding: 0.375em 0.75em 0.375em 0.375em; border-radius: 99em; transition: 0.25s ease;} .add_inventory_out label span:hover {background-color: #d3f3f0;} .add_inventory_out label span:before {display: flex; flex-shrink: 0; content: ""; background-color: #fff; width: 1.5em; height: 1.5em; border-radius: 50%; margin-right: 0.375em; transition: 0.25s ease; box-shadow: inset 0 0 0 0.125em #00005c;} .add_inventory_out .close_icon1{position: absolute; top: 15px; right: 10px; width: 26px; height: 26px; border-radius: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer;} .border-bottom-v1{border-bottom: 0.5px solid #EDEDED; } .add_inventory_out a{color: #009688; cursor: pointer;} .add_inventory_out a:hover{/*text-decoration: underline;*/} .exact-table thead tr td{background-color:#009688; color: #ffffff; } .form-outer.inventry_view_outer{background: none; border: none;} .accordion.add_inventory_out{border: none; margin: 0; background: none;} .btn.btn-green-reports{height: 42px; width: auto; background: #2369A5; font-size: 15px; padding: 5px 10px; letter-spacing: -.5px; line-height: 16px; color: #ffffff;} .btn.btn-green-reports:hover{background: #13ad9d; color: #ffffff;} .accordion-item h4{font-size: 14px; font-weight: 600;} .add_source_wraper input.form-control{height: 38px;} .up_image_title{display: flex; align-items: center; justify-content: space-between; padding: 0 12px 12px 12px;} .material-symbols-outlined{font-size: 18px !important; cursor: pointer;} .edit_list .card-body{padding: 12px;} .edit_list .card-body .image-container a{height: 80px; display: block;} .edit_list .card-body .image-container a img{height: 100%;} .card .card-body .image-container{margin-bottom: 5px;} .card .card-body {padding: 12px 12px 10px 12px;} /*.edit_list .card{height: 140px; overflow: hidden;}*/ /*Inventory __ Add Inventory end*/ .upload_img_popup h5{font-size: 14px; font-weight: bold; color: #2369A5;} .upload_img_popup .modal-body .form-outer .col-md-12{text-align: center;} .upload_img_popup .image_upload{margin: 0 auto; width: 100%;} .imgupload_inner{ position:relative; display:flex; align-items: center;} .image_viewer.price_guide_popup .modal-dialog{width: 1000px; max-width: 1000px;} .document_block{width: auto; height: auto; position: relative;} .document_block img{width: 100%; height: auto;} .document_block span img{width: 16px; height: 16px; position: absolute; right: 5px; top: 5px;} /*.slick-track{width: 100% !important;} .slick-track a{width: 100% !important;}*/ /*Buy Leads Start*/ .my_buy_leads .search_wrapper article{display: block;} .my_buy_leads .search_wrapper .advanced_options article{display: flex;} .my_buy_leads .search_wrapper .vehicle_count{background: none; padding: 0px 0 10px 0;} .inventory_wrapper_tabs{padding: 0;} .inventory_wrapper_tabs .inventory_table{padding-left: 12px; padding-right: 12px; padding-bottom: 12px; margin-top: 0px; border: 1px solid #14B8A6; border-top: 0; border-radius: 0;} .inventory_wrapper_tabs .inventory_header{padding: 10px 12px 10px 12px; border: 1px solid #14B8A6; border-bottom: 0; border-top: 0px;} .inventory_wrapper_tabs ul{border: none; border-bottom: 1px solid #14B8A6; display: flex; align-items: center; justify-content: flex-start;} .inventory_wrapper_tabs ul li{/*width: 12.5%;*/ width: auto; white-space: nowrap;} .inventory_wrapper_tabs ul li:first-child{border-radius: 10px 0 0 0;} .inventory_wrapper_tabs ul li button{width: 100%;} .inventory_wrapper_tabs ul li button.nav-link:hover{border-color: #ffffff;border-bottom: 1px solid #14B8A6;} .inventory_wrapper_tabs ul li button.nav-link{background: #ffffff; color: #181818; border-radius: 0px; border-bottom: 1px solid #14B8A6; color: #14B8A6; padding: 10px 20px; font-weight: 600; font-size: 14px; } .purchase_tabs.inventory_wrapper_tabs ul li button.nav-link{background: #ffffff; color: #181818; border-radius: 0px; border-bottom: 1px solid #14B8A6; color: #14B8A6; padding: 11px 20px; font-weight: 600; font-size: 14px; } .inventory_wrapper_tabs ul li:nth-child(1) button.nav-link{border-radius: 10px 0 0 0;} .inventory_wrapper_tabs ul li button.nav-link.active{background: #fafafa; border-radius: 0; border-color: #fafafa; border-top: 1px solid #14B8A6; border-left: 1px solid #14B8A6; border-right: 1px solid #14B8A6;} .inventory_wrapper_tabs ul li:nth-child(1) button.nav-link.active{border-radius: 10px 0 0 0;} .inventory_wrapper_tabs ul li:nth-child(8) button, .inventory_wrapper_tabs ul li:nth-child(8) button.active{border-radius: 0 0px 0 0;} .inventory_wrapper_tabs.purchase_tabs ul li:nth-child(6) button, .inventory_wrapper_tabs.purchase_tabs ul li:nth-child(6) button.active{border-radius: 0 0px 0 0;} .inventory_wrapper_tabs .table_header .invnt_date, .inventory_wrapper_tabs .inventory_row .invnt_date{width: 13%;} .inventory_wrapper_tabs .table_header .lead_match, .inventory_wrapper_tabs .inventory_row .lead_match{width: 10%; text-align: center;} .inventory_wrapper_tabs .table_header .v_details, .inventory_wrapper_tabs .inventory_row .v_details{width: 20%;} .inventory_wrapper_tabs .table_header .actions, .inventory_wrapper_tabs .inventory_row .actions{width: 12%; text-align: center;} .inventory_wrapper_tabs .table_header .invnt_id, .inventory_wrapper_tabs .inventory_row .invnt_id{width: 8%;} .inventory_wrapper_tabs .table_header .inquired, .inventory_wrapper_tabs .inventory_row .inquired{width: 15%; text-align: center;} .inventory_wrapper_tabs .table_header .listed_on, .inventory_wrapper_tabs .inventory_row .listed_on{width: 11%; /*text-align: left;*/} .inventory_wrapper_tabs .inventory_row .listed_on{/*box-shadow: 0px 0px 5px 1px #eaeaea;*/} .inquired h5{font-size: 14px; line-height: 24px;} .inquired h5 strong{font-size: 14px;} .inventory_wrapper_tabs .inventory_row .lead_match h5{font-size: 14px; /*line-height: 30px;*/ font-weight: 600;} .inventory_wrapper_tabs .inventory_row .lead_match h5 strong{display: inline-block; margin-top: 5px;} .inventory_wrapper_tabs .inventory_row .lead_match h5 strong.warm{color: #ffffff; background: #44AB57; border-radius: 20px; padding: 5px 15px; font-size: 12px;} .inventory_wrapper_tabs .inventory_row .lead_match h5 strong.hot{color: #ffffff; background: #F45905; border-radius: 20px; padding: 5px 15px; font-size: 12px;} .inventory_wrapper_tabs .inventory_row .lead_match h5 strong.veryhot{color: #ffffff; background: #ED0404; border-radius: 20px; padding: 5px 15px; font-size: 12px;} .inventory_wrapper_tabs .inventory_row .lead_match h5 strong.cold{color: #ffffff; background: #2989FF; border-radius: 20px; padding: 5px 15px; font-size: 12px;} .inventory_wrapper_tabs .listed_on h6{font-size: 14px; text-align: left; display: flex; /*align-items: center;*/ color: #3a3a3a; position: relative; padding-left: 20px;} .inventory_wrapper_tabs .listed_on h6::before{content: ''; background: url(../images/tick_green.svg) no-repeat; width: 18px; height: 14px; background-size: 14px; position: absolute; left: 0;} .inventory_wrapper_tabs .details_table article.selling_price h6{ margin: 0;} .inventory_wrapper_tabs .nav_tabs_bg{background: #ffffff; border-radius: 10px 10px 0 0; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; box-shadow: none; border: none;} .edit-lead{border-radius: 4px; background: #13AD9D; display: flex; align-items: center; justify-content: center; text-decoration: none;} .edit-lead::before{content:'Edit'; display: inline-block; text-decoration: none; color: #ffffff; padding: 5px 10px; text-transform: uppercase; font-size: 12px;} .form-title .edit-lead.active::before{content:'Back'; display: inline-block; text-decoration: none; color: #ffffff; padding: 5px 10px; text-transform: uppercase; font-size: 12px;} .row.normal_list{display: flex;} .row.normal_list .col-md-6 .fw-bold{white-space: normal;} .row.normal_list.active{display: none;} .row.edit_list.active{display: flex;} .row.edit_list{display: none;} .form-outer .row.normal_list .col-md-6 .row{padding: 8px 0;} .form-outer .row.normal_list .col-md-6 .row:nth-child(even){background-color: #f8f9fa;} .form-outer .row.normal_list .col-md-6{padding: 0 20px; word-break: break-word;} .form-title strong{color: #13AD9D;} .wrapper_mobile{padding: 0 15px 15px 15px; /*height: 83.5vh;*/ height: auto; overflow-y: scroll;} .status_history{margin: 15px 0 0 0; border-top: 1px solid #eaeaea;} .status_history h3{font-size: 20px; font-weight: 900; color: #181818; margin: 15px 0 15px 0;} .status_history .histry_table{border: 0.5px solid #E4E6E8;} .status_history .histry_table .table_header{display: flex; align-items: center; justify-content: space-between; font-weight: 900; background: #F6FDFD;} .status_history .histry_table .table_header .table_th{width: 10%; text-align: center; padding: 5px 0;} .status_history .histry_table .table_row{display: flex; align-items: center; justify-content: space-between; color: #686868;} .status_history .histry_table .table_row .table_td{color: #686868; width: 10%; padding: 5px 0; font-weight: 500; font-size: 14px;} .status_history .histry_table .table_row:nth-child(odd){background: #fafafa;} /*Sell lead */ .sell_lead_wrapper_tabs .table_header .invnt_id, .w-13 { width: 13% !important;} .sell_lead_wrapper_tabs .table_header .lead_match, .sell_lead_wrapper_tabs .inventory_row .lead_match{width: 10%; text-align: center;} .sell_lead_wrapper_tabs .inventory_row .lead_match h5{font-size: 14px; line-height: 30px; text-align: center;} .sell_lead_wrapper_tabs .inventory_row .lead_match h5 strong.warm{color: #ffffff; background: #44AB57; border-radius: 20px; padding: 5px 15px; font-size: 14px;} .sell_lead_wrapper_tabs .inventory_row .lead_match h5 strong.hot{color: #ffffff; background: #F45905; border-radius: 20px; padding: 5px 15px; font-size: 14px;} .sell_lead_wrapper_tabs .inventory_row .lead_match h5 strong.veryhot{color: #ffffff; background: #ED0404; border-radius: 20px; padding: 5px 15px; font-size: 14px;} .sell_lead_wrapper_tabs .listed_on h6{font-size: 14px; text-align: left; display: flex; align-items: center;} .sell_lead_wrapper_tabs .listed_on h6::before{content: ''; background: url(../images/tick_green.svg) no-repeat; width: 14px; height: 14px; background-size: 14px; display: inline-block; margin-right: 5px;} .sell_lead_wrapper_tabs .details_table article.selling_price h6{ margin: 0;} .sell_lead_wrapper_tabs .nav_tabs_bg{background: #ffffff; border-radius: 10px 10px 0 0;} .add_sell_lead .card .card-body img{width: 100%; height: 200px;} .add_sell_lead .image_upload{width: 100%; max-width: 600px; justify-content: space-between; margin-bottom: 20px;} .add_sell_lead .btn-green{margin-right: 10px;} .addManageExctvs img{border-radius: 4px;} .delete_red{cursor: pointer;} /*settings Wrapper Start*/ .sub_view, .sub_view.col-md-6{background: #FAFAFA; position: sticky; top: 0px; height: 390px; padding-right: 0;} .inventry_view_outer .settings_wrapper .setting_wrap_inner, .setting_wrap_inner{height: 402px; border: 1px solid #eaeaea; border-radius: 8px 8px 6px 6px;} .inventry_view_outer .settings_wrapper .row, .setting_wrap_inner .row{max-height: 390px; overflow: auto; position: relative; overflow-x: hidden; } .inventry_view_outer .settings_wrapper .btn, .setting_wrap_inner .btn{padding: 2px 6px; margin: 0; font-size: 12px; color: #13ad9d; border: 1px solid #13ad9d; white-space: nowrap;} .setting_wrap_inner .btn.submit_source{border-color: #2369A5; color: #ffffff; font-size: 14px;} .setting_wrap_inner .btn.submit_source:hover{border-color: #13ad9d;} .inventry_view_outer .settings_wrapper .btn:hover, .setting_wrap_inner .btn:hover{background: #13ad9d; color: #ffffff;} .inventry_view_outer .settings_wrapper .nav a.nav-link, .setting_wrap_inner .nav a.nav-link{display: flex; align-items: center; justify-content: space-between; padding: 10px !important;} .inventry_view_outer .settings_wrapper .tabs-inner article .sub_wraper, .setting_wrap_inner .tabs-inner article .sub_wraper{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;} .inventry_view_outer .settings_wrapper .tabs-inner article .sub_wraper h4, .setting_wrap_inner .tabs-inner article .sub_wraper h4{margin: 0 0 10px 0;} .inventry_view_outer .settings_wrapper .tabs-inner article .sub_wraper h5, .setting_wrap_inner .tabs-inner article .sub_wraper h5{font-size: 14px;} .inventry_view_outer .settings_wrapper .tabs-inner article .sub_wraper .edit_btn, .setting_wrap_inner .tabs-inner article .sub_wraper .edit_btn{border-color: #3a3a3a; color: #3a3a3a;} .inventry_view_outer .settings_wrapper .tabs-inner article .sub_wraper .edit_btn:hover, .setting_wrap_inner .tabs-inner article .sub_wraper .edit_btn:hover{border-color: #13ad9d; color: #ffffff;} .modal-body .setting_wrap_inner h4{margin-bottom: 5px; font-size: 14px; font-weight: 600;} .source_hdr{display: flex; align-items: center; justify-content: space-between; padding: 5px 10px;} .settings_wrapper .source_hdr span{font-size: 14px; font-weight: bold;} .settings_wrapper .source_hdr button.btn{border-color: #2369A5; color: #2369A5;} .settings_wrapper .source_hdr button.btn:hover{background: #2369A5; border-color: #2369A5; color: #ffffff;} .sub_view .tab-content{padding-right: 0px;} .inventry_view_outer .settings_wrapper .add_source_wraper .btn{color: #ffffff; font-size: 14px; border-color:#2369A5;} .inventry_view_outer .settings_wrapper .add_source_wraper .btn:hover{border-color: #13ad9d;} .inventry_view_outer .settings_wrapper .add_source_wraper .btn.btn_close, .settings_wrapper .add_source_wraper .btn.btn_close, .settings_wrapper .edit_source_wraper .btn.edit_close{border: none; padding: 0; background: none;} .inventry_view_outer .settings_wrapper .add_source_wraper h4, .settings_wrapper .add_source_wraper h4, .settings_wrapper .edit_source_wraper h4{ display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 600;} .inventry_view_outer .settings_wrapper .edit_source_wraper .btn, .edit_source_wraper .btn{color: #ffffff; font-size: 14px; border-color:#2369A5;} .inventry_view_outer .settings_wrapper .edit_source_wraper .btn:hover{border-color: #13ad9d;} .inventry_view_outer .settings_wrapper .edit_source_wraper .btn.edit_close{border: none; padding: 0; background: none;} .inventry_view_outer .settings_wrapper .edit_source_wraper h4{display: flex; align-items: center; justify-content: space-between;} .source_wraper.active{display: none;} .source_wraper{display: block;} .inventry_view_outer .settings_wrapper .add_source_wraper, .inventry_view_outer .settings_wrapper .edit_source_wraper{display: none;} .inventry_view_outer .settings_wrapper .add_source_wraper.active, .inventry_view_outer .settings_wrapper .edit_source_wraper.active{display: flex;} .add_sub_source select.form-select, .add_sub_source input.form-control, .edit_sub_source select.form-select, .edit_sub_source input.form-control{background-color: #ffffff !important; font-size: 14px;} .add_sub_source label, .edit_sub_source label{font-size: 14px; font-weight: normal;} .row.add_sub_source{display: none;} .row.add_sub_source.active{display: block;} .sub_view_inner.active{display: none;} .sub_view_inner{display: block;} .add_sub_source .btn.sub_source_update, .edit_sub_source .btn.edit_sub_source_update{font-size: 14px; color: #ffffff; border-color: #2369A5;} .add_sub_source .btn.sub_source_update:hover, .edit_sub_source .btn.edit_sub_source_update:hover{border-color: #13ad9d;} .inventry_view_outer .row.edit_sub_source {display: none;} .inventry_view_outer .row.edit_sub_source.active{display: block;} .sub_view_inner{ max-height:378px; overflow-y:auto; } .tab-content.sub_view_inner .tabs-inner{padding-right: 5px;} .sub_wraper .btn.editsub_source{border-color: #44AB57;} .normal-list .row:nth-child(even){background: #F8F9FA;} .edit_inventory .accordion-item .accordion-body{padding-top: 10px;} .edit-list.imagesOfCar .image_upload{width: 100%; max-width: 600px; justify-content: space-between; margin-bottom: 20px;} .edit-list.imagesOfCar .image_upload h3{margin-left: 10px !important;} .edit-list.imagesOfCar .image_upload .position-relative{align-items: center;} /*Status History*/ .status_history_wraper{padding: 15px; margin-top: 10px;} .status_history_wraper h4{font-size: 18px; font-weight: 600;} .status_history_wraper table{border: 1px solid #eaeaea; font-size: 14px;} .status_history_wraper table tr:nth-child(even) td{background: #f9f9f9;} .status_history_wraper table th{line-height: 16px;} .status_history_wraper .btn:active{outline: none; border-color: transparent !important;} .status_history_wraper .table_bg table tr td{white-space: normal;} .status_history_wraper .table_bg table select.form-select{height: 32px !important; padding: 2px 25px 3px 10px; font-size: 13px !important;} .add-make .table_bg{overflow-x: auto; max-height: 300px; overflow-y: auto;} .add-make .table_bg .table{width: 890px;} .add-make .table_bg .table thead{position: sticky; top: -1px;} .add-make .table_bg .table thead tr th{background: #F7FCFF; text-align: left;} .uploaded_leads .btn.btn-green:hover{background: #2369A5; color: #ffffff; border-color: #2369A5; white-space: nowrap;} .uploaded_leads .btn.btn_upload_img{border: 1px solid #13AD9D; color: #13AD9D; white-space: nowrap;} .uploaded_leads .btn.btn_upload_img:hover{background: #13AD9D; color: #ffffff;} /*purchase*/ .status_history_wraper_purchase{margin-top:2px;} .status_history_wraper_purchase .table{font-size: 14px;} /*.purchase_match .table{padding-left:3px;}*/ .purchase_match{overflow-x: auto; max-height: 300px; overflow-y: auto;} .purchase_match .table{width: 890px;} .purchase_match .table .header{position: sticky; top: -1px;} .purchase_msg{text-align:center;margin-top:20px;color:#13ad9d;font-weight:bold} /*purchase ended*/ .modal-content .modal-body .table_bg{max-height: 360px; overflow: auto;} .modal-content .modal-body .table_bg .table{font-size: 14px; border: 1px solid #eaeaea;} .modal-content .modal-body .table_bg .table thead{position: sticky; top: -1px;} .modal-content .modal-body .table_bg .table thead tr th{background: #F7FCFF; text-align: left; vertical-align: middle;} .modal-content .modal-body .table_bg .table tbody tr td{padding-left: 10px; padding-right: 10px; box-shadow: none;} .modal-content .modal-body .table_bg .table tbody tr:nth-child(even) td{background: #f9f9f9;} .modal-content .modal-body .table_bg .table tbody tr td a{cursor: pointer; box-shadow: none;} .selldsMatches span{margin: 0 10px;} .btn.btn-spcific{margin: 0; width: 100%; border: 1px solid #2369A5; /*line-height: 18px;*/ padding: 5px 10px 5px 5px !important;} .btn.btn-spcific.active{border-radius: 4px 4px 0 0; border: 1px solid #2369A5;} .btn.btn-spcific:hover, .btn.btn-spcific.active{background: #2369A5; color: #ffffff;} .btn.btn-spcific span{width: 100%; text-align: left; padding-left: 5px;} .btn.btn-spcific::before{display: none;} .btn.btn-spcific::after{content: ''; background: url(../images/arrow_white.svg) no-repeat center; width: 16px; height: 16px; display: inline-block; transform: rotate(0deg);} .btn.btn-spcific.active::after{content: ''; background: url(../images/arrow_white.svg) no-repeat center; width: 16px; height: 16px; display: inline-block; transform: rotate(180deg);} .specific_wraper{width: 130px; border: 1px solid #2369A5; display: none; border-radius: 0 0 4px 4px; margin-top: -1px; margin: 0 auto;} .specific_wraper.active{display: block;} .specific_wraper button.btn{margin-bottom: 0px !important; font-size: 12px !important; padding: 0; color: #2369A5; display: flex; align-items: center; justify-content: flex-start; width: 100%; border-radius: 0; border-bottom: 1px solid #2369A5;} .specific_wraper button.btn:last-child{border: none;} .specific_wraper button.btn::before{content: ''; background: url(../images/download_blue.svg) no-repeat; background-size: 14px; width:14px; height:14px; display: inline-block; margin-right: 5px;} .specific_wraper button.btn:hover{color: #14B8A6;} .specific_wraper button.btn:hover::before{content: ''; background: url(../images/download_green.svg) no-repeat; background-size: 14px; width:14px; height:14px; display: inline-block;} body.modal-open .wrapper_left{width: 350px;} body.modal-open .side_menu_bg{position: fixed;} .customer_rating_popup .modal-content .modal-body img{width: 100%; height: auto;} .accordion-body .close_btn, .add_inventory_out .btn-black.close_btn{width: 30px; margin: 0 3px; background: none !important; padding: 0;} .wrapper_selllead .table_header{width: 100%; justify-content: space-around;} .wrapper_selllead .inventory_row{width: 100%; justify-content: space-around;} /*.wrapper_selllead .table_header .table_td{width: 100%;} .wrapper_selllead .inventory_row .table_td{width: 100%; font-size: #252525;}*/ .wrapper_selllead .inventory_row .table_td strong{color: #262626; font-size: 14px; display: block;} .wrapper_selllead .table_header .table_td:nth-child(1), .wrapper_selllead .inventory_row .table_td:nth-child(1){width: 5%;} .wrapper_selllead .table_header .table_td:nth-child(2), .wrapper_selllead .inventory_row .table_td:nth-child(2){width: 15%;} .wrapper_selllead .table_header .table_td:nth-child(3), .wrapper_selllead .inventory_row .table_td:nth-child(3){width: 25%;} .wrapper_selllead .table_header .table_td:nth-child(4), .wrapper_selllead .inventory_row .table_td:nth-child(4){width: 20%;} .wrapper_selllead .table_header .table_td:nth-child(5), .wrapper_selllead .inventory_row .table_td:nth-child(5){width: 20%;} .wrapper_selllead .table_header .table_td:nth-child(6), .wrapper_selllead .inventory_row .table_td:nth-child(6){width: 15%;} .wrapper_selllead .inventory_table article.selling_price{border-radius: 6px 6px 0 0 !important;} .btn.update_status{font-size: 12px; padding: 5px 10px; background: none; border: 1px solid #13AD9D; color: #13AD9D; margin: 0px;} .btn.update_status:hover{background: #13AD9D;} .btn.status_history{font-size: 12px; padding: 5px 10px; background: none; border: 1px solid #2369A5; color: #2369A5; margin: 0px;} .btn.status_history:hover{background: #2369A5;} .btn.report_btn{font-size: 12px; padding: 5px 10px; background: none; border: 1px solid #dc3545; color: #dc3545; margin: 0px; display: block; width: 80%;} .btn.report_btn:hover{background: #dc3545;} .btn.viewcar_btn{font-size: 12px; padding: 5px 10px; background: none; border: 1px solid #2369A5; color: #2369A5; margin: 0px; display: block; width: 80%;} .btn.viewcar_btn:hover{background: #2369A5;} .btn.pdfreport_btn{font-size: 12px; padding: 5px 10px; background: none; border: 1px solid #2369A5; color: #2369A5; margin: 0px; display: block; width: 80%;} .btn.pdfreport_btn:hover{background: #2369A5;} .btn.shortlist_btn{font-size: 12px; padding: 5px 10px; background: none; border: 1px solid #13AD9D; color: #13AD9D; margin: 0px; display: block; width: 80%;} .btn.shortlist_btn:hover{background: #13AD9D;} .wrapper_selllead .invnt_date h4{font-size: 14px;} .consumer_history_popup .modal-dialog{width: 800px; max-width: 100%;} .consumer_history_popup table{margin: 0;} .car_details_popup article{border-radius: 0;} .car_details_popup article .row .col-md-6{border-bottom: 1px solid #eaeaea; padding: 5px 10px; font-size: 14px;} .car_details_popup article .row .col-md-6 p{margin: 0;} .textarea span{font-size: 12px; margin-top: 5px;} .textarea textarea.form-control{font-size: 14px; min-height: 60px;} .sell_lead_wraper .card_footer button.btn_white.car_details::before{content: ''; background: url(../images/car_icon.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .sell_lead_wraper .card_footer button.btn_white.car_details:hover::before{content: ''; background: url(../images/car_icon_white.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .sell_lead_wraper .card_footer button.btn_white.short_list::before{content: ''; background: url(../images/plus_green.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .sell_lead_wraper .card_footer button.btn_white.short_list:hover::before{content: ''; background: url(../images/plus_green_white.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .sell_lead_wraper .card_footer button.btn_white.short_out::before{content: ''; background: url(../images/minus_icon_green.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .sell_lead_wraper .card_footer button.btn_white.short_out:hover::before{content: ''; background: url(../images/minus_icon_white.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .sell_lead_wraper .card_footer button.btn_white.report_icon::before{content: ''; background: url(../images/report.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .sell_lead_wraper .card_footer button.btn_white.report_icon:hover::before{content: ''; background: url(../images/report_h.svg) no-repeat; background-size: 18px; width: 18px; height: 18px;} .sell_lead_wraper hr{display: block; width: 100%; border-color: #cacaca; margin: 10px 0;} .sell_lead_wraper .card_body .date_block{margin: 0;} .notyf .notyf__toast{position: absolute !important; top: 5px; box-shadow: 0px 0px 2px 0px #666;} .notyf .notyf__toast:nth-child(2){top: 12px;} .notyf .notyf__toast:nth-child(3){top: 19px;} .notyf .notyf__toast:nth-child(4){top: 26px;} .notyf .notyf__toast:nth-child(5){top: 33px;} .notyf .notyf__toast:nth-child(6){top: 40px;} .notyf .notyf__toast:nth-child(7){top: 47px;} .notyf .notyf__toast:nth-child(8){top: 53px;} .notyf .notyf__toast:nth-child(9){top: 60px;} .notyf .notyf__toast:nth-child(10){top: 67px;} .btns_block .btn-blue-ghost{font-size: 12px; padding: 5px 10px; background: none; border: 1px solid #2369A5 !important; color: #2369A5 !important; margin: 0px; display: block; width: 80% !important;} .btns_block .btn-blue-ghost:hover{background: #2369A5 !important; color: #ffffff !important;} .file_formats{font-size: 14px; font-weight: bold; color: #ff0000;} .blbu_wrapper{background: #ffffff;} .bulkupload_buyleads{display: flex; justify-content: center; text-align: center;} .bulkupload_buyleads h4{font-size: 16px; font-weight: 700; margin: 20px 0 15px 0;} .download_sample{font-size: 14px; padding: 5px 10px; text-decoration: none; border: 1px solid #009688; border-radius: 6px; margin-bottom: 15px; display: inline-block;} .download_sample:before{content: ''; background: url(../images/download_green.svg) no-repeat; background-size: 16px; width: 16px; height: 16px; display: inline-block; margin-right: 10px; top: 3px; position: relative;} .add_inventory_out a.ui-link{color: #333333; text-decoration: none;} /*listing carousel*/ .carousel { padding: 0px; width: 100%; } .carousel h2 { margin: 0; } .carousel h3 { font-size: 16px; margin: 0; margin-bottom: 4px; } .carousel span { color: #a7a7a7; font-size: 14px; } .carousel .dragging a { pointer-events: none; } .carousel .carousel__wrapper { position: relative; margin-bottom: 0px; width: 100%; } @media only screen and (min-width: 1180px) { .carousel .carousel__wrapper.has-arrows .carousel__content { justify-content: space-between; } } @media only screen and (min-width: 1180px) { .carousel .carousel__wrapper.has-arrows .carousel__arrows { display: flex; } } .carousel .carousel__header { display: grid; grid-auto-flow: column; justify-content: space-between; align-items: center; margin-bottom: 16px; } .carousel .carousel__content { overflow-y: hidden; overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none; display: grid; -webkit-overflow-scrolling: touch; cursor: grab; padding: 0; margin: 0; grid-gap: 10px; grid-auto-flow: column; list-style: none; } .carousel .carousel__content::-webkit-scrollbar { display: none; } .carousel .carousel__item .carousel__description { width: 100%; } .carousel .carousel__item a { display: flex; justify-content: center; justify-content: flex-start; align-items: center; flex-direction: column; position: relative; user-select: none; padding: 5px 10px; border-radius: 30px; cursor: pointer; color: #000; } .carousel .carousel__controls { display: grid; grid-auto-flow: column; grid-gap: 24px; } .carousel .carousel__arrow { padding: 0; background: transparent; box-shadow: none; border: 0; } .carousel .carousel__arrow:before { content: ""; background: url(../images/arrow.svg) no-repeat; background-size: contain; filter: brightness(1); display: block; width: 18px; height: 12px; cursor: pointer; } .carousel .carousel__arrow.arrow-prev:before { transform: rotate(90deg); } .carousel .carousel__arrow.arrow-next:before { transform: rotate(-90deg); } .carousel .carousel__arrow.disabled::before { filter: brightness(8); } .disclaimer a { color: #fff; } .marketLeads_wrapper .butns_group{display: flex; align-items: center;} .marketLeads_wrapper .btn-outline-danger{width: 150px; font-size: 14px;} .marketLeads_wrapper .view_clicked{border: 1px solid #2369A5; border-radius: 4px; font-size: 14px; color: #2369A5;} .marketLeads_wrapper .view_clicked:hover{background: #2369A5; color: #ffffff; border: 1px solid #2369A5 !important;} .marketLeads_wrapper .sm_id{width: 10%; text-align: left; padding: 5px;} .marketLeads_wrapper .sm_customer{width: 20%; text-align: left; padding: 5px;} .marketLeads_wrapper .sm_inquired{width: 40%; text-align: left; padding: 5px;} .marketLeads_wrapper .sm_soruce{width: 10%; text-align: left; padding: 5px;} .marketLeads_wrapper .sm_actions{width: 10%; text-align: left; padding: 5px;} .marketLeads_wrapper button.view_lead{border:1px solid #2369A5; border-radius: 4px; color: #2369A5; height: 38px;} .marketLeads_wrapper button.view_lead:hover{background: #2369A5; color: #ffffff;} .marketLeads_wrapper button.add_lead{border:1px solid #14B8A6; border-radius: 4px; color: #14B8A6; height: 38px;} .marketLeads_wrapper button.add_lead:hover{background: #14B8A6; color: #ffffff;} .marketLeads_wrapper button.lead_added{color: #777777; border: 1px solid #777777; border-radius: 4px; height: 38px; background: #fafafa;} .finance_offers button.btn{background: #2369A5; color: #ffffff; border-radius: 4px; border-color:#2369A5;} .finance_offers button.btn:hover{background: #002B51; border-color: #002B51;} .buylead_matches .inventory_wrapper_tabs .inventory_table{padding: 0; border: none;} .buylead_matches .my_buy_leads .inventory_row .actions .btn{width: auto;} .buylead_matches .inventory_wrapper_tabs .table_header .v_details, .buylead_matches .inventory_wrapper_tabs .inventory_row .v_details{width: 10%;} .buylead_matches .inventory_wrapper_tabs .table_header .listed_on, .buylead_matches .inventory_wrapper_tabs .inventory_row .listed_on{width: 10%;} .buylead_matches .inventory_row .invnt_id{width: 10%;} .buylead_matches .inventory_wrapper_tabs .table_header .invnt_id{width: 10%;} .buylead_matches .inventory_wrapper_tabs .table_header .lead_match{width: 11%;} .buylead_matches .inventory_wrapper_tabs .inventory_row .v_details h6, .buylead_matches .inventory_wrapper_tabs .inventory_row .lead_match h6{font-size: 14px;} .buylead_matches.my_buy_leads .inventory_row .actions .btn{width: auto;} .buylead_matches .inventory_row .inquired{font-size: 14px;} .insurance_wrapper .search_wrapper article{display: block;} .insurance_wrapper .search_wrapper .vehicle_count {background: none; padding: 0px 0 10px 0;} .insurance_wrapper .search_wrapper .butns_group{display: flex; align-items: top;} .insurance_wrapper .search_wrapper .butns_group button.btn{margin: 0; width: 150px;} .insurance_wrapper .inventory_table .inventory_row{font-size: 14px;} .insurance_wrapper .inventory_table .sm_id{padding: 10px;} .insurance_wrapper .inventory_table .sm_id h5{font-size: 14px;} .insurance_wrapper .sm_id, .insurance_wrapper .customer_details, .insurance_wrapper .v_details, .insurance_wrapper .lead_match, .insurance_wrapper .listed_on{width: 20%; text-align: center;} .insurance_wrapper .table_header .table_td{width: 20% !important; text-align: center !important;} .insurance_wrapper .card_body .card_details{width: 50%; font-size: 14px; padding: 0;} .insurance_wrapper .card_body .table_tr{width: 50%; font-size: 14px;} .insurance_wrapper .lead_match span span{display: block;} .insurance_wrapper .inventory_row .actions{width: 20%;} #whatsapp_share .modal-sm{max-width: 400px;} #whatsapp_share .modal-sm .modal-body{display: flex; align-items: center; justify-content: space-between;} #whatsapp_share .modal-sm .modal-body button.btn-outline-info{margin: 0 !important;} .purchase_wrapper.wrapper_mobile .table_header .sl_actions{width: 12%;} .purchase_wrapper.wrapper_mobile .table_header .sl_images{width: 18%;} .purchase_wrapper.wrapper_mobile .table_header .lead_match{width: 10%;} .time_final{margin-top: 21px !important;} /*.modal-open section.main_section{filter: blur(2px);}*/ .circle-container { width: 4rem; height: 4rem; border-radius: 50%; overflow: hidden; display: flex; justify-content: center; align-items: center; border: 2px solid #14B8A6; } .circle-container img { width: 100%; height: 100%; object-fit: cover; } .refurb_header { /* background: linear-gradient(270deg, #2DD4BF 10%, #0F766E 87%) !important; */ background: #daf1ef !important; color: #117a72 !important; } .refurb-camera-bg { background-color: #3D3D3D; height: 26px; width: 26px; border-radius: 50%; border: 1px solid gray; display: flex; justify-content: center; align-items: center; } .refurb-camera-bg img{ width: 100%; height: auto; padding: 4px; } .user_refurb_img{ height: 100%; width: 100%; border-radius: 50%; border: 1px solid gray; display: flex; justify-content: center; align-items: center; } .refurb-tab { height: 70px; width: 70px; border: 2px solid #8c8c8c; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; } .refurb_img { height: 100%; width: 100%; } .refurb-scrollable, .refurb-scrollable.w-auto { overflow: auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ width: 90% !important; margin: 0 auto; padding: 0 20px; justify-content: space-around; } .refurb-item { white-space: nowrap; } .refurb-accordion { margin: 10px 5px; border: 1px solid #E4E6E8 !important; border-radius: 10px; padding: 2px; } .refurb-active { border-color: #13ad9d !important; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; } .refurb-accordion .accordion-header .accordion-button:not(.collapsed){background: #002b51; color: #ffffff;} .icon-active { filter: invert(51%) sepia(83%) saturate(420%) hue-rotate(124deg) brightness(91%) contrast(95%); } .tyre-camera-bg { background-color: whitesmoke; height: 10rem; width: 100% !important; border-radius: 10px; border: 1px solid #EDEDED; display: flex; justify-content: center; align-items: center; position: relative; } .tyre-camera-icon { filter: invert(12%) sepia(0%) saturate(4946%) hue-rotate(151deg) brightness(118%) contrast(73%); } .tyre-camera-image{ width:100%; height:100%; } .position-r{position: relative;} .seek-bar { width: 100%; height: 3px; outline: none; border: none; transition: background 0.2s ease; } .refurb-submit { position: fixed; bottom: 30px; right: 20px; width: 55px; height: 55px; background-color: #13ad9d; color: white; border: 1px solid white; border-radius: 50%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 1000; transition: background-color 0.3s ease; } .refurb-count-tracker-container { position: relative; } .refurb-count-tracker { margin-left: 100px; position: absolute; right: 60px; border: 2px #fa9400 solid; padding: 5px; border-radius: 15px; width: 60px; display: flex; justify-content: center; } .refurb-count-tracker-filled { border-color: #2dd4bf !important; } .refurb-save { padding: 3px 10px; text-align: center; background: #ffffff; margin-left: 10px; display: flex; align-items: center; justify-content: center; position: absolute; cursor:pointer; top: -34px; right: 48px; z-index: 3; font-size: 12px; text-decoration: none; text-transform: uppercase; border-radius: 4px; color: #13ad9d; } .add_inventory_out .refurb-accordion .accordion-body label span:before{box-shadow: inset 0 0 0 0.125em #14B8A6;} .add_inventory_out .refurb-accordion .accordion-body label input:checked + span:before{box-shadow: inset 0 0 0 0.4375em #14B8A6;} .add_inventory_out .accordion-item.refurb-accordion .accordion-button{background: #F7FCFF;} .add_inventory_out .accordion-item.refurb-accordion .accordion-header .accordion-button:not(.collapsed){background: #117a72 !important; padding: 15px; border-radius: 10px 10px 0 0;} .inventry_view_outer .refurb-scrollable, .refurb-scrollable.w-auto{width: 90% !important; scroll-behavior: smooth;} .refurb-accordion .card-header.refurb_header{padding: 5px !important; font-size: 14px;} .refurb-accordion .accordion-body .mx-2.mb-2{margin-left: 0 !important;} /*.refurb-accordion .accordion-body .mx-2.mb-2 label{margin-left: 0px !important;} .refurb-accordion .accordion-body .mx-2.mb-2 label span{padding-left: 0px !important;}*/ .close_icon{background: url(../images/close_red.svg) no-repeat; width: 24px; height: 24px; background-size: 24px; position: absolute; z-index: 2; cursor: pointer; right: 15px; top: 5px;} .purchase_wrapper .inventory_wrapper_tabs ul li{width:auto;} /* .purchase_wrapper .inventory_wrapper_tabs ul li:last-child{width:20%;} */ .customer_rating_popup .executive_adng .hdr_strip, .customer_rating_popup .executive_edit .hdr_strip{display: flex; justify-content: left;} .customer_rating_popup .executive_adng .hdr_strip h4, .customer_rating_popup .executive_edit .hdr_strip h4{font-weight: 600;} .customer_rating_popup .executive_adng .hdr_strip .btn.btn_back img, .customer_rating_popup .executive_edit .hdr_strip .btn.btn_back img{width: 20px !important;} .customer_rating_popup .executive_adng .hdr_strip .btn.btn_back, .customer_rating_popup .executive_edit .hdr_strip .btn.btn_back{padding-left: 0px;} .add_inventory_out .executive_edit .hdr_strip .btn.btn_back{width: 24px !important; height: auto !important;} .wrapper_setting .hdr_strip{justify-content: left;} .wrapper_setting .hdr_strip .btn{padding-left: 0px;} .wrapper_setting .hdr_strip .btn img{width: 20px;} #bulkdelete_popup .modal-dialog{width: 960px; max-width: 100%;} #bulkdelete_popup .modal-dialog .modal-body .table_bg{max-height: 400px;} #bulkdelete_popup .modal-dialog .modal-body .table_bg tr td .row{display: block;} #bulkdelete_popup .modal-dialog .modal-body .table_bg tr td .row .col-6, #bulkdelete_popup .modal-dialog .modal-body .table_bg tr td .row .col-12{width: 100%; text-align: left;} #bulkdelete_popup .modal-dialog .modal-body .table_bg tr td .row .col-12 .form-select#soldsource{width: 100%;} #bulkdelete_popup .modal-dialog .modal-body .table_bg tr td .form-select {width: auto;} #bulkdelete_popup .modal-dialog .modal-body .table_bg .sold_yes td{vertical-align: top;} #bulkdelete_popup .modal-dialog .modal-body .table_bg .sold_yes td:nth-child(1), #bulkdelete_popup .modal-dialog .modal-body .table_bg .sold_yes td:nth-child(2), #bulkdelete_popup .modal-dialog .modal-body .table_bg .sold_yes td:nth-child(3), #bulkdelete_popup .modal-dialog .modal-body .table_bg .sold_yes td:nth-child(4), #bulkdelete_popup .modal-dialog .modal-body .table_bg .sold_yes td:nth-child(5), #bulkdelete_popup .modal-dialog .modal-body .table_bg .sold_yes td:nth-child(6){ padding-top: 34px; } #bulkdelete_popup .modal-dialog .modal-body .table_bg .sold_yes td:nth-child(7){ padding-top: 22px; } #bulkdelete_popup .modal-dialog .modal-body .table_bg tr td{vertical-align: middle;} #bulkdelete_popup .modal-dialog .modal-footer .btn{width: 20%;} /* New Button classes*/ .btn_l2r{font-size: 14px; padding: 5px 10px; border-radius: 4px; border:1px solid; cursor: pointer;} .btn_md{width: 130px; height: 35px;} .btn_lg{width: 150px; height: 40px;} .btn_l2r_success{background-color: #EAFFEE; color: #44AB57; border-color: #44AB57; display: flex; align-items: center;} .btn_l2r_success:hover{background-color: #44AB57; color: #ffffff;} .btn_l2r_danger{background-color: #FFE9E5; color: #DC0707; border-color: #DC0707;} .btn_l2r_danger:hover{background-color: #DC0707; color: #ffffff;} .btn_l2r_primary{border-color: #13AD9D; color: #13AD9D; background-color: #ffffff;} .btn_l2r_primary:hover{background-color: #13AD9D; color: #ffffff;} .btn_l2r_danger{border-color: #dc3545; color: #dc3545; background-color: #ffffff;} .btn_l2r_danger:hover{background-color: #dc3545; color: #ffffff;} .btn_l2r_blue{border-color: #2369A5; color: #2369A5; background-color: #ffffff;} .btn_l2r_blue:hover{background-color: #2369A5; color: #ffffff;} .btn_l2r_primary_fill{border-color: #13AD9D; color: #ffffff; background-color: #13AD9D;} .btn_l2r_primary_fill:hover{background-color: #059486; border-color: #059486;} .btn_l2r_success_fill{background-color: #44AB57; color: #ffffff; border-color: #44AB57;} .btn_l2r_success_fill:hover{background-color: #246b31; border-color: #246b31;} .btn_l2r_danger_fill{border-color: #dc3545; color: #ffffff; background-color: #dc3545;} .btn_l2r_danger_fill:hover{background-color: #b11a29; border-color: #b11a29;} .btn_l2r_blue_fill{border-color: #2369A5; color: #2369A5; background-color: #ffffff;} .btn_l2r_blue_fill:hover{background-color: #124c7e; color: #ffffff;} .icon_car::before{content: '';background: url(../images/edit_icon.svg) no-repeat;width: 18px;height: 18px;background-size: 18px;display: inline-block; margin-right: 5px;} .icon_car:hover::before{content: '';background: url(../images/edit_icon_white.svg) no-repeat;width: 18px;height: 18px;background-size: 18px;display: inline-block; margin-right: 5px;} .btn-m.btn-outline-primary{border-color: #2369A5; color: #2369A5;} .btn-m.btn-outline-primary:hover{background-color: #2369A5; color: #ffffff; border-color: #2369A5;} .total_amount{ padding: 3px 8px; border-radius: 30px; background-color: #F7FCFF; color: #002b51; border: 1px solid #eaeaea; display: flex; align-items: center; justify-content: center; font-size: 12px; margin-top: 5px; } .total_amount strong{ font-weight: 800; font-size: 12px; } .refurb-item span{margin-top: 5px;} .total_refurb_amount{background: #002b51; border-top: 1px solid #eaeaea; padding: 12px 12px; bottom: 0; left: 0; width: 100%; border-radius: 6px; display: flex; align-items: center; justify-content: space-between; color: #ffffff;} .total_refurb_amount h3{margin: 0; font-size: 16px; font-weight: 600; color: #ffffff;} .total_refurb_amount h3 strong{font-size: 16px; font-weight: 800;} .accordion.add_inventory_out{margin-bottom: 15px;} .save_btn{background: #14B8A6; color: #ffffff; border-radius: 6px; border:none; padding: 5px 10px; text-transform: uppercase; min-width:117px;} .refurb-count-tracker-container.collapsed .title_text strong{font-size: 12px; background: #d3f3f0; border-radius: 4px; padding: 5px 10px;} .refurb-count-tracker-container.collapsed .title_text strong font{color: #117a72;} .refurb-count-tracker-container .title_text strong{font-size: 12px; background: #fafafa; color: #333333; border-radius: 4px; padding: 5px 10px; margin: 0 0 0 5px;} .refurb-count-tracker-container .title_text strong font{color: #117a72; font-weight: 900;} .insure_btns{position: absolute; bottom: 20px; left: 20px; width: 93%; background: #ffffff;} .border-lgray{border-color:#dee2e6;} .tab-insure{border: 1px solid #dee2e6; border-top: 0px; padding: 10px; border-radius: 0 0 6px 6px;} .border-lgray .nav-link.active{color: #16AD9E !important;} .border-lgray .nav-link{color: #333333 !important;} .btn.btn_renewbl { border: 1px solid #14B8A6; border-radius: 4px; color: #14B8A6; font-size: 14px; padding: 3px 10px; } .btn.btn_renewbl:hover{background: #14B8A6; color: #ffffff;} @media (max-width: 1750px) { .details_table article.selling_price{display: flex; flex-wrap: wrap;} .my_buy_leads .actions .btn:before{background-size: 18px; width: 18px; height: 18px; margin-right: 2px;} .wrapper_right{width: 90%;} .cards_wrapper .cards h6, .cards_wrapper .cards h5{margin-bottom: 8px;} .wrapper_right.menu_slim{width: 100%;} .my_buy_leads .inventory_row .actions .btn{width: 130px;} .stock_curved_bg article h6, .stock_curved_bg article h5{margin-bottom: 2px !important;} .my_buy_leads .inventory_row .actions .btn{width: 100%;} } @media (max-width: 1600px) { .search_wrapper .vehicle_count h3{font-size: 20px;} .search_fields .form-select, .form-select, .custom_input .form-control{font-size: 12px; width: 140px;} .advanced_options .form-select, .butns_group .btn_advncd, .butns_group .btn_search{font-size: 14px;} .inventory_table .table_td, .added_date, .invnt_date h4 small, .details_table article.selling_price .price_text, .details_table article.selling_price, .invnt_id h6, button.btn_price{font-size: 14px !important;} .listed_on a, .invnt_id h5, .buyer_leads, .seller_leads, .buyer_leads strong, .seller_leads strong, .details_table article span, .details_table article strong{font-size: 12px;} .details_table article{padding: 5px 10px;} .invnt_id h6 small{font-size: 10px;} .custom_input{width: 140px;} .actions .btn{font-size: 12px !important; justify-content: flex-start; width: auto;} .details_table article.selling_price{display: flex; flex-wrap: wrap;} button.btn_price{margin-top: 10px; margin-left: 3px;} .table_header .v_details{width: 22%;} .inventory_row .v_details{width: 22%;} .buyer_leads, .seller_leads{font-size: 12px;} .buyer_leads strong, .seller_leads strong{font-size: 12px;} .invnt_date h4{font-size: 12px;} .invnt_date h4 small{display: block;} .inventory_row .actions{width: 13%;} .table_header .images{width: 18%;} .inventory_row .images{width: 18%;} .actions .btn::before{width: 16px; height: 16px; background-size: 16px; margin-right: 0px;} .search_wrapper article{flex-wrap: wrap;} .search_wrapper .vehicle_count{padding: 0px 10px 10px 0; background: none;} .search_wrapper {padding: 10px;} .search_wrapper article{padding: 0 10px;} .table_header .check_box .form-check-input, .inventory_row .check_box .form-check-input{width: 15px; height: 15px;} .details_table h3{font-size: 12px;} .table_header .actions{width: 13%;} .fields_btns{margin-bottom: 10px;} .inventory_table .table_header{padding: 0 5px;} .added_date img{width: 16px;} .details_table article img {margin-right: 0px;width: 12px;} .listing_card_wrapper .details_table article img {width: auto !important;} .butns_group .btn_search{padding: 5px;margin-bottom: 9px;} .butns_group .btn_advncd{/*padding: 4px 6px;*/} .search_fields .form-select, .form-select, .custom_input .form-control{/*padding: 5px 10px;*/ background-size: 10px 10px !important; height: 40px !important;} .search_fields.gap-3, .search_wrapper article.gap-3 {gap: 0.5rem !important;} .btns_block button.btn{font-size: 11px;padding: 5px 10px;} /* .btns_block button.btn.btn_add:hover::before{background: url(../images/add_white.svg) no-repeat; background-size: 14px;} .btns_block button.btn.btn_bulkDelete:before, .btns_block button.btn.btn_bulkUpload:before, .btns_block button.btn.btn_add:before {width: 15px; height: 15px;background-size: 14px;}*/ .inventory_header .form-select{font-size: 12px; padding: 5px 10px;width: 60px;} .table_header .form-check { display: block; min-height: auto; padding-left: 1.5em; margin-bottom: 0;} .inventory_row .images h5 { font-size: 11px;} .search_wrapper article{justify-content: flex-start;} .advanced_options .form-select{padding: 5px 10px;} .form-check .form-check-label{font-size: 12px;} .wrapper_right{width: 82%;} .wrapper_right.menu_slim{width: 100%;} .buylead_tat img{width: 170px; top: 0;} .my_buy_leads .inventory_row .actions .btn{width: 100% !important;} .inventory_wrapper_tabs .listed_on h6::before{width: 18px;} .inventry_view_outer{height: 78vh;} .modal-open .wrapper_right{width: 97%;} .wrapper_mobile {padding: 0 15px 15px 15px; height: 100%; overflow-y: unset;} .butns_group .btn_search{height: 40px; font-size: 14px;} .buylead_matches .wrapper_mobile{height: 80vh; overflow-y: scroll;} .leadsWrapper_bg .leads_wrapper .lead_block{margin: 15px 0;} .inventory_table .table_header{top: 184px;} .inventory_header{top: 124px;} } @media (max-width: 1500px) { .inventory_table .table_td, .added_date, .invnt_date h4 small, .details_table article.selling_price .price_text, .details_table article.selling_price, .invnt_id h6, button.btn_price {font-size: 12px !important;} .inventory_wrapper_tabs .listed_on h6{font-size: 12px; white-space: normal;} .inquired h5{font-size: 12px;} .inventory_wrapper_tabs .details_table article.selling_price h6{font-size: 12px;} .actions .btn{font-size: 12px !important;} .inventory_wrapper_tabs ul li button.nav-link{font-size: 12px; padding: 10px 15px;} .inventory_wrapper_tabs .nav_tabs_bg ul{width: 100%;} .login-page-out .slider-rotate__container {width: 80%;} .w-md-100{width: 100% !important;} .login-page-out .benefits-block h2 {max-width: 80%;} .login-page-out .icon-text{font-size: 15px;} .inventory_wrapper_tabs .nav_tabs_bg{/*overflow-x: scroll;*/} /*.inventory_wrapper_tabs .nav_tabs_bg ul{width: 1042px;}*/ .inventory_wrapper_tabs ul li{/*width: auto;*/} .inventory_wrapper_tabs ul li button.nav-link{width: auto; padding: 10px 23px; display: inline-block;} .inventory_wrapper_tabs .inventory_header{border-top: 0px;} .invnt_date h4{font-size: 12px;} .details_table h3{font-size: 12px;} .inventory_wrapper_tabs .inventory_row .lead_match h5{font-size: 12px;} .inventory_wrapper_tabs .inventory_row .lead_match h5 strong.hot{font-size: 12px;} .listed_on a, .invnt_id h5, .buyer_leads, .seller_leads, .buyer_leads strong, .seller_leads strong, .details_table article span, .details_table article strong{font-size: 12px;} .inquired h5 strong{font-size: 12px;} .inventory_wrapper_tabs .inventory_row .lead_match h5 strong.veryhot{font-size: 12px; padding: 5px 10px;} .inventory_wrapper_tabs .inventory_row .lead_match h5 strong.warm{font-size: 12px; padding: 5px 10px;} .inventory_wrapper_tabs .listed_on h6::before{background-size: 12px; width: 12px; height: 12px;} .inventory_wrapper_tabs .table_header .inquired, .inventory_wrapper_tabs .inventory_row .inquired{width: 13%;} .inventory_wrapper_tabs .table_header .invnt_id, .inventory_wrapper_tabs .inventory_row .invnt_id{width: 9%;} .inventory_wrapper_tabs .table_header .invnt_date, .inventory_wrapper_tabs .inventory_row .invnt_date{width: 12%;} .inventory_wrapper_tabs .table_header .v_details, .inventory_wrapper_tabs .inventory_row .v_details{width: 18%;} .inventory_wrapper_tabs .table_header .listed_on, .inventory_wrapper_tabs .inventory_row .listed_on{width: 12%;} .inventory_wrapper_tabs .table_header .actions, .inventory_wrapper_tabs .inventory_row .actions{width: 14%;} .leadsWrapper_bg .leads_wrapper .lead_block{width: 22%;} .wrapper_right{width: 80%;} .wrapper_right.menu_slim{width: 100%;} } @media (max-width: 1450px) { .leadsWrapper_bg .leads_wrapper .lead_block p{font-size: 13px;} .buylead_tat img{width: 170px; top: 0;} .wrapper_right{width: 80%;} .wrapper_right.menu_slim{width: 100%;} .inventory_row .actions .btn{width: 115px;} .specific_wraper{width: 115px;} .addSellLead .tab-content .tabs-inner .form-outer .row .col-md-6{width: 100%;} .add_inventory_out .form-outer .col-md-6{white-space: pre-wrap;} .bulkupload_buyleads .col-md-6{width: 60%;} .cards_wrapper .cards h6{font-size: 12px; margin-bottom: 5px; white-space: nowrap;} .cards_wrapper .cards h5{margin-bottom: 5px;} .inventory_wrapper_tabs ul li:first-child{width: auto;} .inventory_wrapper_tabs .listed_on h6{white-space: normal;} .inventory_wrapper_tabs .listed_on h6::before{width: 16px;} .inventory_row .images img{height: auto;} .inventory_row .images .bulk_img{border-radius: 6px; border:1px solid #038D81; margin-bottom: 5px;margin: auto; width: 100% !important; height: auto !important;} .inventory_row .images img{width: 100%; /*height: 174px;*/ height: auto !important ; border-radius: 6px;} .modal-open .wrapper_right{width: 100%;} .buylead_matches .inventory_row .inquired{font-size: 12px;} .btn_md{width: 115px; height: 30px;} } @media (max-width: 1366px) { .wrapper_right{width: 80%;} .wrapper_right.menu_slim{width: 89%;} .listed_on a, .invnt_id h5, .buyer_leads, .seller_leads, .buyer_leads strong, .seller_leads strong, .details_table article span, .details_table article strong{font-size: 10px;} .actions .btn{padding: 5px;} .actions .btn:before{margin-right: 5px;} .accordion.row{display: block;} .accordion.row .col-6{width: 100%; max-width: 100%;} .inventory_row .actions .btn{width: 100px; padding: 5px; font-size: 11px !important;} .specific_wraper{width: 100px;} .login_right_wrapper .teal_bg{left: 0;} .inventory_wrapper_tabs ul li button.nav-link{padding: 10px 16px;} .buylead_tat img{width: 140px;} .wrapper_selllead .inventory_row .table_td:nth-child(6){width: 17%;} .inventory_wrapper_tabs .listed_on h6::before{width: 16px; height: 16px;} .inventry_view_outer{height: auto;} /* .wrapper_mobile{height: 100%; overflow-y: unset;}*/ .content_wrapper{width:100%; margin-bottom: 20px;} .add_inventory_out .image_upload, .upload_img_popup .image_upload{height: auto; flex-direction: column;} .btn_md{width: 100px; font-size: 12px;} } @media (max-width: 1280px) { .inventory_wrapper_tabs ul li button.nav-link{padding: 9.9px 20px; position: relative;} } @media (max-width: 1250px) { .wrapper_left{transform: translateX(-600px); position: absolute; z-index:10; transition: transform .25s ease-in-out,inline-size .25s ease-in-out,box-shadow .25s ease-in-out;} .content_wrapper{width: 99%; margin: 0 0 0 12px;} .header_top .mob_menu_icon{display: block;} .wrapper_left.mob_menu{ display:block; position:fixed; z-index:9; background: rgba(255, 255, 255, 0.4); width: 100%; max-width: 100%; transform: translateX(0px); transition: transform .25s ease-in-out,inline-size .25s ease-in-out,box-shadow .25s ease-in-out} .wrapper_left.mob_menu .mob_close_icon{display: block;} .menu_icon{display: none;} .curved_bg .icon_close{background: #f7f7f8;} .shap-right-bottom svg path{fill: #f7f7f8;} .wrapper_right{width: 100%; margin-bottom: 20px;} .status_history article{overflow-x: auto;} .status_history .histry_table{width: 1400px;} .inventory_row .actions .btn{width: 115px;} .specific_wraper{width: 115px;} } @media (max-width: 1200px) { /*Login Page Start */ .login-page-out .login-bg{background:#ffffff; } .login-page-out .slide:before{background: #f1f1f1;} .login-page-out .icon-text {background: #f1f1f1;border-radius: 10px;font-size: 20px;font-weight: 600;line-height: 18px;letter-spacing: 0.03em;margin-bottom: 30px;} .login-page-out .benefits-block h2 {background: #f1f1f1;padding: 10px;max-width: 90%; border-radius: 40px;text-align: center;font-size: 16px;position: relative;} .login-page-out .benefits-block h2:before {content: "";width: 100%;height: 1px;background: #f1f1f1;position: absolute;left: -100%;top: 19px;} .login-page-out .benefits-block h2:after {content: "";width: 100%;height: 1px;background: #f1f1f1;position: absolute;top: 19px;} /*Login Page End*/ .buyer_leads, .seller_leads{font-size: 12px; padding: 5px;} .added_date{font-size: 12px;} .invnt_date h4{font-size: 12px; text-align: center;} .invnt_id h6{font-size: 12px;} .invnt_id h6 small{font-size: 12px;} .inventory_table .table_header{padding: 0 5px;} .actions .btn {font-size: 12px !important;} .inquired h5{font-size: 12px;} .inquired h5 strong { font-size: 12px;} .inventory_wrapper_tabs .inventory_row .lead_match h5{font-size: 12px;} .quick_links ul li a{word-break: break-word;} .refurb-scrollable, .refurb-scrollable.w-auto{width: 80% !important;} } @media (max-width: 1150px) { .cards_wrapper .swiper-slide{width: 48% !important; margin-right: 0px !important;} .cards_wrapper .swiper-slide{width: 33% !important; margin-right: 0px !important;} .cards_wrapper .swiper-slide .cards{width: 94% !important; margin-left: 20px !important;} .dasbaord_Swiper .swiper-button-next, .dasbaord_Swiper .swiper-rtl .swiper-button-prev{right: -3%;} .dasbaord_Swiper .swiper-button-prev, .dasbaord_Swiper .swiper-rtl .swiper-button-next{left: -1%; box-shadow: none !important;} .actions .btn{font-size: 11px; padding: 5px;} .details_table article span{font-size: 12px;} .details_table article strong{font-size: 12px;} .details_table article.selling_price{font-size: 14px;} .listed_on a{font-size: 12px;} .details_table article.selling_price .price_text{font-size: 14px;} .search_wrapper{padding: 10px 5px;} .table_td{font-size: 14px;} .actions .btn-spcific{padding: 5px; letter-spacing: -0.5px;} .search_fields .form-select, .form-select{width: 140px; padding-right: 34px !important;} .custom_input{width: 140px;} .buyer_leads strong, .seller_leads strong{font-size: 12px;} button.btn_price{font-size: 12px;} /*.added_date img{width: 20px;}*/ .table_header .listed_on, .table_header .invnt_id, .inventory_row .listed_on, .inventory_row .invnt_id{display: none;} .table_header .v_details{width: 35%;} .inventory_row .v_details{width: 35%;} .inventory_row .invnt_date, .table_header .invnt_date{width: 15%;} .table_header .actions, .inventory_row .actions{width: 17%;} .details_table article:nth-child(3), .details_table article:nth-child(4), .details_table article:nth-child(5), .details_table article:nth-child(6), .details_table article:nth-child(7){display: none;} button.btn_price{margin-top: 0px;} .details_table article{padding: 5px 10px;} .details_table h3{font-size: 13px;} .btns_block button.btn{font-size: 12px;} .invnt_date h4 small{letter-spacing: -1px; display: inline-block;} .tabs_listing{width: 75%;} .insurance_wrapper .inventory_row .v_details{width: 20%;} .inventory_wrapper_tabs .table_header .check_box, .inventory_wrapper_tabs .inventory_row .check_box{width: 4%;} .inventory_wrapper_tabs .table_header .invnt_date, .inventory_wrapper_tabs .inventory_row .invnt_date{width: 15%;} .inventory_wrapper_tabs .table_header .lead_match, .inventory_wrapper_tabs .inventory_row .lead_match{width: 14%;} .inventory_wrapper_tabs .table_header .v_details, .inventory_wrapper_tabs .inventory_row .v_details{width: 25%;} .inventory_wrapper_tabs .table_header .inquired, .inventory_wrapper_tabs .inventory_row .inquired{width: 25%;} .inventory_wrapper_tabs .table_header .actions, .inventory_wrapper_tabs .inventory_row .actions{width: 17%;} .inventory_wrapper_tabs .details_table article:nth-child(3){display: block;} .inventory_wrapper_tabs .nav_tabs_bg ul{width: 920px;} .add_inventory_out .form-outer .col-md-6{width: 100%;} .cards_wrapper_v .cards .gap-4.d-flex{gap: 1.0rem !important;} .add_inventory_out a.ui-link{color: rgb(15, 118, 110); border-bottom: 1px dashed rgb(15, 118, 110); text-decoration: none;} .add_inventory_out a.ui-link:after{content: '↗';} .wrapper_mobile {height: 100%; overflow-y: unset;} .buylead_matches .inventory_wrapper_tabs .table_header .lead_match{width: 14%;} .insurance_wrapper .table_header .invnt_id{display: block;} .purchase_wrapper.wrapper_mobile .table_header .sl_actions{width: 17%;} .purchase_wrapper.wrapper_mobile .table_header .sl_images{width: 18%;} .purchase_wrapper.wrapper_mobile .table_header .lead_match{width: 14%;} .purchase_wrapper.wrapper_mobile .invnt_id{display: block;} .purchase_wrapper.wrapper_mobile .table_header .sl_car_details{display: none;} } @media (max-width: 998px) { .search_fields .form-select, .form-select, .custom_input .form-control, .advanced_options .form-select {padding: 10px; background-size: 16px 16px !important; font-size: 14px; } .butns_group .btn_advncd, .butns_group .btn_search { font-size: 14px; padding: 10px;} .leads_wrapper{display: flex; flex-wrap: wrap; justify-content: flex-start;} .lead_block{width: 130px; margin-bottom: 10px;} .area_imprvmnts ol li article{display: flex; flex-wrap: wrap;} .area_imprvmnts ol li article span{width: auto;} .stockGraph.col-md-4, .buyLadGraph.col-md-4, .sellLeadGraph.col-md-4{width: 100%; max-width: 100%; margin-bottom: 20px;} .area_imprvmnts, .quick_links{margin: 10px 0 0 0;} .customer_rating_popup .modal-dialog{width: 90%; max-width: 90%;} .inventory_table_bg{overflow-x: scroll;} .inventory_table{width: 1000px;} .header_top article{padding-right: 0px;} .title_bar{top: 54px;} .inventry_view_outer .row .col-md-6{width: 100%; max-width: 100%;} .inventory_wrapper_tabs .nav_tabs_bg{overflow-x: scroll;} .buylead_tat img{display: none;} .inventry_view_outer .setting_wrap_inner .col-md-6{width: 50%; max-width: 50%;} .table_bg{overflow-x: scroll;} .bulkupload_buyleads .col-md-6{width: 80%;} .wrapper_right{width: 98%;} .wrapper_mobile, .inventry_view_outer {height: auto; overflow-y: unset;} .add_inventory_out .image_upload, .upload_img_popup .image_upload{height: auto; flex-direction: row;} } @media (max-width: 990px) { .customer_live {position: absolute; top: 67px; right: 3%; z-index: 9;} .dasbaord_Swiper{display: block !important;} .dasbaord_Swiper .col-md-4, .dasbaord_Swiper .col-md-8{max-width: 100%; width: 100%;} .cards_wrapper_v .buylead_curved_bg{height: 180px;} .buylead_tat img{display: block; width: 330px; top: -44px;} .buylead_tat article{width: 45%;} .leads_wrapper{padding-bottom: 0px; margin-bottom: 20px;} .title_bar {display: block; top: 56px; padding: 0px 0;} .tabs_listing {width: 100%; margin-top: 10px;} } @media (max-width: 767px) { .border-lgray .nav-link{color: #333333 !important; font-size: 13px;} .header_top{width: 98%;} .content_wrapper{width: 96%; margin: 0 12px 0 12px;} .wrapper_mobile, .inventry_view_outer { height: 100%; overflow-y: unset;} .my_buy_leads .wrapper_mobile, .inventry_view_outer { height: 85vh; overflow-y: scroll;} .dasbaord_Swiper{display: block;} .dasbaord_Swiper .swiper-button-next, .dasbaord_Swiper .swiper-rtl .swiper-button-prev, .dasbaord_Swiper .swiper-button-prev, .dasbaord_Swiper .swiper-rtl .swiper-button-next{display: flex;} .customer_live{position: fixed; top: 67px; right: 3%; z-index: 9;} .add-make .form-select{width: 150px;} /*Login Page Start */ .login-page-out .login-bg{background:#ffffff; } .login-page-out .login-bg:after{display: none;} .login-page-out .slide{width: 280.34px; height: 280.51px; margin: auto; } .login-page-out #slider-2, .benefits-block{display: none;} .login-page-out .slider-rotate__item--active .slide{display: block;} .login-page-out .slider-rotate__item--active .slide:before{content:""; border-radius: 62px;background: linear-gradient(136deg, #2DD4BF 33%, #0F766E 92%);box-shadow: 6px 6px 40px 0px rgba(0, 0, 0, 0.2);position: absolute;left: 0; right: 0; margin: auto;width: 280.34px;height: 280.51px;transform: rotate(45deg);} .login-page-out .slide:before{content:""; border-radius: 62px;background: #f1f1f1;position: absolute;left: 0; right: 0; margin: auto;width: 220.34px;height: 220.51px;transform: rotate(45deg);} .login-page-out .benefits-block h2 {background: #f1f1f1;padding: 10px;max-width: 90%;margin: 30px auto;border-radius: 40px;text-align: center;font-size: 16px;position: relative;} .login-page-out .benefits-block h2:before {content: "";width: 100%;height: 1px;background: #f1f1f1;position: absolute;left: -100%;top: 19px;} .login-page-out .benefits-block h2:after {content: "";width: 100%;height: 1px;background: #f1f1f1;position: absolute;top: 19px;} .login-page-out .icon-text {background: #f1f1f1;border-radius: 10px;font-size: 20px;font-weight: 600;line-height: 18px;letter-spacing: 0.03em;margin-bottom: 30px;} /* Login Page End */ .content_wrapper{border-radius: 0px;} .cards_wrapper .swiper-slide{width: 47% !important; margin-right: 20px !important;} .lead_block{width: 130px; margin-bottom: 10px;} .customer_rating_popup .modal-dialog{width: 100%; max-width: 100%; margin: 0;} .customer_rating_popup.show .modal-dialog{} .title_bar{display: block; top: 56px; padding: 0px 0} .tabs_listing{width: 100%; margin: 10px 0 0 0;} .fields_btns{display: none;} .advanced_options.active{display: none;} .modal .modal-dialog{max-width: 100%;} .modal .modal-dialog .modal-content{position: fixed; bottom: -500px; transform: translateY(500px); transition: transform .40s ease-in-out,inline-size .40s ease-in-out,box-shadow .40s ease-in-out; left: 0;} .modal.show .modal-dialog .modal-content{border-radius: 25px 25px 0 0; bottom: 0; transform: translateY(0px); transition: transform .40s ease-in-out,inline-size .40s ease-in-out,box-shadow .40s ease-in-out;} .modal-dialog .modal-header{border-radius: 20px 20px 0 0; margin: 12px 12px 0 12px;} .modal-dialog-scrollable .modal-body{padding: 12px;} .modal.show .modal-dialog .modal-content .modal-body{/*padding-bottom: 60px;*/} .customer_rating_popup table thead tr th:first-child, .customer_rating_popup table thead tr th:last-child{border-radius: 0;} .hdng{margin-bottom: 0px;} .search_wrapper{display: none;} .search_wrapper .btn_filters{display: flex;} .search_fields .form-select, .search_fields .form-check, .custom_input, .search_fields .form-control{width: 48%;} .butns_group{display: flex; align-items: center; justify-content: space-between;} .butns_group .btn{width: 48%; margin: 10px 0 0 0;} .search_filters_popup .advanced_options.active{display: block !important;} .search_filters_popup .advanced_options article{display: flex; flex-wrap: wrap; justify-content: space-between;} .search_filters_popup .advanced_options .form-select{width: 48%;} .search_filters_popup .advanced_options{height: 0;} .search_filters_popup .search_fields{justify-content: space-between;} .advanced_options.active h4{margin: 20px 0 20px 0; padding-left: 0px;} .inventory_wrapper{display: none;} .search_wrapper .vehicle_count{padding: 0;} .search_wrapper .vehicle_count h3{font-size: 24px;} .search_wrapper .vehicle_count h3 small{font-size: 20px;} .listing_card_wrapper{display: block;} .graphs_wrapper{margin: 0 !important;} .stockGraph.col-md-4, .buyLadGraph.col-md-4, .sellLeadGraph.col-md-4{padding: 0;} .graphs_wrapper .col-md-6, .graphs_wrapper .col-sm-12{padding: 0;} .fixed-btns{position: fixed; bottom: 0px; width: calc(100% - 24px); background: #ffffff; padding: 10px 0;} #search_filters_popup .modal-body{margin-bottom: 70px;} /*Inventory __ Viewing Inventory start*/ .inventry_view_outer .side-accordion .accordion-item{width: 100%; margin-right: 10px; margin-left: 10px; height: fit-content;} .inventry_view_outer{background:transparent; border:none; height: auto; overflow-y: unset;} .wrapper_right{margin-right: 0; width: 100%;} .tabs_listing{width: 100%; margin-top: 10px;} .title-bar-in {padding: 10px 10px 10px 10px; border-radius: 0;} .tabs_listing .container{max-width: unset;} /*Inventory __ Viewing Inventory end*/ /*Add Inventory __ Viewing Inventory start*/ .refurbishment .inventry_view_outer .accordion-item {margin-bottom: 0px;border-radius: 0px !important;border-top: 1px solid #E4E6E8 !important;margin: 0 -15px;border-bottom: none !important;border-left: none !important;border-right: none !important;} .refurbishment .inventry_view_outer .accordion-item:last-child{border-bottom: 1px solid #E4E6E8 !important; margin-bottom: 15px;} .refurbishment .accordion-item .accordion-button {border-radius: 0px 0px 0 0px !important;} .refurbishment .accordion-body{padding: 5px !important;} .add_inventory_out .tab-content { padding: 0px;} .add_inventory_out #myTab { background: #ffffff; border-radius: 10px 0 0 10px; height: 100%; width: 100%; flex-wrap: nowrap; width: max-content;flex-direction: row !important; } .m-tabs{width: 100%; overflow-x: auto; scroll-behavior: smooth;} .add_inventory_out #myTab .nav-link.active { background: #00857A; border-right: 0.5px solid #FAFAFA; color: #ffffff; border-left: 0px solid #00857A; border-bottom: 0px solid #00857A;} .add_inventory_out #myTab .nav-link {padding: 15px;border-left: 0px solid #ffffff;font-weight: 600; color: #646060; border-bottom: 0px solid #f9f9f9; border-right: 0.5px solid #EDEDED; border-radius: 0; background: #f9f9f9;} .add_inventory_out { background: transparent; border: none; border-radius: 10px; margin-top: 20px;min-height: 200px;font-size: 14px;} .accordion-body .edit_list .row{padding-top: 5px; padding-bottom: 10px;} .inventory_wrapper.inventory_wrapper_tabs{display: block;} .modal-body .fields_btns_lead{display: block;} .custom_input .form-control{width: 100%;} .my_buy_leads .card_details{padding: 0 0 0 5px;} .my_buy_leads .card_details .mobile{font-size: 16px; font-weight: 600; margin-bottom: 0px;} .my_buy_leads .card_details .mobile h6{margin-bottom: 0px;} .my_buy_leads .card_details .ymm{font-size: 14px; display: inline-block; width: auto; margin-bottom: 5px;} .listing_card .card_title{display: flex; align-items: center; font-size: 16px;} .listing_card .card_title img{margin-right: 5px;} .my_buy_leads .card_details article{padding: 5px 0; display: flex; flex-wrap: wrap;} .my_buy_leads .card_details article span{width: 100%; word-break: break-word;} .my_buy_leads .card_details article strong{width: 50%; word-break: break-word;} .inventory_wrapper_tabs{border-left: 0; border-right: 0;} .inventory_table_bg{display: none;} .inventory_header{display: none;} .listing_card_wrapper.py-4 {padding: 15px !important; border: 1px solid #14B8A6; margin-top: 10px;} .buylead_matches .listing_card_wrapper.py-4{margin-top: 0px;} .nav_tabs_bg{width: 100%; overflow-x: auto; scroll-behavior: smooth;} .inventory_wrapper_tabs .nav_tabs_bg ul{border-bottom: 1px solid #14B8A6; width: 100%; display: flex; flex-wrap: nowrap;} .tabs_listing .tabsSwiper{margin: 0px;} .tabs_listing .tabsSwiper .swiper-wrapper{overflow: visible;} .side_menu .logo img{width: 34% !important;} .cards_wrapper .swiper-slide:nth-child(1){width: 100% !important;} .note ul{display: block;} .note ul li{width: 100%;} .title-select{padding-right: 38px; margin-bottom: 5px; margin-right: 10px;} .leadsWrapper_bg .leads_wrapper{width: 100%} .leadsWrapper_bg .leads_wrapper .lead_block{width: 48%;} .buylead_tat img{display: block; width: 280px; top: -40px;} .inventry_view_outer .setting_wrap_inner .col-md-6{width: 100%; max-width: 100%;} .inventry_view_outer .setting_wrap_inner .col-md-6.sub_view{padding: 15px;} .inventry_view_outer .add_inventory_out #myTab{margin-top: 40px;} .source_hdr{/*position: absolute;*/ width: 100%;} .inventry_view_outer .add_inventory_out #myTab .nav-link .btn{margin-left: 30px;} .inventry_view_outer .settings_wrapper .nav-link.active .btn{border-color: #ffffff; color: #ffffff; background: none;} .accordion.row{padding: 0;} .settings_wrapper{padding: 10px !important;} .inventry_view_outer .settings_wrapper .row{overflow: unset; max-height: unset;} .sub_view{height: auto;} .inventry_view_outer .settings_wrapper .setting_wrap_inner{height: auto;} .bulk_img img{width: 100%; height: auto !important;} .edit_list .card-body .image-container a img{width: 100%;} .row.edit_inventory{margin-left: 0; margin-right: 0;} .inventry_view_outer .row.p-md-3{margin-left: 0; margin-right: 0; padding: 15px 0;} .login_right_wrapper .teal_bg, .login_right_wrapper .car_line_art, .login_right_wrapper .dots_top, .login_right_wrapper .dots_btm, .login_right_wrapper .tower{display: none;} .blbu_wrapper .inventory_header{display: block;} .blbu_wrapper .close-btn-black{margin-top: 15px;} .bulkupload_buyleads h4{margin: 0px 0 15px 0;} .status_history_wraper .table_bg table select.form-select{width: 90px;} .bulkupload_buyleads .col-md-6{width: 100%;} .inventory_wrapper_tabs ul li{width: auto;} .left_right_arrows button.btn{border: 0;} .count_arrows .form-select{padding: 0.275rem 1.70rem .275rem .75rem; height: 34px !important; width: auto;} .my_invntry .btns_block button.btn.btn_add:before, .btn.btn_add:before{margin-right: 0;} .my_invntry.listing_card_wrapper .btn.btn_filters::before{margin-right: 0;} .my_invntry.listing_card_wrapper .btn.btn_filters{height: 30px;} .table-responsive.add-make{padding: 0;} .table-responsive.add-make table{width: 500px;} .table-responsive.add-make.car_exchange{overflow-x: unset;} .table-responsive.add-make table, .table-responsive.add-make table tr td{} button.btn.btn-end{background: #ffffff;} button.btn.btn-end::before{margin-right: 0;} .card_details article span img{margin-bottom: 0} .listing_card_wrapper .btns_block .btn{margin-right: 8px;} .card_body .added_date h4{font-size: 14px;} .btns_block button.btn.btn_archived span{display: none;} .btns_block button.btn.btn_archived:before{margin-right: 0px;} .btns_block button.btn.btn_bulkUpload:before{margin-right: 0px;} .card_details article .btn.btn_search{padding-left: 0;} .date_time{margin-top: 15px !important;} .purchase_wrapper .inventory_wrapper_tabs ul li{width: auto;} .btn.btn_bulkUpload span, .btn.btn_delete_selected span, .btn.btn_unselect span{display: none;} .btns_block button.btn_delete_selected:before, .btns_block button.btn_unselect::before{margin-right: 0px;} .btns_block_bg {position: sticky; top: 115px; padding: 5px; background: #fafafa; z-index: 2;} .listing_card{margin-top: 0px; margin-bottom: 12px;} #bulkdelete_popup .modal-body .table_bg table.table tr th{white-space: nowrap;} .listing_card .form-check-input:checked{border-color: #ffffff !important;} .listing_card .form-check .form-check-input, .check_box .form-check .form-check-input{border-radius: 50%;} .btns_block .check_box .form-check label{font-size: 14px;} #bulkdelete_popup .modal-dialog .modal-body .table_bg{overflow-x: scroll;} /*#bulkdelete_popup .modal-dialog .modal-body .table_bg tr td .form-select{width: 160px;}*/ .btns_block button.btn_delete_selected:hover::before{margin-right: 0;} #bulkdelete_popup .modal-dialog .modal-body .table_bg tr td .row .col-12.col-sm-6 .form-select#soldsource{width: 100%;} .purchase_tabs .listing_card_wrapper .btns_block{justify-content: space-between !important; margin-bottom: 10px;} .accordion-item.refurb-accordion .accordion-button .title_text{font-size: 12px;} .refurb-count-tracker-container.collapsed .title_text strong{display: table; padding: 3px 8px; margin-left: 0px; font-size: 11px; margin-top: 4px;} .refurb-count-tracker-container .title_text strong{display: table; padding: 3px 8px; margin-left: 0px; font-size: 11px; margin-top: 4px;} .total_refurb_amount h3{display: flex; flex-direction: column; align-items: center; justify-content: center;} } @media (max-width: 600px) { .wel_text{color: #ffffff;} .wel_text span{color: #cccccc;} .title_bar{top: 70px;} .side_menu_bg{width: 100%; max-width: 100%;} .wrapper_left{width: 100%;} .mob_top{display: flex; align-items: center; padding: 0 5px;} .mob_logo{display: block; width: 45%;} .wrapper_left.mob_menu{padding: 0;} button.btn_white span{display: none;} button.btn_white.profile::before, button.btn_white.logout::before, button.btn_white.settings::before, button.btn_white.reports::before, button.btn_white.helpline::before{margin: 0;} .cards_wrapper .swiper-slide{width: 100% !important; margin-right: 10px !important;} .cards_wrapper .swiper-slide .cards{width: 96% !important; margin: 10px auto; margin-left: 10px !important;} .stock_curved_bg, .buylead_curved_bg, .selllead_curved_bg, .mtdlead_curved_bg{padding: 10px 30px 0 30px;} .lead_block{width: 47%; margin-bottom: 10px;} .customer_live span{display: none;} .hdng{font-size: 20px;} .btn.btn_cr{padding: 5px;} section.main_section{padding: 0 !important;} .p-2.wrapper_right{padding: 0 !important;} .header_top{background: #181818; padding: 10px 5px; width: 100%; height: 70px;} .header_top article{padding-right: 10px;} .header_top button.btn_white{border-radius: 50%; width: 32px; height: 32px; padding: 5px;} .content_wrapper{margin: 0px auto; width: 100%; /*padding: 0 12px 10px 12px;*/ padding: 0;} .curved_bg{height: calc(100vh - 0px); border-radius: 0;} .quick_links{margin-top: 30px;} .lead_block p{font-size: 16px;} .lead_block h4{font-size: 20px;} .lead_block img{width: 44px;} .search_wrapper .vehicle_count h3{font-size: 20px;} .search_wrapper .vehicle_count h3 small{font-size: 18px;} .search_wrapper .vehicle_count h3::before{width: 38px; height: 38px; background-size: 38px;} .tabs_listing{/*overflow-x: scroll;*/ padding-left: 0; padding-right: 0;} .tabs_listing a{white-space: nowrap;} .inventory_header{overflow-x: scroll; padding-bottom: 5px;} .btns_block button.btn{white-space: nowrap;} .inventory_header .form-select{width: 80px; margin-left: 10px;} .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{font-size: 12px !important;} .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{font-size: 12px !important;} .inventory_row .images{width: 10%; font-size: 12px;} .table_header .images{width: 10%;} .swiper-button-prev, .swiper-rtl .swiper-button-next{left: -10px !important;} .swiper-button-next, .swiper-rtl .swiper-button-prev{right: -10px !important;} .actions{display: flex; justify-content: space-between;} .actions .btn{width: 32px; height: 32px;} .actions .btn span{display: none;} .inventory_row .invnt_date, .table_header .invnt_date{width: 23%;} .inventory_row .invnt_date article{display: flex; align-items: center;} .added_date{width: 38%; margin-right: 5px;} .added_date.mt-3{margin-top: 0 !important;} .buyer_leads{margin-bottom: 5px;} .seller_leads{margin-bottom: 0;} .actions .btn:hover::before{width: 16px; height: 16px; background-size: 16px;} .actions .btn::before{width: 16px; height: 16px; background-size: 16px; margin: 0px;} .card_details article{padding: 3px 0; font-size: 12px;} .card_body .added_date h4 {font-size: 14px;} .customer_live{top: 15%;} .upload_img_popup .image_upload{ height:auto; text-align: center;} .upload_img_popup h5{margin: 5px 0;} .upload_img_popup .image_upload .d-flex{display: block !important;} .btn.status_history{white-space: nowrap;} .add_inventory_out .image_upload{margin-bottom: 10px;} .tyre-camera-bg{margin-bottom: 20px;} } @media (max-width: 550px) { .title_bar{top: 70px;} .customer_live{top: 17%;} .add_inventory_out .image_upload{flex-direction: column; height: auto; width: 100%;} .edit_list .card-body .image-container a{height: auto;} .image_title{margin-bottom: 30px;} .add_sell_lead .image_upload{margin-bottom: 46px;} .add_sell_lead .image_upload .close-btn-black{margin-top: 10px;} .inventry_view_outer .row.p-md-3 .col-sm-4{margin-bottom: 10px; text-align: center; justify-content: center; display: flex;} .edit-list.imagesOfCar .image_upload{margin-bottom: 30px; align-items: center;} .edit-list.imagesOfCar .image_upload button.close-btn-black{margin-top: 10px;} .edit-list.imagesOfCar .image_upload h3{font-size: 12px; margin: 0;} .bulkupload_buyleads .close-btn-black{margin-top: 14px;} .card_body h5{margin: 5px 0 0 0 !important;} .add_inventory_out .addimages img.img-fluid{width: 100%;} .executive_edit.row{margin: 0;} p.liststyle{margin-bottom: 0px;} .add_inventory_out h3{margin: 10px 0 15px} .listing_card_wrapper .btns_block{/*overflow-x: scroll;*/ margin-bottom: 10px;} .table_td{width: 100%;} } @media (max-width: 500px) { .buylead_tat img{width: 160px; top: 16px;} .title-select select{width: 50%; font-size: 12px;} .title-select{padding-right: 50px;} .title_bar{top: 70px;} .customer_live{top: 8.5%;} button.btn_price {font-size: 9px !important;} .buylead_tat article{width: 100%;} .cards_wrapper_v .stock_curved_bg{height: auto;} .buylead_tat img{width: 220px; top: -10px;} .imgupload_inner{display: block;} .imgupload_inner h5{margin: 8px 0 !important;} .listing_card_wrapper.py-4{padding: 10px !important;} .left_right_arrows.gap-2{gap: .2rem !important;} .left_right_arrows{margin-left: 5px;} .listing_card_wrapper .btn.btn_filters{padding: 5px 7px;} .listing_card_wrapper .btns_block .btn{padding: 5px 7px; margin-right: 8px;} .details_table h6{font-size: 12px;} .card_details .btn.btn_search{padding: 0;} .add_inventory_out .image_upload .close-btn-black{margin: 0;} .recdView .noFlex { display:block!important; } .recdView .noFlex p { text-align:center; margin-bottom:10px !important; } .recdView .widthAuto { width:auto !important; } .align-items-center.gap-2{flex-direction: column;} .inventry_view_outer .accordion-item .accordion-button{font-size: 14px; padding: 15px;} .accordion-body{padding: 10px !important;} .add_inventory_out .accordion-item.refurb-accordion .accordion-button{padding: 10px 5px; font-size: 14px;} .add_inventory_out .accordion-item.refurb-accordion .accordion-header .accordion-button:not(.collapsed){padding: 10px 5px; font-size: 14px;} .refurb-count-tracker{font-size: 12px; width: 40px; right: 24px; padding: 3px;} .accordion-button::after{width: 14px !important; height: 14px !important;} .inventry_view_outer .accordion-item.refurb-accordion{margin: 10px 0;} .accordion-item.refurb-accordion .accordion-button .title_text{width: 76%;} .inventry_view_outer .btn-circle{right: 35px; padding: 3px 8px;} } @media (max-width: 414px) { .mob_logo{display: block; width: 70%;} .curved_bg{height: calc(100vh - 0px); border-radius: 0;} .side_menu_bg{width: 100%; max-width: 100%;} .wrapper_left{width: 100%;} .search_wrapper{padding: 10px 5px;} .search_wrapper .vehicle_count{padding-right: 0px; width: 100%; margin-right: 0px; padding: 0;} .search_wrapper .vehicle_count h3{display: flex; text-align: center; width: 100%; letter-spacing: -0.5px;} .search_wrapper .vehicle_count h3::before{display: block; margin: 0 10px 0 0;} .fields_btns{display: none;} .advanced_options.active h4{margin: 10px 0 10px 0; padding: 10px 0 0 0px;} .advanced_options .form-select{width: 47%;} .table_header .check_box .form-check-input, .inventory_row .check_box .form-check-input{width: 16px; height: 16px;} .inventory_row{padding: 0;} .actions .btn::before{width: 18px; height: 18px; background-size: 18px;} button.btn_price{padding: 2px 5px;} .search_fields .form-select, .search_fields .form-check, .custom_input, .custom_input .form-control{width: 100%;} .card_details article .price{letter-spacing: -1px; font-size: 12px;} .card_body .added_date h4{font-size: 12px;} .search_filters_popup .advanced_options .form-select{width: 100%;} .customer_live{top: 78px; right: 10px;} .wel_text{font-size: 12px;} .wel_text span{font-size: 10px; color: #cccccc;} .lead_block h4{font-size: 16px;} .insurance_wrapper .card_body .card_details{width: 100%;} .insurance_wrapper .card_body .table_tr{width: 100%;} } @media (max-width: 375px) { button.btn_price {font-size: 9px !important;} .customer_live{top: 12%;} .lead_block{width: 100%; margin-bottom: 10px;} .dasbaord_Swiper .swiper-button-next, .dasbaord_Swiper .swiper-rtl .swiper-button-prev{right: -4%;} .dasbaord_Swiper .swiper-button-prev, .dasbaord_Swiper .swiper-rtl .swiper-button-next{left: -4%;} .search_wrapper .vehicle_count h3{font-size: 18px;} .card_details article{font-size: 12px;} .card_details article .price{font-size: 14px;} .card_body .lead_match .buyer_leads, .card_body .lead_match .seller_leads {font-size: 14px;} .card_body .lead_match .buyer_leads strong, .card_body .lead_match .seller_leads strong{font-size: 16px;} .added_date img{margin-right: 2px; width: 16px;} .card_details article .btn_price{padding: 2px 2px;} .listing_card .card_title{font-size: 14px; line-height: normal;} .tabs_listing .close-btn{right: 0px;} .card_body .date_block{display: block;} .card_body .date_block .col-6{width: 100%; margin-left: 0 !important; margin-bottom: 5px;} .buylead_tat img{display: none;} .quick_links ul li a{word-break: break-all;} .my_invntry .btns_block button.btn.btn_bulkUpload{letter-spacing: -1.1px;} #whatsapp_share .modal-sm .modal-body{flex-wrap: wrap; flex-direction: column;} #whatsapp_share .modal-sm .modal-body button.btn-outline-info{margin: 0 !important; width: 100%; margin-bottom: 10px !important;} } @media (max-width: 360px) { .search_wrapper article{padding: 0 5px;} .search_wrapper .vehicle_count h3{font-size: 18px;} .search_wrapper .vehicle_count h3 small{font-size: 16px;} .search_wrapper .vehicle_count h3::before{margin: 0 5px 0 0;} .card_details article .price{font-size: 12px;} .card_details article .btn_price{font-size: 11px;} .card_details article span img{width: 14px;} .card_body .added_date{letter-spacing: -0.5px; padding: 8px 5px;} .listing_card_wrapper .btns_block .btn{font-size: 12px;} .customer_live{top: 10.6%;} .card_details{padding: 0 0 0 5px;} .listing_card_wrapper article.gap-2{gap: 0.2rem !important;} } @media (max-width: 340px) { .card_body .lead_match .buyer_leads, .card_body .lead_match .seller_leads{font-size: 12px;} .card_body .lead_match .buyer_leads strong, .card_body .lead_match .seller_leads strong{font-size: 12px;} .buyLadGraph svg{width: 260px;} } .width-1 { width: 1% !important; } .width-2 { width: 2% !important; } .width-3 { width: 3% !important; } .width-4 { width: 4% !important; } .width-5 { width: 5% !important; } .width-6 { width: 6% !important; } .width-7 { width: 7% !important; } .width-8 { width: 8% !important; } .width-9 { width: 9% !important; } .width-10 { width: 10% !important; } .width-11 { width: 11% !important; } .width-12 { width: 12% !important; } .width-13 { width: 13% !important; } .width-14 { width: 14% !important; } .width-15 { width: 15% !important; } .width-16 { width: 16% !important; } .width-17 { width: 17% !important; } .width-18 { width: 18% !important; } .width-19 { width: 19% !important; } .width-20 { width: 20% !important; } .width-21 { width: 21% !important; } .width-22 { width: 22% !important; } .width-23 { width: 23% !important; } .width-24 { width: 24% !important; } .width-25 { width: 25% !important; } .width-26 { width: 26% !important; } .width-27 { width: 27% !important; } .width-28 { width: 28% !important; } .width-29 { width: 29% !important; } .width-30 { width: 30% !important; } .width-31 { width: 31% !important; } .width-32 { width: 32% !important; } .width-33 { width: 33% !important; } .width-34 { width: 34% !important; } .width-35 { width: 35% !important; } .width-36 { width: 36% !important; } .width-37 { width: 37% !important; } .width-38 { width: 38% !important; } .width-39 { width: 39% !important; } .width-40 { width: 40% !important; } .width-41 { width: 41% !important; } .width-42 { width: 42% !important; } .width-43 { width: 43% !important; } .width-44 { width: 44% !important; } .width-45 { width: 45% !important; } .width-46 { width: 46% !important; } .width-47 { width: 47% !important; } .width-48 { width: 48% !important; } .width-49 { width: 49% !important; } .width-50 { width: 50% !important; } .width-51 { width: 51% !important; } .width-52 { width: 52% !important; } .width-53 { width: 53% !important; } .width-54 { width: 54% !important; } .width-55 { width: 55% !important; } .width-56 { width: 56% !important; } .width-57 { width: 57% !important; } .width-58 { width: 58% !important; } .width-59 { width: 59% !important; } .width-60 { width: 60% !important; } .width-61 { width: 61% !important; } .width-62 { width: 62% !important; } .width-63 { width: 63% !important; } .width-64 { width: 64% !important; } .width-65 { width: 65% !important; } .width-66 { width: 66% !important; } .width-67 { width: 67% !important; } .width-68 { width: 68% !important; } .width-69 { width: 69% !important; } .width-70 { width: 70% !important; } .width-71 { width: 71% !important; } .width-72 { width: 72% !important; } .width-73 { width: 73% !important; } .width-74 { width: 74% !important; } .width-75 { width: 75% !important; } .width-76 { width: 76% !important; } .width-77 { width: 77% !important; } .width-78 { width: 78% !important; } .width-79 { width: 79% !important; } .width-80 { width: 80% !important; } .width-81 { width: 81% !important; } .width-82 { width: 82% !important; } .width-83 { width: 83% !important; } .width-84 { width: 84% !important; } .width-85 { width: 85% !important; } .width-86 { width: 86% !important; } .width-87 { width: 87% !important; } .width-88 { width: 88% !important; } .width-89 { width: 89% !important; } .width-90 { width: 90% !important; } .width-91 { width: 91% !important; } .width-92 { width: 92% !important; } .width-93 { width: 93% !important; } .width-94 { width: 94% !important; } .width-95 { width: 95% !important; } .width-96 { width: 96% !important; } .width-97 { width: 97% !important; } .width-98 { width: 98% !important; } .width-99 { width: 99% !important; } .width-100 { width: 100% !important; } /*fill: none!important;*/ .loader-container{ position: fixed;inset: 0px;margin: auto;width: 70px;height: 70px; svg{ position: absolute; width: 50px; height: 50px; inset: 0; margin: auto; } .loader { position: absolute; z-index: 1; width: 70px; padding: 5px; aspect-ratio: 1; border-radius: 50%; background: #f99226; --_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box; -webkit-mask: var(--_m); mask: var(--_m); -webkit-mask-composite: source-out; mask-composite: subtract; animation: l3 1s infinite linear; } } @keyframes l3 {to{transform: rotate(1turn)}} .custom-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.65); display: flex; justify-content: center; align-items: center; z-index: 99999; } .svg-cls-1{fill:#fff;}.svg-cls-2{fill:#123a5a;}.svg-cls-3{fill:#fa9400;}