.fade-in-section {
    display: none !important;
    width: 100%;
    padding-top: 3rem;
    /* py-12 */
    padding-bottom: 3rem;
    /* py-12 */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    overflow: auto;
    /* scroll */
 }

 @media (max-width: 640px) {
    .fade-in-section {
       padding-top: 1.5rem;
       /* sm:py-6 */
       padding-bottom: 1.5rem;
       /* sm:py-6 */
    }
 }

 @media (max-width: 768px) {
    .fade-in-section {
       padding-top: 1.5rem;
       /* md:py-6 */
       padding-bottom: 1.5rem;
       /* md:py-6 */
    }
 }

 /* Custom classes that might need additional CSS */
 .is-visible {
    /* Add any styles for the 'is-visible' class here */
 }

 .portfolio_paginations {
    /* Add specific styles for portfolio pagination here */
 }

 .car_records {
    width: auto;
    margin-top: 1.5rem;
    /* mt-6 */
    margin-bottom: 1.5rem;
    /* mb-6 */
    text-align: left;
    /* text-left */
 }

 @media (max-width: 640px) {
    .car_records {
       width: 100%;
       /* sm:w-full */
    }
 }

 @media (max-width: 768px) {
    .car_records {
       width: 100%;
       /* md:w-full */
    }
 }

 .car_links {
    width: auto;
    margin-top: 1.5rem;
    /* mt-6 */
    margin-bottom: 1.5rem;
    /* mb-6 */
    text-align: right;
    /* text-right */
    overflow-x: auto;
    /* overflow-x-auto */
 }

 @media (max-width: 640px) {
    .car_links {
       width: 100%;
       /* sm:w-full */
    }
 }

 @media (max-width: 768px) {
    .car_links {
       width: 100%;
       /* md:w-full */
    }
 }

 .popup-title{
    color: #313131;
    font-family: Montserrat;
    font-size: 28px;
    font-weight: 600;
    line-height: 34.13px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding-top: 25px;
 }

 .popup-subtitle{
    color: #313131;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 24.38px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
 }

 /*the container must be positioned relative:*/
 .custom-select {
    position: relative;
    font-family: Arial;
 }

 .custom-select select {
    display: none;
 }

 .select-selected {
    background-color: #F2F2F2;
 }

 .select-selected:after {
    position: absolute;
    content: "";
    top: 23px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #313131 transparent transparent transparent;
 }

 .select-selected.select-arrow-active:after {
    border-color: transparent transparent #313131 transparent;
    top: 16px;
 }

 .select-items div,.select-selected {
    color: #ffffff;
    padding: 15px 16px;
    cursor: pointer;
    user-select: none;
    font-size: 15px;
    color: #313131;
 }

 .select-items {
    position: absolute;
    background-color: gainsboro;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    height: 220px;
    overflow-y: scroll;
 }

 .select-hide {
    display: none;
 }

 .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
 }

 form label{
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.5px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #9F9F9F;
 }

 #reset{
   position: relative;
   top: 1px;
   left: 10px;
 }


 .car-popup-title{
   color: #313131;
   font-family: Montserrat;
   font-size: 28px;
   font-weight: 600;
   line-height: 34.13px;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   padding-top: 25px;
}

.car-popup-subtitle{
   color: #313131;
   font-family: Montserrat;
   font-size: 16px;
   font-weight: 400;
   line-height: 24.38px;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
}

.add_popup_form label{
   font-family: Montserrat;
   font-size: 16px;
   font-weight: 500;
   line-height: 19.5px;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color:#9F9F9F;
}

#dropzone, #dropzone_investor {
   background: white !important;
   border-radius: 5px;
   border: 2px dashed #E14734 !important;
   border-image: none;
   max-width: 400px;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   font-family: Montserrat;
   font-size: 22px;
   font-weight: 500;
   line-height: 26.82px;
   text-align: center;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #E14734;
   cursor: pointer;
}

.dropzone, .dropzone_investor, .edit_dropzone_investor, .edit_dropzone_car{
   border: none !important;
   display: flex;
   align-items: center;
   justify-content: center;
}

#edit_dropzone_investor, #edit_dropzone_car{
   background: white !important;
   border-radius: 5px;
   border: 2px dashed #E14734 !important;
   border-image: none;
   max-width: 400px;
   height: 70%;
   display: flex;
   justify-content: center;
   align-items: center;
   font-family: Montserrat;
   font-size: 22px;
   font-weight: 500;
   line-height: 26.82px;
   text-align: center;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #E14734;
   cursor: pointer;
}
.tblheadmobile{display: none;}
.mobinvnamecls{display: none;}
.tblemailmoblabel{display: none;;}
@media (min-width:1601px) and (max-width:1850px){
   .details-investors-row .investimgsec{width:17%;}
   .details-investors-row .dinvsernamecls{width:58%;}
   .crightbtnsec .assign-investor{font-size: 13px;}
   .crightbtnsec .edit-inventory{font-size: 13px;}
   .chartgrid .circle-chart{width:170px;height:170px;}
   .inventory-details-section .invdetlftimgsec{width:40%;}
   .inventory-details-section .invdetrgtsec{width:60%;}
   .chart-section .chart-dgm-div{width:40%;}
   .chart-section .chart-amt-sec{width:60%;position: relative;left:15px;}
   .grid_main-div .custom-filter{width: 100px;}
   .grid_main-div .srchinputsec{width:55%;}
   .grid_main-div .filteractionbtnsec{width:45%;}
}
@media (min-width:1501px) and (max-width:1600px){
   .details-investors-row .investimgsec{width:17%;}
   .details-investors-row .dinvsernamecls{width:58%;}
   .crightbtnsec .assign-investor{font-size: 13px;}
   .crightbtnsec .edit-inventory{font-size: 13px;}
   .chartgrid .circle-chart{width:170px;height:170px;}
   .inventory-details-section .invdetlftimgsec{width:40%;}
   .inventory-details-section .invdetrgtsec{width:60%;}
   .chart-section{padding-left:0;padding-right:0;}
   .chart-section .chart-dgm-div{width:40%;}
   .chart-section .chart-amt-sec{width:60%;position: relative;left:15px;}
   .grid_main-div .custom-filter{width: 100px;}
   .grid_main-div .srchinputsec{width:55%;}
   .grid_main-div .filteractionbtnsec{width:45%;}
}
@media (min-width:1401px) and (max-width:1500px){
   .details-investors-row .investimgsec{width:17%;}
   .details-investors-row .dinvsernamecls{width:58%;}
   .crightbtnsec .assign-investor{font-size: 13px;}
   .crightbtnsec .edit-inventory{font-size: 13px;}
   .chartgrid .circle-chart{width:130px;height:130px;}
   .inventory-details-section .invdetlftimgsec{width:40%;}
   .inventory-details-section .invdetrgtsec{width:60%;}
   .chart-section{padding-left:0;padding-right:0;}
   .chart-section .chart-dgm-div{width:35%;}
   .chart-section .chart-amt-sec{width:65%;position: relative;left:15px;}
   .grid_main-div .custom-filter{width: 100px;}
   .grid_main-div .srchinputsec{width:55%;}
   .grid_main-div .filteractionbtnsec{width:45%;}
}
@media (min-width:1301px) and (max-width:1400px){
   .details-investors-row .investimgsec{width:17%;}
   .details-investors-row .dinvsernamecls{width:58%;}
   .crightbtnsec .assign-investor{font-size: 13px;}
   .crightbtnsec .edit-inventory{font-size: 13px;}
   .chartgrid .circle-chart{width:130px;height:130px;}
   .inventory-details-section .invdetlftimgsec{width:40%;}
   .inventory-details-section .invdetrgtsec{width:60%;}
   .chart-section{padding-left:0;padding-right:0;}
   .chart-section .chart-dgm-div{width:35%;}
   .chart-section .chart-amt-sec{width:65%;position: relative;left:15px;}
   .grid_main-div .custom-filter{width: 100px;}
   .grid_main-div .srchinputsec{width:55%;}
   .grid_main-div .filteractionbtnsec{width:45%;}
}
@media (min-width:1200px) and (max-width:1300px){
   .details-investors-row .investimgsec{width:17%;}
   .details-investors-row .dinvsernamecls{width:58%;}
   .crightbtnsec .assign-investor{font-size: 13px;}
   .crightbtnsec .edit-inventory{font-size: 13px;}
   .chartgrid .circle-chart{width:130px;height:130px;}
   .inventory-details-section .invdetlftimgsec{width:40%;}
   .inventory-details-section .invdetrgtsec{width:60%;}
   .chart-section{padding-left:0;padding-right:0;}
   .chart-section .chart-dgm-div{width:35%;}
   .chart-section .chart-amt-sec{width:65%;position: relative;left:15px;}
   .grid_main-div .custom-filter{width: 100px;}
   .grid_main-div .srchinputsec{width:55%;}
   .grid_main-div .filteractionbtnsec{width:45%;}
}
@media (min-width:992px) and (max-width:1199px){
   .crightbtnsec .assign-investor{font-size: 13px;}
   .crightbtnsec .edit-inventory{font-size: 13px;}
   .chartgrid .circle-chart{width:160px;height:160px;}
   .inventory-details-section .invdetlftimgsec{width:40%;}
   .inventory-details-section .invdetrgtsec{width:60%;}
   .chart-section{padding-left:0;padding-right:0;}
   .chart-section .chart-dgm-div{width:35%;}
   .chart-section .chart-amt-sec{width:65%;position: relative;left:15px;}
   .inventory-details-section .invenDetailstoplftsec{width:100%;}
   .inventory-details-section .invenDetailstoprgtsec{width:100%;}
   .custom-email-reminders-table th{font-size: 16px;}
   .email-temp-name{font-size: 18px;}
   .email-schedule-title{font-size: 16px;}
   .grid_main-div .custom-filter{width: 95px;}
   .grid_main-div .srchinputsec{width:50%;}
   .grid_main-div .filteractionbtnsec{width:50%;}
}
@media (min-width:768px) and (max-width:991px){
   .crightbtnsec .assign-investor{font-size: 13px;}
   .crightbtnsec .edit-inventory{font-size: 13px;}
   .chartgrid .circle-chart{width:160px;height:160px;}
   .inventory-details-section .invdetlftimgsec{width:40%;}
   .inventory-details-section .invdetrgtsec{width:60%;}
   .chart-section{padding-left:0;padding-right:0;}
   .chart-section .chart-dgm-div{width:35%;}
   .chart-section .chart-amt-sec{width:65%;position: relative;left:15px;}
   .inventory-details-section .invenDetailstoplftsec{width:100%;}
   .inventory-details-section .invenDetailstoprgtsec{width:100%;}
   .custom-email-reminders-table th{font-size: 16px;}
   .email-temp-name{font-size: 18px;}
   .email-schedule-title{font-size: 16px;}
   .investor_edit_popup .col-5{width:100%;height: 100%;}
   .investor_edit_popup .add_popup_form{width:100%;padding-top:20px;}
   #edit_dropzone_investor, #edit_dropzone_car{padding-top:20px;padding-bottom: 20px;}
   .investor_edit_popup .custom-invest-popdesc{padding-bottom:10px !important;}
   .add-investor-popup .modal-dialog{top:7em;}
   .add-investor-popup .car-popup-title{padding-top: 0;}
   .add-investor-popup .car-popup-subtitle{margin-bottom: 0;}
   .add_popup_form .row{padding-top:20px !important;}
   .inventorymodal.modal .modal-dialog{top:7em;}
   .grid_main-div .custom-filter{width: 95px;}
   .grid_main-div .srchinputsec{width:50%;}
   .grid_main-div .filteractionbtnsec{width:50%;}
   .new-add-car-popup .modal-content{margin-top:100px;}
}
@media (min-width:568px) and (max-width:767px){
   .grid_main-div .srchinputsec{width:100%;padding-left:0;padding-right:0;}
   .grid_main-div .filteractionbtnsec{width:100%;padding-right:0;padding-left:0 !important;padding-top:20px;display: flex;justify-content: center;}
   .grid_main-div .addbtnseccls{padding-top:20px;margin:auto;}
   .grid_main-div .custom-panel-site-button.add-car{margin: auto;}
   table.custom-inventory-table,table.custom-inventory-table thead,table.custom-inventory-table th,table.custom-inventory-table tr,table.custom-inventory-table tbody,table.custom-inventory-table td{display:inline-block;width:100%;}
   .tblheadmobile{display: block;text-align: center;padding-bottom: 15px;font-weight: 600;}
   .custom-inventory-table thead.grid-header-content{display: none;;}
   .custom-inventory-table .crowno{display: none;}
   .mobinvnamecls{display: block;padding-left:10px;}
   .custom-inventory-table td.deskinvvehnamecls{display: none;}
   .invnameflxcls{display: flex;align-items: center;justify-content: center;}
   .mobtable-responsive{border:0;}
   table.custom-inventory-table tr{border: 1px solid #fff;margin-bottom: 20px;}
   .cactionsec{justify-content: center;}
   .add-car-popup.modal .modal-dialog{max-width:70% !important;margin: auto;top:7em;}
   .crightbtnsec{justify-content: center;}
   .inventory-details-section .invdetlftimgsec{width:100%;}
   .inventory-details-section .invdetrgtsec{width:100%;}
   .inventory-details-section .invenDetailstoplftsec{width:100%;}
   .inventory-details-section .invenDetailstoprgtsec{width:100%;}
   .custom-email-reminders-table th {
      font-size: 15px;
   }
   .email-temp-name {
      font-size: 17px;
   }
   .email-schedule-title {
      font-size: 15px;
   }
   .investimgsec{width:auto !important;}
   .dinvsernamecls{width:65% !important;}
   .cinvestorpricesec{width: auto !important;}
   .chartgrid{text-align: center;}
   .chart-dgm-div{width:50% !important;}
   .chart-amt-sec{width:50% !important;}
   table.custom-email-reminders-table,table.custom-email-reminders-table thead,table.custom-email-reminders-table th,table.custom-email-reminders-table tr,table.custom-email-reminders-table tbody,table.custom-email-reminders-table td{
      display: inline-block;
      width:100% !important;
      text-align: center;
   }
   .tblemailmoblabel{display: block;padding-bottom: 15px;font-weight:600;}
   table.custom-email-reminders-table td{padding-bottom:20px;}
   .expbtm0{padding-bottom:0 !important;}
   table.custom-email-reminders-table thead{display: none;}
   .customSwitchcls ~label{margin:auto;}
   table.custom-email-reminders-table tr{border: 1px solid #fff;margin-bottom:20px;padding:20px 20px 10px 20px;}
   .new-add-car-popup .modal-content{margin-top:100px;}
   .new-add-car-popup .modal-dialog{margin:auto;}
}
@media (min-width:320px) and (max-width:567px){
   .grid_main-div .srchinputsec{width:100%;padding-left:0;padding-right:0;}
   .grid_main-div .filteractionbtnsec{width:100%;padding-right:0;padding-left:0 !important;padding-top:20px;display: flex;justify-content: center;}
   .grid_main-div .addbtnseccls{padding-top:20px;margin:auto;}
   .grid_main-div .custom-panel-site-button.add-car{margin: auto;}
   table.custom-inventory-table,table.custom-inventory-table thead,table.custom-inventory-table th,table.custom-inventory-table tr,table.custom-inventory-table tbody,table.custom-inventory-table td{display:inline-block;width:100%;}
   .tblheadmobile{display: block;text-align: center;padding-bottom: 15px;font-weight: 600;}
   .custom-inventory-table thead.grid-header-content{display: none;;}
   .custom-inventory-table .crowno{display: none;}
   .mobinvnamecls{display: block;padding-left:10px;}
   .custom-inventory-table td.deskinvvehnamecls{display: none;}
   .invnameflxcls{display: flex;align-items: center;justify-content: center;}
   .mobtable-responsive{border:0;}
   table.custom-inventory-table tr{border: 1px solid #fff;margin-bottom: 20px;}
   .cactionsec{justify-content: center;}
   .add-car-popup.modal .modal-dialog{max-width:95% !important;margin: auto;top:7em;}
   .grid-search0main-div #reset.custom-filter.inventory-reset{top:0;left:0;}
   .custom-filter.inventory-filter{margin-right:10px;}
   .close-car-popup{padding-left:50px !important;padding-right:50px !important;}
   .add-car-inventory{padding-left:50px !important;padding-right:50px !important;}
   .close-car-investor{padding-left:50px !important;padding-right:50px !important;}
   .assign_investor inventory{padding-left:50px !important;padding-right:50px !important;}
   .close_investor{padding-left:35px !important;padding-right:35px !important;display: inline-block;width:100%;text-align: center;}
   .assign_investor{padding-left:35px !important;padding-right:35px !important;display: inline-block;width:100%;text-align: center;}
   .inventorymodal.modal .modal-dialog{top:7em;}
   table.custom-email-reminders-table,table.custom-email-reminders-table thead,table.custom-email-reminders-table th,table.custom-email-reminders-table tr,table.custom-email-reminders-table tbody,table.custom-email-reminders-table td{
      display: inline-block;
      width:100% !important;
      text-align: center;
   }
   .tblemailmoblabel{display: block;padding-bottom: 15px;font-weight:600;}
   table.custom-email-reminders-table td{padding-bottom:20px;}
   .expbtm0{padding-bottom:0 !important;}
   table.custom-email-reminders-table thead{display: none;}
   .customSwitchcls ~label{margin:auto;}
   table.custom-email-reminders-table tr{border: 1px solid #fff;margin-bottom:20px;padding:20px 20px 10px 20px;}
   .details-invmaketitle{text-align: center !important;}
   .details-invTitle{text-align: center !important;}
   .details-invPrice{text-align: center !important;}
   .chart-dgm-div{padding-bottom:20px;text-align: center;}
   .chartlegendcls{justify-content: center;}
   .chartgrid{margin-top:20px !important;}
   .investimgsec{width:auto !important;}
   .dinvsernamecls{width:70% !important;}
   .cinvestorpricesec{width: 100% !important;padding-top:20px;}
   .topbarheadingcls{font-size: 26px;}
   .details-investors-row{padding:15px;}
   .detinvamt{text-align: center;}
   .investor-profile-img{width:35px;height:35px;}
   .new-add-car-popup .modal-content{margin-top:100px;}
   .new-add-car-popup .modal-dialog{margin:auto;}
   .new-add-car-popup .modal-body{padding:20px !important;}
   .new-add-car-popup .form-label{font-size:12px !important;}
   .new-add-car-popup .add-car-inventory1{padding-left:65px !important;padding-right: 65px !important;}
}
.additional-details-section {
   background: #2E2D2D;
   border-radius: 15px;
   padding: 20px;
   margin-top: 30px;
}
.addlabel-temp-name {
   font-family: Montserrat;
   font-size: 18px;
   font-weight: 500;
   line-height: 26.82px;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #E5DFDA;
}
.addlabel-temp-val{
   font-family: Montserrat;
   font-size: 18px;
   font-weight: 500;
   line-height: 26.82px;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #E5DFDA;
}
.addinvdetailhead{
   font-size: 28px;
   font-weight: 600;
   padding:20px 10px;
}
.cuurlcls{font-size: 22px;}
.cflxcls{display: flex;align-items: center;}

/* @media (max-width: 767px) {
   .custom-inventory-table {
       width: 100%;
       border-collapse: collapse;
   }

   .custom-inventory-table thead {
       display: none;
   }

   .custom-inventory-table tbody, .custom-inventory-table tr, .custom-inventory-table td {
       display: block;
       width: 100%;
   }

   .custom-inventory-table tr {
       margin-bottom: 15px;
       padding: 10px;
       background-color: #f9f9f9;
       border-radius: 5px;
   }

   .custom-inventory-table td {
       display: block;
       padding: 10px;
       text-align: left;
       border-bottom: 1px solid #ddd;
       color: #2e2d2d;
   }

   .custom-inventory-table td .inventorynamediv a{
      color: #2e2d2d !important;
   }

   .custom-inventory-table td::before {
       content: attr(data-label);
       font-weight: bold;
       text-transform: capitalize;
       display: block;
       margin-bottom: 5px;
   }

   .cactionsec a img{
      filter: invert(1);
   }
   .crightbtnsec{
      padding-top: 10px;
   }

   .invcntcls{
      color: #E14734;
   }
   .topprousrname{
      display: none;
   }
   .topprousrrole{
      display: none;
   }
   .logoutDiv{
      display: none;
   }
}

.custom-inventory-table td::before {
   font-weight: bold;
   color: #333;
}


@media (max-width: 767px) {
   .custom-inventory-table th, .custom-inventory-table td {
      font-size: 12px;
      padding: 8px;
   }

   .custom-inventory-table td, .custom-inventory-table th {
      white-space: nowrap;
   }
}

@media(min-width: 768px) and (max-width: 1400px){
   
   .custom-inventory-table {
      width: 100%;
      table-layout: fixed;
   }
   .topprousrname{
      display: none;
   }
   .topprousrrole{
      display: none;
   }
}

.table-responsive {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   width: 100%;
   margin-bottom: 15px;
   border: none;
}


.custom-inventory-table {
   table-layout: fixed;
   width: 100%;
   border-collapse: collapse;
   margin: 0;
}

.custom-inventory-table th,
.custom-inventory-table td {
   padding: 10px;
   text-align: left;
   word-wrap: break-word;
}


.custom-inventory-table td {
   min-width: 120px;
   overflow: hidden;
   text-overflow: ellipsis;
} */