@import '_content/WMBlazorSlickCarousel/WMBlazorSlickCarousel.bundle.scp.css';

/* /Components/CircleProgressBar/CircleProgressBar.razor.rz.scp.css */
.circular-progress[b-shsdjzbfgh] {
    --size: 80px;
    --half-size: calc(var(--size) / 2);
    --stroke-width: 6px;
    --radius: calc((var(--size) - var(--stroke-width)) / 2);
    --circumference: calc(var(--radius) * pi * 2);
    --dash: calc((var(--progress) * var(--circumference)) / 100);
    animation: progress-animation-b-shsdjzbfgh 2s linear 0s 1 forwards;
}

    .circular-progress circle[b-shsdjzbfgh] {
        cx: var(--half-size);
        cy: var(--half-size);
        r: var(--radius);
        stroke-width: var(--stroke-width);
        fill: none;
        stroke-linecap: square;
    }

        .circular-progress circle.bg[b-shsdjzbfgh] {
            stroke: #F2F5F7;
        }

        .circular-progress circle.fg[b-shsdjzbfgh] {
            transform: rotate(-90deg);
            transform-origin: var(--half-size) var(--half-size);
            stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
            transition: stroke-dasharray 0.3s linear 0s;
            stroke: #2A9D8F;
        }

@property --progress {
    syntax: "<number>";
    inherits: false;
    initial-value: 0;
}

@keyframes progress-animation-b-shsdjzbfgh {
    from {
        --progress: 0;
    }

    to {
        --progress: 100;
    }
}

.progress-text[b-shsdjzbfgh] {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    text-align: center;
    transform: translate(0, -50%);
    color: #353535;
    font-family: omnesRegular;
}
/* /Components/DualButtonDialogBox.razor.rz.scp.css */
.dialog-box[b-buxsij4km4] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 543px;
    height: 247px;
    background-color:white;
    box-shadow: 0 0 4px #CECECE;
    z-index:1;
    border-radius: 12px;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.dialog-title-text[b-buxsij4km4] {
    font-family: omnesMedium;
    font-size: 16.22px;
    margin-top:30.4px;
}

.dialog-content-text[b-buxsij4km4] {
    font-family:gotham-book;
    font-size:13px;
    margin-top:29px;
}

.dialog-button-container[b-buxsij4km4] {
    height:34.75px;
    width:337.4px;
    margin-top:57.2px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}

.dialog-button[b-buxsij4km4] {
    width: 108.18px;
    height: 100%;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    background-color: white;
    font-family: omnesMedium;
    font-size:13px;
}

.blur-overlay[b-buxsij4km4] {
    position: fixed;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(2px);
    z-index:1;
}  
/* /Components/Inscricoes/InscricaoView.razor.rz.scp.css */
.main-container[b-igrpwn6896] {
    display: flex;
    flex-direction: row;
    height: 100%;
}

.left-page-container[b-igrpwn6896] {
    flex: 0 0 270px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.user-image[b-igrpwn6896] {
    position: relative;
    margin-top: 96px;
    width: 125px;
    height: 125px;
}

.user-img-img[b-igrpwn6896] {
    border-radius: 50%;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.upload-arrow[b-igrpwn6896] {
    position: absolute;
    top: 15px;
    right: 0px;
    width: 23px;
    height: 23px;
    cursor: pointer;
}

.user-name-text[b-igrpwn6896] {
    margin-top: 13px;
    font-family: omnesMedium;
    font-size: 15px;
    padding-bottom: 20px;
}

.post-container[b-igrpwn6896] {
    width: 86.5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
}

.post-text[b-igrpwn6896] {
    font-family: omnesMedium;
    font-size: 11px;
}

.post-dropdown[b-igrpwn6896] {
    margin-left: 7px;
    width: 51px;
    height: 21px;
    background-color: #F2F5F7;
    border-radius: 10.5px;
    display: inherit;
    align-items: center;
}

.number-text[b-igrpwn6896] {
    font-family: omnesRegular;
    font-size: 10px;
    margin-left: 14px;
}

.dropdown-arrow[b-igrpwn6896] {
    margin-left: 10px;
    width: 5.79px;
    height: 3.44px;
}

.right-page-container[b-igrpwn6896] {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
}

.top-right-buttons-container[b-igrpwn6896] {
    display: flex;
    flex-direction: row;
    width: 870px;
    justify-content: flex-end;
    gap: 15px;
}

.inscricao-button[b-igrpwn6896] {
    display: inherit;
    width: 49px;
    height: 49px;
    border: 1px solid #F2F5F7;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
}

.inscricao-button-image[b-igrpwn6896] {
    height: auto;
}

.scrollable-container[b-igrpwn6896] {
    height: 629px;
    width: 1131px;
    width: calc(100% + 25px);
    overflow: scroll;
    overflow-x: hidden;
}

.row-container[b-igrpwn6896] {
    display: flex;
    flex-direction: row;
    height: 65.17px;
    width: 870px;
}

.input-container[b-igrpwn6896] {
    border-radius: 12.21px;
    background-color: #F2F5F7;
    height: 42.32px;
    display: flex;
    align-items: center;
    width: 100%;
}

.slash-date[b-igrpwn6896] {
    font-size: 14px;
    font-family: omnesMedium;
    margin-left: 8.2px;
}

.text-input[b-igrpwn6896] {
    border: 0;
    border-radius: 12.21px;
    background-color: #F2F5F7;
    font-family: omnesRegular;
    font-size: 13px;
    padding-left: 16px;
    width: 100%;
    height: 100%;
}

.dropdown-select[b-igrpwn6896] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(images/svg/sidebar/dropdownArrow.svg);
    background-repeat: no-repeat, repeat;
    background-position: right 1.1em top 50%, 0 0;
    background-size: .55em auto, 100%;
    background-color: #F2F5F7;
}

select:invalid[b-igrpwn6896] {
    color: #969696;
}

.image-input[b-igrpwn6896] {
    margin-left: 10px;
}

.data-container[b-igrpwn6896] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.save-button[b-igrpwn6896] {
    width: 129.32px;
    height: 50.95px;
    border: solid;
    border-width: 1px;
    border-radius: 12px;
    border-color: #F2F5F7;
    margin-top: 43.4px;
    margin-left: 371.1px;
    display: inherit;
    align-items: center;
    justify-content: space-evenly;
    cursor: pointer;
}

.save-image[b-igrpwn6896] {
    width: 12.5px;
    height: 15px;
}

.save-text[b-igrpwn6896] {
    font-family: omnesMedium;
    font-size: 15px;
}

textarea[b-igrpwn6896] {
    resize: none !important;
    padding-top: 11.4px;
}

[b-igrpwn6896]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
[b-igrpwn6896]::-webkit-scrollbar-track {
    background: #F2F5F7;
    border-radius: 5.5px;
}

/* Handle */
[b-igrpwn6896]::-webkit-scrollbar-thumb {
    background: #AAAAAA;
    border-radius: 4.4px;
}

    /* Handle on hover */
    [b-igrpwn6896]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }


.disable-background[b-igrpwn6896] {
    background: none;
    border: 1px solid #F2F5F7;
}

.auto-save-button[b-igrpwn6896] {
    width: 132.65px;
    height: 23.92px;
    border: solid;
    border-width: 1px;
    border-radius: 9.34px;
    border-color: #F2F5F7;
    display: inherit;
    align-items: center;
    justify-content: space-evenly;
}

.auto-save-image[b-igrpwn6896] {
    width: 7.17px;
    height: 7.8px;
}

.auto-save-text[b-igrpwn6896] {
    font-family: omnesMedium;
    font-size: 8.5px;
}

input[b-igrpwn6896]::-webkit-outer-spin-button,
input[b-igrpwn6896]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-igrpwn6896] {
    -moz-appearance: textfield;
}
/* /Components/Inscricoes/InscricoesInput.razor.rz.scp.css */

.data-container[b-9lc9swqhk1] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 42.32px;
    margin-top: 6.8px;
}


.item-title[b-9lc9swqhk1] {
    font-family: omnesMedium;
    font-size: 12px;
    margin-left: 3px;
}

/* /Components/Shortcuts/Shortcut.razor.rz.scp.css */
.shortcut[b-g4i0t1v3cd] {
    position: relative;
    width: 122px;
    height: 44px;
    display: flex;
    flex-direction: row;
    font-size: 13px;
    color: #353535;
    background-color: #FFFFFF;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    align-items: center;
    cursor: pointer;
}

.shortcut-img[b-g4i0t1v3cd]{
    margin-left:15px;
    max-width:14px;
    max-height:14px;
}

.shortcut-text[b-g4i0t1v3cd]{
    margin-left:12px;
}

.shortcut-select[b-g4i0t1v3cd]{
    position:absolute;
    top:-8px;
    right:8px;
    width:16px;
    height:16px;
}
/* /Components/Shortcuts/Shortcuts.razor.rz.scp.css */
.shortcuts-holder[b-4ebaqr4d76] {
    width: 625px;
    height: 133px;
    display: flex;
    flex-direction: column;
    background-color: #FCFCFC;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    font-size: 13px;
    color: #353535;
    padding-top: 13px;
    padding-left: 25px;
    padding-right: 10px;
}

.shortcuts-header[b-4ebaqr4d76] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    margin-bottom:20px;
}

.shortcuts[b-4ebaqr4d76] {
    margin-right: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 28px;
}

.shortcuts-editing[b-4ebaqr4d76] {
    height: 530px;
}

.shortcuts-scrollable[b-4ebaqr4d76] {
    overflow-y:scroll;
    padding-bottom:25px;
}

.shortcuts-section[b-4ebaqr4d76] {
    margin-top: 29px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.shortcuts-section:first-child[b-4ebaqr4d76] {
    margin-top: 0px;
}

    .shortcuts-section span[b-4ebaqr4d76] {
        margin-bottom: 21px;
    }

hr[b-4ebaqr4d76] {
    background-color: #F2F5F7;
    color: #F2F5F7;
    height: 2px;
    height: 2px;
    width: 90%;
}

.empty-shortcut[b-4ebaqr4d76]{
    width:122px;
    height:44px;
    background-color:white;
}

.shortcuts-scrollable[b-4ebaqr4d76]::-webkit-scrollbar {
    width: 3px;
    height: 10px;
}

/* Track */
.shortcuts-scrollable[b-4ebaqr4d76]::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 3px;
}

/* Handle */
.shortcuts-scrollable[b-4ebaqr4d76]::-webkit-scrollbar-thumb {
    background: #AAAAAA;
    border-radius: 3px;
}

/* /Components/Sidebar/SidebarAbsencesItem.razor.rz.scp.css */
.nav-logo[b-fkciqp85i4] {
    max-height: 15px;
    max-width: 14px;
}


.link-text[b-fkciqp85i4] {
    font-size: 13.5px;
    margin-left: 17.5px;
    line-height: 1;
}

.nav-item[b-fkciqp85i4] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 45px;
    text-decoration: none;
    color: #353535;
    padding-left: 21.5px;
}


.epoca-menu-container[b-fkciqp85i4] {
    display: flex;
    flex-direction: row;
    height: auto;
}

.epoca-line[b-fkciqp85i4] {
    height: auto;
    width: 1px;
    margin-left: 35px;
    background-color: #F2F5F7;
}

.epoca-items[b-fkciqp85i4] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    width: 100%;
    margin-left: 33px;
}

.epoca-nav-item[b-fkciqp85i4] {
    width: 100%;
    height: 46px;
    display: flex;
    align-items: center;
}

    .epoca-nav-item[b-fkciqp85i4]  a {
        color: #353535;
        border-radius: 15px;
        display: flex;
        align-items: center;
        padding: 0;
        height: 100%;
        flex-grow: 1;
        width: 100%;
        border: 1px solid #F2F5F7;
        padding-left: 37px;
    }

        .epoca-nav-item[b-fkciqp85i4]  a.active {
            background-color: #F2F5F7;
        }



.epoca-oi[b-fkciqp85i4] {
    font-family: omnesMedium;
    font-size: 12px;
    margin-left: 11px;
}

.turma-menu-container[b-fkciqp85i4] {
    display: flex;
    flex-direction: row;
    height: auto;
}


.icon-container[b-fkciqp85i4] {
    display: flex;
    position: relative;
}

.date-text[b-fkciqp85i4] {
    position: absolute;
    font-size: 11px;
    right: -1px;
    bottom: 0;
    height: 13px;
}
/* /Components/Sidebar/SidebarCardsItem.razor.rz.scp.css */
.nav-logo[b-lkxz72js6d] {
    max-height: 15px;
    max-width: 14px;
}


.link-text[b-lkxz72js6d] {
    font-size: 13.5px;
    margin-left: 17.5px;
    line-height: 1;
}

.nav-item[b-lkxz72js6d] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 45px;
    text-decoration: none;
    color: #353535;
    padding-left: 21.5px;
}


.epoca-menu-container[b-lkxz72js6d] {
    display: flex;
    flex-direction: row;
    height: auto;
}

.epoca-line[b-lkxz72js6d] {
    height: auto;
    width: 1px;
    margin-left: 35px;
    background-color: #F2F5F7;
}

.epoca-items[b-lkxz72js6d] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    width: 100%;
    margin-left: 33px;
}

.epoca-nav-item[b-lkxz72js6d] {
    width: 100%;
    height: 46px;
    display: flex;
    align-items: center;
}

    .epoca-nav-item[b-lkxz72js6d]  a {
        color: #353535;
        border-radius: 15px;
        display: flex;
        align-items: center;
        padding: 0;
        height: 100%;
        flex-grow: 1;
        width: 100%;
        border: 1px solid #F2F5F7;
        padding-left: 37px;
    }

        .epoca-nav-item[b-lkxz72js6d]  a.active {
            background-color: #F2F5F7;
        }



.epoca-oi[b-lkxz72js6d] {
    font-family: omnesMedium;
    font-size: 12px;
    margin-left: 11px;
}

.turma-menu-container[b-lkxz72js6d] {
    display: flex;
    flex-direction: row;
    height: auto;
}


.icon-container[b-lkxz72js6d] {
    display: flex;
    position: relative;
}

.date-text[b-lkxz72js6d] {
    position: absolute;
    font-size: 11px;
    right: -1px;
    bottom: 0;
    height: 13px;
}
/* /Components/Sidebar/SidebarNavigationItem.razor.rz.scp.css */
.nav-logo[b-anh7klf4b1] {
    max-height: 15px;
    max-width: 14px;
}


.link-text[b-anh7klf4b1] {
    font-size: 13.5px;
    margin-left: 17.5px;
    line-height:1;
}

.nav-item[b-anh7klf4b1] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 45px;
    text-decoration: none;
    color: #353535;
    padding-left: 21.5px;
}
/* /Components/Sidebar/SidebarStudentsItem.razor.rz.scp.css */
.nav-logo[b-80fper40yi] {
    max-height: 15px;
    max-width: 14px;
}


.link-text[b-80fper40yi] {
    font-size: 13.5px;
    margin-left: 17.5px;
    line-height: 1;
}

.nav-item[b-80fper40yi] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 45px;
    text-decoration: none;
    color: #353535;
    padding-left: 21.5px;
}


.epoca-menu-container[b-80fper40yi] {
    display:flex;
    flex-direction:row;
    height:auto;
}

.epoca-line[b-80fper40yi] {
    height: auto;
    width: 1px;
    margin-left: 35px;
    background-color: #F2F5F7;
}

.epoca-items[b-80fper40yi] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    width: 100%;
    margin-left: 33px;
}

.epoca-nav-item[b-80fper40yi] {
    width: 100%;
    height: 46px;
    display: flex;
    align-items: center;
}

    .epoca-nav-item[b-80fper40yi]  a {
        color: #353535;
        border-radius: 15px;
        display: flex;
        align-items: center;
        padding: 0;
        height: 100%;
        flex-grow: 1;
        width: 100%;
        border: 1px solid #F2F5F7;
        padding-left: 37px;
    }

        .epoca-nav-item[b-80fper40yi]  a.active {
            background-color: #F2F5F7;
        }



.epoca-oi[b-80fper40yi] {
    font-family: omnesMedium;
    font-size: 12px;
    margin-left: 11px;
}

.turma-menu-container[b-80fper40yi] {
    display: flex;
    flex-direction: row;
    height: auto;

}


.icon-container[b-80fper40yi] {
    display: flex;
    position: relative;
}

.date-text[b-80fper40yi] {
    position: absolute;
    font-size: 11px;
    right: -1px;
    bottom: 0;
    height: 13px;
}
/* /Components/Sidebar/SidebarTeamItem.razor.rz.scp.css */
.nav-logo[b-3vfnyz34hr] {
    max-height: 15px;
    max-width: 14px;
}


.link-text[b-3vfnyz34hr] {
    font-size: 13.5px;
    margin-left: 17.5px;
    line-height: 1;
}

.nav-item[b-3vfnyz34hr] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 45px;
    text-decoration: none;
    color: #353535;
    padding-left: 21.5px;
}


.epoca-menu-container[b-3vfnyz34hr] {
    display: flex;
    flex-direction: row;
    height: auto;
}

.epoca-line[b-3vfnyz34hr] {
    height: auto;
    width: 1px;
    margin-left: 35px;
    background-color: #F2F5F7;
}

.epoca-items[b-3vfnyz34hr] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    width: 100%;
    margin-left: 33px;
}

.epoca-nav-item[b-3vfnyz34hr] {
    width: 100%;
    height: 46px;
    display: flex;
    align-items: center;
}

    .epoca-nav-item[b-3vfnyz34hr]  a {
        color: #353535;
        border-radius: 15px;
        display: flex;
        align-items: center;
        padding: 0;
        height: 100%;
        flex-grow: 1;
        width: 100%;
        border: 1px solid #F2F5F7;
        padding-left: 37px;
    }

        .epoca-nav-item[b-3vfnyz34hr]  a.active {
            background-color: #F2F5F7;
        }



.epoca-oi[b-3vfnyz34hr] {
    font-family: omnesMedium;
    font-size: 12px;
    margin-left: 11px;
}

.turma-menu-container[b-3vfnyz34hr] {
    display: flex;
    flex-direction: row;
    height: auto;
}


.icon-container[b-3vfnyz34hr] {
    display: flex;
    position: relative;
}

.date-text[b-3vfnyz34hr] {
    position: absolute;
    font-size: 11px;
    right: -1px;
    bottom: 0;
    height: 13px;
}
/* /Components/SingleButtonDialogBox.razor.rz.scp.css */
.dialog-box[b-ztr93ttxem] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 543px;
    height: 247px;
    background-color:white;
    box-shadow: 0 0 4px #CECECE;
    z-index:1;
    border-radius: 12px;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.dialog-title-text[b-ztr93ttxem] {
    font-family: omnesMedium;
    font-size: 16.22px;
    margin-top:30.4px;
}

.dialog-content-text[b-ztr93ttxem] {
    font-family:gotham-book;
    font-size:13px;
    margin-top:29px;
}

.dialog-button[b-ztr93ttxem] {
    height: 34.75px;
    width: 108.18px;
    margin-top: 57.2px;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    background-color: white;
    font-family: omnesMedium;
    font-size: 13px;
}

.blur-overlay[b-ztr93ttxem] {
    position: fixed;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(2px);
    z-index:1;
}  
/* /Pages/AccessCards/AccessCard.razor.rz.scp.css */
.card-container[b-lulqt25snz] {
    height: 250px;
    width: 180px;
    display: flex;
    flex-direction: row;
    background-color: white;
}

.card-strip[b-lulqt25snz] {
    height: 100%;
    width: auto;
}

.card-logo[b-lulqt25snz] {
    margin-top: 45%;
    width: 100%;
    height: auto;
}

.card-student-image[b-lulqt25snz] {
    margin-top: 9px;
    margin-top: 10%;
    width: 72px;
    width: 80%;
    height: auto;
    border-radius: 12px;
    overflow: hidden;
}

    .card-student-image img[b-lulqt25snz] {
        width: 100%;
        height: 100%;
    }

.card-info[b-lulqt25snz] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
}

.card-info-info[b-lulqt25snz] {
    display: flex;
    flex-direction: column;
    width: 90px;
    width: 57.5%;
    height: 230px;
    height: 92%;
}

.card-info-text[b-lulqt25snz] {
    margin-top: 7px;
    display: flex;
    flex-direction: column;
    line-height: 1.4;
}

.student-name[b-lulqt25snz] {
    font-size: 13px;
    text-wrap: nowrap;
}

.student-type[b-lulqt25snz] {
    font-size: 11px;
}

.student-year[b-lulqt25snz] {
    font-size: 9px;
}

.card-corner[b-lulqt25snz] {
    margin-left: 100px;
    margin-left: 63.5%;
    margin-top: -10px;
    margin-top: -18.5%;
    width: 15px;
    width: 9.5%;
    height: auto;
}
/* /Pages/AccessCards/AccessCardPrinter.razor.rz.scp.css */
.printer-container[b-o7oz434aw8] {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: lightgrey;
    min-height: 100%;
    min-width: 100%;
}

.controls[b-o7oz434aw8] {
    display: flex;
    margin-bottom: 25px;
    height: 60px;
    align-items: center;
}

.print-btn[b-o7oz434aw8] {
    margin-left: auto;
    margin-right: 25px;
}

.close-button[b-o7oz434aw8] {
    margin-right: 25px;
    margin-left: auto;
    width: 30px;
    height: 30px;
}

.card-holder[b-o7oz434aw8] {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    align-content: flex-start;
}

.control-slider[b-o7oz434aw8] {
    display: flex;
    flex-direction: column;
    width: 150px;
    font-size: 14px;
    align-items: center;
}
/* /Pages/AccessCards/AccessCards.razor.rz.scp.css */
.cards-wrapper[b-29lgyzlm2c] {
    display: flex;
    flex-direction: column;
    padding-left: 70px;
    padding-top: 50.2px;
    height: 80%;
    min-height: 700px;
    width: 90%;
    min-width: 1250px;
}

.top-menu[b-29lgyzlm2c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    padding: 0px 25px 0px 25px;
    height: 133px;
    width: fit-content;
    border: 1px solid #F2F5F7;
    border-radius: 15px;
    background-color: #FCFCFC;
}

.top-menu-button[b-29lgyzlm2c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0px 15px 0px 15px;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    background-color: #FFFFFF;
    height: 44px;
}

    .top-menu-button img[b-29lgyzlm2c] {
        margin-right: 13px;
        max-width: 14px;
        max-height: 14px;
    }

.student-holder-info[b-29lgyzlm2c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 41px;
    width: 1141px;
}

.student-number[b-29lgyzlm2c] {
    margin-right: 20px;
    width: 85px;
    display: flex;
    flex-direction: column;
}

.student-orderby[b-29lgyzlm2c] {
    display: flex;
    align-items: center;
    background-color: #F2F5F7;
    border: 1px solid #F2F5F7;
    border-radius: 10px;
    height: 42px;
    width: 410px;
    padding: 0px 15px 0px 15px;
    margin-right: 15px;
    justify-content: space-between;
}

.student-orderby-open[b-29lgyzlm2c] {
    position: relative;
    border: 0px solid #F2F5F7;
    background-color: #ffffff;
    border-radius: 10px;
    height: 42px;
    width: 410px;
    padding: 0px 15px 0px 15px;
    margin-right: 15px;
}


.student-orderby-open-title[b-29lgyzlm2c] {
    display: flex;
    align-items: center;
    height: 40px;
    width: 100%;
    justify-content: space-between;
}

.order-by-blocker[b-29lgyzlm2c] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 3;
}

.student-orderby-open-content[b-29lgyzlm2c] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #F2F5F7;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 0px 15px 10px 15px;
    gap: 15px;
    z-index: 4;
}

    .student-orderby-open-content hr[b-29lgyzlm2c] {
        border: 1px solid #F2F5F7;
        width: 95%;
        margin: 0;
        margin-top: -10px;
    }

.student-orderby-option[b-29lgyzlm2c] {
}

.order-sort[b-29lgyzlm2c] {
    margin-right: 30px;
    cursor: pointer;
}

.student-search[b-29lgyzlm2c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    height: 42px;
    padding: 0px 15px 0px 15px;
    background-color: #F2F5F7;
    border-radius: 10px;
}

.student-holder[b-29lgyzlm2c] {
    display: flex;
    height: 450px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 45px;
    gap: 10px;
    overflow: scroll;
    overflow-x: hidden;
    scroll-snap-type: y mandatory;
    width: 100%;
}

.student[b-29lgyzlm2c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    /*width: 1141px;*/
    width: 900px;
    scroll-snap-align: start;
}

.student-img[b-29lgyzlm2c] {
    margin-right: 5px;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

    .student-img img[b-29lgyzlm2c] {
        width: 100%;
        height: 100%;
    }

.student-selector[b-29lgyzlm2c] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    border: 1px solid #F2F5F7;
    background-color: white;
    border-radius: 12px;
    height: 50px;
    margin-right: 35px;
}

.student-data[b-29lgyzlm2c] {
    display: flex;
    align-items: center;
    height: 50px;
    background-color: #FCFCFC;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    margin-right: 12px;
    width: 100%;
}

.student-data-id[b-29lgyzlm2c] {
    width: 150px;
    padding-left: 20px;
}

.student-data-name[b-29lgyzlm2c] {
    display: flex;
    align-items: center;
    flex: 1;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.student-data-type[b-29lgyzlm2c] {
    width: 110px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.student-button[b-29lgyzlm2c] {
    cursor: pointer;
}

.student-edit[b-29lgyzlm2c] {
    margin-right: 10px;
}

.student-show[b-29lgyzlm2c] {
}

[b-29lgyzlm2c]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
[b-29lgyzlm2c]::-webkit-scrollbar-track {
    background: #F2F5F7;
    border-radius: 5.5px;
}

/* Handle */
[b-29lgyzlm2c]::-webkit-scrollbar-thumb {
    background: #AAAAAA;
    border-radius: 4.4px;
}

    /* Handle on hover */
    [b-29lgyzlm2c]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.print-container[b-29lgyzlm2c] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 9999;
}

.print-student-holder-info[b-29lgyzlm2c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 41px;
}

.print-student-holder[b-29lgyzlm2c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 35px;
    overflow: scroll;
    font-size: 16px;
}

.print-student[b-29lgyzlm2c] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.print-student-img[b-29lgyzlm2c] {
    margin-right: 22px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
}

    .print-student-img img[b-29lgyzlm2c] {
        width: 100%;
        height: 100%;
    }

.print-student-data[b-29lgyzlm2c] {
    display: flex;
    align-items: center;
    min-height: 50px;
    background-color: #FCFCFC;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    margin-right: 23.5px;
}

.print-student-data-id[b-29lgyzlm2c] {
    width: 150px;
    padding-left: 20px;
}

.print-student-data-name[b-29lgyzlm2c] {
    display: flex;
    align-items: center;
    width: 350px;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.print-student-data-group[b-29lgyzlm2c] {
    width: 90px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.print-student-data-class[b-29lgyzlm2c] {
    width: 90px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.print-student-data-post[b-29lgyzlm2c] {
    width: 90px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}


/*Export view classes*/

.blur-overlay[b-29lgyzlm2c] {
    position: fixed;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(2px);
    z-index: 1;
}


.export-box[b-29lgyzlm2c] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 900px;
    height: 550px;
    background-color: white;
    box-shadow: 0 0 4px #CECECE;
    z-index: 1;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.export-title-text[b-29lgyzlm2c] {
    font-family: omnesMedium;
    font-size: 16.22px;
    margin-top: 30.4px;
}

.checkbox-container[b-29lgyzlm2c] {
    margin-top: 10px;
    width: 880px;
    display: flex;
    flex-wrap: wrap;
}

.checkbox[b-29lgyzlm2c] {
    display: flex;
    width: 220px;
}

.checkbox-label[b-29lgyzlm2c] {
    margin-left: 10px;
    font-family: omnesRegular;
}



.dialog-button-container[b-29lgyzlm2c] {
    height: 34.75px;
    width: 337.4px;
    margin-top: 57.2px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.text-input[b-29lgyzlm2c] {
    width: 100%;
    border: 0;
    background-color: #F2F5F7;
}


.dialog-button[b-29lgyzlm2c] {
    width: 108.18px;
    height: 100%;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    background-color: white;
    font-family: omnesMedium;
    font-size: 13px;
}

/*End Export view classes*/

.shortcuts-holder[b-29lgyzlm2c] {
    height: 133px;
    display: flex;
    flex-direction: column;
    background-color: #FCFCFC;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    font-size: 13px;
    color: #353535;
    padding-top: 13px;
    padding-left: 25px;
    padding-right: 10px;
}

.shortcuts-header[b-29lgyzlm2c] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 20px;
}

.shortcuts[b-29lgyzlm2c] {
    margin-right: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 28px;
}

.shortcut[b-29lgyzlm2c] {
    position: relative;
    width: 122px;
    height: 44px;
    display: flex;
    flex-direction: row;
    font-size: 13px;
    color: #353535;
    background-color: #FFFFFF;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    align-items: center;
    cursor: pointer;
}

.shortcut-img[b-29lgyzlm2c] {
    margin-left: 15px;
    max-width: 14px;
    max-height: 14px;
}

.shortcut-text[b-29lgyzlm2c] {
    margin-left: 12px;
}

.shortcut-select[b-29lgyzlm2c] {
    position: absolute;
    top: -8px;
    right: 8px;
    width: 16px;
    height: 16px;
}

.create-button-holder[b-29lgyzlm2c] {
    display: flex;
    margin-top: 50px;
    width: 1141px;
    gap: 50px;
    justify-content: center;
}

.cards-button[b-29lgyzlm2c] {
    display: flex;
    justify-content: center;
    gap: 8px;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    padding: 14px 20px 14px 20px;
    min-width: 130px;
}

/*.cards-button img{
    max-height:20px;
    max-width:20px;
}*/

.left-right-wrapper[b-29lgyzlm2c]{
    display:flex;
}

.left-wrapper[b-29lgyzlm2c] {
    display: flex;
    margin-right: 75px;
}

.right-wrapper[b-29lgyzlm2c] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
}

.template-holder[b-29lgyzlm2c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.user-image[b-29lgyzlm2c] {
    position: relative;
    margin-top: 41px;
    width: 125px;
    height: 125px;
}

.user-img-img[b-29lgyzlm2c] {
    border-radius: 50%;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.upload-arrow[b-29lgyzlm2c] {
    position: absolute;
    top: 15px;
    right: 0px;
    width: 23px;
    height: 23px;
    cursor: pointer;
}

.template-holder[b-29lgyzlm2c] {
    justify-items: center;
}

.activeStudents[b-29lgyzlm2c] {
    border-radius: 15px;
    background-color: #F2F5F7;
}
/* /Pages/AccessCards/AccessCardsMentors.razor.rz.scp.css */
.cards-wrapper[b-9z1n1nwwh9] {
    display: flex;
    flex-direction: column;
    padding-left: 70px;
    padding-top: 50.2px;
    height: 80%;
    min-height: 700px;
    width: 90%;
    min-width: 1250px;
}

.top-menu[b-9z1n1nwwh9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    padding: 0px 25px 0px 25px;
    height: 133px;
    width: fit-content;
    border: 1px solid #F2F5F7;
    border-radius: 15px;
    background-color: #FCFCFC;
}

.top-menu-button[b-9z1n1nwwh9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0px 15px 0px 15px;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    background-color: #FFFFFF;
    height: 44px;
}

    .top-menu-button img[b-9z1n1nwwh9] {
        margin-right: 13px;
        max-width: 14px;
        max-height: 14px;
    }

.student-holder-info[b-9z1n1nwwh9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 41px;
    width: 1141px;
}

.student-number[b-9z1n1nwwh9] {
    margin-right: 20px;
    width: 85px;
}

.student-orderby[b-9z1n1nwwh9] {
    display: flex;
    align-items: center;
    background-color: #F2F5F7;
    border: 1px solid #F2F5F7;
    border-radius: 10px;
    height: 42px;
    width: 410px;
    padding: 0px 15px 0px 15px;
    margin-right: 15px;
    justify-content: space-between;
}

.student-orderby-open[b-9z1n1nwwh9] {
    position: relative;
    border: 0px solid #F2F5F7;
    background-color: #ffffff;
    border-radius: 10px;
    height: 42px;
    width: 410px;
    padding: 0px 15px 0px 15px;
    margin-right: 15px;
}


.student-orderby-open-title[b-9z1n1nwwh9] {
    display: flex;
    align-items: center;
    height: 40px;
    width: 100%;
    justify-content: space-between;
}

.order-by-blocker[b-9z1n1nwwh9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 3;
}

.student-orderby-open-content[b-9z1n1nwwh9] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #F2F5F7;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 0px 15px 10px 15px;
    gap: 15px;
    z-index: 4;
}

    .student-orderby-open-content hr[b-9z1n1nwwh9] {
        border: 1px solid #F2F5F7;
        width: 95%;
        margin: 0;
        margin-top: -10px;
    }

.student-orderby-option[b-9z1n1nwwh9] {
}

.order-sort[b-9z1n1nwwh9] {
    margin-right: 30px;
    cursor: pointer;
}

.student-search[b-9z1n1nwwh9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    height: 42px;
    padding: 0px 15px 0px 15px;
    background-color: #F2F5F7;
    border-radius: 10px;
}

.student-holder[b-9z1n1nwwh9] {
    display: flex;
    height: 450px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 45px;
    gap: 10px;
    overflow: scroll;
    overflow-x: hidden;
    scroll-snap-type: y mandatory;
    width: 100%;
}

.student[b-9z1n1nwwh9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 1141px;
    scroll-snap-align: start;
}

.student-img[b-9z1n1nwwh9] {
    margin-right: 5px;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

    .student-img img[b-9z1n1nwwh9] {
        width: 100%;
        height: 100%;
    }

.student-selector[b-9z1n1nwwh9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    border: 1px solid #F2F5F7;
    background-color: white;
    border-radius: 12px;
    height: 50px;
    margin-right: 35px;
}

.student-data[b-9z1n1nwwh9] {
    display: flex;
    align-items: center;
    height: 50px;
    background-color: #FCFCFC;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    margin-right: 12px;
    width: 100%;
}

.student-data-id[b-9z1n1nwwh9] {
    width: 150px;
    padding-left: 20px;
}

.student-data-name[b-9z1n1nwwh9] {
    display: flex;
    align-items: center;
    flex: 1;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.student-data-type[b-9z1n1nwwh9] {
    width: 110px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.student-button[b-9z1n1nwwh9] {
    cursor: pointer;
}

.student-edit[b-9z1n1nwwh9] {
    margin-right: 10px;
}

.student-show[b-9z1n1nwwh9] {
}

[b-9z1n1nwwh9]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
[b-9z1n1nwwh9]::-webkit-scrollbar-track {
    background: #F2F5F7;
    border-radius: 5.5px;
}

/* Handle */
[b-9z1n1nwwh9]::-webkit-scrollbar-thumb {
    background: #AAAAAA;
    border-radius: 4.4px;
}

    /* Handle on hover */
    [b-9z1n1nwwh9]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.print-container[b-9z1n1nwwh9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 9999;
}

.print-student-holder-info[b-9z1n1nwwh9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 41px;
}

.print-student-holder[b-9z1n1nwwh9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 35px;
    overflow: scroll;
    font-size: 16px;
}

.print-student[b-9z1n1nwwh9] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.print-student-img[b-9z1n1nwwh9] {
    margin-right: 22px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
}

    .print-student-img img[b-9z1n1nwwh9] {
        width: 100%;
        height: 100%;
    }

.print-student-data[b-9z1n1nwwh9] {
    display: flex;
    align-items: center;
    min-height: 50px;
    background-color: #FCFCFC;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    margin-right: 23.5px;
}

.print-student-data-id[b-9z1n1nwwh9] {
    width: 150px;
    padding-left: 20px;
}

.print-student-data-name[b-9z1n1nwwh9] {
    display: flex;
    align-items: center;
    width: 350px;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.print-student-data-group[b-9z1n1nwwh9] {
    width: 90px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.print-student-data-class[b-9z1n1nwwh9] {
    width: 90px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.print-student-data-post[b-9z1n1nwwh9] {
    width: 90px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}


/*Export view classes*/

.blur-overlay[b-9z1n1nwwh9] {
    position: fixed;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(2px);
    z-index: 1;
}


.export-box[b-9z1n1nwwh9] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 900px;
    height: 550px;
    background-color: white;
    box-shadow: 0 0 4px #CECECE;
    z-index: 1;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.export-title-text[b-9z1n1nwwh9] {
    font-family: omnesMedium;
    font-size: 16.22px;
    margin-top: 30.4px;
}

.checkbox-container[b-9z1n1nwwh9] {
    margin-top: 10px;
    width: 880px;
    display: flex;
    flex-wrap: wrap;
}

.checkbox[b-9z1n1nwwh9] {
    display: flex;
    width: 220px;
}

.checkbox-label[b-9z1n1nwwh9] {
    margin-left: 10px;
    font-family: omnesRegular;
}



.dialog-button-container[b-9z1n1nwwh9] {
    height: 34.75px;
    width: 337.4px;
    margin-top: 57.2px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.text-input[b-9z1n1nwwh9] {
    width: 100%;
    border: 0;
    background-color: #F2F5F7;
}


.dialog-button[b-9z1n1nwwh9] {
    width: 108.18px;
    height: 100%;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    background-color: white;
    font-family: omnesMedium;
    font-size: 13px;
}

/*End Export view classes*/

.shortcuts-holder[b-9z1n1nwwh9] {
    height: 133px;
    display: flex;
    flex-direction: column;
    background-color: #FCFCFC;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    font-size: 13px;
    color: #353535;
    padding-top: 13px;
    padding-left: 25px;
    padding-right: 10px;
}

.shortcuts-header[b-9z1n1nwwh9] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 20px;
}

.shortcuts[b-9z1n1nwwh9] {
    margin-right: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 28px;
}

.shortcut[b-9z1n1nwwh9] {
    position: relative;
    width: 122px;
    height: 44px;
    display: flex;
    flex-direction: row;
    font-size: 13px;
    color: #353535;
    background-color: #FFFFFF;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    align-items: center;
    cursor: pointer;
}

.shortcut-img[b-9z1n1nwwh9] {
    margin-left: 15px;
    max-width: 14px;
    max-height: 14px;
}

.shortcut-text[b-9z1n1nwwh9] {
    margin-left: 12px;
}

.shortcut-select[b-9z1n1nwwh9] {
    position: absolute;
    top: -8px;
    right: 8px;
    width: 16px;
    height: 16px;
}

.create-button-holder[b-9z1n1nwwh9] {
    display: flex;
    margin-top: 50px;
    width: 1141px;
    gap: 50px;
    justify-content: center;
}

.cards-button[b-9z1n1nwwh9] {
    display: flex;
    justify-content: center;
    gap: 8px;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    padding: 14px 20px 14px 20px;
    min-width: 130px;
}

/*.cards-button img{
    max-height:20px;
    max-width:20px;
}*/

.left-right-wrapper[b-9z1n1nwwh9] {
    display: flex;
}

.left-wrapper[b-9z1n1nwwh9] {
    display: flex;
    margin-right: 75px;
}

.right-wrapper[b-9z1n1nwwh9] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

}

.template-holder[b-9z1n1nwwh9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.user-image[b-9z1n1nwwh9] {
    position: relative;
    margin-top: 41px;
    width: 125px;
    height: 125px;
}

.user-img-img[b-9z1n1nwwh9] {
    border-radius: 50%;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.upload-arrow[b-9z1n1nwwh9] {
    position: absolute;
    top: 15px;
    right: 0px;
    width: 23px;
    height: 23px;
    cursor: pointer;
}

.template-holder[b-9z1n1nwwh9] {
    justify-items: center;
}
/* /Pages/Admin/AddUsers.razor.rz.scp.css */
.main-container[b-st8r2knsln] {
    display: flex;
    flex-direction: row;
    height: 100%;
    padding-left: 67.3px;
    padding-top: 50.2px;
}

.left-page-container[b-st8r2knsln] {
    flex: 0 0 270px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.user-image[b-st8r2knsln] {
    position: relative;
    margin-top: 96px;
    width: 125px;
    height: 125px;
}

.user-img-img[b-st8r2knsln] {
    border-radius: 50%;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.upload-arrow[b-st8r2knsln] {
    position: absolute;
    top: 15px;
    right: 0px;
    width: 23px;
    height: 23px;
    cursor: pointer;
}

.user-name-text[b-st8r2knsln] {
    margin-top: 13px;
    font-family: omnesMedium;
    font-size: 15px;
    padding-bottom: 20px;
}

.post-container[b-st8r2knsln] {
    width: 86.5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
}

.post-text[b-st8r2knsln] {
    font-family: omnesMedium;
    font-size: 11px;
}

.post-dropdown[b-st8r2knsln] {
    margin-left: 7px;
    width: 51px;
    height: 21px;
    background-color: #F2F5F7;
    border-radius: 10.5px;
    display: inherit;
    align-items: center;
}

.number-text[b-st8r2knsln] {
    font-family: omnesRegular;
    font-size: 10px;
    margin-left: 14px;
}

.dropdown-arrow[b-st8r2knsln] {
    margin-left: 10px;
    width: 5.79px;
    height: 3.44px;
}

.right-page-container[b-st8r2knsln] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.top-right-buttons-container[b-st8r2knsln] {
    display: flex;
    flex-direction: row;
    width: 870px;
    justify-content: flex-end;
    gap: 15px;
}

.inscricao-button[b-st8r2knsln] {
    display: inherit;
    width: 49px;
    height: 49px;
    border: 1px solid #F2F5F7;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
}

.inscricao-button-image[b-st8r2knsln] {
    height: auto;
}

.scrollable-container[b-st8r2knsln] {
    height: 629px;
    width: 1131px;
    width: calc(100% + 25px);
    overflow: scroll;
    overflow-x: hidden;
}

.row-container[b-st8r2knsln] {
    display: flex;
    flex-direction: row;
    height: 65.17px;
    width: 870px;
}

.input-container[b-st8r2knsln] {
    border-radius: 12.21px;
    background-color: #F2F5F7;
    height: 42.32px;
    display: flex;
    align-items: center;
    width: 100%;
}

.slash-date[b-st8r2knsln] {
    font-size: 14px;
    font-family: omnesMedium;
    margin-left: 8.2px;
}

.text-input[b-st8r2knsln] {
    border: 0;
    border-radius: 12.21px;
    background-color: #F2F5F7;
    font-family: omnesRegular;
    font-size: 13px;
    padding-left: 16px;
    width: 100%;
    height: 100%;
}

.dropdown-select[b-st8r2knsln] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(images/svg/sidebar/dropdownArrow.svg);
    background-repeat: no-repeat, repeat;
    background-position: right 1.1em top 50%, 0 0;
    background-size: .55em auto, 100%;
    background-color: #F2F5F7;
}

select:invalid[b-st8r2knsln] {
    color: #969696;
}

.image-input[b-st8r2knsln] {
    margin-left: 10px;
}

.data-container[b-st8r2knsln] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.save-button[b-st8r2knsln] {
    width: 129.32px;
    height: 50.95px;
    border: solid;
    border-width: 1px;
    border-radius: 12px;
    border-color: #F2F5F7;
    margin-top: 43.4px;
    margin-left: 371.1px;
    display: inherit;
    align-items: center;
    justify-content: space-evenly;
    cursor: pointer;
}

.save-image[b-st8r2knsln] {
    width: 12.5px;
    height: 15px;
}

.save-text[b-st8r2knsln] {
    font-family: omnesMedium;
    font-size: 15px;
}

textarea[b-st8r2knsln] {
    resize: none !important;
    padding-top: 11.4px;
}

[b-st8r2knsln]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
[b-st8r2knsln]::-webkit-scrollbar-track {
    background: #F2F5F7;
    border-radius: 5.5px;
}

/* Handle */
[b-st8r2knsln]::-webkit-scrollbar-thumb {
    background: #AAAAAA;
    border-radius: 4.4px;
}

    /* Handle on hover */
    [b-st8r2knsln]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }


.disable-background[b-st8r2knsln] {
    background: none;
    border: 1px solid #F2F5F7;
}

.auto-save-button[b-st8r2knsln] {
    width: 132.65px;
    height: 23.92px;
    border: solid;
    border-width: 1px;
    border-radius: 9.34px;
    border-color: #F2F5F7;
    display: inherit;
    align-items: center;
    justify-content: space-evenly;
}

.auto-save-image[b-st8r2knsln] {
    width: 7.17px;
    height: 7.8px;
}

.auto-save-text[b-st8r2knsln] {
    font-family: omnesMedium;
    font-size: 8.5px;
}

input[b-st8r2knsln]::-webkit-outer-spin-button,
input[b-st8r2knsln]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-st8r2knsln] {
    -moz-appearance: textfield;
}
/* /Pages/Admin/Admin.razor.rz.scp.css */
.admin-wrapper[b-p4ibi0tild] {
    display: flex;
    flex-direction: column;
    padding: 30px;
    gap:50px;

}

.admin-panel[b-p4ibi0tild] {
    display: flex;
    gap: 50px;
}

.panel[b-p4ibi0tild] {
    height: 350px;
    padding: 15px 25px 15px 25px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
}

.accounts[b-p4ibi0tild] {
    display: flex;
    gap: 25px;
}

.account-list[b-p4ibi0tild] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
}

.account-list-holder[b-p4ibi0tild] {
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.selected-info[b-p4ibi0tild] {
    min-width: 250px;
    margin-bottom: 10px;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.account-form[b-p4ibi0tild]{

}

    .account-form label[b-p4ibi0tild] {
        width: 140px;
    }

.role[b-p4ibi0tild]{

}

.inset-shadow[b-p4ibi0tild] {
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.4);
}

.role-list[b-p4ibi0tild] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    height:100%;
}

.role-list-holder[b-p4ibi0tild] {
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 10px;
}
/* /Pages/Groups/GroupsPage.razor.rz.scp.css */
.groups-wrapper[b-neypersddr] {
    display: flex;
    flex-direction: column;
    padding-left: 70px;
    padding-top: 50px;
    height: 80%;
    min-height: 700px;
    width: 90%;
    min-width: 1250px;
    font-family: omnesRegular!important;
}

.groups-container[b-neypersddr] {
    display: flex;
    gap: 50px;
    flex-direction: column;
    overflow-y:scroll;
    height:600px;
}

.group-info-students[b-neypersddr] {
    height: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.group-container[b-neypersddr] {
    border: 1px solid #F2F5F7;
    width: 100%;
    min-height: 200px;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    border-radius: 15px;
    flex-shrink: 0;
}

.group-info[b-neypersddr] {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #F2F5F7;
    border-radius: 15px;
    overflow: hidden;
    flex-shrink: 0;
}

.group-info-days[b-neypersddr] {
    display: flex;
    width:90px;
    flex-direction: column;
    overflow: hidden;
    flex-shrink: 0;
    border-left: 1px solid #F2F5F7;
    border-right: 1px solid #F2F5F7;
}

.group-info-title[b-neypersddr] {
    background-color: #FCFCFC;
    border-bottom: 1px solid #F2F5F7;
    padding: 10px;
}

.group-info-number[b-neypersddr] {
    padding: 10px;
    text-align: center;
    margin: auto;
}

.group-card-holder[b-neypersddr] {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 15px;
    padding: 15px;
}

.print-button-holder[b-neypersddr] {
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
}

.print-button-holder-table[b-neypersddr] {
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0px;
    flex-grow: 1;
}

[b-neypersddr]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
[b-neypersddr]::-webkit-scrollbar-track {
    background: #F2F5F7;
    border-radius: 5.5px;
}

/* Handle */
[b-neypersddr]::-webkit-scrollbar-thumb {
    background: #AAAAAA;
    border-radius: 4.4px;
}

    /* Handle on hover */
    [b-neypersddr]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
/* /Pages/Groups/PrintGroupTable.razor.rz.scp.css */
.print-table-holder[b-48j3xel6sj] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: white;
    z-index: 999999;
    display: flex;
    justify-content: center;
}


.print-button[b-48j3xel6sj] {
}


.print-student-holder-info[b-48j3xel6sj] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 41px;
}

.print-student-holder[b-48j3xel6sj] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 42px;
    font-size: 14px;
}

.print-student[b-48j3xel6sj] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.print-student-img[b-48j3xel6sj] {
    margin-right: 22px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}

    .print-student-img img[b-48j3xel6sj] {
        width: 100%;
        height: 100%;
    }

.print-student-data[b-48j3xel6sj] {
    display: flex;
    align-items: center;
    height: 50px;
    background-color: #FCFCFC;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    width: 100%;
}

.print-student-data-id[b-48j3xel6sj] {
    width: 150px;
    padding-left: 20px;
}

.print-student-data-name[b-48j3xel6sj] {
    width: 300px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.print-student-data-group[b-48j3xel6sj] {
    width: 60px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.print-student-data-class[b-48j3xel6sj] {
    width: 120px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.print-student-data-post[b-48j3xel6sj] {
    width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
}

[b-48j3xel6sj]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
[b-48j3xel6sj]::-webkit-scrollbar-track {
    background: #F2F5F7;
    border-radius: 5.5px;
}

/* Handle */
[b-48j3xel6sj]::-webkit-scrollbar-thumb {
    background: #AAAAAA;
    border-radius: 4.4px;
}

    /* Handle on hover */
    [b-48j3xel6sj]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
/* /Pages/InscricoesPage.razor.rz.scp.css */
.page-container[b-2mq5gzt85w] {
    display:flex;
    flex-direction:row;
    padding-top:42px;
    height:100%;
}
/* /Pages/Login/Login.razor.rz.scp.css */
.background-container[b-n3k6fv99o2] {
    position: absolute;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.page-container[b-n3k6fv99o2] {
    display: grid;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    overflow-x: hidden;
    background-size: cover;
    background-position: center;
}

.login-container[b-n3k6fv99o2] {
    position: relative;
    width: 523px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FFFFFF;
    overflow: hidden;
    margin-top: 60px;
    padding-top: 55px;
    padding-bottom: 55px;
}

.login-logo[b-n3k6fv99o2]{
    margin-bottom:50px;
    width:220px;
    height:60px;
}

.login-button[b-n3k6fv99o2] {
    width: 182px;
    height: 44px;
    border: none;
    font-size: 16px;
    border-radius: 14px;
    background-color: #F4A261;
    color: #FFFFFF;
    align-self: center;
}

.show-pass[b-n3k6fv99o2] {
    position: absolute;
    top: 13.5px;
    right: 15px;
    width: 25px;
    height: 25px;
}

.login-keep-session[b-n3k6fv99o2]{
    margin-bottom:40px;
}

.login-color-bar[b-n3k6fv99o2] {
    position:absolute;
    bottom:0;
    width: 100%;
    height: 25px;
}


.checkbox-round[b-n3k6fv99o2] {
    width: 24px;
    height: 24px;
    background-color: #FAFBFC;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #969696;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

    .checkbox-round:checked[b-n3k6fv99o2] {
        background-color: gray;
    }

.copyright[b-n3k6fv99o2] {
    margin-bottom: 35px;
    /* margin-top: auto; */
    font-size: 15px;
    color: #474747;
    z-index: 1;
    align-self: flex-end;
    text-align: center;
}

.form-container[b-n3k6fv99o2] {
    margin-top: 40px;
}

@media(max-height:850px) {
    .copyright[b-n3k6fv99o2] {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media(max-height:775px) {
    .copyright[b-n3k6fv99o2] {
        margin-bottom: 10px;
    }
}

@media(max-height:740px) {
    .copyright[b-n3k6fv99o2] {
        margin-bottom: 10px;
    }

    .login-container[b-n3k6fv99o2] {
        margin-top:30px;
    }

    .form-container[b-n3k6fv99o2] {
        margin-top: 20px;
    }

    .login-logo[b-n3k6fv99o2] {
        margin-bottom: 35px;
    }
    .pw-divs.input[b-n3k6fv99o2]{
        margin-bottom:20px;
    }
}

@media(max-height:675px) {
    .copyright[b-n3k6fv99o2] {
        margin-bottom: 10px;
    }

    .login-container[b-n3k6fv99o2] {
        margin-top: 30px;
    }

    .login-container form[b-n3k6fv99o2]{
        margin-top:20px;
    }

    .login-logo[b-n3k6fv99o2] {
        margin-bottom: 25px;
    }

    .pw-divs.input[b-n3k6fv99o2] {
        margin-bottom: 20px;
    }

    .form-container[b-n3k6fv99o2] {
        margin-top: 10px;
    }
}

@media(max-height:620px) {

}
/* /Pages/PainelPage.razor.rz.scp.css */

.page-container[b-vivnn8txmu] {
    height: 80%;
    min-height: 700px;
    width: 90%;
    min-width: 1000px;
    display: flex;
    flex-direction: column;
    padding-left: 67.3px;
    padding-top:  50.2px;
    gap: 25px;
}

.bottom-panels-container[b-vivnn8txmu] {
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    justify-content: space-between;
    gap: 25px;
}

.panel[b-vivnn8txmu] {
    background-color: #FCFCFC;
    display: flex;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    flex-direction: column;
}

.shortcuts-panel[b-vivnn8txmu] {
    width: 100%;
    height: 150px;
    padding: 30px 25px 30px 25px;
}

.next-events-panel[b-vivnn8txmu] {
    width: 366px;
    height: 403px;
    flex-shrink: 0;
}

.calendar-panel[b-vivnn8txmu] {
    width: 366px;
    height: 403px;
}

.progress-holder[b-vivnn8txmu] {
    margin-left: 25px;
    margin-top: 24px;
    display:flex;
    gap:15px;
}

.presence-texts[b-vivnn8txmu] {
    display: flex;
    flex-direction: column;
}

.right-panels-container[b-vivnn8txmu] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.presence-panel[b-vivnn8txmu] {
    width: 369px;
    height: 159px;
    background-color: #FCFCFC;
    border: 1px solid #F2F5F7;
}

.presence-button[b-vivnn8txmu] {
    margin-top: 5px;
    width: 56px;
    height: 27px;
    border-radius: 999px;
    background-color: #E9C46A;
    margin-left: 75%;
    text-align: center;
    cursor: pointer;
}

.documents-panel[b-vivnn8txmu] {
    width: 366px;
    height: 224px;
}

.panel-header-text[b-vivnn8txmu] {
    font-family: omnesMedium;
    font-size: 16px;
}


.button-containers[b-vivnn8txmu] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
}

.shortcut-button[b-vivnn8txmu] {
    height: 100%;
    background-color: #FFFFFF;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 10px 15px 10px 15px;
}

.shortcut-image[b-vivnn8txmu] {
    max-width: 14px;
    max-height: 14px;
}

.shortcut-text[b-vivnn8txmu] {
    font-family: omnesMedium;
    font-size: 13.5px;
    margin-left: 10px;
}

.next-events-holder[b-vivnn8txmu]{
    margin-left:26.5px;
    margin-top:30px;
}

.events-holder[b-vivnn8txmu] {
    width: 290px;
    margin-top: 17px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    overflow-y: auto;
    height: 300px;
}

.event[b-vivnn8txmu]{
    width:100%;
    height:44px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}

.event-date[b-vivnn8txmu] {
    background-color: #FFFFFF;
    border: 1px solid #F2F5F7;
    border-radius: 15px;
    width: 32px;
    width: 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.no-event[b-vivnn8txmu] {
    background-color: #FFFFFF;
    border: 1px solid #F2F5F7;
    border-radius: 15px;
    width: 100%;
    height: 44px;
    align-content: center;
    text-align: center;
    font-size: 14px;
}

.event-data[b-vivnn8txmu] {
    background-color: #FFFFFF;
    border: 1px solid #F2F5F7;
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 238px;
    font-size: 10px;
}

.event-icon[b-vivnn8txmu] {
    border-radius: 15px;
    width: 41px;
    height: 41px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-text[b-vivnn8txmu]{
    display:flex;
    flex-direction:column;
}

.event-text-title[b-vivnn8txmu]{

}

.event-text-time[b-vivnn8txmu]{

}

.next-events-panel[b-vivnn8txmu] {
    overflow: hidden;
}

[b-vivnn8txmu]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
[b-vivnn8txmu]::-webkit-scrollbar-track {
    background: #F2F5F7;
    border-radius: 5.5px;
}

/* Handle */
[b-vivnn8txmu]::-webkit-scrollbar-thumb {
    background: #AAAAAA;
    border-radius: 4.4px;
}

    /* Handle on hover */
    [b-vivnn8txmu]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
/* /Pages/PrintTable.razor.rz.scp.css */

.print-button[b-t389bw8nh5]{

}


.print-student-holder-info[b-t389bw8nh5] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 41px;
}

.print-student-holder[b-t389bw8nh5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    overflow: scroll;
    font-size: 14px;
}

.print-student[b-t389bw8nh5] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.print-student-img[b-t389bw8nh5] {
    margin-right: 22px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}

    .print-student-img img[b-t389bw8nh5] {
        width: 100%;
        height: 100%;
    }

.print-student-data[b-t389bw8nh5] {
    display: flex;
    align-items: center;
    height: 50px;
    background-color: #FCFCFC;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    margin-right: 23.5px;
}

.print-student-data-id[b-t389bw8nh5] {
    width: 150px;
    padding-left: 20px;
}

.print-student-data-name[b-t389bw8nh5] {
    display: flex;
    align-items: center;
    width: 300px;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.print-student-data-group[b-t389bw8nh5] {
    width: 90px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.print-student-data-class[b-t389bw8nh5] {
    width: 90px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.print-student-data-post[b-t389bw8nh5] {
    width: 90px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

[b-t389bw8nh5]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
[b-t389bw8nh5]::-webkit-scrollbar-track {
    background: #F2F5F7;
    border-radius: 5.5px;
}

/* Handle */
[b-t389bw8nh5]::-webkit-scrollbar-thumb {
    background: #AAAAAA;
    border-radius: 4.4px;
}

    /* Handle on hover */
    [b-t389bw8nh5]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
/* /Pages/ProjectSelector/ProjectSelector.razor.rz.scp.css */
.background-container[b-fzw0nq7re0] {
    position: absolute;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.page-container[b-fzw0nq7re0] {
    display: grid;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    overflow-x: hidden;
    background-size: cover;
    background-position: center;
    color: #353535;
}

.project-container[b-fzw0nq7re0] {
    position: relative;
    height: 631px;
    width: 1028px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FFFFFF;
    overflow: hidden;
    margin-top: 60px;
    padding: 60px;
    padding-top:50px;
    padding-bottom:50px;
}


.show-pass[b-fzw0nq7re0] {
    position: absolute;
    top: 13.5px;
    right: 15px;
    width: 25px;
    height: 25px;
}

.login-keep-session[b-fzw0nq7re0] {
    margin-bottom: 40px;
}

.login-color-bar[b-fzw0nq7re0] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 25px;
}


.checkbox-round[b-fzw0nq7re0] {
    width: 24px;
    height: 24px;
    background-color: #FAFBFC;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #969696;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

    .checkbox-round:checked[b-fzw0nq7re0] {
        background-color: gray;
    }

.copyright[b-fzw0nq7re0] {
    margin-bottom: 35px;
    /* margin-top: auto; */
    font-size: 15px;
    color: #474747;
    z-index: 1;
    align-self: flex-end;
    text-align: center;
}


.project-header[b-fzw0nq7re0] {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.user-container[b-fzw0nq7re0] {
    display: flex;
    align-items: center;
}

.username-container[b-fzw0nq7re0] {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.username-text[b-fzw0nq7re0] {
    font-size: 18px;
}

.email-text[b-fzw0nq7re0] {
    font-size: 16px;
}

.avatar-image[b-fzw0nq7re0] {
    margin-left: 34px;
    width: 70.71px;
    height: 66px;
}

.center-projects[b-fzw0nq7re0] {
    display: flex;
    flex-direction: column;
    margin-top:65px;
}

.project-info[b-fzw0nq7re0] {
    display: flex;
    flex-direction: column;
    color: #3F3F3F;
    font-size:20.5px;
}

.project-selector[b-fzw0nq7re0]{
    margin-top:35px;
    display:flex;
    gap:22px;
}

.project-holder[b-fzw0nq7re0] {
    /*0%: #FF009B            50%:#FF8E2B              100%#FFCB1A 90deg? */
    width: 203px;
    height: 163px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-selected[b-fzw0nq7re0] {
    background: rgb(255,0,155);
    background: linear-gradient(135deg, rgba(255,0,155,1) 0%, rgba(255,142,43,1) 50%, rgba(255,203,26,1) 100%);
}

.project[b-fzw0nq7re0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 95%;
    height: 95%;
    border-radius: 20px;
    background-color: white;
    border: 2px solid #969696;
}

    .project img[b-fzw0nq7re0] {
        max-width: 90%;
        max-height: 90%;
    }

.login-button[b-fzw0nq7re0] {
    width: 182px;
    height: 44px;
    border: none;
    font-family: omnesMedium;
    font-size: 16px;
    border-radius: 14px;
    background-color: #F4A261;
    color: #FFFFFF;
    margin-top: 70px;
    flex-shrink: 0;
    align-self: center;
}

@media(max-height:850px) {
    .copyright[b-fzw0nq7re0] {
        margin-top:20px;
        margin-bottom: 20px;
    }
}

@media(max-height:775px) {
    .copyright[b-fzw0nq7re0] {
        margin-bottom: 10px;
    }
    .project-container[b-fzw0nq7re0] {
        height: max-content;
        width: 900px;
    }
}

@media(max-height:725px) {
    .copyright[b-fzw0nq7re0] {
        margin-bottom: 10px;
    }
    .center-projects[b-fzw0nq7re0]{
        margin-top:30px;
    }
    .project-selector[b-fzw0nq7re0]{
        margin-top:15px;
    }
    .login-button[b-fzw0nq7re0]{
        margin-top:30px;
    }

    .project-holder[b-fzw0nq7re0] {
        width: 162px;
        height: 130px;
    }
}
/* /Pages/SchoolScheduler/Components/Calendar.razor.rz.scp.css */
.calendar-holder[b-xd8gd203up] {
    display: flex;
    flex-direction: column;
    min-width: 1000px;
    width: 90%;
    font-size: 15px;
    padding-left: 67.3px;
    padding-top: 50.2px;
    padding-bottom: 50px;
}

.calendar-controls[b-xd8gd203up] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 4px;
    height: 58px;
    width: 100%;
    background-color: #F2F5F7;
    border-radius: 12px;
}

.calendar-movers[b-xd8gd203up] {
    width: 260px;
    display: flex;
    gap: 4px;
}

.mover[b-xd8gd203up] {
    display: flex;
    width: 54px;
    height: 50px;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    background-color: white;
}

.today-button[b-xd8gd203up] {
    display: flex;
    width: 116px;
    height: 50px;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    background-color: white;
    margin-left: 26px;
}

.controls-date[b-xd8gd203up] {
    display: flex;
    min-width: 184px;
    padding:15px;
    height: 50px;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    background-color: white;
    text-transform: uppercase;
}

.controls-visualize[b-xd8gd203up] {
    width: 260px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 23px;
}

.visualize-dropdown[b-xd8gd203up] {
    display: flex;
    width: 116px;
    height: 50px;
    border-radius: 12px;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    text-transform: uppercase;
    padding-left: 22px;
    padding-right: 14px;
    -webkit-appearance: none;
    border: none;
    font-size: 15px;
}

select[b-xd8gd203up] {
    -webkit-appearance: none;
}

.calendar-header[b-xd8gd203up] {
    display: flex;
    margin-top: 4px;
    flex-shrink: 0;
    align-items: center;
    flex-direction: row;
    height: 50px;
    width: 100%;
    background-color: #F2F5F7;
    border-radius: 12px;
}

.calendar-header-cell[b-xd8gd203up] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12.5px;
    height: 28.5px;
    text-transform: uppercase;
    position: relative;
}

    .calendar-header-cell hr[b-xd8gd203up] {
        height: 100%;
        width: 2px;
        background-color: #CED5D8;
        color: #CED5D8;
        border-color: #CED5D8;
        position: absolute;
        right: 0px;
    }

.calendar-days[b-xd8gd203up] {
    display: flex;
    flex-direction: column;
    margin-top: 8.5px;
}

.calendar-days-daily[b-xd8gd203up] {
    display: flex;
    flex-direction: column;
    margin-top: 8.5px;
    height: 529px;
    overflow-y: scroll;
    width: calc(100% + 25px);
    padding-right: 15px;
}

.calendar-row[b-xd8gd203up] {
    margin-top: 7px;
    display: flex;
    gap: 4px;
    width: 100%;
}

.calendar-cell[b-xd8gd203up] {
    flex: 1;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    aspect-ratio: 163 / 74;
    background-color: white;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
}

.cell-today[b-xd8gd203up] {
    height: 19.5px;
    width: 19.5px;
    background-color: #2A9D8F;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendar-cell-day[b-xd8gd203up] {
    font-size: 9px;
}

.cell-not-current-month[b-xd8gd203up] {
    background-color: #F2F5F7;
}

.calendar-cell-hour[b-xd8gd203up] {
    display: flex;
    flex-direction: row;
    height: 48px;
/*    border: 1px solid #F2F5F7;
    border-radius: 12px;*/
    flex-shrink: 0;
}

.calendar-cell-weekly[b-xd8gd203up] {
    display: flex;
    flex-direction: row;
    height: 48px;
    border-radius: 12px;
    flex-shrink: 0;
}

.calendar-cell-weekly-hour[b-xd8gd203up] {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex: 1;
}

.calendar-cell-weekly-hour-stat[b-xd8gd203up] {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex: 1;
    border: 1px solid #F2F5F7;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

.calendar-cell-weekly-hour div[b-xd8gd203up] {
    flex: 1;
}

.calendar-cell-weekly-hour-border[b-xd8gd203up] {
    border-top: 1px solid #F2F5F7;
    border-bottom: 1px solid #F2F5F7;
    border-right: 1px solid #F2F5F7;
}

.ccwh-last[b-xd8gd203up]{
    border-bottom-right-radius:8px;
    border-top-right-radius:8px;
}

.calendar-cell-hour-top[b-xd8gd203up] {
    display: flex;
    flex: 1;
    padding-left: 9px;
    align-items: center;
}

.cell-hour-time-space[b-xd8gd203up] {
    width: 60px;
    display: flex;
    flex-direction: column;
    border: 1px solid #F2F5F7;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-right: 0;
}

.cell-hour-appointment-space[b-xd8gd203up] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.cell-hour-appointment-space-border[b-xd8gd203up] {
    border-radius: 8px;
    border: 1px solid #F2F5F7;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-left: 0;
}

.cell-hour-bottom[b-xd8gd203up]{
    flex:1;
}

.cell-appointment-holder[b-xd8gd203up] {
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cell-appointment[b-xd8gd203up] {
    display: flex;
    flex-direction: row;
    padding: 3px;
    background-color: #14B3E2;
    color: white;
    font-size: 8px;
    line-height: 10px;
    height: 16px;
    gap: 3px;
    align-items: center;
    border-radius: 3px;
}

    .cell-appointment span[b-xd8gd203up] {
        height: 100%;
    }

.calendar-year-container[b-xd8gd203up] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 238px);
    justify-content: space-between;
    flex-direction: row;
    gap: 25px;
    margin-top: 21px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.calendar-year-month-container[b-xd8gd203up] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 238px;
    flex-shrink: 0;
}

.year-month-name[b-xd8gd203up] {
    font-size: 12.5px;
    text-align: center;
    text-transform: uppercase;
}

.year-month-header[b-xd8gd203up] {
    background-color: #F2F5F7;
    border-radius: 8px;
    height: 34px;
    flex-shrink: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.year-month-day-container[b-xd8gd203up] {
    display: flex;
    flex-direction: row;
}

.year-month-header-cell[b-xd8gd203up] {
    width: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:12px;
}

.year-month-day-container[b-xd8gd203up] {
    display: flex;
    margin-top: 1.5px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 5px;
}

.year-month-day[b-xd8gd203up] {
    width: 30px;
    height: 30px;
    display: flex;
    background-color: #F2F5F7;
    border-radius: 8px;
    font-size: 10px;
    align-items: center;
    justify-content: center;
}

.year-month-day-other[b-xd8gd203up] {
    color: #9B9B9B;
    border: 1px solid #F2F5F7;
    background-color:white;
}
/* /Pages/SchoolScheduler/PrintSchedulerTable.razor.rz.scp.css */
.print-table-holder[b-u0l272x5ut] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: white;
    z-index: 999999;
    display: flex;
    justify-content: center;
}


.print-button[b-u0l272x5ut] {
}


.print-student-holder-info[b-u0l272x5ut] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 41px;
}

.print-student-holder[b-u0l272x5ut] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    font-size: 14px;
}

.print-student[b-u0l272x5ut] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.print-student-img[b-u0l272x5ut] {
    margin-right: 22px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}

    .print-student-img img[b-u0l272x5ut] {
        width: 100%;
        height: 100%;
    }

.print-student-data[b-u0l272x5ut] {
    display: flex;
    align-items: center;
    height: 50px;
    background-color: #FCFCFC;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    width: 100%;
}

.print-student-data-id[b-u0l272x5ut] {
    width: 150px;
    padding-left: 20px;
}

.print-student-data-name[b-u0l272x5ut] {
    width:300px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.print-student-data-group[b-u0l272x5ut] {
    width:60px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.print-student-data-class[b-u0l272x5ut] {
    width: 120px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.print-student-data-post[b-u0l272x5ut] {
    width: 160px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

[b-u0l272x5ut]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
[b-u0l272x5ut]::-webkit-scrollbar-track {
    background: #F2F5F7;
    border-radius: 5.5px;
}

/* Handle */
[b-u0l272x5ut]::-webkit-scrollbar-thumb {
    background: #AAAAAA;
    border-radius: 4.4px;
}

    /* Handle on hover */
    [b-u0l272x5ut]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
/* /Pages/SchoolScheduler/SchoolScheduler.razor.rz.scp.css */
.scheduler-wrapper[b-sxyh637ltk] {
    display: flex;
    flex-direction: column;
    padding-left: 70px;
    padding-top: 50.2px;
    height: 80%;
    min-height: 700px;
    width: 90%;
    min-width: 1250px;
    /*    max-width: 1250px;*/
}

.print-button-holder[b-sxyh637ltk] {
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0px;
    flex-grow: 1;
}

    .print-button-holder div[b-sxyh637ltk] {
        cursor: pointer;
    }

    .color-legend[b-sxyh637ltk] {
        width: 190px;
        height: 30px;
        padding: 5px;
        border-radius: 999px;
        display: flex;
        text-align: center;
        align-items: center;
        line-height: 1;
        justify-content: center;
        color: black;
    }

.color-legend-icon[b-sxyh637ltk] {
    justify-content: center;
    width: 49px;
    height: 49px;
    background-color: #f2f5f7;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

    .color-legend-icon img[b-sxyh637ltk] {
        height: 25px;
    }

.filters[b-sxyh637ltk] {
    display: flex;
    flex-direction: row;
    gap: 25px;
}

.filter[b-sxyh637ltk] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/* /Pages/StudentAbsences/StudentAbsences.razor.rz.scp.css */
.students-wrapper[b-x6qc4974yf] {
    display: flex;
    flex-direction: column;
    padding-left: 70px;
    padding-top: 50.2px;
    height: 80%;
    min-height: 700px;
    width: 90%;
    min-width: 1250px;
}

.student-holder[b-x6qc4974yf] {
    display: flex;
    height: 500px;
    flex-direction: column;
    align-items: flex-start;
    overflow: scroll;
    overflow-x: hidden;
    scroll-snap-type: y mandatory;
}

/*table {
    border-collapse: collapse;
}

th, td {
    text-align: center;
}

th {
    background-color: #808080;
    color: white;
    padding: 2px;
}*/


.checkbox-label[b-x6qc4974yf] {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.student-img[b-x6qc4974yf] {
    margin-right: 5px;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    cursor: pointer;
}

    .student-img img[b-x6qc4974yf] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.student-name[b-x6qc4974yf] {
    text-align: start;
    padding-left: 5px;
    padding-right: 5px;
    width: 280px;
    display: flex;
    align-items: center;
    font-size:15px;
}

    .student-name span[b-x6qc4974yf]{
        margin-left:17px;
    }

    .week-button[b-x6qc4974yf] {
        background-color: #F2F5F7;
        border: 1px solid #F2F5F7;
        border-radius: 10px;
        padding: 8px;
        height: 42px;
    }

.student-orderby[b-x6qc4974yf] {
    display: flex;
    align-items: center;
    background-color: #F2F5F7;
    border: 1px solid #F2F5F7;
    border-radius: 10px;
    height: 42px;
    width: 410px;
    padding: 0px 15px 0px 15px;
    margin-right: 15px;
    justify-content: space-between;
    text-transform: none;
}

.student-orderby-open[b-x6qc4974yf] {
    position: relative;
    border: 0px solid #F2F5F7;
    background-color: #ffffff;
    border-radius: 10px;
    height: 42px;
    width: 410px;
    padding: 0px 15px 0px 15px;
    margin-right: 15px;
}


.student-orderby-open-title[b-x6qc4974yf] {
    display: flex;
    align-items: center;
    height: 40px;
    width: 100%;
    justify-content: space-between;
}

.order-by-blocker[b-x6qc4974yf] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index:3;
}

.student-orderby-open-content[b-x6qc4974yf] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #F2F5F7;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 0px 15px 10px 15px;
    gap: 15px;
    z-index:4;
}

    .student-orderby-open-content hr[b-x6qc4974yf] {
        border: 1px solid #F2F5F7;
        width: 95%;
        margin: 0;
        margin-top: -10px;
    }

.student-orderby-option[b-x6qc4974yf] {
}

.order-sort[b-x6qc4974yf] {
    margin-right: 30px;
}

.week-input-box[b-x6qc4974yf] {
    line-height: var(--rz-datepicker-line-height);
    padding-right: calc(1rem + var(--rz-datepicker-trigger-icon-width));
    height: var(--rz-input-height);
    line-height: var(--rz-input-line-height);
    color: var(--rz-input-value-color);
    font-size: var(--rz-input-font-size);
    transition: var(--rz-input-transition);
    outline: none;
    cursor: pointer;
    border: var(--rz-input-border);
    border-radius: var(--rz-input-border-radius);
    box-shadow: var(--rz-input-shadow);
    background-color: var(--rz-input-background-color);
    padding: var(--rz-input-padding);
    text-transform: capitalize !important;
    width: 250px;
    position:relative;
}

    .week-input-box:hover[b-x6qc4974yf] {
        box-shadow: var(--rz-input-hover-shadow);
        border: var(--rz-input-hover-border);
    }

.week-input[b-x6qc4974yf] {
    position: absolute;
    width: 286px;
    height: 48px;
    display: block;
    z-index: 2000;
    left: 0px;
    top: 100%;
    line-height: var(--rz-datepicker-header-line-height);
    background-color: var(--rz-datepicker-header-background-color);
    border-bottom: var(--rz-datepicker-header-border);
    color: var(--rz-datepicker-header-color);
    padding: var(--rz-datepicker-header-padding);
}

.week-input-blocker[b-x6qc4974yf] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 3;
}

.print-container[b-x6qc4974yf] {
    position: absolute;
    background-color: white;
    z-index: 99999;
    top: 0;
    left: 0;
    display: flex;
    width: 100vw;
    height: fit-content;
    justify-content: center;
    min-height: 100vh;
}


.students-wrapper[b-x6qc4974yf] {
    display: flex;
    flex-direction: column;
    padding-left: 70px;
    padding-top: 50.2px;
    height: 80%;
    min-height: 700px;
    width: 90%;
}

.student-holder[b-x6qc4974yf] {
    display: flex;
    height: 500px;
    flex-direction: column;
    align-items: flex-start;
    overflow: scroll;
    scroll-snap-type: y mandatory;
}

table[b-x6qc4974yf] {
    border-collapse: initial !important;
    border-spacing: 5px 5px;
}

/*th, td {
    text-align: center;
}

th {
    background-color: #808080;
    color: white;
    padding: 2px;
}*/


.checkbox-label[b-x6qc4974yf] {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.student-img[b-x6qc4974yf] {
    margin-right: 5px;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    cursor: pointer;
}

    .student-img img[b-x6qc4974yf] {
        width: 90%;
        height: 90%;
    }

.student-name[b-x6qc4974yf] {
    text-align: start;
    padding-left: 5px;
    padding-right: 5px;
    width: 280px;
    display: flex;
    align-items: center;
    font-size: 15px;
}

.student-number[b-x6qc4974yf] {
    min-width: 75px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    font-size: 13px;
}

    .student-number span[b-x6qc4974yf] {
        padding: 0px 0px 0px 5px;
        cursor: pointer;
    }

.activeStudents[b-x6qc4974yf] {
    border-radius: 15px;
    background-color: #F2F5F7;
}

.th-blocker-end[b-x6qc4974yf] {
    position: absolute;
    left: -5px;
    top: -5px;
    height: 120%;
    width: calc(100% + 5px);
    background-color: white;
    z-index: -2;
}

.week-button[b-x6qc4974yf] {
    background-color: #F2F5F7;
    border: 1px solid #F2F5F7;
    border-radius: 10px;
    padding: 8px;
}

.order-by-blocker[b-x6qc4974yf] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 3;
}

.weekday-text[b-x6qc4974yf] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    top: 8px;
}

.th-weekday-border-header[b-x6qc4974yf] {
    padding-top: 0px;
    padding-bottom: 0px;
}

.order-sort[b-x6qc4974yf] {
    margin-right: 30px;
}

table th[b-x6qc4974yf] {
    position: relative;
    padding: 5px;
    padding-bottom: 4px;
    padding-top: 4px;
    position: sticky;
    top: 5px;
    left: 5px;
    background-color: white;
    z-index: 1;
}

table td[b-x6qc4974yf] {
    position: relative;
}

.th-border[b-x6qc4974yf] {
    position: absolute;
    z-index: -1;
    width: 100%;
    background: #FCFCFC;
    border: 1px solid #FCFCFC;
    border-radius: 10px;
    left: 0px;
    top: -2px;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.th-border-header[b-x6qc4974yf] {
    position: absolute;
    z-index: -1;
    width: 100%;
    background: #FCFCFC;
    border: 1px solid #FCFCFC;
    border-radius: 10px;
    left: 0px;
    top: 0px;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 70px;
}

.td-border[b-x6qc4974yf] {
    position: absolute;
    z-index: 0;
    height: 50px;
    background-color: #F2F5F7;
    border: 1px solid #F2F5F7;
    border-radius: 10px;
    padding: 3px;
    left: -5px;
    border-left: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.td-border-header[b-x6qc4974yf] {
    position: absolute;
    z-index: -1;
    height: 50px;
    background-color: #F2F5F7;
    border: 1px solid #F2F5F7;
    border-radius: 10px;
    padding: 3px;
    width: 155px;
    border-right: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.toggle-bg[b-x6qc4974yf] {
    position: relative;
    width: 36px;
    height: 34px;
    border-radius: 8px;
    background-color: #FFFFFF;
    border: 1px solid #FCFCFC;
    margin-top: 8px;
    margin-left: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.th-blocker[b-x6qc4974yf] {
    position: absolute;
    left: -5px;
    top: -5px;
    height: 120%;
    width: calc(100% + 5px);
    background-color: white;
    z-index: -2;
}

.day-text[b-x6qc4974yf] {
    height: 29px;
    width: 36px;
    border-radius: 8px;
    background-color: #F2F5F7;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Pages/Students/Students.razor.rz.scp.css */
.students-wrapper[b-maent9ol4h] {
    display: flex;
    flex-direction: column;
    padding-left: 70px;
    padding-top: 50.2px;
    height: 80%;
    min-height: 700px;
    width: 90%;
    min-width: 1250px;
}

.top-menu[b-maent9ol4h] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    padding: 0px 25px 0px 25px;
    height: 133px;
    width: fit-content;
    border: 1px solid #F2F5F7;
    border-radius: 15px;
    background-color: #FCFCFC;
}

.top-menu-button[b-maent9ol4h] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0px 15px 0px 15px;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    background-color: #FFFFFF;
    height: 44px;
}

    .top-menu-button img[b-maent9ol4h] {
        margin-right: 13px;
        max-width: 14px;
        max-height: 14px;
    }

.student-holder-info[b-maent9ol4h] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 41px;
    width: 1141px;
}

.student-number[b-maent9ol4h] {
    margin-right: 20px;
    min-width: 85px;
    display: flex;
    flex-direction: column;
}

    .student-number span[b-maent9ol4h] {
        padding: 0px 5px 0px 5px;
        cursor:pointer;
    }

.student-orderby[b-maent9ol4h] {
    display: flex;
    align-items: center;
    background-color: #F2F5F7;
    border: 1px solid #F2F5F7;
    border-radius: 10px;
    height: 42px;
    width: 410px;
    padding: 0px 15px 0px 15px;
    margin-right: 15px;
    justify-content: space-between;
}

.student-orderby-open[b-maent9ol4h] {
    position: relative;
    border: 0px solid #F2F5F7;
    background-color: #ffffff;
    border-radius: 10px;
    height: 42px;
    width: 410px;
    padding: 0px 15px 0px 15px;
    margin-right: 15px;
}


.student-orderby-open-title[b-maent9ol4h] {
    display: flex;
    align-items: center;
    height: 40px;
    width: 100%;
    justify-content: space-between;
}

.order-by-blocker[b-maent9ol4h] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 3;
}

.student-orderby-open-content[b-maent9ol4h] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #F2F5F7;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 0px 15px 10px 15px;
    gap: 15px;
    z-index: 4;
}

    .student-orderby-open-content hr[b-maent9ol4h] {
        border: 1px solid #F2F5F7;
        width: 95%;
        margin: 0;
        margin-top: -10px;
    }

.student-orderby-option[b-maent9ol4h]{

}

.order-sort[b-maent9ol4h] {
    margin-right: 30px;
    cursor: pointer;
}

.student-search[b-maent9ol4h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    height: 42px;
    padding: 0px 15px 0px 15px;
    background-color: #F2F5F7;
    border-radius: 10px;
}

.student-holder[b-maent9ol4h] {
    display: flex;
    height: 450px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 45px;
    gap: 10px;
    overflow: scroll;
    overflow-x: hidden;
    scroll-snap-type: y mandatory;
}

.student[b-maent9ol4h] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 1141px;
    scroll-snap-align: start;
}

.student-img[b-maent9ol4h] {
    margin-right: 5px;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    cursor:pointer;
}

    .student-img img[b-maent9ol4h]{
        width:100%;
        height:100%;
    }

.student-data[b-maent9ol4h] {
    display: flex;
    align-items: center;
    height: 50px;
    background-color: #FCFCFC;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    margin-right: 25px;
    width: 100%;
}

.student-data-id[b-maent9ol4h] {
    width: 150px;
    padding-left: 20px;
}

.student-data-name[b-maent9ol4h] {
    display: flex;
    align-items: center;
    flex: 1;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.student-data-type[b-maent9ol4h] {
    width: 110px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.student-button[b-maent9ol4h] {
    cursor: pointer;
}

.student-edit[b-maent9ol4h] {
    margin-right:10px;
}

.student-show[b-maent9ol4h] {
}

[b-maent9ol4h]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
[b-maent9ol4h]::-webkit-scrollbar-track {
    background: #F2F5F7;
    border-radius: 5.5px;
}

/* Handle */
[b-maent9ol4h]::-webkit-scrollbar-thumb {
    background: #AAAAAA;
    border-radius: 4.4px;
}

    /* Handle on hover */
    [b-maent9ol4h]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.print-container[b-maent9ol4h] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 9999;
}

.print-student-holder-info[b-maent9ol4h] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 41px;
}

.print-student-holder[b-maent9ol4h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 35px;
    overflow: scroll;
    font-size: 16px;
}

.print-student[b-maent9ol4h] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.print-student-img[b-maent9ol4h] {
    margin-right: 22px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
}

    .print-student-img img[b-maent9ol4h] {
        width: 100%;
        height: 100%;
    }

.print-student-data[b-maent9ol4h] {
    display: flex;
    align-items: center;
    min-height: 50px;
    background-color: #FCFCFC;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    margin-right: 23.5px;
}

.print-student-data-id[b-maent9ol4h] {
    width: 150px;
    padding-left: 20px;
}

.print-student-data-name[b-maent9ol4h] {
    display: flex;
    align-items: center;
    width: 350px;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.print-student-data-group[b-maent9ol4h] {
    width: 90px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.print-student-data-class[b-maent9ol4h] {
    width: 90px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}

.print-student-data-post[b-maent9ol4h] {
    width: 90px;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #F2F5F7;
    border-radius: 12px;
    padding-left: 20px;
}


/*Export view classes*/

.blur-overlay[b-maent9ol4h] {
    position: fixed;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(2px);
    z-index: 1;
}


.export-box[b-maent9ol4h] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 900px;
    height: 550px;
    background-color: white;
    box-shadow: 0 0 4px #CECECE;
    z-index: 1;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.export-title-text[b-maent9ol4h] {
    font-family: omnesMedium;
    font-size: 16.22px;
    margin-top: 30.4px;
}

.checkbox-container[b-maent9ol4h] {
    margin-top:10px;
    width: 880px;
    display: flex;
    flex-wrap: wrap;
}

.checkbox[b-maent9ol4h] {
    display:flex;
    
    width: 220px;
}

.checkbox-label[b-maent9ol4h] {
    margin-left:10px;
    font-family: omnesRegular;
}



.dialog-button-container[b-maent9ol4h] {
    height: 34.75px;
    width: 337.4px;
    margin-top: 57.2px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.text-input[b-maent9ol4h] {
    width:100%;
    border: 0;  
    background-color: #F2F5F7;
}


.dialog-button[b-maent9ol4h] {
    width: 108.18px;
    height: 100%;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    background-color: white;
    font-family: omnesMedium;
    font-size: 13px;
}

/*End Export view classes*/

.shortcuts-holder[b-maent9ol4h] {
    height: 133px;
    display: flex;
    flex-direction: column;
    background-color: #FCFCFC;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    font-size: 13px;
    color: #353535;
    padding-top: 13px;
    padding-left: 25px;
    padding-right: 10px;
}

.shortcuts-header[b-maent9ol4h] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 20px;
}

.shortcuts[b-maent9ol4h] {
    margin-right: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 28px;
}

.shortcut[b-maent9ol4h] {
    position: relative;
    width: 122px;
    height: 44px;
    display: flex;
    flex-direction: row;
    font-size: 13px;
    color: #353535;
    background-color: #FFFFFF;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    align-items: center;
    cursor: pointer;
}

.shortcut-img[b-maent9ol4h] {
    margin-left: 15px;
    max-width: 14px;
    max-height: 14px;
}

.shortcut-text[b-maent9ol4h] {
    margin-left: 12px;
}

.shortcut-select[b-maent9ol4h] {
    position: absolute;
    top: -8px;
    right: 8px;
    width: 16px;
    height: 16px;
}

.activeStudents[b-maent9ol4h] {
    border-radius: 15px;
    background-color: #F2F5F7;
}
/* /Pages/Students/StudentView.razor.rz.scp.css */
.students-wrapper[b-7je65avpp4] {
    position: relative;
    display: flex;
    flex-direction: row;
    padding-left: 70px;
    width: fit-content;
}

.student-image-container[b-7je65avpp4] {
    padding-top: 55px;
}

.student-data-container[b-7je65avpp4] {
    display: flex;
    flex-direction: column;
    padding-left: 80px;
}

.student-image[b-7je65avpp4] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.student-name[b-7je65avpp4] {
    margin-top: 15px;
}

.student-group[b-7je65avpp4] {
    display: flex;
    flex-wrap: wrap;
    height: 25px;
    /*margin-top: 22px;*/
}

.student-class[b-7je65avpp4] {
   /* margin-top: 22px;*/
}

.student-post[b-7je65avpp4] {
    /*margin-top: 15px;*/
}

.student-edit-delete[b-7je65avpp4] {
    display: flex;
    justify-content: flex-end;
    width: 1050px;
}

.student-button[b-7je65avpp4] {
}

.student-edit[b-7je65avpp4] {
    margin-right: 10px;
}

.student-delete[b-7je65avpp4] {
}

.student-data[b-7je65avpp4] {
    display: flex;
    flex-direction: column;
    gap: 36px;
    overflow: scroll;
    height: 620px;
    overflow-x: hidden;
    width: 1125px;
}

.student-data-block[b-7je65avpp4] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 845px;
}

.save-button[b-7je65avpp4] {
    width: 129.32px;
    border: solid;
    border-width: 1px;
    border-radius: 12px;
    border-color: #F2F5F7;
    margin-right: 15px;
    display: inherit;
    align-items: center;
    justify-content: space-evenly;
}


.save-image[b-7je65avpp4] {
    width: 12.5px;
    height: 15px;
}

.save-text[b-7je65avpp4] {
    font-family: omnesMedium;
    font-size: 15px;
}

.student-data-block-holder[b-7je65avpp4] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

    .student-data-block-holder span:nth-child(2)[b-7je65avpp4] {
        margin-top: 15px;
        margin-left: 12px;
        border: 1px solid #F2F5F7;
        padding: 10px 10px 10px 10px;
        border-radius: 12px;
    }

.student-data-block-holder-edit[b-7je65avpp4] {
    margin-top: 15px;
    margin-left: 12px;
    padding: 10px 10px 10px 10px;
    border-radius: 12px;
    background-color: #F2F5F7;
    border: 1px solid #F2F5F7;
}

.student-numbers[b-7je65avpp4] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 22px;
    justify-content: space-between;
}

.dropdown-select[b-7je65avpp4] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(images/svg/sidebar/dropdownArrow.svg);
    background-repeat: no-repeat, repeat;
    background-position: right 1.1em top 50%, 0 0;
    background-size: .55em auto, 100%;
    background-color: #F2F5F7;
    width: 51px !important;
}

.text-input[b-7je65avpp4] {
    border: 0;
    border-radius: 12.21px;
    background-color: #F2F5F7;
    font-family: omnesRegular;
    font-size: 0.68vw;
    padding-left: 12px;
    width: 100%;
    height: 100%;
}

.availability-header[b-7je65avpp4]{

}

.availability-data[b-7je65avpp4]{

}

.student-delete-panel-blocker[b-7je65avpp4] {
    position: absolute;
    width: 105%;
    height: 105%;
    top: -2.5%;
    left: -2.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(2px);
}

.student-delete-panel[b-7je65avpp4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    background-color: #FCFCFC;
    width: 540px;
    height: 250px;
    border-radius: 20px;
    filter: drop-shadow(0 0 5px rgba(206, 206, 206, 0.75));
}

.student-delete-panel-top[b-7je65avpp4] {
    display: flex;
    flex-direction: column;
    text-align: center;
    height: 90px;
    justify-content: space-between;
}

.student-delete-panel-buttons[b-7je65avpp4] {
    width: 340px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.student-delete-panel-button[b-7je65avpp4] {
    width: 108px;
    height: 35px;
    background-color: #FFFFFF;
    border: 1px solid #F2F5F7;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-7je65avpp4]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
[b-7je65avpp4]::-webkit-scrollbar-track {
    background: #F2F5F7;
    border-radius: 5.5px;
}

/* Handle */
[b-7je65avpp4]::-webkit-scrollbar-thumb {
    background: #AAAAAA;
    border-radius: 4.4px;
}

    /* Handle on hover */
    [b-7je65avpp4]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
/* /Pages/TeacherVacations/TeacherVacations.razor.rz.scp.css */
.students-wrapper[b-983ti1hq9o] {
    display: flex;
    flex-direction: column;
    padding-left: 70px;
    padding-top: 50.2px;
    height: 80%;
    min-height: 700px;
    width: 90%;
}

.student-holder[b-983ti1hq9o] {
    display: flex;
    height: 500px;
    flex-direction: column;
    align-items: flex-start;
    overflow: auto;
    scroll-snap-type: y mandatory;
}

table[b-983ti1hq9o] {
    border-collapse: initial !important;
    border-spacing: 5px 5px;
}

/*th, td {
    text-align: center;
}

th {
    background-color: #808080;
    color: white;
    padding: 2px;
}*/


.checkbox-label[b-983ti1hq9o] {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.student-img[b-983ti1hq9o] {
    margin-right: 5px;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
}

    .student-img img[b-983ti1hq9o] {
        width: 90%;
        height: 90%;
        border-radius: 50%;
    }

.student-name[b-983ti1hq9o] {
    text-align: start;
    padding-left: 5px;
    padding-right: 5px;
    width: 280px;
    display: flex;
    align-items: center;
    font-size: 15px;
}

.week-button[b-983ti1hq9o] {
    background-color: #F2F5F7;
    border: 1px solid #F2F5F7;
    border-radius: 10px;
    padding: 8px;
}

.student-orderby[b-983ti1hq9o] {
    display: flex;
    align-items: center;
    background-color: #F2F5F7;
    border: 1px solid #F2F5F7;
    border-radius: 10px;
    height: 42px;
    width: 227px;
    padding: 0px 15px 0px 15px;
    margin-right: 15px;
    justify-content: space-between;
}

.student-orderby-open[b-983ti1hq9o] {
    position: relative;
    border: 0px solid #F2F5F7;
    background-color: #ffffff;
    border-radius: 10px;
    height: 42px;
    width: 227px;
    padding: 0px 15px 0px 15px;
    margin-right: 15px;
}


.student-orderby-open-title[b-983ti1hq9o] {
    display: flex;
    align-items: center;
    height: 40px;
    width: 100%;
    justify-content: space-between;
}

.order-by-blocker[b-983ti1hq9o] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 3;
}

.student-orderby-open-content[b-983ti1hq9o] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #F2F5F7;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 0px 15px 10px 15px;
    gap: 15px;
    z-index: 4;
}

    .student-orderby-open-content hr[b-983ti1hq9o] {
        border: 1px solid #F2F5F7;
        width: 95%;
        margin: 0;
        margin-top: -10px;
    }

.student-orderby-option[b-983ti1hq9o] {
}

.order-sort[b-983ti1hq9o] {
    margin-right: 30px;
    cursor: pointer;
}

table th[b-983ti1hq9o] {
    position: relative;
    padding: 5px;
    padding-bottom: 4px;
    padding-top: 4px;
    position: sticky;
    top: 5px;
    left: 5px;
    background-color: white;
    z-index: 1;
}

table td[b-983ti1hq9o] {
    position: relative;
}

.th-border[b-983ti1hq9o] {
    position: absolute;
    z-index: -1;
    width: 100%;
    background: #FCFCFC;
    border: 1px solid #FCFCFC;
    border-radius: 10px;
    left: 0px;
    top: -2px;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.th-border-header[b-983ti1hq9o] {
    position: absolute;
    z-index: -1;
    width: 100%;
    background: #FCFCFC;
    border: 1px solid #FCFCFC;
    border-radius: 10px;
    left: 0px;
    top: 0px;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 70px;
}

.td-border[b-983ti1hq9o] {
    position: absolute;
    z-index: 0;
    height: 50px;
    background-color: #F2F5F7;
    border: 1px solid #F2F5F7;
    border-radius: 10px;
    padding: 3px;
    left: -5px;
    border-left: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.td-border-header[b-983ti1hq9o] {
    position: absolute;
    z-index: -1;
    height: 50px;
    background-color: #F2F5F7;
    border: 1px solid #F2F5F7;
    border-radius: 10px;
    padding: 3px;
    width: 173px;
    border-right: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.toggle-bg[b-983ti1hq9o] {
    position: relative;
    width: 36px;
    height: 34px;
    border-radius: 8px;
    background-color: #FFFFFF;
    border: 1px solid #FCFCFC;
    margin-top: 8px;
    margin-left: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.th-blocker[b-983ti1hq9o] {
    position: absolute;
    left: -5px;
    top: -5px;
    height: 120%;
    width: calc(100% + 5px);
    background-color: white;
    z-index: -2;
}

.th-blocker-end[b-983ti1hq9o] {
    position: absolute;
    left: -5px;
    top: -5px;
    height: 120%;
    width: calc(100% + 5px);
    background-color: white;
    z-index: -2;
}

.day-text[b-983ti1hq9o] {
    height: 29px;
    width: 36px;
    border-radius: 8px;
    background-color: #F2F5F7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.weekday-text[b-983ti1hq9o] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    top: 8px;
}

.th-weekday-border-header[b-983ti1hq9o] {
    padding-top: 0px;
    padding-bottom: 0px;
}

.teacher-name[b-983ti1hq9o] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 125px;
}

.vacation-total[b-983ti1hq9o] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #9EA8AD;
    color: white;
    font-size: 11px;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Pages/Test/Test.razor.rz.scp.css */
table th[b-t3cydi000m]{
    position:relative;
    padding:5px;
}

table td[b-t3cydi000m] {
    position: relative;
}

.th-border[b-t3cydi000m] {
    position: absolute;
    z-index: -1;
    width: 100%;
    background: #FCFCFC;
    border: 1px solid #F2F5F7;
    border-radius: 10px;
    left: 0px;
    top: -2px;
    height: 185px;
    mix-blend-mode: multiply;
}

.td-border[b-t3cydi000m] {
    position: absolute;
    z-index: -1;
    height: 50px;
    background-color: #FCFCFC;
    border: 1px solid #F2F5F7;
    border-radius: 10px;
    padding: 3px;
    width: 450px;
    mix-blend-mode: multiply;
}

.toggle-bg[b-t3cydi000m] {
    width: 36px;
    height: 34px;
    border-radius: 8px;
    background-color: #E3E4E5;
    margin: auto;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-8ayeoaa3sz] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-8ayeoaa3sz] {
    flex: 1;
    width: calc(100% - 250px);
}

.sidebar[b-8ayeoaa3sz] {
    border: solid;
    border-width: 1px;
    border-color: #F3F3F3;
}

.top-row[b-8ayeoaa3sz] {
    height: fit-content;
    display: flex;
    margin-top: 40px;
}

.color-strip[b-8ayeoaa3sz] {
    position: fixed;
    width: 100%;
    background-size: cover;
    height: 3px;
    top: 0;
    left: 0;
    z-index: 1;
}


@media (min-width: 641px) {
    .page[b-8ayeoaa3sz] {
        flex-direction: row;
    }

    .sidebar[b-8ayeoaa3sz] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

 
}
/* /Shared/NavMenu.razor.rz.scp.css */

.sidebar-content[b-9y42oya1fd] {
    height: 100%;
    width: 215px;
    padding-top: 45px;
    display: flex;
    flex-direction: column;
}

.sidebar-dropdown[b-9y42oya1fd]{

}

.sidebar-dropdown-open[b-9y42oya1fd] {
    display: flex;
    flex-direction: column;
    background-color: #FCFCFC;
    position: relative;
    z-index: 1;
}

.other-projects[b-9y42oya1fd] {
    padding-top: 17px;
    display: flex;
    flex-direction: column;
    gap: 17px;
    position: absolute;
    width: 100%;
    background-color: #FCFCFC;
}

.sidebar-item[b-9y42oya1fd] {
    height: 92px;
    width: 100%;
    border: 1px solid #F2F5F7;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-shrink: 0;
    cursor: pointer;
}

.dropdown-arrow[b-9y42oya1fd] {
    position: absolute;
    bottom: 7.3px;
    right: 7.3px;
}

.dropdown-arrow-invert[b-9y42oya1fd] {
    transform: rotate(180deg);
}

.nav-container[b-9y42oya1fd] {
    margin-top: 25px;
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.copyright-text[b-9y42oya1fd] {
    font-size: 9.5px;
    font-family: omnesRegular;
    text-align: center;
    margin-top: auto;
    padding-bottom: 15px;
    padding-top: 15px;
}

@media (min-width: 50px) {
    .navbar-toggler[b-9y42oya1fd] {
        display: none;
    }

    .collapse[b-9y42oya1fd] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-9y42oya1fd] {
        /* Allow sidebar to scroll for tall menus */
        height: 100%;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        width:250px;
    }
}
/* /Shared/TopMenu.razor.rz.scp.css */
.top-container[b-prqk1wwykd] {
    width: 90%;
    min-width: 1000px;
    height: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

}

.current-page-text[b-prqk1wwykd] {
    font-family: omnesMedium;
    font-size: 22px;
    margin-left: 70px;
}

.user-container[b-prqk1wwykd] {
    display: flex;
    align-items: center;
}

.input-container[b-prqk1wwykd] {
    margin-left: 60px;
    margin-right: 60px;
    border-radius: 15px;
    background-color: #F2F5F7;
    flex-grow: 1;
    height: 52px;
    display: flex;
    align-items: center;
}


.text-input[b-prqk1wwykd] {
    border: 0;
    border-radius: 15px;
    background-color: #F2F5F7;
    font-family: omnesRegular;
    font-size: 16px;
    padding-left: 16px;
    width: 100%;
    height: 100%;
}

.search-input[b-prqk1wwykd] {
    
    background-color: #F2F5F7;
    width:89%;
    height:100%;
    font-family:omnesRegular;
    margin-left:20px;
}

.search-icon[b-prqk1wwykd] {
    max-height:16px;
    max-width:16px;
    margin-right:20.7px;
}

.username-container[b-prqk1wwykd] {
   display:flex;
   flex-direction:column;
   align-items:end;
}

.username-text[b-prqk1wwykd] {
    font-size:18px;
    font-family:omnesMedium;
}

.email-text[b-prqk1wwykd] {
    font-size: 16px;
    font-family: omnesRegularItalic;
}

.avatar-image[b-prqk1wwykd] {
    margin-left:34px;
    width:70.71px;
    height:66px;
}

.settings-image[b-prqk1wwykd] {
    margin-left:35px;
    width:21px;
    height:22px;
}