.no-data-found {
    min-height: 280px;
}
/* X-Small <576px
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
Extra extra large	xxl	≥1400px */
@media screen and (max-width: 576px) {
    .h5,
    h5 {
        font-size: 0.75rem;
    }
    .page-header .breadcrumb {
        font-size: 10px !important;
    }
}
@media (min-width: 577px) and (max-width: 768px) {
    .reports-filters .w-50 {
        width: 100% !important;
    }
    .h5,
    h5 {
        font-size: 0.85rem;
    }
    .page-header .breadcrumb {
        font-size: 11px !important;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .h5,
    h5 {
        font-size: 1rem;
    }
    .page-header .breadcrumb {
        font-size: 12px !important;
    }
}
@media screen and (max-width: 992px) {
    p {
        font-size: 12px;
        line-height: 1.6;
        margin-bottom: 15px;
    }
    .btn:not(.btn__link) {
        height: auto !important;
    }
    a.btn {
        font-size: 10px !important;
        line-height: 10px !important;
    }
    .btn {
        margin-top: 8px !important;
        padding: 8px 6px !important;
    }
    .fs-18 {
        font-size: 16px !important;
    }
    .fs-16 {
        font-size: 14px !important;
    }
    .fs-14 {
        font-size: 12px !important;
    }
    .fs-12 {
        font-size: 10px !important;
    }
    .fs-11 {
        font-size: 9px !important;
    }
    .dropdown .dropdown-menu .dropdown-item {
        font-size: 11px !important;
        padding: 8px 15px !important;
    }
    .nxl-header .dropdown a.ms-3.me-3 {
        margin: 0 !important;
        padding: 0 !important;
    }
    .nxl-header .dropdown a .dropdown-header {
        padding-right: 0 !important;
    }
    .page-header {
        min-height: 40px !important;
        padding: 8px 12px !important;
    }
    .nav-tabs-wrapper .nav-tabs-custom-style.flex-nowrap .nav-item .nav-link {
        padding: 8px 4px !important;
    }
    .nxl-header .header-wrapper .nxl-h-item,
    .nxl-header {
        min-height: 60px !important;
        height: 60px !important;
    }
    .nxl-container {
        top: 60px !important;
    }
    .ava-img {
        width: 24px;
        min-width: 24px;
        max-width: 24px;
        min-height: 24px;
        max-height: 24px;
        height: 24px;
        border-radius: 50%;
        border: 2px solid #85ff80;
        overflow: hidden;
    }
    .nxl-header .header-wrapper .user-avtar {
        width: 24px !important;
        height: 24px !important;
    }
    .nxl-header .header-wrapper .nxl-head-link > i {
        font-size: 16px !important;
    }
    .nxl-header .header-wrapper .nxl-head-link .nxl-h-badge {
        top: 5px !important;
        font-size: 8px !important;
    }
    .badge {
        font-size: 11px !important;
        padding: 3px 3px !important;
    }
    .text-truncate-1-line {
        font-size: 12px;
    }

    .p-3 {
        padding: 0.7rem !important;
    }
    .actions button {
        padding: 4px 6px;
        font-size: 10px;
    }
    .table-responsive .table tfoot th:first-child,
    .table-responsive .table thead th:first-child,
    .table-responsive .table tr td:first-child {
        padding-left: 16px !important;
    }
    .nxl-container .nxl-content .main-content {
        padding: 12px 12px 5px !important;
    }
    .login-hello {
        font-size: 24px !important;
    }
    .login-page img.img-fluid.my-3 {
        max-width: 180px !important;
    }
    .login-label label,
    .forgot,
    .custom-file,
    .custom-select,
    .form-control,
    .form-select,
    input,
    .btn,
    a.text-primary.und {
        font-size: 12px !important;
    }
    .btn-group-sm > .btn,
    .btn-sm {
        padding: 4px 8px !important;
        font-size: 10px !important;
    }
    .customers-nav-tabs .nav-item .nav-link {
        padding: 8px 0px !important;
        font-size: 10px !important;
        height: 30px;
    }
    .form-left {
        padding: 16px !important;
    }
    .bg-white.py-3 {
        padding: 0 !important;
    }
    .bg-white .nav-link {
        font-size: 10px !important;
        line-height: 14px !important;
    }
    .nav-tabs-wrapper {
        height: auto !important;
    }
    .custom-file,
    .custom-select,
    .form-control,
    .form-select,
    input {
        margin-bottom: 4px;
    }
    .card .card-header .card-title {
        font-size: 12px !important;
        font-weight: 500 !important;
    }
    .table-responsive .table tr td,
    .table-responsive .table tfoot th,
    .table-responsive .table thead th {
        padding: 4px 8px !important;
        font-size: 10px !important;
    }
    .card-header {
        padding: 8px 8px !important;
    }
    .table-responsive {
        min-height: auto !important;
    }

    .nxl-container .footer {
        padding: 12px 16px !important;
    }
    .nav-tabs.flex-nowrap {
        flex-wrap: wrap !important;
    }
    .nav-tabs-wrapper .nav-tabs-custom-style .nav-item .nav-link {
        border-bottom: 1px solid #dee2e6 !important;
        height: 36px;
    }
    .nav-tabs-wrapper .nav-tabs-custom-style .nav-item .nav-link.active {
        border-bottom: 3px solid #0a66c2 !important;
    }
    iframe {
        width: 100% !important;
    }
    .navbar:not(.is-sticky) .nav__item.sign-in {
        padding: 0;
    }
    .navbar .nav__item .nav__item-link {
        font-size: 12px;
    }
    .logo-center img {
        max-height: 50px;
    }
    html:not(.minimenu) .nxl-navigation .nxl-link {
        margin: 8px 12px !important;
    }
    .nxl-navigation .navbar-content .nxl-link,
    .nxl-navigation .navbar-content .nxl-submenu .nxl-link {
        padding: 8px 10px !important;
        font-size: 10px !important;
    }
    .nxl-navigation .navbar-content .nxl-micon i {
        font-size: 14px;
    }
    .card .card-header {
        display: inline-block !important;
    }
    .card .card-header .btn {
        margin-top: 12px !important;
    }
    .bg-white.border-bottom {
        border-bottom: 0 !important;
    }
    .mt-mobile-12 {
        margin-top: 12px !important;
    }
    .d-flex.align-items-center.gap-2.w-100 {
        align-items: flex-start !important;
    }
    .modal-header {
        /* http://localhost/scientia/public/founders/service_requests read more popup */
        align-items: flex-start;
    }
    .ribbon {
        font-size: 12px !important;
        --f: 0px !important;
    }
    .p-4 {
        padding: 6px !important;
    }
    a.btn.btn-sm.btn-light-brand {
        margin-top: 0 !important;
    }
    .header-transparent.header-full + .slider .slide-item {
        padding: 35px 0 !important;
    }
}

@media screen and (min-width: 993px) {
}
/* @media screen and (max-width: 1400px) {
} */