/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Dec 19, 2024, 11:29:02 AM
    Author     : emilia
*/

.main_app_cashOfferNow .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
}
.main_app_cashOfferNow.full-screen .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}
.main_app_cashOfferNow .container-fluid-p15 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
   margin-left: auto;
}

.main_app_cashOfferNow .container-fluid-footer {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 100px;
}
.btn-full {
    max-width: 100%;
    width: 100%;
}
.main-content-cashOffer .hero {
    margin-top: 30px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
}
.main-content-cashOffer .hero.contained {
    margin-left: auto;
    margin-right: auto;
}
.main_app_cashOfferNow .content-home {
    margin-left: -10px;
    margin-right:-10px;
    gap: 20px 0;
    box-sizing: border-box;
}
.main_app_cashOfferNow .content-home .col-12 {
    padding-left: 10px;
    padding-right: 10px;
}
.main_app_cashOfferNow .btn-border {
    display: inline-block;
    padding: 20px 30px;
    border: 2px solid #2b8ad4;
    color: #2b8ad4;
    font-size: 18px;
    line-height: 20px;
    width: auto;
    border-radius: 6px;
    font-weight: 600;
    background-color: #fff;
    transition: all ease 0.3s;
}
.main_app_cashOfferNow .btn-border:hover {
    background-color: #2b8ad4;
    color: #fff;
}
.main_app_cashOfferNow .btn-border svg{
     transform: rotate(-90deg);
     margin-left: 10px;
}
.main_app_cashOfferNow .btn-border svg path{
    fill: #2b8ad4;
    transition: all ease 0.3s;
   
}
.main_app_cashOfferNow .btn-border:hover  svg path {
    fill: #fff;
}


.main_app_cashOfferNow .main-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-orient: vertical;
    width: 100%;
    width: 330px;
    height: 100vh;
    padding: 0 35px 0 40px;
    color: #fff;
}

.main_app_cashOfferNow.full-screen .main-content-cashOffer .app-header {
    display: none;
}



.main_app_cashOfferNow .bg_image {
  z-index: -1;
  background: #2b8ad4;
}
.main_app_cashOfferNow .main-nav .btn-hideNav {
  
  padding: 0 7px;
  position: absolute;
  right: -20px;
  bottom: 11px;
}
.main_app_cashOfferNow .main-nav nav {
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
}
.main_app_cashOfferNow .hamburger-menu {
    display: none;
}
.main_app_cashOfferNow .main-nav .offcanvas-collapse {
    margin-left: 0;
}


.main_app_cashOfferNow .logo-site {
    margin: 15px 0;
    width: 260px;
    position: relative;
    z-index: 2;
}
.main_app_cashOfferNow  .side-title-welcome {
    margin: 15px 0 20px;
}
.main_app_cashOfferNow .welcome {
    margin: 30px 0 15px;
     font-size: 14px;
     text-align: left;
     color: #fff;
}
.main_app_cashOfferNow .welcome span {
    font-size: 18px;
    font-weight: 600;
    display: block;
}

.greet-small-text,
.greet-small-text-white {
  font-size:14px!important;
  line-height:20px;
  color:#000000;
  font-weight:400!important;
  display:block!important
}
.greet-big-text,
.greet-big-text-white {
  font-size:18px!important;
  line-height:20px;
  color:#000000;
  font-weight:600!important;
  display:block!important
}
.greet-big-text-white,
.greet-small-text-white {
  color:#ffffff
}

.my_cars_addons_view {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.my_cars_addons_view p{
    color: #2b8ad4;
    font-size: 13px;
}

.btn.btn-green a {
    color: #fff;
}

.btn.btn-h50 {
 height: 50px;
  padding: 10px 15px;
}


.btn-plus {
    padding: 0!important;
    margin: 0 auto;
    display: block;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    width: 25px; 
    height: 25px;
    border-radius: 5px;
    background-color: #E0F3FA;
    color: #2b8ad4;
    transition: background-color 0.3s, color 0.3s;
}
.btn-plus span {
   
    position: relative;

   display: block;
    background-image: url('../../nioana/CarCierge/assets/icons/pluss.png');
   background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='plus' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%232b8ad4' d='M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z' class=''%3E%3C/path%3E%3C/svg%3E");
   background-position: center;
    background-repeat: repeat;
    background-size: auto;
  background-size: 15px;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}


/*loading btn*/
.btn.loading-btn span{
    opacity: 0.4;
}

.btn.loading-btn:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 15px;
/*    right: 0;*/
/*    margin: 0 auto;*/
    border: 3px solid white;
    border-top: 3px solid transparent;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}




/***** Custom plus file  input ***/
.custom-select-form.select-wrapper:after {
    
    display: none;
}

.custom-plus-upload {
    display: block;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    width: 25px; 
    height: 25px;
    border-radius: 5px;
    background-color: #E0F3FA;
    color: #2b8ad4;
    transition: background-color 0.3s, color 0.3s;
}

.custom-plus-file-input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
/*  z-index: -1;*/
}

.custom-plus-upload  span {
    position: relative;

   display: block;
    background-image: url('../../nioana/CarCierge/assets/icons/pluss.png');
   background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='plus' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%232b8ad4' d='M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z' class=''%3E%3C/path%3E%3C/svg%3E");
   background-position: center;
    background-repeat: repeat;
    background-size: auto;
  background-size: 15px;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  pointer-events: none; /* Prevent span from blocking the click on the label */
}


/* MAIN MENU NAV*/

.main_app_cashOfferNow .main-nav-bar {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
}

.offcanvas-collapse .nav-link {
  padding: 5px 0px 5px;
  display: inline-block;
/*  color: rgba(255, 255, 255, 0.8);*/
}
.offcanvas-collapse .submenu .dropdown-menu li {
  padding-left:10px;
}
.offcanvas-collapse .submenu .dropdown-menu li a {
  padding-left:0;
  text-transform: capitalize;
}
.dropdown-menu-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.menu-arrow {
  background-color:transparent;
  border:none;
  transition:transform 0.3s ease;
}

.menu-arrow.rotate, .submenu.active .menu-arrow {
  transform:rotate(180deg);
}
.main-nav .dropdown-menu a {
  color:rgba(255,255,255,0.7);
  font-weight:500;
  padding-left:40px;
  font-size:14px
}
.main-nav .dropdown-menu a:hover,.main-nav .dropdown-menu a.activeLink{
  color:#fff;
}
 


.offcanvas-collapse .submenu.active .nav-link {
    color: #fff;
}


.main_app_cashOfferNow .home-icon-container {
  padding-bottom: 40px;
  padding-top: 20px;
}
.main_app_cashOfferNow .home-icon-container  path{
    fill: rgba(255,255,255,0.8);
}
.main_app_cashOfferNow .home-icon-container a:hover  path{
    fill: rgba(255,255,255,1);
}

/*END MAIN MENU NAV*/

.main_app_cashOfferNow main {
    overflow-y: unset;
}

.main-content-cashOffer {
    margin-left: 330px;
}
.main_app_cashOfferNow.full-screen .main-content-cashOffer {
    margin-left: 0;
}

.main_app_cashOfferNow .my-account.my-account-desktop {
    margin-top: 0;
}

.main-content-cashOffer .app-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    padding: 15px 40px;
    margin-bottom: 30px;
}

.main-content-cashOffer .app-header .user-info {
    margin-right: 20px;
    display: flex;
    align-items: center;
}
.main-content-cashOffer .app-header .user-info p {
    margin-bottom: 0;
    line-height: 19px
}
.main-content-cashOffer .app-header .user-info p span {
    display: block;
    font-size: 18px;
    font-weight: 600
}
.main-content-cashOffer .app-header .btn-app {
    color: #2b8ad4;
    border: 2px solid #2b8ad4;
    border-radius: 6px;
    font-weight: 600;
    transition: all ease 0.3s;
    padding: 10px 25px;
    font-size: 14px;
    background-color: #fff; 
    line-height: 16px;
}
.main-content-cashOffer .app-header .btn-app:hover {
    background-color: #2b8ad4; 
    color: #fff;
}

/*home content*/
.main-content-cashOffer .content-home .item-content {
    border: 2px solid #d7d7d7;
    border-radius: 6px;
    padding: 40px 30px 30px;
    display: block;
    transition: border-color ease-in 0.3s;
    height: 100%;
   
}

.main-content-cashOffer .content-home .item-content:hover {
    border-color: #2b8ad4;
}
.main-content-cashOffer .item-content svg {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
}
.main-content-cashOffer .item-content h2 {
     font-size: 1.35rem;
/*    font-size: 24px; */
    font-weight: 700;
    color:#000;
    transition: color ease-in 0.3s;
}
.main-content-cashOffer .content-home .item-content:hover h2{
    color: #2b8ad4;
}
.main-content-cashOffer .item-content.item-sellBuy svg {
    width: 50px;
    height: 50px;
}
.main-content-cashOffer .item-content.item-sellBuy svg .st1 {
    fill: #fff;
}
.main-content-cashOffer .item-content.item-buy svg .st0 {
    fill: #2BD377;
}

.main-content-cashOffer .item-content.item-sellBuy p {
    font-size: 18px;
    color:#000;
}
.main-content-cashOffer .item-content.item-sellBuy img {
    margin: 25px auto 0;
    display: block; 
    max-height: 135px;
}
.main-content-cashOffer .item-content.item-small {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height: 135px;
    padding: 0 15px 0 30px;
}
.main-content-cashOffer .item-content.item-small svg {
    margin-right: 20px;
}
.main-content-cashOffer .item-content.item-inner {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.main-content-cashOffer .item-content.item-inner h2 {
  margin-bottom: 20px;
  text-align: center;
}
.main-content-cashOffer .item-content.item-inner.item-small svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  margin: 0;
}

.page-title--main {
  font-size: 24px;
  font-weight: bold;
  margin-bottom:30px;
}
.page-title--main svg {
  width: 50px;
  margin-right: 7px;
}

.main-content-cashOffer .list_of_cars .car_listing {
    margin-bottom: 30px;
}
.main-content-cashOffer .list_of_cars .hero {
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
}
.main-content-cashOffer .cta-wrap .btn {
    max-width: 100%;
}

.car--wanted--container .select-wrapper:after {
 display: none;
}
.car--wanted--container .hero-tabs .nav-item .btn:not(.active):hover {
  border-color: #2b8ad4;
  color: #2b8ad4;
}

.contact-page {
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.contact-page .contact-person-container {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 0;
}
.contact-page .contact-person {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
}
.contact-page .contact-person img {
    max-height: 140px;
    max-width: 140px;
    border-radius: 100%;
    overflow: hidden;
}
.contact-page .contact-person h5 {
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0.35rem;
}
.contact-page .contact-person p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.contact-page .contact-person div div {
  margin-bottom: 0.35rem;
}
.contact-page .contact-person a {
  font-size: 18px;
  line-height: 24px;
  color: #2b8ad4;
  font-weight: 600;
}
.contact-page .contact-person a.a-phone {
     color: #000000;
}

.row-contact-btn {
    margin: 50px 0 70px;
    display: flex;
    justify-content: center;
}
.car_listing .car_title {
    align-items: center;
}
.car_listing .car_title .ad-days {
    color: #9f9f9f;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    margin-left: 5px;
    white-space: nowrap;
}

.gallery-modal .bottomPicsGallery .thumbnails {
    width: 100%;
}
.gallery-modal .bottomPicsGallery .thumbnails .sortable-block-item {
    min-width: 160px;
}
.gallery-modal .bottomPicsGallery .thumbnails ul {
    overflow-x: auto;
    width: 100%;
    scroll-behavior: smooth;
}

.gallery-modal .financeLetter-header {
    display: flex;
     width: 100%;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
.gallery-modal .financeLetter-header h1 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.gallery-modal .financeLetter-header button {
    background: transparent;
    border: none;
    
}
.gallery-modal .financeLetter-header button svg {
    width: 20px;
    height: 20px;
    margin: 0 10px;
  
}
.gallery-modal .financeLetter-header button svg path {  fill: #fff; }
.gallery-modal .financeLetter-header button.download svg path#delete {
    display: none;
}

.gallery-modal .financeLetter-header .cta-btn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.gallery-modal .image-container.letter-content {
    margin-left: 10%;
    margin-right: 10%;
}
.gallery-modal .letter-content {
    margin: 10px 0;
}
.gallery-modal .letter-content img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    transition: transform 0.3s ease-in-out;
    transform-origin: center center; 
}

.gallery-modal .content-confirmDelete  {
  text-align: center;
  margin-top: 100px;
}
.gallery-modal .content-confirmDelete svg {
  width: 25px;
  height: 25px;
}
.add-car-overview .continue-section .continue-btn.grey-btn span,
.add-car-overview .send-btn .continue-btn.grey-btn span{
    font-weight: 600!important;
}

.add-car-overview .send-btn .btn {
    padding: 16px 25px;
}

.input-group button.btn {
    padding: 7px 15px;
}


.bootstrap-select-customDorpdown .dropdown-toggle::after {
    position: static;
    content: '';
    background: url("../images/accept_offer/angle-down-solid.svg");
    background-repeat: no-repeat;
    margin-top: 0;
    height: 16px;
    width: 16px;
}
.bootstrap-select-customDorpdown .btn.dropdown-toggle {
    border: 1px solid #e5e5e5;
    padding: 8px 10px;
    height: 50px;
    border-radius: 0;
    font-weight: 400;
    max-width: 100%;
    
}
.bootstrap-select-customDorpdown .dropdown-toggle .filter-option {
   display: flex;
   align-items: center; 
}
.bootstrap-select-customDorpdown .form-control--custom + .dropdown-menu {
    min-width: 100%;
    max-height: inherit!important;
     max-height: 500px !important; /* Height of the dropdown */
    overflow-y: auto !important;  /* Enable scrolling */
   
}
 
.bootstrap-select-customDorpdown .form-control--custom + .dropdown-menu.show {
    transform: none!important;
    top: 100%!important;

}

.bootstrap-select-customDorpdown .bootstrap-select ul.dropdown-menu.inner.show {
     max-height: 450px !important; /* Inner height for items */
    overflow-y: auto !important;
}







  
 









.dropdown-bg .dropdown-menu {
    transition: none;
}
.bs-container.dropdown.bootstrap-select .dropdown-menu ,
.dropdown-bg .dropdown-menu.show{
    background-color: #fff;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    
}
.bootstrap-select .dropdown-menu .selected.active {
    background-color: rgba(43,138,212, 0.05); 
    color: #000;
}
.dropdown.bootstrap-select .dropdown-menu a {
    color: #212529;
}
.dropdown-bg .dropdown-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-bg .dropdown-menu .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

/*css select*/
select.custom-select-bg {
  appearance: none; /* elimină stilul nativ */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #f0f0f0;
  background-image: url('https://dev.cashoffernow.ie/nioana/CON_folder/assets/icons/arrow.svg');
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 12px;
  border: none;
  padding: 10px 20px 10px 12px; /* padding dreapta mai mare pt săgeată */
  font-size: 14px;
  height: 40px;
  cursor: pointer;
}

.custom-select-form  {
    position: relative;
}
 /* Hide the default select */
.custom-select-form select,  .select-wrapper select,  {
  appearance: none; /* Remove the default arrow in modern browsers */
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  border: 1px solid #ccc;
  padding: 5px 10px;
  width: 100%;
  cursor: pointer;
  line-height: 25px;
  
  overflow: hidden;
  height: 50px;  /*Fixed height for the select container */

  background: url('https://dev.cashoffernow.ie/nioana/CON_folder/assets/icons/arrow.svg') no-repeat right 10px center;
  background-color: #fff;
  background-size: 12px;
  padding: 8px 25px 8px 10px;
}
.select-wrapper:after {
 display: none;
}

.add--car--container .add-car-section form select {
    padding: 8px 25px 8px 10px;
}

/* Dropdown options */
.custom-select-form select:focus, .car--wanted--container .select-wrapper select:focus {
  outline: none;
}
/*end Css SELECT*/
   


/*Modal Manage Offers*/

.modal-show-right.fade {
    padding-top: 0;
}
.modal-show-right.fade .modal-dialog {
    position: fixed;

    margin: 0;
    width: 555px;
    max-width: 555px;
    right: -555px;
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    z-index: 1111;
    top: 0;
    bottom: 0;
     
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
    
}
.modal-show-right.fade.fade.show .modal-dialog {
    right: 0;
}

.modal-show-right .modal-content {
    height: 100%;
    max-height: 100%;
    border-radius: 0px;
    padding: 15px 40px;
    overflow-y: auto;
}
.modal-show-right .btn.w-100 {
    max-width: 100%;
}
.modal-show-right .modal-header .modal-title {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    color: #2b8ad4;
}
.modal-manageMyOffer.modal-custom-collapse .modal-body p {
  font-size: 18px;
}
.modal-manageMyOffer .col-form-label-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  display: block;
  margin-bottom: 15px;
}
.modal-manageMyOffer .col-form-label-text {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  display: block;
  margin-bottom: 20px;
  color: #2B8AD4;
}
.modal-manageMyOffer .col-form-label-text.text-green {
  color: #2BD477;
}
.modal-manageMyOffer.modal-custom-collapse .form-control {
  font-weight: normal;
  border-width: 1px;
  border-color: #D7D7D7;
}
.modal-manageMyOffer .btn {
    max-width: 100%;
    padding-top: 16px!important;
    padding-bottom: 16px!important;
    font-size: 18px!important;
    line-height: 20px!important;
}
.modal-manageMyOffer .btn-border {
    padding-top: 16px!important;
    padding-bottom: 16px!important;
}


.manage-my-offer__time .days-no {
    font-weight: 500;
    color: #2b8ad4;
    
}
.modal-custom-collapse label {
    font-weight: 600 ;
    color: #000;
}
.modal-custom-collapse .form-control {
    border-width: 1px;
}
.modal-show-right .info-box svg {
    width: 28px;
}


.radio-custom-check {
    display: flex;
    align-items: center;
}
.radio-custom-check .custom-button {
    flex: 0 0 25px;
}
.radio-custom-check .label-text {
    flex: 1;
}
.radio-custom-check .custom-button .checkmark {
    left: 0;
}

/*cars Offered*/
.car-offer .car-name {
    margin-top: 0;
}
.car-offer img {
    max-width: 100%;
}

.car-offer_img-box .car-offer-tag {
    position: absolute;
    left: 5px;
    top: 5px;
    font-weight: 400;
}

.car-offer .car-offer_img-box {
    position: relative;
    width: 300px;
    flex-shrink: 0; /* Prevent shrinking */
  }

  .car-offer_pricing {
    flex-grow: 1; /* Takes remaining space */
  }


.item-manage-cars-offered .blue-bar {
  background: #2b8ad4;
  color: white;
  line-height: 22px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 6px;
  padding: 8px 15px 8px 10px;
  margin-top: 16px;
  margin-bottom: 10px;
  min-height: 30px;
  border: none;
  margin-top: 0; 
}
.item-manage-cars-offered .green-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    flex: 0 0 100%;
     height: 30px;
    background-color: #2bd477;
    font-size: 16px;
    line-height: 14px;
    padding: 0px 7px;
    border-radius: 6px;
    margin: 10px 0;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
}
.item-manage-cars-offered .green-bar.top-green-bar{
    background-color: #2bd477;
    padding: 8px 15px 8px 10px;
    line-height: 22px;
    font-size: 18px;
    font-weight: bold;
    height: auto;
    min-height: 30px;
} 
.item-manage-cars-offered .green-bar.top-green-bar span {
    font-weight: bold!important;
}
.item-manage-cars-offered .car_det_title {
  text-transform: uppercase;
  color: #2b8ad4;
  font-size: 16px;
  font-weight: 600;
  padding-left: 0;
}
.item-manage-cars-offered ul {
  list-style: none;
  padding-left: 0;
  padding-right: 10px;
  margin-bottom: 5px;
}
.car-details-master .gallery-modal .gallery-btn-img {
    min-height: 455px;
}
.car-details-master .item-manage-cars-offered  {
    margin-bottom: 10px;
}
.car-details-master .item-manage-cars-offered .blue-bar {
    margin-top: 16px;
}
.car-details-master span {
  font-weight: 300 !important;
}



.car_det_title img {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}
.car_det_title .green-text {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
}

.action-btns {
    margin: 15px -5px;
    display: flex;
    flex-flow: row wrap;
}
.action-btns .btn-item {
    padding: 0 5px;
    flex: 1;
    height: 50px;
    margin-bottom: 5px
}
.action-btns .btn {
   height: 100%;
    max-width: none;
    padding: 7px 5px;
    white-space: nowrap;
    line-height: 31px;
}
.action-btns .block-link {
   justify-content: center;
    
}
.action-btns .block-link:hover {
    color: #2b8ad4;
    border-color: #2b8ad4;
}
.action-btns .img_wrap img {
    max-height: 28px
}
.action-btns-offer-accepted {
    align-items: center;
}
.d-right-btns {
    margin-left: auto;
}
.action-btns-offer-accepted .btn-item {
    width: 250px;
}
.action-btns-offer-accepted p {
    color: #2bd477;
    margin-bottom: 0;
    font-size: 18px;
}

.car-gallery-wrap .gallery-modal .btn {
    padding: 0;
}
.car-offered-details-wrap .panel-head {
    margin-top: 0;
}

ul.list-split-icon li{
    display: block;
}
.img-kearys h3 {
    margin-bottom: 15px;
    font-weight: 500;
}
.img-kearys img{
    max-width: 140px;
    max-height: 100px;
}
.car-offer-detail_dealerInfoImg img {
    max-width: 100%;
    width: 100%;
}
.car-offer-detail_dealerInfoImg img.no_dealership_photo {
    max-width: 250px;
}
.missing--logo-edit {
    margin-bottom: 10px;
    max-width: 200px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.stars  li span.star {
    cursor: pointer;
}


.car-offer .stars li:not(.already-rated) .star.empty:hover,
.stars li:not(.already-rated):has(.star:hover) .star:nth-child(-n+1),

.stars li:not(.already-rated):has(.star:nth-child(2):hover) .star:nth-child(-n+2),
.stars li:not(.already-rated):has(.star:nth-child(3):hover) .star:nth-child(-n+3),
.stars li:not(.already-rated):has(.star:nth-child(4):hover) .star:nth-child(-n+4),
.stars li:not(.already-rated):has(.star:nth-child(5):hover) .star:nth-child(-n+5) {
  background-image:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='star' class='svg-inline--fa fa-star fa-w-18' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23febf45' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat:no-repeat;
}

.datepicker-dropdown.dropdown-menu {
  max-height: 100%;
  background-color: #fff;
  opacity: 1;
}

.upload-files-section .dropzone {
    padding-right: 5px;
}
.upload-files-section .delete-icon {
    padding: 5px 10px;
}
.upload-files-section .delete-icon img,
.upload-files-section .delete-icon svg{
    transition: all ease 0.3s;
}
.upload-files-section .delete-icon:hover img,
.upload-files-section .delete-icon:hover svg {
    transform: scale(1.1);
}

.upload-file-custom {
  position: relative;
  display: inline-flex;
  gap: 10px;
  cursor: pointer;
  margin-bottom: 10px;
  border-radius: 8px;
}
.upload-file-custom:hover img {
    transform: scale(1.1);
}

.upload-file-custom h5 {
  margin: 0;
  max-width: 100%;
}
.upload-file-custom h5 span {
    font-size: 14px;
}

.upload-file-custom img {
  width: 26px;
  height: 26px;
  transition: all ease 0.3s;
}
.upload-file-custom input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0; /* Make the input invisible */
  cursor: pointer;
}


/* dealer account page*/
.dealer-account-page .input-group-append button.btn {
  padding: 0 8px 0 0;
}

#inboxTabContent .scroll-area{
    padding-right: 10px;
}
.msg > button {
    position: relative;
    padding-left: 5px;
}

.msg.inbox-user-oppened-message > button:before {
    content: '';
    position: absolute;
    left: 0;
    height: 98%;
    width: 2px;
    background-color: #2b8ad4;
    
}
.msg .message-title.inbox-user-unread-message {
    color: #2b8ad4;
}

.cta-btns-3opt-fixWidth .btn , .cta-btns-3opt-fixWidth .btn-brand-green {
    width: 240px;
    max-width: 240px;
}

.gallery-modal .nav-tabs .nav-link span {
    font-weight: 600!important;
}

.car-list-status {
    position: static;
}

.add--car--container .mileage-page .add-mileage .add-mileage-input .add-mileage-value {
    height: 50px;
}

.add--car--container .photos-page .sortable-block .sortable-block-item .uploads-icons .uploads-icon:hover {
    filter: invert(38%) sepia(100%) saturate(500%) hue-rotate(183deg);
}

.add--car--container .questions-page .custom-button label.radio-container {
    margin-right: 3rem;
}
.match--cars--container .match--cars--body #accordion .card .card-header .card-link::after {
    width: 10px;
    height: 10px;
    left: 50%;
}
.match--cars--container.my--stock--container #accordion .card .card-header .card-link::after {
    content: url("/nioana/CarCierge/assets/icons/arrow_blue.svg");
}

.input-group-custom-holder-btn .btn {
  padding: 11px 15px;
}

.manage-offers-content.make--offer--body form input {
    height: 50px;
}

.person-add-form input {
    height: 50px;
}

.person-added-list .person-added-item.no-arrow {
    padding-right: 20px;
}
.person-added-list .person-added-item.no-arrow::after {display : none}

.car_listing--sale {
    max-width: 100%;
}

.search-custom-new .dropdown-menu {
    max-height: 200px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.15);
}
.search-custom-new .dropdown-menu li a {
    color: #000;
    padding-left: 15px;
}

.spanMsgBox-inbox {
    display: flex;
    flex-flow: row nowrap;   
}
.spanMsgBox-inbox .col-av {
    max-width: 60px;
    flex: 0 0 60px;
}
.spanMsgBox-inbox .col-text-truncate {
    flex: 1 0 0;
}
.input--container  {
    max-height: 50px;
}
.input--container >input {
    height: 100%!important;
}

.person-added-list .person-added-item {
    padding-right: 5px;
    margin-left: 0;
    margin-right: 0;
}
.person-added-list .person-added-item::after {
    display: none;
}

.title-header-edit-box {
    position : absolute;
    top: 20px;
    right: 20px;
    z-index: 99;
}
.title-header-edit-box .item-edit-bg {
    width: 50px;
    height: 50px;
    background-color: #2b8ad4;
    border-radius: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}
.title-header-edit-box .item-edit-bg img {
    margin: 0 auto;
}
.lead-rates table td.best-leads-cell, .lead-rates table td.best-leads span:first-of-type {
   font-size: inherit; 
}
.header-row td.pkg-selected {
    cursor: pointer;
}
.match--cars--container.my--stock--container .col-fix-3 .add--btns .btn {
    white-space: nowrap;
}


.wanted .preview .img_prev.img_prev_bg {
    height: 65px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.addCar_congrat_list , .addCar_congrat_listStatus{
    list-style: none;
}
.addCar_congrat_listStatus {
    display: flex;
    justify-content: center;
    padding: 0;
    margin-bottom: 20px;
}
.addCar_congrat_listStatus img {
    width: 44px;
    height: 44px;
    padding: 5px;
}
.addCar_congrat_list span {
    display: inline-block;
    margin-right: 25px;
}
.addCar_congrat_list h4 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}
.addCar_congrat_imgLarge{
    margin-top: -30px;
}
.btn.mw-350 {
    max-width: 350px;
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.f-36 {
    font-size: 36px;
}
.text-decoration-underline {
    text-decoration: underline
}

.car-offer-bgImage  {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 225px;
  max-width: 100%;
}

.readvertise-box {
    position: relative;
    z-index: 100;
}



/******** Custom slider range- Dealer Price page *************/
.sliderRange-container {
    width: 100%;
    max-width: 100%;
    height: 22px;
    border: 1px solid #d7d7d7;
    margin: 10px auto 30px;
    position: relative;
    border-radius: 4px;
}
.sliderRange-container:focus {
    outline: none;
}
.sliderRange-track {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  z-index: 3;
}
.sliderRange-progress {
    position: absolute;
    height: 100%;
    background-color: #2b8ad4;
    border-radius: 4px;
    width: 0%;
    z-index: 3;
}
.sliderRange-ticks {
    position: absolute;
    top: -7px;
    width: 100%;
    height: 20px;
    pointer-events: none;
    z-index: 2;
}

.sliderRange-ticks .tick {
    position: absolute;
    width: 2px;
    height: 35px;
    background-color: #d7d7d7;
}

.sliderRange-thumb {
    position: absolute;
    top: 0;
    cursor: pointer;
    z-index: 3;
    width: 30px;
    height: 20px;
     background: url('/nioana/CON_folder/assets/icons/drag_1.png') no-repeat 1px center;
    background-size: 12px;
    background-color: #2b8ad4;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
/*    transition: all 0.3s ease;*/
  }
  .sliderRange-thumb.at-max {
    background-position-x: center; 
    width: 20px;
   }
  .sliderRange-thumb:after {
    content: '';
    position: absolute;
    width: 49%;
    background-color: #fff;
    height: 100%;
    right: 0;
    transition: width 0.3s ease;
}

.sliderRange-thumb.at-max::after {
  width: 0;
 
}
.sliderRange-labels {
    position: relative;
    max-width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding-top: 23px;
}

.sliderRange-labels span {
  display: block;
  color: #9f9f9f;
  font-size: 12px;
  text-align: center;
  max-width: 25%;
  flex: 0 0 25%;
}
.sliderRange-labels span b {
    font-weight: 400;
}
.sliderRange-labels-full {
  
    color: #9f9f9f;
    padding-left: 5px;
    padding-right: 5px;
        
}

.sliderRange-labels-full b {
    margin-left: auto;
    font-weight: 400;
    font-size: 12px;

}

/* range slider for price page dealer -tradein slider*/
.sliderRange-wrapper {
    position: relative;
    width: 100%;
    z-index: 1;
}
.sliderRange-wrapper  .sliderrangeTradeIn {
    -webkit-appearance: none;
    -moz-appearance: none;
     border: 1px solid #d7d7d7;  
    border-radius: 4px;
/*    position: absolute;
    top: 0;
    left: 0;
    width: 100%;*/
    height: 22px;
    z-index: 2;
    background: transparent;
}

.sliderRange-wrapper .sliderrangeTradeIn::-webkit-slider-runnable-track {
    height: 20px;
    background: transparent;
    border-radius: 4px;
}
.sliderRange-wrapper  .sliderrangeTradeIn::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 20px;
    background-color: #2b8ad4;
    background-image: url('/nioana/CON_folder/assets/icons/drag_1.png');
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    border: none;
    transform: translateY(1px);
    cursor: pointer;
    margin-top: -1px; 
    position: relative;
    z-index: 4;
}

.sliderRange-wrapper .sliderrangeTradeIn::-moz-range-track {
    height: 20px;
    background: #fff;
    border-radius: 4px;
}

.sliderRange-wrapper .sliderrangeTradeIn::-moz-range-progress {
  height: 21px;
  background: #2b8ad4;
  border-radius: 4px;
}

.sliderRange-wrapper .sliderrangeTradeIn::-moz-range-thumb {
    width: 16px;
    height: 21px;
    background-color: #2b8ad4;
    background-image: url('/nioana/CON_folder/assets/icons/drag_1.png');
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    border: none;
    border-radius: 0;
    cursor: pointer;
    position: relative;
    z-index: 2;  
  
}
.slider-labels.slider-labels-tradeIn {
    position: relative;
    max-width: 100%;
    display: flex;
    flex-flow: row wrap;
    
}

.slider-labels.slider-labels-tradeIn span {
  display: block;
  color: #9f9f9f;
  font-size: 12px;
  text-align: center;
  padding: 0 5px;
}

/* END range slider for price page dealer*/



.info-alertPrice {
    position: absolute;
    bottom: 100%; 
    left: -55%;
    margin-bottom: 8px;
    padding: 8px 15px;
    background: #fff;
    border: 2px solid #ffb94b; 
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    border-radius: 4px;
    z-index: 1000;
    font-size: 12px;
    width: 235px;
    color: #212529;
    font-weight: 600;
    text-align: center;
}

.info-alertPrice::before, .info-alertPrice::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-style: solid;
}
.info-alertPrice::before {
  border-width: 8px;              
  border-color: #ffb94b transparent transparent transparent;
  z-index: -1; 
}

.info-alertPrice::after {
  border-width: 6px;             
  border-color: #fff transparent transparent transparent;          
}

.close-info-alertPrice {
  position: absolute;
  right: 3px;
  top: 3px;
  color: red;
  font-size: 10px;
  z-index: 1;
  border: 1px solid rgba(0,0,0,0.1);
  width: 17px;
  height: 17px;
  border-radius:100%;
  text-align: center;
    
}


/*Carcierge Admin */
.table--tracker .car--tracker .nav.nav-top-carAdmin .nav-item .nav-link.expand-nav {
    padding-right: 15px;
    padding-left: 15px;
    display: block;
    margin-left: -15px;
}
.table--tracker .year--traker .nav.nav-top-carAdmin .nav-item .nav-link:hover {
    color: #2b8ad4
}
.table--tracker .car--tracker .nav.nav-top-carAdmin .nav-item .nav-link {
    transition: all ease 0.3s;
    padding: 20px 1.5rem 20px;
}

.table--tracker .year--traker .nav.nav-top-carAdmin .nav-item .nav-link.active::after {
    bottom: 0;
}
.table--tracker .cAdmin-filterNav .cAdmin-search {
    max-width: 500px;
    min-width: 375px;
    margin-left: 10px;
}
.cAdmin-filterNav .cAdmin-search .input-group {
    height: 40px;
}
.cAdmin-search .form-control{
    font-size: 15px;
}
.cAdmin-search .btn.btn-search-icon{
    padding-right: 28px;
}
 .cAdmin-search .btn.btn-search-icon img {
    width: 18px;
}
.table--tracker .sales--details--table table tbody tr td {
    padding-top: 15px;
    padding-bottom: 15px;
}
.table--tracker .cAdmin-tdImg {
  display: inline-block;
  width: 40px;
  height: 30px;
  background-image: url('cale/catre/poza.jpg'); 
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  text-decoration: none; 
}
.table--tracker .cAdmin-tdImg-noImg {
   width: 40px;
   height: 30px;
   display: inline-block;
   border-radius: 5px;
   background-color: lightgray;
  font-size: 9px;
  line-height: 10px;
  text-align: center;
  padding-top: 4px;
  font-weight: 600;
   
}
.table--tracker .cAdmin-tdStatus-link {
    color: #000;
}
.table--tracker .cAdmin-tdStatus-link:hover {
    color: #2b8ad4;
}
table tbody tr td .small-nav .small-nav-items {
    border-radius: 6px;
    box-shadow: 1.54px 2.57px 18px 0px rgba(0, 0, 0, 0.3);
    padding: 10px 10px 5px;
}
table tbody tr td .small-nav .small-nav-items button {
    margin-bottom: 8px;
}
.table--tracker .sales--details--table table tbody tr td .more-btn {
    background-position: center;
    cursor: pointer;
}

.table--tracker .cAdmin-filterNav .cAdmin-filterCol {
    min-width: 150px;
    margin-left: 10px;
    margin-bottom: 5px;
}
.table--tracker .cAdmin-filterNav .btn-addRep {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 15px;
}
.table--tracker .sales--details--table tr.expanded-row td {
    border-bottom: 2px solid #2b8ad4;
}
.table--tracker .sales--details--table .expanded-content {
    position: relative;
}
.table--tracker .sales--details--table .expanded-content:before {
    content: '';
    position: absolute;
    top: -16px;
    left:-0.5rem;
    right: 0;
    width: 101%;
    height: 2px;
    background-color: #2b8ad4;
}
.table--tracker .sales--details--table .expanded-content:after {
    content: '';
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
     width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #2b8ad4; 
    margin: 10px;
}
.table--tracker  .expanded-content .expanded-content_topnav {
   position: relative;
   text-align: center;
}
.table--tracker  .expanded-content .expanded-content_topnav .close-btn {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
.table--tracker  .expanded-content .expanded-content_topnav h2 {
    font-size: 16px;
    padding: 5px 30px;
}
.table--tracker  .expanded-content .addCar_wrap {
    position: absolute;
    left:15px;
   display: flex;
   flex-flow: row nowrap;
}
.table--tracker .expanded-content .addCar_wrap button {
    padding: 5px 7px;
    margin-right: 5px;
    border: none;
    background-color: transparent;
}
.table--tracker  .expanded-content .addCar_wrap button.active {
    background-color: #2b8ad4;
    color: #fff;
} 
.table--tracker .expanded-content .car-options{
     overflow: hidden;
     margin-top: 20px;
}
.table--tracker .expanded-content .car-options .col-12menu {
    display: flex;
    gap: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #dcdcdc;
}

.table--tracker .car-options .col-12menu div {
  padding: 10px 5px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
   font-size: .9rem;
  text-transform: uppercase;
  font-weight: 500;
  white-space: nowrap;
  transition: border-color 0.3s ease;
 
  flex-grow: 1; 
/*  flex-basis: 0;*/
  text-align: center; 
  padding: 20px 0 10px; 
  position: relative; 
  cursor: pointer; 
  margin-right: 0;
  box-sizing: border-box;
   /* Set min-width to 0 to prevent content from pushing items wider than flex-basis: 0 */
  min-width: 0;
}
.table--tracker .car-options .col-12menu div a {
    color: #a9a9a9;
}
.table--tracker .car-options .col-12menu div:last-child {
    margin-right: 0;
    transition: all ease 0.3s;
}
.table--tracker .car-options .col-12menu div.active a, .table--tracker .car-options .col-12menu div.current a{
    color: #000;
}
.table--tracker .car-options .col-12menu div::after {
  content: ''; 
  display: block; 
  position: absolute; 
  bottom: -3px; 
  left: 0; 
  width: 100%; 
  height: 2px; 
   box-sizing: border-box;
}

.table--tracker .car-options .col-12menu div.active::after, .table--tracker .car-options .col-12menu div.current::after { 
  background-color: #2bd477; 
}
.table--tracker .car-options .col-12menu div.active:before {
    content: url("/nioana/CarCierge/assets/icons/right.png");
    position: absolute;
    top: -1px ;
    left: 0;
    right: 0;
}

.table--tracker  .small-nav .small-nav-items.small-nav-items-cta {
    width: 175px;
    left: -105px;
    padding: 15px 15px 7px;
}

.notes-container-tabs .tab-content > .tab-pane {
  display: none;
  flex-grow: 1;
}
.notes-container-tabs .tab-content > .tab-pane.active {
  display: flex;
}

.notes-container-tabs .nav-link {
    text-transform: uppercase;
     border: none;
}
.notes-container-tabs .navs-finance.nav-tabs .nav-link.active {
    color: #2b8ad4;
    border: none;
}
.notes-container-tabs .notes-dateTime {
    font-weight: 600;
}
.notes-flex-grow-wrap {
   flex-grow: 1; /* Allow tab-content to take up available space */
  display: flex;
  flex-direction: column;
}
.notes-container-tabs .notes-wrap {
  flex-grow: 1; /* Allow notes-wrap to take up available space */
  overflow-y: auto; /* Enable vertical scrolling for notes */
  padding-bottom: 1rem; /* Add some padding to prevent text from touching the bottom */
}
.notes-container-tabs .tab-pane div.msgTextarea {
  flex-shrink: 0;
  margin-top: auto; /* Push the input area to the bottom */
  display: flex;
  margin-bottom: 15px;
}
.notes-container-tabs .msgTextarea .btn-send {
  flex-shrink: 0; /* Prevent the button from shrinking */
  display: flex; /* Make the button a flex container to center the image */
  align-items: center; /* Vertically center the image */
  justify-content: center; /* Horizontally center the image if needed, though for a single image, it's less critical */
  padding: 0.5rem; /* Adjust padding as needed for the button */
}
.notes-container-tabs .msgTextarea textarea {
  flex-grow: 1; /* Allow the textarea to take up all available space */
  resize: vertical; /* Allow vertical resizing of the textarea */
  min-height: 40px; /* Ensure a minimum height for the textarea */
  margin-bottom: 0;
}
.notes-container-tabs  div.msgTextarea svg {
    width: 30px;
    height: 30px
}


/**Admin carcierce slide % of chance**/

.sale-chance-selector {
  max-width: 100%;
}
.sale-chance-selector label {
  display: block;
  margin-bottom: 15px;
}
.slider-wrapper {
  position: relative;
  width: 100%;
  height: 22px; 
  margin-bottom: 10px; 
}

/* Ascunde partea default */
input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 22px;
    background: transparent;
    border: 2px solid #d7d7d7;
    border-radius: 5px;
    outline: none;
    transition: background 0.3s ease;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 22px;
    width: 2px;
    background: transparent;
    cursor: pointer;
    border: none;
     border-radius: 5px;
  }

input[type=range]::-moz-range-thumb {
  width: 2px;
  height: 22px;
  background: transparent;
  border: none;
   border-radius: 5px;
}

.percentage-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
.label-point {
    cursor: pointer;
    font-size: 14px;
    color: #333;
  }

.selected-percentage {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    color: #007bff;
}
  

table.adminCarciergeSlide-table {
      width: 100%;
      margin-top: 20px;
}
table.adminCarciergeSlide-table tr{
     border-bottom: 1px solid #d7d7d7; 
}
table.adminCarciergeSlide-table tr.adminCarciergeSlide-table-header td {
    color: #a9a9a9;
    font-size: .825rem;
    font-weight: 600;
  }
table.adminCarciergeSlide-table tr td {
  padding: .4rem 3px;
  font-size: .825rem;
}
table.adminCarciergeSlide-table .confirmedSales-line {
    background-color: #2b8ad4;
}
table.adminCarciergeSlide-table .confirmedSales-line td {
    color: #fff;
    font-weight: 500;
}

.adminSlide-commissions-content {
    border: 2px solid #2b8ad4; 
    border-radius: 4px;
}
.adminSlide-commissions-content .col-12 {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 15px;
    
}
.adminSlide-commissions-content ul {
    padding-left: 0;
    margin-bottom: 0;
}
.adminSlide-commissions-content ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  line-height: 30px;
   padding-left: 5px;
    padding-right: 5px;
}
.adminSlide-commissions-content .light-green-bg {
    background-color: #d5f6e4;
    border-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700;
}
.adminSlide-commissions-content .light-green-bg span{
    font-weight: 400;
}
.adminSlide-commissions-content .blue-bar {
  background: #2b8ad4;
  color: #fff;
  padding: 5px 15px;
  font-weight: 500;
}
.adminSlide-commissions-content .blue-bar span{
    font-weight: 400;
}
.adminCommisionSlide-form {
    margin-top: 15px;
}
.adminCommisionSlide-form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
   align-items: center;
}
.adminCommisionSlide-form .form-group label {
    font-weight: 500;
    white-space: nowrap;
  padding-right: 10px;
}
.adminCommisionSlide-form .input-wrap {
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
   font-weight: 700;
}
.adminCommisionSlide-form .input-wrap input{
   max-width: 150px;
   margin-bottom: 0;
   margin-left: 5px;
}
.btn.adminBtnSlide-form  {
    max-width: 150px;
    padding: 12px 20px;
}

.adminAddRepSlide-form label {
    font-weight: 700;
}
.adminAddRepSlide-form input {
    margin-bottom: 0;
}
.adminAddRepSlide-form .form-group {
    margin-bottom: 20px;
}
.form-group-psw {
    display : flex;
    flex-direction: column;
}
.form-group-psw .btn-showPsw {
    background: none;
    border: none;
    width:70px;
    color: #2b8ad4; 
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    width: 60px;
    color: #2b8ad4;
    cursor: pointer;
    padding: 5px ;
    font-size: 0.9rem;
    z-index: 2;
    font-weight: 500;
}

.form-group-psw .btn-showPsw.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.form-group-psw .input-group-pws {
     position: relative;
     padding-right: 60px;
}
.adminSlideAllRep h2 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 600;
}
.adminSlideAllRep ul {
    padding-left: 0;
}
.adminSlideAllRep ul li {
    position: relative;
    padding-right: 30px;
    list-style: none;
    margin-bottom: 10px;
}
.adminSlideAllRep ul li span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 0 5px;
}
.adminSlideAllRep ul li span svg{
    width: 20px;
    height: 20px;
}
.adminSlideAllRep ul li span svg path{fill: red;}

.adminAddRepSlide_confirmDelete {
    position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0,0,0,0.5);
  left: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 50px;
}
.adminAddRepSlide_confirmDelete .inner-content {
    background-color: #fff;
    padding: 25px 40px;
    text-align: center;
    font-size: 16px;
}
.adminAddRepSlide_confirmDelete .btn {
    max-width: 140px;
    padding:10px 15px;
}
.small-nav-tracking .more-btn {
    padding: 5px 0;
}
#accordion .card .card-link-tracking.card-link {
    height: 20px;
}
#accordion .card .card-link-tracking.card-link::after {
    line-height: 10px;
    font-size: 25px;
    height: 20px;
}
.adminCarciergeSlide-filterConfirmedSales button {
    border: none;
    background: none;
    color: #9f9f9f;
    margin-right: 15px; 
    transition: color ease-in 0.3s;
}
.adminCarciergeSlide-filterConfirmedSales button:hover {
    color: #000;
}
.adminCarciergeSlide-filterConfirmedSales button.active {
    color: #2b8ad4;
}

.admin_carcierge .accordion--container .card-body table.dropdown--inner--table img.more-btn {
    padding: 5px 0;
    cursor: pointer;
}
table.dropdown--inner--table .btn.adminTracking-btnRow {
    padding: 5px 5px;
    line-height: 17px;
    font-size: 13px;
    margin: 0 5px;
}


/*Footer new */
.footer-new {
	background-color: transparent;
	padding-bottom: 0
}

.footer-new .top-row {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 60px;
	padding-bottom: 40px;
	text-align: center;
	color: #fff;
	height: 350px
}

.footer-new .top-row h3 {
	font-size: 1.3rem
}

.footer-new .top-row p a {
	color: #8FEFFC;
	font-weight: 700
}

.footer-new .top-row p a:hover {
	text-decoration: underline
}

.footer-new .top-row .search-field {
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 2px solid #fff;
	max-width: 350px;
	margin-right: 10px
}

.footer-new .top-row .search-field input[type=text] {
	background-color: transparent;
	border: none;
	margin-bottom: 0;
	color: #fff
}

.footer-new .top-row .search-field input[type=text]::placeholder {
	color: #fff
}

.footer-new .top-row .btn-white {
	color: #000;
	background-color: #fff;
	border-color: #fff;
	margin: 0
}

.footer-new .bottom-row {
	text-align: center;
	color: #fff;
	background-color: #4389CE
}

.footer-new .bottom-row h3 {
	font-size: 1.3rem;
	font-weight: 300
}

.footer-new .bottom-row .cta-footer {
	display: flex;
	align-items: center;
	background-color: #5496D2;
	border-radius: 6px;
	font-weight: 800;
	font-size: 13px;
	text-align: left;
	width: 160px;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
        height: auto;
}

.footer-new .bottom-row .cta-footer a {
	display: inherit;
	color: #fff
}

.footer-new .bottom-row .cta-footer img {
	padding-right: 10px
}

@media only screen and (max-width:767.98px) {
    .footer-new .bottom-row .cta-footer-container {
        flex-flow: row wrap;
        padding: 10px 0;
    }
    .footer-new .bottom-row .cta-footer {
        flex: 0 0 100%;
        margin-top: 5px;
        margin-bottom: 5px;
        justify-content: center;
    }
    .footer-new .bottom-row .cta-footer a {
        display: flex;
        flex-flow: row nowrap;
        flex: 0 0 100%;
        justify-content: center;
        align-items: center;
    }
    .footer-new .bottom-row .cta-footer img {
            padding-right: 10px;
            padding-bottom: 0;
    }

    .footer-new .bottom-row .cta-footer span {
            text-align: center;
            white-space: nowrap;
    }
    .footer-new .bottom-row .cta-footer span br {
        display: none;
    }
    .footer-new .bottom-row h3 {
        display: none;
    }
}

.footer-new .bottom-row .cta-footer span {
	text-transform: uppercase
}

.footer-new .copyright-row {
	background-color: #3E82C4;
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px
}

.footer-new .copyright-row p {
	margin-bottom: 0px
}

/*End footer new*/






/* -------------------- mobile media -----------------------------------------*/
@media only screen and (min-width: 1599.98px) {
   
    .my_cars_addons_items .my_cars_addons_section_one  {
        display: flex;
        flex-flow: row wrap;
        justify-content: end;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .editCar-pricing-wrap .custom-button .checkbox-container.tc-checkmark {
        padding-left: 40px;
    }
    .editCar-pricing-wrap .custom-button .tc-checkmark .checkmark {
        left: -15px;
    }
    .editCar-pricing-wrap .info-alertPrice {
        left: -30%;
    }
    .editCar-pricing-wrap .grey--box {
        white-space: nowrap;
    }
    
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .custom-button .tc-checkmark .checkmark {
        left: -55px;
    }
    
    
}
@media (min-width: 992px) and (max-width: 1599px) {
    .my_cars_addons_items .my_cars_addons_section_one{
        gap: 10px;
    }
  .car_listing .car_listing_inner .my_cars_addons_section_one .my_cars_addons_section {
    max-width: 50%;
    flex: 0 0 50%;
    margin-right: 0;
  }
   .car_listing .my_cars_addons_items {
       flex: 0 0 100%;
       gap: 10px;
    }
    .car_listing .car_listing_inner .my_cars_addons_section_two {
        padding-left: 10px;
    }
    .my_cars_addons_section.my_cars_addons_section_finanace {
        margin-right: 0!important;
    }
}


@media only screen and (max-width: 768px) and (min-width: 576px) {
    .matching--cars.matching--cars--multiple {
        max-width: 305px;
    }
    .car-offer-bgImage  {
        height: 450px;
    }
}
@media only screen and (min-width: 768px) {
    
    .car-offer .car-offer_title-ratting {
        position: relative;
        margin-bottom: 10px;
        padding-right: 180px;
    }
    .car-offer .car-offer_title-ratting .rating {
        position: absolute;
        right: 10px;
        top: 0px;
    }
    
}
@media only screen and (min-width: 1025px) {
    .main_app_cashOfferNow {
        /*  flex: 1 1 0;*/
          min-height: 1px;
          display: flex;
          flex: 1;
    }
    .main-content-cashOffer {
        width: calc(100% - 330px); /* Subtracting the menu width */
        flex: 1; /* Let it take remaining space */
        min-width: 0; /* Prevents flexbox width issues */
      }
    .main_app_cashOfferNow.full-screen .main-nav {
        z-index: 100;
   }
   .main_app_cashOfferNow.full-screen .main-content-cashOffer .hero {
        margin-top: 0;
    }
    .main-content-cashOffer .hero.hero-home {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .add--car--container .add-car-overview .title {
        flex-flow: row wrap;
    }
    .add--car--container .add-car-overview .title h3 {
        flex: 1 0 0;
    }
    
    .main_app_cashOfferNow .bg_image {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        overflow: hidden;
        width: 100%;
        min-width: 330px;
        max-width: 330px;
        height: 100vh;
       
    }
    .main_app_cashOfferNow .bg_image img {
        position: absolute;
        top: 68%;
        right: -68%;
        left: auto;
        max-width:none;
        min-height:100vh;
        margin:auto;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
    }

   .offcanvas-collapse {
        scrollbar-width:none;
        scrollbar-color:transparent transparent
   }
   .offcanvas-collapse::-webkit-scrollbar {
     display: none;
   }
  .offcanvas-collapse .navbar-nav {
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden;
    overflow-y:auto;
    scrollbar-width:none;
    scrollbar-color:transparent transparent;
  }
  .offcanvas-collapse .navbar-nav::-webkit-scrollbar {
    display:none;
  }
  .offcanvas-collapse .navbar-nav::-webkit-scrollbar-track {
    background:transparent;
    border-radius:0px;
  }
  .offcanvas-collapse .navbar-nav::-webkit-scrollbar-thumb {
    background-color:transparent;
    border-radius:0px;
    border:0px solid transparent
  }
  .offcanvas-collapse .navbar-nav::-webkit-scrollbar-thumb:hover {
    background-color:transparent
  }
  
  .offcanvas-collapse .nav-item.active .nav-link, 
  .offcanvas-collapse .nav-item:hover a.nav-link {
    color: rgba(255, 255, 255, 1);
  }
  .main-nav-bar .dropdown-menu {
    display:block;
    max-height:0;
    overflow:hidden;
    opacity:1;
    background-color:transparent;
    border:none;
    padding: 0;
    margin: 0;
    transition:max-height 0.5s ease,opacity 0.5s ease;
  }
  .main-nav-bar .dropdown-menu.show, .offcanvas-collapse .submenu.active .dropdown-menu {
    max-height:500px;
    opacity:1;
  }

  .page-title--main {
    height: 50px;
  }
  .main-content-cashOffer .item-content.item-inner {
    flex-flow: column nowrap;
    width: 100%;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 20px;
    line-height: 24px;
  }
   .main-content-cashOffer .item-content.item-inner h3 {
    margin-bottom: 0;
  }
   
} 
/*END (min-width: 1025px)*/


@media only screen and (max-width: 1470px) {
    .main-content-cashOffer .item-content.item-small {
        padding: 20px;
    }
     .factory-details p {
        font-size: 16px;
    }
   
    .sliderRange-labels span b {
        display: block;
    }
   
}




@media only screen and (max-width: 1200px) {
    .f-36 {
        font-size: 30px;
    }
   
    .main-content-cashOffer .item-content.item-small svg {
        margin-right: 10px;
    }
    .gallery-modal .image-container.letter-content {
        margin-left: 5%;
        margin-right: 5%;
    }
    .car-offer .car-offer_img-box {
        width: 300px;
    }
    .action-btns-offer-accepted .btn-item {
        width: 230px;
    }
    .cta-btns-3opt-fixWidth.cta-btns-3opt .col-auto {width: auto;}
    .cta-btns-3opt-fixWidth .btn , .cta-btns-3opt-fixWidth .btn-brand-green {
        width: 180px;
        max-width: 180px;
    }
    
   
  .car_listing_block .car-list-status {
    position: absolute;
    text-align: center !important;
    top: 13px;
    left: 0;
    right: 0;
  }
  .match--cars--container .match--cars--body a {
      font-size: 14px;
  }
  .match--cars--container .match--cars--body .matching--cars.matching--cars--single .matching--cars--inner .matching--cars--option {
      width: 145px;
  }
  .pricing-rates .pricing-rates-content .success-fees .fee-calculator{
        padding-left: 15px;
        padding-right: 15px;
    }
    .info-alertPrice {
        left: 0;
    }
    .editCar-pricing-wrap .custom-button .checkbox-container.tc-checkmark {
        padding-left: 40px;
        margin-left: 0;
      }
      .editCar-pricing-wrap .custom-button .tc-checkmark .checkmark {
          left: -15px;
      }
      .info-alertPrice::before, .info-alertPrice::after {
          left: 8%;
      }
      
    .table--tracker .cAdmin-filterNav {
        padding-right: 0;
    }
    .table--tracker .cAdmin-filterNav .cAdmin-filterCol {
        margin-right: 0;
        margin-left: 10px;
    }
    .table--tracker .cAdmin-filterNav .cAdmin-search .input-group {
        padding-right: 10px;
    }
    .adminCarcierge-filterWrap  .px-sm-0,  .sales--details--table.px-sm-0 {
        padding-left: 0;
        padding-right: 0;
    }
    

}





@media (min-width: 1024px) and (max-width: 1570px){
    .cwd-specificItems {
        max-width: 280px;
    }
    
   
}
@media (min-width: 1024px) and (max-width: 1300px){
    .match--car--box-fix .col-fix-1 {
        flex:0 0 25%;
        max-width: 25%;
    }
    .match--car--box-fix .col-fix-2 {
        flex:0 0 33.33333%;
        max-width: 33.33333%;
    }
    .match--car--box-fix .col-fix-3 {
        flex:0 0 41.66667%;
        max-width:  41.66667%;
    }
    .match--car--box.match--car--box-fix .match--car--box-fix-text {
        flex-direction: column!important;
    }
    .match--car--box.match--car--box-fix .match--car--box-fix-text > .ml-0.ml-md-5 {
        margin-left: 0!important;
    }
    .match--cars--container.my--stock--container .col-fix-3 .add--btns .btn {
        padding: 5px 10px !important;
    }
    
    .cwd-specificItems {
        max-width: 280px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .match--car--box-fix .col-fix-1 {
        flex:0 0 25%;
        max-width: 25%;
    }
    .match--car--box-fix .col-fix-2 {
        flex:0 0 33.33333%;
        max-width: 33.33333%;
    }
    .match--car--box-fix .col-fix-3 {
        flex:0 0 41.66667%;
        max-width:  41.66667%;
    }
    .match--car--box.match--car--box-fix .match--car--box-fix-text {
        flex-direction: column!important;
    }
    .match--car--box.match--car--box-fix .match--car--box-fix-text > .ml-0.ml-md-5 {
        margin-left: 0!important;
    }
    .match--cars--container.my--stock--container .col-fix-3 .add--btns .btn {
        padding: 5px 10px !important;
    }
}

@media (min-width: 576px) and (max-width: 1024.98px) {
   .main_app_cashOfferNow .bg_image img {
       top: 50%;
       right: -50%;
   }
  .main_app_cashOfferNow .main-nav {
    height: 30vw;
    min-height: 240px;
  }
  
}





@media only screen and (max-width: 1024.98px) {
    .main_app_cashOfferNow.full-screen .main-nav.ng-hide {
        display: block!important;
   }
   
    .main_app_cashOfferNow main {
        overflow: unset!important;
    }
    .main_app_cashOfferNow .btn-border {
        padding: 20px;
    }
    .main_app_cashOfferNow .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 0!important;
    }
    .main_app_cashOfferNow {
        flex-flow: row wrap;
    }
    .main_app_cashOfferNow .btn {
        padding-left: 15px;
        padding-right: 15px;
    }
    .main_app_cashOfferNow .main-nav-bar{
        justify-content: flex-start;
    }
   
    .main_app_cashOfferNow .app-header{
        display: none;
    }
    .main-content-cashOffer {
        margin-left: 0;
        flex: 0 0 100%;
        z-index: 1;
    }
    .main_app_cashOfferNow .home-icon-container a:hover  path{
        fill: rgba(43,138,212,1);
    }
    
    
    .main-content-cashOffer .hero {
        margin-top: -45px;
        padding-top: 15px;
    }
    
    .main-content-cashOffer .hero .hero{
        margin-top: 0;
    }
    .main_app_cashOfferNow .main-nav .offcanvas-collapse {
        z-index: 9;
    }
    .main_app_cashOfferNow .main-nav {
        height: 185px;
        min-height: 185px;
        position: relative;
        max-width: 100%;
        width: 100%;
        padding: 0;
    }
    .main_app_cashOfferNow .bg_image {
        position: absolute;
        top: 0;
        left:0;
        right: 0;
        width: 100%;
        overflow: hidden;
        height: 185px;
        min-height: 185px;
    }
    .main_app_cashOfferNow .bg_image img {
        position: absolute;
        top: 50%;
        right: -50%;
        left: -50%;
        margin: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .main_app_cashOfferNow .logo-site {
        padding: 0 15px;
        margin: 10px 0;
    }
    .main_app_cashOfferNow .hamburger-menu {
        display: block;
        position: absolute;
        top: 7px;
        right: 15px;
    }
    .main_app_cashOfferNow .hamburger-menu .hamburger {
        padding: 15px 10px;
    }
    .main_app_cashOfferNow .hamburger--spring .hamburger-inner {
        margin-top: 0;
    }
    .main_app_cashOfferNow .hamburger-menu .badge {
        padding: 0;
        font-weight: 400;
        line-height: 25px; 
    
    }
    
    .manage-my-offer {
        margin-top: 0;
    }

    .main_app_cashOfferNow .dropdown-menu-header {
        display: block;
        text-align: center;
    }
    .main_app_cashOfferNow .dropdown-menu-header .menu-arrow, 
    .main_app_cashOfferNow .main-nav-bar  .dropdown-menu {
        display: none;
    }
    .main-nav .dropdown-menu.show {
        max-height: 0;
        opacity: 0;
      }
    .main_app_cashOfferNow .navbar-nav .nav-link {
        font-size: 20px;
        line-height: 24px;
        padding-top: 0;
        padding-bottom: 25px;
        text-transform: capitalize;
    }
    .offcanvas-collapse .submenu.active .nav-link {
        color: #000;
      }
    .offcanvas-collapse .navbar-nav {
        max-width:100%;
        margin-bottom:34px
    }
    .offcanvas-collapse .nav-item {
        text-align: center;
      }
    .offcanvas-collapse .nav-link {
        font-size:20px;
        line-height:24px;
        padding-top:0;
        padding-bottom:27px
    }
    .offcanvas-collapse .nav-item.active .nav-link, .offcanvas-collapse .nav-link:hover, .offcanvas-collapse .nav-link:focus, .offcanvas-collapse .nav-link + .nav-link {
        color: #2b8ad4;
    }
    .offcanvas-collapse .nav-link.nav-link-logout {
        color: #2b8ad4;
        border: 2px solid #2b8ad4;
        line-height: 16px;
        min-height: 40px;
        display: block;
        font-size: 18px;
        font-weight: 700;
        height: 60px;
        margin-right: auto;
        margin-left: auto;
        padding: 18px 23px;
        margin-top: 15px;
        border-radius: 6px;
    }
    
    
    .main_app_cashOfferNow .navbar-nav .submenu-list {
        text-align: center;
    }
    .main_app_cashOfferNow .navbar-nav .submenu-list a {
        font-size: 18px;
        font-weight: 500;
        color: #9f9f9f;
        line-height: 30px;
    }
    .main_app_cashOfferNow .navbar-nav .submenu-list a:hover { color: #9f9f9f;}
    .main_app_cashOfferNow .navbar-nav .nav-box .nav-arrow{
      margin-left: 15px;  
    }
    
    
    
    .main_app_cashOfferNow .page-title  {
/*        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
        top: 52%;*/
        padding: 0;
        font-size: 22px;
        position: relative;
        top: -10px;
        transform: translate(0);
        -webkit-transform: translateY(0);
    }
    .main_app_cashOfferNow .page-title .inner-title-box {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
    }
    .main_app_cashOfferNow .page-title div{
        font-size: 22px;
        line-height: 24px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .main_app_cashOfferNow .page-title .text-title {
        white-space: nowrap;
    }
    .main_app_cashOfferNow .page-title.page-title-home{
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
    }
    .main_app_cashOfferNow .page-title.page-title-home span{
       flex: 0 0 100%;
       font-size: 22px;
       font-weight: 600;
    }
   
    
    .main_app_cashOfferNow .page-title a {
        font-size: 16px !important;
        line-height: 16px;
        line-height: 24px;
        margin-bottom: 3px;
    }
    .main_app_cashOfferNow .page-title svg .st1 {
        fill: #2B8AD4;
    }
    .main_app_cashOfferNow .page-title svg #Pencil .st1, 
    .main_app_cashOfferNow .page-title.is_buy-title svg .st1 {
        fill: #2bd477!important;
    }
    .main_app_cashOfferNow .page-title svg .st0 {
        fill: #fff;
    }
    .page-title img, .page-title svg {
       max-width: 45px;
       max-height: 50px;
       width: auto;
       height: 38px;
    }
    
    
    .main_app_cashOfferNow .welcome {
        color : #000;
        margin-top: 0;
        padding-left: 15px;
    }
    .main_app_cashOfferNow .content-home {
        gap: 10px 0;
    }
    .main-content-cashOffer .content-home .item-content  {
        height: auto;
    }
    .main-content-cashOffer .item-content.item-small {
        height: auto;
       padding: 15px 17px;
       
        
    }
    .main-content-cashOffer .content-home .item-content.item-inner {
      height: 60px;
       flex-flow: row;
       justify-content: space-between;
       
    }
    
    .main-content-cashOffer .item-content h2 {
        font-size: 1.25rem;
    }
    .main-content-cashOffer .item-content.item-inner.item-small h2 {
        margin-bottom: 0;
        text-align: left;
    }
    .main_app_cashOfferNow .home-icon-container {
        text-align: center;
    }
    .main_app_cashOfferNow .home-icon-container  path{
        fill: #2b8ad4;
    }
    
    .main-content-cashOffer .car--wanted--container .hero.hero-tabs {
        margin-top: 0;
        padding-top: 0;
    }
    .main-content-cashOffer .hero.hero-tabs {
        padding: 10px 5px;
    }
    .hero-tabs .nav-item .btn-link {
        font-size: 16px;
        padding: 5px;
    }
    .main-content-cashOffer .car--wanted--container .green--banner {
        position: static;
    }
    .contact-page {
        height: auto 
      }
  .contact-page .contact-person-container {
    flex-wrap: wrap;
    margin-top: 0;
    justify-content: center 
  }
  .contact-page .contact-person {
    margin-top: 0;
    justify-content: center; 
  }
  .contact-page .contact-person:first-of-type {
    margin-bottom: 25px;
    width: 100% 
  }
  .contact-page .contact-person .contact-person-img {
    width: 100px 
  }
  .contact-page .contact-person p {
    width: 100%;
    text-align: center 
  }
    .contact-page .contact-person div div {
      margin-bottom: 0.5rem 
    }
    .row-contact-btn {
      margin: 30px 0;
      flex-flow: row wrap;
    }
    .row-contact-btn span {
      flex:  0 0 100%;
      max-width: 100%;
      margin-bottom: 15px;
      text-align: center;
    }
    .contact-page .contact-person:first-of-type {
        margin-bottom: 0px;
        width: 100%;
    }
    .gallery-modal .image-container.letter-content {
        margin-left: 15px;
        margin-right: 15px;
    }
    .add-car-section {
        margin-top: 15px;
    }
    
    .add-car-overview .continue-section {
        margin-bottom: 15px;
    }
   
    
    .no-keys-tabs .form-check label {
      width: 55px;  
      margin-right: 5px;
    }
    
    .inbox-layout  .modal-custom-inbox {
        top: auto;
    }
    
    .modal-manageMyOffer, .modal-show-right {
        background-color: #fff;
    }
    .modal-show-right .modal-content {
        padding: 15px;
    }
    .modal-show-right.fade .modal-dialog,
    .modal-manage_my_offer.fade .modal-dialog {
        position: absolute;
        width: 100%;
        max-width: 100%;
    }
    .col-form-label {
        font-size: 16px;
        line-height: 20px;
    }
    .bootstrap-select-customDorpdown .btn.dropdown-toggle {
        padding: 10px 5px;
        font-size: 15px;
        font-weight: 500;
        max-width: 100%;
    }
    .bootstrap-select .dropdown-menu a {
        padding: 5px 10px;
        font-size: 14px;
    }
    
    .bs-container.dropdown.bootstrap-select .dropdown-menu.show {
        opacity: 1;
    }
    .addCar_congrat_list li {
        flex-flow: row wrap;
        justify-content: center;
    }
    .addCar_congrat_list li > span {
        margin-bottom: 15px;
    }
    .addCar_congrat_list li > span ,.addCar_congrat_list li > div{
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center;
    }
     .no-keys-tabs .form-check label {
    width: auto;
  }
    
    
    
    
} 
/*end 1024*/


@media only screen and (max-width: 767.98px) {
   
    .main-content-cashOffer .hero { 
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .main-content-cashOffer .hero .manage-my-offer{
        padding-left: 0;
        padding-right: 0;
    }
    .main_app_cashOfferNow .container-fluid-footer {
        margin-top: 45px;
    }
    
    .car-offer {
        border: solid 2px #d7d7d7;
        padding: 10px 8px;
        border-radius: 6px;
    }
    
    .car-offer-tag {
        font-size: 16px;
        height: 36px;
        line-height: 36px;
        font-weight: 500;
    }
    .car-offer .car-name {
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 10px;
    }
    
    .car-offer .rating .stars {
        justify-content: center!important;
        margin-bottom: 0;
    }
    
    
    .item-manage-cars-offered .btn_group .btn {
        max-width: 100%;
        padding: 10px;
        font-size: 16px;
        line-height: 20px;
    }
    .action-btns {
        margin-bottom: 0;
    }
    .action-btns .btn-item {
         max-width: 50%;
        flex: 0 0 50%;
        margin-bottom: 10px;
       
    }
    .action-btns .btn {
        white-space: wrap;
        font-size: 15px;
        padding: 7px 7px;
        text-align: left;
       line-height: 21px;
         
    }
    .action-btns .btn-item:first-child {
        max-width: 100%;
        flex: 0 0 100%;
       
    }
    .action-btns .btn-item:first-child .btn{
         padding: 10px 7px;
         text-align: center;
    }
    .action-btns .btn.btn-grey {
        text-align: center;
    }
    .action-btns .btn span {
        margin-right: 7px!important;
    }
    .action-btns .img_wrap img {
        max-height: 26px;
    }
    .car-offer .car-offer_img-box {
        width: 100%;
    }
    .car-offer_pricing {
        padding-left: 0;
        padding-right: 0;
    }
    .car-offer_title-ratting {
        width: 100%;
        margin-bottom: 10px;
    }
    .gallery-modal .mainPhotoGallery {
        display: flex;
        flex-direction: column;
    }
    .action-btns-offer-accepted , .d-right-btns {
        flex-flow: row wrap;
        flex: 0 0 100%;
    }
    .action-btns-offer-accepted p,  .action-btns-offer-accepted .btn-item {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
    }
    .d-right-btns {
        margin-left:0;
    }
    .action-btns-offer-accepted .btn-item button {
        text-align: center;
    }
    .fly_cta .btn {
        padding-left: 5px;
        padding-right: 5px;
        white-space: nowrap;
    }
    .match--cars--container .match--cars--body .header-text.header-text-wanted {
        width: calc(100% - 300px);
    }
    .match--cars--container .match--cars--body .change--car {
        margin-top: 14.5rem;
    }
    .pricing-rates .pricing-rates-content .button-box {
        flex-flow: row wrap;
        margin-top: 10px;
        margin-bottom: 20px;
    }
   .pricing-rates .pricing-rates-content .button-box h3{
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px!important;
    }
    
}
/*end 767.98*/





@media only screen and (max-width: 576px) {
  .main_app_cashOfferNow main.main-content-cashOffer {
    overflow-x: unset;
  }
  .gallery-modal .financeLetter-header button svg {
      margin: 0 3px;
  }
  
    .add-car-overview .continue-section,.add-car-overview .send-btn {
        display: flex;
    }
    .add--car--container .additional-details-page .continue-section{
       margin-top: 1.5rem!important;
    }
    
    .add-car-overview .continue-section .continue-btn.grey-btn,
    .add-car-overview .send-btn .continue-btn.grey-btn,
    .add-car-overview.additional-details-page .continue-section .continue-btn.grey-btn,
    .main-content-cashOffer .add--car--container .photos-page .continue-section .continue-btn.grey-btn{
        max-width: 50px!important;
        padding-left: 5px;
        padding-right: 5px;
        margin-right: 5px!important;
        margin-bottom: 0;
        margin-top: 0;
        font-weight: 600!important;
    }
    .add-car-overview .continue-section .continue-btn.btn-reg {
        max-width: 100%!important;
        order: 2;
    }
    .add-car-overview .send-btn .continue-btn.grey-btn{
        padding-top : 15px;
    }
    .add-car-overview .continue-section .continue-btn.grey-btn span,
    .add-car-overview .send-btn .continue-btn.grey-btn span{
        display: none;
    }
    .add--car--container .photos-page .continue-section .continue-btn {
        width: 100%!important;
    }
    .add--car--container .additional-details-page .car-set-keys {
        margin: 15px 0;
    }
    
    .add-car-overview .send-btn .btn {
        margin-bottom: 0;
    }
    .add-car-overview .send-btn .continue-btn {
        margin-right: 5px;
    } 
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 165px;
    }
    
    .matching--cars.matching--cars--multiple {
        max-width: 165px;
    }
    .match--cars--container .match--cars--body .matching--cars .matching--cars--inner .matching--cars--slideshow .slick-dots {
        overflow-y: hidden;
    }
    .match--cars--container .match--cars--body .header-text.header-text-wanted {
        width: calc(100% - 150px);
    }
    .match--cars--container .match--cars--body .header-text {
       font-size: 20px;
    }
    .match--cars--container .match--cars--body .change--car {
        margin-top: 13.5rem;
    }
     .car-offer-bgImage  {
        height: 250px;
    }
    
    .pricing-rates .pricing-rates-content .success-fees .fee-calculator {
        padding: 20px 10px;
        max-width: 97%;
    }
    .adminCarcierge-filterWrap .results_page {
        margin-top: 0;
    }
    .table--tracker .car--tracker .nav.nav-top-carAdmin .nav-item .nav-link {
        padding-left: 15px;
        padding-right: 15px;
    }
    .table--tracker .cAdmin-filterNav .btn-addRep {
        position: absolute;
        top: -35px;
        right: -10px;
    }

    
}
/*end 576*/


@media only screen and (max-width: 480px) {
    .hero-tabs .nav-item .btn-link {
        font-size: 15px;
        padding: 5px 4px;
  }
  .main_app_cashOfferNow .page-title {
    -webkit-transform: translateY(0) scale(0.8);
    transform: translateY(0) scale(0.8);
    line-height: 1.1;
  }
  .main_app_cashOfferNow .bg_image img {
    min-height: 200px;
  }
 
  .main_app_cashOfferNow .btn-border {
    padding: 20px 10px;
    font-size: 16px;
  }
  
  .main_app_cashOfferNow  .page-title {
      font-weight: 600;
  }
  .main_app_cashOfferNow  .page-title img, 
  .main_app_cashOfferNow  .page-title svg {
      margin-right: 7px!important;
     
   } 
   .main_app_cashOfferNow .btn-border svg {
       margin-left: 6px;
   }
   
   .gallery-modal .financeLetter-header {
       font-size: 14px;
   }
    .no-keys-tabs .form-check label {
        width: 45px;
        margin-right: 3px;
    }
    .expanded-content .no-keys-tabs .form-check label {
        width: auto;
    }
    .row-settings-tabs {
        flex-flow: row nowrap;
    }
    .cta-wrap .cta-list a {
        font-size: 13px;
        width: auto;
        padding: 10px 5px!important;
    }
    .datepicker {
        width: 15rem;
    }
    .datepicker td, .datepicker th {
        padding: 5px;
    }
    .table--tracker .cAdmin-filterNav .cAdmin-filterCol {
        margin-left: 5px;
    }
    .table--tracker .cAdmin-filterNav .cAdmin-search {
        min-width: 100%;
    }
    .table--tracker .cAdmin-filterNav .cAdmin-search .input-group{
        padding-right: 0;
    }
    .table--tracker .cAdmin-filterNav .cAdmin-search .input-group .btn.btn-search-icon {
            max-width: 30px;
    }
    

}


@media only screen and (max-width: 385px) {
    .main_app_cashOfferNow .page-title {
        font-size: 22px;
        padding-bottom: 1px;
    }
    .main_app_cashOfferNow  .page-title img, 
    .main_app_cashOfferNow  .page-title svg {
      max-width: 39px;
      
    }
}






/*Animations*/
@keyframes spinLoading {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}