.toast {
    opacity: 1 !important;
}

/*Pre loader start*/
#preloader-overlay {
    position: fixed;
    top: 0;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
}

.preloader-cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.preloader-spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

/*Pre loader End*/




/*Request and API Calls Loader Start*/
.request-loader {
    position: fixed;
    top: 0;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
}

.request-cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.request-spinner {
    width: 120px;
    height: 20px;
    border-radius: 20px;
    color: #206bc4;
    border: 2px solid;
    position: relative;
}

    .request-spinner::before {
        content: "";
        position: absolute;
        margin: 2px;
        inset: 0 100% 0 0;
        border-radius: inherit;
        background: #FFAC1C;
        animation: l6 8s infinite;
    }

@keyframes l6 {
    100% {
        inset: 0
    }
}



/*Request and API Calls Loader End*/


.quick-access-icon {
    --tblr-icon-size: 30px !important;
}

.navbar-icon {
    margin-right: 6px;
}

.tab-icon {
    margin-right: 6px;
}

.quick-access-link {
    cursor: pointer;
}


/*START:Custom Ajax Overlay*/
.custom-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1); /* Adjust opacity as needed */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999; /* Ensure it is above other content */
}
/*End:Custom Ajax Overlay*/





/* START: Theme Customizations*/

.standard-font {
    font-size: 16px !important;
}


/* END: Theme Customizations*/


.breadcrumb-bar {
    padding: 95px 0 15px !important;
}

/* Header toolbar: more width for actions; avoid squeezed button labels */
.header-area .header-toolbar-row {
    margin-left: 0;
    margin-right: 0;
}

.header-area .right-header-content.header-toolbar-scroll {
    overflow: visible;
}

.header-area .header-toolbar-row > .min-w-0 {
    min-width: 0;
}

/* Use flex gap instead of theme margin-right so spacing stays even when nowrap */
.header-area .right-header-content .header-toolbar-actions .header-right-item {
    margin-right: 0 !important;
}

@media (max-width: 767px) {
    .header-area .header-menu-toggle-column {
        width: 38px;
    }

    .header-area #header-burger-menu {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        color: #64748B;
    }

    .header-area #header-burger-menu .material-symbols-outlined {
        top: 0;
        font-size: 26px;
    }

    .header-area .header-secondary-action,
    .header-area .header-fullscreen-action {
        display: none;
    }

    .header-area .header-toolbar-actions {
        justify-content: flex-end !important;
        gap: 0.5rem !important;
    }

    #sidebar-area {
        z-index: 1050;
    }
}

@media (min-width: 992px) {
    .header-area .header-tenant-branch-label {
        max-width: min(26rem, 40vw);
    }
}

/* Sidebar (SimpleBar): wider scrollbar + primary blue for visibility and touch/trackpad use */
#sidebar-area .simplebar-track.simplebar-vertical {
    width: 12px;
    pointer-events: auto;
}

#sidebar-area .simplebar-scrollbar {
    width: 10px;
    right: 1px;
    min-height: 32px;
}

#sidebar-area .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 3px;
    bottom: 3px;
}

#sidebar-area .simplebar-scrollbar:before {
    background: #605DFF;
    border-radius: 6px;
}

#sidebar-area .simplebar-track .simplebar-scrollbar.simplebar-visible:before {
    opacity: 0.95;
}

#sidebar-area .simplebar-scrollbar.simplebar-visible:hover:before,
#sidebar-area .simplebar-scrollbar.simplebar-visible:active:before {
    opacity: 1;
    background: #5248e0;
}

#sidebar-area {
    display: flex;
    flex-direction: column;
}

#sidebar-area .logo {
    flex: 0 0 auto;
}

#layout-menu {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: auto;
    min-height: 0;
}

#layout-menu .sidebar-menu-scroll {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

#layout-menu .sidebar-menu-search {
    flex: 0 0 auto;
    width: 100%;
}

#layout-menu .sidebar-menu-search .form-control {
    min-height: 38px;
}