@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; idth: 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;}
.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{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{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{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{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{display: none;}
.sub_menu.active, .buy_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{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{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{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
{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{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{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;}
.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-bottom: 15px;}
.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: 15px 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: lightgray; border: 1px solid black; 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;}
.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;}

.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: 0; z-index: 1;}
.inventory_table .table_header .table_td .form-check-input:checked{background-color: #2369A4; border-color: #2369A4;}
.table_td{color: #ffffff; font-weight: 600; font-size: 16px; padding: 10px; text-align: center;}
.check_box{border-radius: 8px 0 0 0;}
.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;}
.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;}
.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: 200px; height: 151px; margin: auto;}
.inventory_row .images img{width: 100%; /*height: 174px;*/ height: 149px!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 .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 .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;}

.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;}


/*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: 43px !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;}
.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;}
button.btn.btn-edit::before, button.btn.btn-del::before{margin-right: 5px;}
.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;}
.vehicle_details, .executive_adng, .evaluator_adng{display: none !important;}
.vehicle_details.active, .executive_adng.active, .evaluator_adng.active{display: flex !important;}
.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;}
.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-ghost{border-radius: 6px; background: none;align-items: center;padding: 5px 20px; 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: space-between;}
.inventory_wrapper_tabs ul li{width: 12.5%; 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 10px;
  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 10px 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; 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;}


.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;}
.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.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;
  color: white !important;
}

.refurb-camera-bg {
  background-color: #3D3D3D;
  height: 30px;
  width: 30px;
  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: 80% !important; scroll-behavior: smooth;}
.refurb-accordion .card-header.refurb_header{padding: 5px !important; font-size: 12px;}
.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;}



@media (max-width: 1700px) {
  .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;}
}

@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: 126px !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;}
}

@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;}
}

@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;}
}

@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;}
  .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) {
  .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: 10px;}

  .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.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;}
} 

@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;*/}
  .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;}
}