/* Desktop Menu */
    .st-header {
        display: block;
        position: sticky;
        top: 0;
        z-index: 20;
    }
    .stDynamicPadding {
        top: 3rem !important;
        position: relative !important;
        padding-bottom: 4rem !important;
    }
    main.container {
        padding-top: 13rem !important;
    }
    .st-sidebar-checklist {
        margin-top: 0px !important;
    }
    .st-content-w-bcrumb .bcrumb {
        padding-top: 9rem !important;
    }
	.st-nav-report {
		top: 7.7rem !important;
		height: 37px;
	}
    #nav-tab-content {
        width: 100%;
    }
    .mobile-menu-combined {
        display: flex;
    }
    .mobile-menu-hidden {
        display: none !important;
    }
    div[id^="GridRootCtnr_"] {
        display: flex;
        flex-direction: column;
    }
    @media (min-width: 768px) {
        #nav-tab-content {
            top: 0px !important;
        }
        .mobile-menu-combined {
            display: flex !important;
            transform: none;
            z-index: 10;
            position: relative;
        }
    }
    @media (min-width: 926px) {
        .mobile-menu-combined {
            display: flex !important;
            transform: none !important;
        }
    }
    .navbarBanner {
        height: 40px;
        width: 100%;
        display: block;
        position: relative;
        /* top: 160px; */
        color: white;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        display: none;
        z-index: 25;
    }
    .nav-row {
        display: flex;
        flex-wrap: wrap;
        padding: 0 4px;
    }
    .nav-column {
        flex: 50%;
        flex-flow: row;
        flex-wrap: nowrap;
        display: flex;
        align-items: center;
        padding: 0 4px;
    }
    #nav-column-3 {
        display: none;
    }

    /* Nav Menu Icon */
    .nav-menu-icon {
        scale: 36%;
        width: 60px;
        height: 36px;
        position: relative;
        transform: rotate(0deg);
        transition: .5s ease-in-out;
        cursor: pointer;
        margin-left: auto;
    }
    .nav-menu-icon span {
        display: block;
        position: absolute;
        height: 6px;
        width: 100%;
        max-width: 60px;
        background: #fff;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
    }
    .nav-menu-icon span:nth-child(1) {
        top: 0px;
    }
    .nav-menu-icon span:nth-child(2), .nav-menu-icon span:nth-child(3) {
        top: 18px;
    }
    .nav-menu-icon span:nth-child(4) {
       top: 36px;
    }
    .nav-menu-icon.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    .nav-menu-icon.open span:nth-child(2) {
        transform: rotate(45deg);
        background: #D1B55F;
    }
    .nav-menu-icon.open span:nth-child(3) {
       transform: rotate(-45deg);
       background: #D1B55F;
    }
    .nav-menu-icon.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }

    /* Mobile Menu */
    @media (max-width: 1250px) {
        .nav-row {
            flex-wrap: wrap !important;
            justify-content: center;
        }
        .nav-column {
            flex: 100%;
            max-width: 100%;
            justify-content: center;
            padding: 0px;
        }
        .st-sidebar-checklist {
            margin-top: 30px !important;
        }
        .st-content-w-bcrumb .bcrumb {
            padding-top: 12rem !important;
        }
        .st-nav-report {
            top: 8.9rem !important;
        }
        #nav-user-fullname {
            width: auto;
        }
        #nav-tab-content {
            padding-top: 96px !important;
        }
        #nav-home-tab {
            padding: 60px 0 0 0 !important;
        }
        .navbarBanner {
            /* top: 180px; */
        }
        .navbar-expand-md {
            justify-content: center !important;
        }
        .navbar-collapse {
            flex-grow: 0;
            transition: all 0.3s ease;
        }
    }
    @media (max-width: 925px) {
        .navbarBanner {
            display: none !important;
        }
    }
    @media (max-width: 910px) {
        .st-submenu-container {
            white-space: nowrap;
        }
        .st-submenu-container a {
            padding: 6px 16px;
        }
        #nav-SA-tab {
            letter-spacing: -0.06em;
        }
    }
    @media (max-width: 767px) {
        .st-submenu-container {
            white-space: normal;
        }
        .st-nav-report {
            top: -2.5rem !important;
        }
        .st-sidebar-checklist {
            margin-top: 0px !important;
        }
        main.container, .st-title {
            padding-top: 2rem !important;
            top: 0rem;
        }
        .st-content-w-bcrumb .bcrumb {
            padding-top: 3rem !important;
        }
        #nav-column-1 {
            justify-content: flex-start !important;
            flex: 28%;
        }
        #nav-column-2 {
            justify-content: center !important;
            flex: 28%;
        }
        #nav-column-3 {
            display: flex;
            justify-content: flex-end;
            flex: 0%;
        }
        #nav-user-fullname {
            white-space: nowrap;
            padding-right: 0px;
        }
        .help-text {
            display: none !important;
        }
        .navbar {
            flex-direction: column;
        }
        button.nav-link {
            border-radius: 0px !important;
            width: 100% !important;
            height: 40px !important;
            padding: 0px !important;
            border: 1px solid #45367d2b !important;
            border-bottom-style: solid;
        }
        .st-main-navbar {
        min-height: 60px;
        background-color: #372766 !important;
        }
        .st-submenu {
            width: 100%;
        }
        .text-right {
            text-align: center !important;
        }
        .st-submenu a {
            width: 100%;
            height: 40px;
            border: 1px solid #45367d2b !important;
        }
        .fixed-top {
            position: relative;
        }
        #nav-home-tab {
            top: 0px !important;
        }
        #nav-home-tab, #nav-tab-content {
            padding: 0px !important;
            width:100%;
            margin: 0px !important;
        }
        .mobile-menu-combined {
            display: none;
            position: relative;
            top: 0;
            left: 0;
            z-index: 10;
            transform: translateY(-100%);
            transition: 0.3s ease;
        }
        .mobile-menu-combined.active {
            display: flex;
            transform: translateY(0);
            flex-direction: column;
            flex-wrap: nowrap;
        }
        .navbar-nav {
            flex-direction: row;
            justify-content: center;
            padding-top: 7px;
            padding-bottom: 3px;
        }
        #navbar .dropdown-menu {
            position: absolute;
        }
        .collapse:not(.show) {
            display: none !important;
        }
        #nav-SA-tab {
            letter-spacing: 0em;
        }
    }
    @media (max-width: 635px) {
        #nav-user-fullname {
            white-space: normal;
        }
    }
    @media (max-width: 582px) {
        .nav-item {
            flex: 0 0 25% !important;
            padding: 0px;
        }
        .mobile-icon-row {
            flex-wrap: nowrap !important;
            align-items: center;
        }
        .mobile-menu-icon {
            width: 66px;
            display: block;
            padding: 0.25rem 1rem;
            text-align: center;
        }
    }
    @media (max-width: 575px) {
        .navbar>.container-fluid {
            flex-wrap: nowrap;
        }
        .st-header .dropdown-menu {
            left: -50%;
        }
    }
    @media (max-width: 516px) {
        .navbar {
            padding: .5rem 2rem;
        }
        .st-link {
            padding: 0.25rem 0rem;
        }
        .col {
            padding: 0px;
        }
        .navbar-brand {
            margin-right: 0px;
        }
    }
    @media (max-width: 342px) {
        .st-link {
            min-width: 40px;
        }
    }
    @media (max-width: 310px) {
        .st-content-wrapper {
            flex-wrap: wrap;
        }
    }
    /* Adjust sub-tabs to fill entire row */
    @media (min-width: 1250px) {
        .tab-pane.st-submenu.active{
            width: 100%;
            background: #E4E5E6;
        }
    }
    /* Set white color and center for sub-tabs */
    @media (max-width: 1250px) {
        .tab-pane.st-submenu.active{
            width: 100%;
            background: #E4E5E6;
            display: flex;
            justify-content: center;
        }
    }