/* ============================================================
   ASWAAS MODERN UI
   Orange + White Theme
   ============================================================ */


/* ============================================================
   THEME VARIABLES
   ============================================================ */

.aswaas-modern {

    --aswaas-orange: #f58220;
    --aswaas-orange-dark: #e96f0c;
    --aswaas-orange-light: #fff1e5;

    --aswaas-sidebar: #20262d;
    --aswaas-sidebar-light: #2b333b;

    --aswaas-bg: #f6f7f9;

    --aswaas-text: #252a30;
    --aswaas-muted: #7d858d;

    --aswaas-border: #e7e9ec;

}


/* ============================================================
   BODY
   ============================================================ */

body.aswaas-modern {

    background: #f6f7f9;

    color: var(--aswaas-text);

}


/* ============================================================
   MAIN SIDEBAR WIDTH
   ============================================================ */

.aswaas-modern .main-sidebar,
.aswaas-modern .main-sidebar::before {

    width: 265px;

}


/* Content positioning */

.aswaas-modern .content-wrapper,
.aswaas-modern .main-header,
.aswaas-modern .main-footer {

    margin-left: 265px;

}


/* ============================================================
   TOP NAVBAR
   ============================================================ */

.aswaas-modern .aswaas-navbar {

    height: 60px;

    background: rgba(255,255,255,.98) !important;

    border-bottom: 1px solid #e7e8ea;

    box-shadow:
        0 3px 14px rgba(0,0,0,.045);

    position: relative;

    z-index: 1035;

}


/* Orange top line */

.aswaas-modern .aswaas-navbar::before {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    height: 3px;

    background: var(--aswaas-orange);

}


/* Navbar links */

.aswaas-modern .aswaas-navbar .nav-link {

    height: 60px;

    display: flex;

    align-items: center;

    color: #50575e !important;

    transition:
        color .2s ease,
        background .2s ease;

}


.aswaas-modern .aswaas-navbar .nav-link:hover {

    color: var(--aswaas-orange) !important;

    background: #fff8f2;

}


/* Navbar icons */

.aswaas-modern .aswaas-nav-icon {

    width: 48px;

    justify-content: center;

    font-size: 16px;

}


/* Home */

.aswaas-modern .aswaas-home-link {

    padding-left: 18px;

    padding-right: 18px;

    font-size: 14px;

    font-weight: 600;

}


/* ============================================================
   SEARCH
   ============================================================ */

.aswaas-modern .aswaas-search-block {

    background: #ffffff;

    border: 1px solid var(--aswaas-border);

    box-shadow:
        0 8px 25px rgba(0,0,0,.10);

}


.aswaas-modern .form-control-navbar {

    border: none !important;

    background: #ffffff !important;

    color: #333333 !important;

}


.aswaas-modern .btn-navbar {

    background: #ffffff !important;

    color: var(--aswaas-orange) !important;

}


/* ============================================================
   NOTIFICATION
   ============================================================ */

.aswaas-modern .aswaas-notification-link {

    position: relative;

}


.aswaas-modern .aswaas-notification-badge {

    position: absolute;

    top: 11px;

    right: 4px;

    min-width: 18px;

    height: 18px;

    padding: 0 4px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 20px;

    background: var(--aswaas-orange);

    color: #ffffff;

    font-size: 9px;

    font-weight: 700;

}


/* Notification dropdown */

.aswaas-modern .aswaas-notification-menu {

    width: 360px;

    max-width: calc(100vw - 20px);

    border: 1px solid #e4e6e8;

    border-radius: 12px;

    overflow: hidden;

    box-shadow:
        0 15px 40px rgba(0,0,0,.13);

    padding: 0 12px 10px;

}


/* Notification header */

.aswaas-modern .aswaas-notification-header {

    padding: 15px 8px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #282d32;

}


.aswaas-modern .aswaas-notification-header strong {

    display: block;

    font-size: 14px;

}


.aswaas-modern .aswaas-notification-header small {

    display: block;

    margin-top: 2px;

    color: #92979c;

    font-size: 11px;

}


.aswaas-modern .aswaas-notification-header > i {

    color: var(--aswaas-orange);

    font-size: 18px;

}


/* Alert item */

.aswaas-modern .aswaas-alert-item {

    display: flex !important;

    align-items: flex-start;

    gap: 10px;

    padding: 11px 8px !important;

    white-space: normal !important;

}


.aswaas-modern .aswaas-alert-icon {

    width: 32px;

    height: 32px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 9px;

    background: var(--aswaas-orange-light);

    color: var(--aswaas-orange);

    font-size: 12px;

}


.aswaas-modern .aswaas-alert-content {

    min-width: 0;

}


.aswaas-modern .aswaas-alert-message {

    color: #4b5157;

    font-size: 12px;

    line-height: 1.45;

}


.aswaas-modern .aswaas-alert-content small {

    display: block;

    margin-top: 3px;

    color: #a0a5aa;

    font-size: 10px;

}


/* No notification */

.aswaas-modern .aswaas-no-alert {

    min-height: 90px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    color: #a0a5aa;

    font-size: 12px;

    gap: 7px;

}


.aswaas-modern .aswaas-no-alert i {

    font-size: 22px;

}


/* Footer */

.aswaas-modern .aswaas-alert-footer {

    color: var(--aswaas-orange) !important;

    font-size: 12px !important;

    font-weight: 600;

    display: flex !important;

    justify-content: center;

    align-items: center;

    gap: 7px;

}


/* ============================================================
   SIDEBAR
   ============================================================ */

.aswaas-modern .aswaas-sidebar {

    width: 265px !important;

    background: var(--aswaas-sidebar) !important;

    box-shadow:
        4px 0 18px rgba(0,0,0,.08) !important;

    border: none !important;

}


/* Sidebar internal */

.aswaas-modern .aswaas-sidebar .sidebar {

    width: 100%;

}


/* ============================================================
   BRAND
   ============================================================ */

.aswaas-modern .aswaas-brand {

    width: 265px;

    height: 68px;

    display: flex !important;

    align-items: center;

    padding: 8px 14px !important;

    background: #1d2329;

    border-bottom:
        1px solid rgba(255,255,255,.07);

    text-decoration: none !important;

}


.aswaas-modern .aswaas-brand-logo {

    width: 43px;

    height: 43px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 10px;

    flex-shrink: 0;

}


.aswaas-modern .aswaas-brand-logo img {

    width: 42px;

    height: 42px;

    object-fit: contain;

    display: block;

}


.aswaas-modern .aswaas-brand-text {

    display: flex;

    flex-direction: column;

    min-width: 0;

}


.aswaas-modern .aswaas-brand-name {

    color: #ffffff;

    font-size: 19px;

    line-height: 20px;

    font-weight: 700;

    letter-spacing: .7px;

}


.aswaas-modern .aswaas-brand-subtitle {

    margin-top: 3px;

    color: #aab1b8;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 1.2px;

}


/* ============================================================
   USER PANEL
   ============================================================ */

.aswaas-modern .aswaas-user-panel {

    margin: 0 !important;

    padding: 16px 14px !important;

    min-height: 91px;

    border-bottom:
        1px solid rgba(255,255,255,.08);

    border-top: none !important;

}


.aswaas-modern .aswaas-user-panel .image {

    padding-left: 1px;

}


.aswaas-modern .aswaas-user-panel .image img {

    width: 42px;

    height: 42px;

    border:
        2px solid rgba(245,130,32,.75);

    padding: 1px;

}


.aswaas-modern .aswaas-user-panel .info {

    padding-left: 10px !important;

}


.aswaas-modern .aswaas-user-name {

    color: #eef1f3 !important;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none !important;

}


.aswaas-modern .aswaas-user-status {

    display: block;

    margin-top: 3px;

    color: #8e969e;

    font-size: 10px;

}


.aswaas-modern .aswaas-user-status i {

    color: #50c878;

    font-size: 6px;

    margin-right: 3px;

}


/* ============================================================
   SIDEBAR MENU
   ============================================================ */

.aswaas-modern .aswaas-sidebar-menu {

    padding: 9px 9px 25px;

}


/* Main menu item */

.aswaas-modern .aswaas-sidebar-menu .nav-item {

    margin-bottom: 2px;

}


/* Main menu link */

.aswaas-modern .aswaas-sidebar-menu .nav-link {

    min-height: 46px;

    width: 100%;

    margin: 0;

    padding: 10px 11px !important;

    display: flex;

    align-items: center;

    border-radius: 9px !important;

    color: #b8bec4 !important;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;

}


/* Hover */

.aswaas-modern .aswaas-sidebar-menu
.nav-link:hover {

    color: #ffffff !important;

    background:
        rgba(245,130,32,.10) !important;

    transform:
        translateX(2px);

}


/* ============================================================
   MENU ICON
   ============================================================ */

.aswaas-modern .aswaas-sidebar-menu
.nav-link .nav-icon {

    width: 25px;

    min-width: 25px;

    margin-right: 8px;

    color: #9ba3aa;

    font-size: 15px;

    text-align: center;

    transition:
        color .18s ease;

}


/* Hover icon */

.aswaas-modern .aswaas-sidebar-menu
.nav-link:hover .nav-icon {

    color: var(--aswaas-orange);

}


/* ============================================================
   MENU TEXT
   ============================================================ */

.aswaas-modern .aswaas-sidebar-menu
.nav-link p {

    margin: 0;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 400;

    color: inherit;

    white-space: normal;

}


/* ============================================================
   ACTIVE MENU
   ============================================================ */

.aswaas-modern .aswaas-sidebar-menu
.nav-link.active {

    color: #ffffff !important;

    background:
        linear-gradient(
            90deg,
            rgba(245,130,32,.22),
            rgba(245,130,32,.07)
        ) !important;

    box-shadow:
        inset 3px 0 0 var(--aswaas-orange);

}


.aswaas-modern .aswaas-sidebar-menu
.nav-link.active .nav-icon {

    color: var(--aswaas-orange);

}


/* ============================================================
   MENU ARROW
   ============================================================ */

.aswaas-modern .aswaas-menu-arrow {

    color: #818991 !important;

    font-size: 11px !important;

    margin-top: 2px;

}


.aswaas-modern .nav-item.menu-open >
.nav-link .aswaas-menu-arrow {

    transform: rotate(-90deg);

}


/* ============================================================
   SUBMENU
   ============================================================ */

.aswaas-modern .nav-treeview {

    padding-left: 5px;

    margin: 3px 0 5px;

}


/* Submenu link */

.aswaas-modern .nav-treeview
.nav-link {

    min-height: 40px;

    padding:
        8px 10px 8px 35px !important;

    border-radius: 7px !important;

    color: #929aa1 !important;

    font-size: 13px !important;

}


/* Submenu text */

.aswaas-modern .nav-treeview
.nav-link p {

    margin: 0;

    font-size: 13px !important;

    line-height: 1.4;

    font-weight: 400;

}


/* Submenu icon */

.aswaas-modern .nav-treeview
.nav-link .nav-icon {

    width: 20px;

    min-width: 20px;

    margin-right: 6px;

    font-size: 11px;

}


/* Submenu hover */

.aswaas-modern .nav-treeview
.nav-link:hover {

    color: #ffffff !important;

    background:
        rgba(245,130,32,.08) !important;

}


/* Submenu active */

.aswaas-modern .nav-treeview
.nav-link.active {

    color: #ffffff !important;

    background:
        rgba(245,130,32,.13) !important;

    box-shadow: none !important;

}


.aswaas-modern .nav-treeview
.nav-link.active .nav-icon {

    color: var(--aswaas-orange);

}


/* ============================================================
   LOGOUT
   ============================================================ */

.aswaas-modern .aswaas-logout-item {

    margin-top: 12px !important;

    padding-top: 11px;

    border-top:
        1px solid rgba(255,255,255,.07);

}


.aswaas-modern .aswaas-logout-item .nav-link {

    color: #d0d4d8 !important;

}


.aswaas-modern .aswaas-logout-item .nav-link:hover {

    background:
        rgba(220,53,69,.10) !important;

    color: #ff8d98 !important;

}


.aswaas-modern .aswaas-logout-item
.nav-link:hover .nav-icon {

    color: #ff6b78;

}


/* ============================================================
   CONTENT WRAPPER
   ============================================================ */

.aswaas-modern .content-wrapper {

    min-height: calc(100vh - 60px);

    background: #f6f7f9 !important;

}


/* ============================================================
   CONTENT HEADER
   ============================================================ */

.aswaas-modern .aswaas-content-header {

    padding:
        19px 0 14px;

}


.aswaas-modern .aswaas-page-title-wrapper {

    display: flex;

    align-items: center;

    gap: 11px;

}


.aswaas-modern .aswaas-page-title-icon {

    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 10px;

    background: #fff0e3;

    color: var(--aswaas-orange);

    font-size: 15px;
    margin-left:20px;

}


.aswaas-modern .aswaas-page-title {

    margin: 0 !important;

    color: #292e33;

    font-size: 21px;

    font-weight: 600;

    line-height: 1.2;

}


.aswaas-modern .aswaas-page-subtitle {

    margin-top: 3px;

    color: #9aa0a6;

    font-size: 10px;

    letter-spacing: .4px;

}


/* ============================================================
   BREADCRUMB
   ============================================================ */

.aswaas-modern .aswaas-breadcrumb {

    margin: 0 !important;

    padding: 9px 13px;

    border-radius: 8px;

    background: #ffffff;

    border: 1px solid #ebedef;

    box-shadow:
        0 2px 7px rgba(0,0,0,.025);

}


.aswaas-modern .aswaas-breadcrumb
.breadcrumb-item {

    color: #969da4;

    font-size: 11px;

}


.aswaas-modern .aswaas-breadcrumb
.breadcrumb-item a {

    color: var(--aswaas-orange);

    text-decoration: none;

}


.aswaas-modern .aswaas-breadcrumb
.breadcrumb-item a i {

    margin-right: 4px;

}


/* ============================================================
   CONTENT
   ============================================================ */

.aswaas-modern .content {

    padding-bottom: 25px;

}


/* ============================================================
   GENERAL CARD
   ============================================================ */

.aswaas-modern .card {

    border:
        1px solid #e8eaed;

    border-radius:
        12px;

    box-shadow:
        0 3px 15px rgba(25,35,45,.045);

}


.aswaas-modern .card-header {

    background:
        #ffffff;

    border-bottom:
        1px solid #eeeeee;

}


.aswaas-modern .card-title {

    color:
        #343a40;

    font-weight:
        600;

}


/* ============================================================
   BUTTONS
   ============================================================ */

.aswaas-modern .btn-primary {

    background:
        var(--aswaas-orange) !important;

    border-color:
        var(--aswaas-orange) !important;

}


.aswaas-modern .btn-primary:hover {

    background:
        var(--aswaas-orange-dark) !important;

    border-color:
        var(--aswaas-orange-dark) !important;

}


.aswaas-modern .btn-outline-primary {

    color:
        var(--aswaas-orange) !important;

    border-color:
        var(--aswaas-orange) !important;

}


.aswaas-modern .btn-outline-primary:hover {

    color:
        #ffffff !important;

    background:
        var(--aswaas-orange) !important;

}


/* ============================================================
   FORM CONTROLS
   ============================================================ */

.aswaas-modern .form-control {

    border-color:
        #dfe3e7;

}


.aswaas-modern .form-control:focus {

    border-color:
        var(--aswaas-orange);

    box-shadow:
        0 0 0 .15rem rgba(245,130,32,.12);

}


/* ============================================================
   SELECT2
   ============================================================ */

.aswaas-modern .select2-container--bootstrap-5
.select2-selection {

    border-color:
        #dfe3e7;

    border-radius:
        7px;

}


.aswaas-modern .select2-container--bootstrap-5
.select2-selection:focus,
.aswaas-modern .select2-container--bootstrap-5
.select2-selection:focus-within {

    border-color:
        var(--aswaas-orange);

    box-shadow:
        0 0 0 .15rem rgba(245,130,32,.12);

}


/* ============================================================
   TABLE
   ============================================================ */

.aswaas-modern .table {

    background:
        #ffffff;

}


.aswaas-modern .table thead th {

    background:
        #fff8f2;

    color:
        #5d6369;

    border-bottom:
        1px solid #f0e1d5;

    font-size:
        12px;

    font-weight:
        600;

}


.aswaas-modern .table tbody td {

    font-size:
        12px;

    color:
        #555c62;

    vertical-align:
        middle;

}


.aswaas-modern .table tbody tr:hover {

    background:
        #fffaf6;

}


/* ============================================================
   BADGES
   ============================================================ */

.aswaas-modern .badge-primary {

    background:
        var(--aswaas-orange) !important;

}


.aswaas-modern .badge {

    font-weight:
        500;

}


/* ============================================================
   ALERT
   ============================================================ */

.aswaas-modern .alert {

    border-radius:
        9px;

}


/* ============================================================
   FOOTER
   ============================================================ */

.aswaas-modern .main-footer {

    background:
        #ffffff;

    border-top:
        1px solid #e7e9eb;

    color:
        #90969c;

    font-size:
        11px;

    padding:
        12px 20px;

}


.aswaas-modern .main-footer b {

    color:
        #666d73;

}


/* ============================================================
   SIDEBAR SCROLLBAR
   ============================================================ */

.aswaas-modern .main-sidebar::-webkit-scrollbar,
.aswaas-modern .sidebar::-webkit-scrollbar {

    width:
        5px;

}


.aswaas-modern .main-sidebar::-webkit-scrollbar-track,
.aswaas-modern .sidebar::-webkit-scrollbar-track {

    background:
        transparent;

}


.aswaas-modern .main-sidebar::-webkit-scrollbar-thumb,
.aswaas-modern .sidebar::-webkit-scrollbar-thumb {

    background:
        rgba(255,255,255,.15);

    border-radius:
        10px;

}


.aswaas-modern .main-sidebar::-webkit-scrollbar-thumb:hover,
.aswaas-modern .sidebar::-webkit-scrollbar-thumb:hover {

    background:
        rgba(245,130,32,.45);

}


/* ============================================================
   COLLAPSED SIDEBAR
   ============================================================ */

@media (min-width: 768px) {

    .sidebar-mini.sidebar-collapse
    .main-sidebar,
    .sidebar-mini.sidebar-collapse
    .main-sidebar::before {

        margin-left:
            0;

        width:
            4.6rem;

    }


    .sidebar-mini.sidebar-collapse
    .content-wrapper,
    .sidebar-mini.sidebar-collapse
    .main-header,
    .sidebar-mini.sidebar-collapse
    .main-footer {

        margin-left:
            4.6rem;

    }


    .sidebar-mini.sidebar-collapse
    .aswaas-brand {

        width:
            4.6rem;

        padding:
            8px !important;

        justify-content:
            center;

    }


    .sidebar-mini.sidebar-collapse
    .aswaas-brand-logo {

        margin-right:
            0;

    }


    .sidebar-mini.sidebar-collapse
    .aswaas-brand-text {

        display:
            none;

    }


    .sidebar-mini.sidebar-collapse
    .aswaas-user-panel {

        justify-content:
            center;

    }

}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1100px) {

    .aswaas-modern .main-sidebar,
    .aswaas-modern .main-sidebar::before {

        width:
            245px;

    }


    .aswaas-modern .aswaas-sidebar {

        width:
            245px !important;

    }


    .aswaas-modern .aswaas-brand {

        width:
            245px;

    }


    .aswaas-modern .content-wrapper,
    .aswaas-modern .main-header,
    .aswaas-modern .main-footer {

        margin-left:
            245px;

    }


    .aswaas-modern .aswaas-sidebar-menu
    .nav-link p {

        font-size:
            13.5px;

    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767.98px) {

    .aswaas-modern .main-sidebar,
    .aswaas-modern .main-sidebar::before {

        width:
            265px;

    }


    .aswaas-modern .aswaas-sidebar {

        width:
            265px !important;

    }


    .aswaas-modern .aswaas-brand {

        width:
            265px;

    }


    .aswaas-modern .content-wrapper,
    .aswaas-modern .main-header,
    .aswaas-modern .main-footer {

        margin-left:
            0;

    }


    .aswaas-modern .aswaas-navbar {

        height:
            56px;

    }


    .aswaas-modern .aswaas-navbar .nav-link {

        height:
            56px;

    }


    .aswaas-modern .aswaas-page-title {

        font-size:
            18px;

    }


    .aswaas-modern .aswaas-page-title-icon {

        width:
            34px;

        height:
            34px;

    }


    .aswaas-modern .aswaas-breadcrumb {

        display:
            none;

    }


    .aswaas-modern .aswaas-notification-menu {

        width:
            320px;

        max-width:
            calc(100vw - 20px);

    }

}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (max-width: 480px) {

    .aswaas-modern .aswaas-home-link {

        display:
            none !important;

    }


    .aswaas-modern .aswaas-brand-name {

        font-size:
            17px;

    }


    .aswaas-modern .aswaas-brand-subtitle {

        font-size:
            7px;

    }


    .aswaas-modern .aswaas-page-subtitle {

        display:
            none;

    }


    .aswaas-modern .aswaas-sidebar-menu
    .nav-link p {

        font-size:
            14px;

    }

}

/* ============================================================
   SIDEBAR TOGGLE — FINAL ADMINLTE COMPATIBILITY FIX
   ============================================================ */

/*
 * AdminLTE controls the sidebar by adding/removing
 * `sidebar-collapse` on <body>.
 *
 * The original custom CSS changed the sidebar width but did not
 * completely override AdminLTE's sidebar behaviour. In addition,
 * the tablet media query appeared after the collapse rules and
 * could restore the expanded width.
 *
 * These rules are intentionally placed at the END of the file so
 * they win over the earlier width rules.
 */


/* ------------------------------------------------------------
   DESKTOP / TABLET — COLLAPSED = ICON RAIL
   ------------------------------------------------------------ */

@media (min-width: 768px) {

    /* Sidebar */
    body.aswaas-modern.sidebar-collapse .main-sidebar,
    body.aswaas-modern.sidebar-collapse .main-sidebar::before,
    body.aswaas-modern.sidebar-collapse .aswaas-sidebar {

        width: 4.6rem !important;
        min-width: 4.6rem !important;
        margin-left: 0 !important;

    }


    /* Keep sidebar above the page while collapsed */
    body.aswaas-modern.sidebar-collapse .main-sidebar {

        left: 0 !important;
        overflow-x: hidden;

    }


    /* Content / header / footer move left */
    body.aswaas-modern.sidebar-collapse .content-wrapper,
    body.aswaas-modern.sidebar-collapse .main-header,
    body.aswaas-modern.sidebar-collapse .main-footer {

        margin-left: 4.6rem !important;

    }


    /* Brand */
    body.aswaas-modern.sidebar-collapse .aswaas-brand {

        width: 4.6rem !important;
        min-width: 4.6rem !important;
        padding: 8px !important;
        justify-content: center !important;

    }


    body.aswaas-modern.sidebar-collapse .aswaas-brand-logo {

        margin-right: 0 !important;

    }


    body.aswaas-modern.sidebar-collapse .aswaas-brand-logo img {

        width: 40px;
        height: 40px;

    }


    body.aswaas-modern.sidebar-collapse .aswaas-brand-text {

        display: none !important;

    }


    /* User information */
    body.aswaas-modern.sidebar-collapse .aswaas-user-panel {

        padding-left: 8px !important;
        padding-right: 8px !important;
        justify-content: center !important;
        text-align: center;

    }


    body.aswaas-modern.sidebar-collapse .aswaas-user-panel .info {

        display: none !important;

    }


    body.aswaas-modern.sidebar-collapse .aswaas-user-panel .image {

        padding-left: 0 !important;
        padding-right: 0 !important;

    }


    /* Menu */
    body.aswaas-modern.sidebar-collapse
    .aswaas-sidebar-menu {

        padding-left: 8px !important;
        padding-right: 8px !important;

    }


    body.aswaas-modern.sidebar-collapse
    .aswaas-sidebar-menu .nav-link {

        width: 100% !important;
        min-height: 46px !important;
        padding: 10px 8px !important;
        justify-content: center !important;

    }


    body.aswaas-modern.sidebar-collapse
    .aswaas-sidebar-menu .nav-link .nav-icon {

        width: 30px !important;
        min-width: 30px !important;
        margin-right: 0 !important;

    }


    /* Hide menu labels in collapsed state */
    body.aswaas-modern.sidebar-collapse
    .aswaas-sidebar-menu .nav-link p {

        display: none !important;

    }


    /* Hide arrows */
    body.aswaas-modern.sidebar-collapse
    .aswaas-menu-arrow {

        display: none !important;

    }


    /* Hide submenu when collapsed */
    body.aswaas-modern.sidebar-collapse
    .aswaas-sidebar-menu .nav-treeview {

        display: none !important;

    }


    /* Logout icon */
    body.aswaas-modern.sidebar-collapse
    .aswaas-logout-item .nav-link {

        justify-content: center !important;

    }

}


/* ------------------------------------------------------------
   NAVBAR TOGGLE BUTTON
   ------------------------------------------------------------ */

.aswaas-modern .aswaas-navbar
a[data-widget="pushmenu"] {

    width: 48px !important;
    height: 60px !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    color: #50575e !important;

    position: relative;
    z-index: 1100;

    cursor: pointer;

}


.aswaas-modern .aswaas-navbar
a[data-widget="pushmenu"] i {

    font-size: 16px;
    transition: transform .2s ease,
                color .2s ease;

}


.aswaas-modern .aswaas-navbar
a[data-widget="pushmenu"]:hover {

    color: var(--aswaas-orange) !important;
    background: #fff8f2 !important;

}


.aswaas-modern .aswaas-navbar
a[data-widget="pushmenu"]:hover i {

    color: var(--aswaas-orange);

}


/* ------------------------------------------------------------
   MOBILE — ADMINLTE sidebar-open MODE
   ------------------------------------------------------------ */

@media (max-width: 767.98px) {

    /*
     * On mobile AdminLTE uses `sidebar-open`, not the desktop
     * mini/collapse state.
     */

    body.aswaas-modern .main-sidebar {

        transition: margin-left .25s ease,
                    transform .25s ease !important;

    }


    body.aswaas-modern.sidebar-open .main-sidebar {

        margin-left: 0 !important;

    }


    body.aswaas-modern:not(.sidebar-open) .main-sidebar {

        margin-left: -265px !important;

    }


    body.aswaas-modern .content-wrapper,
    body.aswaas-modern .main-header,
    body.aswaas-modern .main-footer {

        margin-left: 0 !important;

    }


    .aswaas-modern .aswaas-navbar
    a[data-widget="pushmenu"] {

        width: 48px !important;
        height: 56px !important;

    }

}


/* ------------------------------------------------------------
   TABLET COLLAPSE MUST WIN OVER THE 1100px RULE
   ------------------------------------------------------------ */

@media (min-width: 768px) and (max-width: 1100px) {

    body.aswaas-modern.sidebar-collapse .main-sidebar,
    body.aswaas-modern.sidebar-collapse .main-sidebar::before,
    body.aswaas-modern.sidebar-collapse .aswaas-sidebar {

        width: 4.6rem !important;
        min-width: 4.6rem !important;
        margin-left: 0 !important;

    }


    body.aswaas-modern.sidebar-collapse .content-wrapper,
    body.aswaas-modern.sidebar-collapse .main-header,
    body.aswaas-modern.sidebar-collapse .main-footer {

        margin-left: 4.6rem !important;

    }


    body.aswaas-modern.sidebar-collapse .aswaas-brand {

        width: 4.6rem !important;
        min-width: 4.6rem !important;

    }

}