:root,
body {
    --orange-1: #fffcfa;
    --orange-2: #fff4ec;
    --orange-3: #ffe8d6;
    --orange-4: #ffd8bc;
    --orange-5: #ffcaa7;
    --orange-6: #ffba8f;
    --orange-7: #ffa065;
    --orange-8: #ff8536;
    --orange-9: #ff8233;
    --orange-10: #f27723;
    --orange-11: #cc5400;
    --orange-12: #5f2903;
    --orange-a1: #ff660005;
    --orange-a2: #ff6c0013;
    --orange-a3: #ff700029;
    --orange-a4: #ff6b0043;
    --orange-a5: #ff660058;
    --orange-a6: #ff620070;
    --orange-a7: #ff62009a;
    --orange-a8: #ff6400c9;
    --orange-a9: #ff6300cc;
    --orange-a10: #f06100dc;
    --orange-a11: #cc5400;
    --orange-a12: #5d2600fc;
    --orange-contrast: #fff;
    --orange-surface: #fff1e7cc;
    --orange-indicator: #ff8233;
    --orange-track: #ff8233;
    --gray-1: #fcfcfc;
    --gray-2: #f9f9f9;
    --gray-3: #f0f0f0;
    --gray-4: #e8e8e8;
    --gray-5: #e1e1e1;
    --gray-6: #d9d9d9;
    --gray-7: #cecece;
    --gray-8: #bbbbbb;
    --gray-9: #8c8c8c;
    --gray-10: #818181;
    --gray-11: #636363;
    --gray-12: #1f1f1f;
    --gray-a1: #00000003;
    --gray-a2: #00000006;
    --gray-a3: #0000000f;
    --gray-a4: #00000017;
    --gray-a5: #0000001e;
    --gray-a6: #00000026;
    --gray-a7: #00000031;
    --gray-a8: #00000044;
    --gray-a9: #00000073;
    --gray-a10: #0000007e;
    --gray-a11: #0000009c;
    --gray-a12: #000000e0;
    --crusta-50: var(--orange-1);
    --crusta-100: var(--orange-2);
    --crusta-200: var(--orange-4);
    --crusta-300: var(--orange-6);
    --crusta-400: var(--orange-9);
    --crusta-500: var(--orange-10);
    --crusta-600: var(--orange-11);
    --crusta-700: var(--orange-11);
    --crusta-800: var(--orange-12);
    --crusta-900: var(--orange-12);
    --crusta-950: #2a1005;
    --sanaatan-base-white: var(--gray-1);
    --sanaatan-warm-cream: var(--orange-1);
    --sanaatan-soft-parchment: var(--orange-3);
    --sanaatan-yellow: var(--orange-6);
    --sanaatan-soft-pink: var(--orange-4);
    --sanaatan-deep-purple: var(--orange-11);
    --sanaatan-gray: var(--gray-11);
    --sanaatan-ink: var(--gray-12);
    --sanaatan-quiet-sage: var(--orange-2);
    --sanaatan-warm-clay: var(--orange-9);
    --sanaatan-logo-orange: var(--orange-9);
    --sanaatan-logo-orange-deep: var(--orange-11);
    --sanaatan-logo-red: var(--orange-11);
    --sanaatan-ui-accent: var(--orange-11);
    --sanaatan-ui-accent-strong: var(--orange-12);
    --sanaatan-ui-accent-bright: var(--orange-9);
    --primary-color: var(--sanaatan-ui-accent);
    --gradient_1: var(--sanaatan-ui-accent);
    --gradient_2: var(--crusta-400);
    --gradient_3: var(--crusta-200);
    --background: var(--sanaatan-warm-cream);
    color: var(--sanaatan-ink);
}

.iks-native-table td,
.iks-native-table th {
    vertical-align: middle;
}

.iks-native-page .primary_input_field[disabled],
.iks-native-page textarea[disabled] {
    background: var(--gray-2) !important;
    color: var(--gray-11) !important;
    opacity: 1 !important;
}

.iks-status-badge {
    background: var(--orange-3);
    border: 1px solid var(--orange-6);
    border-radius: 999px;
    color: var(--orange-11);
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
}

.iks-page-note {
    color: var(--gray-11);
    font-size: 12px;
}

.iks-game-frame {
    background: #fff;
    border: 1px solid var(--gray-5);
    min-height: 720px;
    width: 100%;
}

@media (max-width: 575px) {
    .iks-game-frame {
        min-height: 560px;
    }
}

a,
.login-area a,
.heading a:hover,
.heading_main a:hover {
    color: var(--sanaatan-ui-accent);
}

.login_screen_body,
.login_resister_area,
section.login {
    background: var(--sanaatan-warm-cream) !important;
}

.login-area .form-wrap,
.main_login_form,
.login_wrapper {
    background: var(--gray-1) !important;
    border: 1px solid var(--orange-3);
    box-shadow: 0 12px 28px var(--gray-a3);
}

.login-area h5,
.main_login_form .login_header h5,
.login-area label,
.main_login_form label,
.login_wrapper h4,
.login_wrapper label {
    color: var(--sanaatan-ink) !important;
}

.login-area .form-control,
.main_login_form form .single_input input,
.login_wrapper .input-control-input {
    color: var(--sanaatan-ink) !important;
    border-color: var(--sanaatan-ui-accent) !important;
}

.login-area .form-control::placeholder,
.main_login_form form .single_input input::placeholder,
.login_wrapper .input-control-input::placeholder {
    color: var(--sanaatan-gray) !important;
}

.login-area .form-group i,
.main_login_form form .single_input span {
    color: var(--sanaatan-ui-accent) !important;
}

.logoimage,
.logo_img img,
.login_wrapper_logo img,
.sidebar .logo img,
.sidebar img[alt="logo"] {
    max-width: 190px;
    max-height: 150px;
    height: auto;
    object-fit: contain;
}

.primary-btn.fix-gr-bg,
.fix-gr-bg,
.bc-color,
.submit.primary-btn,
button.primary-btn {
    background: var(--sanaatan-ui-accent) !important;
    border-color: var(--sanaatan-ui-accent) !important;
    color: var(--sanaatan-base-white) !important;
    box-shadow: none !important;
}

.login_wrapper input[type="submit"].input-control-input {
    background: var(--sanaatan-ui-accent) !important;
    border-color: var(--sanaatan-ui-accent) !important;
    color: var(--sanaatan-base-white) !important;
}

.primary-btn.fix-gr-bg:hover,
.fix-gr-bg:hover,
.bc-color:hover,
button.primary-btn:hover,
.login_wrapper input[type="submit"].input-control-input:hover {
    background: var(--sanaatan-ui-accent-strong) !important;
    border-color: var(--sanaatan-ui-accent-strong) !important;
    color: var(--sanaatan-base-white) !important;
}

.primary-btn.tr-bg,
.tr-bg {
    background: var(--sanaatan-base-white) !important;
    border-color: var(--sanaatan-ui-accent) !important;
    color: var(--sanaatan-ui-accent) !important;
}

.admin,
.main-wrapper,
.mainbag {
    background-color: var(--sanaatan-warm-cream);
}

.white-box,
.student-details,
.single-report-admit,
.QA_section .QA_table,
.common-radio:checked + label::before,
.common-checkbox:checked + label::before {
    border-color: var(--sanaatan-soft-parchment) !important;
}

.common-radio:checked + label::after,
.common-checkbox:checked + label::after,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--sanaatan-ui-accent) !important;
}

.heading_sub,
.footer-area,
.new-footer {
    background-color: var(--sanaatan-soft-parchment);
    color: var(--sanaatan-ink);
}

.heading_main.fixed-nav,
.heading_main {
    background-color: var(--sanaatan-warm-cream);
}

.backtop,
.heading .navbar-toggler,
.heading_main .navbar-toggler {
    background: var(--sanaatan-ui-accent) !important;
    color: var(--sanaatan-base-white) !important;
}

hr {
    background: var(--sanaatan-ui-accent) !important;
}

/* Internal app surfaces */
.admin,
.main-wrapper,
#main-content,
.mainbag,
.dashboard_main_wrapper {
    background: var(--sanaatan-warm-cream) !important;
    color: var(--sanaatan-ink);
}

.sidebar {
    background: var(--crusta-950) !important;
    border-right: 1px solid var(--orange-12);
}

.sidebar,
.sidebar #sidebar_menu,
.sidebar #sidebar_menu > li,
.sidebar #sidebar_menu > li > a,
.sidebar ul li a,
.sidebar ul li a span,
.sidebar ul li a i {
    color: var(--sanaatan-base-white) !important;
}

.sidebar #sidebar_menu > li > a:hover,
.sidebar #sidebar_menu > li.mm-active > a,
.sidebar #sidebar_menu > li > a.active,
.sidebar ul li a:hover,
.sidebar ul li.mm-active > a {
    background: var(--crusta-700) !important;
    color: var(--sanaatan-base-white) !important;
}

.sidebar #sidebar_menu > li > a:hover i,
.sidebar #sidebar_menu > li.mm-active > a i,
.sidebar ul li a:hover i,
.sidebar ul li.mm-active > a i {
    color: var(--sanaatan-yellow) !important;
}

.sidebar #sidebar_menu li a.has-arrow::after,
.sidebar #sidebar_menu li a::after,
.sidebar .sidebar_menu li a::after {
    color: var(--sanaatan-yellow) !important;
}

.sidebar .menu_seperator,
.sidebar #sidebar_menu > li > a.sidebar_title,
.sidebar #sidebar_menu > li > span,
.sidebar .sidebar_menu > li > span {
    color: var(--sanaatan-yellow) !important;
}

.header_iner,
.header_iner.default,
.header_part {
    background: var(--gray-1) !important;
    border-bottom: 1px solid var(--orange-3) !important;
    box-shadow: 0 8px 20px var(--gray-a3) !important;
    color: var(--sanaatan-ink) !important;
}

.header_iner a,
.header_iner i,
.header_iner svg,
.header_iner .nice_Select,
.header_iner .serach_field-area input {
    color: var(--sanaatan-ui-accent) !important;
}

.header_iner .profile_info .profile_info_iner,
.notification_area .notification-box,
.profile_info .profile_info_iner {
    background: var(--gray-1) !important;
    border-color: var(--orange-3) !important;
}

.main-title h3,
.main-title h4,
.box_header h3,
.white-box h3,
.white_box h3,
.QA_section .QA_table .table thead th,
.primary_input_label,
.modal-title {
    color: var(--sanaatan-ui-accent) !important;
}

.white-box,
.white_box,
.box_header,
.single-report-admit,
.student-details,
.QA_section .QA_table,
.modal-content {
    background: var(--gray-1) !important;
    border: 1px solid var(--orange-3) !important;
    box-shadow: 0 10px 24px var(--gray-a3) !important;
    border-radius: 8px !important;
}

.white-box p,
.white_box p,
.QA_section .QA_table tbody td,
.QA_section .QA_table tbody td a,
.dataTables_wrapper,
.primary_input_field,
.nice_Select,
.form-control {
    color: var(--sanaatan-gray) !important;
}

.single-summery,
.single-summery.cyan,
.single-summery.violet,
.single-summery.blue,
.single-summery.fuchsia {
    color: var(--sanaatan-ink) !important;
    border: 1px solid var(--orange-6) !important;
    box-shadow: 0 16px 30px var(--gray-a4) !important;
    overflow: hidden;
    position: relative;
}

.single-summery.cyan,
.single-summery.violet,
.single-summery.blue,
.single-summery.fuchsia {
    background:
        radial-gradient(circle at 76% 92%, transparent 0 44px, var(--orange-a6) 45px 46px, transparent 47px 82px),
        radial-gradient(circle at 62% 110%, transparent 0 76px, var(--orange-a5) 77px 78px, transparent 79px 118px),
        linear-gradient(135deg, var(--orange-6) 0%, var(--orange-8) 54%, var(--orange-9) 100%) !important;
}

.single-summery h3,
.single-summery h1,
.single-summery p,
.single-summery .gradient-color2 {
    color: var(--sanaatan-ink) !important;
    -webkit-text-fill-color: var(--sanaatan-ink) !important;
    background: none !important;
    text-shadow: none !important;
    position: relative;
    z-index: 1;
}

.single-summery:hover {
    box-shadow: 0 20px 36px var(--gray-a5) !important;
}

.primary_input_field,
.form-control,
.nice_Select {
    background-color: var(--sanaatan-base-white) !important;
    border-color: var(--sanaatan-ui-accent) !important;
    border-radius: 8px !important;
}

.primary_input_field:focus,
.form-control:focus,
.nice_Select.open {
    border-color: var(--sanaatan-ui-accent) !important;
    box-shadow: 0 0 0 3px var(--sanaatan-yellow) !important;
}

.table thead th,
.QA_section .QA_table .table thead th {
    background: var(--crusta-50) !important;
    color: var(--sanaatan-ui-accent) !important;
    border-bottom-color: var(--sanaatan-ui-accent) !important;
}

.table tbody tr:hover,
.QA_section .QA_table .table tbody tr:hover {
    background: var(--crusta-50) !important;
}

.badge,
.status_btn,
.notice_date,
.unread_notification {
    background: var(--sanaatan-gray) !important;
    color: var(--sanaatan-base-white) !important;
}

.nav-tabs .nav-link.active,
.nav-pills .nav-link.active,
.school-table-style .nav-tabs .nav-link.active {
    background: var(--sanaatan-ui-accent) !important;
    border-color: var(--sanaatan-ui-accent) !important;
    color: var(--sanaatan-base-white) !important;
}

.nav-tabs .nav-link,
.nav-pills .nav-link,
.school-table-style .nav-tabs .nav-link {
    color: var(--sanaatan-ui-accent) !important;
}

.dashboard_collapse,
.primary-btn.tr-bg.dashboard_collapse {
    background: var(--sanaatan-base-white) !important;
    border-color: var(--sanaatan-ui-accent) !important;
    color: var(--sanaatan-ui-accent) !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
.nice_Select:focus-visible,
.primary-btn:focus-visible {
    outline: 3px solid var(--crusta-400) !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 5px var(--crusta-100) !important;
}

.dataTables_processing,
.preloader {
    background-color: var(--sanaatan-warm-cream) !important;
}

.dataTables_processing::before,
.dataTables_processing::after,
.preloader::before,
.preloader::after,
.loader,
.pulse-loader,
.pulse-loader::before,
.pulse-loader::after {
    border-color: var(--sanaatan-yellow) var(--sanaatan-soft-pink) var(--sanaatan-gray) var(--sanaatan-ui-accent) !important;
}

/* Local animated icon treatment inspired by animated icon packs. */
.sanaatan-motion-icon {
    align-items: center;
    border-radius: 8px;
    display: inline-flex !important;
    height: 26px;
    justify-content: center;
    line-height: 1 !important;
    min-width: 26px;
    position: relative;
    transform-origin: center;
    transition:
        background-color 180ms ease,
        box-shadow 180ms ease,
        color 180ms ease,
        transform 180ms ease;
    vertical-align: middle;
}

.sidebar .sanaatan-motion-icon {
    background: var(--sanaatan-base-white);
    color: var(--sanaatan-ui-accent) !important;
    font-size: 14px;
    margin-right: 12px;
}

.sidebar a:hover .sanaatan-motion-icon,
.sidebar a:focus-visible .sanaatan-motion-icon,
.sidebar .sanaatan-motion-icon:hover,
.sidebar .sanaatan-motion-icon:focus-visible,
.sidebar li.mm-active > a .sanaatan-motion-icon,
.sidebar #sidebar_menu > li.mm-active > a .sanaatan-motion-icon {
    background: var(--orange-9);
    box-shadow: 0 8px 18px var(--orange-a5);
    color: var(--sanaatan-base-white) !important;
}

.header_iner .sanaatan-motion-icon,
.primary-btn .sanaatan-motion-icon,
.dt-button .sanaatan-motion-icon {
    color: currentColor !important;
    min-width: 20px;
}

.primary-btn .sanaatan-motion-icon {
    margin-right: 6px;
}

@media (prefers-reduced-motion: no-preference) {
    .sidebar a:hover .sanaatan-motion-icon,
    .sidebar a:focus-visible .sanaatan-motion-icon,
    .primary-btn:hover .sanaatan-motion-icon,
    .primary-btn:focus-visible .sanaatan-motion-icon,
    .dt-button:hover .sanaatan-motion-icon,
    .dt-button:focus-visible .sanaatan-motion-icon {
        animation: sanaatan-icon-pop 520ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .sidebar li.mm-active > a .sanaatan-motion-icon,
    .sidebar #sidebar_menu > li.mm-active > a .sanaatan-motion-icon {
        animation: sanaatan-icon-breathe 2200ms ease-in-out infinite;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sanaatan-motion-icon {
        animation: none !important;
        transition: none !important;
    }
}

@keyframes sanaatan-icon-pop {
    0% {
        transform: translateY(0) scale(1);
    }

    42% {
        transform: translateY(-2px) scale(1.12) rotate(-4deg);
    }

    100% {
        transform: translateY(0) scale(1) rotate(0);
    }
}

@keyframes sanaatan-icon-breathe {
    0%,
    100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-1px) scale(1.06);
    }
}

/* Sanaatan compact sidebar rail. */
@media (min-width: 992px) {
    #sidebar.sidebar {
        background: var(--gray-3) !important;
        border: 1px solid var(--gray-1) !important;
        border-radius: 8px !important;
        box-shadow: 0 18px 42px var(--gray-a4) !important;
        color: var(--gray-12) !important;
        height: calc(100vh - 36px) !important;
        margin: 18px 0 18px 16px !important;
        overflow-x: visible !important;
        overflow-y: auto !important;
        transition:
            max-width 220ms ease,
            min-width 220ms ease,
            width 220ms ease,
            box-shadow 220ms ease !important;
        width: 230px !important;
        min-width: 230px !important;
        max-width: 230px !important;
    }

    #sidebar.sidebar.mini_sidebar {
        bottom: 18px !important;
        left: 16px !important;
        margin: 0 !important;
        max-width: 88px !important;
        min-width: 88px !important;
        overflow-x: visible !important;
        overflow-y: auto !important;
        position: fixed !important;
        top: 18px !important;
        width: 88px !important;
        z-index: 1000 !important;
    }

    #sidebar.sidebar.mini_sidebar:hover,
    #sidebar.sidebar.mini_sidebar:focus-within {
        max-width: 265px !important;
        min-width: 265px !important;
        width: 265px !important;
    }

    #sidebar.sidebar.mini_sidebar.sanaatan-sidebar-locked-compact {
        max-width: 88px !important;
        min-width: 88px !important;
        width: 88px !important;
    }

    #main-content.mini_main_content {
        margin-left: 122px !important;
        width: calc(100% - 122px) !important;
    }

    .footer-area.mini_main_content {
        margin-left: 122px !important;
        width: calc(100% - 122px) !important;
    }

    #sidebar.sidebar .sidebar-header {
        align-items: center !important;
        background: var(--gray-3) !important;
        border-bottom: 1px solid var(--gray-5) !important;
        display: flex !important;
        justify-content: center !important;
        min-height: 86px !important;
        padding: 18px 16px !important;
    }

    #sidebar.sidebar .sidebar-header a:first-child {
        align-items: center !important;
        display: flex !important;
        justify-content: center !important;
    }

    #sidebar.sidebar .sidebar-header img {
        max-height: 46px !important;
        max-width: 130px !important;
        object-fit: contain !important;
        transition: max-width 220ms ease, max-height 220ms ease !important;
    }

    #sidebar.sidebar.mini_sidebar .sidebar-header {
        min-height: 88px !important;
        padding: 16px 10px !important;
    }

    #sidebar.sidebar.mini_sidebar .sidebar-header img {
        max-height: 42px !important;
        max-width: 46px !important;
    }

    #sidebar.sidebar .sidebar_menu,
    #sidebar.sidebar #sidebar_menu {
        padding: 12px 10px 22px !important;
    }

    #sidebar.sidebar .menu_seperator {
        color: var(--gray-10) !important;
        display: block !important;
        font-size: 11px !important;
        letter-spacing: 0 !important;
        margin: 12px 0 6px !important;
        padding: 0 14px !important;
        text-transform: uppercase !important;
    }

    #sidebar.sidebar.mini_sidebar .menu_seperator {
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: 10px auto !important;
        opacity: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important;
    }

    #sidebar.sidebar #sidebar_menu li {
        color: var(--gray-12) !important;
    }

    #sidebar.sidebar #sidebar_menu li a {
        align-items: center !important;
        background: transparent !important;
        border-radius: 8px !important;
        color: var(--gray-12) !important;
        display: grid !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        gap: 10px !important;
        grid-template-columns: 30px minmax(0, 1fr) !important;
        min-height: 44px !important;
        padding: 8px 12px !important;
        position: relative !important;
        transition:
            background-color 180ms ease,
            box-shadow 180ms ease,
            color 180ms ease,
            transform 180ms ease !important;
        white-space: nowrap !important;
        width: auto !important;
    }

    #sidebar.sidebar #sidebar_menu li a span,
    #sidebar.sidebar #sidebar_menu li a i,
    #sidebar.sidebar #sidebar_menu li a.has-arrow::after {
        color: inherit !important;
    }

    #sidebar.sidebar #sidebar_menu li a::before {
        display: none !important;
    }

    #sidebar.sidebar #sidebar_menu li a:hover,
    #sidebar.sidebar #sidebar_menu li a:focus-visible,
    #sidebar.sidebar #sidebar_menu li a.sanaatan-sidebar-reveal,
    #sidebar.sidebar #sidebar_menu li.mm-active > a,
    #sidebar.sidebar #sidebar_menu li a.active {
        background: var(--orange-9) !important;
        box-shadow: 0 12px 26px var(--orange-a4) !important;
        color: var(--orange-contrast) !important;
        max-width: 100% !important;
        transform: none !important;
        width: auto !important;
    }

    #sidebar.sidebar #sidebar_menu li a:hover.has-arrow::after,
    #sidebar.sidebar #sidebar_menu li a:focus-visible.has-arrow::after,
    #sidebar.sidebar #sidebar_menu li.mm-active > a.has-arrow::after {
        color: var(--orange-contrast) !important;
    }

    #sidebar.sidebar.mini_sidebar #sidebar_menu li a,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li > a,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a:hover,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a.active,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li > a:hover,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li > a:active,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li:hover > a,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li:hover > a:hover,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li:hover > a.active,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active:hover > a {
        gap: 0 !important;
        grid-template-columns: 30px !important;
        justify-content: center !important;
        margin: 7px auto !important;
        min-height: 46px !important;
        padding: 8px !important;
        transform: none !important;
        width: 52px !important;
    }

    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu li a,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu li a,
    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a,
    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li.mm-active > a,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li.mm-active > a {
        grid-template-columns: 30px minmax(0, 1fr) !important;
        justify-content: start !important;
        margin: 7px 14px !important;
        padding: 8px 12px !important;
        width: calc(100% - 28px) !important;
    }

    #sidebar.sidebar.mini_sidebar.sanaatan-sidebar-locked-compact #sidebar_menu li a,
    #sidebar.sidebar.mini_sidebar.sanaatan-sidebar-locked-compact #sidebar_menu > li > a {
        gap: 0 !important;
        grid-template-columns: 30px !important;
        justify-content: center !important;
        left: auto !important;
        margin: 7px auto !important;
        padding: 8px !important;
        width: 52px !important;
    }

    #sidebar.sidebar.mini_sidebar #sidebar_menu > li > a:hover,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li > a:focus-visible,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li > a.sanaatan-sidebar-reveal,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li:hover > a:hover,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a:hover,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a.sanaatan-sidebar-reveal,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a:focus-visible {
        align-items: center !important;
        grid-template-columns: 30px !important;
        justify-content: start !important;
        left: 18px !important;
        margin-left: 0 !important;
        padding: 8px 14px !important;
        position: relative !important;
        width: 218px !important;
        z-index: 10003 !important;
    }

    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a:hover,
    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a:focus-visible,
    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a.sanaatan-sidebar-reveal,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a:hover,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a:focus-visible,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a.sanaatan-sidebar-reveal {
        left: auto !important;
        margin: 7px 14px !important;
        width: calc(100% - 28px) !important;
    }

    #sidebar.sidebar.mini_sidebar #sidebar_menu li a .nav_title,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a .nav_title,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a.active .nav_title,
    #sidebar.sidebar.mini_sidebar #sidebar_menu li a span:not(.sanaatan-motion-icon),
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active:hover > a .nav_title,
    #sidebar.sidebar.mini_sidebar #sidebar_menu li a.has-arrow::after,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a.has-arrow::after,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a:hover.has-arrow::after,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a.active.has-arrow::after,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li > a:hover.has-arrow::after,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active:hover > a.has-arrow::after {
        display: none !important;
    }

    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu li a .nav_title,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu li a .nav_title {
        color: inherit !important;
        display: block !important;
        font-size: 13px !important;
        height: auto !important;
        line-height: 1.25 !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    #sidebar.sidebar.mini_sidebar #sidebar_menu > li > a:hover .nav_title,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li > a:focus-visible .nav_title,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li > a.sanaatan-sidebar-reveal .nav_title,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li:hover > a:hover .nav_title,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a:hover .nav_title,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a.sanaatan-sidebar-reveal .nav_title,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a:focus-visible .nav_title {
        display: none !important;
    }

    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a::before,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a::before {
        content: none !important;
        display: none !important;
    }

    #sidebar.sidebar.mini_sidebar #sidebar_menu > li > a:hover::before,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li > a:focus-visible::before,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li > a.sanaatan-sidebar-reveal::before,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li:hover > a:hover::before,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a:hover::before,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a.sanaatan-sidebar-reveal::before,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active > a:focus-visible::before {
        color: var(--orange-contrast) !important;
        content: attr(data-sidebar-label);
        display: block !important;
        font-family: inherit !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        height: auto !important;
        left: 54px !important;
        line-height: 1.25 !important;
        min-width: 0 !important;
        opacity: 1 !important;
        overflow: hidden !important;
        position: absolute !important;
        right: 14px !important;
        text-overflow: ellipsis !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        visibility: visible !important;
        white-space: nowrap !important;
        width: calc(100% - 68px) !important;
        z-index: 2 !important;
    }

    #sidebar.sidebar.mini_sidebar.sanaatan-sidebar-locked-compact #sidebar_menu > li > a::before,
    #sidebar.sidebar.mini_sidebar.sanaatan-sidebar-locked-compact #sidebar_menu > li > a:hover::before,
    #sidebar.sidebar.mini_sidebar.sanaatan-sidebar-locked-compact #sidebar_menu > li > a.sanaatan-sidebar-reveal::before {
        content: none !important;
        display: none !important;
    }

    #sidebar.sidebar.mini_sidebar.sanaatan-sidebar-locked-compact #sidebar_menu li a .nav_title,
    #sidebar.sidebar.mini_sidebar.sanaatan-sidebar-locked-compact #sidebar_menu > li > a:hover .nav_title,
    #sidebar.sidebar.mini_sidebar.sanaatan-sidebar-locked-compact #sidebar_menu > li > a.sanaatan-sidebar-reveal .nav_title {
        display: none !important;
    }

    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a:hover::before,
    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a:focus-visible::before,
    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a.sanaatan-sidebar-reveal::before,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a:hover::before,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a:focus-visible::before,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a.sanaatan-sidebar-reveal::before {
        content: none !important;
        display: none !important;
    }

    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a .nav_title,
    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a:hover .nav_title,
    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a:focus-visible .nav_title,
    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a.sanaatan-sidebar-reveal .nav_title,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a .nav_title,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a:hover .nav_title,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a:focus-visible .nav_title,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a.sanaatan-sidebar-reveal .nav_title {
        color: inherit !important;
        display: block !important;
        font-size: 13px !important;
        height: auto !important;
        line-height: 1.25 !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a .nav_title,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a .nav_title {
        display: none !important;
    }

    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a::before,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a::before {
        color: inherit !important;
        content: attr(data-sidebar-label) !important;
        display: block !important;
        font-family: inherit !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        height: auto !important;
        left: 54px !important;
        line-height: 1.25 !important;
        opacity: 1 !important;
        overflow: hidden !important;
        position: absolute !important;
        right: 34px !important;
        text-overflow: ellipsis !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        visibility: visible !important;
        white-space: nowrap !important;
        width: calc(100% - 88px) !important;
        z-index: 2 !important;
    }

    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a:hover::before,
    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a:focus-visible::before,
    #sidebar.sidebar.mini_sidebar:hover #sidebar_menu > li > a.sanaatan-sidebar-reveal::before,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a:hover::before,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a:focus-visible::before,
    #sidebar.sidebar.mini_sidebar:focus-within #sidebar_menu > li > a.sanaatan-sidebar-reveal::before {
        color: inherit !important;
        content: attr(data-sidebar-label) !important;
        display: block !important;
        font-family: inherit !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        left: 54px !important;
        line-height: 1.25 !important;
        opacity: 1 !important;
        overflow: hidden !important;
        position: absolute !important;
        right: 34px !important;
        text-overflow: ellipsis !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        visibility: visible !important;
        white-space: nowrap !important;
        width: calc(100% - 88px) !important;
        z-index: 2 !important;
    }

    #sidebar.sidebar.mini_sidebar #sidebar_menu ul,
    #sidebar.sidebar.mini_sidebar #sidebar_menu li ul,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active ul,
    #sidebar.sidebar.mini_sidebar #sidebar_menu > li.mm-active:hover ul {
        display: none !important;
    }

    #sidebar.sidebar.mini_sidebar #sidebar_menu li a[data-sidebar-label]:hover::after,
    #sidebar.sidebar.mini_sidebar #sidebar_menu li a[data-sidebar-label]:focus-visible::after {
        background: var(--gray-12) !important;
        border: 1px solid var(--gray-10) !important;
        border-radius: 8px !important;
        box-shadow: 0 12px 30px var(--gray-a5) !important;
        color: var(--gray-1) !important;
        content: attr(data-sidebar-label);
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        left: calc(100% + 14px) !important;
        letter-spacing: 0 !important;
        line-height: 1 !important;
        padding: 10px 12px !important;
        pointer-events: none !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        white-space: nowrap !important;
        z-index: 10001 !important;
    }

    .sidebar .sanaatan-motion-icon {
        background: var(--gray-1) !important;
        border: 1px solid var(--gray-5) !important;
        box-shadow: 0 1px 2px var(--gray-a3) !important;
        color: var(--gray-12) !important;
        font-size: 14px !important;
        height: 30px !important;
        margin-right: 0 !important;
        min-width: 30px !important;
    }

    .sidebar a:hover .sanaatan-motion-icon,
    .sidebar a:focus-visible .sanaatan-motion-icon,
    .sidebar a.sanaatan-sidebar-reveal .sanaatan-motion-icon,
    .sidebar .sanaatan-motion-icon:hover,
    .sidebar .sanaatan-motion-icon:focus-visible,
    .sidebar li.mm-active > a .sanaatan-motion-icon,
    .sidebar #sidebar_menu > li.mm-active > a .sanaatan-motion-icon {
        background: var(--orange-10) !important;
        border-color: var(--orange-10) !important;
        box-shadow: 0 8px 18px var(--orange-a5) !important;
        color: var(--orange-contrast) !important;
    }

    .sanaatan-sidebar-toggle {
        align-items: center;
        background: var(--gray-1);
        border: 1px solid var(--gray-5);
        border-radius: 8px;
        box-shadow: 0 10px 26px var(--gray-a4);
        color: var(--gray-12);
        cursor: pointer;
        display: inline-flex;
        font-size: 22px;
        font-weight: 700;
        height: 34px;
        justify-content: center;
        line-height: 1;
        position: fixed;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
        transition:
            background-color 180ms ease,
            border-color 180ms ease,
            box-shadow 180ms ease,
            color 180ms ease,
            left 220ms ease;
        width: 34px;
        z-index: 1002;
    }

    #sidebar.sidebar .sanaatan-sidebar-toggle {
        left: 228px;
    }

    #sidebar.sidebar.mini_sidebar .sanaatan-sidebar-toggle {
        left: 86px;
    }

    #sidebar.sidebar.mini_sidebar:hover .sanaatan-sidebar-toggle,
    #sidebar.sidebar.mini_sidebar:focus-within .sanaatan-sidebar-toggle {
        left: 263px;
    }

    #sidebar.sidebar.mini_sidebar.sanaatan-sidebar-locked-compact .sanaatan-sidebar-toggle {
        left: 86px;
    }

    .sanaatan-sidebar-toggle:hover,
    .sanaatan-sidebar-toggle:focus-visible {
        background: var(--orange-9);
        border-color: var(--orange-9);
        box-shadow: 0 12px 26px var(--orange-a4);
        color: var(--orange-contrast);
        outline: none;
    }
}

@media (max-width: 991px) {
    .sanaatan-sidebar-toggle {
        display: none !important;
    }
}

@media (min-width: 992px) {
    #sidebar.sidebar {
        transition:
            width 320ms cubic-bezier(0.22, 1, 0.36, 1),
            min-width 320ms cubic-bezier(0.22, 1, 0.36, 1),
            max-width 320ms cubic-bezier(0.22, 1, 0.36, 1),
            box-shadow 240ms ease !important;
        will-change: width, min-width, max-width;
    }

    #sidebar.sidebar #sidebar_menu li a {
        transition:
            background-color 220ms ease,
            box-shadow 220ms ease,
            color 180ms ease,
            margin 280ms cubic-bezier(0.22, 1, 0.36, 1),
            padding 280ms cubic-bezier(0.22, 1, 0.36, 1),
            width 280ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact),
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) {
        max-width: 265px !important;
        min-width: 265px !important;
        width: 265px !important;
    }

    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a,
    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li.mm-active > a,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li.mm-active > a,
    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a:hover,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a:hover,
    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a.sanaatan-sidebar-reveal,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a.sanaatan-sidebar-reveal {
        grid-template-columns: 30px !important;
        justify-content: start !important;
        left: auto !important;
        margin: 7px 14px !important;
        padding: 8px 12px !important;
        width: calc(100% - 28px) !important;
    }

    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a .nav_title,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a .nav_title {
        display: none !important;
    }

    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a::before,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a::before,
    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a:hover::before,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a:hover::before,
    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a.sanaatan-sidebar-reveal::before,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a.sanaatan-sidebar-reveal::before {
        color: inherit !important;
        content: attr(data-sidebar-label) !important;
        display: block !important;
        font-family: inherit !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        left: 54px !important;
        line-height: 1.25 !important;
        opacity: 1 !important;
        overflow: hidden !important;
        position: absolute !important;
        right: 34px !important;
        text-overflow: ellipsis !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        visibility: visible !important;
        white-space: nowrap !important;
        width: calc(100% - 88px) !important;
        z-index: 2 !important;
    }

    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a::after,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a::after {
        display: none !important;
    }

    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a.has-arrow::after,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > a.has-arrow::after {
        color: inherit !important;
        display: block !important;
        right: 12px !important;
    }

    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li.mm-active > ul,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li.mm-active > ul,
    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > ul.mm-show,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > ul.mm-show {
        background: var(--gray-3) !important;
        border-left: 1px solid var(--gray-6) !important;
        display: block !important;
        margin: 0 14px 8px 54px !important;
        padding: 2px 0 2px 10px !important;
        position: static !important;
        width: auto !important;
    }

    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li.mm-active > ul li a,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li.mm-active > ul li a,
    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > ul.mm-show li a,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > ul.mm-show li a {
        background: transparent !important;
        color: var(--gray-12) !important;
        display: block !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        margin: 2px 0 !important;
        min-height: 32px !important;
        padding: 8px 10px !important;
        white-space: nowrap !important;
        width: 100% !important;
    }

    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li.mm-active > ul li a:hover,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li.mm-active > ul li a:hover,
    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > ul.mm-show li a:hover,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) #sidebar_menu > li > ul.mm-show li a:hover {
        background: var(--orange-2) !important;
        color: var(--orange-11) !important;
    }

    #sidebar.sidebar.mini_sidebar:hover:not(.sanaatan-sidebar-locked-compact) .sanaatan-sidebar-toggle,
    #sidebar.sidebar.mini_sidebar:focus-within:not(.sanaatan-sidebar-locked-compact) .sanaatan-sidebar-toggle {
        left: 263px !important;
    }
}