.mobile-menu-icon {
    cursor: pointer;
}

    .mobile-menu-icon svg {
        width: 25px;
        height: 25px;
    }

.mobile-logo img {
    max-width: 200px;
}

header.mobile-menu .mobile-menu-nav .main-menu {
    background: unset;
    width: unset;
    min-height: unset;
}

header.mobile-menu .mobile-menu-nav ul.sf-menu > li {
    min-width: unset;
    background: none;
}

    header.mobile-menu .mobile-menu-nav ul.sf-menu > li > a {
        color: #977E60;
        font-weight: 600;
        padding-inline: 0;
    }

header.mobile-menu .mobile-menu-nav .main-menu ul.sf-menu {
    float: none;
    display: flex;
    flex-direction: column;
}

.mobile-menu-nav {
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    height: 100vh;
    transform: translateX(100%);
    transition: transform 0.4s ease-in-out;
    z-index: 9999;
    background: #fff;
    z-index: 99999;
    padding: 30px 20px;
    overflow-y: auto;
}

    .mobile-menu-nav.active {
        transform: translateX(0);
    }

.menu-close-icon {
    cursor: pointer;
    font-weight: 600;
    font-size: 24px;
    display: flex;
    justify-content: flex-end;
}

header.mobile-menu .top-contact {
    text-align: left;
}

header.mobile-menu .change-pass-icon {
    justify-content: flex-start;
}

    header.mobile-menu .change-pass-icon img {
        filter: brightness(0) saturate(100%) invert(54%) sepia(13%) saturate(584%) hue-rotate(358deg) brightness(91%) contrast(88%);
    }

header.mobile-menu .main-menu ul ul {
    display: none !important;
    visibility: hidden !important;
    background: none;
    position: unset;
    width: unset;
}

header.mobile-menu .main-menu li.menu-open > ul {
    visibility: visible !important;
    display: flex !important;
}

header.mobile-menu .main-menu li.has-submenu > a {
    position: relative;
    padding-right: 35px;
}

    header.mobile-menu .main-menu li.has-submenu > a::after {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        width: 10px;
        height: 10px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: translateY(-65%) rotate(45deg);
        transition: transform 0.25s ease;
    }

header.mobile-menu .main-menu li.has-submenu.menu-open > a::after {
    transform: translateY(-35%) rotate(225deg);
}

header.mobile-menu .mobile-menu-nav ul.sf-menu > li > a:focus {
    outline: 0 !important;
    outline-offset: unset;
}

header.mobile-menu .mobile-menu-nav ul.sf-menu > li > a.sf-with-ul > span.sf-sub-indicator {
    display: none;
}

header.mobile-menu .header-div {
    flex-direction: unset !important;
    align-items: center !important;
}

body:has(.has-viewport) header,
body:has(.has-viewport) nav.dekstop-nav,
body:has(.has-viewport) #content,
body:has(.has-viewport) .whiteblock,
body:has(.has-viewport) .container_12,
body:has(.has-viewport) .container_12 .grid_12,
body:has(.has-viewport) footer {
    max-width: 1080px !important;
    width: 100% !important;
}

    body:has(.has-viewport) .container_12 .grid_12 {
        margin: 0;
    }

body:has(.has-viewport) {
    min-width: unset;
}

header.mobile-menu {
    display: none;
}

body:has(.login-form-wrapper) .mobile-menu-icon {
    display: none;
}


@media (max-width:992px) {
    body:has(.login-form-wrapper) .dekstop-menu .header-div .logo,
    body:has(.has-viewport) .dekstop-menu .header-div .logo {
        display: none;
    }

    body:has(.login-form-wrapper) .dekstop-menu .header-div .top-contact,
    body:has(.has-viewport) .dekstop-menu .header-div .top-contact {
        display: none;
    }

    body:has(.login-form-wrapper) header.mobile-menu,
    body:has(.has-viewport) header.mobile-menu {
        display: block;
    }

    body:has(.login-form-wrapper) nav.main-menu.dekstop-nav,
    body:has(.has-viewport) nav.main-menu.dekstop-nav {
        display: none;
    }

    body:has(.has-viewport) .bg-glow,
    body:has(.login-form-wrapper) .bg-glow {
        padding-top: 0;
    }

    .home-btn-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    body:has(.has-viewport) header.dekstop-menu .header-div {
        justify-content: end;
    }

    /*    body:has(.has-viewport) .dataTables_wrapper {
        overflow-x: auto;
    }*/

    body:has(.has-viewport) .warehouse-ship-table tr th,
    body:has(.has-viewport) .warehouse-ship-table tr td {
        white-space: nowrap;
    }

    .warehouse-ship-table {
        overflow-x: auto;
        display: block;
    }

    #selectedevents {
        width: 100%;
    }

    .search_button, .k12clayform input.search_button,
    .search_button2 {
        font-size: 12px;
        padding: 4px 6px
    }

    .responsive-row {
        display: flex;
        flex-direction: column;
        margin: 0;
        gap: 5px;
    }

        .responsive-row .col-xs-6,
        .responsive-row .col-xs-12 {
            width: 100%;
            padding: 0;
            text-align: left;
        }

    .event-table-wrap {
        overflow: hidden !important;
        margin: 0;
    }

        .event-table-wrap .col-xs-12 {
            padding: 0;
        }

    .event-table {
        margin-top: 30px !important;
        overflow: auto;
        display: block;
        border: none !important;
    }

    body:has(.has-viewport) .row {
        margin: 0 !important;
        width: 100% !important;
    }

        body:has(.has-viewport) .row .display-flex {
            flex-direction: column;
            align-items: flex-start;
        }

    .responsive-row .btn-margin {
        margin: 10px 0 !important;
        margin-right: 10px !important;
        display: block;
        width: max-content;
    }

    .gap-4 {
        gap: 16px;
    }

    .responsive-row:before,
    .responsive-row:after {
        content: none;
    }

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

    .responsive-row .MsoListParagraphCxSpFirst,
    .responsive-row .MsoListParagraphCxSpMiddle,
    .responsive-row .MsoListParagraphCxSpLast {
        text-indent: unset !important;
    }

        .responsive-row .MsoListParagraphCxSpMiddle[style*="margin-left"],
        .responsive-row .MsoListParagraphCxSpLast[style*="margin-left"] {
            margin-left: 30px !important;
        }

    .col-lg-12:has(.main_box_wrapper) {
        overflow-x: auto;
    }

    .documents-section table,
    .shipment-1-table table {
        table-layout: auto;
        white-space: nowrap;
        /*        display: block;
        overflow: auto;*/
    }

        .shipment-1-table table td .flex {
            display: block;
        }

    .teacher_home_options .row,
    .teacher_home_options .row .col-lg-12:has(.main_box_wrapper) {
        padding-inline: 0 !important;
    }

    .col-0,
    .responsive-row .col-sm-6,
    .responsive-row .col-md-5,
    .responsive-row .col-md-7,
    .responsive-row .col-md-4,
    .responsive-row .col-md-1,
    .responsive-row .col-md-6,
    .teacher_school .col-sm-6,
    .teacher_school .col-md-5,
    .teacher_school .col-md-7,
    .teacher_school .col-sm-12,
    .teacher_school .col-md-2,
    .teacher_school .col-md-10,
    .responsive-row .col-md-2,
    .responsive-row .col-md-9 {
        padding-inline: 0;
    }

    .responsive-check {
        display: block !important;
    }

    body:has(.has-viewport) .row:has(hr) {
        display: block;
    }

    .teacher_school .row {
        display: flex;
        flex-direction: column;
        padding: 0;
        gap: 5px;
    }

    res-d-flex {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .user-details-main .responsive-row {
        padding-block: 0;
    }

    .responsive-row .line5 {
        width: 100% !important;
    }

    .add_student_table tbody tr {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

        .add_student_table tbody tr td input,
        .responsive-row select,
        .responsive-row input {
            width: 100% !important;
        }

    .responsive-row .responsive-check input {
        width: auto !important;
    }

    .res-d-flex {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .res-d-flex:before,
        .res-d-flex:after {
            content: none !important;
        }

    .shipment-detail:has(.shipment-responsive-table) {
        width: 773px;
        overflow-x: auto;
    }

    .confirm-status-table {
        overflow-x: auto;
    }

        .confirm-status-table table {
            table-layout: fixed !important;
        }

    table.confirm-status tr td {
        width: 150px;
        text-align: center;
    }

    .shipment-row {
        flex-direction: column;
        gap: 20px;
    }

        .shipment-row .shipment-block {
            border: 1px solid !important;
        }

            .shipment-row .shipment-block .col-md-6 + .col-md-6 {
                padding-top: 12px;
            }

    body:has(.login-form-wrapper) input#UserName,
    body:has(.login-form-wrapper) input#Password {
        width: 100%;
    }

    body:has(.login-form-wrapper) .k12clayform label {
        padding-left: 0;
    }

    body:has(.has-viewport) .dataTable {
        table-layout: auto;
        display: block;
        overflow-x: auto;
        width: auto !important;
    }
}