/* @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
html,body{
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    font-size: 14px;
    font-family: 'Poppins', sans-serif!important;
    --header-bg:#25397F;
    --Color-Neutral_Color-500_Primary_text:#1A1A1A;
    --Color-Brand_Primary_Color-500:#25397F;
    --Color-Neutral_Color-300_Secondary_text:#666;
    --Color-Success_Color-500:#257F2E;
    --Color-Error_Color-500:#D02631;
    --Color-Brand_Primary_Color-50:#E9EBF2;
    --Color-Neutral_Color-200_border_dark:#969696;
    --Color-Neutral_Color-400_Label_and_placeholder_text:#484848;
    --Color-Background_Color-Dark:#f6f6f6;
    --Color-Neutral_Color-50_Border_light_and_inactive:#E8E8E8;
    --Color-Link_Color-50:#E8F0F5;
    --Color-Link_Color-500:#1D6799;
    --Color-Error_Color-50:#FAE9EA;
    --Color-Border-light-and-inactive:#E8E8E8;
}
a{
    text-decoration: auto!important;
}
.container{
    max-width: 1640px!important;
    padding: 0!important;
}
.header-dat{
    background-color: var(--header-bg);
    padding: 10px;
    position: fixed;
    top: 0px;
    width: 100%;
    left: 0;
    z-index: 9;
}
.location-main{
    display: flex;
    justify-content: end;
}
.location-in-header{
    color: #fff;
    display: flex;
    align-items: center;
}
.location-in-header i{
    padding-right: 5px;
}
.dealer-name-anchor{
    color:#fff;
}
.dealer-name-anchor:hover{
    color:#fff;
    text-decoration:none;
}
.navabar-logout-faq{
    color: #fff;
    display: flex;
    align-items: center;
}
.navabar-logout-faq a{
    color: #fff;
}
.navabar-logout-faq a:hover{
    color: #fff;
    text-decoration: none;
}
.nav-faq{
    display: flex;
}
/*-------------SIDE_NAV------------*/
/* .side-nav{
    padding:20px 0 20px 20px;
} */

/*---scroll for sibebar---*/
.side-nav::-webkit-scrollbar {
    width: 8px; 
}
::-ms-scrollbar {
    width: 8px; 
}
.side-nav{
    margin-top: 60px;
}
/* .side-nav{
    scrollbar-width: thin; 
} */
.side-nav {
    width: 270px;
    background-color: #fff;
    position: fixed;
    height: 90%;
    overflow-y: auto;
}
.content-wrapper {
    flex-grow: 1;
    background-color: #ffffff;
    margin-left: 270px;  
}
.main-container {
    display: flex;
    min-height: 100vh;
}
.side-menu{
    /* padding: 20px 0 20px 20px; */
    padding-top: 24px;
}
.side-menu-header h3{
    color:var(--header-bg);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
}
.side-menu-header h6{
    color: var(--Color-Brand_Primary_Color-500);
    font-size: 18px!important;
    font-weight:400!important;
}
.side-menu-header{
    padding-left: 20px;
    margin-bottom: 16px;
}
.navigation i{
    padding-right: 12px;
}
.new-sidebar-menu h6{
    
    font-size: 20px;
  
    font-weight: 600;
    margin-top: 8px;
}
.reservation-group{
    padding-left: 32px;
    font-size: 14px!important;
    font-weight: 500!important;
    color: #484848;
}
.logout-account{
   margin-top: 70px;
   border-top: 1px solid lightgrey; 
}
.queries-information{
    background-color:#EFEFEF;
    color: #000;
    padding: 15px;
    margin: 10px;
    border-radius: 4px;
}
.queries-information p{
    font-weight: 400;
    margin: 0;
}
.queries-information a{
    color: #1D6799;
    font-weight: 500;
}
/*-------------SIDE_NAV_END------------*/
@media(max-width: 768px){
    .side-menu-header{
        padding: 15px;
    }
    .icons_card .icon_links{
        margin: 5px;
    }
    .side-nav{
        margin-top: 80px;
    }
    .main-container{
        display:initial!important;
    }
}

/*---HERO SECTION----*/
.hero-section{
    background-color:#F7F7F7;
    padding: 20px;
}
#main-bg{
    background-color: #F7F7F7;
    margin-top:70px;
}
.error-content-section{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: #fff;
}
.error-404 {
    text-align: center;
}
.error-404 img {
    max-width: 100%;
}
.error-content {
    margin-top: 20px;
}
.error-content h2 {
    font-size: 28px;
    color: #000;
    font-weight: bold;
    margin: 30px 0;
}
.error-content p {
    color: #666;
}
.back-to-dashboard {
    display: inline-block;
    padding: 10px 20px;
    background-color: #25397F;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 10px;
}
.back-to-dashboard:hover{
    color: #fff;
    text-decoration: none;
}
#nav-breadcrumb .breadcrumb{
    background-color: transparent;
    padding: 0.25rem 0;
    margin-bottom: 8px;
}
#nav-breadcrumb .breadcrumb-item a{
    color: var(--Color-Brand_Primary_Color-500);
    font-weight: 500;
    font-size: 14px;
}
.breadcrumb-item.active{
    color: var(--Color-Neutral_Color-300_Secondary_text)!important;
    font-size: 14px!important;
}
.breadcrumb-item+.breadcrumb-item::before{
    content: '>'!important;
}
/*------------DASHBOARD---------*/
.icon-img-sidebar img{
    margin-right: 5px;
}
.dashboard-primary-text{
    color: var(--Color-Neutral_Color-500_Primary_text);
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 16px;
}
.top-section-msg{
    background-color: #F7F2E6;
    border: 1px solid #B28100;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.top-section-msg p{
    margin-bottom: 0;
}
.icons_card .icon_links{
    /* border: 1px solid #EFEFEF; */
    padding: 8px 12px;
    height: 65px;
    background-color:#F6F6F6;
    border-radius: 4px;

}
.icons_card{
    background-color: #fff;
    padding: 20px;
    border:1px solid #e8e8e8;
    border-radius: 4px;
}
.icons_card h4{
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: 600;
}
.icons_card a{
    color: #000;
    font-weight: 600;
    font-size: 14px;
}
.icons_card a:hover{
    text-decoration: none;
    color: #000;
}
.icon_links1{
    display: flex;
}
.icon_links img{
    padding-right: 8px;
    margin-top: 5px;
}
.img-text{
    font-size: 13px;
}
.img-text-1{
    display: flex;
    justify-content: center;
    align-items: center;
}
#Chrysler-section{
    display: flex;
}
.dashboard-text{
    display: flex;
}
.fiat-icon-dashboard{
    margin-top: -5px!important;
}
.alfaromeo-icon-dashboard{
    width: 100%;
    max-width: 48px;
}
.jeep-icon-dashboard{
    width: 100%;
    max-width: 48px;
}
.chrysler-icon-dashboard{
    margin-top: 0!important;
}
.delete-alert-service{
    background-color: var(--Color-Error_Color-50) !important;
    border: 1px solid var(--Color-Error_Color-500);
    justify-content: space-between;
    padding: 8px;
    margin: 8px 0;
    border-radius: 4px;

   #notOk{
        background-color: var(--Color-Error_Color-500) !important;
        color: var(--Color-Background_Color-Dark) !important;
        padding: 5px 20px !important;
        margin: 0 20px;
    }
}
.delete-alert-service-success{
    background-color: #E9F2EA!important;
    border: 1px solid var(--Color-Success_Color-500);
    justify-content: space-between;
    padding: 8px;
    margin: 8px 0;
    border-radius: 4px;

    #yesOk{
        background-color: var(--Color-Success_Color-500)!important;
        color: #fff!important;
        padding: 5px 20px !important;
        margin: 0 20px;
    }

}
/*---PAYPAL ENROLL----*/
.paypal-main-tag{
    font-size: 30px;
    font-weight: 600;
}
.paypal-enroll{
    background-color: #fff;
    padding: 20px;
}
.paypal-enroll h4{
    font-size: 20px;
    font-weight: 600;
}
.paypal-faq{
    float: right;
}
.paypal-faq a{
    font-size: 14px;
}
.note-text{
    color:#000;
    background-color:#E8F0F5;
    border: 1px solid #1D6799;
    padding: 5px 8px;
    border-radius: 5px;
}
.mandat{
    color:var(--Color-Error_Color-500);
    margin-left: 5px;
}
.paypal-enroll label{
    color: #484848;
    font-weight: 500;
    font-size: 16px;
}
.watch-video{
    color: #1D6799;
 }
.paypal-enroll button{
    background-color: #CFCFCF;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin-top: 12px;
    font-size: 12px;
    color: #000!important;
    font-weight: 600;
    padding: 12px 0;
}

/*--------RESERVATION-REPORT-----------*/

.reservation-main-tag{
    font-size: 30px;
    font-weight: 600;
}
.reservation-top-header{
    margin-bottom: 16px;
}
.reservation-top-header button{
    background-color: var(--header-bg);
    color: #fff;
}

.reservation-top-header button 




/* #myTable,table ,th{
    text-transform: uppercase;
    font-size: 12px;
} */
.td-value{
    width: 65px;
    word-wrap: break-word;
}
/* .reservation-table #myTable table thead th{
    text-transform: uppercase;
}
.reservation-table #myTable{
    width: 80%!important;
} */
.btn-reservation-download:hover{
    background-color: var(--Color-Brand_Primary_Color-500)!important;
    color: #fff!important;
}
/*--------RESERVATION-REPORT-----------*/

.reservation-main-tag{
    font-size: 30px;
    font-weight: 500;
}
.reservation-top-header{
    margin-bottom: 16px;
}
.container-for-download-report-button{
    justify-content: right;
}
.reservation-top-header button{
    background-color: var(--header-bg)!important;
    color: #fff!important;
    float: right;
    height: 40px;
    font-size: 16px;
    padding: 0 16px 0 16px;
}
.reservation-top-header button:focus{
    outline: 2px solid #000;
}
.td-value{
    width: 130px;
    margin-bottom: 0;
}
#example thead,th{
    background-color: #E9EBF2;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600!important;
}
#example tbody{
    background-color: #fff;
}
.reservation-top-header button:hover{
    color: #fff;
    text-decoration: none;
}
.details_icon img{
    cursor: pointer;
}
.reservation-table{
    background-color: #fff;
    padding: 15px;
}
.reservation-table h3{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}
.reservation-table-list{
    background-color: #fff;
    padding: 15px;
}
.reservation-table-list h3{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}
#example_filter,.dataTables_length{
    margin-bottom: 15px!important;
}
table.dataTable.no-footer{
    border-bottom: 0!important;
}
#example_filter input{
    background-color: #F6F6F6!important;
    border: 1px solid #F6F6F6!important;
    height: 40px;
}
#releaseBtn{
    height: 38px;
    font-size: 16px;
    padding: 0 24px 0 16px;
    border: 1px solid #E99BA0;
    color: #E99BA0;
    margin-left: 50px;
    background-color: transparent;
    border-radius: 5px;
    opacity: 0.5;
    font-weight: 500 !important;
}
#leadModal .modal-content {
    background-color: transparent;
    padding: 0;
    border-top: 0;
}

#leadModal h5 {
    text-align: end !important;
    color: #000;
    font-weight: 600;
    font-size: 24px;
}

.modal-header-lead button {
    border: 2px solid #000;
    border-radius: 50px;
    padding: 2px 10px;
    float: right;
    background-color: transparent;
    cursor: pointer !important;
}

.modal-content-lead {
    background-color: #fff;
    padding: 10px;
}

.details_card {
    border: 1px solid lightgrey;
    border-radius: 10px;
    margin: 10px;
}

.details_card_header {
    border-bottom: 1px solid lightgrey;
    background-color: #F6F6F6;
    padding: 10px;
}

.details_card_header h6 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    transition-timing-function: linear;
    transition-delay: 2s;
}
.chev_icon i{
    float: right;
    color: #000;
    -webkit-text-stroke: 1px;
}
.details_card_body label{
    font-size: 14px;
    color: #666;
}
.details_card_body p{
    font-size: 16px;
    color: #161616;
}
.details_card_body{
    padding: 10px;
}
 .reservation-table #example_length{
    width: 15%!important;
}
.customSelectReport{
    width: 30%!important;
    margin-left: 20px;
    margin-top: 5px;
    height: 32px;
}
.waves-effect a{
    color: white;
}
.waves-effect a:hover{
    color: white;
}
#reservationReportMobileTable_wrapper{
    display: none;
}
/*=============================TAX_FEES/LEASE================================*/
.mandatTax{
    color: red !important;
}
/* .error{
    color: red!important;
    font-size: 14px!important;
} */
#taxesfees_idUpdateL-error,#AmountL-error{
    color: red;
    font-size: 13px;
    font-weight: 400;
 }
 #taxesfees_idF-error,#Amount1-error,#taxesfees_idUpdateF-error{
    color: red;
    font-size: 13px;
    font-weight: 400;
 }
 #custom_fee_update-error{
    color: red;
    font-size: 13px;
    font-weight: 400;
 }
 #taxesfees_idL-error,#Amount-error,#custom_fee_update_finance-error,#custom_fee_category_update_finance-error{
    color: red;
    font-size: 13px;
    font-weight: 400;
 }
 #custom_fee_category_update-error{
    color: red;
    font-size: 13px;
    font-weight: 400;
 }
 .mandatTax{
    color: red;
 }
.primary-heading-tax{
    color: var(--Color-Neutral_Color-500_Primary_text);
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 12px;
}
.taxfee-top-txt{
    color: var(--Color-Neutral_Color-300_Secondary_text);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.taxfee-top-txt span{
    color: var(--Color-Brand_Primary_Color-500);
    font-weight: 600;
}
.enable-action label{
    color: var(--Color-Neutral_Color-500_Primary_text);
    font-size: 14px;
}
/*-----------NEW SWITCH----------*/
.toggle {
    --width: 60px;
    --height: calc(var(--width) / 2.5);
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
  }
  .toggle input {
    display: none;
  }
  .toggle .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--height);
    background-color: var(--Color-Error_Color-500);
    transition: all 0.4s ease-in-out;
  }
  .toggle .slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--height));
    height: calc(var(--height));
    border-radius: calc(var(--height) / 2);
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-in-out;
  }
  .toggle input:checked+.slider {
    background-color: var(--Color-Success_Color-500);
  }
  .toggle input:checked+.slider::before {
    transform: translateX(calc(var(--width) - var(--height)));
  }
  .toggle .labels {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 11px;
    font-family: sans-serif;
    transition: all 0.4s ease-in-out;
  }
  .toggle .labels::after {
    content: attr(data-off);
    position: absolute;
    right: 12px;
    top: -5px;
    color: #fff;
    opacity: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
  }
  .toggle .labels::before {
    content: attr(data-on);
    position: absolute;
    left: 5px;
    top: -5px;
    color: #ffffff;
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
    transition: all 0.4s ease-in-out;
  }
  
  .toggle input:checked~.labels::after {
    opacity: 0;
  }
  .toggle input:checked~.labels::before {
    opacity: 1;
  }
  .toggle_switch_action{
    display: flex;
  }
  .toggle_switch_action label{
    margin-right: 8px;
  }
  .enable-action{
    background-color: #fff;
    padding: 8px;
  }
  .taxModalAction p{
    font-size: 35px;
    text-align: center;
  }
  .taxModalAction .yesBtn{
    background-color: var(--Color-Brand_Primary_Color-500);
    color: #fff;
    width: 48%;
    height: 48px;
    padding: 12px 24px;
  }
  .taxModalAction .yesBtn:hover{
    color: #fff;
  }
  .taxModalAction .noBtn:hover{
    color: #fff;
  }
  .taxModalAction .noBtn{
    background-color: var(--Color-Error_Color-500);
    color: #fff;
    width: 48%;
    height: 48px;
    padding: 12px 24px;
  }
  .custom-confirmation-upfront{
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    align-items: center;
}
 
.toggle_upfront {
    --width: 100px;
    --height: calc(var(--width) / 4.1);
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
  }
  .toggle_upfront input {
    display: none;
  }
  .toggle_upfront .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--height);
    background-color: var(--Color-Error_Color-500);
    transition: all 0.4s ease-in-out;
  }
  .toggle_upfront .slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--height));
    height: calc(var(--height));
    border-radius: calc(var(--height) / 2);
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-in-out;
  }
  .toggle_upfront input:checked+.slider {
    background-color: var(--Color-Success_Color-500);
  }
  .toggle_upfront input:checked+.slider::before {
    transform: translateX(calc(var(--width) - var(--height)));
  }
  .toggle_upfront .labels {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 11px;
    font-family: sans-serif;
    transition: all 0.4s ease-in-out;
  }
  .toggle_upfront .labels::after {
    content: attr(data-off);
    position: absolute;
    right: 12px;
    top: -5px;
    color: #fff;
    opacity: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
  }
  .toggle_upfront .labels::before {
    content: attr(data-on);
    position: absolute;
    left: 5px;
    top: -5px;
    color: #ffffff;
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
    transition: all 0.4s ease-in-out;
  }
  .toggle_upfront input:checked~.labels::after {
    opacity: 0;
  }
  .toggle_upfront input:checked~.labels::before {
    opacity: 1;
  }
  .upfrontalert{
    background-color:var(--Color-Link_Color-50);
    padding: 15px;
    margin-top: 20px;
    display: none;
    border: 1px solid var(--Color-Link_Color-500);

    .yesBtn{
        background-color: var(--Color-Link_Color-500);
        color: #fff;
        width: 90px;
        padding: 5px 24px;
        height: 32px;
      }
      .yesBtn:hover{
        color: #fff;
        background-color: var(--Color-Link_Color-500);
      }
      .noBtn:hover{
        color: var(--Color-Neutral_Color-500_Primary_text);
        background-color: #fff;
      }
      .noBtn{
        background-color: #fff;
        color: var(--Color-Neutral_Color-500_Primary_text);
        width: 90px;
        padding: 5px 24px;
        height: 32px;
      }

}
  .custom-confirmation-upfront{
    background-color: var(--Color-Link_Color-50);
    padding: 15px;
    margin-top: 8px;
    display: none;
    border: 1px solid var(--Color-Link_Color-500);
    border-radius:4px;
  }

 .confirm-yes-upfront{
   
    background-color: var(--Color-Link_Color-500);
    border: none;
    color: white;
    padding: 6px 16px;
    border-radius: 4px;
  }
 
  .confirm-no-upfront{
   
    background-color:white;
    border: none;
    color:var(--Color-Neutral_Color-500_Primary_text);
    padding: 6px 16px;
    margin-right:8px ;
    border-radius: 4px;
  }
  /*-------TOGGLE FOR TAX CALC------*/
  .toggleBase {
    --width: 105px;
    --height: calc(var(--width) / 4.5);
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
  }
  .toggleBase input {
    display: none;
  }
  .toggleBase .sliderBase {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--height);
    background-color: var(--Color-Error_Color-500);
    transition: all 0.4s ease-in-out;
  }
  .toggleBase .sliderBase::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--height));
    height: calc(var(--height));
    border-radius: calc(var(--height) / 2);
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-in-out;
  }
  .toggleBase input:checked+.sliderBase {
    background-color: var(--Color-Success_Color-500);
  }
  .toggleBase input:checked+.sliderBase::before {
    transform: translateX(calc(var(--width) - var(--height)));
  }
  .toggleBase .labelsBase {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 11px;
    font-family: sans-serif;
    transition: all 0.4s ease-in-out;
  }
  .toggleBase .labelsBase::after {
    content: attr(data-off);
    position: absolute;
    right: 12px;
    top: -5px;
    color: #fff;
    opacity: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
  }
  .toggleBase .labelsBase::before {
    content: attr(data-on);
    position: absolute;
    left: 5px;
    top: -5px;
    color: #ffffff;
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
    transition: all 0.4s ease-in-out;
  }
  .toggleBase input:checked~.labelsBase::after {
    opacity: 0;
  }
  .toggleBase input:checked~.labelsBase::before {
    opacity: 1;
  }
  .taxFeeDetail{
    background-color: #fff;
    padding: 20px;
    margin-top: 20px;
  }
  .taxFeeDetail h2{
    color: var(--Color-Neutral_Color-500_Primary_text);
    font-size: 28px;
    margin-bottom: 12px;
    font-weight: 600;
  }
  .leaseFinanceTabs .nav-link{
    color: var(--Color-Neutral_Color-500_Primary_text);
  }
  .leaseFinanceTabs .nav-tabs .nav-link.active{
    background-color: var(--Color-Brand_Primary_Color-50);
    color: var(--Color-Brand_Primary_Color-500);
    font-weight: 600;
    border-bottom: 3px solid;
  }
  .leaseFinanceTabs .nav-tabs .nav-link:hover{
    border-color: none!important;
    background-color: var(--Color-Brand_Primary_Color-50);
    color: var(--Color-Brand_Primary_Color-500);
  }
  .feesPaid{
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom:0.5px solid lightgrey;
    margin-bottom: 20px;
  }
  .feesPaid select{
    padding: 6px 8px 6px 12px;
    border-radius: 4px;
    border: 1px solid var(--Color-Neutral_Color-200_border_dark);
  }
  .feesPaid p{
    font-weight: 600;
    margin-top: 5px;
  }
  .add-lease-btn{
    display: flex!important;
    height: 40px;
    /* padding: 12px 24px 12px 32px!important; */
    justify-content: center;
    align-items: center;
    gap: 8px;
    background-color: var(--Color-Brand_Primary_Color-500)!important;
    color: #fff!important;
    margin-right: 20px;
    border: 0;
    border-radius: 4px;
  }
  .edit-lease-btn{
    display: flex!important;
    height: 40px;
    padding: 12px 12px 12px 16px!important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px!important;
    border: 1px solid #BBC2D7!important;
    opacity: 0.5;
  }
  .release-lease-btn{
    display: flex!important;
    height: 40px;
    padding: 12px 12px 12px 16px!important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 3px solid var(--Color-Error_Color-200, #E99BA0)!important;
    opacity: 0.5;
  }
  .release-finance-btn{
    display: flex!important;
    height: 40px;
    padding: 12px 12px 12px 16px!important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 3px solid var(--Color-Error_Color-200, #E99BA0)!important;
    opacity: 0.5;
  }
  #nav-home .btns{
    display: flex;
    justify-content:end;
  }
  #nav-tabContent h5{
    color: var(--Color-Neutral_Color-500_Primary_text);
    font-size: 22px;
    font-weight: 600;
  }
  #nav-profile .btns{
    display: flex;
    justify-content: end;
  }
  #addNewModalLease h4{
    color: var(--Color-Neutral_Color-500_Primary_text);
    text-align: center!important;
    font-weight: 600;
  }
  .saveApply{
    background-color: var(--Color-Brand_Primary_Color-500);
    color: #fff;
    width: 100%;
    margin-top: 8px;
    padding: 8px 24px 8px 32px;
    border: 0;
  }
  #addNewModalLease .modal-lg{
    max-width: 825px!important;
  }
  .leaseTableCheck,.accessCheck{
    width: 1%;
  }
  .nav-tabs{
    border-bottom: 0!important;
  }
  #nav-tabs-lease{
    border-bottom: 1px solid #dee2e6;
  }
  #addNewModalLease label{
    color: var(--Color-Neutral_Color-400_Label_and_placeholder_text);
  }
  #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
    z-index: 9999; 
    display: none; 
}
#overlayFin {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
    z-index: 9999;
    display: none; 
}
/*--NEW ALERTS FOR TAX & FEES----*/
.DisableAlert{
    background-color:var(--Color-Link_Color-50);
    padding: 15px;
    margin-top: 20px;
    display: none;
    border: 1px solid var(--Color-Link_Color-500);
}
.confirm_message_popup .yesBtn{
    background-color: var(--Color-Link_Color-500);
    color: #fff;
    width: 90px;
    padding: 5px 24px;
    height: 32px;
  }
  .confirm_message_popup .yesBtn:hover{
    color: #fff;
    background-color: var(--Color-Link_Color-500);
  }
  .confirm_message_popup .noBtn:hover{
    color: var(--Color-Neutral_Color-500_Primary_text);
    background-color: #fff;
  }
  .confirm_message_popup .noBtn{
    background-color: #fff;
    color: var(--Color-Neutral_Color-500_Primary_text);
    width: 90px;
    padding: 5px 24px;
    height: 32px;
  }
  .taxalerts p{
    color: var(--Color-Neutral_Color-500_Primary_text);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
  }
  .alert-close{
    border: 2px solid #000;
    border-radius: 50px;
    cursor: pointer;
    float: right;
    padding: 3px 5px;
    font-size: 15px;
    width: 25px;
    font-weight: 700;
}
.taxDisableAlert{
    display: none;
}
.EnableAlert{
    background-color:var(--Color-Link_Color-50);
    padding: 15px;
    margin-top: 20px;
    display: none;
    border: 1px solid var(--Color-Link_Color-500);
}
#taxLeaseTable i{
    cursor: pointer;
    font-size: 16px;
}
#taxLeaseTable_length,#taxLeaseTable_filter{
    display: none;
}
#taxFinanceTable_length,#taxFinanceTable_filter{
    display: none;
}
/* #taxLeaseTable_filter{
    display: none;
}
#taxFinanceTable_filter{
    display: none;
} */
#taxLeaseMobileTable_wrapper{
    display: none;
}
#taxFinanceMobileTable_wrapper{
    display: none;
}
.delete-message-row{
    background-color: var(--Color-Error_Color-50)!important;
    border: 1px solid var(--Color-Error_Color-500);
}
#deleteMessageDiv{
    background-color: var(--Color-Error_Color-50)!important;
    border: 1px solid var(--Color-Error_Color-500);
    padding: 10px;
    margin-bottom: 12px;
    display: none;
    border-radius: 4px;
}
#deleteMessageDivFinance{
    background-color: var(--Color-Error_Color-50)!important;
    border: 1px solid var(--Color-Error_Color-500);
    padding: 10px;
    margin-bottom: 12px;
    display: none;
    border-radius: 4px;
    margin-top: 12px;
}
.no-delete-btn{
    margin: 0 20px;
}
.enabled-btn{
    border: 3px solid var(--Color-Error_Color-200, #E99BA0)!important;
    opacity: 1!important;
}
.btn-delete-yes{
    background-color: var(--Color-Error_Color-500)!important;
    color: var(--Color-Background_Color-Dark)!important;
}
.no-delete-btn{
    background-color:#fff!important;
    color: var(--Color-Neutral_Color-500_Primary_text)!important;
}
.popuptaxmobile{
    display: none;
}
#mobile-taxlease-header{
    display: none;
}
#finance-top-header-mobile{
    display: none;
}
/*--add new side popup--*/
.modal-container-add-new {
    display: none;
    position: fixed;
    top: 0;
    right: -100%;
    width: 350px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: right 0.3s ease-in-out;
    z-index: 11;
    overflow-x: auto;
}
.modal-container-add-new::-webkit-scrollbar{
    width: 0;
}
.modal-content-add-new {
    padding: 20px;
}
.add-new-close{
    border: 2px solid #000;
    border-radius: 50px;
    float: right;
    cursor: pointer;
    padding: 3px 5px;
    font-size: 15px;
    width: 25px;
    font-weight: 700;
}
/* #taxPrice,.leaseFinanceTabs{
    display: none;
} */
.form-inputs{
    margin: 5px 0;
}
.taxFeeDetail{

    .form-inputs label{
        margin: 5px 0;
    }

}
#offcanvasFinanceEdit{
    h5{
        font-size: 24px;
    }
    .form-check label{
        color: initial;
        font-weight: initial;
        font-size: initial;
    }
    
}
#offcanvasLeaseEdit{
    h5{
        font-size: 24px;
    }
    .form-check label{
        color: initial;
        font-weight: initial;
        font-size: initial;
    }
    
}
.btn-fin{
    background-color: transparent;
}
#financeRelease{
    height: 38px;
    font-size: 16px;
    padding: 0 24px 0 16px;
    border: 1px solid #E99BA0;
    color: #E99BA0;
    margin-left: 50px;
    background-color: transparent;
    border-radius: 5px;
    opacity: 0.5;
    font-weight: 500 !important;
}
.edit-btn-access:focus{
    outline: 2px solid #000!important;
}
.toggle_switch_action_new{
    display: flex;
}
/*----------------LEAD REPORT-----------------------------*/
.primary-heading-tax {
    color: var(--Color-Neutral_Color-500_Primary_text);
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 12px;
}
.download-csv{
    display: flex!important;
    height: 40px;
    padding: 8px 24px 8px 32px!important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px!important;
    background-color: var(--Color-Brand_Primary_Color-500)!important;
    color: #fff!important;
    text-transform: uppercase;
}
.lead-report-head{
    background-color: #fff;
    padding: 20px;
    margin-top: 20px;
    border-radius: 4px;
}
.lead-report-head button{
    background-color: var(--Color-Brand_Primary_Color-500)!important;
    color: #fff!important;
    text-transform: uppercase;
}

.lead-report-head #vehicle_type{
    border-radius: 4px !important;
}
.search-button{
    display: flex;
    align-items: end;
}
.search-button .search-btn{
    width: 100%;
    border-radius: 4px;
}
.lead-options{
    color: var(--Color-Neutral_Color-500_Primary_text)
}
.lead-table{
    background-color: #fff;
    padding: 20px;
    border-radius: 4px;
}
.table_search {
    position: relative;
}
.table_search i {
    position: absolute;
    z-index: 9;
    top: 5px;
    left: 8px;
    font-size: 13px;
}
.table_search input {
    padding-left: 30px;
    font-size: 13px;
    width: 55%;
    height: 20px;
}
.lead-table{
    margin-top: 20px;
}
#leadTable_filter input {
    background-color: #F6F6F6!important;
    border: 1px solid #F6F6F6!important;
    height: 40px;
}
.table_data{
    width: 1%!important;
}
td.details-control {
    background: url('https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/images/details_icon.svg') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/images/details_icon.svg') no-repeat center center;
}
.reservationReportSubRow{
    background-color: #E9EBF2!important;
}
.reservationReportSubRow tbody{
    background-color: #E9EBF2!important;
}
#reservationMobileTable{
    display: none;
}
#reservationMobileTable_wrapper{
    display: none;
}
#leadReportMobileTable{
    display: none;
}
#leadReportMobileTable_wrapper{
    display: none;
}
.leadTableSubRow{
    background-color: #F7F7F7;
}
.table td, .table th{
    border-top: 1px solid #dee2e6;
}
.csv-btn-download{
    display: contents;
}
#leadReportModalDetails{
    width: 350px;
}
.lead-details-accordion-report label{
    font-weight: 600;
}
.lead-details-accordion-report .accordion-button:not(.collapsed){
    background-color: #E9EBF2!important;
    color: #000;
}
.lead-details-accordion-report .accordion-button{
    background-color: #E9EBF2!important;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
.lead-details-accordion-report .accordion-item{
    margin: 10px;
}
.lead-details-report{
    padding: 10px;
}
.comments-text{
    width: 285px;
    word-wrap: break-word;
    text-align: left;
}
#leadReportModalDetails span{
    font-weight: 500;
    color: #000;
}
#leadReport__date_error{
    text-align: center;
    margin: 10px 0;
}
/*----------------------LOGIN--------------------*/
.login_carousel_text{
    background-color: var(--Color-Brand_Primary_Color-500);
    padding: 4rem;
}
.login_carousel_text h4{
    color: #fff;
    text-align: center;
}
.login_carousel_text p{
    color: #fff;
    text-align: center;
}
.login_carousel .item img{
    position: relative;
    top: 40px;
}
.login_carousel{
    background-color: var(--Color-Background_Color-Dark);
}
.form_content{
    height: 300px;
    width: 370px;
    /* left: 50%;
    top: 30%;
    transform: translate(-50%);
    position: absolute; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.login_main{
    display: flex;
    justify-content: center;
    align-items: center;
}
.login_form button{
    background-color: var(--Color-Brand_Primary_Color-500)!important;
    color: #fff!important;
    text-transform: uppercase;
    width: 100%;
    height: 40px;
    margin-top: 20px;
}
.login_form button:focus{
    outline: 2px solid #000;
}
.login_form button:hover{
    background-color: var(--Color-Brand_Primary_Color-500);
    color: #fff;
}
.login-new{
    margin-top: 70px;
}
.owl-nav{
    display: none!important;
}
.owl-dots{
    display: none!important;
}
.frame-img{
    margin-left: 32px;
    margin-bottom: -139px;
    width: 238px;
}
.form_content h4{
    color: var(--Color-Neutral_Color-500_Primary_text);
    font-size: 26px;
    font-weight: 600;
}
.form_content button:hover{
    color: #fff;
}
#password_field input{
    position: relative;
}
#password_field i{
    position: absolute;
    right: 10px;
    top: 35px;
    cursor: pointer;
}
.form_content .form-group-new{
    position: relative;
    margin-bottom: 1rem;
}
/*------------LOGOUT------------*/
.logout-message{
    height: 300px;
    width: 600px;
    left: 50%;
    top: 30%;
    transform: translate(-50%);
    position: absolute;
}
.logout-message img{
    width: 20%;
    margin: 0 auto;
    display: block;
}
.logout-message h4{
    text-align: center;
    font-size: 25px;
    margin: 20px 0;
    color: var(--Color-Neutral_Color-500_Primary_text);
    font-weight: 600;
}
.logout-message h6{
    text-align: center;
    font-size: 20px;
    color: var(--Color-Neutral_Color-300_Secondary_text);
}
.mandat{
    color:var(--Color-Error_Color-500);
    margin-left: 5px;
}
.paypal-enroll label{
    color: #484848;
    font-weight: 500;
    font-size: 16px;
}
.paypal-form{
    border: 1px solid var(--Color-Neutral_Color-50_Border_light_and_inactive);
    padding: 10px;
}
.paypal-success-msg{
    background-color: #fff;
    padding: 10px;
    margin-top: 20px;
}
.paypal-success-msg h3{
    text-align: center;
    color: var(--Color-Neutral_Color-500_Primary_text);
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;
}
.merchant-id{
    border: 1px solid var(--Color-Neutral_Color-50_Border_light_and_inactive);
    padding: 10px;
    width: 50%;
    margin: 0 auto;
    display: block;
}
.merchant-id p{
    font-size: 16px;
}
.merchant-id a{
    font-size: 16px;
}
  /*------------NOT ENROLL------------*/
  .no-enroll {
    background-color: #F6F6F6;
    height: 100vh;
}

.no-enroll-message {
    height: 300px;
    width: 600px;
    left: 50%;
    top: 30%;
    transform: translate(-50%);
    position: absolute;
}

.no-enroll-message h4 {
    text-align: center;
    font-size: 45px;
    margin: 20px 0;
    color: var(--Color-Neutral_Color-500_Primary_text);
    font-weight: 600;
}

.no-enroll-message h6 {
    text-align: center;
    font-size: 20px;
    color: var(--Color-Neutral_Color-300_Secondary_text);
}
.date-container{
    position: relative;
}
.date-container::after{
    content: "^";
    font-size: 0px;
    position: absolute;
    margin-top: -33px;
    right: 0px;
    background: url(../img/newui/calender.svg)no-repeat;
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    width: 42px;
    height: 32px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    background-color: #25397F;
    background-position: center;
    border: 1px solid #063E77;
    background-size: 20px 20px;
    pointer-events: none;
    margin-left: 12rem;
}    
.date-container input{
    cursor: pointer;
    border-radius: 4px;
}
/*----------ACCESS MANAGEMENT-------------------*/
.create-user-access{
    background-color: var(--Color-Brand_Primary_Color-500)!important;
    color: #fff!important;
    padding: 8px 24px 8px 32px!important;
    float: right;
    text-transform: uppercase;
  }
  .access-management-main{
    background-color: #fff;
    padding: 20px;
    margin-top: 20px;
  }
  .acc-mgmt-primary-txt{
    color: var(--Color-Neutral_Color-500_Primary_text);
    font-size: 24px;
    font-weight: 600;
  }
  #accesstable_filter input {
    background-color: #F6F6F6!important;
    border: 1px solid #F6F6F6!important;
    height: 40px;
}
.edit-access-btn{
    /* display: flex; */
    height: 38px;
    padding: 0 24px 0 16px!important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px!important;
    border: 1px solid #BBC2D7!important;
    opacity: 0.5;
  }
  #releaseBtnAccess{
    height: 38px;
    font-size: 16px;
    padding: 0 24px 0 16px;
    border: 1px solid #E99BA0;
    color: #E99BA0;
    background-color: transparent;
    border-radius: 5px;
    opacity: 0.5;
    margin: 0 8px;
}
#createUserAccess .modal-title{
    font-size: 26px;
    font-weight: 600;
}
.hillsborough-btn {
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.createUserModules{
    position: relative;
    margin-top: 20px;
}
.createUserModules::after{
    content: '';
    position: absolute;
    border-bottom: 1px solid var(--Color-Neutral_Color-200_border_dark);
    margin-bottom: 15px;
    width: 95%;
    left: 20px;
    top: -12px;
}
.popup-close{
    border: 2px solid #000!important;
    border-radius: 50px;
    padding: 1px 3px!important;
    margin: 2px!important;
}
#addNewModalAccess label{
    margin: 10px 0;
}
#create-user-permission p{
    margin: 10px 0;
    height: 55px;
}
#addNewModalAccess{
    width: 350px;
}
#accessMgmtMobileTable_wrapper{
    display: none;
}
.ui-datepicker {
    z-index: 9999!important; /* Adjust the value as needed */
}
.form-field-access{
    margin: 12px 0;
}
.form-field-access label{
    color: #1A1A1A;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 8px;
}
#offcanvasAccessEdit{
    h5{
        font-size: 24px;
    }
    .form-check label{
        color: initial;
        font-weight: initial;
        font-size: initial;
    }
    
}

.modules, .edit, .view{
    font-weight: 600;
}

#addNewModalAccess{
    #first-name-error,#password-error,#rePassword-error,#effective_date-error,#expiration_date-error,#email-error{
        color: red;
        margin: 0;
    }
    #generatePassword{
        background-color: var(--Color-Brand_Primary_Color-500);
        color: #fff;
        border: 0;
        margin-top: 10px;
        padding: 5px 15px;
        border-radius: 4px;
    }
    .date-container-access{
        position: relative;
    }
    .date-container-access::after{
        content: "^";
        font-size: 0px;
        position: absolute;
        right: 0px;
        background: url(../img/newui/calender.svg)no-repeat;
        color: rgba(0, 0, 0, 0);
        opacity: 1;
        display: block;
        width: 42px;
        height: 32px;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
        background-color: #25397F;
        background-position: center;
        border: 1px solid #063E77;
        background-size: 20px 20px;
        pointer-events: none;
        margin-left: 12rem;
        top: 41px;
    } 
    .date-container-access input{
        cursor: pointer;
        border-radius: 4px;
    }
}

#accessPasswordField{
    position: relative;
}
#accessPasswordField input{
    position: relative;
}
#accessPasswordField i{
    position: absolute;
    right: 10px;
    top: 48px;
    cursor: pointer;
}

/*--------------SYNDICATION--------------*/
.options-tab{
    border-bottom: 1px solid var(--Color-Neutral_Color-200_border_dark, #969696)!important;
}
.options-tab .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        border-radius: 4px 4px 0px 0px;
        border-bottom: 3px solid var(--Color-Brand_Primary_Color-500, #25397F)!important;
        background: var(--Color-Brand_Primary_Color-50, #E9EBF2)!important;
        padding: 16px;
}
.options-tab .nav-item.show .nav-link, .nav-tabs .nav-link{
    color:var(--Color-Brand_Primary_Color-500, #25397F)!important;
    font-weight: 600;
    text-transform: uppercase;
}
.nav-tabs .nav-link{
    padding: 16px;
    font-size: 16px;
}
.options-tab .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
    border-bottom: 3px solid var(--Color-Brand_Primary_Color-500, #25397F)!important;
    background: var(--Color-Brand_Primary_Color-50, #E9EBF2)!important;
    font-weight: 600;
    padding: 16px;
}
.syndication-main{
    background-color: #fff;
    margin-top: 20px;
}
.syndication-tab-content{
    padding: 20px;
}
.vauto-form,.homenet-form{
    box-shadow: 0px 0px 2px lightgrey;
    padding: 20px;
}
.edit-vauto,.edit-home-net-auto{
    box-shadow: 0px 0px 2px lightgrey;
    padding: 20px;
}
.edit-vauto h3{
    margin-bottom: 20px;
}
.edit-vauto label{
    color: #1A1A1A;
    font-weight: 500;
    font-size: 16px;
}
.edit-vauto p{
    color: #1A1A1A;
    font-weight: 400;
}
.edit-home-net-auto h3{
    margin-bottom: 20px;
}
.edit-home-net-auto label{
    color: #1A1A1A;
    font-weight: 500;
    font-size: 16px;
}
.edit-home-net-auto p{
    color: #1A1A1A;
    font-weight: 400;
}
.edit-btn-form{
    border: 2px solid var(--Color-Brand_Primary_Color-500)!important;
    color: var(--Color-Brand_Primary_Color-500)!important;
    text-transform: uppercase;
    padding: 8px 30px!important;
    font-size: 15px!important;
    font-weight: 500!important;
    margin-top: 12px
}
.edit-btn-form-homenet{
    border: 2px solid var(--Color-Brand_Primary_Color-500)!important;
    color: var(--Color-Brand_Primary_Color-500)!important;
    text-transform: uppercase;
    padding: 8px 30px!important;
    font-size: 15px!important;
    font-weight: 500!important;
    margin-top: 12px
}
/* .edit-vauto{
    display: none;
} */
.edit-home-net-auto{
    display: none;
}
.vauto-form .form-fields{
    margin: 10px 0;
}
.syndication-btn{
    background-color: var(--Color-Brand_Primary_Color-500)!important;
    color: #fff!important;
    width: 50%;
    display: block!important;
    margin: 0 auto;
}
.syndication-btn-home{
    background-color: var(--Color-Brand_Primary_Color-500)!important;
    color: #fff!important;
    width: 100%;
}
.homenet-form .form-fields{
    margin: 10px 0;
}
.form-fields div {
    display: inline-block;
    min-width: 100px;
    font-weight: 400;
}
.form-fields label{
    color: #1A1A1A;
    font-weight: 500;
}
#ckbCheckAll label{
    font-weight: initial!important;
}
.brands-label{
    color: #1A1A1A;
    font-weight: 500;
}

/*---FAQ START-----*/



/* BACK LINK */
.back-link-container{


}

.back-link{
    font-size: 14px;
    font-weight:600 ;
    color:var(--Color-Brand_Primary_Color-500);
    text-decoration: none;
}

.back-link i{
    -webkit-text-stroke-width: 1px;
}
/* BACK LINK */

/* HEADING CONTENT */
.heading-text{
    font-size: 30PX;
    font-weight:500;
    color: var(--Color-Neutral_Color-500_Primary_text);
    margin-top: 40px;
}



/* HEADING CONTENT */

.heading-content-container{
    margin-top: 32px;
}
.search-inputs{
    width: 50%;
    height: 40px;
    border-radius: 4px;
    border:1px solid var(--Color-Border-light-and-inactive);
    margin-top: 16px;


}

.heading-sub-text{
    font-size:16px;
    color:var(--Color-Neutral_Color-300_Secondary_text) ;
    margin-top: 16px;
    font-weight: normal;
}
.container-for-Video-tutorials, .container-for-faq-question{
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 16px;
}

.accordion-text-for-video-tutorials, .accordion-for-faq-question{
    font-size: 20px !important;
    font-weight: 600;
    color: var(--Color-Neutral_Color-500_Primary_text);
}
.faq-question{
    font-size: 16px;
    font-weight: 600;
}

.accordion-body p{
    font-size: 14px;
    color: var(--Color-Neutral_Color-500_Primary_text);
}

.sub-heading-in-accordian-body{
    font-size: 14px;
    font-weight: 600;
}

.accordion-body li p{
font-size: 14px;
margin-bottom: 8px;
}



.accordion-body ol {
    margin-bottom: 0;
    }





.accordion-text-foo-faq{
    font-size: 20px !important;
    font-weight: 600;
    color: var(--Color-Neutral_Color-500_Primary_text);
}
.accordion-button p{
    margin-bottom: 0;
}

.accordion-button:not(.collapsed){
    background-color: var(--Color-Brand_Primary_Color-50) !important;
    color: var(--Color-Neutral_Color-500_Primary_text) !important;
    border-color:transparent !important;
}
.accordion-button:focus{
    border-color:transparent !important; 
}

.with-out-list-style{
    list-style-type: none;
    padding-left: 8px;
}
.question-container{
    border-radius: 4px;
    margin-bottom: 8px;
    border: 1px solid var(--Color-Border-light-and-inactive) !important;
}

.info-email{
    color: var(--Color-Info-color-500);
    font-weight: 600;
}
.faqvideoOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
    z-index: 9999; /* Ensure the overlay appears on top of other content */
}

.faq-video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.faq-close-video {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    z-index: 99999; /* Ensure the close button appears on top */
}
.video-player-box{
    padding:12px;
    border-radius: 4px;
    border: 1px solid var(--Color-Border-light-and-inactive);
    cursor: pointer;
    margin-top: 8px;
    margin-bottom: 8px;
}
.video-player-box:hover{
    background-color: var(--Color-Brand_Primary_Color-50);
}
.video-player-box:hover .video-tutorial-icon {
    background-color: white;
}
.video-player-box p{
    color: var(--Color-Neutral_Color-500_Primary_text);
    font-size: 16px;
    font-weight: 600;
}
.video-tutorial-icon{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--Color-Brand_Primary_Color-50);
    margin-right: 12px;
}
.video-tutorial-icon img{
    height: 24px;
    width: 24px;
}
.video-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent black background */
    z-index: 999; /* Ensure it's on top of other content */
    display: none;
    justify-content: center;
    align-items: center;
}
.video-container {
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tutorial-video {
    width: 100%; 
    height: 100%; 
}
.close-button {
    position: absolute;
    top: -35px;
    right: 0px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    z-index: 1000; /* Ensure the close button is on top of the video */
}

.closeButton i {
    font-size: 20px;
    color: white;
    -webkit-text-stroke-width: 1px;
}
.container-for-faq-question{
    .accordion-body{
        color: var(--Color-Neutral_Color-300_Secondary_text)
    }
}
#accordion_search_bar{
    padding-left:8px;
    }
/*----- FAQ END------- */
/*----- CONTACt -------------*/
.contact-top{
    text-align: center;
    display: block;
    margin-bottom: 30px;
}
.contact-top p{
    margin-bottom: 0;
}
.contact-main{
    background-color: #fff;
    padding: 40px;
}
.form-details{
    display: flex;
    margin: 22px 0;
}
.icon-data p{
    margin: 8px 0 0 8px;
    color: var(--Color-Neutral_Color-500_Primary_text);
    font-weight: 500;
}
.icon-data h6{
    margin: 6px 0 0 8px;
}
.contact-details h4{
    color: var(--Color-Neutral_Color-500_Primary_text);
    font-weight: 500;
}
.contact-form{
    box-shadow: 0px 0px 2px lightgrey;
    padding: 20px;
}
.form-inputs{
    margin: 10px 0;
}
.contact-form h3{
    font-size: 21px;
}
.submit-btn{
    background-color: var(--Color-Brand_Primary_Color-500)!important;
    color: #fff!important;
    width: 100%;
    text-transform: uppercase;
    padding: 8px 0!important;
}
.form-inputs .bulk-error{
    color: red;
}
.contact-success-msg{
    background-color: #E9F2EA;
    color: #fff;
    border: 2px solid var(--Color-Success_Color-500);
    padding: 20px;
    border-radius: 4px;
    text-align: center;
    display: none;
}
.contact-success-msg p{
    margin-bottom: 0;
    color: var(--Color-Success_Color-500);
    font-size: 20px;
}
.contact-success-msg i{
    color: var(--Color-Success_Color-500);
    font-size: 25px;
}
.contact-success-msg button{
    background-color: var(--Color-Success_Color-500);
    color: #fff;
    padding: 5px 60px;
    margin-top: 20px;
}
.contact-success-msg button:hover{
    background-color: var(--Color-Success_Color-500);
    color: #fff;
    padding: 5px 60px;
    margin-top: 20px;
}
.faq-bg{
    background-color: #f7f7f7;
    min-height: 100vh;
    margin-top: 40px;
}
.highlight {
    background-color: var(--Color-Brand_Primary_Color-500);
    color: #fff;
}
.pdf-link{
    display: flex;
    align-items: center;
}
/*----- CONTACt END-------------*/

/* GOOGLE CAR */
.google-car-main{
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    margin-top: 20px;

    .google-card{
        box-shadow: 0px 0px 2px lightgrey;
        padding: 20px;
    }
    h3{
        font-size: 22px;
        margin: 20px 0;
    }
    .btn-google-car{
        background-color: var(--Color-Brand_Primary_Color-500);
        color: #fff;
        width: 100%;
        border: none;
        border-radius: 4px;
        padding: 8px;
        margin-top: 40px;
        text-transform: uppercase;
    }
    label{
        font-weight: 500;
        color: #000;
    }
}
.google-success-msg{
    display: none;
}
.google-success-msg{
    text-align: center;

    h2{
        font-size: 20px;
        margin-top: 30px;
    }
    .prefernceBtn{
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;
        width: 100%;
        border: none;
        border-radius: 4px;
        padding: 8px;
        margin-top: 40px;
        text-transform: uppercase;
    }
}

/* NON_SUBVENTED APR START */
.non-sub-main{
    .btn-icon-large {
        padding: 12px 32px 12px 24px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        font-size: var(--button-large);
        font-weight: var(--fw-semibold);
        color: #FFF;
        line-height: 24px;
        border-radius: 4px;
        height: 40px;
        background-color: var(--Color-Brand_Primary_Color-500);
        border: none;
    }
    .breadcrumb{
        margin-bottom: 10px!important;
    }
    .non-sub-header{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .non-sub-content{
        background-color: #fff;
        padding: 20px;
        margin-top: 20px;
    }
    .non-sub-msg{
        height: 75vh;
        display: flex;
        align-items: center;
        justify-content: center;

        h2{
            width: 55%;
            line-height: 1.5;
            font-size: 30px;
            font-weight: 400;
        }
    }
    .mobileFilterbtn {
        display: flex;
        width: 54px;
        padding: 12px 32px 12px 16px;
        align-items: center;
        gap: 8px;
        border-radius: 4px 0px 0px 4px;
        background: var(--Color-Primary, #25397F);
    }
    .mobileFilterWrapper {
        position: fixed;
        right: 0;
        top: 50%;
        z-index: 99;
    }

}

#aprFilter{

    .offcanvas-header{
        border-bottom: 1px solid lightgrey;
        padding: 20px;
    }
    .form-apr-fields label{
        text-transform: uppercase;
        color: var(--Color-Neutral_Color-500_Primary_text);
        font-size: 16px;
        margin: 12px 0;
        font-weight: 500;
    }
    .apr-filter-section{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.add-apr{
    label{
        color: var(--Color-Neutral_Color-500_Primary_text);
        font-weight: 500;
        margin-bottom: 8px;
    }
    .btn-addApr{
        text-transform: uppercase;
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;
        width: 100%;
        margin-top: 28px;
    }
    .btn-addApr:hover{
        background-color: var(--Color-Brand_Primary_Color-500);
        color: #fff;
    }
    .btn-addApr:focus{
        outline: 2px solid #000;
    }
}
.add-apr-msg{
    height: 75vh;
    display: flex;
    align-items: center;
    justify-content: center;

    h2{
        width: 55%;
        line-height: 1.5;
        font-size: 30px;
        font-weight: 400;
    }

}

.add-apr-table{
    #aprTable_filter input{
        background-color: #F6F6F6!important;
        border: 1px solid #F6F6F6!important;
        height: 40px;
    }
}
#aprTableMobile_wrapper{
    display: none;
}
#deleteApr{
    cursor: pointer;
}
/* NON_SUBVENTED APR END */


/* UPDATE MONEY FACTOR START */
#deleteMoney,#deleteMoneyMobile{
    cursor: pointer;
}
#moneyFilter{

    .offcanvas-header{
        border-bottom: 1px solid lightgrey;
        padding: 20px;
    }
    .form-apr-fields label{
        text-transform: uppercase;
        color: var(--Color-Neutral_Color-500_Primary_text);
        font-size: 16px;
        margin: 12px 0;
        font-weight: 500;
    }
    .apr-filter-section{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}
.add-money-factor{
    label{
        color: var(--Color-Neutral_Color-500_Primary_text);
        font-weight: 500;
        margin-bottom: 8px;
    }
    .btn-addApr{
        text-transform: uppercase;
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;
        width: 40%;
        display: block;
        margin: 30px auto;
    }
    .btn-addApr:hover{
        background-color: var(--Color-Brand_Primary_Color-500);
        color: #fff;
    }
    .btn-addApr:focus{
        outline: 2px solid #000;
    }
}    
.update-money-table{
    #updateMoneyTable_filter input{
        background-color: #F6F6F6!important;
        border: 1px solid #F6F6F6!important;
        height: 40px;
    }
}
#moneyTableMobile_wrapper{
    display: none;
}
/* UPDATE MONEY FACTOR END */

/* RESERVATION SETTINGS START */
.add-res-amount{
    label{
        color: var(--Color-Neutral_Color-500_Primary_text);
        font-weight: 500;
        margin-bottom: 8px;
    }
    .btn-addApr{
        text-transform: uppercase;
        background-color: var(--Color-Brand_Primary_Color-500);
        color: #fff;
        width: 100%;
        margin-top: 28px;
    }
    .btn-addApr:hover{
        background-color: var(--Color-Brand_Primary_Color-500);
        color: #fff;
    }
}
#resFilter{

    .offcanvas-header{
        border-bottom: 1px solid lightgrey;
        padding: 20px;
    }
    .form-apr-fields label{
        text-transform: uppercase;
        color: var(--Color-Neutral_Color-500_Primary_text);
        font-size: 16px;
        margin: 12px 0;
        font-weight: 500;
    }
    .apr-filter-section{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .inventory-status label{
        margin: 0!important;
    }
}
.toggle_res {
    --width: 85px;
    --height: calc(var(--width) / 3.5);
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
  }
  .toggle_res input {
    display: none;
  }
  .toggle_res .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--height);
    background-color: var(--Color-Error_Color-500);
    transition: all 0.4s ease-in-out;
  }
  .toggle_res .slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--height));
    height: calc(var(--height));
    border-radius: calc(var(--height) / 2);
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-in-out;
  }
  .toggle_res input:checked+.slider {
    background-color: var(--Color-Success_Color-500);
  }
  .toggle_res input:checked+.slider::before {
    transform: translateX(calc(var(--width) - var(--height)));
  }
  .toggle_res .labels {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 11px;
    font-family: sans-serif;
    transition: all 0.4s ease-in-out;
  }
  .toggle_res .labels::after {
    content: attr(data-off);
    position: absolute;
    right: 12px;
    top: -5px;
    color: #fff;
    opacity: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
  }
  .toggle_res .labels::before {
    content: attr(data-on);
    position: absolute;
    left: 5px;
    top: -5px;
    color: #ffffff;
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
    transition: all 0.4s ease-in-out;
  }
  .toggle_res input:checked~.labels::after {
    opacity: 0;
  }
  .toggle_res input:checked~.labels::before {
    opacity: 1;
  }
  .confirmation-row-res{
    background-color: var(--Color-Link_Color-50)!important;
    padding: 15px;
    border: 1px solid var(--Color-Link_Color-500);
  }
  .btn-no-res{
    background-color: #fff!important;
    color: var(--Color-Neutral_Color-500_Primary_text)!important;
    padding: 5px 20px!important;
  }
  .btn-yes-res{
    background-color: var(--Color-Link_Color-500)!important;
    color: #fff!important;
    padding: 5px 20px!important;
    margin: 0 20px;
  }
  .confirmation-row-res span{
    font-weight: 600;
  }
  .delete-message-row span{
    font-weight: 600;
  }
  .deleteIconRes{
    cursor: pointer;
  }
  .btn-yes-delete,.btn-yes-delete-discount{
    background-color: var(--Color-Error_Color-500) !important;
    color: var(--Color-Background_Color-Dark) !important;
    padding: 5px 20px!important;
    margin: 0 20px;
  }
  .btn-no-delete{
    background-color: #fff!important;
    color: var(--Color-Neutral_Color-500_Primary_text)!important;
    padding: 5px 20px!important;
  }
  .reservation-wrapper{
    margin-top: 30px;
  }
  #reservationSettingTableMobile_wrapper{
    display: none;
  }
  .reservation-setting-table{
    #reservationSettingTable_filter input{
        background-color: #F6F6F6!important;
        border: 1px solid #F6F6F6!important;
        height: 40px;
    }
}
.toggle_res_mobile {
    --width: 85px;
    --height: calc(var(--width) / 3.5);
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
  }
  .toggle_res_mobile input {
    display: none;
  }
  .toggle_res_mobile .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--height);
    background-color: var(--Color-Error_Color-500);
    transition: all 0.4s ease-in-out;
  }
  .toggle_res_mobile .slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--height));
    height: calc(var(--height));
    border-radius: calc(var(--height) / 2);
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-in-out;
  }
  .toggle_res_mobile input:checked+.slider {
    background-color: var(--Color-Success_Color-500);
  }
  .toggle_res_mobile input:checked+.slider::before {
    transform: translateX(calc(var(--width) - var(--height)));
  }
  .toggle_res_mobile .labels {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 11px;
    font-family: sans-serif;
    transition: all 0.4s ease-in-out;
  }
  .toggle_res_mobile .labels::after {
    content: attr(data-off);
    position: absolute;
    right: 12px;
    top: -5px;
    color: #fff;
    opacity: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
  }
  .toggle_res_mobile .labels::before {
    content: attr(data-on);
    position: absolute;
    left: 5px;
    top: -5px;
    color: #ffffff;
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
    transition: all 0.4s ease-in-out;
  }
  .toggle_res_mobile input:checked~.labels::after {
    opacity: 0;
  }
  .toggle_res_mobile input:checked~.labels::before {
    opacity: 1;
  }
  .confirmpopupmobileres{
    background-color: var(--Color-Link_Color-50) !important;
    padding: 5px;
    border: 1px solid var(--Color-Link_Color-500);

    #confirmYes{
        background-color: var(--Color-Link_Color-500) !important;
        color: #fff !important;
        padding: 2px 10px !important;
        margin: 0 10px;
    }
    #confirmNo{
        background-color: #fff !important;
        color: var(--Color-Neutral_Color-500_Primary_text) !important;
        padding: 2px 10px !important;
    }

  }
  #DeletePopup{
    background-color: var(--Color-Error_Color-50) !important;
    border: 1px solid var(--Color-Error_Color-500);
    padding: 8px;

    #deleteYes{
        background-color: var(--Color-Error_Color-500) !important;
        color: var(--Color-Background_Color-Dark) !important;
        padding: 2px 10px !important;
        margin: 0 10px;
    }
    #deleteNo{
        background-color: #fff !important;
        color: var(--Color-Neutral_Color-500_Primary_text) !important;
        padding: 2px 10px !important;
    }

  }
/* RESERVATION SETTINGS END */

/* SERVICE SETTINGS START */
#ServicePriceFilter{

    .offcanvas-header{
        border-bottom: 1px solid lightgrey;
        padding: 20px;
    }
    .form-apr-fields label{
        text-transform: uppercase;
        color: var(--Color-Neutral_Color-500_Primary_text);
        font-size: 16px;
        margin: 12px 0;
        font-weight: 500;
    }
    .apr-filter-section{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}
.add-service-price{
    label{
        color: var(--Color-Neutral_Color-500_Primary_text);
        font-weight: 500;
        margin-bottom: 8px;
    }
    .btn-addApr{
        text-transform: uppercase;
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;
        width: 100%;
        margin-top: 28px;
    }
    .btn-addApr:hover{
        background-color: var(--Color-Brand_Primary_Color-500);
        color: #fff;
    }
    .btn-addApr:focus{
        outline: 2px solid #000;
    }
} 
.update-service-wrapper{
    margin-top: 30px;
}
.update-service-table input{
    background-color: #F6F6F6!important;
    border: 1px solid #F6F6F6!important;
    height: 40px;
}
#deleteSeriveRecord{
    cursor: pointer;
}
#updateServiceTableMobile_wrapper,#updateServiceTableMobile{
    display: none;
}
.confirm-yes{
    background-color: var(--Color-Link_Color-500) !important;
    color: #fff !important;
    padding: 2px 10px !important;
    margin: 0 10px;
}
.confirm-no{
    background-color: #fff !important;
    color: var(--Color-Neutral_Color-500_Primary_text) !important;
    padding: 2px 10px !important;
}
.confirm-yes:focus{
    outline: 2px solid #000;
}
.confirm-no:focus{
    outline: 2px solid #000;
}
#pricePopup{
    justify-content: space-between;
}
/* SERVICE SETTINGS END */
/* SERVICE SETTINGS END */



.toggle_chrysler {

    --width: 85px;

    --height: calc(var(--width) / 3.5);

    position: relative;

    display: inline-block;

    width: var(--width);

    height: var(--height);

    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);

    border-radius: var(--height);

    cursor: pointer;

    }

    .toggle_chrysler input {

    display: none;

    }

    .toggle_chrysler .slider {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: var(--height);

    background-color: var(--Color-Error_Color-500);

    transition: all 0.4s ease-in-out;

    }

    .toggle_chrysler .slider::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: calc(var(--height));

    height: calc(var(--height));

    border-radius: calc(var(--height) / 2);

    background-color: #fff;

    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);

    transition: all 0.4s ease-in-out;

    }

    .toggle_chrysler input:checked+.slider {

    background-color: var(--Color-Success_Color-500);

    }

    .toggle_chrysler input:checked+.slider::before {

    transform: translateX(calc(var(--width) - var(--height)));

    }

    .toggle_chrysler .labels {

    position: absolute;

    top: 8px;

    left: 0;

    width: 100%;

    height: 100%;

    font-size: 11px;

    font-family: sans-serif;

    transition: all 0.4s ease-in-out;

    }

    .toggle_chrysler .labels::after {

    content: attr(data-off);

    position: absolute;

    right: 12px;

    top: -5px;

    color: #fff;

    opacity: 1;

    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);

    transition: all 0.4s ease-in-out;

    }

    .toggle_chrysler .labels::before {

    content: attr(data-on);

    position: absolute;

    left: 5px;

    top: -5px;

    color: #ffffff;

    opacity: 0;

    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);

    transition: all 0.4s ease-in-out;

    }

    .toggle_chrysler input:checked~.labels::after {

    opacity: 0;

    }

    .toggle_chrysler input:checked~.labels::before {

    opacity: 1;

    }

    #gridTableContainer_wrapper{
        margin: 16px 0;
    }
    #confirmationMessage18,#confirmationMessage19,#confirmationMessage20{
        margin: 12px 0;
      }
      #dealeremail-error,#dealeremail1-error,#dealeremail2-error,#dealeremail3-error,.dealer_mandatoryinfo{
        color: red!important;
      }
      .table1 button{
        margin-top: 30px;
      }
      #dynamic_field label{
        margin-top: 5px;
        margin-bottom: 5px;
      }

      /* options & Settings */
      #aprTableMobile{
        margin-top: 20px!important;
      }
      #DeletePopup{
        margin-top: 20px;
      }
      #gridTableContainer_filter input{
        background-color: #F6F6F6!important;
        border: 1px solid #F6F6F6!important;
        height: 40px;
      }
      #da_event_inventory_status ul{
        padding-left: 0;
      }
      #da_event_inventory_status li{
        list-style-type: none;
      }
      #select_all{
        margin-bottom: 0;
      }
      #add_name{
        .print-error-msg{
            display: none!important;
        }
      }
      #apr_rate_error2,#apr_rate_error{
        color: red;
      }
      #money_factor_error,#money_factor_error2,#money_factor_error3,#money_factor_error4{
        color: red;
      }
      #percentage_rate_error{
        color: red;
      }
      /* options & Settings end */

      /* FAQ CHANGES  */
      .container-for-paypal-faq-questions{
        margin-top:10px;
        background-color: #fff;
        padding: 10px 5px;
      }
      .headingforpaypalfaq{
        margin-top:25px;
        font-size: 30px;
        font-weight: 600;
       
      }
      .back-to-top-button {
        display: none; /* Initially hide the button */
        position: fixed;
        bottom: 20px;
        right: 20px;
        /* padding: 10px 20px; */
        background-color: transparent;
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        z-index: 999;
      
        img{
          width: 40px;
        }
      
      }
      /* FAQ CHANGES END */


      /* ALST START */
      .alst-dashboard{
        margin-top: 60px;
        margin-bottom: 30px;
        padding: 30px;
    
        h3{
            font-size: 24px;
            text-align: center;
            margin-bottom: 16px;
            font-family: 'Poppins', sans-serif!important;
        }
        .alst-fields{
            margin: 8px 0;
            position: relative;
    
            label{
                font-size: 14px;
                margin-bottom: 4px;
                color: #000;
                font-weight: 500;
                font-family: 'Poppins', sans-serif!important;
            }
    
            input{
                font-size: 14px;
            }
    
            select{
                font-size: 14px;
            }
    
        }
    
        .alst-btn{
            background-color: var(--Color-Brand_Primary_Color-500)!important;
            color: #fff;
            border-radius: 4px;
            font-size: 14px;
            width: 100%;
            margin-top: 12px;
        }
        .alst-btn:hover{
            color: #fff;
        }
    
        .save-success-msg{
            background-color:#E9F2EA;
            border: 2px solid var(--Color-Success_Color-500);
            padding: 8px;
            margin: 8px 0;
            border-radius: 4px;
        
            p{
                margin-bottom: 0;
                font-size: 14px;
                text-align: center;
                display: block;
            }
            .success-ok{
                background-color: var(--Color-Success_Color-500);
                color: #fff;
                display: flex;
                justify-content: center;
            }
            .success-ok:hover{
                background-color: var(--Color-Success_Color-500);
                color: #fff;
            }
        
        }
    
        #reEnrollAlert{
            #reEnrollNo{
                background-color: #fff;
                color: #000;
                margin: 8px 12px;
            }
            #reEnrollYes{
                background-color: var(--Color-Brand_Primary_Color-500);
                color: #fff;
                margin: 8px 12px;
            }
        }
        .error{
            color: red;
        }
        #reEnrollAlert{
            background-color: var(--Color-Error_Color-50) !important;
            border: 1px solid var(--Color-Error_Color-500);
            padding: 8px;
            margin: 8px 0;
            border-radius: 4px;

            p{
                color: #000!important;
            }
        }
    
    }
    .upfit_icon{
        width:16px;
        position: absolute;
        right:-30px;
        top:30px;
        display: none;
    }
    .welcome-main{
        display: flex;
    }
    .alst-logout a{
        color: #fff!important;
    }
      /* ALST END */

    /*------ENABLE ACCESSORIES-------*/
.icon_links1{
    #accessoriesCheckbox{
        margin-right: 5px;
    }
}
.acc-tab-content{
    padding: 20px;
}
.enable-acc-main {
    .enable-head{
        display: flex;
        justify-content: space-between;
        align-items: center;

        .btn-icon-large {
            padding: 12px 32px 12px 24px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            font-size: var(--button-large);
            font-weight: var(--fw-semibold);
            color: #FFF;
            line-height: 24px;
            border-radius: 4px;
            height: 40px;
            background-color: var(--Color-Brand_Primary_Color-500);
            border: none;
        }

    }

    .enable-acc-content{
        background-color: #fff;
        margin-top: 20px;
    }
    .enable-acc-content-msg{
        height: 75vh;
        display: flex;
        align-items: center;
        justify-content: center;

        h2{
            width: 55%;
            line-height: 1.5;
            font-size: 30px;
            font-weight: 400;
        }
    }
    .mobileFilterbtn {
        display: flex;
        width: 54px;
        padding: 12px 32px 12px 16px;
        align-items: center;
        gap: 8px;
        border-radius: 4px 0px 0px 4px;
        background: var(--Color-Primary, #25397F);
    }
    .mobileFilterWrapper {
        position: fixed;
        right: 0;
        top: 50%;
        z-index: 99;
    }
    
}

#standardFilter{

    .offcanvas-header{
        border-bottom: 1px solid lightgrey;
        padding: 20px;
    }
    .form-apr-fields label{
        text-transform: uppercase;
        color: var(--Color-Neutral_Color-500_Primary_text);
        font-size: 16px;
        margin: 12px 0;
        font-weight: 500;
    }
    .enable-filter-section{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    button{
        text-transform: uppercase;
        margin-bottom: 12px;
    }
    .ms-options{
        max-height: 500px!important;
    }
}

#customFilter{
    .form-apr-fields label{
        text-transform: uppercase;
        color: var(--Color-Neutral_Color-500_Primary_text);
        font-size: 16px;
        margin: 12px 0;
        font-weight: 500;
    }
    .enable-filter-section{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.enable-acc-content{

    .standard_part_main{

        .standard-head{
            border-bottom: 1px solid lightgrey;
            padding-bottom: 12px;
            margin-bottom: 12px;
            display: flex;
            width: 100%;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }
        .standard-options{
            width: 28%;

            label{
                color: var(--Color-Neutral_Color-500_Primary_text);
                font-weight: 500;
                margin-bottom: 4px;
            }

        }
        .custom-confirmation{
            background-color: var(--Color-Link_Color-50) !important;
            padding: 15px;
            border: 1px solid var(--Color-Link_Color-500);
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            margin-top: 20px;
            display: flex;
    
            #confirmYes1{
                background-color: var(--Color-Link_Color-500) !important;
                color: #fff !important;
                padding: 2px 10px !important;
                margin: 0 10px;
            }
            #confirmNo1{
                background-color: #fff !important;
                color: var(--Color-Neutral_Color-500_Primary_text) !important;
                padding: 2px 10px !important;
            }
    
        }
    }

    #standardTable_wrapper{
        margin-top: 12px;

            #standardTable{
                input{
                    width: 80px;
                }
            }

            #standardTable_filter input{
                background-color: #F6F6F6!important;
                border: 1px solid #F6F6F6!important;
                height: 40px;
            }

    }
    .check-options{
        margin-top: 16px;
        label{
            font-weight: 500;
        }
    }
    .acc-btns{
        margin-top: 20px;
    }
    .acc-save-btn{
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff;
        border-radius: 4px;
        width: 100%;
        text-transform: uppercase;
        padding: 10px 0;
    }
    .acc-save-btn:hover{
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;  
    }
    .acc-cancel-btn{
        border:2px solid var(--Color-Brand_Primary_Color-500)!important;
        color: var(--Color-Brand_Primary_Color-500)!important;
        font-weight:500;
        width: 100%;
        text-transform: uppercase;
        padding: 10px 0;
    }
    .save-success-msg{
        background-color:#E9F2EA;
        border: 2px solid var(--Color-Success_Color-500);
        padding: 8px;
        margin: 8px 0;
        border-radius: 4px;
    
        p{
            margin-bottom: 0;
            font-size: 16px;
            text-align: center;
            display: block;
        }
        .success-ok{
            background-color: var(--Color-Success_Color-500);
            color: #fff;
            display: flex;
            justify-content: center;
        }
        .success-ok:hover{
            background-color: var(--Color-Success_Color-500);
            color: #fff;
        }
    
    }
    #standardMobileTable_wrapper{
        display: none;
    }

    #profile-tab-pane{
        .custom-acc-content-msg{
            height: 75vh;
            display: flex;
            align-items: center;
            justify-content: center;

            h2 {
                line-height: 1.5;
                font-size: 30px;
                font-weight: 400;
            }

        }
    }

    #customContent{
        .toggle_switch_res{
            display:flex;
        }
        .download-report{
            button{
                border:2px solid var(--Color-Brand_Primary_Color-500)!important;
                color: var(--Color-Brand_Primary_Color-500)!important;
                font-weight:500;
                width: 100%;
                text-transform: uppercase;
                padding: 10px 0;
            }
            i{
                -webkit-text-stroke-width: 1px;
            }
        }
        .standard-toggle{
            display: flex;

            .standard-options{
                display: flex;
                align-items: center;

                label{
                    margin-right: 8px;
                }

            }

        }

        .custom-confirmation{
            background-color: var(--Color-Link_Color-50) !important;
            padding: 15px;
            border: 1px solid var(--Color-Link_Color-500);
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            margin-top: 20px;
            display: flex;
    
            #confirmYes1{
                background-color: var(--Color-Link_Color-500) !important;
                color: #fff !important;
                padding: 2px 10px !important;
                margin: 0 10px;
            }
            #confirmNo1{
                background-color: #fff !important;
                color: var(--Color-Neutral_Color-500_Primary_text) !important;
                padding: 2px 10px !important;
            }
    
        }

        .custom-head{
            border-bottom: 2px solid lightgrey;
            padding-bottom: 10px;
        }

        .upload-section{
            margin-top: 30px;
            border-bottom: 2px solid lightgrey;
            padding-bottom: 10px;

            label{
                color: #000;
                font-weight: 500;
            }
            .browseButton{
                cursor: pointer;
                background-color: var(--Color-Brand_Primary_Color-500)!important;
                color: #fff!important;
                padding: 5px 25px;
                border-radius: 4px;
            }
            .upload-btn{
                background-color: var(--Color-Brand_Primary_Color-500)!important;
                color: #fff!important;
                padding: 5px 25px;
                border-radius: 4px;
            }
        }

        .custom-add{

            padding: 20px 0;

            .add-more-custom{
                border: 2px solid var(--Color-Brand_Primary_Color-500)!important;
                text-transform: uppercase;
                width: 20%;
                padding: 12px;
                color: var(--Color-Brand_Primary_Color-500)!important;
                font-weight: 600;
            }
            i{
                -webkit-text-stroke-width: 1px;
            }
        }

        #uploadCustomPartImage{
            .accordion-button{
                font-weight: 500;
                color: #000!important;
                font-size: 20px;
            }
            .custom-accordion-body{
                label{
                    color: #000;
                    font-weight: 500;
                    margin: 8px 0;
                }
            }
            .part-btn{
                background-color: var(--Color-Brand_Primary_Color-500);
                color: #fff;
                width: 100%;
            }
            .imgDiv{
                display: flex;

                input{
                    width: 75%;
                }

                .imageBtn{
                    background-color: var(--Color-Brand_Primary_Color-500);
                    color: #fff;
                    border-radius: 4px;
                    padding:5px 12px;
                    margin-left: 4px;
                    cursor: pointer;
                }
                img{
                    width: 30px;
                }

            }
            .btns-enable-acc{
                margin-top: 16px;

                .delete-btn-acc{
                    color: var(--Color-Error_Color-500)!important;
                    border: 1.5px solid var(--Color-Error_Color-500)!important;
                    border-radius: 4px;
                }
                .save-btn-acc{
                    background-color: var(--Color-Brand_Primary_Color-500)!important;
                    color:#fff!important;
                    border-radius: 4px;
                }
            }
        }
    }
    /* .mopher_description_text {
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    } */
    .price_accross_brand{
        display: none!important;
    }
    
    /* .disclaimerTooltip__trigger {
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        position: relative;
        text-decoration: none;
    }
    
    .disclaimerTooltip {
        background: #fff;
        border: 2px solid #1d3e77;
        border-radius: 5px;
        color: #000;
        cursor: default;
        font-size: 13px;
        font-weight: 400;
        padding: 5px;
        position: absolute;
        visibility: hidden;
        width: 200px;
    }
    

    .standardpart_accessories .disclaimerTooltip {
        bottom: 43px;
        width: 300px;
        max-height: 100px;
        overflow: auto;
    }
    
    .standardpart_accessories .disclaimerTooltip:before {
        border-top-color: #8f0c2c;
        border-bottom: 0;
        top: auto;
        bottom: -10px;
    }
    
    .disclaimerTooltip__msg {
        font-family: 'robotoregular';
        line-height: 1;
        margin-bottom: 0;
        text-align: left;
        text-transform: none;
        text-decoration: none;
    }
    
    .disclaimerTooltip:after {
        content: '';
        height: 6px;
        left: 0;
        position: absolute;
        top: -6px;
        width: 100%;
    }
    
    .disclaimerTooltip__trigger:hover .disclaimerTooltip {
        visibility: visible;
        z-index: 999;
    }
    .partno-tooltip .disclaimerTooltip,
.standardmsrp-checkbox .disclaimerTooltip {
    width: 300px;
    max-height: 100px;
    overflow: auto;
}

.standardmsrp-checkbox .disclaimerTooltip {
    left: 10px;
    bottom: 30px;
}    
.partno-tooltip .disclaimerTooltip,
.standardmsrp-checkbox .disclaimerTooltip {
    width: 300px;
    max-height: 100px;
    overflow: auto;
}

.standardmsrp-checkbox .disclaimerTooltip {
    left: 10px;
    bottom: 30px;
} */
.standardpart_accessories .mopher_description_text {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* .disclaimerTooltip__trigger::before {
    border-bottom: 0;
    bottom: auto;
    border: 8px solid transparent;
    border-top-color: #8f0c2c;
    content: '';
    position: absolute;
    visibility: hidden;
}
.paymentAccessoriesCheckbox.disclaimerTooltip__trigger {
    display: block;
    font-size: 16px;
} */
.standardpart_accessories{
    input[type="text"]{
        width: 90%!important;
    }
 }
 .delete-alert-service-success{
    background-color: #E9F2EA!important;
    border: 1px solid var(--Color-Success_Color-500);
    justify-content: space-between;
    padding: 8px;
    margin: 8px 0;
    border-radius: 4px;

    #yesOk,#yesOkCustom{
        background-color: var(--Color-Success_Color-500)!important;
        color: #fff!important;
        padding: 5px 20px !important;
        margin: 0 20px;
    }

}
.delete-alert-service{
    background-color: var(--Color-Error_Color-50) !important;
    border: 1px solid var(--Color-Error_Color-500);
    justify-content: space-between;
    padding: 8px;
    margin: 8px 0;
    border-radius: 4px;

   #notOk,#notOkCustom{
        background-color: var(--Color-Error_Color-500) !important;
        color: var(--Color-Background_Color-Dark) !important;
        padding: 5px 20px !important;
        margin: 0 20px;
    }
}

}

#standardFilter{
    .ms-options-wrap {
        button {
            position: relative;
            width: 100%;
            text-align: left;
            border: 1px solid #ced4da;
            background-color: #fff;
            padding: 5px 20px 5px 5px;
            margin-top: 1px;
            font-size: 13px;
            color: #000;
            outline-offset: -2px;
            white-space: nowrap;
            border-radius: 4px;
            height: 35px;
            margin-top: 8px;
        } 
    }
    .ms-options{
        ul{
            list-style-type: none;
            padding-left: 12px;
        }
       input{
        margin-right: 8px;
       }
       label{
        margin: 4px 0;
       }
    }    
}

/* ENABLE ACC END */


.tooltip-1 {
    display:inline-block;
    position:relative;
    text-align:justify;
    opacity: initial!important;
}

.tooltip-1 .right-1 {
    min-width: 277px;
    max-width: 400px;
    top: 35px;
    left: 70px;
    margin-left: 20px;
    transform: translate(0, -50%);
    padding: 10px;
    color: #000;
    background-color:#E9EBF2;
    font-weight: normal;
    font-size: 13px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    overflow-y: auto!important;
    max-height: 200px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.8s;
    border: 2px solid #000; /* Add red border */
}

.tool:hover .right-1 {
    visibility:visible; opacity:1;
}
.tooltip-1 .text-content-1 {
    padding:10px 20px;
    position: relative;
}
.tooltip-1 i{
    color: #007BFF!important;
    font-size: 15px;
    padding-left: 5px;
}
.tool{
   cursor: pointer;
}
.tooltip-1 .right-1 i {
    position:absolute;
    top: 17%;
    right:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}
.partNumberIcon i{
    right: 110%!important;
}
.tooltip-1 .right-1 i::after {
    z-index: 9;
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:-11px;
    top:50%;
    transform:translate(50%,-50%) rotate(-45deg);
    background-color:#000;
}
.tooltip-1 h6{
    text-align: justify!important;
    font-size: 15px;
}
.mmsrpDisclaimerTxt{
    display: none;
}

#assign-custom-part-modal{
    .assign-fields{

        margin: 8px 0;

        label{
            color: #000;
            font-weight: 500;
        }
    }
    .assigned-list{
        background-color: #E9EBF2;
        padding: 16px 6px;

        .list-vehicles{
            margin: 8px 0;
        }

    }

    h6{
        color: #000;
        font-weight: 500;
        font-size: 18px;
        margin: 8px 0;
    }

    .btn-add{
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff;
        width: 30%!important;
        margin: 16px 12px;
    }

    .save-success-msg{
        background-color:#E9F2EA;
        border: 2px solid var(--Color-Success_Color-500);
        padding: 8px;
        margin: 8px 0;
        border-radius: 4px;
    
        p{
            margin-bottom: 0;
            font-size: 16px;
            text-align: center;
            display: block;
        }
        .success-ok-part{
            background-color: var(--Color-Success_Color-500);
            color: #fff;
            display: flex;
            justify-content: center;
        }
        .success-ok-part:hover{
            background-color: var(--Color-Success_Color-500);
            color: #fff;
        }
    
    }
    .cancel-btn{
        margin: 8px 0;
    }

}
.disabledgray{
    pointer-events: none !important;
    background: #C0C0C0;
}
#standardMobileUpfitContainer_wrapper{
    display: none;
}
.delete-alert-enable{
    background-color: var(--Color-Error_Color-50) !important;
    border: 1px solid var(--Color-Error_Color-500);
    padding: 8px;
    margin: 8px 0;
    justify-content: center;

    .delete-yes{
        background-color: var(--Color-Error_Color-500) !important;
        color: var(--Color-Background_Color-Dark) !important;
        padding: 2px 10px !important;
        margin: 0 10px;
    }
    .delete-no{
        background-color: #fff !important;
        color: var(--Color-Neutral_Color-500_Primary_text) !important;
        padding: 2px 10px !important;
    }
    .error-ok{
        background-color: var(--Color-Error_Color-500) !important;
        color: var(--Color-Background_Color-Dark) !important;
        padding: 2px 10px !important;
        margin: 0 10px;
    }
}    

.alfaromeo-linehight {
	line-height:15px;
}
.alfaromeo_super_sports {
	font-size:11px;
}
.editAutoDate{
    padding: 8px!important;
}
.mandatacc{
    color: red;
}
#UpdateDealerPartsMobile{
    display: none;
}
#validationAlertCustom{

    p{
        margin: 0;
        display: flex;
        align-items: center;
    }

}

#sucessAlertCustom{
    justify-content: center;

    p{
        margin: 0;
        display: flex;
        align-items: center;
    }

}

#sucessAlert{
    justify-content: center;

    p{
        margin: 0;
        display: flex;
        align-items: center;
    }

}
.disabled-add-new-acc{
    background-color: #ccc!important; /* Change the background color */
    color: #999!important; /* Change the text color */
    cursor: not-allowed!important;
    width: 100%;
    padding: 10px 0!important; /* Change the cursor */
}
::-ms-reveal {
    display: none;
}
span.error-check,
span.vin-error-check {
    margin: 0 0 -10px 0;
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    visibility: hidden;
    color: #ff0b0b;
    text-transform: uppercase;
}

span.error-check.active,
span.vin-error-check.active {
    visibility: visible;
}
.dis{
    color: red!important;
}
/*********************** DELETE PAYPAL ***********************/
.paypal-tag{
    margin-bottom: 30px;
}
.deletePaypalMainContainer{
    background-color: #fff;
    padding: 20px;


    input[type='number']::-webkit-outer-spin-button,
    input[type='number']::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type='number'] {
        -moz-appearance: textfield;
    }

    input[type='number']::-webkit-outer-spin-button,
    input[type='number']::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type='number'] {
        -moz-appearance: textfield;
    }


    .search-btn-paypal{
        background-color: var(--Color-Brand_Primary_Color-500);
        color: #fff;
        border-radius: 4px;
        border: 0;
        padding: 6px 16px;
        width: 100%;
    }
    .paypalTableContainer{
        padding: 20px;
        margin-top: 30px;
    }
    #paypalSearchTableMobile_wrapper{
        display: none;
    }
    /* #paypalSearchTableMobile {
        display: none;
    } */
    .deleteIcon{
        cursor: pointer;
    }
    #paypalSearchDesktopTable{
        th{
            padding: 5px;
        }
    }
    .deleteBtn{
        padding: 15px;
        button{
            border: 2px solid var(--Color-Error_Color-500);
        }
    }
    .emailTxt{
        width: 135px;
        word-wrap: break-word;
    }
    .delete-alert-service{
        .remarksBtn{
            background-color: var(--Color-Error_Color-500);
            color: #fff;
        }
    }
    #remarksAlert{
        display: flex;
        justify-content: center;

        p{
            display: flex;
            align-items: center;
        }

    }
    #recordAlert{
        display: flex;
        justify-content:center;

        p{
            display: flex;
            align-items: center;
        }

        .recordBtnSuccess{
            background-color: var(--Color-Error_Color-500);
            color: #fff;
        }

    }
    .delete-alert-success{
        background-color: #E9F2EA;
        border: 2px solid var(--Color-Success_Color-500);
        display: flex;
        justify-content: center;
        padding: 8px;
        margin: 8px 0;

        p{
            display: flex;
            align-items: center;
        }

        .deleteBtnSuccess{
            background-color: var(--Color-Success_Color-500);
            color: #fff;
        }

    }
    #paypalSearchDesktopTable_length,#paypalSearchDesktopTable_filter,#paypalSearchDesktopTable_info,#paypalSearchDesktopTable_paginate{
        display: none;
    }
    .mandatPaypal{
        color: red;
    }
    #paypalSearchDesktopTable_length,#paypalSearchDesktopTable_filter,#paypalSearchDesktopTable_info,#paypalSearchDesktopTable_paginate{
        display: none;
    }
    .mandatPaypal{
        color: red;
    }
}

.WhiteListMainContainer{
    background-color: #fff;
    padding: 20px;

    .saveWhiteListBtn{
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;
        width: 100%;
    }
    .ListBtn{
        display: flex;

        .whiteBtn{
            /* display: flex; */
            align-items: end;
            width: 100%;
        }

    }
    .form-control{
        border: 1px solid #000;
    }
    #remarksAlert{
        display: flex;
        justify-content: center;

        p{
            display: flex;
            align-items: center;
        }

    }
    #recordAlert{
        display: flex;
        justify-content:center;

        p{
            display: flex;
            align-items: center;
        }

        .recordBtnSuccess{
            background-color: var(--Color-Error_Color-500);
            color: #fff;
        }

    }
    .delete-alert-success{
        background-color: #E9F2EA;
        border: 2px solid var(--Color-Success_Color-500);
        display: flex;
        justify-content: center;
        padding: 8px;
        margin: 8px 0;

        p{
            display: flex;
            align-items: center;
        }

        .deleteBtnSuccess{
            background-color: var(--Color-Success_Color-500);
            color: #fff;
        }

    }
    .remarksBtn{
        background-color: var(--Color-Error_Color-500)!important;
        color: #fff!important;
    }
    .mandatPaypal{
        color: red;
    }
}

/************************ DELETE PAYPAL *************************/


/* SUBADMIN */
.subadminCardheader{
    background-color: #25397F!important;
    color: #fff!important;
}
.subadminloginbtn{
    #loginchecksubadmin{
        background-color: #25397F;
        width: 100%;
        margin: 16px 0;
        color: #fff;
    }
}
.forgotPasswordSubAdmin{
    margin-top: 5rem!important;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;

    .forgotPasswordBtn{
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;
        width: 100%;
    }
    .forgotPasswordheader{
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;
    }

}
/* #paypalSearchDesktopTable_wrapper{
    display: none;
} */
.saveUpdateApplyLease{
    background-color: var(--Color-Brand_Primary_Color-500);
    color: #fff;
    width: 100%;
    margin-top: 8px;
    padding: 8px 24px 8px 32px;
    border: 0;
  }
  .saveUpdateApplyFinance{
    background-color: var(--Color-Brand_Primary_Color-500);
    color: #fff;
    width: 100%;
    margin-top: 8px;
    padding: 8px 24px 8px 32px;
    border: 0;
  }

  /* GA4 CSS */
  .ga4MainContainer{
    background-color: #fff;
    padding: 20px;

    .gaMandate{
        color: red;
    }

    input[type='number']::-webkit-outer-spin-button,
    input[type='number']::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type='number'] {
        -moz-appearance: textfield;
    }

    input[type='number']::-webkit-outer-spin-button,
    input[type='number']::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type='number'] {
        -moz-appearance: textfield;
    }

    label{
        color: #000;
        margin: 8px 0;
        font-weight: 500;
    }
    .ga4Save{
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;
        width: 30%;
        margin: 16px auto;
        display: block;
    }
    .error-msg{
        color: red;
        font-size: 12px;
        margin: 8px 0;
        text-transform: capitalize;
        display: none;
    }
    .deleteno{
        background-color: #fff !important;
        color: var(--Color-Neutral_Color-500_Primary_text) !important;
        padding: 2px 10px !important;
    }
    .deleteyes{
        background-color: var(--Color-Error_Color-500) !important;
        color: var(--Color-Background_Color-Dark) !important;
        padding: 2px 10px !important;
        margin: 0 10px;
    }
    #warningAlert{
        display: flex;
    }
    .delete-alert-success{
        background-color: #E9F2EA;
        border: 2px solid var(--Color-Success_Color-500);
        display: flex;
        justify-content: center;
        padding: 8px;
        margin: 8px 0;

        p{
            display: flex;
            align-items: center;
        }

        .deleteBtnSuccess{
            background-color: var(--Color-Success_Color-500);
            color: #fff;
        }

    }
}
/* GA4 CSS END */


.taxDetails{
    .taxNewToggle{
        --width: 80px;
        --height: calc(var(--width) / 3.5);
    }
    .NewLabelTax{
        width: 140px;
        word-wrap: break-word;
    }
    .SaveTax{
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;
        width: 20%;
        display: block;
        margin: 30px auto;
    }
    .no-btn{
        background-color: #fff !important;
        color: var(--Color-Neutral_Color-500_Primary_text) !important;
        padding: 2px 10px !important;
    }
    .yes-btn{
        background-color: var(--Color-Error_Color-500) !important;
        color: var(--Color-Background_Color-Dark) !important;
        padding: 2px 10px !important;
        margin: 0 10px;
    }
    .delete-alert-success{
        background-color: #E9F2EA;
        border: 2px solid var(--Color-Success_Color-500);
        display: flex;
        justify-content: center;
        padding: 8px;
        margin: 8px 0;

        p{
            display: flex;
            align-items: center;
        }

        .yes-btn-new{
            background-color: var(--Color-Success_Color-500);
            color: #fff;
        }

    }
    .taxnote{
        color: red;
        font-size: 14px;
        font-weight: bold;
    }
}
.custom-confirmation{

    margin: 12px 0;

    #disableText21,#disableText22,#disableText23,#disableText24,#disableText25,#disableText26{
        width: 680px;
        word-wrap: break-word;
    }
}




/* CHRYSLER SETTINGS */
.chrysler-main{
    .chrysler-settings{
        padding-top: 20px;
    }
    .chrysler-tab-content{
        padding-top: 20px;
    }
    .delivery-popup{
        display: none;
    }
    .heading-and-toogle-container {
        height: 48px;
        padding: 0px 16px;
    }
    .chrysler_delivery_accordion{
        #accordionButton1::after{
            display: none;
        }
        #accordionButton1{
            box-shadow: none;
            pointer-events: none;
        }
    }
    .custom-confirmation{
        background-color: var(--Color-Link_Color-50) !important;
        padding: 15px;
        border: 1px solid var(--Color-Link_Color-500);
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
        display: flex;

        #confirmYes1{
            background-color: var(--Color-Link_Color-500) !important;
            color: #fff !important;
            padding: 2px 10px !important;
            margin: 0 10px;
            width: 50px;
        }
        #confirmNo1{
            background-color: #fff !important;
            color: var(--Color-Neutral_Color-500_Primary_text) !important;
            padding: 2px 10px !important;
            width: 50px;
        }
        p{
            margin: 0;
        }

    }
    .download-btn-chrysler{
        button{
            background-color: var(--Color-Brand_Primary_Color-500)!important;
            color: #fff!important;
            width: 100%;
            padding: 8px 0;
            text-transform: uppercase;
            border-radius: 6px;
            border: 0;
        }
    }
    #accordionExample{
        .accordion-button{
            background-color: #fff!important;
        }
        .toggle_switch_action label{
            color: #000;
            font-weight: 500;
            font-size: 16px;
        }
        .toggle_chrysler {
            --width: 85px;
            --height: calc(var(--width) / 3.5);
            position: relative;
            display: inline-block;
            width: var(--width);
            height: var(--height);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
            border-radius: var(--height);
            cursor: pointer;
          }
          .toggle_chrysler input {
            display: none;
          }
          .toggle_chrysler .slider {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: var(--height);
            background-color: var(--Color-Error_Color-500);
            transition: all 0.4s ease-in-out;
          }
          .toggle_chrysler .slider::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: calc(var(--height));
            height: calc(var(--height));
            border-radius: calc(var(--height) / 2);
            background-color: #fff;
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
            transition: all 0.4s ease-in-out;
          }
          .toggle_chrysler input:checked+.slider {
            background-color: var(--Color-Success_Color-500);
          }
          .toggle_chrysler input:checked+.slider::before {
            transform: translateX(calc(var(--width) - var(--height)));
          }
          .toggle_chrysler .labels {
            position: absolute;
            top: 8px;
            left: 0;
            width: 100%;
            height: 100%;
            font-size: 11px;
            font-family: sans-serif;
            transition: all 0.4s ease-in-out;
          }
          .toggle_chrysler .labels::after {
            content: attr(data-off);
            position: absolute;
            right: 12px;
            top: -5px;
            color: #fff;
            opacity: 1;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
            transition: all 0.4s ease-in-out;
          }
          .toggle_chrysler .labels::before {
            content: attr(data-on);
            position: absolute;
            left: 12px;
            top: -5px;
            color: #ffffff;
            opacity: 0;
            text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
            transition: all 0.4s ease-in-out;
          }
          .toggle_chrysler input:checked~.labels::after {
            opacity: 0;
          }
          .toggle_chrysler input:checked~.labels::before {
            opacity: 1;
          }
    }
    .first-card-toggle,.second-card-toggle,.third-card-toggle{
        padding: 12px;
        box-shadow: 0px 0px 2px lightgrey;
        border-radius: 4px;
        margin: 16px 0;
    }
    .first-card-toggle input{
        width: 50%!important;
    }
    .second-card-toggle input{
        width: 45%!important;
    }
    .third-card-toggle input{
        width: 50%!important;
    }
    .edit-chrysler{
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;
        text-transform: uppercase;
        width: 60px;
    }
    #confirmNo2{
        background-color: #fff !important;
        color: var(--Color-Neutral_Color-500_Primary_text) !important;
        padding: 2px 10px !important;
        width: 50px;
    }
    #confirmYes2{
        background-color: var(--Color-Link_Color-500) !important;
        color: #fff !important;
        padding: 2px 10px !important;
        margin: 0 10px;
        width: 50px;
    }
    .confirm-yes{
        background-color: var(--Color-Link_Color-500) !important;
        color: #fff !important;
        padding: 2px 10px !important;
        margin: 0 10px;
        width: 50px;
    }
    .confirm-no{
        background-color: #fff !important;
        color: var(--Color-Neutral_Color-500_Primary_text) !important;
        padding: 2px 10px !important;
        width: 50px;
    }
    .delivery-accord-button{
        width: 44px;
    }
}

.chrysler-report{

    .chrysler-table{
        background-color: #fff;
        padding: 20px;
        margin-top: 20px;

        #leadDataTable th:first-child::after{
            content: '';
        }
        #leadDataTable th:first-child::before{
            content: '';
        }

    }
    .toggle_chrysler {
        --width: 85px;
        --height: calc(var(--width) / 3.5);
        position: relative;
        display: inline-block;
        width: var(--width);
        height: var(--height);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
        border-radius: var(--height);
        cursor: pointer;
      }
      .toggle_chrysler input {
        display: none;
      }
      .toggle_chrysler .slider {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: var(--height);
        background-color: var(--Color-Error_Color-500);
        transition: all 0.4s ease-in-out;
      }
      .toggle_chrysler .slider::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: calc(var(--height));
        height: calc(var(--height));
        border-radius: calc(var(--height) / 2);
        background-color: #fff;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
        transition: all 0.4s ease-in-out;
      }
      .toggle_chrysler input:checked+.slider {
        background-color: var(--Color-Success_Color-500);
      }
      .toggle_chrysler input:checked+.slider::before {
        transform: translateX(calc(var(--width) - var(--height)));
      }
      .toggle_chrysler .labels {
        position: absolute;
        top: 8px;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 11px;
        font-family: sans-serif;
        transition: all 0.4s ease-in-out;
      }
      .toggle_chrysler .labels::after {
        content: attr(data-off);
        position: absolute;
        right: 12px;
        top: -5px;
        color: #fff;
        opacity: 1;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
        transition: all 0.4s ease-in-out;
      }
      .toggle_chrysler .labels::before {
        content: attr(data-on);
        position: absolute;
        left: 5px;
        top: -5px;
        color: #ffffff;
        opacity: 0;
        text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
        transition: all 0.4s ease-in-out;
      }
      .toggle_chrysler input:checked~.labels::after {
        opacity: 0;
      }
      .toggle_chrysler input:checked~.labels::before {
        opacity: 1;
      }
      #leadDataTable_filter input{
        background-color: #F6F6F6!important;
        border: 1px solid #F6F6F6!important;
        height: 40px;
      }
      #leadDataTable th:last-child::after {
        content: '';
      }
      #leadDataTable th:last-child::before {
        content: '';
      }
      .form-check-input:checked {
        background-color: #25397F; 
      }  
}    
#chryslerReportMobileTable{
    display: none;
}
#chryslerReportMobileTable_wrapper{
    display: none;
}
.service_card {
    border: 1px solid #004080;
    border-radius: 8px;
    padding: 20px;
}
#savedDealsTableMobile_wrapper{
    display: none;
}
/* CHRYSLER END */



/* LIST PRICE START */
.listPriceMain{
    .list-price-header{
        display: flex;
        justify-content: space-between;
        align-items: center;

        .btn-icon-large {
            padding: 12px 32px 12px 24px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            font-size: var(--button-large);
            font-weight: var(--fw-semibold);
            color: #FFF;
            line-height: 24px;
            border-radius: 4px;
            height: 40px;
            background-color: var(--Color-Brand_Primary_Color-500);
            border: none;
        }
    }

    .listPriceMainContent{
        background-color: #fff;
        margin-top: 20px;

        .options-tab{
            border-bottom: 1px solid var(--Color-Neutral_Color-200_border_dark, #969696)!important;
        }
        .options-tab .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                border-radius: 4px 4px 0px 0px;
                border-bottom: 3px solid var(--Color-Brand_Primary_Color-500, #25397F)!important;
                background: var(--Color-Brand_Primary_Color-50, #E9EBF2)!important;
                padding: 16px;
        }
        .options-tab .nav-item.show .nav-link, .nav-tabs .nav-link{
            color:var(--Color-Brand_Primary_Color-500, #25397F)!important;
            font-weight: 600;
            text-transform: uppercase;
        }
        .nav-tabs .nav-link{
            padding: 16px;
            font-size: 16px;
        }
        .options-tab .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
            border-bottom: 3px solid var(--Color-Brand_Primary_Color-500, #25397F)!important;
            background: var(--Color-Brand_Primary_Color-50, #E9EBF2)!important;
            font-weight: 600;
            padding: 16px;
        }
        .acc-tab-content{
            padding: 20px;
        }
        .enable-acc-content-msg {
            height: 75vh;
            display: flex;
            align-items: center;
            justify-content: center;

            h2 {
                width: 55%;
                line-height: 1.5;
                font-size: 30px;
                font-weight: 400;
            }

        }
        .options-tab1{
            border-bottom: 1px solid var(--Color-Neutral_Color-200_border_dark, #969696)!important;
        }
        .options-tab1 .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                border-radius: 4px 4px 0px 0px;
                border-bottom: 3px solid var(--Color-Brand_Primary_Color-500, #25397F)!important;
                background: var(--Color-Brand_Primary_Color-50, #E9EBF2)!important;
                padding: 16px;
        }
        .options-tab1 .nav-item.show .nav-link, .nav-tabs .nav-link{
            color:var(--Color-Brand_Primary_Color-500, #25397F)!important;
            font-weight: 600;
            text-transform: uppercase;
        }
        .options-tab1 .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
            border-bottom: 3px solid var(--Color-Brand_Primary_Color-500, #25397F)!important;
            background: var(--Color-Brand_Primary_Color-50, #E9EBF2)!important;
            font-weight: 600;
            padding: 16px;
        }
    }
    .sortedData{
        display: flex;
    }
    .mobileFilterWrapper {
        position: fixed;
        right: 0;
        top: 50%;
        z-index: 99;
    }
    .mobileFilterbtn{
        width: 54px;
        padding: 12px 32px 12px 16px!important;
    }
    #listPriceTableMobile_wrapper{
        display: none;
    }
}  

 /* FILTER */
 #listPriceFilter{
    .offcanvas-header{
        display: inline-flex;
        padding-left: 47px;
        justify-content: flex-end;
        align-items: center;
        gap: 23px;
    }

    .filterOption_wrapper{
        display: flex;
        align-items: flex-start;
    }

    .filter_opt_btn{
        display: flex;
        padding: 8px 24px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        background: var(--Color-Background_Color-Dark, #F6F6F6);
        color: var(--Color-Neutral_Color-400_Label_and_placeholder_text, #484848);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        border: none;
    }

    .filter_opt_btn.active{
        background: var(--Color-Brand_Primary_Color-500, #25397F);
        color: var(--Color-Neutral_Color-Primary_text_White, #FFF);
    }
    .vehicle_btn{
      
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
    }

    .vin_btn{
        border-top-right-radius: 40px;
        border-bottom-right-radius: 40px;
    }



    .form-group{
        display: flex;
        /* width: 400px; */
        padding: 16px 24px 16px 24px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 8px;
        border-bottom: 1px solid var(--Color-Neutral_Color-50_Border_light_and_inactive, #E8E8E8);

        label{
            color: var(--Color-Neutral_Color-500_Primary_text, #1A1A1A);
            text-align: center;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            text-transform: uppercase;

            span{
                color: var(--Color-Error_Color-500, #D02631);
            }
        }
    }

    .accordion-item{
        display: flex;
        padding: 16px 20px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
    }

    .paymentModeOptions{
        display: flex;
        padding: 8px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        background: var(--Color-Background_Color-Dark, #F6F6F6);
    }

    .paymentModeOptions,.driveOptions,.transmissionOptions,.engineDescOptions,.colorOptions{
        display: flex;
        padding: 8px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        background: var(--Color-Background_Color-Dark, #F6F6F6);
    }
    #DriveAccord,#colorAccord,#engineAccord,#transAccord,#paymentMode{
        padding: 16px 8px;
        border-bottom: 1px solid var(--Color-Neutral_Color-50_Border_light_and_inactive);
    
        .accordion-item{
            display: initial;
        }
        .accordion-button{
            width: 100%;
            color: var(--Color-Neutral_Color-500_Primary_text, #1A1A1A);
            text-align: center;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            text-transform: uppercase;
        }
    }
    .resultBtn{
        display: flex;
        height: 48px;
        padding: 12px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 4px;
        background: var(--Color-Brand_Primary_Color-500, #25397F);
        color: var(--Color-Neutral_Color-Primary_text_White, #FFF);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        border: none;
    }
    .ms-options{
        max-height: 800px!important;
    }
    #da_event_drive_type,#da_event_color,#da_event_engine_desc,#da_event_transmission{
        list-style-type: none;
        padding-left: 0;

        input[type="checkbox"]{
            margin-right: 8px;
        }

    }
    .clearAfter{
        width: 100%;
    }
}



/* ADD LIST PRICE START */
#addListPrice,#editListPrice{

    width: 50%;
    .dis{
        color: red!important;
    }
    .saveApplyDiscountbtn{
        display: flex;
        height: 48px;
        padding: 12px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 4px;
        background: var(--Color-Brand_Primary_Color-500, #25397F);
        color: var(--Color-Neutral_Color-Primary_text_White, #FFF);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        border: none;
    }
    .offcanvas-header{
        display: flex;
        padding: 24px;
        justify-content: space-between;
        align-items: flex-start;
        border-bottom: 1px solid var(--Color-Neutral_Color-50_Border_light_and_inactive, #E8E8E8);

        span{
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            color: var(--Color-Neutral_Color-500_Primary_text, #1A1A1A);
        }

        .vin_details,.vin_value{
            font-size: 16px;
            font-weight: 400;
            margin-right: 5px;
        }
    }
    .mandat{
        color: red!important;
    }
    .addMorewrapper{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 8px;
        span{
            color: var(--Color-Neutral_Color-500_Primary_text, #1A1A1A);
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 150%; /* 21px */
        }
    }

    .addMorebtn{
        width: 100%;
        display: flex;
        height: 48px;
        padding: 12px 24px 12px 32px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 4px;
        border: 1px solid var(--Color-Brand_Primary_Color-500, #25397F);
        color: var(--Color-Brand_Primary_Color-500, #25397F);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
    }

    .discount-num-text{
        margin-top: 24px;
        display: flex;
        padding: 12px 16px;
        justify-content: space-between;
        align-items: center;
        background: var(--Color-Brand_Primary_Color-50, #E9EBF2);
        color: var(--Color-Neutral_Color-500_Primary_text, #1A1A1A);
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .discount-space{
        display: flex;
        padding: 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border: 1px solid var(--Color-Neutral_Color-50_Border_light_and_inactive, #E8E8E8);
        background: #FFF;

        .row{
            padding: 0;
        }
        span,label{
            color: var(--Color-Neutral_Color-400_Label_and_placeholder_text, #484848);
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 150%; /* 24px */
        }

        .discountNamewrapper,.MSRPWrapper,.listprice_and_or_statusWrapper, .flatRatewrapper, .offPercentwrapper,.startDatewrapper,.endDatewrapper,.disclaimerwrapper{
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
            flex: 1 0 0;
            input{
                width: 100%;
            }
        }

        .flatRatewrapper{
            .form-switch .form-check-input {
                width: 38px !important;
                height: 20px;
            }
            .form-switch:has(.form-check-input:checked){
                .form-check-label{
                    color: var(--Color-Neutral_Color-400_Label_and_placeholder_text, #484848);
                }
                .offPercentwrapper .offPercentvalue{
                    background: var(--Color-Neutral_Color-50_Border_light_and_inactive, #E8E8E8);
                }
                
            }
        }
        select.msrp, select.listprice_and_or ,input:not(.form-switch .form-check-input):not(.form-check .form-check-input),textarea{
            display: flex;
            height: 48px;
            padding: 6px 8px 6px 12px;
            justify-content: space-between;
            align-items: center;
            align-self: stretch;
            border-radius: 4px;
            border: 1.5px solid var(--Color-Neutral_Color-200_border_dark, #969696);
        }


        .startDatewrapper, .endDatewrapper{
            input{
                width: 100%;
            }
        }

        .disclaimerwrapper{
            width: 100%;

            textarea{
                width: 100%;
                resize: none;
                height: 87px !important;
            }
        }

        .saved-discount{
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-left: 0;
            padding-right: 0;

            .form-check-input{
                border-radius: 0;
            }
        }

        .deletebtn button{
            display: flex;
            height: 32px;
            padding: 6px 12px 6px 16px;
            justify-content: center;
            align-items: center;
            gap: 8px;
            border-radius: 4px;
            border: 1px solid var(--Color-Error_Color-500, #D02631);
            color: var(--Color-Error_Color-500, #D02631);
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            background-color: transparent;
        }
    }

    .apply-to-vehicles-filter-wrapper{
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .apply-to-vehicles-filter-heading{
        color: var(--Color-Neutral_Color-500_Primary_text, #1A1A1A);
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .clear-apply-discount-buttons{
        display: flex;
        padding: 16px;
        justify-content: space-between;
        align-items: center;

        .row{
            width: 100%;
            justify-content: center;
        }

        button{
            width: 100%;
            display: flex;
            height: 48px;
            padding: 12px 24px 12px 32px;
            justify-content: center;
            align-items: center;
            gap: 8px;
            border-radius: 4px;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
            background-color: transparent;
        }
        .clearDiscountbtn{
            color: var(--Color-Error_Color-500, #D02631);
            border: 1px solid var(--Color-Error_Color-500, #D02631);
        }
    
        .saveApplybtn{
            border: 1px solid var(--Color-Brand_Primary_Color-500, #25397F);
            background-color: var(--Color-Brand_Primary_Color-500, #25397F);
            color: #FFF;
        }
    }
    .priceDetails{
        display: flex;
        gap: 16px;
        padding: 24px 8px;
        flex-direction: column;
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
    }
    
    .priceDetails_addUpfit{
        display: flex;
        gap: 16px;
        padding: 0px 8px;
        justify-content: space-between;
    }
    
    .listPrice,.MSRP{
        display: flex;
    }
    #discountNumbersEdit{
        .accordion-button:not(.collapsed)::after {
            display: none;
        }
    }
}
/* ADD LIST PRICE END */

/* FILTER END */


.upfitsBulkAddForm{
    .listPriceHead{
        border-bottom: 2px solid lightgrey;
        padding-bottom: 5px;

        .add-more-custom {
            border: 2px solid var(--Color-Brand_Primary_Color-500) !important;
            text-transform: uppercase;
            padding: 8px;
            color: var(--Color-Brand_Primary_Color-500) !important;
            font-weight: 600;
            float: right;
        }    

    }
    .upload-section{
        margin-top: 30px;
        border-bottom: 2px solid lightgrey;
        padding-bottom: 10px;
    
        label{
            color: #000;
            font-weight: 500;
        }
        .browseButton{
            cursor: pointer;
            background-color: var(--Color-Brand_Primary_Color-500)!important;
            color: #fff!important;
            padding: 5px 25px;
            border-radius: 4px;
        }
        .upload-btn{
            background-color: var(--Color-Brand_Primary_Color-500)!important;
            color: #fff!important;
            padding: 5px 25px;
            border-radius: 4px;
        }
    }
    .saveBtn{
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;
        width: 30%;
        display: block;
        margin: 20px auto;
    }
    #deleteAlertBulkList{
        background-color: #E9F2EA!important;
        border: 1px solid var(--Color-Success_Color-500);
        padding: 8px;
        text-align: center;
        .okBtn{
            background-color: var(--Color-Success_Color-500)!important;
            color: #fff!important;
        }
    }
}

.listPriceBulkTableContainer{
    padding: 12px;

    .bulkVinNumber{
        width: 80px;
        word-wrap: break-word;
    }
    #listPriceDesktopTableBulkExcel{
        th{
            padding: 5px!important;
        }
    }
}

#listPriceTableMobileBulkExcel_wrapper{
    display: none;
}
/* LIST PRICE END */


/* PRICE DETAILS UPFIT */
#upfitPriceDetails{
    width:500px;     
    
    .offcanvas-header{
        display: flex;
        padding: 24px;
        justify-content: space-between;
        align-items: flex-start;
        border-bottom: 1px solid var(--Color-Neutral_Color-50_Border_light_and_inactive, #E8E8E8);
    }
    .vehicleDetails_wrapper{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 4px;
        p{
            color: var(--Color-Neutral_Color-500_Primary_text, #1A1A1A);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%; /* 24px */
            margin: 0;
        }

        p.vehicle_name{
            font-size: 24px;
            font-weight: 600;
            line-height: normal;
        }
    }

 
    /* .offcanvas-body > div:not(.paymentOption){
        display: flex;
        padding: 16px 24px;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--Color-Neutral_Color-50_Border_light_and_inactive, #E8E8E8);
    } */
    #home-tab-pane-list > div:not(.paymentOption){
        display: flex;
        padding: 16px 24px;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--Color-Neutral_Color-50_Border_light_and_inactive, #E8E8E8);
    }
    #profile-tab-pane-list > div:not(.paymentOption){
        display: flex;
        padding: 16px 24px;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--Color-Neutral_Color-50_Border_light_and_inactive, #E8E8E8);
    }
    #contact-tab-pane-list > div:not(.paymentOption){
        display: flex;
        padding: 16px 24px;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--Color-Neutral_Color-50_Border_light_and_inactive, #E8E8E8);
    }
    

    .offcanvas-body span{
        color: var(--Color-Neutral_Color-500_Primary_text, #1A1A1A);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 24px */
    }

    .incentiveslabel,.conditionalOfferslabel,.dealerDiscountlabel{
        text-decoration-line: underline;
    }

    .PriceDetailstext, .paymentMode{
        color: var(--Color-Neutral_Color-500_Primary_text, #1A1A1A);
        font-size: 20px !important;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .downPaymentwrapper, .TradeinValuewrapper{
        input{
            /* added important to input tag */
            /* added important to input tag */
            width: 30% !important;  
            text-align: right;
            height: 40px;
            padding: 6px 12px;
            border-radius: 4px;
            border: 1px solid var(--Color-Neutral_Color-200_border_dark, #969696);
        }
    }

    .value,.adjcaptializedCostlabel{
        font-weight: var(--fw-semibold) !important;
    }

    #incentives, #conditionalOffers, #dealerDiscount, #dealerFees, #dealerFeesSub,#dealerDiscountAuto,#taxFeesAuto,#dueAtSignAuto,#taxFeeUpfit{
        .accordion-item{
            width: 100%;
        }
        .accordion-header{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .accordion-header button{
            background-color: transparent;
            box-shadow: none;
            padding: 0;
            width: auto;
        }
        .accordion-header > div{
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
        }

        .accordion-body{
            background: var(--Color-Background_Color-Dark, #F6F6F6);
        }

        .calc_incentives_desc, .calc_conditionalOffers_desc{
            padding-left: 0.5rem;   
        }
        
        .incentives_add_offers,.conditionalOffers_add_offers {
            list-style-type: none;
            span{
                font-size: 14px !important;
            }
            div{
                display: flex;
                justify-content: space-between;
                gap: 12px;
                
            }
            
        }
    }
    .nav{
        flex-wrap: nowrap!important;
        border-bottom: 0 !important;
        background-color: #F6F6F6;
        border-radius: 40px;

        .nav-link,.active{
            padding: 12px 5px;
            border-top-left-radius: 40px;
            border-bottom-left-radius: 40px;
            border-top-right-radius: 40px;
            border-bottom-right-radius: 40px;
            border-bottom: 0 !important;
        }

    }
    .navMenu{
        width: 100%;

        li{
            width: 100%;

            button{
                width: 100%;
            }

        }
    }
    #incentives{
        .calc_incentives_desc{
            .icon_small{
                width: 20px;
            }
            span{
                text-align: left;
            }
        }
    }
    #conditionalOffers{
        .calc_conditionalOffers_desc{
            .icon_small{
                width: 20px;
            }
            span{
                text-align: left;
            }
        }
    }
        /* TOOLTIP_1 */
        .discount-tooltip-1 {
            display:inline-block;
            position:relative;
            text-align:justify;
            opacity: initial!important;
        }
    
        .discount-tooltip-1 .discount-right-1 {
            min-width:277px;
            max-width:400px;
        /* top:50%;*/
            top: 40px;
            left:auto;
            margin-left:20px;
            transform:translate(-50%, -20px);
            padding:0;
            color: #fff;
            background-color: var(--Color-Brand_Primary_Color-500);
            font-weight:normal;
            font-size:13px;
            border-radius:8px;
            position:absolute;
            z-index:99999999;
            box-sizing:border-box;
            visibility:hidden; opacity:0; transition:opacity 0.8s;
        }
    
        .discount-tooltip-1:hover .discount-right-1 {
            visibility:visible; opacity:1;
        }
        .discount-tooltip-1 .discount-text-content-1 {
            padding:10px 20px;
        }
        .discount-tooltip-1 i{
            color: #fff!important;
            font-size: 15px;
            padding-left:0px;
        }
    
        .discount-tooltip-1 .discount-right-1 i {
            position:absolute;
            /*top:50%;*/
            top: 17%;
            right:100%;
            margin-top:-12px;
            width:12px;
            height:24px;
            overflow:hidden;
        }
        .discount-tooltip-1 .discount-right-1 i::after {
            content:'';
            position:absolute;
            width:12px;
            height:12px;
            left:0;
            top:50%;
            transform:translate(50%,-50%) rotate(-45deg);
            background-color:var(--Color-Brand_Primary_Color-500);
        }
        .discount-tooltip-1 h6{
            text-align: left!important;
            font-size: 12px;
            font-weight: 300;
            text-wrap: wrap;
        }
        /* TOOLTIP_1 */
    
    
        /* TOOLTIP_2 */
        .discountTip-tooltip-1 {
            display:inline-block;
            position:relative;
            text-align:justify;
            opacity: initial!important;
        }
    
        .discountTip-tooltip-1 .discountTip-right-1 {
            min-width:130px;
            max-width:400px;
        /* top:50%;*/
            top: 40px;
            left:auto;
            margin-left:20px;
            transform:translate(-50%, -20px);
            padding:0;
            color: #fff;
            background-color: var(--Color-Brand_Primary_Color-500);
            font-weight:normal;
            font-size:13px;
            border-radius:8px;
            position:absolute;
            z-index:99999999;
            box-sizing:border-box;
            visibility:hidden; opacity:0; transition:opacity 0.8s;
        }
    
        .discountTip-tooltip-1:hover .discountTip-right-1 {
            visibility:visible; opacity:1;
        }
        .discountTip-tooltip-1 .discountTip-text-content-1 {
            padding:10px 20px;
        }
        .discountTip-tooltip-1 i{
            color: #fff!important;
            font-size: 15px;
            /* padding-left: 5px; */
        }
    
        .discountTip-tooltip-1 .discountTip-right-1 i {
            position:absolute;
            /*top:50%;*/
            top: 17%;
            right:100%;
            margin-top:-12px;
            width:12px;
            height:24px;
            overflow:hidden;
        }
        .discountTip-tooltip-1 .discountTip-right-1 i::after {
            content:'';
            position:absolute;
            width:12px;
            height:12px;
            left:0;
            top:50%;
            transform:translate(50%,-50%) rotate(-45deg);
            background-color:var(--Color-Brand_Primary_Color-500);
        }
        .discountTip-tooltip-1 h6{
            text-align: left!important;
            font-size: 12px;
            font-weight: 300;
        }
        /* TOOLTIP_2 */
        .bubbleIcon{
            cursor: pointer;
            display: inline-flex;
            width: 20px;
            height: 20px;
            padding: 8px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 8px;
            border-radius: 24px;
            background: var(--Color-Brand_Primary_Color-500, #25397F);
            color: var(--Color-Neutral_Color-Primary_text_White, #FFF) !important;
            font-size: 12px !important;
            font-weight: 400 !important;
        }
        #dueAtSignAuto{
            ul{
                list-style-type: none;
                width: 100%;
            }
        }
        .adjcaptializedCostwrapper {
            display: block !important;
        }
        .list-group {
            li {
                text-align: left;
                display: flex;
                justify-content: space-between;
                padding-left: 0!important;
                list-style-type: none;
            }
            .customCheckBox {
                /* max-width: calc(100% - 80px); */
                display: inline-block;
                margin: 8px 0;
                width: 70%;
                word-wrap: break-word;
            }
        }  
        .taxFeeItems{
            display: block!important;
        }
        #dealerDiscountAuto{
            .dealer_disc_update{
                width: 100%;
                text-align: left;
            }
            .dealer-discount{
                b{
                    float: right;
                }
            }
        }
        #incentives{
            .calc_incentives_desc_finance{
                padding-left: 0;
            }
        }
}


/* LIST START */
/* 2nd tab */
.upfitsBulkAddForm{
    .listPriceHead{
        border-bottom: 2px solid lightgrey;
        padding-bottom: 5px;

        .add-more-custom {
            border: 2px solid var(--Color-Brand_Primary_Color-500) !important;
            text-transform: uppercase;
            padding: 8px;
            color: var(--Color-Brand_Primary_Color-500) !important;
            font-weight: 600;
            float: right;
        }    

    }
    .upload-section{
        margin-top: 30px;
        border-bottom: 2px solid lightgrey;
        padding-bottom: 10px;
    
        label{
            color: #000;
            font-weight: 500;
        }
        .browseButton{
            cursor: pointer;
            background-color: var(--Color-Brand_Primary_Color-500)!important;
            color: #fff!important;
            padding: 5px 25px;
            border-radius: 4px;
        }
        .upload-btn{
            background-color: var(--Color-Brand_Primary_Color-500)!important;
            color: #fff!important;
            padding: 5px 25px;
            border-radius: 4px;
        }
    }
    .saveBtn{
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;
        width: 30%;
        display: block;
        margin: 20px auto;
    }
    #deleteAlertBulkList{
        background-color: #E9F2EA!important;
        border: 1px solid var(--Color-Success_Color-500);
        padding: 8px;
        text-align: center;
        .okBtn{
            background-color: var(--Color-Success_Color-500)!important;
            color: #fff!important;
        }
    }
}

.listPriceBulkTableContainer{
    padding: 12px;

    .bulkVinNumber{
        width: 80px;
        word-wrap: break-word;
    }
    #listPriceDesktopTableBulkExcel{
        th{
            padding: 5px!important;
        }
    }
}

#listPriceTableMobileBulkExcel_wrapper{
    display: none;
}
/* 2nd tab */
#upfits_listPrice_InventoryTableMobile_wrapper{
    display: none;
}
#upfits_listPrice_InventoryTableMobile{
    display: none;
}
.listError{
    color:red!important;
    font-size:13px!important;
    display: none;
}
.listError1{
    color:red!important;
    font-size:13px!important;
    display: none;
}
.listbtnWrapper{
    display: flex;
}
/* LIST END */



/* LIST PRICE NEW UI START */
#filtermenuListPriceBulk{
    .offcanvas-header-new-auto{
        padding: 20px;
        border-bottom: 0.2px solid #f1e6e6;
    }
    .offcanvas-header-new-auto h5{
        font-size: 17px;
        text-transform: uppercase;
        font-weight: 500;
    }
    .offcanvas-header-new-auto h3{
        text-transform: uppercase;
    } 
    .close-icon-auto-discount{
        position: absolute;
        top: 0;
        right: 0;
    }
    .auto-discount-body label{
        font-weight: 500;
        font-size: 18px;
        text-transform: uppercase;
    }
    .mandat{
        color: red;
    }
    .dropdown-select{
        /* height: 45px;
        border: 2px solid #BDBDBD; */
        font-size: 15px;
        color: #4F4F4F;
    }
    .auto-discount-border{
        border: 0.2px solid #f1e6e6;
    }
    #filtermenuauto .accordion-item{
        border: none;
    }
    
    #filtermenuauto .accordion-item{
        display: block!important;
    }
    .payment-mode-auto{
        background-color: var(--Color-Background_Color-Dark)
    }
    .payment-mode-auto label{
        font-weight: 500;
        font-size: 16px;
        text-transform: capitalize;
        margin-bottom: 8px;
    }
    .accordion-btn-auto:not(.collapsed){
        color: initial!important;
        background-color: transparent!important;
        box-shadow: none!important;
        padding: 0!important;
    }
    .create-auto-btn{
        background-color: var(--Color-Brand_Primary_Color-500);
        color: #fff;
        width: 100%;
        text-transform: uppercase;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 500;
        padding: 8px 0;
    }
    .save-discount-btn{
        border: 1px solid var(--Color-Brand_Primary_Color-500);
        color: var(--Color-Brand_Primary_Color-500);
        width: 100%;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 500;
        padding: 8px 0;
    }
    .create-auto-btn:hover{
        background-color: var(--Color-Brand_Primary_Color-500);
        color: #fff;
    }
    .save-discount-btn:hover{
        border: 1px solid var(--Color-Brand_Primary_Color-500);
        color: var(--Color-Brand_Primary_Color-500);
    }
    .ms-options{
        max-height: 800px!important;
    }
    #da_model_vehicle_listpricebulk{
        margin-bottom: 8px;
    }
}


#listBulkNewConatiner{
    .listPriceBulkAddContainer{
        .trim-value-upfit{
            background-color: var(--Color-Brand_Primary_Color-500);
            color: #fff;
            text-decoration: none;
            padding: 2px 5px;
            border-radius: 50px;
            width: 25px;
            display: flex;
            justify-content: center;
            margin-left: 4px;
        }
        .listBulkHead{
            span{
                display: flex;
                margin-left: 12px;
            }
        }
        .bulk-error{
            display: none;
            color: red;
        }
        .show_and_edit_inventory{
            background-color: var(--Color-Brand_Primary_Color-500);
            color: #fff;
            width: 30%;
            text-transform: uppercase;
            margin: 0 auto;
            font-size: 16px;
            padding: 8px 0;
            display: block;
        }
        .toggle-switch-list {
            position: relative;
            display: inline-block;
            width: 40px;
            height: 20px;
          }
        
          .toggle-switch-list input {
            opacity: 0;
            width: 0;
            height: 0;
          }
        
          .toggle-slider-list {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color:#D02631;
            border-radius: 20px;
            transition: .4s;
          }
        
          .toggle-slider-list:before {
            position: absolute;
            content: "";
            height: 16px;
            width: 16px;
            left: 2px;
            bottom: 2px;
            background-color: white;
            border-radius: 50%;
            transition: .4s;
          }
        
          input:checked + .toggle-slider-list {
            background-color: #257F2E;
          }
          input:checked + .toggle-slider-list:before {
            transform: translateX(20px);
          }
    }
    .cancel-btn-inventory{
        border: 2px solid var(--Color-Brand_Primary_Color-500);
        color: var(--Color-Brand_Primary_Color-500);
        width: 100%;
        padding: 8px 0;
    }
    .apply-btn-inventory {
        background-color: var(--Color-Brand_Primary_Color-500);
        color: #fff;
        width: 100%;
        padding: 8px 0;
    }
    .delete-alert-success{
        background-color: #E9F2EA!important;
        border: 1px solid var(--Color-Success_Color-500);
        justify-content: space-between;
        padding: 8px;
        margin: 8px 0;
        border-radius: 4px;
    
        #listApplyOkBulkList{
            background-color: var(--Color-Success_Color-500)!important;
            color: #fff!important;
            padding: 5px 20px !important;
            margin: 0 20px;
        }
    }
    .auto_head_discount {
        border-bottom: 2px solid lightgrey;
        padding-bottom: 5px;
    }
    .automated_head_main{
        display: flex;
        align-items: end;
    }
    .listBulkHead{
        display: flex;
        align-items: end;
    }
}

.listBulkFutureInventoryContainer{
    .listBulkFutureAddContainer{
        .auto_head_discount {
            border-bottom: 2px solid lightgrey;
            padding-bottom: 5px;
        }
        .automated_head_main{
            display: flex;
            align-items: end;
        }
        .listBulkHead{
            display: flex;
            align-items: end;

            span{
                display: flex;
                margin-left: 12px;
            }

        }
        .bulk-error{
            color: red;
            display: none;
        }
        .trim-value-upfit{
            background-color: var(--Color-Brand_Primary_Color-500);
            color: #fff;
            text-decoration: none;
            padding: 2px 5px;
            border-radius: 50px;
            width: 25px;
            display: flex;
            justify-content: center;
            margin-left: 4px;
        }
        .show_and_edit_inventory{
            background-color: var(--Color-Brand_Primary_Color-500);
            color: #fff;
            width: 30%;
            text-transform: uppercase;
            margin: 0 auto;
            font-size: 16px;
            padding: 8px 0;
            display: block;
        }
        .toggle-switch-list {
            position: relative;
            display: inline-block;
            width: 40px;
            height: 20px;
          }
        
          .toggle-switch-list input {
            opacity: 0;
            width: 0;
            height: 0;
          }
        
          .toggle-slider-list {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color:#D02631;
            border-radius: 20px;
            transition: .4s;
          }
        
          .toggle-slider-list:before {
            position: absolute;
            content: "";
            height: 16px;
            width: 16px;
            left: 2px;
            bottom: 2px;
            background-color: white;
            border-radius: 50%;
            transition: .4s;
          }
        
          input:checked + .toggle-slider-list {
            background-color: #257F2E;
          }
          input:checked + .toggle-slider-list:before {
            transform: translateX(20px);
          }
          .year-of-selection{
            font-size: 18px;
            font-weight: 500;
            margin: 12px 0;
            display: block;
          }
    }

    .cancel-btn-inventory{
        border: 2px solid var(--Color-Brand_Primary_Color-500)!important;
        color: var(--Color-Brand_Primary_Color-500);
        width: 100%;
        padding: 8px 0;
    }
    .apply-btn-inventory {
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff;
        width: 100%;
        padding: 8px 0;
    }
    .apply-btn-inventory:hover{
        color: #fff;
    }
    .delete-alert-success{
        background-color: #E9F2EA!important;
        border: 1px solid var(--Color-Success_Color-500);
        justify-content: space-between;
        padding: 8px;
        margin: 8px 0;
        border-radius: 4px;
    
        #listApplyOkBulkListFuture{
            background-color: var(--Color-Success_Color-500)!important;
            color: #fff!important;
            padding: 5px 20px !important;
            margin: 0 20px;
        }
    }
}

.listBulkViewContainer{
    .listBulkViewAddContainer{
        .auto_head_discount {
            border-bottom: 2px solid lightgrey;
            padding-bottom: 5px;
        }
        .automated_head_main{
            display: flex;
            align-items: end;
        }
        .listBulkHead{
            display: flex;
            align-items: end;

            span{
                display: flex;
                margin-left: 12px;
            }

        }
        .bulk-error{
            color: red;
            display: none;
        }
        .trim-value-upfit{
            background-color: var(--Color-Brand_Primary_Color-500);
            color: #fff;
            text-decoration: none;
            padding: 2px 5px;
            border-radius: 50px;
            width: 25px;
            display: flex;
            justify-content: center;
            margin-left: 4px;
        }
        .show_and_edit_inventory{
            background-color: var(--Color-Brand_Primary_Color-500);
            color: #fff;
            width: 30%;
            text-transform: uppercase;
            margin: 0 auto;
            font-size: 16px;
            padding: 8px 0;
            display: block;
        }
        .toggle-switch-list {
            position: relative;
            display: inline-block;
            width: 40px;
            height: 20px;
          }
        
          .toggle-switch-list input {
            opacity: 0;
            width: 0;
            height: 0;
          }
        
          .toggle-slider-list {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color:#D02631;
            border-radius: 20px;
            transition: .4s;
          }
        
          .toggle-slider-list:before {
            position: absolute;
            content: "";
            height: 16px;
            width: 16px;
            left: 2px;
            bottom: 2px;
            background-color: white;
            border-radius: 50%;
            transition: .4s;
          }
        
          input:checked + .toggle-slider-list {
            background-color: #257F2E;
          }
          input:checked + .toggle-slider-list:before {
            transform: translateX(20px);
          }
          .year-of-selection{
            font-size: 18px;
            font-weight: 500;
            margin: 12px 0;
            display: block;
          }
          .listprice_plus_minus{
            border: 1px solid #ced4da;
            width: 100%;
            padding: 5px;
            border-radius: 6px;
        }
    }

    .cancel-btn-inventory{
        border: 2px solid var(--Color-Brand_Primary_Color-500)!important;
        color: var(--Color-Brand_Primary_Color-500);
        width: 100%;
        padding: 8px 0;
    }
    .apply-btn-inventory {
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff;
        width: 100%;
        padding: 8px 0;
    }
    .apply-btn-inventory:hover{
        color: #fff;
    }
    .delete-alert-success{
        background-color: #E9F2EA!important;
        border: 1px solid var(--Color-Success_Color-500);
        justify-content: space-between;
        padding: 8px;
        margin: 8px 0;
        border-radius: 4px;
    
        #listApplyOkBulkListView{
            background-color: var(--Color-Success_Color-500)!important;
            color: #fff!important;
            padding: 5px 20px !important;
            margin: 0 20px;
        }
    }

}


.listMandat{
    color: red;
}
.orandlabel{
    visibility: hidden;
}
#listPriceSelectedTableMobile_wrapper{
    display: none;
}
#listPricefutureTableMobile_wrapper{
    display: none;
}
#listPriceViewTableMobile_wrapper{
    display: none;
}
.delete-btn-list{
    border: 1.5px solid var(--Color-Error_Color-500)!important;
    color: var(--Color-Error_Color-500)!important;
    font-weight: 500!important;
    margin: 8px 0;
}
.define_list_price_in_bulk_main_container{
    .listPriceBulkAddContainer{
        .year-of-selection{
            font-weight: 600;
            font-size: 18px;
            display: block;
            margin: 8px 0;
        }
    }
    #discountAutomatedWrapper{
        .listprice_plus_minus{
            border: 1px solid #ced4da;
            width: 100%;
            padding: 5px;
            border-radius: 6px;
        }
    }
    #gridAutomatedDiscountTableContainerMobile_wrapper{
        display: none;
    }
}
.noteMsg{
    color: red;
    font-weight: 500;
}
/* LIST PRICE NEW UI END */

.NoUpfitMsg{
    background-color: #fff;
    padding: 20px;
    text-align: center;

    h3{
        font-size: 40px;
        margin-bottom: 16px;
    }
}
.mobileFooterList{
    display: none;
}
.btn-delete-list{
    border: 1.5px solid var(--Color-Error_Color-500);
    color: var(--Color-Error_Color-500);
    font-weight: 500;
    cursor: pointer;
    margin: 8px 0;
    width: 10%;
    padding: 8px;
    border-radius: 4px;
    background: transparent;
}
.delete-message-row{
    padding: 8px;
    .yes-delete{
        background-color: var(--Color-Error_Color-500) !important;
        color: var(--Color-Background_Color-Dark) !important;
        padding: 2px 10px !important;
        margin: 0 10px;
    }
    .no-delete{
        background-color: #fff !important;
        color: var(--Color-Neutral_Color-500_Primary_text) !important;
        padding: 2px 10px !important;
    }
}

#listPriceMainContainer{
    /* TOOLTIP_1 */
    .discount-tooltip-1 {
       display:inline-block;
       position:relative;
       text-align:justify;
       opacity: initial!important;
   }

   .discount-tooltip-1 .discount-right-1 {
       min-width:120px;
       max-width:400px;
   /* top:50%;*/
       top: 55px;
       left:-10px;
       margin-left:20px;
       transform:translate(-50%, -20px);
       padding:0;
       color: #fff;
       background-color: var(--Color-Brand_Primary_Color-500);
       font-weight:normal;
       font-size:13px;
       border-radius:8px;
       position:absolute;
       z-index:99999999;
       box-sizing:border-box;
       visibility:hidden; opacity:0; transition:opacity 0.8s;
   }

   .discount-tooltip-1:hover .discount-right-1 {
       visibility:visible; opacity:1;
   }
   .discount-tooltip-1 .discount-text-content-1 {
       padding:8px 12px;
   }
   .discount-tooltip-1 i{
       color: #fff!important;
       font-size: 15px;
       padding-left:0px;
   }

   .discount-tooltip-1 .discount-right-1 i {
       position:absolute;
       /*top:50%;*/
       top: -10%;
       right:50%;
       margin-top:-12px;
       width:12px;
       height:24px;
       overflow:hidden;
       transform: rotate(90deg);
   }
   .discount-tooltip-1 .discount-right-1 i::after {
       content:'';
       position:absolute;
       width:12px;
       height:12px;
       left:0;
       top:50%;
       transform:translate(50%,-50%) rotate(-45deg);
       background-color:var(--Color-Brand_Primary_Color-500);
   }
   .discount-tooltip-1 h6{
       text-align: center!important;
       font-size: 12px;
       font-weight: 300;
       text-wrap: wrap;
       margin-bottom: 0;
   }
   /* TOOLTIP_1 */
}

.autoResponderMailSection{
    .saveBtn,.previewBtn,.cancelBtn{
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;
        padding: 8px 16px;
        width: 25%;
        display: block;
        margin: 16px auto;
    }
}
#listApplyOkBulkListViewMobile,#listApplyOkBulkListFutureMobile{
    background-color: var(--Color-Success_Color-500)!important;
    color: #fff!important;
    padding: 5px 20px !important;
    margin: 0 20px;
}
.alerts{
    .delete-alert-success{
        background-color: #E9F2EA!important;
        border: 1px solid var(--Color-Success_Color-500);
        justify-content: space-between;
        padding: 8px;
        margin: 8px 0;
        border-radius: 4px;

        #saveEmalSuccessAlertBtn{
            background-color: var(--Color-Success_Color-500)!important;
            color: #fff!important;
            padding: 5px 20px !important;
            margin: 0 20px;
        }

    }
}
#mailEmptyAlertbtn{
    background-color: var(--Color-Error_Color-500) !important;
    color: var(--Color-Background_Color-Dark) !important;
    padding: 2px 10px !important;
    margin: 0 10px;
}
#editableDivPreview,#editableDiv{
    .col-lg-2{
        p{
            margin-bottom: 0;
        } 
    }
    .addressField{
        margin-left: 40px;
        p{
            margin-bottom: 0;
        }
    }
}
#emailContentDisplay{
    width: 700px;
    word-wrap: break-word;
}
.listToggleIcon,.listToggleIconFin,.listToggleIconCash{
    background-color: transparent;
    border: none;
}
.listPriceTogglevalue,.listPriceTogglevalueFin,.listPriceTogglevalueCash{
    background-color: var(--Color-Background_Color-Dark);
}
.eportalLogo{
    width: 65%;
    margin:20px auto;
}
.reservation-setting-table {
    #gridTableContainer{
        th{
            padding: 8px;
            font-size: 12px;
        }
    }
}
.toggle_t3_switch {
    --width: 85px;
    --height: calc(var(--width) / 3.5);
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
  }
  .toggle_t3_switch input {
    display: none;
  }
  .toggle_t3_switch .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--height);
    background-color: var(--Color-Error_Color-500);
    transition: all 0.4s ease-in-out;
  }
  .toggle_t3_switch .slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--height));
    height: calc(var(--height));
    border-radius: calc(var(--height) / 2);
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-in-out;
  }
  .toggle_t3_switch input:checked+.slider {
    background-color: var(--Color-Success_Color-500);
  }
  .toggle_t3_switch input:checked+.slider::before {
    transform: translateX(calc(var(--width) - var(--height)));
  }
  .toggle_t3_switch .labels {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 11px;
    font-family: sans-serif;
    transition: all 0.4s ease-in-out;
  }
  .toggle_t3_switch .labels::after {
    content: attr(data-off);
    position: absolute;
    right: 12px;
    top: -5px;
    color: #fff;
    opacity: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
  }
  .toggle_t3_switch .labels::before {
    content: attr(data-on);
    position: absolute;
    left: 5px;
    top: -5px;
    color: #ffffff;
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
    transition: all 0.4s ease-in-out;
  }
  .toggle_t3_switch input:checked~.labels::after {
    opacity: 0;
  }
  .toggle_t3_switch input:checked~.labels::before {
    opacity: 1;
  }
  .btn-confirm-no,.btn-confirm-no-mobile{
    background-color: #fff!important;
    color: var(--Color-Neutral_Color-500_Primary_text)!important;
    padding: 5px 20px!important;
  }
  .btn-confirm-yes,.btn-confirm-yes-mobile{
    background-color: var(--Color-Link_Color-500)!important;
    color: #fff!important;
    padding: 5px 20px!important;
    margin: 0 20px;
  }
  #collapsePaymentSetting{
    input[type="radio"] {
        display: block;
        visibility: visible;
    }
    .form-check-inline{
        display: inline-flex;
    }
    label{
        margin-left: 12px;
    }
    .overRideContent{
        padding: 20px;
        margin-top: 30px;
        border: 2px solid var(--Color-Border-light-and-inactive);
    }
    .termsDiv{
        width: 25%;
    }
    .saveBtnPayment{
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;
        padding: 4px 8px;
        border-radius: 4px;
        width: 15%;
        display: block;
        margin: 32px auto;
        border: 0;
    }
    .delete-alert-success{
        background-color: #E9F2EA!important;
        border: 1px solid var(--Color-Success_Color-500);
        justify-content: space-between;
        padding: 8px;
        margin: 8px 0;
        border-radius: 4px;

        p{
            margin-bottom: 0;
            text-align: center;
        }

    }
    .labelTag{
        display: flex;

        label{
            display: flex;
            align-items: center;
        }

    }
  }

  .reservation-wrapper{
    .disabled{
        pointer-events: none;
    }
  }
  #vAutoSuccessAlert{
    background-color: #E9F2EA!important;
    border: 1px solid var(--Color-Success_Color-500);
    justify-content: space-between;
    padding: 8px;
    margin: 8px 0;
    border-radius: 4px;

    .vAutoSaveBtn{
        background-color: var(--Color-Success_Color-500)!important;
        color: #fff!important;
        padding: 5px 20px !important;
        margin: 0 20px;
    }
  }
  #editReservation{
    label{
        color: #000;
        font-weight: 600;
        margin: 12px 0;
    }
    .saveBtnResrvation{
        background-color: var(--Color-Brand_Primary_Color-500)!important;
        color: #fff!important;
        width: 100%;
        padding: 8px 12px;
        border-radius: 4px;
        text-transform: uppercase;
    }
    .editReservationBody{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
  }