@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* /Components/Components/Aside.razor.rz.scp.css */
/* Variables start */

:root[b-pnjczcmmov] {
    --light-grey: #d1d3e2;
    --md-grey: #f8f9fc;
    --dark-grey:;
}

/* Variables end */

/* Colors start */

.light-grey[b-pnjczcmmov] {
    color: var(--light-grey);
}

.md-grey[b-pnjczcmmov] {
    color: var(--md-grey);
}

.dark-grey[b-pnjczcmmov] {
}

/* Colors end */

/* BG Colors start */

.bg-light-grey[b-pnjczcmmov] {
    background-color: var(--light-grey);
}

.bg-md-grey[b-pnjczcmmov] {
    background-color: var(--md-grey);
}

.bg-dark-grey[b-pnjczcmmov] {
}

/* BG Colors end */



/* Global start */

.remove-after[b-pnjczcmmov]::after {
    content: none !important;
}

.c-container[b-pnjczcmmov] {
    width: 94%;
    margin: 0 auto;
}



.noty[b-pnjczcmmov] {
    font-size: .7rem !important;
    padding: 2px !important;
    top: 10px;
    width: 20px;
}

/* Global end */

/* Header start */
header[b-pnjczcmmov] {
    height: 80px;
}

    header img[b-pnjczcmmov] {
        width: 40px;
    }

    header button[b-pnjczcmmov] {
        background: none;
    }

/* Header end */

/* Aside start */

aside[b-pnjczcmmov] {
    width: 120px;
    height: calc(100vh - 80px);
}

.aside[b-pnjczcmmov] {
}
/* Aside end */

/* Main start */

main[b-pnjczcmmov] {
    /*width: calc(100% - 120px);*/
}

/* Dark theme styles applied directly */

/* Dark theme for body */
.dark-theme[b-pnjczcmmov] {
    background-color: #2b2b2b !important;
    color: #e0e0e0 !important;
}

    /* Dark theme for aside */
    .dark-theme aside[b-pnjczcmmov] {
        background-color: #3c3c3c !important;
        color: #e0e0e0 !important;
    }
        .dark-theme aside *[b-pnjczcmmov] {
            color: #9ea2ab !important;
        }
/* Dark theme for list items in aside */
.dark-theme .aside .list-group-item[b-pnjczcmmov] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
    border-color: #3c3c3c !important;
}

        .dark-theme .aside .list-group-item:hover[b-pnjczcmmov],
        .dark-theme .aside .list-group-item:focus[b-pnjczcmmov] {
            background-color: #bb86fc !important;
            color: #2b2b2b !important;
        }

        /* Dark theme for icons */
        .dark-theme .aside .list-group-item i[b-pnjczcmmov],
        .dark-theme .text-secondary[b-pnjczcmmov] {
            color: #e0e0e0 !important;
        }

    /* Collapse button in dark theme */
    .dark-theme [data-bs-toggle="collapse"][b-pnjczcmmov] {
        color: #e0e0e0 !important;
    }

    /* Notification badge */
    .dark-theme .noty[b-pnjczcmmov] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Dark theme for header */
    .dark-theme header[b-pnjczcmmov] {
        background-color: #3c3c3c !important;
        color: #e0e0e0 !important;
    }

        .dark-theme header button[b-pnjczcmmov],
        .dark-theme header i[b-pnjczcmmov] {
            color: #e0e0e0 !important;
        }

    /* Dark theme dropdown menu */
    .dark-theme .dropdown-menu[b-pnjczcmmov] {
        background-color: #3c3c3c !important;
        color: #e0e0e0 !important;
    }

        .dark-theme .dropdown-menu .dropdown-item:hover[b-pnjczcmmov] {
            background-color: #bb86fc !important;
            color: #2b2b2b !important;
        }

    /* Dark theme adjustments for container */
    .dark-theme .c-container[b-pnjczcmmov] {
        color: #e0e0e0 !important;
    }

/* /Components/Components/Form.razor.rz.scp.css */
/* Variables start */

:root[b-929q8y3fe9] {
    --light-grey: #d1d3e2;
    --md-grey: #f8f9fc;
    --dark-grey:;
}

/* Variables end */

/* Colors start */

.light-grey[b-929q8y3fe9] {
    color: var(--light-grey);
}

.md-grey[b-929q8y3fe9] {
    color: var(--md-grey);
}

.dark-grey[b-929q8y3fe9] {
}

/* Colors end */

/* BG Colors start */

.bg-light-grey[b-929q8y3fe9] {
    background-color: var(--light-grey);
}

.bg-md-grey[b-929q8y3fe9] {
    background-color: var(--md-grey);
}

.bg-dark-grey[b-929q8y3fe9] {
}

/* BG Colors end */



/* Global start */

.remove-after[b-929q8y3fe9]::after {
    content: none !important;
}

.c-container[b-929q8y3fe9] {
    width: 94%;
    margin: 0 auto;
}



.noty[b-929q8y3fe9] {
    font-size: .7rem !important;
    padding: 2px !important;
    top: 10px;
    width: 20px;
}

/* Global end */

/* Header start */
header[b-929q8y3fe9] {
    height: 80px;
    z-index: 99;
}

    header img[b-929q8y3fe9] {
        width: 40px;
        border-radius: 50%
    }

    header button[b-929q8y3fe9] {
        background: none;
    }

    header .logo img[b-929q8y3fe9]{
        border-radius: 0;
        width: 150px
    }
/* Header end */

/* Aside start */

aside[b-929q8y3fe9] {
    width: 120px;
    height: calc(100vh - 80px);
}

.aside[b-929q8y3fe9] {
}
/* Aside end */

/* Main start */

main[b-929q8y3fe9] {
    width: calc(100% - 120px);
}
/* Dark theme colors */
:root[b-929q8y3fe9] {
    --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-929q8y3fe9] {
    background-color: #2b2b2b !important;
    color: #e0e0e0;
}

    /* Header dark theme */
    .dark-theme header[b-929q8y3fe9] {
        background-color: #3c3c3c !important;
    }

.dark-theme header .logo img[b-929q8y3fe9] {
    filter: brightness(3) !important;
}

.dark-theme .light-grey[b-929q8y3fe9] {
    color: #e0e0e0 !important;
}

.dark-theme .md-grey[b-929q8y3fe9] {
    color: #3c3c3c !important;
}

.dark-theme .bg-light-grey[b-929q8y3fe9] {
    background-color: #3c3c3c !important;
}

.dark-theme .bg-md-grey[b-929q8y3fe9] {
    background-color: #2b2b2b !important;
}

.dark-theme .drops button[b-929q8y3fe9],
.dark-theme .drops i[b-929q8y3fe9] {
    color: #e0e0e0 !important;
}

.dark-theme .dropdown-menu[b-929q8y3fe9] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .dropdown-menu .dropdown-item:hover[b-929q8y3fe9] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Badge and notification styles */
.dark-theme .noty[b-929q8y3fe9] {
    background-color: #bb86fc !important;
    color: #2b2b2b !important;
}

    /* Profile dropdown */
.dark-theme .profile .dropdown-menu[b-929q8y3fe9] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .profile .dropdown-menu .dropdown-item:hover[b-929q8y3fe9] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Buttons and icons */
.dark-theme header button[b-929q8y3fe9],
.dark-theme header i[b-929q8y3fe9] {
    color: #e0e0e0 !important;
}

    /* Additional global adjustments */
.dark-theme .c-container[b-929q8y3fe9] {
    color: #e0e0e0 !important;
}
/* /Components/Components/Header.razor.rz.scp.css */
/* Variables start */

:root[b-3dmpkci257] {
    --light-grey: #d1d3e2;
    --md-grey: #f8f9fc;
    --dark-grey:;
}

/* Variables end */

/* Colors start */

.light-grey[b-3dmpkci257] {
    color: var(--light-grey);
}

.md-grey[b-3dmpkci257] {
    color: var(--md-grey);
}

.dark-grey[b-3dmpkci257] {
}

/* Colors end */

/* BG Colors start */

.bg-light-grey[b-3dmpkci257] {
    background-color: var(--light-grey);
}

.bg-md-grey[b-3dmpkci257] {
    background-color: var(--md-grey);
}

.bg-dark-grey[b-3dmpkci257] {
}

/* BG Colors end */



/* Global start */

.remove-after[b-3dmpkci257]::after {
    content: none !important;
}

.c-container[b-3dmpkci257] {
    width: 94%;
    margin: 0 auto;
}



.noty[b-3dmpkci257] {
    font-size: .7rem !important;
    padding: 2px !important;
    top: 10px;
    width: 20px;
}

/* Global end */

/* Header start */
header[b-3dmpkci257] {
    height: 80px;
    z-index: 99;
}

    header img[b-3dmpkci257] {
        width: 40px;
        border-radius: 50%
    }

    header button[b-3dmpkci257] {
        background: none;
    }

    header .logo img[b-3dmpkci257]{
        border-radius: 0;
        width: 150px
    }
/* Header end */

/* Aside start */

aside[b-3dmpkci257] {
    width: 120px;
    height: calc(100vh - 80px);
}

.aside[b-3dmpkci257] {
}
/* Aside end */

/* Main start */

main[b-3dmpkci257] {
    width: calc(100% - 120px);
}
/* Dark theme colors */
:root[b-3dmpkci257] {
    --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-3dmpkci257] {
    background-color: #2b2b2b !important;
    color: #e0e0e0;
}

    /* Header dark theme */
    .dark-theme header[b-3dmpkci257] {
        background-color: #3c3c3c !important;
    }

.dark-theme header .logo img[b-3dmpkci257] {
    filter: brightness(3) !important;
}

.dark-theme .light-grey[b-3dmpkci257] {
    color: #e0e0e0 !important;
}

.dark-theme .md-grey[b-3dmpkci257] {
    color: #3c3c3c !important;
}

.dark-theme .bg-light-grey[b-3dmpkci257] {
    background-color: #3c3c3c !important;
}

.dark-theme .bg-md-grey[b-3dmpkci257] {
    background-color: #2b2b2b !important;
}

.dark-theme .drops button[b-3dmpkci257],
.dark-theme .drops i[b-3dmpkci257] {
    color: #e0e0e0 !important;
}

.dark-theme .dropdown-menu[b-3dmpkci257] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .dropdown-menu .dropdown-item:hover[b-3dmpkci257] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Badge and notification styles */
.dark-theme .noty[b-3dmpkci257] {
    background-color: #bb86fc !important;
    color: #2b2b2b !important;
}

    /* Profile dropdown */
.dark-theme .profile .dropdown-menu[b-3dmpkci257] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .profile .dropdown-menu .dropdown-item:hover[b-3dmpkci257] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Buttons and icons */
.dark-theme header button[b-3dmpkci257],
.dark-theme header i[b-3dmpkci257] {
    color: #e0e0e0 !important;
}

    /* Additional global adjustments */
.dark-theme .c-container[b-3dmpkci257] {
    color: #e0e0e0 !important;
}
/* /Components/Components/Modal.razor.rz.scp.css */


.title[b-omstqpunt3] {
    border-bottom: 4px solid #ff0000;
    font-size: 2em;
}

th[b-omstqpunt3] {
    padding: 8px;
}

.manage[b-omstqpunt3] {
    height: 60px;
}

.manage-top[b-omstqpunt3] {
    height: 40px;
}

    .manage i[b-omstqpunt3], .manage-top i[b-omstqpunt3] {
        font-size: 1.5em;
    }



@media (min-width: 200px) {
    .content[b-omstqpunt3] {
        width: 98vw !important
    }
}

@media (min-width: 960px) {
    .content[b-omstqpunt3] {
        width: 98% !important
    }
}
/* /Components/Components/RedirectToHome.razor.rz.scp.css */
/* Variables start */

:root[b-neoec3vbko] {
    --light-grey: #d1d3e2;
    --md-grey: #f8f9fc;
    --dark-grey:;
}

/* Variables end */

/* Colors start */

.light-grey[b-neoec3vbko] {
    color: var(--light-grey);
}

.md-grey[b-neoec3vbko] {
    color: var(--md-grey);
}

.dark-grey[b-neoec3vbko] {
}

/* Colors end */

/* BG Colors start */

.bg-light-grey[b-neoec3vbko] {
    background-color: var(--light-grey);
}

.bg-md-grey[b-neoec3vbko] {
    background-color: var(--md-grey);
}

.bg-dark-grey[b-neoec3vbko] {
}

/* BG Colors end */



/* Global start */

.remove-after[b-neoec3vbko]::after {
    content: none !important;
}

.c-container[b-neoec3vbko] {
    width: 94%;
    margin: 0 auto;
}



.noty[b-neoec3vbko] {
    font-size: .7rem !important;
    padding: 2px !important;
    top: 10px;
    width: 20px;
}

/* Global end */

/* Header start */
header[b-neoec3vbko] {
    height: 80px;
    z-index: 99;
}

    header img[b-neoec3vbko] {
        width: 40px;
        border-radius: 50%
    }

    header button[b-neoec3vbko] {
        background: none;
    }

    header .logo img[b-neoec3vbko]{
        border-radius: 0;
        width: 150px
    }
/* Header end */

/* Aside start */

aside[b-neoec3vbko] {
    width: 120px;
    height: calc(100vh - 80px);
}

.aside[b-neoec3vbko] {
}
/* Aside end */

/* Main start */

main[b-neoec3vbko] {
    width: calc(100% - 120px);
}
/* Dark theme colors */
:root[b-neoec3vbko] {
    --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-neoec3vbko] {
    background-color: #2b2b2b !important;
    color: #e0e0e0;
}

    /* Header dark theme */
    .dark-theme header[b-neoec3vbko] {
        background-color: #3c3c3c !important;
    }

.dark-theme header .logo img[b-neoec3vbko] {
    filter: brightness(3) !important;
}

.dark-theme .light-grey[b-neoec3vbko] {
    color: #e0e0e0 !important;
}

.dark-theme .md-grey[b-neoec3vbko] {
    color: #3c3c3c !important;
}

.dark-theme .bg-light-grey[b-neoec3vbko] {
    background-color: #3c3c3c !important;
}

.dark-theme .bg-md-grey[b-neoec3vbko] {
    background-color: #2b2b2b !important;
}

.dark-theme .drops button[b-neoec3vbko],
.dark-theme .drops i[b-neoec3vbko] {
    color: #e0e0e0 !important;
}

.dark-theme .dropdown-menu[b-neoec3vbko] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .dropdown-menu .dropdown-item:hover[b-neoec3vbko] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Badge and notification styles */
.dark-theme .noty[b-neoec3vbko] {
    background-color: #bb86fc !important;
    color: #2b2b2b !important;
}

    /* Profile dropdown */
.dark-theme .profile .dropdown-menu[b-neoec3vbko] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .profile .dropdown-menu .dropdown-item:hover[b-neoec3vbko] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Buttons and icons */
.dark-theme header button[b-neoec3vbko],
.dark-theme header i[b-neoec3vbko] {
    color: #e0e0e0 !important;
}

    /* Additional global adjustments */
.dark-theme .c-container[b-neoec3vbko] {
    color: #e0e0e0 !important;
}
/* /Components/Components/ThemeToggle.razor.rz.scp.css */
/* Variables start */

:root[b-c58cgicnmb] {
    --light-grey: #d1d3e2;
    --md-grey: #f8f9fc;
    --dark-grey:;
}

/* Variables end */

/* Colors start */

.light-grey[b-c58cgicnmb] {
    color: var(--light-grey);
}

.md-grey[b-c58cgicnmb] {
    color: var(--md-grey);
}

.dark-grey[b-c58cgicnmb] {
}

/* Colors end */

/* BG Colors start */

.bg-light-grey[b-c58cgicnmb] {
    background-color: var(--light-grey);
}

.bg-md-grey[b-c58cgicnmb] {
    background-color: var(--md-grey);
}

.bg-dark-grey[b-c58cgicnmb] {
}

/* BG Colors end */



/* Global start */

.remove-after[b-c58cgicnmb]::after {
    content: none !important;
}

.c-container[b-c58cgicnmb] {
    width: 94%;
    margin: 0 auto;
}



.noty[b-c58cgicnmb] {
    font-size: .7rem !important;
    padding: 2px !important;
    top: 10px;
    width: 20px;
}

/* Global end */

/* Header start */
header[b-c58cgicnmb] {
    height: 80px;
    z-index: 99;
}

    header img[b-c58cgicnmb] {
        width: 40px;
        border-radius: 50%
    }

    header button[b-c58cgicnmb] {
        background: none;
    }

    header .logo img[b-c58cgicnmb]{
        border-radius: 0;
        width: 150px
    }
/* Header end */

/* Aside start */

aside[b-c58cgicnmb] {
    width: 120px;
    height: calc(100vh - 80px);
}

.aside[b-c58cgicnmb] {
}
/* Aside end */

/* Main start */

main[b-c58cgicnmb] {
    width: calc(100% - 120px);
}
/* Dark theme colors */
:root[b-c58cgicnmb] {
    --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-c58cgicnmb] {
    background-color: #2b2b2b !important;
    color: #e0e0e0;
}

    /* Header dark theme */
    .dark-theme header[b-c58cgicnmb] {
        background-color: #3c3c3c !important;
    }

.dark-theme header .logo img[b-c58cgicnmb] {
    filter: brightness(3) !important;
}

.dark-theme .light-grey[b-c58cgicnmb] {
    color: #e0e0e0 !important;
}

.dark-theme .md-grey[b-c58cgicnmb] {
    color: #3c3c3c !important;
}

.dark-theme .bg-light-grey[b-c58cgicnmb] {
    background-color: #3c3c3c !important;
}

.dark-theme .bg-md-grey[b-c58cgicnmb] {
    background-color: #2b2b2b !important;
}

.dark-theme .drops button[b-c58cgicnmb],
.dark-theme .drops i[b-c58cgicnmb] {
    color: #e0e0e0 !important;
}

.dark-theme .dropdown-menu[b-c58cgicnmb] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .dropdown-menu .dropdown-item:hover[b-c58cgicnmb] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Badge and notification styles */
.dark-theme .noty[b-c58cgicnmb] {
    background-color: #bb86fc !important;
    color: #2b2b2b !important;
}

    /* Profile dropdown */
.dark-theme .profile .dropdown-menu[b-c58cgicnmb] {
    background-color: #3c3c3c !important;
    color: #e0e0e0 !important;
}

    .dark-theme .profile .dropdown-menu .dropdown-item:hover[b-c58cgicnmb] {
        background-color: #bb86fc !important;
        color: #2b2b2b !important;
    }

    /* Buttons and icons */
.dark-theme header button[b-c58cgicnmb],
.dark-theme header i[b-c58cgicnmb] {
    color: #e0e0e0 !important;
}

    /* Additional global adjustments */
.dark-theme .c-container[b-c58cgicnmb] {
    color: #e0e0e0 !important;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
 .c-container[b-1wvt6qndtn] {
   
    min-height: 100%
}
.dark-theme .c-container[b-1wvt6qndtn] {
    background-color: #2b2b2b;
    min-height: 100%
}
main[b-1wvt6qndtn] {
    min-height: calc(100% - 120px);
    width: calc(100% - 120px) !important;
}

@media only screen and (max-width: 576px) {
    main[b-1wvt6qndtn] {
        width: 100% !important;
    }
}

/* /Components/Pages/Identity/ForgotPassword.razor.rz.scp.css */
/* /Components/Pages/Identity/Login.razor.rz.scp.css */
/* /Components/Pages/Identity/Register.razor.rz.scp.css */
/* /Components/Pages/Identity/ResetPassword.razor.rz.scp.css */
/* /Components/Pages/PersonelPage.razor.rz.scp.css */
/* /Components/Pages/ProjectPage.razor.rz.scp.css */
.search input:focus-visible[b-mh2dz2v2zs] {
    outline-offset: unset
}