@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* _content/ResourceManagement/Components/Components/Aside.razor.rz.scp.css */
/* Variables start */

:root[b-ogc132mtkz] {
    --light-grey: #d1d3e2;
    --md-grey: #f8f9fc;
    --dark-grey:;
}

/* Variables end */

/* Colors start */

.light-grey[b-ogc132mtkz] {
    color: var(--light-grey);
}

.md-grey[b-ogc132mtkz] {
    color: var(--md-grey);
}

.dark-grey[b-ogc132mtkz] {
}

/* Colors end */

/* BG Colors start */

.bg-light-grey[b-ogc132mtkz] {
    background-color: var(--light-grey);
}

.bg-md-grey[b-ogc132mtkz] {
    background-color: var(--md-grey);
}

.bg-dark-grey[b-ogc132mtkz] {
}

/* BG Colors end */



/* Global start */

.remove-after[b-ogc132mtkz]::after {
    content: none !important;
}

.c-container[b-ogc132mtkz] {
    width: 94%;
    margin: 0 auto;
}



.noty[b-ogc132mtkz] {
    font-size: .7rem !important;
    padding: 2px !important;
    top: 10px;
    width: 20px;
}

/* Global end */

/* Header start */
header[b-ogc132mtkz] {
    height: 80px;
}

    header img[b-ogc132mtkz] {
        width: 40px;
    }

    header button[b-ogc132mtkz] {
        background: none;
    }

/* Header end */

/* Aside start */

aside[b-ogc132mtkz] {
    width: 120px;
    height: calc(100vh - 80px);
}

.aside[b-ogc132mtkz] {
}
/* Aside end */

/* Main start */

main[b-ogc132mtkz] {
    /*width: calc(100% - 120px);*/
}

/* Dark theme styles applied directly */

/* Dark theme for body */
.dark-theme[b-ogc132mtkz] {
    background-color: #2b2b2b !important;
    color: #e0e0e0 !important;
}

    /* Dark theme for aside */
    .dark-theme aside[b-ogc132mtkz] {
        background-color: #3c3c3c !important;
        color: #e0e0e0 !important;
    }
        .dark-theme aside *[b-ogc132mtkz] {
            color: #9ea2ab !important;
        }
/* Dark theme for list items in aside */
.dark-theme .aside .list-group-item[b-ogc132mtkz] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
    border-color: #3c3c3c !important;
}

        .dark-theme .aside .list-group-item:hover[b-ogc132mtkz],
        .dark-theme .aside .list-group-item:focus[b-ogc132mtkz] {
            background-color: #bb86fc !important;
            color: #2b2b2b !important;
        }

        /* Dark theme for icons */
        .dark-theme .aside .list-group-item i[b-ogc132mtkz],
        .dark-theme .text-secondary[b-ogc132mtkz] {
            color: #e0e0e0 !important;
        }

    /* Collapse button in dark theme */
    .dark-theme [data-bs-toggle="collapse"][b-ogc132mtkz] {
        color: #e0e0e0 !important;
    }

    /* Notification badge */
    .dark-theme .noty[b-ogc132mtkz] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Dark theme for header */
    .dark-theme header[b-ogc132mtkz] {
        background-color: #3c3c3c !important;
        color: #e0e0e0 !important;
    }

        .dark-theme header button[b-ogc132mtkz],
        .dark-theme header i[b-ogc132mtkz] {
            color: #e0e0e0 !important;
        }

    /* Dark theme dropdown menu */
    .dark-theme .dropdown-menu[b-ogc132mtkz] {
        background-color: #3c3c3c !important;
        color: #e0e0e0 !important;
    }

        .dark-theme .dropdown-menu .dropdown-item:hover[b-ogc132mtkz] {
            background-color: #bb86fc !important;
            color: #2b2b2b !important;
        }

    /* Dark theme adjustments for container */
    .dark-theme .c-container[b-ogc132mtkz] {
        color: #e0e0e0 !important;
    }

/* _content/ResourceManagement/Components/Components/Form.razor.rz.scp.css */
/* Variables start */

:root[b-2nygbyigkh] {
    --light-grey: #d1d3e2;
    --md-grey: #f8f9fc;
    --dark-grey:;
}

/* Variables end */

/* Colors start */

.light-grey[b-2nygbyigkh] {
    color: var(--light-grey);
}

.md-grey[b-2nygbyigkh] {
    color: var(--md-grey);
}

.dark-grey[b-2nygbyigkh] {
}

/* Colors end */

/* BG Colors start */

.bg-light-grey[b-2nygbyigkh] {
    background-color: var(--light-grey);
}

.bg-md-grey[b-2nygbyigkh] {
    background-color: var(--md-grey);
}

.bg-dark-grey[b-2nygbyigkh] {
}

/* BG Colors end */



/* Global start */

.remove-after[b-2nygbyigkh]::after {
    content: none !important;
}

.c-container[b-2nygbyigkh] {
    width: 94%;
    margin: 0 auto;
}



.noty[b-2nygbyigkh] {
    font-size: .7rem !important;
    padding: 2px !important;
    top: 10px;
    width: 20px;
}

/* Global end */

/* Header start */
header[b-2nygbyigkh] {
    height: 80px;
    z-index: 99;
}

    header img[b-2nygbyigkh] {
        width: 40px;
        border-radius: 50%
    }

    header button[b-2nygbyigkh] {
        background: none;
    }

    header .logo img[b-2nygbyigkh]{
        border-radius: 0;
        width: 150px
    }
/* Header end */

/* Aside start */

aside[b-2nygbyigkh] {
    width: 120px;
    height: calc(100vh - 80px);
}

.aside[b-2nygbyigkh] {
}
/* Aside end */

/* Main start */

main[b-2nygbyigkh] {
    width: calc(100% - 120px);
}
/* Dark theme colors */
:root[b-2nygbyigkh] {
    --dark-background: #2b2b2b;
    --dark-surface: #3c3c3c;
    --dark-text: #e0e0e0;
    --dark-accent: #bb86fc;
}

/* Apply dark theme styles when the body has dark-theme class */
.dark-theme[b-2nygbyigkh] {
    background-color: #2b2b2b !important;
    color: #e0e0e0;
}

    /* Header dark theme */
    .dark-theme header[b-2nygbyigkh] {
        background-color: #3c3c3c !important;
    }

.dark-theme header .logo img[b-2nygbyigkh] {
    filter: brightness(3) !important;
}

.dark-theme .light-grey[b-2nygbyigkh] {
    color: #e0e0e0 !important;
}

.dark-theme .md-grey[b-2nygbyigkh] {
    color: #3c3c3c !important;
}

.dark-theme .bg-light-grey[b-2nygbyigkh] {
    background-color: #3c3c3c !important;
}

.dark-theme .bg-md-grey[b-2nygbyigkh] {
    background-color: #2b2b2b !important;
}

.dark-theme .drops button[b-2nygbyigkh],
.dark-theme .drops i[b-2nygbyigkh] {
    color: #e0e0e0 !important;
}

.dark-theme .dropdown-menu[b-2nygbyigkh] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .dropdown-menu .dropdown-item:hover[b-2nygbyigkh] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Badge and notification styles */
.dark-theme .noty[b-2nygbyigkh] {
    background-color: #bb86fc !important;
    color: #2b2b2b !important;
}

    /* Profile dropdown */
.dark-theme .profile .dropdown-menu[b-2nygbyigkh] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .profile .dropdown-menu .dropdown-item:hover[b-2nygbyigkh] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Buttons and icons */
.dark-theme header button[b-2nygbyigkh],
.dark-theme header i[b-2nygbyigkh] {
    color: #e0e0e0 !important;
}

    /* Additional global adjustments */
.dark-theme .c-container[b-2nygbyigkh] {
    color: #e0e0e0 !important;
}
/* _content/ResourceManagement/Components/Components/Header.razor.rz.scp.css */
/* Variables start */

:root[b-tbok3tvatd] {
    --light-grey: #d1d3e2;
    --md-grey: #f8f9fc;
    --dark-grey:;
}

/* Variables end */

/* Colors start */

.light-grey[b-tbok3tvatd] {
    color: var(--light-grey);
}

.md-grey[b-tbok3tvatd] {
    color: var(--md-grey);
}

.dark-grey[b-tbok3tvatd] {
}

/* Colors end */

/* BG Colors start */

.bg-light-grey[b-tbok3tvatd] {
    background-color: var(--light-grey);
}

.bg-md-grey[b-tbok3tvatd] {
    background-color: var(--md-grey);
}

.bg-dark-grey[b-tbok3tvatd] {
}

/* BG Colors end */



/* Global start */

.remove-after[b-tbok3tvatd]::after {
    content: none !important;
}

.c-container[b-tbok3tvatd] {
    width: 94%;
    margin: 0 auto;
}



.noty[b-tbok3tvatd] {
    font-size: .7rem !important;
    padding: 2px !important;
    top: 10px;
    width: 20px;
}

/* Global end */

/* Header start */
header[b-tbok3tvatd] {
    height: 80px;
    z-index: 99;
}

    header img[b-tbok3tvatd] {
        width: 40px;
        border-radius: 50%
    }

    header button[b-tbok3tvatd] {
        background: none;
    }

    header .logo img[b-tbok3tvatd]{
        border-radius: 0;
        width: 150px
    }
/* Header end */

/* Aside start */

aside[b-tbok3tvatd] {
    width: 120px;
    height: calc(100vh - 80px);
}

.aside[b-tbok3tvatd] {
}
/* Aside end */

/* Main start */

main[b-tbok3tvatd] {
    width: calc(100% - 120px);
}
/* Dark theme colors */
:root[b-tbok3tvatd] {
    --dark-background: #2b2b2b;
    --dark-surface: #3c3c3c;
    --dark-text: #e0e0e0;
    --dark-accent: #bb86fc;
}

/* Apply dark theme styles when the body has dark-theme class */
.dark-theme[b-tbok3tvatd] {
    background-color: #2b2b2b !important;
    color: #e0e0e0;
}

    /* Header dark theme */
    .dark-theme header[b-tbok3tvatd] {
        background-color: #3c3c3c !important;
    }

.dark-theme header .logo img[b-tbok3tvatd] {
    filter: brightness(3) !important;
}

.dark-theme .light-grey[b-tbok3tvatd] {
    color: #e0e0e0 !important;
}

.dark-theme .md-grey[b-tbok3tvatd] {
    color: #3c3c3c !important;
}

.dark-theme .bg-light-grey[b-tbok3tvatd] {
    background-color: #3c3c3c !important;
}

.dark-theme .bg-md-grey[b-tbok3tvatd] {
    background-color: #2b2b2b !important;
}

.dark-theme .drops button[b-tbok3tvatd],
.dark-theme .drops i[b-tbok3tvatd] {
    color: #e0e0e0 !important;
}

.dark-theme .dropdown-menu[b-tbok3tvatd] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .dropdown-menu .dropdown-item:hover[b-tbok3tvatd] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Badge and notification styles */
.dark-theme .noty[b-tbok3tvatd] {
    background-color: #bb86fc !important;
    color: #2b2b2b !important;
}

    /* Profile dropdown */
.dark-theme .profile .dropdown-menu[b-tbok3tvatd] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .profile .dropdown-menu .dropdown-item:hover[b-tbok3tvatd] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Buttons and icons */
.dark-theme header button[b-tbok3tvatd],
.dark-theme header i[b-tbok3tvatd] {
    color: #e0e0e0 !important;
}

    /* Additional global adjustments */
.dark-theme .c-container[b-tbok3tvatd] {
    color: #e0e0e0 !important;
}
/* _content/ResourceManagement/Components/Components/Modal.razor.rz.scp.css */


.title[b-ughdyq12q5] {
    border-bottom: 4px solid #ff0000;
    font-size: 2em;
}

th[b-ughdyq12q5] {
    padding: 8px;
}

.manage[b-ughdyq12q5] {
    height: 60px;
}

.manage-top[b-ughdyq12q5] {
    height: 40px;
}

    .manage i[b-ughdyq12q5], .manage-top i[b-ughdyq12q5] {
        font-size: 1.5em;
    }



@media (min-width: 200px) {
    .content[b-ughdyq12q5] {
        width: 98vw !important
    }
}

@media (min-width: 960px) {
    .content[b-ughdyq12q5] {
        width: 98% !important
    }
}
/* _content/ResourceManagement/Components/Components/RedirectToHome.razor.rz.scp.css */
/* Variables start */

:root[b-0gw4cmw9u8] {
    --light-grey: #d1d3e2;
    --md-grey: #f8f9fc;
    --dark-grey:;
}

/* Variables end */

/* Colors start */

.light-grey[b-0gw4cmw9u8] {
    color: var(--light-grey);
}

.md-grey[b-0gw4cmw9u8] {
    color: var(--md-grey);
}

.dark-grey[b-0gw4cmw9u8] {
}

/* Colors end */

/* BG Colors start */

.bg-light-grey[b-0gw4cmw9u8] {
    background-color: var(--light-grey);
}

.bg-md-grey[b-0gw4cmw9u8] {
    background-color: var(--md-grey);
}

.bg-dark-grey[b-0gw4cmw9u8] {
}

/* BG Colors end */



/* Global start */

.remove-after[b-0gw4cmw9u8]::after {
    content: none !important;
}

.c-container[b-0gw4cmw9u8] {
    width: 94%;
    margin: 0 auto;
}



.noty[b-0gw4cmw9u8] {
    font-size: .7rem !important;
    padding: 2px !important;
    top: 10px;
    width: 20px;
}

/* Global end */

/* Header start */
header[b-0gw4cmw9u8] {
    height: 80px;
    z-index: 99;
}

    header img[b-0gw4cmw9u8] {
        width: 40px;
        border-radius: 50%
    }

    header button[b-0gw4cmw9u8] {
        background: none;
    }

    header .logo img[b-0gw4cmw9u8]{
        border-radius: 0;
        width: 150px
    }
/* Header end */

/* Aside start */

aside[b-0gw4cmw9u8] {
    width: 120px;
    height: calc(100vh - 80px);
}

.aside[b-0gw4cmw9u8] {
}
/* Aside end */

/* Main start */

main[b-0gw4cmw9u8] {
    width: calc(100% - 120px);
}
/* Dark theme colors */
:root[b-0gw4cmw9u8] {
    --dark-background: #2b2b2b;
    --dark-surface: #3c3c3c;
    --dark-text: #e0e0e0;
    --dark-accent: #bb86fc;
}

/* Apply dark theme styles when the body has dark-theme class */
.dark-theme[b-0gw4cmw9u8] {
    background-color: #2b2b2b !important;
    color: #e0e0e0;
}

    /* Header dark theme */
    .dark-theme header[b-0gw4cmw9u8] {
        background-color: #3c3c3c !important;
    }

.dark-theme header .logo img[b-0gw4cmw9u8] {
    filter: brightness(3) !important;
}

.dark-theme .light-grey[b-0gw4cmw9u8] {
    color: #e0e0e0 !important;
}

.dark-theme .md-grey[b-0gw4cmw9u8] {
    color: #3c3c3c !important;
}

.dark-theme .bg-light-grey[b-0gw4cmw9u8] {
    background-color: #3c3c3c !important;
}

.dark-theme .bg-md-grey[b-0gw4cmw9u8] {
    background-color: #2b2b2b !important;
}

.dark-theme .drops button[b-0gw4cmw9u8],
.dark-theme .drops i[b-0gw4cmw9u8] {
    color: #e0e0e0 !important;
}

.dark-theme .dropdown-menu[b-0gw4cmw9u8] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .dropdown-menu .dropdown-item:hover[b-0gw4cmw9u8] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Badge and notification styles */
.dark-theme .noty[b-0gw4cmw9u8] {
    background-color: #bb86fc !important;
    color: #2b2b2b !important;
}

    /* Profile dropdown */
.dark-theme .profile .dropdown-menu[b-0gw4cmw9u8] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .profile .dropdown-menu .dropdown-item:hover[b-0gw4cmw9u8] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Buttons and icons */
.dark-theme header button[b-0gw4cmw9u8],
.dark-theme header i[b-0gw4cmw9u8] {
    color: #e0e0e0 !important;
}

    /* Additional global adjustments */
.dark-theme .c-container[b-0gw4cmw9u8] {
    color: #e0e0e0 !important;
}
/* _content/ResourceManagement/Components/Components/ThemeToggle.razor.rz.scp.css */
/* Variables start */

:root[b-8tgfk5f3ej] {
    --light-grey: #d1d3e2;
    --md-grey: #f8f9fc;
    --dark-grey:;
}

/* Variables end */

/* Colors start */

.light-grey[b-8tgfk5f3ej] {
    color: var(--light-grey);
}

.md-grey[b-8tgfk5f3ej] {
    color: var(--md-grey);
}

.dark-grey[b-8tgfk5f3ej] {
}

/* Colors end */

/* BG Colors start */

.bg-light-grey[b-8tgfk5f3ej] {
    background-color: var(--light-grey);
}

.bg-md-grey[b-8tgfk5f3ej] {
    background-color: var(--md-grey);
}

.bg-dark-grey[b-8tgfk5f3ej] {
}

/* BG Colors end */



/* Global start */

.remove-after[b-8tgfk5f3ej]::after {
    content: none !important;
}

.c-container[b-8tgfk5f3ej] {
    width: 94%;
    margin: 0 auto;
}



.noty[b-8tgfk5f3ej] {
    font-size: .7rem !important;
    padding: 2px !important;
    top: 10px;
    width: 20px;
}

/* Global end */

/* Header start */
header[b-8tgfk5f3ej] {
    height: 80px;
    z-index: 99;
}

    header img[b-8tgfk5f3ej] {
        width: 40px;
        border-radius: 50%
    }

    header button[b-8tgfk5f3ej] {
        background: none;
    }

    header .logo img[b-8tgfk5f3ej]{
        border-radius: 0;
        width: 150px
    }
/* Header end */

/* Aside start */

aside[b-8tgfk5f3ej] {
    width: 120px;
    height: calc(100vh - 80px);
}

.aside[b-8tgfk5f3ej] {
}
/* Aside end */

/* Main start */

main[b-8tgfk5f3ej] {
    width: calc(100% - 120px);
}
/* Dark theme colors */
:root[b-8tgfk5f3ej] {
    --dark-background: #2b2b2b;
    --dark-surface: #3c3c3c;
    --dark-text: #e0e0e0;
    --dark-accent: #bb86fc;
}

/* Apply dark theme styles when the body has dark-theme class */
.dark-theme[b-8tgfk5f3ej] {
    background-color: #2b2b2b !important;
    color: #e0e0e0;
}

    /* Header dark theme */
    .dark-theme header[b-8tgfk5f3ej] {
        background-color: #3c3c3c !important;
    }

.dark-theme header .logo img[b-8tgfk5f3ej] {
    filter: brightness(3) !important;
}

.dark-theme .light-grey[b-8tgfk5f3ej] {
    color: #e0e0e0 !important;
}

.dark-theme .md-grey[b-8tgfk5f3ej] {
    color: #3c3c3c !important;
}

.dark-theme .bg-light-grey[b-8tgfk5f3ej] {
    background-color: #3c3c3c !important;
}

.dark-theme .bg-md-grey[b-8tgfk5f3ej] {
    background-color: #2b2b2b !important;
}

.dark-theme .drops button[b-8tgfk5f3ej],
.dark-theme .drops i[b-8tgfk5f3ej] {
    color: #e0e0e0 !important;
}

.dark-theme .dropdown-menu[b-8tgfk5f3ej] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .dropdown-menu .dropdown-item:hover[b-8tgfk5f3ej] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Badge and notification styles */
.dark-theme .noty[b-8tgfk5f3ej] {
    background-color: #bb86fc !important;
    color: #2b2b2b !important;
}

    /* Profile dropdown */
.dark-theme .profile .dropdown-menu[b-8tgfk5f3ej] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .profile .dropdown-menu .dropdown-item:hover[b-8tgfk5f3ej] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Buttons and icons */
.dark-theme header button[b-8tgfk5f3ej],
.dark-theme header i[b-8tgfk5f3ej] {
    color: #e0e0e0 !important;
}

    /* Additional global adjustments */
.dark-theme .c-container[b-8tgfk5f3ej] {
    color: #e0e0e0 !important;
}
/* _content/ResourceManagement/Components/Layout/MainLayout.razor.rz.scp.css */
 .c-container[b-u37ii6qcjs] {
   
    min-height: 100%
}
.dark-theme .c-container[b-u37ii6qcjs] {
    background-color: #2b2b2b;
    min-height: 100%
}
main[b-u37ii6qcjs] {
    min-height: calc(100% - 120px);
    width: calc(100% - 120px) !important;
}

@media only screen and (max-width: 576px) {
    main[b-u37ii6qcjs] {
        width: 100% !important;
    }
}

/* _content/ResourceManagement/Components/Pages/Identity/ForgotPassword.razor.rz.scp.css */
/* _content/ResourceManagement/Components/Pages/Identity/Login.razor.rz.scp.css */
/* _content/ResourceManagement/Components/Pages/Identity/Register.razor.rz.scp.css */
/* _content/ResourceManagement/Components/Pages/Identity/ResetPassword.razor.rz.scp.css */
/* _content/ResourceManagement/Components/Pages/PersonelPage.razor.rz.scp.css */
/* _content/ResourceManagement/Components/Pages/ProjectPage.razor.rz.scp.css */
.search input:focus-visible[b-fjg9micupp] {
    outline-offset: unset
}
