:root {
    --primary-color: #00DA97;
    --secondary-color: #2C8FEE;
    --green-color: #3CA761;
    --white-color: #FFFFFF;
    --black-color: #000000;
    --light-bg: #FEFAF4;
    --yellow-color: #ffc107;
    --sky-color: #f0f8ff;
    --light-dark: #242424;
}
@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1180px;
    }
}
@media (min-width: 1366px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}
/* @media (min-width: 1600px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1440px;
    }

} */

@media (min-width:1200px) {
    .col-lg-4.left-sidebar {
        flex: 0 0 auto;
        width: 30%;
    }

    .col-lg-8.right-sidebar {
        flex: 0 0 auto;
        width: 70%;
    }

    .filtermobile-modal {
        display: block !important;
        opacity: 1 !important;
        position: relative;
        min-width: auto;
        width: auto;
    }

    .filtermobile-modal .modal-dialog {
        transform: none;
        max-width: 100%;
    }

    .filtermobile-modal .modal-content {
        background: transparent;
        border: 0;
    }
    .home .filtermobile-modal .modal-dialog{
        margin: 0 !important;
    }
    .requestedTab .accordian-body .card button.btn-secondary{
        padding: 12px 10px;
        font-size: 13px;
    }
}

@media (max-width: 1199px) {
    .nls-sidebar .nls-main-option button {
        padding: 15px 20px;
    }
    .nls-sidebar h3{
        background:transparent;
    }
    .nls-sidebar h3 span {
        color: var(--green-color);
    }
    .nls-sidebar .nls-main-option{
        padding: 10px 20px 0 20px;
    }
    .dashboard-section,
    .listing-section,.request-section {
        padding: 40px 0 100px;
    }

    .dashboard-section .box-item p {
        font-size: 14px;
        padding: 8px;
    }

    .request-main table thead {
        height: 0;
        overflow: hidden;
        position: absolute;
        width: 0;
    }

    .request-main table tbody {
        display: contents;
    }

    .request-main table tbody tr[data-bs-toggle="collapse"] td {
        align-items: start;
        display: flex;
        line-height: normal;
        margin: 0 5px;
    }

    .request-main table tbody tr[data-bs-toggle="collapse"] {
        display: block;
        position: relative;
        width: 100%;
    }

    .request-main table tbody tr[data-bs-toggle="collapse"] td:before {
        color: var(--secondary-color);
        content: attr(data-heading);
        display: block;
        flex-basis: 120px;
        flex-grow: 0;
        flex-shrink: 0;
        font-weight: 700;
    }

    .request-main table tbody tr[data-bs-toggle="collapse"] td:last-child a {
        position: absolute;
        top: 3%;
        right: 5%;
    }
    .requestedTab .accordian-body .card p, .requestedTab .accordian-body .card p a{
        font-size: 12px;
    }
    .checkbox-list {
        column-count: 1;
    }
    .productdetail-tab table td{
        padding: 5px 10px;
    }
    .productdetail-tab table thead.table-success th{
        padding: 15px 10px;
    }
    .request-tab {
        /* flex-direction: column; */
        gap: 8px;
        border: 0;
    }
    .form-section .btn-success{
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        padding: 10px 30px !important;
    }
    #imagePreview {
        min-height: 100%;
        height: 100px;
    }

    .modal-backdrop {
        z-index: -1;
    }

    .nls-sidebar {
        box-shadow: none;
    }



    .filtermobile-modal .modal-dialog {
        max-width: 100%;
    }
    .right-sidebar .border-end{
        border-right: 0 !important;
        border-bottom: 1px solid #dee2e6;
     }
     .filtermobile-modal, .filtermobile-modal .modal-dialog, .filtermobile-modal .modal-content{
        height: 100%;
     }
     .request-main table tbody tr td:first-child{
        border-left: 0;
     }
     .request-main table tbody tr td:last-child{
        border-right: 0;
     }
     .dashboard-section .tab-content .tab-pane .cardview{
        padding: 20px 13px;
     }
     .request-main table tbody tr:nth-last-child(2):not([aria-expanded="false"]) td:first-child, .request-main table tbody tr:nth-last-child(2)[aria-expanded="false"] td:first-child, .request-main table tbody tr:last-child td:first-child{
        border-radius: 0 !important;
     }
     .upload_logo{
        max-width: 95%;
    }
    .nls-sidebar h1{
        background-color: transparent;
    }
    .nls-sidebar h1 span {
        color: var(--green-color);
    }
    .home .nls-sidebar h1 span {
        color: var(--white-color);
    }
    .filter-option{
        margin: 0;
        border-radius: 0;
    }
    .product-sidebar, .nls-sidebar .tab-content{
        border-radius: 0;
    }
    .nls-sidebar .tab-content,
    .filtermobile-modal .modal-body{
        height: fit-content;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .home .nls-sidebar h1{
        background-color: var(--green-color);
    }


}
@media (max-width: 767px) {
    span.hoe-werkt-title {
        font-size: 20px;
        line-height: 24px !important;
    }
    /* .dashboard-section .dashboard-left li,
    .dashboard-section .dashboard-left li a{
        width: 100%;
    }
    .dashboard-section .dashboard-left{
        padding: 10px !important;
        border-radius: 20px;
    } */
    .dashboard-section .nav-pills .nav-link{
        font-size: 13px;
        padding: 10px 20px;
    }
    .dashbpard-title {
        font-size: 18px;
    }
    .dashboard-section .tab-content h4{
        font-size: 15px;
    }
    .dashboard-section .tab-content p{
        font-size: 12px;
    }

}
@media (max-width: 1199px) {
    .dashboard-left { display: none !important; }
    /* #mobile-dashboard-nav { display: block !important; } */
  }

  @media (min-width: 1199px) {
    #mobile-dashboard-nav { display: none !important;}
  }

 /* @media screen and (min-width: 1025px)  {
    .nls-sidebar .nls-main-option li {
        width: 50%;
    }

    .nls-sidebar .nls-main-option li button {
        width: 100%;
    }
} */
@media screen and (min-width: 768px) and (max-width: 1366px) {
    .nls-sidebar .nls-main-option button{
        padding: 17px 10px;
    }
    .nls-sidebar .nls-main-option {
        padding: 10px 10px 0 10px;
    }
    .nls-sidebar .tab-content, .filtermobile-modal .modal-body {
        height: fit-content;
        overflow-y: hidden;
        overflow-x: hidden;
    }
}
/* @media screen and (min-width: 375px) and (max-width: 767px) {

    .nls-sidebar .nls-main-option li{
        width: 50%;
    }
    .nls-sidebar .nls-main-option li button {
        width: 100%;
    }
}  */