@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* _content/PlanificRE/Components/Layout/AccountLayout.razor.rz.scp.css */
/* ERROR HANDLING CSS */
#blazor-error-ui[b-gqp799x3s2] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-gqp799x3s2] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/PlanificRE/Components/Layout/ExternalAccessLayout.razor.rz.scp.css */
main[b-oe8bu1seze] {
    flex: 1;
}
/* _content/PlanificRE/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-pubm8h17in] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-pubm8h17in] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/PlanificRE/Components/Layout/NavMenuTop.razor.rz.scp.css */
.container-fluid[b-vftncqe74u] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 90%;
    max-width: calc(80 * 1920px / 100);
    margin: 0 auto;
}

.navbar[b-vftncqe74u] {
    background-color: white;
    color: white;
    height: 5rem;
    padding: 0.5rem 1rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

    .navbar .navbar-brand[b-vftncqe74u] {
        color: white;

    }

        .navbar .navbar-brand img[b-vftncqe74u] {
            width: auto;
            height: 4rem;
        }

    .navbar a[b-vftncqe74u] {
        color: white;
        text-decoration: none;
        padding: 0.5rem 1rem;
    }

        .navbar a:hover[b-vftncqe74u] {
            background-color: transparent;
        }

.nav-item[b-vftncqe74u] {
    list-style-type: none;
    display: inline;
    margin-right: 1.5rem;
    margin-left: 1.5rem;
    border-bottom: solid 3px transparent;
    transition: border-bottom-color 0.3s ease-in-out;
}

    .nav-item:hover[b-vftncqe74u] {
        border-bottom: solid 3px #000000;
    }

[b-vftncqe74u] a {
    text-align: center;
    font-size: 1.3rem;
    color: #000000;
    text-decoration: none;
}

[b-vftncqe74u] a.active {
    color: black;
}

.legal-item[b-vftncqe74u] {
    position: relative;
}

.legal-toggle[b-vftncqe74u] {
    display: inline-block;
    cursor: default;
    margin: 0;
    text-align: center;
    font: inherit;
    font-size: 1.3rem;
    color: #000000;
    text-decoration: none;
    padding: 0.5rem 1rem;
}

.legal-menu[b-vftncqe74u] {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 0.5rem 0;
    margin: 0;
    min-width: 220px;
    z-index: 1001;
}

    .legal-item:hover .legal-menu[b-vftncqe74u],
    .legal-item:focus-within .legal-menu[b-vftncqe74u] {
        display: block;
    }

    .legal-menu li[b-vftncqe74u] {
        list-style: none;
    }

        .legal-menu li a[b-vftncqe74u] {
            display: block;
            padding: 0.5rem 1.5rem;
            font-size: 1rem;
            color: #000000;
            text-decoration: none;
            white-space: nowrap;
        }

            .legal-menu li a:hover[b-vftncqe74u] {
                background-color: #f0f0f0;
            }

.nav-login-button[b-vftncqe74u] {
    text-align: center;
    color: white;
    background-color: #49D182;
    width: 129px;
    height: 63px;
    border: none;
    border-radius: 10px;
    font-size: 18px;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

    .nav-login-button:hover[b-vftncqe74u] {
        background-color: #3CB371;
    }

.mobile-button[b-vftncqe74u] {
    display: none;
}

.navbar-toggler[b-vftncqe74u] {
    display: none;
    padding: 0.5rem 1rem;
    border: 1px solid white;
    background-color: transparent;
}

.navbar-toggler-icon[b-vftncqe74u] {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url('/images/topMenu/mobile.png') center no-repeat;
}

@media (max-width: 1232px) {

    .navbar[b-vftncqe74u] {
        padding: 1rem 0 0 0;
    }

    .container-fluid[b-vftncqe74u] {
        width: 100%;
        flex-wrap: wrap;
    }

    .collapse[b-vftncqe74u] {
        display: none;
        width: 100%;
    }

    .navbar .navbar-brand img[b-vftncqe74u] {
        height: 40px;
    }

    .navbar-toggler[b-vftncqe74u] {
        display: inline-block;
    }

    .navbar-nav[b-vftncqe74u] {
        padding: 0;
    }

    .nav-item[b-vftncqe74u], .nav-login-button[b-vftncqe74u]{
        display: block;
        text-align: center;
    }

        .nav-item:hover[b-vftncqe74u] {
            border-bottom: none;
            background-color: #49D182;
        }

    .nav-login-button[b-vftncqe74u] {
        display: none;
    }

    .mobile-button[b-vftncqe74u] {
        display: block;
        margin: 0 auto 0.5rem auto;
    }

    .legal-toggle[b-vftncqe74u] {
        display: block;
        width: 100%;
    }

    .legal-menu[b-vftncqe74u] {
        display: block;
        position: static;
        transform: none;
        box-shadow: none;
        text-align: center;
        margin: 0;
    }

    .show[b-vftncqe74u] {
        display: block;
        background-color: #ffffff;
    }
}
/* _content/PlanificRE/Components/Layout/TeachingManagementLayout.razor.rz.scp.css */
main[b-d836vcw72m] {
    flex: 1;
}

.row.flex-nowrap[b-d836vcw72m] {
    position: relative;
}

main.col[b-d836vcw72m] {
    overflow-x: auto;
    max-width: 100%;
}
/* _content/PlanificRE/Components/Pages/About.razor.rz.scp.css */
.about-container[b-wt2yvc6m0b] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: #333333;
    background-color: #ffffff;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.about-container h1[b-wt2yvc6m0b] {
    color: #4caf50;
    border-bottom: 2px solid #4caf50;
    padding-bottom: 10px;
    font-size: 2em;
    text-align: center;
}

.about-container h2[b-wt2yvc6m0b] {
    color: #4caf50;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 5px;
    margin-top: 30px;
    font-size: 1.5em;
}

.about-container h3[b-wt2yvc6m0b] {
    color: #4caf50;
    font-size: 1.2em;
    margin-top: 20px;
}

.about-container p[b-wt2yvc6m0b] {
    margin: 15px 0;
}

.about-container ul[b-wt2yvc6m0b], .about-container ol[b-wt2yvc6m0b] {
    padding-left: 25px;
    margin: 15px 0;
}

.about-container ul li[b-wt2yvc6m0b], .about-container ol li[b-wt2yvc6m0b] {
    margin-bottom: 10px;
}

.about-container ul li strong[b-wt2yvc6m0b], .about-container ol li strong[b-wt2yvc6m0b] {
    color: #4caf50;
}

.about-container a[b-wt2yvc6m0b] {
    color: #4caf50;
    text-decoration: none;
}

.about-container a:hover[b-wt2yvc6m0b] {
    text-decoration: underline;
}

.section[b-wt2yvc6m0b] {
    background-color: #f9f9f9;
    padding: 18px 24px;
    border-radius: 8px;
    margin: 25px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
}

.section[b-wt2yvc6m0b]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #4caf50;
}

.contact-section[b-wt2yvc6m0b] {
    background-color: #e8f5e9;
}

.contact-email[b-wt2yvc6m0b] {
    text-align: center;
    font-size: 1.3em;
    margin: 25px 0;
    padding: 12px;
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.contact-email a[b-wt2yvc6m0b] {
    font-weight: bold;
}

.footer[b-wt2yvc6m0b] {
    margin-top: 40px;
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
    text-align: center;
    font-size: 0.9em;
    color: #666666;
}

@media (max-width: 600px) {
    .about-container[b-wt2yvc6m0b] {
        padding: 15px;
    }

    .about-container h1[b-wt2yvc6m0b] {
        font-size: 1.8em;
    }

    .about-container h2[b-wt2yvc6m0b] {
        font-size: 1.3em;
    }

    .section[b-wt2yvc6m0b] {
        padding: 15px 18px;
    }
}
/* _content/PlanificRE/Components/Pages/GeneralTerms.razor.rz.scp.css */
.gtc-container[b-czlykvyvrt] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: #333333;
    background-color: #ffffff;
    max-width: 800px;
    margin: 0 auto;
    padding: 5rem 20px 20px;
}

.gtc-container h1[b-czlykvyvrt] {
    color: #4caf50; /* Green color based on Planific's theme */
    border-bottom: 2px solid #4caf50;
    padding-bottom: 10px;
    font-size: 2em;
    text-align: center;
}

.gtc-container h2[b-czlykvyvrt] {
    color: #4caf50;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 5px;
    margin-top: 30px;
    font-size: 1.5em;
}

.gtc-container h3[b-czlykvyvrt] {
    color: #4caf50;
    font-size: 1.2em;
    margin-top: 20px;
    margin-bottom: 10px;
}

.gtc-container p[b-czlykvyvrt] {
    margin: 15px 0;
    text-align: justify;
}

.gtc-container ul[b-czlykvyvrt] {
    list-style-type: square;
    padding-left: 25px;
    margin: 15px 0;
}

.gtc-container ul li[b-czlykvyvrt] {
    margin-bottom: 8px;
}

.gtc-container ul li strong[b-czlykvyvrt] {
    color: #4caf50;
}

.gtc-container a[b-czlykvyvrt] {
    color: #4caf50;
    text-decoration: none;
}

.gtc-container a:hover[b-czlykvyvrt] {
    text-decoration: underline;
}

.date-update[b-czlykvyvrt] {
    font-style: italic;
    text-align: center;
    color: #666;
    margin-bottom: 30px;
}

.section[b-czlykvyvrt] {
    background-color: #f9f9f9;
    padding: 18px 24px;
    border-radius: 8px;
    margin: 25px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
}

.section[b-czlykvyvrt]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #4caf50;
}

@media (max-width: 600px) {
    .gtc-container[b-czlykvyvrt] {
        padding: 15px;
    }

    .gtc-container h1[b-czlykvyvrt] {
        font-size: 1.8em;
    }

    .gtc-container h2[b-czlykvyvrt] {
        font-size: 1.3em;
    }

    .gtc-container h3[b-czlykvyvrt] {
        font-size: 1.1em;
    }

    .section[b-czlykvyvrt] {
        padding: 15px 18px;
    }
}
/* _content/PlanificRE/Components/Pages/Home.razor.rz.scp.css */
/*
    GLOBAL
*/
main[b-ycr8xktzyx] {
    padding-top: 5rem;
}

section[b-ycr8xktzyx] {
    padding-top: 5rem;
    margin-top: -5rem;
    padding-bottom: 5rem; /* Background correction */
}

.container[b-ycr8xktzyx] {
    max-width: 1920px;
    margin: 0 auto;
}

.content h1[b-ycr8xktzyx] {
    font-size: 3rem;
    font-weight: 700;
    color: #000000;
    line-height: 1.25;
    margin: 0;
}

.content h2[b-ycr8xktzyx] {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 60px;
}

.content h3[b-ycr8xktzyx], .container h3[b-ycr8xktzyx] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 44px;
}

.content p[b-ycr8xktzyx], .container p[b-ycr8xktzyx] {
    font-size: 1rem;
    font-weight: 400;
    color: #666666;
    line-height: 1.7;
}

.btn-get-started[b-ycr8xktzyx] {
    /* Button style */
    background-color: #49D182;
    border-radius: 10px;
    padding: 1.25rem 2.375rem;
    width: fit-content;
    transition: transform 0.3s ease-in-out;
    /* Text style */
    font-size: 1.125rem;
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
}

    .btn-get-started:hover[b-ycr8xktzyx] {
        transform: scale(1.1);
    }

.button-comment[b-ycr8xktzyx] {
    font-size: 0.925rem;
}

/*
    HOME SECTION
*/
#home[b-ycr8xktzyx] {
    background-color: rgba(74, 209, 130, 0.05);
}

    #home .container[b-ycr8xktzyx] {
        display: grid;
        grid-template-columns: 5% 5% 10% 5% 5% 5% 5% 5% 5% 20% 5% 5% 5% 10% 5%;
        grid-template-rows: 3rem 5rem auto auto auto auto auto auto auto auto auto auto 1rem;
        align-items: center;
        justify-content: space-evenly;
    }

    #home .content[b-ycr8xktzyx] {
        grid-column: 6 / span 6;
        grid-row: 4 / span 4;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    #home .content h1[b-ycr8xktzyx] {
        margin-bottom: 1rem;
    }

    #home .content p[b-ycr8xktzyx] {
        margin: 1rem;
    }

    #home .content .btn-get-started[b-ycr8xktzyx] {
        margin-top: 2rem;
    }

    #home .male-teacher[b-ycr8xktzyx] {
        grid-column: 3 / span 2;
        grid-row: 6 / span 5;
    }

    #home .female-teacher[b-ycr8xktzyx] {
        grid-column: 13 / span 2;
        grid-row: 4 / span 5;
    }

    #home .male-teacher img[b-ycr8xktzyx],
    #home .female-teacher img[b-ycr8xktzyx] {
        width: 100%;
    }

    #home .decoration-0[b-ycr8xktzyx] {
        grid-column: 9;
        grid-row: 1 / span 2;
    }

    #home .decoration-1[b-ycr8xktzyx] {
        grid-column: 12;
        grid-row: 2 / span 2;
    }

    #home .decoration-2[b-ycr8xktzyx] {
        grid-column: 4;
        grid-row: 3 / span 2;
    }

    #home .decoration-3[b-ycr8xktzyx] {
        grid-column: 6;
        grid-row: 8;
    }

    #home .decoration-4[b-ycr8xktzyx] {
        grid-column: 8;
        grid-row: 11 / span 2;
    }

    #home .decoration-5[b-ycr8xktzyx] {
        grid-column: 13;
        grid-row: 10 / span 3;
    }

    #home .decoration-6[b-ycr8xktzyx] {
        grid-column: 12;
        grid-row: 8;
    }

@media (max-width: 768px) {

    #home .container[b-ycr8xktzyx] {
        grid-template-rows: 3rem auto auto auto auto auto auto auto auto auto auto auto 1rem;
    }

    #home .content[b-ycr8xktzyx] {
        grid-column: 2 / span 13;
        grid-row: 4;
    }

        #home .content h1[b-ycr8xktzyx] {
            font-size: 2.5rem;
        }

    #home .male-teacher[b-ycr8xktzyx] {
        grid-column: 2 / span 8;
        grid-row: 8 / span 4;
    }

    #home .female-teacher[b-ycr8xktzyx] {
        grid-column: 10 / span 5;
        grid-row: 7 / span 4;
        text-align: end;
    }

    #home .male-teacher img[b-ycr8xktzyx],
    #home .female-teacher img[b-ycr8xktzyx] {
        width: 80%;
    }

    #home .decoration-0[b-ycr8xktzyx] {
        grid-column: 5;
        grid-row: 3;
    }

    #home .decoration-1[b-ycr8xktzyx] {
        grid-column: 12;
        grid-row: 2;
    }

    #home .decoration-2[b-ycr8xktzyx] {
        grid-column: 4;
        grid-row: 3 / span 2;
        display: none;
    }

    #home .decoration-3[b-ycr8xktzyx] {
        grid-column: 6;
        grid-row: 8;
        display: none;
    }

    #home .decoration-4[b-ycr8xktzyx] {
        grid-column: 9;
        grid-row: 12;
    }

    #home .decoration-5[b-ycr8xktzyx] {
        grid-column: 11 / span 2;
        grid-row: 11 / span 2;
    }

    #home .decoration-6[b-ycr8xktzyx] {
        grid-column: 12;
        grid-row: 8;
        display: none;
    }

    #home .decoration-0 img[b-ycr8xktzyx],
    #home .decoration-1 img[b-ycr8xktzyx],
    #home .decoration-2 img[b-ycr8xktzyx],
    #home .decoration-3 img[b-ycr8xktzyx],
    #home .decoration-4 img[b-ycr8xktzyx],
    #home .decoration-5 img[b-ycr8xktzyx],
    #home .decoration-6 img[b-ycr8xktzyx] {
        width: 100%;
    }
}

/*
    BENEFITS SECTION
*/
#benefits[b-ycr8xktzyx] {
    background-color: #ffffff;
}

    #benefits .container[b-ycr8xktzyx] {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }

    #benefits .content[b-ycr8xktzyx] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 35%;
    }

    #benefits .student-image[b-ycr8xktzyx] {
        width: 50%;
    }

        #benefits .student-image img[b-ycr8xktzyx] {
            width: 100%;
        }

@media (max-width: 1232px) {

    #benefits .content[b-ycr8xktzyx] {
        width: 90%;
        text-align: center;
        align-items: center;
    }

    #benefits .student-image img[b-ycr8xktzyx] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    #benefits .student-image[b-ycr8xktzyx] {
        width: 100%;
    }
}

/*
    STRENGTHS SECTION
*/
#strengths[b-ycr8xktzyx] {
    background-color: #ffffff;
}
    #strengths .container[b-ycr8xktzyx] {
        display: grid;
        grid-template-columns: 5% 5% 10% 10% 40% 10% 10% 5% 5%;
        grid-template-rows: 1rem auto auto auto auto 1rem;
        align-items: center;
        justify-items: center;
    }

    #strengths .content[b-ycr8xktzyx] {
        grid-column: 5;
        grid-row: 2 / span 2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    #strengths .content h2[b-ycr8xktzyx] {
        margin-bottom: 1rem;
    }

    #strengths .decoration-first[b-ycr8xktzyx] {
        grid-column: 4;
        grid-row: 2;
    }

    #strengths .decoration-last[b-ycr8xktzyx] {
        grid-column: 6;
        grid-row: 3;
    }

    #strengths .decoration-first img[b-ycr8xktzyx],
    #strengths .decoration-last img[b-ycr8xktzyx] {
        width: 100%;
    }

    #strengths .item-list[b-ycr8xktzyx] {
        grid-column: 2 / span 7;
        grid-row: 5;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        margin: 5rem 0 0 0;
    }

        #strengths .item-list .item[b-ycr8xktzyx] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border: 0.75px solid #cccccc;
            border-radius: 16px;
            font-weight: 600;
            font-size: 1.2rem;
            line-height: 30px;
            color: #000000;
            text-align: center;
            width: 18rem;
            height: 18rem;
            margin: 1rem 2rem;
            transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
        }

            #strengths .item-list .item:hover[b-ycr8xktzyx] {
                background-color: #49D182 !important;
                color: #ffffff !important;
                transform: scale(1.1);
            }

                #strengths .item-list .item:hover .item-icon[b-ycr8xktzyx] {
                    background-color: rgba(255, 255, 255, 0.2) !important;
                }

                #strengths .item-list .item:hover p[b-ycr8xktzyx] {
                    color: #ffffff;
                }

            #strengths .item-list .item .item-icon[b-ycr8xktzyx] {
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: rgba(73, 209, 130, 0.1);
                border-radius: 50%;
                width: 80px;
                height: 80px;
                text-align: center;
                transition: background-color 0.3s ease-in-out;
            }

            #strengths .item-list .item p[b-ycr8xktzyx] {
                padding: 0 1rem;
                font-weight: 600;
                font-size: 1.5rem;
                transition: color 0.3s ease-in-out;
            }

@media (max-width: 1232px) {
    #strengths .decoration-first[b-ycr8xktzyx] {
        grid-column: 3;
        grid-row: 2;
    }

    #strengths .decoration-last[b-ycr8xktzyx] {
        grid-column: 7;
        grid-row: 3;
    }
}

@media (max-width: 768px) {

    #strengths .item-list[b-ycr8xktzyx] {
        margin-top: 1rem;
    }

    #strengths .decoration-first[b-ycr8xktzyx] {
        grid-column: 2;
        grid-row: 2;
    }

    #strengths .decoration-last[b-ycr8xktzyx] {
        grid-column: 7;
        grid-row: 4;
    }

        #strengths .decoration-first img[b-ycr8xktzyx],
        #strengths .decoration-last img[b-ycr8xktzyx] {
            width: 50px;
            height: 50px;
            object-fit: contain;
            display: none;
        }
}

/*
    EXPERIENCE SECTION
*/
#experience[b-ycr8xktzyx] {
    background-color: #ffffff;
}

    #experience .container[b-ycr8xktzyx] {
        display: grid;
        grid-template-columns: 10% 40% 40% 10%;
        grid-template-rows: auto auto auto auto auto auto;
        row-gap: 3rem;
        align-items: center;
        justify-items: center;
    }

        #experience .container h3[b-ycr8xktzyx] {
            margin-bottom: 1rem;
        }

        #experience .container p[b-ycr8xktzyx] {
            color: #303030; 
        }

    #experience .content[b-ycr8xktzyx] {
        grid-column: 2 / span 2;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        align-items: center;
        width: 60%;
    }

        #experience .content h2[b-ycr8xktzyx] {
            margin-bottom: 1rem;
        }

    #experience .item-image img[b-ycr8xktzyx] {
        width: 100%;
    }

    #experience .item-text[b-ycr8xktzyx] {
        padding: 0 1rem;
    }

    #experience .item-image-1[b-ycr8xktzyx] {
        grid-column: 2; 
        grid-row: 2;
    }

    #experience .item-image-2[b-ycr8xktzyx] {
        grid-column: 3;
        grid-row: 3;
    }

    #experience .item-image-3[b-ycr8xktzyx] {
        grid-column: 2;
        grid-row: 4;
    }

    #experience .item-image-4[b-ycr8xktzyx] {
        grid-column: 3;
        grid-row: 5;
    }

    #experience .item-image-5[b-ycr8xktzyx] {
        grid-column: 2;
        grid-row: 6;
    }

    #experience .item-text-1[b-ycr8xktzyx] {
        grid-column: 3;
        grid-row: 2;
    }

    #experience .item-text-2[b-ycr8xktzyx] {
        grid-column: 2;
        grid-row: 3;
    }

    #experience .item-text-3[b-ycr8xktzyx] {
        grid-column: 3;
        grid-row: 4;
    }

    #experience .item-text-4[b-ycr8xktzyx] {
        grid-column: 2;
        grid-row: 5;
    }

    #experience .item-text-5[b-ycr8xktzyx] {
        grid-column: 3;
        grid-row: 6;
    }

@media (max-width: 768px) {

    #experience .container[b-ycr8xktzyx] {
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
        row-gap: 1rem;
    }

    #experience .content[b-ycr8xktzyx] {
        width: 100%;
    }

    #experience .item-image img[b-ycr8xktzyx] {
        width: 100%;
        height: auto;
    }

    #experience .item-text[b-ycr8xktzyx] {
        text-align: center;
    }

    #experience .item-text h3[b-ycr8xktzyx] {
        margin-top: 1rem;
    }

    #experience .item-image-1[b-ycr8xktzyx] {
        grid-column: 2 / span 2;
        grid-row: 2;
    }

    #experience .item-image-2[b-ycr8xktzyx] {
        grid-column: 2 / span 2;
        grid-row: 4;
    }

    #experience .item-image-3[b-ycr8xktzyx] {
        grid-column: 2 / span 2;
        grid-row: 6;
    }

    #experience .item-image-4[b-ycr8xktzyx] {
        grid-column: 2 / span 2;
        grid-row: 8;
    }

    #experience .item-image-5[b-ycr8xktzyx] {
        grid-column: 2 / span 2;
        grid-row: 10;
    }

    #experience .item-text-1[b-ycr8xktzyx] {
        grid-column: 2 / span 2;
        grid-row: 3;
    }

    #experience .item-text-2[b-ycr8xktzyx] {
        grid-column: 2 / span 2;
        grid-row: 5;
    }

    #experience .item-text-3[b-ycr8xktzyx] {
        grid-column: 2 / span 2;
        grid-row: 7;
    }

    #experience .item-text-4[b-ycr8xktzyx] {
        grid-column: 2 / span 2;
        grid-row: 9;
    }

    #experience .item-text-5[b-ycr8xktzyx] {
        grid-column: 2 / span 2;
        grid-row: 11;
    }
}

/*
    PRICING SECTION
*/
#pricing[b-ycr8xktzyx] {
    background-color: #ffffff;
    padding-bottom: 0;
}

    #pricing .container[b-ycr8xktzyx] {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        width: 60%;
        margin: 0 auto;
    }

    #pricing .content[b-ycr8xktzyx] {
        display: flex;
        flex-direction: row;
        margin: 0 auto 3rem auto;
    }

        #pricing .content .cell[b-ycr8xktzyx] {
            width: 15%;
        }

        #pricing .content h2[b-ycr8xktzyx] {
            margin-bottom: 1rem;
        }

    #pricing .content-text[b-ycr8xktzyx] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    #pricing .pricing-toggle-container[b-ycr8xktzyx] {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 3rem;
    }

    #pricing .savings-badge[b-ycr8xktzyx] {
        background-color: #49D182;
        color: white;
        padding: 0.5rem 1rem;
        border-radius: 20px;
        font-size: 0.875rem;
        font-weight: 600;
        margin-bottom: 1rem;
        transform: rotate(-10deg);
        position: absolute;
        top: -15px;
        right: calc(100% + 20px);
        box-shadow: 0 2px 8px rgba(73, 209, 130, 0.3);
        white-space: nowrap;
    }

    #pricing .pricing-toggle[b-ycr8xktzyx] {
        display: flex;
        background-color: #49D182;
        border-radius: 10px;
        padding: 4px;
        position: relative;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    #pricing .toggle-option[b-ycr8xktzyx] {
        background: transparent;
        border: none;
        padding: 12px 24px;
        cursor: pointer;
        font-weight: 600;
        font-size: 1rem;
        transition: all 0.3s ease;
        color: white;
        z-index: 2;
        position: relative;
        min-width: 100px;
    }

    #pricing .toggle-option.active[b-ycr8xktzyx] {
        color: #49D182;
    }

    #pricing .toggle-slider[b-ycr8xktzyx] {
        position: absolute;
        top: 4px;
        bottom: 4px;
        width: calc(50% - 4px);
        background-color: white;
        border-radius: 6px;
        transition: transform 0.3s ease;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    #pricing .toggle-slider.left[b-ycr8xktzyx] {
        transform: translateX(0);
    }

    #pricing .toggle-slider.right[b-ycr8xktzyx] {
        transform: translateX(100%);
    }
    
    #pricing .item-list[b-ycr8xktzyx] {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    #pricing .pricing-card[b-ycr8xktzyx] {
        border-radius: 8px;
        padding: 4rem 3rem;
        text-align: center;
        background: #49D182;
        min-width: 300px;
        max-width: 570px;
    }

    #pricing .pricing-header[b-ycr8xktzyx] {
        border-bottom: 1px solid #ffffff;
        padding-bottom: 1rem;
    }

        #pricing .pricing-header .plan[b-ycr8xktzyx] {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }

        #pricing .pricing-header .price[b-ycr8xktzyx] {
            color: #ffffff;
            font-weight: 700;
            font-size: 2.5rem;
            line-height: 72px;
        }

        #pricing .pricing-header .duration[b-ycr8xktzyx] {
            color: #ffffff;
            padding-left: 5px;
            font-weight: 700;
            font-size: 1.143rem;
        }

        #pricing .pricing-header .yearly-total[b-ycr8xktzyx] {
            color: #ffffff;
            font-size: 1.143rem;
        }

        #pricing .pricing-header p[b-ycr8xktzyx] {
            color: #ffffff;
            font-weight: 500;
            font-size: 1rem;
            padding: 0;
        }

    #pricing .pricing-body .features[b-ycr8xktzyx] {
        list-style-type: none;
        padding: 0;
        margin: 2rem 0;
        text-align: left;
    }

        #pricing .pricing-body .features li[b-ycr8xktzyx] {
            background-image: url(/images/home/check.png);
            background-repeat: no-repeat;
            background-position: 0 50%;
            line-height: 20px;
            padding: 10px 0 10px 40px;
            color: #ffffff;
            font-weight: 500;
            font-size: 1rem;
        }

    #pricing .pricing-footer .buy-btn[b-ycr8xktzyx] {
        /* Button style */
        display: inline-block;
        background-color: white;
        border-radius: 10px;
        padding: 1.25rem 2.375rem;
        width: 80%;
        transition: background-color 0.3s ease-in-out;
        /* Text style */
        font-size: 1.125rem;
        font-weight: 500;
        color: #49D182;
        text-decoration: none;
        text-align: center;
    }

        #pricing .pricing-footer .buy-btn:hover[b-ycr8xktzyx] {
            background-color: #dedede;
        }

@media (max-width: 768px) {

    #pricing .container[b-ycr8xktzyx] {
        width: 90%;
    }

    #pricing .pricing-toggle-container[b-ycr8xktzyx] {
        margin-bottom: 2rem;
    }

    #pricing .savings-badge[b-ycr8xktzyx] {
        top: -50px;
        left: 0;
        transform: none;
        margin-bottom: 0;
        width: fit-content;        
    }

    #pricing .toggle-option[b-ycr8xktzyx] {
        padding: 10px 20px;
        font-size: 0.9rem;
        min-width: 80px;
    }
    
    #pricing .content-text[b-ycr8xktzyx] {
        position: relative;
    }

    #pricing .cell img[b-ycr8xktzyx] {
        position: absolute;
        right: 0;
    }

    #pricing .pricing-card[b-ycr8xktzyx] {
        width: 90%;
        min-width: unset;
        max-width: unset;
        padding: 1rem;
    }

    #pricing .pricing-card .pricing-header[b-ycr8xktzyx] {
        padding-bottom: 0;
    }

    #pricing .pricing-card .pricing-footer .buy-btn[b-ycr8xktzyx] {
        width: 70%;
    }
}

/*
    GALLERY SECTION
*/
#gallery[b-ycr8xktzyx] {
    margin-top: 5rem;
    padding-bottom: 0;
    background-image: linear-gradient(to bottom, #F6FDF9 70%, rgba(255, 255, 255, 0) 30%);
    background-repeat: no-repeat;
}

    #gallery .container[b-ycr8xktzyx] {
        display: grid;
        grid-template-columns: 5% 5% 10% 10% 40% 10% 10% 5% 5%;
        grid-template-rows: auto auto auto auto;
        row-gap: 2rem;
        align-items: center;
        justify-items: center;
    }

    #gallery .content[b-ycr8xktzyx] {
        grid-column: 5;
        grid-row: 1 / span 2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    #gallery .content h2[b-ycr8xktzyx] {
        margin-bottom: 1rem;
    }

    #gallery .decoration-first[b-ycr8xktzyx] {
        grid-column: 4;
        grid-row: 1;
    }

    #gallery .decoration-last[b-ycr8xktzyx] {
        grid-column: 6;
        grid-row: 2;
    }

    #gallery .decoration-first img[b-ycr8xktzyx],
    #gallery .decoration-last img[b-ycr8xktzyx] {
        width: 100%;
    }

    #gallery .item[b-ycr8xktzyx] {
        grid-column: 2 / span 7;
        grid-row: 4;
        position: relative;
        display: inline-block;
        text-align: center;
    }

        #gallery .item img[b-ycr8xktzyx] {
            width: 100%;
        }

    #gallery .item .bottom-image[b-ycr8xktzyx] {
        position: relative;
        vertical-align: middle;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        transform: translate(-20px, -25px);
    }

    #gallery .item .top-image[b-ycr8xktzyx] {
        position: absolute;
        width: 88%;
        height: 73%;
        overflow: hidden;
        top: 15%;
        left: 7%;
        border-radius: 5rem;
    }

    #gallery .carousel-slide[b-ycr8xktzyx] {
        display: none;
        transition: opacity 0.5s ease-in-out;
        width: 100%;
        height: 100%;
    }

        #gallery .carousel-slide.active[b-ycr8xktzyx] {
            display: block;
            opacity: 1;
        }

        #gallery .carousel-slide img[b-ycr8xktzyx] {
            width: 100%;
            height: auto;
            object-fit: cover;
            cursor: pointer;
        }

    #gallery .carousel-indicators[b-ycr8xktzyx] {
        display: flex;
        justify-content: center;
        padding-top: 10px;
    }

        #gallery .carousel-indicators span[b-ycr8xktzyx] {
            height: 10px;
            width: 10px;
            margin: 0 5px;
            background-color: #bbb;
            border-radius: 50%;
            display: inline-block;
            cursor: pointer;
        }

            #gallery .carousel-indicators span.active[b-ycr8xktzyx] {
                background-color: #666;
            }

@media (max-width: 1232px) {

    #gallery .content[b-ycr8xktzyx] {
        grid-column: 4 / span 3;
    }

    #gallery .decoration-first[b-ycr8xktzyx] {
        grid-column: 3;
        grid-row: 1;
    }

    #gallery .decoration-last[b-ycr8xktzyx] {
        grid-column: 7;
        grid-row: 2;
    }
}

@media (max-width: 768px) {
    #gallery .content[b-ycr8xktzyx] {
        grid-column: 3 / span 5;
    }

    #gallery .decoration-first[b-ycr8xktzyx] {
        grid-column: 2;
        grid-row: 1;
    }

    #gallery .decoration-last[b-ycr8xktzyx] {
        grid-column: 8;
        grid-row: 3;
    }

        #gallery .decoration-first img[b-ycr8xktzyx],
        #gallery .decoration-last img[b-ycr8xktzyx] {
            width: 50px;
            height: 50px;
            object-fit: contain;
            display: none;
        }

    #gallery .item[b-ycr8xktzyx] {
        grid-column: 1 / span 9;
    }

        #gallery .item .top-image[b-ycr8xktzyx] {

            border-radius: 60px;
        }
}

/* 
    GALLERY MODAL
*/
.gallery-modal[b-ycr8xktzyx] {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
    justify-content: center;
    align-items: center;
}

.modal-show[b-ycr8xktzyx] {
    display: flex !important;
}

.gallery-modal-content[b-ycr8xktzyx] {
    margin: auto;
    width: 90%;
    max-width: 1920px;
}

.gallery-close[b-ycr8xktzyx] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .gallery-close:hover[b-ycr8xktzyx],
    .gallery-close:focus[b-ycr8xktzyx] {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }


/*
    CONTACT SECTION
*/
#contact[b-ycr8xktzyx] {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 75%, #003C19 25%);
    background-repeat: no-repeat;
    padding-bottom: 0;
}

    #contact .container[b-ycr8xktzyx] {
        display: flex;
        flex-direction: row;
        background-color: #49D182;
        background-image: url(/images/home/contactBgd.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        max-width: calc(60 * 1920px / 100);
        width: 60%;
        height: 200px;
        margin: 5rem auto 0 auto;
        border-radius: 35px;
        align-items: center;
        justify-content: space-evenly;
    }

    #contact .container p[b-ycr8xktzyx] {
        color: #ffffff;
        font-weight: 700;
        font-size: 2.5rem;
        line-height: 60px;
    }

        #contact .container .contact-btn[b-ycr8xktzyx] {
            /* Button style */
            background-color: white;
            border-radius: 10px;
            padding: 1.25rem 2.375rem;
            width: 100%;
            transition: background-color 0.3s ease-in-out;
            /* Text style */
            font-size: 1.125rem;
            font-weight: 500;
            color: #49D182;
            text-decoration: none;
            text-align: center;
        }

            #contact .container .contact-btn:hover[b-ycr8xktzyx] {
                background-color: #dedede;
            }

@media (max-width: 1280px) {
    #contact .container[b-ycr8xktzyx] {
        width: 90%;
    }
}

@media (max-width: 860px) {
    #contact .container[b-ycr8xktzyx] {
        width: 90%;
        flex-direction: column;
        height: fit-content;
        text-align: center;
    }

    #contact .container p[b-ycr8xktzyx] {
        font-size: 2rem;
    }

    #contact .container div[b-ycr8xktzyx] {
        margin-bottom: 2.5rem;
    }
}

/*
    FOOTER SECTION
*/
footer[b-ycr8xktzyx] {
    height: fit-content;
    background-color: #003C19;
}

    footer .container[b-ycr8xktzyx] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        gap: 50px;
    }
    
    footer .container.first[b-ycr8xktzyx] {
        padding-top: 2rem;
        padding-bottom: 1rem;
    }
    
    footer .container.last[b-ycr8xktzyx] {
        padding-bottom: 2rem;
    }

        footer .container p[b-ycr8xktzyx] {
            font-weight: 600;
            font-size: 1rem;
            color: #ffffff;
            padding: 0;
            margin: 0;
        }

            footer .container p a[b-ycr8xktzyx],
            footer .container a[b-ycr8xktzyx] {
                text-decoration: none;
                cursor: pointer;
                color: #ffffff;
            }
            
            footer .container a:hover[b-ycr8xktzyx] {
                text-decoration: underline;
            }
/* _content/PlanificRE/Components/Pages/Privacy.razor.rz.scp.css */
.privacy-container[b-81zj90tbuj] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: #333333;
    background-color: #ffffff;
    max-width: 800px;
    margin: 0 auto;
    padding: 5rem 20px 20px;
}

.privacy-container h1[b-81zj90tbuj] {
    color: #4caf50; /* Green color based on Planific's theme */
    border-bottom: 2px solid #4caf50;
    padding-bottom: 10px;
    font-size: 2em;
    text-align: center;
}

.privacy-container h2[b-81zj90tbuj] {
    color: #4caf50;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 5px;
    margin-top: 30px;
    font-size: 1.5em;
}

.privacy-container h3[b-81zj90tbuj] {
    color: #4caf50;
    font-size: 1.2em;
    margin-top: 20px;
    margin-bottom: 10px;
}

.privacy-container p[b-81zj90tbuj] {
    margin: 15px 0;
    text-align: justify;
}

.privacy-container ul[b-81zj90tbuj] {
    list-style-type: square;
    padding-left: 25px;
    margin: 15px 0;
}

.privacy-container ul li[b-81zj90tbuj] {
    margin-bottom: 8px;
}

.privacy-container ul li strong[b-81zj90tbuj] {
    color: #4caf50;
}

.privacy-container a[b-81zj90tbuj] {
    color: #4caf50;
    text-decoration: none;
}

.privacy-container a:hover[b-81zj90tbuj] {
    text-decoration: underline;
}

.date-update[b-81zj90tbuj] {
    font-style: italic;
    text-align: center;
    color: #666;
    margin-bottom: 30px;
}

.section[b-81zj90tbuj] {
    background-color: #f9f9f9;
    padding: 18px 24px;
    border-radius: 8px;
    margin: 25px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
}

.section[b-81zj90tbuj]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #4caf50;
}

/* Table base styles */
.data-table[b-81zj90tbuj] {
    width: 100%;
    border-collapse: collapse;
}

/* Header styles */
.table-header[b-81zj90tbuj] {
    color: black;
}

.header-cell[b-81zj90tbuj] {
    border: 1px solid #ddd;
    text-align: left;
}

.header-cell.green[b-81zj90tbuj] {
    background-color: #CEE7C8;
}

.header-cell.red[b-81zj90tbuj] {
    background-color: #FFB3BA;
}

.header-cell.white[b-81zj90tbuj] {
    background-color: #F2F2F2;
}

.header-cell.center[b-81zj90tbuj] {
    text-align: center;
}

/* Body cell styles */
.table-cell[b-81zj90tbuj] {
    border: 1px solid #ddd;
}

.table-cell.blue[b-81zj90tbuj] {
    background-color: #DAE3F3;
}

.table-cell.orange[b-81zj90tbuj] {
    background-color: #FBE3D6;
}

.table-cell.center[b-81zj90tbuj] {
    text-align: center;
}

/* Legend styles */
.legend[b-81zj90tbuj] {
    margin: 20px 0;
    font-family: Arial, sans-serif;
}

.legend-items[b-81zj90tbuj] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.legend-item[b-81zj90tbuj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.legend-color[b-81zj90tbuj] {
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.legend-text[b-81zj90tbuj] {
    font-size: 14px;
}

.legend-note[b-81zj90tbuj] {
    margin-top: 10px;
    font-size: 13px;
    color: #666;
}

@media (max-width: 600px) {
    .privacy-container[b-81zj90tbuj] {
        padding: 15px;
    }

    .privacy-container h1[b-81zj90tbuj] {
        font-size: 1.8em;
    }

    .privacy-container h2[b-81zj90tbuj] {
        font-size: 1.3em;
    }

    .privacy-container h3[b-81zj90tbuj] {
        font-size: 1.1em;
    }

    .section[b-81zj90tbuj] {
        padding: 15px 18px;
    }
}
/* _content/PlanificRE/Components/TeachingManagement/AddFileLink.razor.rz.scp.css */
.pe-modal[b-4hjo4ueee4] {
    height: fit-content;
    width: 450px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
    font-size: 1.5rem;
}

.header[b-4hjo4ueee4] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    position: relative;
}

.pe-header-text[b-4hjo4ueee4] {
    font-size: 1.8rem;
}

.close-button[b-4hjo4ueee4] {
    position: absolute;
    right: 10px;
    top: calc(50% - (40px / 2));
    cursor: pointer;
}

.close-button img[b-4hjo4ueee4] {
    height: 40px;
    width: auto;
}

/* Remove focus outline for all elements within the modal */
.pe-modal *:focus[b-4hjo4ueee4] {
    outline: none;
}

.pe-border-margin[b-4hjo4ueee4] {
    padding: 0.5rem;
}

.modal-title[b-4hjo4ueee4] {
    background-color: #3c3f4f;
    color: white;
    padding: 10px;
    border-radius: 30px 30px 0 0;
    text-align: center;
}

.head-block[b-4hjo4ueee4] {
    margin: 0 auto;
    width: fit-content;
}

.head-block .task-description[b-4hjo4ueee4] {
    padding: 0;
    margin: 1rem 0.5rem;
}

.task-description[b-4hjo4ueee4] {
    padding: 1rem;
}

.task-title[b-4hjo4ueee4] {
    border: none;
    border-bottom: 1px solid #3c3f4f;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    min-width: 350px;
}

.control-container[b-4hjo4ueee4] {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
    padding: 1rem 1.5rem 0.25rem 1.5rem;
}
/* _content/PlanificRE/Components/TeachingManagement/ChangelogModal.razor.rz.scp.css */
.changelog-modal[b-zll1u45gts] {
    padding: 0.5rem;
    margin: 2rem auto;
    max-width: 600px;
    overflow-y: auto;
    background-color: white;
    border-radius: 30px;
}

.header[b-zll1u45gts] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    position: relative;
}

.pe-header-text[b-zll1u45gts] {
    font-size: 1.8em;
}

.close-button[b-zll1u45gts] {
    position: absolute;
    right: 10px;
    top: calc(50% - (40px / 2) + 2px);
}

.close-button:hover[b-zll1u45gts] {
    cursor: pointer;
}

.close-button img[b-zll1u45gts] {
    height: 40px;
    width: auto;
}

/* Minor version styles */
.minor-version-group[b-zll1u45gts] {
    margin: 1rem 0;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    overflow: hidden;
}

.minor-version-header[b-zll1u45gts] {
    color: #4b5161;
    margin: 0;
    text-align: left;
    cursor: pointer;
    user-select: none;
    padding: 15px;
    background-color: #eef0f3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.4em;
    transition: background-color 0.3s ease;
}

.minor-version-header:hover[b-zll1u45gts] {
    background-color: #e2e5ea;
}

.minor-version-content[b-zll1u45gts] {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out, padding 0.5s ease;
}

.minor-version-group.expanded .minor-version-content[b-zll1u45gts] {
    max-height: 500vh;
    padding: 10px;
    transition: max-height 0.5s ease-in, padding 0.5s ease;
}

/* Patch version styles */
.version-group[b-zll1u45gts] {
    margin: 0.5rem 0;
    overflow: hidden;
}

.version-header[b-zll1u45gts] {
    color: #666;
    margin: 0;
    text-align: left;
    cursor: pointer;
    user-select: none;
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2em;
    transition: background-color 0.3s ease;
}

.version-header:hover[b-zll1u45gts] {
    background-color: #e0e0e0;
}

.version-content[b-zll1u45gts] {
    padding: 0 15px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out, padding 0.5s ease;
}

.version-group.expanded .version-content[b-zll1u45gts] {
    max-height: 150vh;
    padding: 15px;
    transition: max-height 0.5s ease-in, padding 0.5s ease;
}

/* Common styles */
.toggle-icon[b-zll1u45gts] {
    font-size: 0.8em;
    transition: transform 0.3s ease;
}

.minor-version-group.expanded .minor-version-header .toggle-icon[b-zll1u45gts],
.version-group.expanded .version-header .toggle-icon[b-zll1u45gts] {
    transform: rotate(180deg);
}

.changelog-modal h4[b-zll1u45gts] {
    color: #4b5161;
    margin-top: 15px;
    margin-bottom: 10px;
}

.changelog-modal ul[b-zll1u45gts] {
    padding-left: 20px;
}

.changelog-modal li[b-zll1u45gts] {
    margin-bottom: 5px;
}

.changelog-modal .row.no-margin[b-zll1u45gts] {
    margin: 0;
}

.control-container button[b-zll1u45gts] {
    padding: 5px 15px;
    text-align: center;
    color: white;
    background: #49d182;
    border-radius: 10px;
    font-size: 1rem;
    text-transform: uppercase;
    transition: transform 0.3s ease-in-out;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #49d182;
    width: 200px;
    margin: 0 auto;
}

.control-container button:hover[b-zll1u45gts] {
    color: white;
    transform: scale(1.1);
}
/* _content/PlanificRE/Components/TeachingManagement/Confirm.razor.rz.scp.css */
.pe-modal[b-l2pwai3nct] {
    height: fit-content;
    width: fit-content;
    min-width: 450px;
    margin: 5rem auto 0;
    background-color: white;
    border-radius: 30px;
}

.pe-border-margin[b-l2pwai3nct] {
    padding: 0.5rem;
}

.confirm-container[b-l2pwai3nct] {
    height: fit-content;
    text-align: center;
    background-color: white;
    max-width: 750px;
    border-radius: 15px;
    margin: 0 auto;
}

.header[b-l2pwai3nct] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
}

.pe-header-text[b-l2pwai3nct] {
    font-size: 1.8em;
}

.confirm-text[b-l2pwai3nct] {
    font-size: 1rem;
    margin-top: 1rem;
}

.deletion-summary[b-l2pwai3nct] {
    font-size: 0.9rem;
    color: #c0392b;
    margin-top: 0.75rem;
    font-style: italic;
}

.control-container[b-l2pwai3nct] {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.5rem 0.25rem 1.5rem;
}

/* Recurrence */
.lesson-info[b-l2pwai3nct] {
    margin: 2rem auto 0;
}

.options[b-l2pwai3nct] {
    color: #4b5161;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: fit-content;
    margin: 2rem auto;
}

/* CheckboxDesign */
/* The container */
.check-container[b-l2pwai3nct] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

/* Hide the browser's default checkbox */
.check-container input[b-l2pwai3nct] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark[b-l2pwai3nct] {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 1px solid #D3D3D3;
    vertical-align: middle;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark[b-l2pwai3nct] {
    background-color: #eee;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-l2pwai3nct]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark[b-l2pwai3nct]:after {
    display: inline-block;
}

/* Style the checkmark/indicator */
.check-container .checkmark[b-l2pwai3nct]:after {
    left: 7px;
    top: -5px;
    width: 10px;
    height: 20px;
    border: solid #49d182;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
/* _content/PlanificRE/Components/TeachingManagement/DayPlan/BreakComponent.razor.rz.scp.css */
.break[b-w7it3011mj] {
    color: white;
    margin: 0;
    background-color: #4b5161;
    text-align: center;
    border-radius: 10px;
    border: 3px solid #27dc95;
}

.text-normal[b-w7it3011mj] {
    font-size: 1.5em;
}

.text-small[b-w7it3011mj] {
    font-size: 1em;
}
/* _content/PlanificRE/Components/TeachingManagement/DayPlan/ClassPlanComponent.razor.rz.scp.css */
.white-border[b-3zz0w6w452] {
    padding: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 30px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

.pe-margin-right[b-3zz0w6w452] {
    margin-right: 0.5rem;
}

.pe-header-2[b-3zz0w6w452] {
    font-size: 2rem;
    min-height: 55px;
    color: #4b5161;
    position: relative;
}

.pe-header-2 p[b-3zz0w6w452] {
    display: block;
    margin: auto;
}

.pe-weekformat[b-3zz0w6w452] {
    font-size: 1.3rem;
    color: #4b5161;
    margin-left: 1.5rem !important;
    text-align: center;
}
/* _content/PlanificRE/Components/TeachingManagement/DayPlan/DayPlan.razor.rz.scp.css */
.pe-no-margin[b-dg3hukbauy] {
    margin: 0;
}

.spacing[b-dg3hukbauy] {
    padding-right: 0;
    padding-left: 0;
}

.white-border[b-dg3hukbauy] {
    padding: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 30px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    height: 95vh;
}

.fit-content[b-dg3hukbauy] {
    height: fit-content;
    min-height: 400px;
}

.header[b-dg3hukbauy] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
}

.elder-scroll[b-dg3hukbauy] {
    padding: 0 0.2rem 0 0;
    margin: inherit 0 0 0;
    max-height: 87vh;
    overflow-y: auto;
    scrollbar-color: dimgrey white;
    scrollbar-width: thin;
}

.text-small[b-dg3hukbauy] {
    font-size: 1rem;
    padding-left: 0.5rem;
}

.text-small a[b-dg3hukbauy] {
    all: unset;
    cursor: pointer;
}

.text-medium[b-dg3hukbauy] {
    font-size: 1.2em;
}

.text-large[b-dg3hukbauy] {
    font-size: 2rem;
}

div[b-dg3hukbauy] {
    --bs-gutter-x: 0;
}

.collapse-cmd[b-dg3hukbauy] {
    text-align: right;
    padding-right: 1rem;
}

.collapse-arrow[b-dg3hukbauy] {
    margin-right: 0.5rem;
}

.collapse-cmd img[b-dg3hukbauy] {
    cursor: pointer;
}

.img-helper[b-dg3hukbauy] {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.green-text[b-dg3hukbauy] {
    color: limegreen !important;
    text-decoration: underline !important;
    text-decoration-color: white !important;
}

.selected[b-dg3hukbauy] {
    color: limegreen !important;
}

.class-list[b-dg3hukbauy] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.class-list span[b-dg3hukbauy] {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    cursor: pointer;
}

.subject-list[b-dg3hukbauy] {
    display: flex;
    flex-direction: row;
    font-size: 1.2rem;
    flex-wrap: wrap;
    line-height: 1;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    align-items: center;
}

.subject-list div span[b-dg3hukbauy] {
    cursor: pointer;
    margin: 0 0.5rem;
}

.warning-message[b-dg3hukbauy] {
    text-align: center;
    margin-top: 5%;
    font-size: 1.2rem;
}
/* _content/PlanificRE/Components/TeachingManagement/DayPlan/LessonComponent.razor.rz.scp.css */
/**
    
    Custom css for lessons
    
    **/

.pe-border-left[b-szioudn3tw] {
    border-left: solid;
    border-bottom: solid;
}

.pe-border-right[b-szioudn3tw] {
    border-right: solid;
    border-bottom: solid;
}

.pe-border-first[b-szioudn3tw] {
    border-bottom-left-radius: 10px;
}

.pe-border-last[b-szioudn3tw] {
    border-bottom-right-radius: 10px;
}

.p-gray[b-szioudn3tw] {
    color: gray;
}

.block[b-szioudn3tw] {
    display: inline-block;
}

.border[b-szioudn3tw] {
    border-style: solid;
}

.lesson[b-szioudn3tw] {
    color: white;
    margin: 0;
    height: 45px;
}

.documents-header[b-szioudn3tw] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 45px;
    padding-left: 0.75rem;
    color: white;
}

.border-collapsed[b-szioudn3tw] {
    border-radius: 10px;
}

.border-not-collapsed[b-szioudn3tw] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.collapse-toggle[b-szioudn3tw] {
    align-items: center;
    justify-content: flex-end;
}

.my-tasks-header[b-szioudn3tw] {
    gap: 0.5rem;
}

.text-large[b-szioudn3tw] {
    font-size: 1.6em;
    line-height: 1;
}

.text-medium[b-szioudn3tw] {
    font-size: 1.2em;
    line-height: 1;
}

.text-small[b-szioudn3tw] {
    font-size: 1em;
    line-height: 1;
}

.small-icon[b-szioudn3tw] {
    width: auto;
    max-height: 30px;
}

.small-icon.no-hover:hover[b-szioudn3tw] {
    cursor: default;
}

.small-icon:hover[b-szioudn3tw] {
    cursor: pointer;
}

.warning-hidden[b-szioudn3tw] {
    visibility: hidden;
}

.icon[b-szioudn3tw] {
    width: 40px;
    text-align: center;
}

.col-list[b-szioudn3tw] {
    padding-left: 0;
    padding-right: 0;
}

.inlisttaskgroup[b-szioudn3tw] {
    width: 100%;
    font-size: 1rem;
    display: flex;
    overflow: hidden;
    position: relative;
}

.inlisttask[b-szioudn3tw] {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    font-size: 0.9rem;
    text-align: left;
    color: #4b5161;
    border: none;
    white-space: initial;
    padding-left: 10px;
    display: inline-block;
    min-height: 35px;
}

.inlisttask > span[b-szioudn3tw] {
    display: inline-block;
    vertical-align: middle;
    line-height: 2.3;
}

.checkboxcontainer[b-szioudn3tw] {
    position: absolute;
    top: calc(50% - 22px);
    right: 16px;
    width: 40px;
    margin-top: 2px;
}

.dliconimg[b-szioudn3tw] {
    position: absolute;
    vertical-align: middle;
    top: calc(50% - 11px);
    right: 48px;
    cursor: pointer;
}

/* CheckboxDesign */
/* The container */
.container[b-szioudn3tw] {
    padding-left: 15px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px;
    vertical-align: middle;
}

/* Hide the browser's default checkbox */
.container input[b-szioudn3tw] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark[b-szioudn3tw] {
    position: relative;
    display: inline-block;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border: 1px solid #4f96ed;
    vertical-align: middle;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark[b-szioudn3tw] {
    background-color: #eee;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-szioudn3tw]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark[b-szioudn3tw]:after {
    display: inline-block;
}

/* Style the checkmark/indicator */
.container .checkmark[b-szioudn3tw]:after {
    left: 7px;
    top: 0;
    width: 10px;
    height: 20px;
    border: solid #49d182;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/**
    
    Html overwrite
    
    **/
p[b-szioudn3tw] {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
}

img[b-szioudn3tw] {
    vertical-align: sub;
}

/**
    
    Bootstrap overwrite
    
    **/

.row[b-szioudn3tw] {
    margin-left: 0;
    margin-right: 0;
}

/* Files list */
.file-row[b-szioudn3tw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin: 0.1rem;
}

.file-row:hover[b-szioudn3tw] {
    background-color: #f5f5f5;
}

.file-content[b-szioudn3tw] {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.file-icon[b-szioudn3tw] {
    width: 20px;
    height: auto;
    margin-right: 10px;
    margin-left: 10px;
}

.file-name[b-szioudn3tw] {
    text-wrap: wrap;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
}

.delete-icon:hover[b-szioudn3tw] {
    opacity: 0.7;
}
/* _content/PlanificRE/Components/TeachingManagement/FileLinkComponent.razor.rz.scp.css */
.split-list[b-35xqyyt1ft] {
    display: flex;
    flex-direction: row;
    gap: 2rem;
}

.horizontal-split[b-35xqyyt1ft] {
    flex-direction: column;
    gap: 0.5rem;
}

.half-container[b-35xqyyt1ft] {
    width: 45%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.horizontal-split .half-container[b-35xqyyt1ft] {
    width: 100%;
}

.pe-grey-border[b-35xqyyt1ft] {
    border: 2px dashed #4b5161;
    border-radius: 10px;
    padding: 1rem;
    font-size: 1.3rem;
    color: #4b5161;
}

#ImgLink[b-35xqyyt1ft] {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    max-height: 80px;
}

.link-instruction[b-35xqyyt1ft] {
    display: block;
    padding: 5px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.add-link-section[b-35xqyyt1ft] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 150px;
    padding: 1rem;
}

.add-link-btn[b-35xqyyt1ft] {
    padding: 0.5rem 1.5rem;
    background-color: #4b5161;
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1.3rem;
    transition: background-color 0.2s;
    width: 291px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.button-icon[b-35xqyyt1ft] {
    width: auto;
    height: 22px;
}

.add-link-btn:hover:not(:disabled)[b-35xqyyt1ft] {
    background-color: #53596B;
}

/* Files list */
.file-container[b-35xqyyt1ft] {
    display: flex;
    flex-direction: column;
    width: fit-content;
}

.file-row[b-35xqyyt1ft] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
    cursor: pointer;
    width: 300px;
}

.file-row:hover[b-35xqyyt1ft] {
    background-color: #f5f5f5;
}

.file-content[b-35xqyyt1ft] {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.file-icon[b-35xqyyt1ft] {
    width: 20px;
    height: auto;
    margin-right: 10px;
}

.file-name[b-35xqyyt1ft] {
    margin-right: 10px;
    width: 224px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.delete-icon[b-35xqyyt1ft] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    flex-shrink: 0;
}

.delete-icon:hover[b-35xqyyt1ft] {
    opacity: 0.7;
}

/* Simple view (when SplitType is None) */
.files-list-container[b-35xqyyt1ft] {
    border-bottom: 1px solid #e9ecef;
}

.file-row-simple[b-35xqyyt1ft] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    border-bottom: 1px solid #e9ecef;
}

.file-row-simple:last-child[b-35xqyyt1ft] {
    border-bottom: none;
}

.link-text[b-35xqyyt1ft] {
    cursor: pointer;
    color: #007bff;
    text-decoration: none;
    flex-grow: 1;
}

.link-text:hover[b-35xqyyt1ft] {
    text-decoration: underline;
}

.delete-icon-simple[b-35xqyyt1ft] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-left: 1rem;
    flex-shrink: 0;
}

.delete-icon-simple:hover[b-35xqyyt1ft] {
    opacity: 0.7;
}
/* _content/PlanificRE/Components/TeachingManagement/Inform.razor.rz.scp.css */
.inform-container[b-mgj8ms8rnf] {
    height: fit-content;
    text-align: center;
    background-color: white;
    max-width: 400px;
    border-radius: 15px;
    margin: 5rem auto 0;
}

.inform-container > div[b-mgj8ms8rnf] {
    padding: 1rem;
}

p[b-mgj8ms8rnf] {
    font-size: 1.5rem;
}

.control-container[b-mgj8ms8rnf] {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: center;
    padding: 1rem 1.5rem 0.25rem 1.5rem;
}
/* _content/PlanificRE/Components/TeachingManagement/NavBarComponent.razor.rz.scp.css */
.pe-border[b-eny4r6c591] {
    border: 2px solid #D3D3D3;
    border-radius: 75px;
}
.pe-border:hover[b-eny4r6c591] {
    border-color: #27dc95;
}

#menu[b-eny4r6c591] {
    margin-top: 2rem;
    min-height: fit-content;
}

.nav-item[b-eny4r6c591] {
    position: relative;
}

.nav-item .tooltiptext[b-eny4r6c591] {
    visibility: hidden;
    width: fit-content;
    background-color: #4b5161;
    color: #ffffff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 100%;
}

.nav-item .tooltiptext[b-eny4r6c591]::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.nav-item:hover .tooltiptext[b-eny4r6c591] {
    visibility: hidden;
}

.nav-link[b-eny4r6c591], .nav-profile[b-eny4r6c591] {
    width: 150px;
    word-wrap: break-word;
}

.nav-link img[b-eny4r6c591] {
    height: 80px;
    width: 80px;
}

.nav-profile:hover[b-eny4r6c591] {
    filter: brightness(1.05);
}

.nav-active[b-eny4r6c591] {
    background-color: transparent !important;
}

.nav-active img[b-eny4r6c591] {
    border-color: #27dc95;
}

.nav-item-group[b-eny4r6c591] {
    position: relative;
}

.nav-item-group[b-eny4r6c591]::after {
    content: "\25C0";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8em;
    color: #4b5161;
}

.nav-flyout[b-eny4r6c591] {
    display: none;
    position: absolute;
    top: 0;
    right: 100px;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    border-radius: 10px;
    overflow: hidden;
    z-index: 1000;
    min-width: 190px;
}

.nav-flyout.nav-flyout-open[b-eny4r6c591] {
    display: block;
    animation: navFlyoutAppear-b-eny4r6c591 0.2s ease forwards;
}

@keyframes navFlyoutAppear-b-eny4r6c591 {
    from {
        opacity: 0;
        transform: translateX(10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.nav-flyout-item[b-eny4r6c591] {
    position: relative;
    border-bottom: 1px solid #ddd;
}

.nav-flyout-item:last-child[b-eny4r6c591] {
    border-bottom: none;
}

.nav-flyout-link[b-eny4r6c591] {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 0;
    color: #333;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.nav-flyout-item:hover .nav-flyout-link[b-eny4r6c591] {
    background-color: #f8f9fa;
    color: #27dc95;
}

.nav-flyout-link.nav-active[b-eny4r6c591] {
    background-color: #eafbf3;
    color: #20a674;
}

.nav-flyout-link img[b-eny4r6c591] {
    height: 30px;
    width: 30px;
}

.nav-flyout-label[b-eny4r6c591] {
    font-size: 1rem;
}

.last-item[b-eny4r6c591] {
    margin: 0 auto 0.5rem auto;
}

.notify-container[b-eny4r6c591] {
    position:  relative;
    text-align: center;
    color: white;
}

.notification[b-eny4r6c591] {
    height: 27px !important;
    width: 27px !important;
    position: absolute;
    left: 70%;
    top: 0;
}

.number[b-eny4r6c591] {
    height: 27px !important;
    width: 27px !important;
    position: absolute;
    top: 0;
    left: 70%;
    margin-top: 2px;
    font-size: 0.85rem;
}

.notification-correction[b-eny4r6c591] {
    left: 60%;
}

.log-off-button[b-eny4r6c591] {
    padding: 0;
    border: none;
    background: transparent;
    transition: filter 0.2s ease;
}

.log-off-button:hover[b-eny4r6c591] {
    filter: brightness(1.1);
}
/* _content/PlanificRE/Components/TeachingManagement/Notification/NotificationBase.razor.rz.scp.css */
.notification-content[b-ay4s3q4znv] {
    margin-bottom: 10px;
}

.notification-actions[b-ay4s3q4znv] {
    display: flex;
    justify-content: flex-end;
}

.notification-actions[b-ay4s3q4znv]  button {
    margin-left: 10px;
    padding: 5px 10px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.accept-button[b-ay4s3q4znv] {
    background-color: #4CAF50;
    color: white;
}

.refuse-button[b-ay4s3q4znv] {
    background-color: #f44336;
    color: white;
}

.ok-button[b-ay4s3q4znv] {
    background-color: #2196F3;
    color: white;
}
/* _content/PlanificRE/Components/TeachingManagement/Notification/ShowNotifications.razor.rz.scp.css */
.pe-modal[b-a63yj1hhj7] {
    height: fit-content;
    width: 900px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
}

.pe-border-margin[b-a63yj1hhj7] {
    padding: 0.5rem;
}

.header[b-a63yj1hhj7] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    position: relative;
}

.pe-header-text[b-a63yj1hhj7] {
    font-size: 2.8em;
}

.close-button[b-a63yj1hhj7] {
    position: absolute;
    right: 25px;
    top: 20px;
    cursor: pointer;
}

.close-button img[b-a63yj1hhj7] {
    vertical-align: middle;
    border-style: none;
    height: 50px;
    width: auto;
}

.notification-list[b-a63yj1hhj7] {
    max-height: 400px;
    min-height: 400px;
    width: 100%;
    max-width: 100%;
    overflow-y: auto;
    margin: 0;
    padding: 0;
}

.pe-line-even[b-a63yj1hhj7] {
    background-color: white;
}

.pe-line-odd[b-a63yj1hhj7] {
    background-color: #f6f6f6;
}

.notification-list .notification-item[b-a63yj1hhj7] {
    width: 100%;
    margin: 0;
    padding: 0.5rem 0;
}

.no-notifications[b-a63yj1hhj7] {
    margin: 5rem auto;
    text-align: center;
    font-size: 1.8rem;
}
/* _content/PlanificRE/Components/TeachingManagement/Profile/AccountManagementComponent.razor.rz.scp.css */
.white-border-inside[b-pxvzyny8vy] {
    padding: 0.5rem;
    margin-left: 0;
    margin-top: 0.5rem;
    margin-right: -0.5rem;
    border-radius: 10px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

.pe-margin-right[b-pxvzyny8vy] {
    margin-right: 0.5rem;
}

.pe-header-2[b-pxvzyny8vy] {
    font-size: 2rem;
    height: 55px;
    color: #4b5161;
    position: relative;
}

.pe-header-2 p[b-pxvzyny8vy] {
    display: block;
    margin: auto;
}

.profile-container[b-pxvzyny8vy] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}

@media(max-width: 1500px){
    .profile-container[b-pxvzyny8vy] {
        justify-content: center;
        gap: 1rem;
    }
}

.small-text[b-pxvzyny8vy] {
    font-size: 1rem;
}

.green-text[b-pxvzyny8vy] {
    color: #49d182;
}

.profile-block[b-pxvzyny8vy] {
    margin-top: 2rem;
}

.profile-row[b-pxvzyny8vy] {
    display: flex;
    justify-content: center;
    font-size: 1.4rem;
    align-items: center;
    gap: 0.25rem;
}

.profile-row img[b-pxvzyny8vy] {
    height: 2rem;
    width: auto;
    object-fit: contain;
}

.activate-container[b-pxvzyny8vy] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 2rem 0.5rem 0.5rem 0.5rem
}

.activate-container button[b-pxvzyny8vy] {
    padding: 5px 15px;
    text-align: center;
    color: white;
    background: #49d182;
    border-radius: 10px;
    font-size: 1rem;
    text-transform: uppercase;
    transition: transform 0.3s ease-in-out;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #49d182;
}

.activate-container button:hover[b-pxvzyny8vy]
{
    color: white;
    transform: scale(1.1);
}

.download-container[b-pxvzyny8vy] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10rem 0.5rem 0.5rem 0.5rem;
}

.download-container button[b-pxvzyny8vy] {
    padding: 5px 15px;
    text-align: center;
    color: white;
    background: #49d182;
    border-radius: 10px;
    font-size: 1rem;
    text-transform: uppercase;
    transition: transform 0.3s ease-in-out;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #49d182;
}

.download-container button:hover[b-pxvzyny8vy]
{
    color: white;
    transform: scale(1.1);
}

.delete-container[b-pxvzyny8vy] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.delete-container button[b-pxvzyny8vy] {
    padding: 5px 15px;
    text-align: center;
    color: white;
    background: #de5f5f;
    border-radius: 10px;
    font-size: 1rem;
    text-transform: uppercase;
    transition: transform 0.3s ease-in-out;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #de5f5f;
}

.delete-container button:hover[b-pxvzyny8vy]
{
    color: white;
    transform: scale(1.1);
}
/* _content/PlanificRE/Components/TeachingManagement/Profile/Profile.razor.rz.scp.css */
.pe-no-margin[b-he2zingc6g] {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
}

.spacing[b-he2zingc6g] {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.white-border[b-he2zingc6g] {
    padding: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 30px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    min-height: 95vh;
}

.pe-row[b-he2zingc6g] {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 0;
}

.header[b-he2zingc6g] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
}

.pe-header-text[b-he2zingc6g] {
    font-size: 2rem;
}

.pe-block[b-he2zingc6g] {
    margin-left: 0;
    margin-right: -0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    height: fit-content;
}

@media (max-width: 33.9em) {
    .pe-block[b-he2zingc6g] {
        margin-left: -0.625rem;
    }
}

.first-column > .pe-block[b-he2zingc6g] {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}

.last-column > .pe-block[b-he2zingc6g] {
    margin-right: -0.625rem;
}

.white-border-inside[b-he2zingc6g] {
    padding: 0.5rem;
    margin-left: 0;
    margin-top: 0.5rem;
    margin-right: -0.5rem;
    border-radius: 10px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

.pe-margin-right[b-he2zingc6g] {
    margin-right: 0.5rem;
}

.pe-header-2[b-he2zingc6g] {
    font-size: 2rem;
    height: 55px;
    color: #4b5161;
    position: relative;
}

.pe-header-2 p[b-he2zingc6g] {
    display: block;
    margin: auto;
}

.avatar-container[b-he2zingc6g] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media(max-width: 1500px){
    .avatar-container[b-he2zingc6g] {
        justify-content: center;
        gap: 1rem;
    }
}

.control-container[b-he2zingc6g] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 2rem 0.5rem 0.5rem 0.5rem;
}

.pseudo-container[b-he2zingc6g] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pseudo-container div[b-he2zingc6g] {
    margin: 0 0.5rem;
}

@media(max-width: 1630px)
{
    .pseudo-container[b-he2zingc6g] {
        justify-content: center;
        gap: 1rem;
    }
}

#displayName[b-he2zingc6g] {
    border-top-style: none;
    border-right-style: none;
    border-bottom: 1px solid #ced4da;
    border-left-style: none;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0.5rem 5px 0 5px;
    font-size: 1.3rem;
}

.name-container[b-he2zingc6g] {
    display: flex;
    align-items: center;
}

.control-container button[b-he2zingc6g],
.name-container button[b-he2zingc6g] {
    padding: 5px 15px;
    text-align: center;
    color: white;
    background: #49d182;
    border-radius: 10px;
    font-size: 1rem;
    text-transform: uppercase;
    transition: transform 0.3s ease-in-out;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #49d182;
}

.control-container button:hover[b-he2zingc6g],
.name-container button:hover[b-he2zingc6g] {
    color: white;
    transform: scale(1.1);
}
/* _content/PlanificRE/Components/TeachingManagement/Profile/UserAvatar/AvatarColorCustomization.razor.rz.scp.css */
.color-container[b-epxt80o9ku] {
    display: flex;
    flex-direction: column;
    width: 200px;
}

.category-subtitle[b-epxt80o9ku] {
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
}
/* _content/PlanificRE/Components/TeachingManagement/Profile/UserAvatar/AvatarCustomizationOptions.razor.rz.scp.css */
.item-container[b-ls90ahaoq5] {
    min-width: 200px;
}
/* _content/PlanificRE/Components/TeachingManagement/Profile/UserAvatar/ColorPicker.razor.rz.scp.css */
.color-choice[b-dxxngo5x2a] {
    display: flex;
    flex-direction: row;
    margin: 0 0.5rem 0 0;
    justify-content: space-between;
    align-items: center;
}

.color-choice label[b-dxxngo5x2a] {
    margin: 0 1rem 0 0
}

.color-choice input[type="color"][b-dxxngo5x2a] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.color-choice input[type="color"][b-dxxngo5x2a]::-webkit-color-swatch-wrapper {
    padding: 0;
}

.color-choice input[type="color"][b-dxxngo5x2a]::-webkit-color-swatch {
    border: none;
    border-radius: 20%;
}

.color-choice input[type="color"][b-dxxngo5x2a]::-moz-color-swatch {
    border: none;
    border-radius: 20%;
}

.color-choice input[type="color"]:focus[b-dxxngo5x2a] {
    outline: none;
}

.color-choice input[type="color"]:hover[b-dxxngo5x2a] {
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out;
}
/* _content/PlanificRE/Components/TeachingManagement/Profile/UserAvatar/CustomizationSection.razor.rz.scp.css */
.category-subtitle[b-zly2a62215] {
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
}

.item-option[b-zly2a62215] {
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    border: 2px solid transparent;
}

.item-option.selected[b-zly2a62215] {
    border: 2px solid #27dc95;
    border-radius: 20px;
}

.item-option img[b-zly2a62215] {
    width: 50px;
    height: 50px;
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/AutomationComponent.razor.rz.scp.css */
.white-border-inside[b-7d1zighiy5] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0;
    margin-top: 0.5rem;
    margin-right: -0.5rem;
    border-radius: 10px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

.pe-margin-right[b-7d1zighiy5] {
    margin-right: 0.5rem;
}

.pe-header-2[b-7d1zighiy5] {
    font-size: 2rem;
    min-height: 55px;
    color: #4b5161;
    position: relative;
}

.pe-header-2 p[b-7d1zighiy5] {
    display: block;
    margin: auto;
}

.automation-options[b-7d1zighiy5] {
    color: #4b5161;
    margin-left: 0.15rem !important;
    margin-right: 0.15rem !important;
    text-align: left;
}

.automation-title[b-7d1zighiy5] {
    font-size: 1.5rem;
}

.test-automation[b-7d1zighiy5] {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
}

.test-automation .check-container[b-7d1zighiy5] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0;
}

#quantity[b-7d1zighiy5] {
    position: initial;
    opacity: initial;
    cursor: pointer;
    height: 25px;
    padding: 0;
    text-align: center;
    border: none;
    border-bottom: 1px solid lightgray;
}

/* Hide spinner arrows for webkit browsers (Chrome, Safari, Edge) */
#quantity[b-7d1zighiy5]::-webkit-outer-spin-button,
#quantity[b-7d1zighiy5]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide spinner arrows for Firefox */
#quantity[type=number][b-7d1zighiy5] {
    -moz-appearance: textfield;
}

/* CheckboxDesign */
/* The container */
.check-container[b-7d1zighiy5] {
    padding-left: 5px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px;
    vertical-align: middle;
}

/* Hide the browser's default checkbox */
.check-container input[b-7d1zighiy5] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark[b-7d1zighiy5] {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 1px solid #D3D3D3;
    vertical-align: middle;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark[b-7d1zighiy5] {
    background-color: #eee;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-7d1zighiy5]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark[b-7d1zighiy5]:after {
    display: inline-block;
}

/* Style the checkmark/indicator */
.check-container .checkmark[b-7d1zighiy5]:after {
    left: 7px;
    top: -5px;
    width: 10px;
    height: 20px;
    border: solid #49d182;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/CategorySubjectComponent.razor.rz.scp.css */
.white-border-inside[b-fwjqczot0c] {
    padding: 0.5rem;
    margin-left: 0;
    margin-top: 0.5rem;
    margin-right: -0.5rem;
    border-radius: 10px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

.pe-margin-right[b-fwjqczot0c] {
    margin-right: 0.5rem;
}

.pe-header-2[b-fwjqczot0c] {
    font-size: 2rem;
    min-height: 55px;
    color: #4b5161;
    position: relative;
}

.pe-header-2 p[b-fwjqczot0c] {
    display: block;
    margin: auto;
    line-height: 1;
}

.control-container[b-fwjqczot0c] {
    display: flex;
    justify-content: space-evenly;
    margin: 1rem;
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/ObjectiveColorComponent.razor.rz.scp.css */
.white-border-inside[b-v0sqfvoo3u] {
    padding: 0.5rem;
    margin-left: 0;
    margin-top: 0.5rem;
    margin-right: -0.5rem;
    border-radius: 10px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

.pe-margin-right[b-v0sqfvoo3u] {
    margin-right: 0.5rem;
}

.pe-header-2[b-v0sqfvoo3u] {
    font-size: 2rem;
    min-height: 55px;
    color: #4b5161;
    position: relative;
}

.pe-header-2 p[b-v0sqfvoo3u] {
    display: block;
    margin: auto;
    line-height: 1;
}

.control-container[b-v0sqfvoo3u] {
    display: flex;
    justify-content: space-evenly;
    margin: 1rem;
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/Popups/AddClass.razor.rz.scp.css */
.header[b-8ddds7rvm4] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
}

label[b-8ddds7rvm4] {
    margin: 0;
}

.pe-close-fixed[b-8ddds7rvm4] {
    position: fixed;
    right: 175px;
    top: 15px;
    width: 50px;
}

.pe-modal[b-8ddds7rvm4] {
    height: fit-content;
    width: 900px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
}

.pe-border-margin[b-8ddds7rvm4] {
    padding: 0.5rem;
}

.pe-header-text[b-8ddds7rvm4] {
    font-size: 1.8em;
}

.pe-grey-border[b-8ddds7rvm4] {
    border: 2px solid #4b5161;
    border-radius: 10px;
    padding: 0.5rem;
    font-size: 1.3rem;
    color: #4b5161;
}

.pe-input[b-8ddds7rvm4] {
    border: none;
    border-bottom: 1px solid #ced4da;
    height: 25px;
    max-width: 200px;
    margin: 0 0.5rem;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.no-padding-left[b-8ddds7rvm4] {
    padding-left: 0;
}

.no-padding-right[b-8ddds7rvm4] {
    padding-right: 0;
}

.classname[b-8ddds7rvm4] {
    height: 50px;
    display: flex;
    flex-direction: row;
    font-size: 1.2rem;
    align-items: center;
}

.code-class-container[b-8ddds7rvm4] {
    height: 50px;
    display: flex;
    flex-direction: row;
    font-size: 1.2rem;
    gap: 0.5rem;
    justify-content: space-between;
    align-items: center;
}

#classname[b-8ddds7rvm4] {
    height: 30px;
    margin: 0 1rem 0 0 !important;
    max-width: calc(200px + 1rem + 5px + 0.5rem);
}

#classname-label[b-8ddds7rvm4] {
    vertical-align: middle;
}

.pe-input-img[b-8ddds7rvm4] {
    vertical-align: middle;
    height: 20px;
    width: 15px;
    margin-top: 5px;
}

.pe-input-img:hover[b-8ddds7rvm4] {
    cursor: pointer;
}

.pe-input-img-hidden[b-8ddds7rvm4] {
    visibility: hidden;
}

.pe-label[b-8ddds7rvm4] {
    width: 1rem;
    margin-right: 5px;
    vertical-align: middle;
}

.pe-student[b-8ddds7rvm4] {
    display: flex;
    flex-direction: row;
    margin: 0.2rem 0;
    font-size: 1rem;
}

.btn-green[b-8ddds7rvm4] {
    width: 100%;
    padding: 10px 10px !important;
    text-align: center;
    color: white;
    background: #49d182 !important;
    border-radius: 20px !important;
    font-size: 21px !important;
    text-transform: uppercase;
}

.btn-green:hover[b-8ddds7rvm4] {
    opacity: 0.9;
    color: white;
}

.title[b-8ddds7rvm4] {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.small-text[b-8ddds7rvm4] {
    font-size: 0.8rem;
}

.import-class[b-8ddds7rvm4] {
    max-width: 200px;
    width: 200px;
    text-align: center;
}

#class-code[b-8ddds7rvm4] {
    margin: 0;
    width: 110px;
}

.btn-import[b-8ddds7rvm4] {
    display: inline-flex;
    align-items: center;
    border: 2px solid #d3d3d3;
    border-radius: 10px;
    padding: 0 1rem;
    height: 35px;
    margin-left: 1rem;
    background-color: transparent;
}

.btn-icon[b-8ddds7rvm4] {
    width: 16px;  /* Adjust as needed */
    height: 16px;  /* Adjust as needed */
    margin-right: 0.5rem;
}

.share-line[b-8ddds7rvm4] {
    display: flex;
    justify-content: space-between;
}

.share-line div[b-8ddds7rvm4] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.share-line div img[b-8ddds7rvm4] {
    height: 35px;
    width: auto;
}

.share-line > img[b-8ddds7rvm4] {
    margin-right: 1rem;
}

.control[b-8ddds7rvm4] {
    display: flex;
    justify-content: space-between;
    margin: 2rem 0.5rem 0.5rem;
}

.control.solo[b-8ddds7rvm4] {
    justify-content: end;
}

/* WorkCheck access table */
.access-workChecker-container[b-8ddds7rvm4] {
    width: 100%;
}

.access-table[b-8ddds7rvm4] {
    width: 100%;
    border-collapse: collapse;
    overflow-x: auto;
}

.table-header[b-8ddds7rvm4],
.table-row[b-8ddds7rvm4] {
    display: grid;
    grid-template-columns: 60px repeat(auto-fit, 40px);
    border-bottom: 1px solid #e0e0e0;
    width: fit-content;
    min-width: 100%;
}

.cell[b-8ddds7rvm4] {
    padding: 5px;
    display: flex;
    align-items: center;
    border-right: 1px solid #f0f0f0;
}

.header-cell[b-8ddds7rvm4] {
    font-weight: 500;
    color: #666;
    width: 40px;
    height: 120px;
    justify-content: center;
    position: relative;
    padding: 0;
}

.vertical-text[b-8ddds7rvm4] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(-90deg);
    transform-origin: center;
    white-space: nowrap;
    width: 120px;
    text-align: left;
    padding-left: 5px;
}

.subject-cell[b-8ddds7rvm4] {
    font-weight: 500;
    color: #666;
    width: 60px;
    justify-content: flex-start;
}

.table-header .cell:not(:last-child)[b-8ddds7rvm4],
.table-row .cell:not(:last-child)[b-8ddds7rvm4] {
    border-right: 1px solid #f0f0f0;
}

.checkbox-cell[b-8ddds7rvm4] {
    width: 40px;
    justify-content: center;
    cursor: pointer;
}

.checkbox-cell.disabled[b-8ddds7rvm4] {
    cursor: not-allowed;
    opacity: 0.7;
}

.checkbox-cell.owner[b-8ddds7rvm4] {
    cursor: not-allowed;
}

.checkbox[b-8ddds7rvm4] {
    position: relative;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: 1px solid #D3D3D3;
    display: inline-block;
}

.checkbox-cell:not(.disabled):not(.owner):hover .checkbox:not(.checked):not(.owner-checked)[b-8ddds7rvm4] {
    background-color: #eee;
}

.checkbox.checked[b-8ddds7rvm4] {
    background-color: #ffffff;
    border-color: #D3D3D3;
}

.checkbox.owner-checked[b-8ddds7rvm4] {
    background-color: #ffffff;
    border-color: #D3D3D3;
}

.checkbox.checked[b-8ddds7rvm4]:after {
    content: "";
    position: absolute;
    left: 7px;
    top: -5px;
    width: 10px;
    height: 20px;
    border: solid #49d182;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    display: inline-block;
}

.checkbox.owner-checked[b-8ddds7rvm4]:after {
    content: "";
    position: absolute;
    left: 7px;
    top: -5px;
    width: 10px;
    height: 20px;
    border: solid #9E9E9E;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    display: inline-block;
}

/* Make sure the first column (subject codes) has enough width */
.table-row:first-child[b-8ddds7rvm4] {
    min-width: 50px;
}

/* Ensure the table stays within its container */
.access-table[b-8ddds7rvm4] {
    overflow-x: auto;
}

/* Add a subtle hover effect for interactable cells */
.checkbox-cell:not(.disabled):not(.owner):hover .checkbox:not(.checked):not(.owner-checked)[b-8ddds7rvm4] {
    border-color: #4CAF50;
    background-color: rgba(76, 175, 80, 0.1);
}

/* Extra styling for better visual hierarchy */
.title.mt-4[b-8ddds7rvm4] {
    margin-top: 1.5rem;
    font-weight: 500;
    color: #333;
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/Popups/AddCourse.razor.rz.scp.css */
.header[b-3l5vke6535] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
}

.pe-modal[b-3l5vke6535] {
    height: fit-content;
    width: 470px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
}

.pe-close-fixed[b-3l5vke6535] {
    position: fixed;
    right: 175px;
    top: 15px;
    width: 50px;
}

.pe-border-margin[b-3l5vke6535] {
    padding: 0.5rem;
}

.pe-header-text[b-3l5vke6535] {
    font-size: 1.8em;
}

.pe-grey-border[b-3l5vke6535] {
    border: 2px solid #4b5161;
    border-radius: 10px;
    padding: 0;
    font-size: 1.3rem;
}

.pe-input[b-3l5vke6535] {
    border: 0 solid #4b5161;
    margin: 0;
    height: 25px;
    vertical-align: middle;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.pe-alt-header[b-3l5vke6535] {
    font-size: 1.3rem;
    text-align: center;
    width: 65%;
    margin: 0 auto;
}

.container-2[b-3l5vke6535] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: space-evenly;
}

.control-container[b-3l5vke6535] {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
    padding: 1rem 1.5rem 0.25rem 1.5rem;
}

/* Hide the browser's default checkbox */
.container-2 > input[b-3l5vke6535] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark[b-3l5vke6535] {
    position: relative;
    display: inline-block;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border: 1px solid #4f96ed;
    vertical-align: middle;
    margin-left: 20px;
}

/* On mouse-over, add a grey background color */
.container-2:hover input ~ .checkmark[b-3l5vke6535] {
    background-color: #eee;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-3l5vke6535]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-2 input:checked ~ .checkmark[b-3l5vke6535]:after {
    display: inline-block;
}

/* Style the checkmark/indicator */
.container-2 > .checkmark[b-3l5vke6535]:after {
    left: 7px;
    top: 0;
    width: 10px;
    height: 20px;
    border: solid #49d182;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox-wrapper[b-3l5vke6535] {
    display: flex;
    justify-content: center;
}

.planific-control.planific-checkbox[b-3l5vke6535] {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 2.5rem;
}

.planific-control.planific-checkbox input[b-3l5vke6535] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.planific-control-label[b-3l5vke6535]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border: 1px solid #4f96ed;  /* Using your original blue color */
}

.planific-control-label[b-3l5vke6535]::after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: calc(50% - 12px);
    width: 10px;
    height: 20px;
    border: solid #49d182;  /* Using your original green color */
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.planific-control-input:checked ~ .planific-control-label[b-3l5vke6535]::after {
    display: block;
}

.planific-control:hover input ~ .planific-control-label[b-3l5vke6535]::before {
    background-color: #eee;
}

.planific-control-input:focus ~ .planific-control-label[b-3l5vke6535]::before {
    box-shadow: 0 0 0 0.2rem rgba(79, 150, 237, 0.25);
}

.label-style[b-3l5vke6535] {
    margin: 0;
}

.font-size30[b-3l5vke6535] {
    font-size: 1.3rem;
}

.height40[b-3l5vke6535] {
    height: 40px;
}

.text-center[b-3l5vke6535] {
    text-align: center;
}

.padding15[b-3l5vke6535] {
    padding: 15px;
}

/* Time Picker */
input[type="date"][b-3l5vke6535], input[type="datetime-local"][b-3l5vke6535], input[type="month"][b-3l5vke6535], input[type="time"][b-3l5vke6535] {
    -webkit-appearance: listbox;
}

.time-picker[b-3l5vke6535] {
    border:none;
    border-bottom: 1px solid #4b5161;
    padding: 0;
    color: black;
}

.time-picker:focus[b-3l5vke6535] {
    outline: none;
}

/* autocomplete */
.sug[b-3l5vke6535] {
    position: relative;
}

.sug-options[b-3l5vke6535] {
    position: absolute;
    top: 40px;
    left: 0;
    background: white;
    width: 100%;
    padding: 0;
    z-index: 10;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    box-shadow: 0 30px 25px 8px rgba(0,0,0,0.1);
}

.sug-option[b-3l5vke6535] {
    display: block;
    padding: 0.25rem;
}

.sug-option .sug-option-text[b-3l5vke6535] {
    padding: 0.25rem 0.5rem;
}

.sug-option:hover[b-3l5vke6535] {
    background: #1E90FF;
    color: #fff;
}

.sug-option.disabled[b-3l5vke6535] {
    background-color: lightgray;
    cursor: not-allowed;
}

.sug-option.disabled:hover[b-3l5vke6535] {
    background: lightgrey;
    color: var(--bs-body);
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/Popups/AddWorkGroup.razor.rz.scp.css */
.pe-close-fixed[b-mselhtcsc9]
{
    position: fixed;
    right: 175px;
    top: 15px;
    width: 50px;
}

.pe-close.loading[b-mselhtcsc9] {
    pointer-events: none;
    opacity: 0.5;
}

.pe-modal[b-mselhtcsc9] {
    height: fit-content;
    width: fit-content;
    max-width: 825px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
    font-size: 1.5rem;
}

.pe-border-margin[b-mselhtcsc9] {
    padding: 0.5rem;
}

.header[b-mselhtcsc9] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    position: relative;
}

.pe-header-text[b-mselhtcsc9] {
    font-size: 1.8rem;
}

.close-button[b-mselhtcsc9] {
    position: absolute;
    right: 10px;
    top: calc(50% - (40px / 2));
    cursor: pointer;
}

.close-button img[b-mselhtcsc9] {
    height: 40px;
    width: auto;
}

.info-text[b-mselhtcsc9] {
    font-size: 1.2rem;
}

.group-name[b-mselhtcsc9] {
    width: 25rem;
    margin: 0 auto;
    display: flex;
    gap: 1rem;
}

.group-input[b-mselhtcsc9] {
    border: none;
    border-bottom: 1px solid #3c3f4f;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1;
}

.list-container[b-mselhtcsc9] {
    width: 25rem;
    margin: 2rem auto 1rem;
}

.list-container:last-child[b-mselhtcsc9] {
    margin: 0 auto 1rem;
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/Popups/AddWorkGroupMember.razor.rz.scp.css */
.pe-modal[b-r8dgicgdk5] {
    height: fit-content;
    width: fit-content;
    min-width: 450px;
    margin: 5rem auto 0;
    background-color: white;
    border-radius: 30px;
}

.pe-border-margin[b-r8dgicgdk5] {
    padding: 0.5rem;
}

.header[b-r8dgicgdk5] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding: 0.5rem 1rem;
    margin: 0 0 0 0 !important;
}

.pe-header-text[b-r8dgicgdk5] {
    font-size: 1.8em;
}

.head-block[b-r8dgicgdk5] {
    padding: 0 1.5rem;
}

.input-block[b-r8dgicgdk5] {
    display: flex;
    gap: 1rem;
    font-size: 1.5rem;
}

.input-block > input[b-r8dgicgdk5] {
    border: none;
    border-bottom: 1px solid #3c3f4f;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1;
}

.input-block > input[b-r8dgicgdk5]::placeholder {
    opacity: 0.25;
}

.control-container[b-r8dgicgdk5] {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
    padding: 1rem 1.5rem 0.25rem 1.5rem;
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/Popups/EditCategorySubject.razor.rz.scp.css */
.header[b-skkdbkt55f] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
}

.pe-modal[b-skkdbkt55f] {
    height: fit-content;
    width: 1000px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
}

.pe-close-fixed[b-skkdbkt55f] {
    position: fixed;
    right: 175px;
    top: 15px;
    width: 50px;
}

.pe-border-margin[b-skkdbkt55f] {
    padding: 0.5rem;
}

.pe-header-text[b-skkdbkt55f] {
    font-size: 1.8em;
}
/*
 *  CATEGORIES
 */
/* CATEGORY ITEM */
.category-item[b-skkdbkt55f] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    font-size: 1.4rem;
    padding-left: calc(20px + 0.5rem + 5px);
}

.category-item.sub-item[b-skkdbkt55f] {
    font-size: 1.2rem;
    padding-left: 0;
}

.category-item.nested-item[b-skkdbkt55f] {
    font-size: 1rem;
    padding-left: 40px;
}

/* CATEGORY IMG */
.category-item img[b-skkdbkt55f] {
    height: 25px;
    width: auto;
    cursor: pointer;
}

.category-item.sub-item img[b-skkdbkt55f] {
    height: 20px;
    width: auto;
}

.category-item.nested-item img[b-skkdbkt55f] {
    height: 15px;
    width: auto;
}

/* CATEGORY COLOR SELECTOR */
.category-color[b-skkdbkt55f] {
    border: none;
    outline: none;
    background-color: transparent;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.category-color.sub-color[b-skkdbkt55f] {
    
}

.category-color.nested-color[b-skkdbkt55f] {
    
}

/* CATEGORY INPUT */
.category-input[b-skkdbkt55f] {
    border: none;
    border-bottom: 1px solid #000000;
    outline: none;
    line-height: 1;
    width: 180px;
}

.category-input.sub-input[b-skkdbkt55f] {

}

.category-input.nested-input[b-skkdbkt55f] {
    
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/Popups/EditObjectiveColors.razor.rz.scp.css */
.pe-modal[b-xj1phg8w5j] {
    height: fit-content;
    max-height: 85vh;
    width: 1100px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
    overflow-y: auto;
}

.pe-close-fixed[b-xj1phg8w5j] {
    position: fixed;
    right: 175px;
    top: 15px;
    width: 50px;
}

.pe-border-margin[b-xj1phg8w5j] {
    padding: 0.5rem;
}

.header[b-xj1phg8w5j] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
}

.pe-header-text[b-xj1phg8w5j] {
    font-size: 1.8rem;
}

.subject-list[b-xj1phg8w5j] {
    display: flex;
    flex-direction: row;
    font-size: 1.2rem;
    flex-wrap: wrap;
    line-height: 1;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    align-items: center;
    justify-content: center;
}

.subject-list div span[b-xj1phg8w5j] {
    cursor: pointer;
    margin: 0 0.5rem;
}

.selected[b-xj1phg8w5j] {
    color: limegreen !important;
}

.separator[b-xj1phg8w5j] {
    color: rgba(255, 255, 255, 0.4);
}

.no-classes-message[b-xj1phg8w5j] {
    padding: 3rem 2rem;
    text-align: center;
    font-size: 1.2rem;
    color: #4b5161;
}

.learning-objectives-list[b-xj1phg8w5j] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.learning-objective-item-container[b-xj1phg8w5j] {
    flex: 0 0 200px;
    display: flex;
    flex-direction: column;
}

.learning-objective-item[b-xj1phg8w5j] {
    flex: 1;
    min-height: 70px;
    padding: 1rem;
    border-radius: 16px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    user-select: none;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.15s ease;
}

.learning-objective-item:hover[b-xj1phg8w5j] {
    border-color: rgba(50, 205, 50, 0.4);
}

.learning-objective-item.objective-selected[b-xj1phg8w5j] {
    box-shadow: 0 0 15px 0 rgba(50, 205, 50, 0.25);
}

.learning-objective-item .code[b-xj1phg8w5j] {
    font-size: 1.2rem;
    font-weight: 600;
}

.learning-objective-item .name[b-xj1phg8w5j] {
    text-align: center;
    font-size: 1rem;
}

.learning-objective-item.objective-selected .code[b-xj1phg8w5j],
.learning-objective-item.objective-selected .name[b-xj1phg8w5j] {
    text-shadow: 0.05em 0 var(--outline-color), 0 0.05em var(--outline-color), -0.05em 0 var(--outline-color), 0 -0.05em var(--outline-color), -0.05em -0.05em var(--outline-color), -0.05em 0.05em var(--outline-color), 0.05em -0.05em var(--outline-color), 0.05em 0.05em var(--outline-color);
}

.selected-objective-color[b-xj1phg8w5j] {
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    font-weight: 600;
    color: #4b5161;
    margin: 0 auto;
    visibility: hidden;
    pointer-events: none;
}

.learning-objective-item-container.is-selected .selected-objective-color[b-xj1phg8w5j] {
    visibility: visible;
    pointer-events: auto;
}

.selected-objective-color-text[b-xj1phg8w5j] {
    flex: 1;
}

/* Color editing list */
.objective-colors-list[b-xj1phg8w5j] {
    padding: 0 1rem 1rem;
    max-height: 50vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.progression-title[b-xj1phg8w5j] {
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: white;
}

.progression-title.subtitle[b-xj1phg8w5j] {
    padding-left: 1.5rem;
}

.progression-title-text[b-xj1phg8w5j] {
    flex: 1;
    border-radius: 16px;
    padding: 0.25rem 0.5rem;
    margin-left: 0.5rem;
}

.progression-title .progression-title-text[b-xj1phg8w5j],
.progression-title.subtitle .progression-title-text[b-xj1phg8w5j] {
    text-shadow: 0.05em 0 var(--outline-color), 0 0.05em var(--outline-color), -0.05em 0 var(--outline-color), 0 -0.05em var(--outline-color), -0.05em -0.05em var(--outline-color), -0.05em 0.05em var(--outline-color), 0.05em -0.05em var(--outline-color), 0.05em 0.05em var(--outline-color);
}

.title-color-input[b-xj1phg8w5j] {
    border: none;
    outline: none;
    background-color: transparent;
    width: 30px;
    height: 30px;
    cursor: pointer;
    flex-shrink: 0;
}

.reset-color[b-xj1phg8w5j] {
    height: 18px;
    width: auto;
    cursor: pointer;
    flex-shrink: 0;
}

.reset-color--hidden[b-xj1phg8w5j] {
    visibility: hidden;
    pointer-events: none;
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/Popups/ManageTestType.razor.rz.scp.css */
/* _content/PlanificRE/Components/TeachingManagement/Settings/Popups/SelectClassBasics.razor.rz.scp.css */
.pe-close-fixed[b-y3m1xu985p] {
    position: fixed;
    right: 175px;
    top: 15px;
    width: 50px;
}

.pe-modal[b-y3m1xu985p] {
    height: fit-content;
    width: fit-content;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
    font-size: 1.5rem;
}

.pe-modal *:focus[b-y3m1xu985p] {
    outline: none;
}

.pe-border-margin[b-y3m1xu985p] {
    padding: 0.5rem;
}

.header[b-y3m1xu985p] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
}

.pe-header-text[b-y3m1xu985p] {
    font-size: 1.8rem;
}

.basics-split[b-y3m1xu985p] {
    display: flex;
    align-items: stretch;
    margin: 1rem;
    gap: 1.5rem;
}

.join-column[b-y3m1xu985p] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.5rem;
    flex: 1 1 0;
}

.split-divider[b-y3m1xu985p] {
    width: 1px;
    background-color: #ced4da;
    align-self: stretch;
}

.create-column[b-y3m1xu985p] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.5rem;
    flex: 1 1 0;
}

.column-subtitle[b-y3m1xu985p] {
    font-size: 1.6rem;
    color: #4b5161;
    text-align: left;
    white-space: nowrap;
}

.column-subtitle-row[b-y3m1xu985p] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
}

.row-group[b-y3m1xu985p] {
    margin-top: 1rem;
}

.basics-split[b-y3m1xu985p]  .select-wrapper {
    margin: 0.2rem 0;
}

.row-selector[b-y3m1xu985p] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.row-selector label[b-y3m1xu985p] {
    width: 220px;
    padding: 0;
    margin: 0;
}

.pe-input[b-y3m1xu985p] {
    border: none;
    border-bottom: 1px solid #ced4da;
    height: 25px;
    width: 250px;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.code-class-container[b-y3m1xu985p] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

#class-code[b-y3m1xu985p] {
    margin: 0;
    width: 130px;
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/SchoolClassListComponent.razor.rz.scp.css */
.white-border-inside[b-lapekc3fi2] {
    padding: 0.5rem;
    margin-left: 0;
    margin-right: -0.5rem;
    border-radius: 10px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

.pe-no-padding[b-lapekc3fi2] {
    padding: 0;
}

.pe-full-width[b-lapekc3fi2] {
    padding-right: 0;
    padding-left: 0;
}

.pe-full-height[b-lapekc3fi2] {
    height: fit-content;
}

.pe-margin-right[b-lapekc3fi2] {
    margin-right: 0.5rem;
}

.pe-mt[b-lapekc3fi2] {
    margin-top: 0.5rem;
}

.pe-header-2[b-lapekc3fi2] {
    font-size: 2rem;
    height: 55px;
    color: #4b5161;
    position: relative;
}

.pe-header-2 p[b-lapekc3fi2] {
    display: block;
    margin: auto;
}

.pe-add[b-lapekc3fi2] {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 7px;
    right: 7px;
}

.pe-add:hover[b-lapekc3fi2] {
    opacity: 0.7;
    cursor: pointer;
}

.pe-edit[b-lapekc3fi2] {
    height: 22px;
    width: 22px;
    text-align: left;
}

.pe-edit:hover[b-lapekc3fi2] {
    opacity: 0.7;
    cursor: pointer;
}

.pe-class-edit[b-lapekc3fi2] {
    vertical-align: text-top;
}

.pe-line-even[b-lapekc3fi2] {
    background-color: white;
}

.pe-line-odd[b-lapekc3fi2] {
    background-color: #f6f6f6;
}

.pe-line-content[b-lapekc3fi2] {
    display: flex;
    justify-content: space-around;
    font-size: 1.3rem;
    color: #4b5161;
}

.pe-line-content div[b-lapekc3fi2] {
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

.class-content > div[b-lapekc3fi2] {
    width: 100%;
    margin-left: 0;
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/Settings.razor.rz.scp.css */
.pe-no-margin[b-sf5pqwcolk] {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
}

.spacing[b-sf5pqwcolk] {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.white-border[b-sf5pqwcolk] {
    padding: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 30px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    min-height: 95vh;
    height: fit-content;
}

.header[b-sf5pqwcolk] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
}

.pe-header-text[b-sf5pqwcolk] {
    font-size: 2rem;
}

.pe-row[b-sf5pqwcolk] {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 0;
}

.col-lg-3[b-sf5pqwcolk],
.col-lg-9[b-sf5pqwcolk] {
    display: flex;
    flex-direction: column;
}

.pe-mt[b-sf5pqwcolk] {
    margin-top: 1rem;
}

.pe-block[b-sf5pqwcolk] {
    margin-left: 0;
    margin-right: -0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    height: fit-content;
}

@media (max-width: 33.9em) {
    .pe-block[b-sf5pqwcolk] {
        margin-left: -0.625rem;
    }
}
/*
.row [class^="col-"]:first-child > .pe-block {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}
*/

.first-column > .pe-block[b-sf5pqwcolk] {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}

.last-column > .pe-block[b-sf5pqwcolk] {
    margin-right: -0.625rem;
}

/* Select Year */
.white-border-inside[b-sf5pqwcolk] {
    padding: 0.5rem;
    margin-left: 0;
    margin-top: 0.5rem;
    margin-right: -0.5rem;
    border-radius: 10px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

.pe-margin-right[b-sf5pqwcolk] {
    margin-right: 0.5rem;
}

.pe-header-2[b-sf5pqwcolk] {
    font-size: 2rem;
    height: 55px;
    color: #4b5161;
    position: relative;
}

.pe-header-2 p[b-sf5pqwcolk] {
    display: block;
    margin: auto;
}

.pe-year-select[b-sf5pqwcolk] {
    display: flex;
    justify-content: center;
    font-size: 1.3rem;
    color: #4b5161;
    margin-bottom: 1rem;
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/TaskNumberComponent.razor.rz.scp.css */
.white-border-inside[b-gvr37tv9yc] {
    padding: 0.5rem;
    margin-left: 0;
    margin-top: 0.5rem;
    margin-right: -0.5rem;
    border-radius: 10px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

.pe-margin-right[b-gvr37tv9yc] {
    margin-right: 0.5rem;
}

.pe-header-2[b-gvr37tv9yc] {
    font-size: 2rem;
    min-height: 55px;
    color: #4b5161;
    position: relative;
}

.pe-header-2 p[b-gvr37tv9yc] {
    display: block;
    margin: auto;
}

.options[b-gvr37tv9yc] {
    color: #4b5161;
    margin-left: 0.15rem !important;
    margin-right: 0.15rem !important;
    text-align: left;
}

.option-container[b-gvr37tv9yc] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding-left: 53px;
}

#quantity[b-gvr37tv9yc] {
    position: initial;
    opacity: initial;
    cursor: pointer;
    height: 25px;
    padding: 0;
    text-align: center;
    border: none;
    border-bottom: 1px solid lightgray;
}

/* Hide spinner arrows for webkit browsers (Chrome, Safari, Edge) */
#quantity[b-gvr37tv9yc]::-webkit-outer-spin-button,
#quantity[b-gvr37tv9yc]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide spinner arrows for Firefox */
#quantity[type=number][b-gvr37tv9yc] {
    -moz-appearance: textfield;
}

/* CheckboxDesign */
/* The container */
.check-container[b-gvr37tv9yc] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

/* Hide the browser's default checkbox */
.check-container input[b-gvr37tv9yc] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark[b-gvr37tv9yc] {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 1px solid #D3D3D3;
    vertical-align: middle;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark[b-gvr37tv9yc] {
    background-color: #eee;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-gvr37tv9yc]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark[b-gvr37tv9yc]:after {
    display: inline-block;
}

/* Style the checkmark/indicator */
.check-container .checkmark[b-gvr37tv9yc]:after {
    left: 7px;
    top: -5px;
    width: 10px;
    height: 20px;
    border: solid #49d182;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/TestTypeComponent.razor.rz.scp.css */
.white-border-inside[b-4p2yygwgpc] {
    padding: 0.5rem;
    margin-left: 0;
    margin-top: 0.5rem;
    margin-right: -0.5rem;
    border-radius: 10px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

.pe-margin-right[b-4p2yygwgpc] {
    margin-right: 0.5rem;
}

.pe-header-2[b-4p2yygwgpc] {
    font-size: 2rem;
    min-height: 55px;
    color: #4b5161;
    position: relative;
}

.pe-header-2 p[b-4p2yygwgpc] {
    display: block;
    margin: auto;
    line-height: 1;
}

.control-container[b-4p2yygwgpc] {
    display: flex;
    justify-content: space-evenly;
    margin: 1rem;
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/WeekFormatComponent.razor.rz.scp.css */
.white-border-inside[b-wzamr8fgna] {
    padding: 0.5rem;
    margin-left: 0;
    margin-top: 0.5rem;
    margin-right: -0.5rem;
    border-radius: 10px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

.pe-margin-right[b-wzamr8fgna] {
    margin-right: 0.5rem;
}

.pe-mt[b-wzamr8fgna] {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 0;
}

.pe-header-2[b-wzamr8fgna] {
    font-size: 2rem;
    min-height: 55px;
    color: #4b5161;
    position: relative;
}

.pe-header-2 p[b-wzamr8fgna] {
    display: block;
    margin: auto;
}

.pe-week-format[b-wzamr8fgna] {
    font-size: 1.3rem;
    color: #4b5161;
    margin-left: 0.15rem !important;
    display: flex;
    flex-direction: column;
}

.label-style[b-wzamr8fgna] {
    white-space: nowrap;
}

.label-style[b-wzamr8fgna]:before, .label-style[b-wzamr8fgna]:after {
    top: calc((100% - 1rem)/2) !important;
}

.font-size30[b-wzamr8fgna] {
    font-size: 1.3rem;
}

.btn-green[b-wzamr8fgna] {
    width: 100%;
    padding: 10px 10px !important;
    text-align: center;
    color: white;
    background: #49d182 !important;
    border-radius: 20px !important;
    font-size: 21px !important;
    text-transform: uppercase;
}

.btn-green:hover[b-wzamr8fgna] {
    opacity: 0.9;
    color: white;
}

/* CheckboxDesign */
/* The container */
.check-container[b-wzamr8fgna] {
    padding-left: 5px;
    margin-bottom: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
}

/* Hide the browser's default checkbox */
.check-container input[b-wzamr8fgna] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark[b-wzamr8fgna] {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 1px solid #D3D3D3;
    vertical-align: middle;
}

.label-text[b-wzamr8fgna] {
    padding-left: 10px;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark[b-wzamr8fgna] {
    background-color: #eee;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-wzamr8fgna]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark[b-wzamr8fgna]:after {
    display: inline-block;
}

/* Style the checkmark/indicator */
.check-container .checkmark[b-wzamr8fgna]:after {
    left: 7px;
    top: -5px;
    width: 10px;
    height: 20px;
    border: solid #49d182;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/WeekPlanningComponent.razor.rz.scp.css */
.white-border-inside[b-qeuwd5056h] {
    padding: 0.5rem;
    margin-left: 0;
    border-radius: 10px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

.pe-no-padding[b-qeuwd5056h] {
    padding: 0;
}

.pe-margin-left[b-qeuwd5056h] {
    margin-left: 0.5rem;
}

.pe-mt[b-qeuwd5056h] {
    margin-top: 0.5rem;
}

.pe-weekplan[b-qeuwd5056h] {
    margin-bottom: -0.5rem;
}

.pe-header-2[b-qeuwd5056h] {
    font-size: 2rem;
    height: 55px;
    color: #4b5161;
    position: relative;
}

.pe-header-2 p[b-qeuwd5056h] {
    display: block;
    margin: auto;
}

.pe-table[b-qeuwd5056h] {
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

th[b-qeuwd5056h], td[b-qeuwd5056h] {
    border-left: 1px solid black;
    padding: 0;
    margin: 0;
}

th:first-child[b-qeuwd5056h], td:first-child[b-qeuwd5056h] {
    border-left: none;
}

th[b-qeuwd5056h] {
    text-align: center;
    font-size: 1.7rem;
    color: #4b5161;
    font-weight: 100;
}

[class^='col-'][b-qeuwd5056h] {
    padding-left: 10px;
    padding-right: 10px;
}

.pe-line-odd[b-qeuwd5056h] {
    background-color: #f6f6f6;
}

/* Regular item styling */
.pe-container[b-qeuwd5056h] {
    cursor: pointer;
    transition: filter 0.2s ease-in-out;
}

.pe-container:hover[b-qeuwd5056h] {
    filter: brightness(1.05);
}

.pe-item[b-qeuwd5056h] {
    color: white;
    padding-bottom: 5px;
    height: 55px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}

.empty-item[b-qeuwd5056h] {
    height: calc(55px / 2);
}

.pe-item > .row[b-qeuwd5056h] {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.pe-item-left[b-qeuwd5056h] {
    padding-left: 10px;
}

.pe-item-right[b-qeuwd5056h] {
    text-align: right;
    padding-right: 10px;
}

.pe-schedule-text[b-qeuwd5056h] {
    font-size: 0.8rem;
    font-weight: bold;
}

.pe-lesson-text[b-qeuwd5056h] {
    font-size: 1.3rem;
    font-weight: bolder;
}

.pe-class-text[b-qeuwd5056h] {
    font-size: 1.3rem;
    font-weight: bolder;
    overflow: hidden;
    text-wrap: nowrap;
}

/* Alternating weeks container and items */
.pe-alternating-container[b-qeuwd5056h] {
    position: relative;
    height: 55px;
    width: 100%;
    cursor: pointer;
    transition: filter 0.2s ease-in-out;
}

.pe-alternating-container:hover[b-qeuwd5056h] {
    filter: brightness(1.05);
}

/*
 * ContextMenuTrigger wraps its content in its own <div> that never gets this
 * component's scope attribute (it's rendered by the Blazor.ContextMenu
 * package, not authored here), so flex sizing on .pe-alternating-container's
 * direct children can't be trusted - that wrapper becomes an untargetable,
 * content-sized flex item instead of a 50% one. Absolute positioning avoids
 * the problem entirely: non-positioned wrapper divs don't establish a
 * containing block, so .pe-half-item positions relative to
 * .pe-alternating-container no matter what sits between them.
 */
.pe-half-item[b-qeuwd5056h] {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
}

.pe-half-item-odd[b-qeuwd5056h] {
    left: 0;
}

.pe-half-item-even[b-qeuwd5056h] {
    right: 0;
}

.pe-alternating-item[b-qeuwd5056h] {
    height: 100%;
    color: white;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pe-half-empty[b-qeuwd5056h] {
    background-color: #f9f9f9;
    border: 1px dashed #ddd;
}

.pe-half-lesson-text[b-qeuwd5056h] {
    font-size: 1rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pe-half-schedule-text[b-qeuwd5056h] {
    font-size: 0.8rem;
    font-weight: bold;
}

.pe-week-indicator[b-qeuwd5056h] {
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 0.7rem;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* small details */
.pe-item-leftcorner[b-qeuwd5056h] {
    border-bottom-left-radius: 10px;
}

.pe-item-rightcorner[b-qeuwd5056h] {
    border-bottom-right-radius: 10px;
}

.pe-add[b-qeuwd5056h] {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 7px;
    right: 7px;
}

.pe-add:hover[b-qeuwd5056h] {
    opacity: 0.7;
    cursor: pointer;
}

/* Copy/paste context menu items */
.menu-item-content[b-qeuwd5056h] {
    display: flex;
    align-items: center;
}

.menu-icon[b-qeuwd5056h] {
    width: 32px;
    height: 32px;
    margin-right: 8px;
}
/* _content/PlanificRE/Components/TeachingManagement/Settings/WorkGroupComponent.razor.rz.scp.css */
.white-border-inside[b-5a1itgdo2a] {
    padding: 0.5rem;
    margin-left: 0;
    margin-top: 0.5rem;
    border-radius: 10px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

.pe-header[b-5a1itgdo2a] {
    font-size: 2rem;
    min-height: 55px;
    color: #4b5161;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pe-header p[b-5a1itgdo2a] {
    margin: 0;
}

.pe-header .add-icon[b-5a1itgdo2a] {
    height: 32px;
    width: auto;
    position: absolute;
    right: 0.5rem;
    cursor: pointer;
}

.control-container[b-5a1itgdo2a] {
    margin: 0.5rem;
}

.edit-icon[b-5a1itgdo2a],
.delete-icon[b-5a1itgdo2a] {
    height: 22px;
    width: auto;
    cursor: pointer;
}

.edit-icon:hover[b-5a1itgdo2a],
.delete-icon:hover[b-5a1itgdo2a] {
    opacity: 0.7;
}
/* _content/PlanificRE/Components/TeachingManagement/Tasks/Tasks.razor.rz.scp.css */
.pe-no-margin[b-x6s1q6zt15] {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
}

.spacing[b-x6s1q6zt15] {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.white-border[b-x6s1q6zt15] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 30px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    min-height: 95vh;
    height: auto;
}

.pe-border-margin[b-x6s1q6zt15] {
}

#taskheader[b-x6s1q6zt15] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0px 0px 0px 0px !important;
    text-align: center;
    height: 58px;
}

#tasktitle[b-x6s1q6zt15] {
    color: white;
    font-size: 1.8rem;
    text-align: center;
    max-width: 35%;
    min-width: fit-content;
    padding-left: 15px;
}

.frame[b-x6s1q6zt15] {
    /*border-radius: 15px;*/
    /*box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);*/
    margin: 0;
    padding: 0;
    min-height: 86vh;
}
/* _content/PlanificRE/Components/TeachingManagement/Tasks/TaskSectionComponent.razor.rz.scp.css */
p[b-iesdcc5fkc] {
    padding: 0;
    margin: 0;
}

.list-header[b-iesdcc5fkc] {
    padding: 0.5rem;
    padding-left: 1rem;
    font-size: 2rem;
    display: flex;
    flex-direction: row;
}

.arrow[b-iesdcc5fkc] {
    padding-bottom: 5px;
}

.text-large[b-iesdcc5fkc] {
    font-size: 1.6em;
}

.text-medium[b-iesdcc5fkc] {
    font-size: 1.1em;
    margin: auto;
}

.text-small[b-iesdcc5fkc] {
    font-size: 1em;
}

.text-green[b-iesdcc5fkc] {
    color: #27dc95 !important;
}

.text-red[b-iesdcc5fkc] {
    color: red !important;
}

.text-gray[b-iesdcc5fkc] {
    color: #4b5161;
}

.vertical-center[b-iesdcc5fkc] {
    margin: auto 0;
    padding: 0 0.5rem;
}

.vertical-center img:hover[b-iesdcc5fkc] {
    cursor: pointer;
}

.info-lesson[b-iesdcc5fkc] {
    padding-left: 2rem;
    padding-right: 2rem;
    min-width: 15rem;
}

.info-lesson p[b-iesdcc5fkc] {
    line-height: 1;
}

.last-item[b-iesdcc5fkc] {
    margin-left: auto;
    margin-right: 1rem;
}

.small-icon[b-iesdcc5fkc] {
    width: auto;
    max-height: 30px;
}

.small-icon:hover[b-iesdcc5fkc] {
    cursor: pointer;
}

.inlisttaskgroup[b-iesdcc5fkc] {
    font-size: 1rem;
    display: flex;
}

.icon[b-iesdcc5fkc] {
    width: 40px;
    text-align: center;
    margin: auto 0;
}

.dliconimg[b-iesdcc5fkc] {
    vertical-align: middle;
    top: calc(50% - 11px);
    right: 48px;
    cursor: pointer;
}

.pe-line[b-iesdcc5fkc] {
    padding: 0.5rem;
    margin: 0;
    display: flex;
    flex-direction: row;
}

.pe-line-even[b-iesdcc5fkc] {
    background-color: white;

}

.pe-line-odd[b-iesdcc5fkc] {
    background-color: #f6f6f6;
}

/* CheckboxDesign */
/* The container */
.container[b-iesdcc5fkc] {
    padding-left: 15px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px;
    vertical-align: middle;
}

/* Hide the browser's default checkbox */
.container input[b-iesdcc5fkc] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark[b-iesdcc5fkc] {
    position: relative;
    display: inline-block;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border: 1px solid #4f96ed;
    vertical-align: middle;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark[b-iesdcc5fkc] {
    background-color: #eee;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-iesdcc5fkc]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark[b-iesdcc5fkc]:after {
    display: inline-block;
}

/* Style the checkmark/indicator */
.container .checkmark[b-iesdcc5fkc]:after {
    left: 7px;
    top: 0px;
    width: 10px;
    height: 20px;
    border: solid #49d182;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* _content/PlanificRE/Components/TeachingManagement/ThemePlan/Popups/SelectThemeContext.razor.rz.scp.css */
.pe-close-fixed[b-giaovowaqf] {
    position: fixed;
    right: 175px;
    top: 15px;
    width: 50px;
}

.pe-modal[b-giaovowaqf] {
    height: fit-content;
    width: fit-content;
    max-width: 825px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
    font-size: 1.5rem;
}

.pe-modal *:focus[b-giaovowaqf] {
    outline: none;
}

.pe-border-margin[b-giaovowaqf] {
    padding: 0.5rem;
}

.header[b-giaovowaqf] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
}

.pe-header-text[b-giaovowaqf] {
    font-size: 1.8rem;
}

.theme-content[b-giaovowaqf] {
    margin-top: 1rem;
}

.row-selector[b-giaovowaqf] {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin: 1rem;
}

.row-selector label[b-giaovowaqf] {
    width: 150px;
    padding: 0;
    margin: 0;
}

.row-selector select[b-giaovowaqf] {
    background-color: #ffffff;
    border: 1px solid #4b5161;
    border-radius: 15px;
    padding: 5px 20px;
    width: 300px;
}
/* _content/PlanificRE/Components/TeachingManagement/ThemePlan/ThemePlan.razor.rz.scp.css */
label[b-uyt2e8caw4] {
    margin: 0;
}

.pe-no-margin[b-uyt2e8caw4] {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
}

.spacing[b-uyt2e8caw4] {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.white-border[b-uyt2e8caw4] {
    padding: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 30px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    height: 95vh;
    display: flex;
    flex-direction: column;
}

.pe-border-margin[b-uyt2e8caw4] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.pe-header-text[b-uyt2e8caw4] {
    font-size: 1.8rem;
}

.pe-grey-border[b-uyt2e8caw4] {
    border: 2px solid #4b5161;
    border-radius: 10px;
    padding: 0.5rem;
    font-size: 1.3rem;
    color: #4b5161;
}

#plan-header[b-uyt2e8caw4] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    text-align: center;
    min-height: 58px;
    height: fit-content;
    line-height: 1;
    align-items: center;
    flex: 0 0 auto;
}

#plan-title[b-uyt2e8caw4] {
    color: white;
    font-size: 1.8rem;
    text-align: left;
    width: 35%;
    padding-left: 15px;
    display: flex;
    gap: 15px;
}

#week-group[b-uyt2e8caw4] {
    text-align: center;
    width: 30%;
}

#import-button[b-uyt2e8caw4] {
    width: 35%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    padding-right: 15px;
}

.copied-theme-pill[b-uyt2e8caw4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.15);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
}

.copied-theme-pill:hover[b-uyt2e8caw4] {
    background-color: rgba(255, 255, 255, 0.28);
}

#week[b-uyt2e8caw4] {
    display: inline;
    font-size: 1.8rem;
}

.arrow[b-uyt2e8caw4] {
    color: white;
    font-size: 1.8rem;
    display: inline;
    margin: 0 15px 0 15px;
    text-decoration: none;
}

.arrow:hover[b-uyt2e8caw4] {
    opacity: 0.7;
    color: white;
    text-decoration: none;
}

/* _content/PlanificRE/Components/TeachingManagement/WeekPlan/HomeworkComponent.razor.rz.scp.css */
.homework-element[b-fluopv1ao9] {
    padding: 0 5px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

    .homework-element:hover[b-fluopv1ao9] {
        opacity: 0.8;
        background-color: rgba(52, 152, 219, 0.1);
    }

.homework-underline[b-fluopv1ao9] {
    text-decoration: underline;
}

.warn-test[b-fluopv1ao9] {
    color: red;
}
/* _content/PlanificRE/Components/TeachingManagement/WeekPlan/LessonElementComponent.razor.rz.scp.css */
p[b-in8xi9sbr5] {
    margin: 0;
    padding: 0;
    line-height: 1rem;
    overflow: hidden;
    font-size: 0.8rem;
}

.lesson-container[b-in8xi9sbr5] {
    position: relative; /* This ensure the spinner is positioned relative to the container */
    width: 100%;
    height: 100%;
    min-height: 70px;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    overflow: hidden;
}

.lesson-container:not(:hover) .grow:hover[b-in8xi9sbr5] {
    z-index: auto;
}

.smaller-container[b-in8xi9sbr5] {
    min-height: calc(70px / 4);
}

.free-time-even[b-in8xi9sbr5] {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

.free-time-odd[b-in8xi9sbr5] {
    background-color: #f6f6f6 !important;
    border-color: #f6f6f6 !important;
}

.non-work-even[b-in8xi9sbr5] {
    background-color: #DCDCDC !important;
    border-color: #DCDCDC !important;
}

.non-work-odd[b-in8xi9sbr5] {
    background-color: #A9A9A9 !important;
    border-color: #A9A9A9 !important;
}

.lesson-color-background[b-in8xi9sbr5] {
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.lesson-color-background[class*="-background"][b-in8xi9sbr5] {
    border: solid 1px;
}

.lesson-hover[b-in8xi9sbr5] {
    cursor: pointer;
}

.grow:hover[b-in8xi9sbr5] {
    overflow: visible;
    z-index: 95;
}

.grow:hover .inner-grow[b-in8xi9sbr5] {
    z-index: 95;
    background-color: var(--bg-color) !important;
}

.inner-grow[b-in8xi9sbr5] {
    position: absolute;
    width: 100%;
}

.prep-group[b-in8xi9sbr5]{
    display: flex;
    justify-content: right;
}

.prep[b-in8xi9sbr5] {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 2px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.done[b-in8xi9sbr5] {
    background-image: url('/images/app/YearlyTaskDone.png');
}

.not-done[b-in8xi9sbr5] {
    background-image: url('/images/app/YearlyTaskToDo.png');
}

.empty[b-in8xi9sbr5] {

}

.hm-done[b-in8xi9sbr5] {
    background-image: url('/images/app/YearlyHomework.png');
}

.hm-empty[b-in8xi9sbr5] {

}

.track[b-in8xi9sbr5] {
    display: inline-block;
    width: 10px;
    height: 10px;
}

.tasks[b-in8xi9sbr5] {
    color: #4b5161;
    font-size: 0.7em;
    padding-left: 3px;
}

.warn-test[b-in8xi9sbr5] {
    color: red;
}

.img-block[b-in8xi9sbr5] {
    width: 100%;
    padding-left: 65%;
}

/* Grid Layout ***********************************/
.lesson-grid[b-in8xi9sbr5] {
    width: 100%;
    min-height: 100%;
    display: grid;
    place-items: center;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 0;
    grid-template-areas:
        "Left Left Left Left Left Right Right"
}

.smaller-grid[b-in8xi9sbr5] {
    min-height: calc(70px / 4) ;
}

.item-lesson[b-in8xi9sbr5] {
    width: 100%;
    height: 100%;
    padding: 0.2rem;
    overflow: hidden;
}

.item-right[b-in8xi9sbr5] {
    grid-area: Right;
    text-align: right;
}

.item-left[b-in8xi9sbr5] {
    grid-area: Left;
}

/* Context menu */
.menu-item-content[b-in8xi9sbr5] {
    display: flex;
    align-items: center;
}

.menu-icon[b-in8xi9sbr5] {
    width: 32px;
    height: 32px;
    margin-right: 8px;
}

.danger-item[b-in8xi9sbr5] {
    color: #e74c3c;
    transition: all 0.2s ease;
}

.danger-item:hover[b-in8xi9sbr5] {
    color: #c0392b;
}

/* Paste Spinner */
.paste-spinner[b-in8xi9sbr5] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: spin-b-in8xi9sbr5 1s linear infinite;
    z-index: 2;
}

.paste-overlay[b-in8xi9sbr5] {
    position: relative;
}

.paste-overlay[b-in8xi9sbr5]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
}

@keyframes spin-b-in8xi9sbr5 {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Drag and drop */
.drag-source[b-in8xi9sbr5] {
    border: 3px solid #3498db !important;
    box-shadow: 0 0 10px rgba(52, 152, 219, 0.5);
}

.drop-target[b-in8xi9sbr5] {
    position: relative;
    border: 3px dashed #2ecc71 !important;
    background-color: rgba(46, 204, 113, 0.1) !important;
    box-shadow: 0 0 15px rgba(46, 204, 113, 0.3);
}

.drop-target[b-in8xi9sbr5]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.drop-target *[b-in8xi9sbr5] {
    pointer-events: none !important;
}

/* Ensure drag and drop states override color classes when needed */
.lesson-container.drag-source[b-in8xi9sbr5] {
    border: 3px solid #3498db !important;
    box-shadow: 0 0 10px rgba(52, 152, 219, 0.5) !important;
}

.lesson-container.drop-target[b-in8xi9sbr5] {
    position: relative;
    border: 3px dashed #2ecc71 !important;
    background-color: rgba(46, 204, 113, 0.1) !important;
    box-shadow: 0 0 15px rgba(46, 204, 113, 0.3) !important;
}

/* Task items drag styles */
.task-item[draggable="true"][b-in8xi9sbr5] {
    cursor: move;
    transition: opacity 0.2s ease-in-out;
}

.task-item[draggable="true"]:hover[b-in8xi9sbr5] {
    opacity: 0.8;
    background-color: rgba(52, 152, 219, 0.1);
}

.dragging-from-lesson[b-in8xi9sbr5] {
    opacity: 0.5;
}
/* _content/PlanificRE/Components/TeachingManagement/WeekPlan/WeekPlan.razor.rz.scp.css */
.pe-border-margin[b-0nxv5l0q53] {
}

.pe-no-margin[b-0nxv5l0q53] {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
}

.spacing[b-0nxv5l0q53] {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.white-border[b-0nxv5l0q53] {
    padding: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 30px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    min-height: fit-content;
    height: auto;
}

#planheader[b-0nxv5l0q53] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    text-align: center;
    min-height: 58px;
    height: fit-content;
    line-height: 1;
    align-items: center;
}

#plantitle[b-0nxv5l0q53] {
    color: white;
    font-size: 1.8rem;
    text-align: left;
    width: 35%;
    padding-left: 15px;
    padding-right: 15px;
}

#weekgroup[b-0nxv5l0q53] {
    text-align: center;
    width: 30%;
}

#week[b-0nxv5l0q53] {
    display: inline;
    font-size: 1.8rem;
}

.arrow[b-0nxv5l0q53] {
    color: white;
    font-size: 1.8rem;
    display: inline;
    margin: 0 15px 0 15px;
    text-decoration: none;
}

.arrow:hover[b-0nxv5l0q53] {
    opacity: 0.7;
    color: white;
    text-decoration: none;
}

.yearweek[b-0nxv5l0q53] {
    border: none;
    border-radius: 3px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
    margin-top: 4px;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    cursor: pointer;
    width: calc((100% - (0.2rem * var(--week-count, 52))) / var(--week-count, 52));
    padding: 0;
    background-clip: content-box;
}

.yearweek:hover[b-0nxv5l0q53] {
    opacity: 0.7;
}

.ywon[b-0nxv5l0q53] {
    background-color: #49d182;
}

.ywselect[b-0nxv5l0q53] {
    background-color: #49d182;
    border: solid 1px #4b5161;
}

.ywcurrent[b-0nxv5l0q53] {
    position: relative;
}

.ywcurrent[b-0nxv5l0q53]::after {
    content: "";
    position: absolute;
    display: block;
    top: 120%;
    height: 2px;
    background: #49d182;
    width: 100%;
}

.ywoff[b-0nxv5l0q53] {
    background-color: #4b5161;
}

.ywfree[b-0nxv5l0q53] {
    background-color: #a3a3a3;
}

#planningblock[b-0nxv5l0q53] {
    margin-top: 10px;
}

/* Homework Grid Layout ***********************************/
.homework-grid[b-0nxv5l0q53] {
    display: grid;
    place-items: center;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 0;
    grid-template-areas:
        "HMon HTue HWed HThu HFri";
}

.item-hm-1[b-0nxv5l0q53] {
    grid-area: HMon;
}
.item-hm-2[b-0nxv5l0q53] {
    grid-area: HTue;
}
.item-hm-3[b-0nxv5l0q53] {
    grid-area: HWed;
}
.item-hm-4[b-0nxv5l0q53] {
    grid-area: HThu;
}
.item-hm-5[b-0nxv5l0q53] {
    grid-area: HFri;
}

.white-hw[b-0nxv5l0q53] {
    min-height: fit-content;
    height: fit-content;
}

#planheader.reorder-item[b-0nxv5l0q53] {
    flex-direction: column;
    align-items: start;
}

#planheader > .homework-header[b-0nxv5l0q53] {
    color: white;
    font-size: 1.8rem;
    margin: 0 auto;
}

#planheader > .homework-header ~ .homework-header[b-0nxv5l0q53] {
    font-size: 1.3rem;
    padding-left: 0.5rem;
    margin: 0;
}

.flex-schoolclass[b-0nxv5l0q53] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
}

.flex-schoolclass > div[b-0nxv5l0q53] {
    margin-right: 1rem;
    cursor: pointer;
}

.homework-grid > div[b-0nxv5l0q53] {
    min-height: 8rem;
}

.selected-class[b-0nxv5l0q53] {
    color: #49d182;
}

.maintain-h[b-0nxv5l0q53] {
    height: 8rem;
}

.warning-message[b-0nxv5l0q53] {
    text-align: center;
    margin-top: 5%;
    font-size: 1.2rem;
    position: absolute;
    top: 20%;
}

/* Week Grid Layout ***********************************/
.week-grid[b-0nxv5l0q53] {
    display: grid;
    place-items: center;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(9, auto);
    grid-gap: 0;
    grid-template-areas:
        "Mon0 Tue0 Wed0 Thu0 Fri0"
        "Mon1 Tue1 Wed1 Thu1 Fri1"
        "Mon2 Tue2 Wed2 Thu2 Fri2"
        "Mon3 Tue3 Wed3 Thu3 Fri3"
        "Mon4 Tue4 Wed4 Thu4 Fri4"
        "Mon5 Tue5 Wed5 Thu5 Fri5"
        "Mon6 Tue6 Wed6 Thu6 Fri6"
        "Mon7 Tue7 Wed7 Thu7 Fri7"
        "Mon8 Tue8 Wed8 Thu8 Fri8"
        "Mon9 Tue9 Wed9 Thu9 Fri9"
        "Mon10 Tue10 Wed10 Thu10 Fri10"
}


.item-titles[b-0nxv5l0q53] {
    width: 100%;
    height: 20px;
    display: flex;
    line-height: 0.7;
}

.item-titles p[b-0nxv5l0q53] {
    margin: 0 auto;
    padding: 0;
    font-size: 1.5rem;
}

.item-lessons[b-0nxv5l0q53] {
    width: 100%;
    height: 100%;
}

.item-border[b-0nxv5l0q53] {
    border-right: 2px solid black;
}

#item-title-1[b-0nxv5l0q53] {
    grid-area: Mon0;
}
#item-lesson-1[b-0nxv5l0q53] {
    grid-area: Mon1;
}
#item-lesson-2[b-0nxv5l0q53] {
    grid-area: Mon2;
}
#item-lesson-3[b-0nxv5l0q53] {
    grid-area: Mon3;
}
#item-lesson-4[b-0nxv5l0q53] {
    grid-area: Mon4;
}
#item-lesson-5[b-0nxv5l0q53] {
    grid-area: Mon5;
}
#item-lesson-6[b-0nxv5l0q53] {
    grid-area: Mon6;
}
#item-lesson-7[b-0nxv5l0q53] {
    grid-area: Mon7;
}
#item-lesson-8[b-0nxv5l0q53] {
    grid-area: Mon8;
}
#item-lesson-9[b-0nxv5l0q53] {
    grid-area: Mon9;
}
#item-lesson-10[b-0nxv5l0q53] {
    grid-area: Mon10;
}

#item-title-2[b-0nxv5l0q53] {
    grid-area: Tue0;
}
#item-lesson-11[b-0nxv5l0q53] {
    grid-area: Tue1;
}
#item-lesson-12[b-0nxv5l0q53] {
    grid-area: Tue2;
}
#item-lesson-13[b-0nxv5l0q53] {
    grid-area: Tue3;
}
#item-lesson-14[b-0nxv5l0q53] {
    grid-area: Tue4;
}
#item-lesson-15[b-0nxv5l0q53] {
    grid-area: Tue5;
}
#item-lesson-16[b-0nxv5l0q53] {
    grid-area: Tue6;
}
#item-lesson-17[b-0nxv5l0q53] {
    grid-area: Tue7;
}
#item-lesson-18[b-0nxv5l0q53] {
    grid-area: Tue8;
}
#item-lesson-19[b-0nxv5l0q53] {
    grid-area: Tue9;
}
#item-lesson-20[b-0nxv5l0q53] {
    grid-area: Tue10;
}

#item-title-3[b-0nxv5l0q53] {
    grid-area: Wed0;
}
#item-lesson-21[b-0nxv5l0q53] {
    grid-area: Wed1;
}
#item-lesson-22[b-0nxv5l0q53] {
    grid-area: Wed2;
}
#item-lesson-23[b-0nxv5l0q53] {
    grid-area: Wed3;
}
#item-lesson-24[b-0nxv5l0q53] {
    grid-area: Wed4;
}
#item-lesson-25[b-0nxv5l0q53] {
    grid-area: Wed5;
}
#item-lesson-26[b-0nxv5l0q53] {
    grid-area: Wed6;
}
#item-lesson-27[b-0nxv5l0q53] {
    grid-area: Wed7;
}
#item-lesson-28[b-0nxv5l0q53] {
    grid-area: Wed8;
}
#item-lesson-29[b-0nxv5l0q53] {
    grid-area: Wed9;
}
#item-lesson-30[b-0nxv5l0q53] {
    grid-area: Wed10;
}


#item-title-4[b-0nxv5l0q53] {
    grid-area: Thu0;
}
#item-lesson-31[b-0nxv5l0q53] {
    grid-area: Thu1;
}
#item-lesson-32[b-0nxv5l0q53] {
    grid-area: Thu2;
}
#item-lesson-33[b-0nxv5l0q53] {
    grid-area: Thu3;
}
#item-lesson-34[b-0nxv5l0q53] {
    grid-area: Thu4;
}
#item-lesson-35[b-0nxv5l0q53] {
    grid-area: Thu5;
}
#item-lesson-36[b-0nxv5l0q53] {
    grid-area: Thu6;
}
#item-lesson-37[b-0nxv5l0q53] {
    grid-area: Thu7;
}
#item-lesson-38[b-0nxv5l0q53] {
    grid-area: Thu8;
}
#item-lesson-39[b-0nxv5l0q53] {
    grid-area: Thu9;
}
#item-lesson-40[b-0nxv5l0q53] {
    grid-area: Thu10;
}

#item-title-5[b-0nxv5l0q53] {
    grid-area: Fri0;
}
#item-lesson-41[b-0nxv5l0q53] {
    grid-area: Fri1;
}
#item-lesson-42[b-0nxv5l0q53] {
    grid-area: Fri2;
}
#item-lesson-43[b-0nxv5l0q53] {
    grid-area: Fri3;
}
#item-lesson-44[b-0nxv5l0q53] {
    grid-area: Fri4;
}
#item-lesson-45[b-0nxv5l0q53] {
    grid-area: Fri5;
}
#item-lesson-46[b-0nxv5l0q53] {
    grid-area: Fri6;
}
#item-lesson-47[b-0nxv5l0q53] {
    grid-area: Fri7;
}
#item-lesson-48[b-0nxv5l0q53] {
    grid-area: Fri8;
}
#item-lesson-49[b-0nxv5l0q53] {
    grid-area: Fri9;
}
#item-lesson-50[b-0nxv5l0q53] {
    grid-area: Fri10;
}
/* _content/PlanificRE/Components/TeachingManagement/WorkChecker/MultiStateCheckboxComponent.razor.rz.scp.css */
.multi-state-checkbox[b-vze3su0rsb] {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

.multi-state-checkbox .checkbox[b-vze3su0rsb] {
    background-color: #fff;
    border: solid 1px #d7d7d7;
    border-radius: 3px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
    margin-right: 0.2rem;
    vertical-align: middle;
}

.multi-state-checkbox .checkbox svg[b-vze3su0rsb] {
    stroke: currentColor;
    fill: none;
    width: 12px;
    height: 12px;
    stroke-width: 3px;
}

.multi-state-checkbox .checkbox.unchecked[b-vze3su0rsb] {
    background-color: white;
    border-color: #dd0000;
}

.multi-state-checkbox .checkbox.checked[b-vze3su0rsb] {
    background-color: white;
    border-color: #D3D3D3;
    color: #49D182;
    stroke-width: 6px;
}

.multi-state-checkbox .checkbox.checked-yellow[b-vze3su0rsb] {
    background-color: white;
    border-color: #D3D3D3;
    color: #E8C547;
    stroke-width: 6px;
}

.multi-state-checkbox .checkbox.checked-red[b-vze3su0rsb] {
    background-color: white;
    border-color: #D3D3D3;
    color: #dd0000;
    stroke-width: 6px;
}

.multi-state-checkbox .checkbox.not-needed[b-vze3su0rsb] {
    background-color: white;
    border-color: #D3D3D3;
    color: #D3D3D3;
    stroke-width: 6px;
}

.multi-state-checkbox .label[b-vze3su0rsb] {
    font-weight: bold;
    vertical-align: middle;
    font-size: 12px;
}

.multi-state-checkbox.checkbox-hidden[b-vze3su0rsb] {
    visibility: hidden;
}
/* _content/PlanificRE/Components/TeachingManagement/WorkChecker/Popups/OpenStudentTask.razor.rz.scp.css */
.pe-modal[b-n73zdho2br] {
    height: fit-content;
    width: fit-content;
    min-width: 400px;
    max-width: 600px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
    font-size: 1.5rem;
}

.pe-modal *:focus[b-n73zdho2br] {
    outline: none;
}

.pe-border-margin[b-n73zdho2br] {
    padding: 0.5rem;
}

.header[b-n73zdho2br] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    position: relative;
}

.modal-title[b-n73zdho2br] {
    margin: 0;
    font-size: 1.6rem;
}

.close-button[b-n73zdho2br] {
    position: absolute;
    right: 10px;
    top: calc(50% - (40px / 2));
    cursor: pointer;
}

.close-button img[b-n73zdho2br] {
    height: 40px;
    width: auto;
}

.student-list-content[b-n73zdho2br] {
    margin: 1rem 1.5rem 1.5rem;
}

.student-filter[b-n73zdho2br] {
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 10px;
    padding: 0.5rem 0.75rem;
    font-size: 1.1rem;
    margin-bottom: 1rem;
    outline: none;
}

.student-list[b-n73zdho2br] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-height: 50vh;
    overflow-y: auto;
}

.student-row[b-n73zdho2br] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1.2rem;
    color: #4b5161;
    transition: background-color 0.2s ease-in-out;
}

.student-row:hover[b-n73zdho2br] {
    background-color: #dedede;
}

.open-label[b-n73zdho2br] {
    font-size: 0.9rem;
    text-transform: uppercase;
    color: #4b5161;
    opacity: 0.7;
}

.student-row-empty[b-n73zdho2br] {
    padding: 0.5rem 0.75rem;
    font-size: 1.1rem;
    color: #999;
}
/* _content/PlanificRE/Components/TeachingManagement/WorkChecker/StudentGradeComponent.razor.rz.scp.css */
/* _content/PlanificRE/Components/TeachingManagement/WorkChecker/StudentGradeGridComponent.razor.rz.scp.css */
.no-padding[b-gvcknwznfr] {
    padding: 0;
}

#main-block[b-gvcknwznfr] {
    overflow-x: auto;
}

#main-block .table-responsive[b-gvcknwznfr] {
    overflow-y: auto;
}

.main-container[b-gvcknwznfr] {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    background-color: var(--color);
    border: 4px solid var(--color2);
}

.main-grid[b-gvcknwznfr] {
    width: var(--table-width);
    min-width: var(--table-width);
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    background-color: var(--color);
    position: relative;
}

.main-grid th[b-gvcknwznfr],
.main-grid td[b-gvcknwznfr] {
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-grid th.title[b-gvcknwznfr],
.main-grid td:first-child[b-gvcknwznfr] {
    position: sticky;
    left: 0;
    z-index: 2;
}

.main-grid th.title[b-gvcknwznfr],
.main-grid th.task[b-gvcknwznfr],
.main-grid th.semester[b-gvcknwznfr],
.main-grid td.student-name[b-gvcknwznfr],
.main-grid td.grade-container[b-gvcknwznfr] {
    border-right: 2px solid var(--color2);
}

.main-grid th.empty-semester[b-gvcknwznfr],
.main-grid th.empty-task[b-gvcknwznfr],
.main-grid td.empty-grade[b-gvcknwznfr] {
    border-right: none;
}

.main-grid th.semester[b-gvcknwznfr] {
    border-bottom: 2px solid var(--color2);
}

.main-grid th.empty-semester[b-gvcknwznfr] {
    border-bottom: none;
}

.main-grid tbody tr.highlight[b-gvcknwznfr] {
    background-color: rgba(211, 211, 211, 0.5) !important;
    position: relative;
    z-index: 1;
}

.main-grid tbody tr.highlight td.student-name[b-gvcknwznfr] {
    z-index: 3;
}

.main-grid .empty-task[b-gvcknwznfr] {
    background-color: transparent;
}

.empty-semester[b-gvcknwznfr],
.empty-task[b-gvcknwznfr] {
    background-color: var(--color);
}

.main-grid .title[b-gvcknwznfr] {
    background-color: var(--color);
    color: white;
    width: var(--fixed-column-width);
    min-width: var(--fixed-column-width);
    max-width: var(--fixed-column-width);
    text-align: center;
    vertical-align: middle;
    position: sticky;
    left: 0;
    z-index: 2;
}

.main-grid .title h4[b-gvcknwznfr],
.main-grid .title h5[b-gvcknwznfr] {
    margin: 0;
}

.main-grid .semester[b-gvcknwznfr] {
    background-color: var(--color);
    color: white;
    text-align: center;
    vertical-align: middle;
}

.main-grid .task[b-gvcknwznfr] {
    width: var(--task-width);
    min-width: var(--task-width);
    max-width: var(--task-width);
    height: 150px;
    padding: 5px 0;
    position: relative;
    overflow: hidden;
    font-weight: normal;
    color: white;
    scroll-margin-left: var(--fixed-column-width);
}

.main-grid .task span[b-gvcknwznfr] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    max-height: var(--task-width);
    width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 18px;
}

.main-grid .task.ecr6h.smaller-width span[b-gvcknwznfr],
.main-grid .task.ecr8h.smaller-width span[b-gvcknwznfr],
.main-grid .task.ts.smaller-width span[b-gvcknwznfr] {
    width: 150px;
}

.main-grid .task.eta span[b-gvcknwznfr] {
    width: 150px;
}

.main-grid .ts:hover[b-gvcknwznfr],
.main-grid .eta:hover[b-gvcknwznfr],
.main-grid .test-group:hover[b-gvcknwznfr] {
    cursor: pointer;
}

.main-grid .ts.no-click:hover[b-gvcknwznfr],
.main-grid .eta.no-click:hover[b-gvcknwznfr],
.main-grid .test-group.no-click:hover[b-gvcknwznfr] {
    cursor: default;
}

.main-grid .test-group[b-gvcknwznfr] {
    border-right: 2px solid var(--color2);
    border-bottom: 2px solid var(--color2);
    background-color: var(--color);
    color: white;
    text-align: center;
    vertical-align: middle;
}

.main-grid .student-name[b-gvcknwznfr] {
    width: var(--fixed-column-width);
    min-width: var(--fixed-column-width);
    max-width: var(--fixed-column-width);
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: inherit;
    padding-left: 10px;
}

.main-grid .grade-container[b-gvcknwznfr] {
    width: var(--task-width);
    min-width: var(--task-width);
    max-width: var(--task-width);
    text-align: center;
    vertical-align: middle;
}

.main-grid .even[b-gvcknwznfr] {
    background-color: #f8f9fa;
}

.main-grid .odd[b-gvcknwznfr] {
    background-color: #ffffff;
}

.main-grid .average-row[b-gvcknwznfr] {
    height: 3rem;
}

.main-grid .average-row td[b-gvcknwznfr] {
    vertical-align: bottom;
}

.task.text-underline.row-3 span[b-gvcknwznfr] {
    width: calc(165px + 29px);
}

.task.text-underline.row-3.default-width span[b-gvcknwznfr] {
    width: 165px;
}

.task.text-underline span[b-gvcknwznfr] {
    text-decoration: underline;
}

.main-grid .task.small[b-gvcknwznfr] {
    height: fit-content;
    text-align: center;
}

.main-grid .final-average-header[b-gvcknwznfr] {
    border-left: 2px solid var(--color2);
    border-top: 2px solid var(--color2);
}

.main-grid .final-average-header.final-average-last[b-gvcknwznfr] {
    border-right: 4px solid var(--color2);
}

.main-grid .final-average-cell[b-gvcknwznfr] {
    border-left: 2px solid var(--color2);
}

.main-grid .final-average-cell.final-average-last[b-gvcknwznfr] {
    border-right: 4px solid var(--color2);
}

/* Custom scrollbar styles */
.table-responsive[b-gvcknwznfr] {
    scroll-behavior: smooth;
    scrollbar-width: thin;  /* For Firefox */
    scrollbar-color: rgba(39, 101, 50, 0.7) transparent;  /* For Firefox */
}

.table-responsive[b-gvcknwznfr]::-webkit-scrollbar {
    width: 8px;  /* vertical scrollbar width */
    height: 8px;  /* horizontal scrollbar height */
}

.table-responsive[b-gvcknwznfr]::-webkit-scrollbar-track {
    background: transparent;
}

.table-responsive[b-gvcknwznfr]::-webkit-scrollbar-thumb {
    background-color: rgba(19, 50, 25, 0.7);
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.table-responsive[b-gvcknwznfr]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(31, 80, 40, 0.8);
}

.table-responsive[b-gvcknwznfr]::-webkit-scrollbar-corner {
    background-color: transparent;
}

.main-grid td[b-gvcknwznfr], .main-grid th[b-gvcknwznfr] {
    transition: border-color 0.1s;
}

.main-grid thead tr th.task.hide-content[b-gvcknwznfr] {
    visibility: hidden;
}

.main-grid tbody tr td.grade-container.hide-content[b-gvcknwznfr] {
    border-right-color: transparent !important;
}

/* GRADE COLOR */
.grade-insufficient[b-gvcknwznfr] {
    color: #ff4646;
}

.grade-sufficient[b-gvcknwznfr] {
    /* default color */
}

.grade-good[b-gvcknwznfr] {
    color: #49d182;
}

/* Separator styling */
.semester-separator[b-gvcknwznfr] {
    width: var(--separator-width);
    min-width: var(--separator-width);
    max-width: var(--separator-width);
    background-color: white;
    border-right: 2px solid var(--color2);
    border-left: none;
}

.semester-separator-cell[b-gvcknwznfr] {
    width: var(--separator-width);
    min-width: var(--separator-width);
    max-width: var(--separator-width);
    background-color: white;
    border-right: 2px solid var(--color2);
    border-left: none;
}

/* Tooltip styling */
.tooltip-cell[b-gvcknwznfr] {
    position: relative;
    cursor: help;
    overflow: visible !important;
}

.cell-tooltip-text[b-gvcknwznfr] {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    background-color: #333;
    color: white;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 14px;
    white-space: nowrap;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    width: auto;
    height: auto;
}

.tooltip-cell:hover .cell-tooltip-text[b-gvcknwznfr] {
    visibility: visible;
    opacity: 1;
}

.tooltip-cell:focus .cell-tooltip-text[b-gvcknwznfr] {
    visibility: visible;
    opacity: 1;
}

.cell-tooltip-text.right[b-gvcknwznfr] {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
}

.cell-tooltip-text.left[b-gvcknwznfr] {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 10px;
}

.cell-tooltip-text.top[b-gvcknwznfr] {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 10px;
}

.cell-tooltip-text.bottom[b-gvcknwznfr] {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 10px;
}

.cell-tooltip-text.right[b-gvcknwznfr]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #333 transparent transparent;
}

.cell-tooltip-text.left[b-gvcknwznfr]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
}

.cell-tooltip-text.top[b-gvcknwznfr]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.cell-tooltip-text.bottom[b-gvcknwznfr]::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
}
/* _content/PlanificRE/Components/TeachingManagement/WorkChecker/StudentHomeworkComponent.razor.rz.scp.css */
.column-header[b-nbjorscbm2] {
    font-size: 1.5rem;
    text-align: center;
}

.warn-test[b-nbjorscbm2] {
    color: red;
}

.homework-row[b-nbjorscbm2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
    padding: 0 5px;
}

.homework-objectives-pdf-icon[b-nbjorscbm2] {
    height: 24px;
    width: auto;
    flex-shrink: 0;
    cursor: pointer;
}

.homework-objectives-pdf-icon:hover[b-nbjorscbm2] {
    opacity: 0.7;
}

.homework-objectives-pdf-icon.generating[b-nbjorscbm2] {
    opacity: 0.4;
    cursor: wait;
}
/* _content/PlanificRE/Components/TeachingManagement/WorkChecker/StudentTask.razor.rz.scp.css */
.pe-no-margin[b-qb16x5aify] {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
}

.spacing[b-qb16x5aify] {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.white-border[b-qb16x5aify] {
    padding: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 30px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    min-height: 95vh;
    height: fit-content;
}

.white-border-inside[b-qb16x5aify] {
    margin: 0;
    padding: 0;
    min-height: fit-content;
    height: fit-content;
    border-radius: 15px;
}

.pe-border-margin[b-qb16x5aify] {
}

#pageheader[b-qb16x5aify] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0px 0px 0px 0px !important;
    text-align: center;
    height: 58px;
}

#pageheader > .checkwork-header[b-qb16x5aify] {
    color: white;
    font-size: 1.2rem;
    text-align: left;
    width: 35%;
    padding-left: 15px;
    padding-top: 0.5rem;
}

#pageheader > .checkwork-header ~ .checkwork-header[b-qb16x5aify] {
    font-size: 1.8rem;
    padding-top: 0;
    text-align: center;
}

@media (max-width: 835px) {
    #pageheader > .checkwork-header[b-qb16x5aify] {
        width: 100%;
    }
    
    .checkwork-header:first-child[b-qb16x5aify],
    .checkwork-header:last-child[b-qb16x5aify] {
        display: none;
    }
}

#homework-block[b-qb16x5aify] {
    border-radius: 25px;
    margin: 0 !important;
    text-align: center;
    height: 58px;
}

#homework-block > .homework-header[b-qb16x5aify] {
    font-size: 1.7rem;
    text-align: left;
    width: 35%;
}

.text-underline[b-qb16x5aify] {
    text-decoration: underline;
    padding-left: 10px;
}

#weekgroup[b-qb16x5aify] {
    text-align: center;
    width: 100%;
}

#week[b-qb16x5aify] {
    display: inline;
    font-size: 1.5rem;
}

.arrow[b-qb16x5aify] {
    color: black;
    width: 1.1rem;
    height: 1.1rem;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 15px;
}

.arrow:hover[b-qb16x5aify] {
    opacity: 0.7;
}

#week-date[b-qb16x5aify] {
    font-size: 0.8rem;
    text-align: center;
}

.maintain-h[b-qb16x5aify] {
    height: 8rem;
}

@media (max-width: 835px) {
    #homework-block > .homework-header[b-qb16x5aify] {
        width: 50%;
    }

    .homework-header:last-child[b-qb16x5aify] {
        display: none;
    }

    .homework-header:nth-child(2n)[b-qb16x5aify]{
        text-align: right;
    }
}

@media (max-width: 600px) {
    #homework-block[b-qb16x5aify] {
        display: flex;
        flex-direction: column;
        height: fit-content;
    }

    #homework-block > .homework-header[b-qb16x5aify] {
        width: 100%;
    }

    .homework-header:last-child[b-qb16x5aify] {
        display: none;
    }
    
    #weekgroup a:first-child > div[b-qb16x5aify] {
        margin-left: 0;
    }

    #weekgroup a:last-child > div[b-qb16x5aify] {
        margin-right: 0;
    }
}

/* Homework ***********************************/
.homework-flex[b-qb16x5aify] {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.item-lessons[b-qb16x5aify] {
    flex: 1 1 250px;
    min-height: 8rem;
    box-sizing: border-box;
    position: relative;
    padding: 10px;
}

.item-lessons[b-qb16x5aify]::after,
.item-lessons[b-qb16x5aify]::before {
    content: '';
    position: absolute;
    background-color: black;
    display: none;
}

.item-lessons[b-qb16x5aify]::after {
    top: 10px;
    right: 0;
    bottom: 10px;
    width: 2px;
}

.item-lessons[b-qb16x5aify]::before {
    left: 10px;
    right: 10px;
    bottom: 0;
    height: 2px;
}


/* Media query for 6 items per row */
@media (min-width: 1625px) {
    .item-lessons:not(:nth-child(6)):not(:last-child)[b-qb16x5aify]::after {
        display: block;
    }
}

/* Media query for 5 items per row */
@media (min-width: 1376px) and (max-width: 1624px) {
    .item-lessons:not(:nth-child(5)):not(:last-child)[b-qb16x5aify]::after {
        display: block;
    }
    .item-lessons:nth-child(-n+5)[b-qb16x5aify]::before {
        display: block;
    }
}

/* Media query for 4 items per row */
@media (min-width: 1126px) and (max-width: 1375px) {
    .item-lessons:not(:nth-child(4n)):not(:last-child)[b-qb16x5aify]::after {
        display: block;
    }
    .item-lessons:nth-child(-n+4)[b-qb16x5aify]::before {
        display: block;
    }
}

/* Media query for 3 items per row */
@media (min-width: 876px) and (max-width: 1125px) {
    .item-lessons:not(:nth-child(3n))[b-qb16x5aify]::after {
        display: block;
    }
    .item-lessons:not(:nth-child(n+4))[b-qb16x5aify]::before {
        display: block;
    }
}

/* Media query for 2 items per row */
@media (min-width: 626px) and (max-width: 875px) {
    .item-lessons:not(:nth-child(2n))[b-qb16x5aify]::after {
        display: block;
    }
    .item-lessons:not(:nth-child(n+5))[b-qb16x5aify]::before {
        display: block;
    }
}

/* Media query for 1 item per row */
@media (max-width: 625px) {
    .item-lessons:not(:last-child)[b-qb16x5aify]::before {
        display: block;
    }
}
/* _content/PlanificRE/Components/TeachingManagement/WorkChecker/TaskCheckerComponent.razor.rz.scp.css */
.objective-color-legend[b-velozvu8gn] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 1rem;
    font-size: 1.1rem;
}

.objective-color-legend-item[b-velozvu8gn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.objective-color-dot[b-velozvu8gn] {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
/* _content/PlanificRE/Components/TeachingManagement/WorkChecker/TaskCheckerGridComponent.razor.rz.scp.css */
.no-padding[b-t7wk2vkck6] {
    padding: 0;
}

#workcheckblock[b-t7wk2vkck6] {
    overflow-x: auto;
}

#workcheckblock .table-responsive[b-t7wk2vkck6] {
    overflow-y: auto;
}

#workcheckblock .day-plan-height[b-t7wk2vkck6] {
    max-height: 69vh;
}

@media (max-height: 1000px) {
    #workcheckblock .day-plan-height[b-t7wk2vkck6] {
        max-height: 63vh;
    }
}

.workcheck-container[b-t7wk2vkck6] {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    background-color: var(--color);
    border: 3px solid var(--color2);
}

.workcheck-grid[b-t7wk2vkck6] {
    width: var(--table-width);
    min-width: var(--table-width);
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    background-color: var(--color);
    position: relative;
}

.workcheck-grid th[b-t7wk2vkck6],
.workcheck-grid td[b-t7wk2vkck6] {
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.workcheck-grid th.title[b-t7wk2vkck6],
.workcheck-grid td:first-child[b-t7wk2vkck6] {
    position: sticky;
    left: 0;
    z-index: 2;
}

.workcheck-grid th.title[b-t7wk2vkck6],
.workcheck-grid th.task[b-t7wk2vkck6],
.workcheck-grid td.student-name[b-t7wk2vkck6],
.workcheck-grid td.checkbox-container[b-t7wk2vkck6] {
    border-right: 3px solid var(--color2);
}

.workcheck-grid th.empty-task[b-t7wk2vkck6],
.workcheck-grid td.empty-checkbox[b-t7wk2vkck6] {
    border-right: none;
}

.clickable:hover[b-t7wk2vkck6] {
    cursor: pointer;
}

.text-direction[b-t7wk2vkck6] {
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    padding: 5px !important;
}

.student-task-background[b-t7wk2vkck6] {
    background-color: var(--color) !important;
}

.workcheck-grid tbody tr.highlight td[style*="--category-color"][b-t7wk2vkck6] {
    background-color: color-mix(in srgb, var(--category-color) 70%, black) !important;
    position: relative;
    z-index: 1;
}

.workcheck-grid tbody tr.highlight[b-t7wk2vkck6] {
    background-color: rgba(211, 211, 211, 0.5);
    position: relative;
    z-index: 1;
}

.workcheck-grid tbody tr.highlight td.student-name[b-t7wk2vkck6] {
    background-color: rgba(211, 211, 211, 0.5);
    z-index: 3;
}

/* Style for empty tasks and checkboxes */
.workcheck-grid .empty-task[b-t7wk2vkck6],
.workcheck-grid .empty-checkbox[b-t7wk2vkck6] {
    background-color: transparent;
}

.workcheck-grid .title[b-t7wk2vkck6] {
    background-color: var(--color);
    color: white;
    width: var(--fixed-column-width);
    min-width: var(--fixed-column-width);
    max-width: var(--fixed-column-width);
    text-align: center;
    vertical-align: middle;
    position: sticky;
    left: 0;
    z-index: 2;
}

.workcheck-grid .title h4[b-t7wk2vkck6],
.workcheck-grid .title h5[b-t7wk2vkck6] {
    margin: 0;
}

.workcheck-grid .task[b-t7wk2vkck6] {
    width: var(--task-width);
    min-width: var(--task-width);
    max-width: var(--task-width);
    height: 150px;
    padding: 5px 0;
    position: relative;
    overflow: hidden;
    font-weight: normal;
    color: white;
    scroll-margin-left: var(--fixed-column-width);
}

.workcheck-grid .task span[b-t7wk2vkck6] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    max-height: var(--task-width);
    width: 150px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 18px;
}

.workcheck-grid .incomplete-counts[b-t7wk2vkck6] {
    padding-right: 6px;
}

.workcheck-grid .incomplete-subject-count[b-t7wk2vkck6] {
    color: var(--color);
}

.workcheck-grid .incomplete-total-count[b-t7wk2vkck6] {
    color: #bbb;
}

.workcheck-grid .student-name[b-t7wk2vkck6] {
    width: var(--fixed-column-width);
    min-width: var(--fixed-column-width);
    max-width: var(--fixed-column-width);
    position: sticky;
    left: 0;
    z-index: 4;
    background-color: inherit;
    padding-left: 10px;
}

.workcheck-grid .student-name-content[b-t7wk2vkck6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.workcheck-grid .checkbox-container[b-t7wk2vkck6] {
    width: var(--task-width);
    min-width: var(--task-width);
    max-width: var(--task-width);
    text-align: center;
    vertical-align: middle;
}

.workcheck-grid .even[b-t7wk2vkck6] {
    background-color: #ffffff;
}

.workcheck-grid .odd[b-t7wk2vkck6] {
    background-color: #f8f9fa;
}

.workcheck-grid td[style*="--category-color"][b-t7wk2vkck6] {
    background-color: color-mix(in srgb, var(--category-color) 70%, white);
}

.workcheck-grid .odd td[style*="--category-color"][b-t7wk2vkck6] {
    background-color: var(--category-color);
}

.week-old-1[b-t7wk2vkck6] {
    color: #ff5c5c;
}

.week-old-2[b-t7wk2vkck6] {
    color: #c03b3b;
}

.empty-task[b-t7wk2vkck6] {
    background-color: var(--color);
}

.empty-checkbox[b-t7wk2vkck6] {
    background-color: #f0f0f0;
}

/* Custom scrollbar styles */
.table-responsive[b-t7wk2vkck6] {
    scroll-behavior: smooth;
    scrollbar-width: thin;  /* For Firefox */
    scrollbar-color: rgba(39, 101, 50, 0.7) transparent;  /* For Firefox */
}

.table-responsive[b-t7wk2vkck6]::-webkit-scrollbar {
    width: 8px;  /* vertical scrollbar width */
    height: 8px;  /* horizontal scrollbar height */
}

.table-responsive[b-t7wk2vkck6]::-webkit-scrollbar-track {
    background: transparent;
}

.table-responsive[b-t7wk2vkck6]::-webkit-scrollbar-thumb {
    background-color: rgba(19, 50, 25, 0.7);
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.table-responsive[b-t7wk2vkck6]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(31, 80, 40, 0.8);
}

.table-responsive[b-t7wk2vkck6]::-webkit-scrollbar-corner {
    background-color: transparent;
}

.workcheck-grid td[b-t7wk2vkck6], .workcheck-grid th[b-t7wk2vkck6] {
    transition: border-color 0.1s;
}

.workcheck-grid thead tr th.task.hide-content[b-t7wk2vkck6] {
    visibility: hidden;
}

.workcheck-grid tbody tr td.checkbox-container.hide-content[b-t7wk2vkck6] {
    border-right-color: transparent !important;
    background-color: transparent !important;
}
/* _content/PlanificRE/Components/TeachingManagement/WorkChecker/WorkChecker.razor.rz.scp.css */
.pe-no-margin[b-5vnb35w0eg] {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
    max-width: 1735px;
}

.spacing[b-5vnb35w0eg] {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.white-border[b-5vnb35w0eg] {
    padding: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 30px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    min-height: 95vh;
    height: auto;
    display: flex;
    flex-direction: column;
}

.pe-border-margin[b-5vnb35w0eg] {
}

#pageheader[b-5vnb35w0eg] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    text-align: center;
    min-height: 58px;
    flex-direction: column;
}

#title[b-5vnb35w0eg] {
    color: white;
    font-size: 1.8rem;
    text-align: center;
    max-width: 35%;
    min-width: fit-content;
    padding-left: 15px;
}

.frame[b-5vnb35w0eg] {
    border-radius: 15px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    margin: 0;
    padding: 0;
    min-height: 86vh;
}

#pageheader > .checkwork-header[b-5vnb35w0eg] {
    color: white;
    font-size: 1.8rem;
    margin: 0 auto;
    line-height: 1;
}

#pageheader > .checkwork-header ~ .checkwork-header[b-5vnb35w0eg] {
    font-size: 1.3rem;
    padding-left: 0.5rem;
    margin: 0;
}

.top-container[b-5vnb35w0eg] {
    display: flex;
    justify-content: space-between;
}

.top-container .flex-schoolclass[b-5vnb35w0eg] {
    min-height: 5vh;
}

.flex-schoolclass[b-5vnb35w0eg] {
    display: flex;
    flex-direction: row;
    margin: 0.5rem 1rem;
    font-size: 1.7rem;
    flex-wrap: wrap;
    line-height: 1;
    align-content: center;
}

.flex-schoolclass > div[b-5vnb35w0eg] {
    margin-right: 1rem;
    cursor: pointer;
}

.work-type[b-5vnb35w0eg] {
    display: flex;
    flex-direction: row-reverse;
    margin: 0.5rem 1rem;
    font-size: 1.7rem;
    flex-wrap: wrap;
    line-height: 1;
    align-content: center;
    gap: 1rem;
}

.selected-class[b-5vnb35w0eg] {
    color: #49d182;
}

.clickable:hover[b-5vnb35w0eg] {
    cursor: pointer;
}

/* Owns the margin/spacing for both the legend and the switch below it via gap - neither
   child needs its own margin, so there's nothing to collapse or fight over regardless of
   whether the legend is present (Categories.Count == 0 just leaves the switch as its only child). */
.legend-and-switch[b-5vnb35w0eg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem 0;
}

.flex-category[b-5vnb35w0eg] {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    font-size: 1.2rem;
}

.category-item[b-5vnb35w0eg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.color-dot[b-5vnb35w0eg] {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    display: inline-block;
}

/* Two classes (not one) so this beats SwitchButton's own same-specificity
   .toggle-switch-container margin rule regardless of stylesheet bundling order. */
[b-5vnb35w0eg] .toggle-switch-container.workcheck-color-cycling-switch {
    margin: 0;
}

.warning-message[b-5vnb35w0eg] {
    text-align: center;
    margin-top: 10%;
    font-size: 1.2rem;
}

.maintain-h[b-5vnb35w0eg] {
    height: 8rem;
}

.qr-container[b-5vnb35w0eg] {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    border-radius: 10px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    min-height: 5vh;
    height: fit-content;
    width: fit-content;
    margin: 0.5rem 1rem 0.5rem 0;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

    .qr-container:hover[b-5vnb35w0eg] {
        background-color: #dedede;
    }

.qr-button[b-5vnb35w0eg] {
    display: flex;
    align-items: center;
}

.qr-button > p[b-5vnb35w0eg] {
    font-size: 1.3rem;
    color: #4b5161;
    padding: 0 0.5rem;
    margin: 0;
    line-height: 1.1;
    text-wrap: nowrap;
}

.qr-button > img[b-5vnb35w0eg] {
    width: 3rem;
    height: auto;
    padding: 0 0.5rem;
}

.qr-img[b-5vnb35w0eg] {
    height: auto;
    width: 10rem;
}

.qr-list[b-5vnb35w0eg] {
    display: flex;
    flex-wrap: wrap;
}

.qr-card[b-5vnb35w0eg] {
    width: 10rem;
    height: auto;
}

.qr-card > div[b-5vnb35w0eg] {
    text-align: center;
}
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/ImportLesson.razor.rz.scp.css */
.pe-no-margin[b-m2awm20p66] {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
}

.spacing[b-m2awm20p66] {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.white-border[b-m2awm20p66] {
    padding: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 30px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    min-height: 95vh;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pe-border-margin[b-m2awm20p66] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.filter-header[b-m2awm20p66] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    text-align: center;
    min-height: 58px;
    height: fit-content;
    line-height: 1;
    align-items: center;
    flex: 0 0 auto;
    font-size: 1.8rem;
    gap: 0.5rem;
}

.filter-title[b-m2awm20p66] {
    color: white;
    font-size: 1.8rem;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    gap: 15px;
}

.subject-item:hover[b-m2awm20p66],
.arrow:hover[b-m2awm20p66] {
    opacity: 0.7;
    text-decoration: none;
    cursor: pointer;
}

.arrow[b-m2awm20p66] {
    font-size: 2rem;
    line-height: 1;
}

.between-arrow[b-m2awm20p66] {
    line-height: 2;
}

.selected-class[b-m2awm20p66] {
    color: #49d182;
}

.filter-section[b-m2awm20p66] {
    display: flex;
    gap: 0.5rem;
    border: 2px solid #4b5161;
    border-top: none;
}

.own-lesson-filter[b-m2awm20p66] {
    display: flex;
    flex-direction: column;
    min-width: 200px;
    align-items: center;
    border-right: 2px solid #4b5161;
    padding: 0.5rem;
}

.filter-label[b-m2awm20p66] {
    text-align: center;
    font-size: 1.2rem;
}

.filter-label.small-text[b-m2awm20p66] {
    font-size: 1rem;
    text-align: left;
}

.year-filter[b-m2awm20p66] {
    display: flex;
    gap: 0.5rem;
    font-size: 1.2rem;
    width: fit-content;
}

.others-lesson-filter[b-m2awm20p66] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
}

.global-filter[b-m2awm20p66] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.teacher-filter[b-m2awm20p66] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
}

.group-filter[b-m2awm20p66],
.school-class-filter[b-m2awm20p66] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.import-lesson-container[b-m2awm20p66] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.planning-container[b-m2awm20p66] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* YearPlanGrid defaults to height: 95vh for its standalone use in YearPlan;
   here multiple grids are stacked, so let each one size to its content instead. */
[b-m2awm20p66] .teacher-plan-section .white-border {
    height: fit-content;
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
}

[b-m2awm20p66] .teacher-plan-section .spacing {
    padding: 0;
}

/* The flex:1 1 auto + min-height:0 + overflow:auto chain below normally lets
   .weeks-scroll-container scroll within a definite-height ancestor (95vh).
   With .white-border now sized to fit-content, that chain has no definite
   height to distribute, so it collapses instead of growing - force these
   to size to their content and drop the vertical scroll; horizontal scroll
   is kept since each week row is still wider than the viewport.
   Note: overflow-y must be "hidden", not "visible" - since overflow-x stays
   "auto", the spec forces a "visible" overflow-y to compute as "auto" too,
   which kept showing the scrollbar despite the sizing fix above. */
[b-m2awm20p66] .teacher-plan-section .pe-border-margin,
[b-m2awm20p66] .teacher-plan-section #planning-block,
[b-m2awm20p66] .teacher-plan-section .weeks-scroll-container {
    flex: 0 0 auto;
    min-height: unset;
    overflow-y: hidden;
}



/* _content/PlanificRE/Components/TeachingManagement/YearPlan/LessonComponent.razor.rz.scp.css */
.lesson-content[b-6he0a4gbwf] {
    position: relative; /* This ensure the spinner is positioned relative to the container */
    height: 100px;
    border: 1px solid;
    overflow: hidden;
}

/* A lesson slot whose specific day is a holiday (or weekend), independent of whether the
   rest of the week works - mirrors the grey used for full-holiday weeks in YearPlanGrid. */
.lesson-holiday[b-6he0a4gbwf] {
    background-color: #d9d9d9;
    border-color: #a3a3a3;
}

.hover-content[b-6he0a4gbwf] {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.hover-content:hover:not(.drag-source)[b-6he0a4gbwf] {
    /* We use the rgba approach because the opacity and filter properties 
     * create stacking contexts problem with the context menu */
    background-color: rgba(var(--user-color-rgb), 0.95) !important;
}

.lesson-height > div[b-6he0a4gbwf] {
    height: 100%;
}

.lesson-no-content[b-6he0a4gbwf] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.lesson-no-content img[b-6he0a4gbwf] {
    transition: all 0.3s ease;
}

.lesson-no-content:hover img[b-6he0a4gbwf] {
    opacity: 0.9;
    transform: scale(1.2);
}

.no-cursor[b-6he0a4gbwf] {
    cursor: default;
}

.prep-group[b-6he0a4gbwf]{
    display: flex;
    justify-content: space-between;
}

.prep[b-6he0a4gbwf] {
    display: inline-block;
    width: 15px;
    height: 15px !important;
    margin: 2px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.track[b-6he0a4gbwf] {
    display: inline-block;
    width: 10px;
    height: 10px !important;
}

.tasks[b-6he0a4gbwf] {
    color: #4b5161;
    font-size: 0.7em;
    padding-left: 3px;
}

.warn-test[b-6he0a4gbwf] {
    color: red;
}

.img-block[b-6he0a4gbwf] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

.img-block img[b-6he0a4gbwf] {
    height: 22px;
}

.menu-item-content[b-6he0a4gbwf] {
    display: flex;
    align-items: center;
}

.menu-icon[b-6he0a4gbwf] {
    width: 32px;
    height: 32px;
    margin-right: 8px;
}

.danger-item[b-6he0a4gbwf] {
    color: #e74c3c;
    transition: all 0.2s ease;
}

.danger-item:hover[b-6he0a4gbwf] {
    color: #c0392b;
}

/* Dynamic styles */
.done[b-6he0a4gbwf] {
    background-image: url('/images/app/YearlyTaskDone.png');
}

.not-done[b-6he0a4gbwf] {
    background-image: url('/images/app/YearlyTaskToDo.png');
}

.empty[b-6he0a4gbwf] {

}

.hm-done[b-6he0a4gbwf] {
    background-image: url('/images/app/YearlyHomework.png');
}

.hm-empty[b-6he0a4gbwf] {

}

/* Paste spinner styles */
.paste-spinner[b-6he0a4gbwf] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: spin-b-6he0a4gbwf 1s linear infinite;
    z-index: 2;
}

.paste-overlay[b-6he0a4gbwf] {
    position: relative;
}

.paste-overlay[b-6he0a4gbwf]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
}

@keyframes spin-b-6he0a4gbwf {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Drag and drop visual feedback */
.drag-source[b-6he0a4gbwf] {
    border: 3px solid #3498db !important;
    box-shadow: 0 0 10px rgba(52, 152, 219, 0.5);
}

/* :hover doesn't reliably track the cursor during a native HTML5 drag in any major browser
   (the drag gesture suppresses normal hover tracking), so the drop-target class below is
   toggled by the client-only JS listener in scrollHelper.js (enableYearPlanTaskDrop) instead -
   still no server round trip per dragover tick. */
.lesson-content.droppable.drop-target-hover:not(.drag-source)[b-6he0a4gbwf] {
    border: 3px dashed #2ecc71 !important;
    background-color: rgba(46, 204, 113, 0.1) !important;
    box-shadow: 0 0 15px rgba(46, 204, 113, 0.3);
}

.tasks[data-contextmenu-trigger][b-6he0a4gbwf] {
    pointer-events: auto !important;
    position: relative;
    z-index: 1000;
}

.tasks[draggable="true"][b-6he0a4gbwf] {
    cursor: move;
    transition: opacity 0.2s ease-in-out;
}

.tasks[draggable="true"]:hover:not(.dragging-from-lesson)[b-6he0a4gbwf] {
    opacity: 0.8;
    background-color: rgba(52, 152, 219, 0.1);
}

.dragging-from-lesson[b-6he0a4gbwf] {
    opacity: 0.5;
}
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/Popups/AddAssimilatedWork.razor.rz.scp.css */
.pe-modal[b-i3zlx6ajk4] {
    height: fit-content;
    width: fit-content;
    max-width: 1050px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
    font-size: 1.5rem;
}

.pe-modal *:focus[b-i3zlx6ajk4] {
    outline: none;
}

.pe-border-margin[b-i3zlx6ajk4] {
    padding: 0.5rem;
}

.header[b-i3zlx6ajk4] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    position: relative;
}

.modal-title[b-i3zlx6ajk4] {
    margin: 0;
}

.close-button[b-i3zlx6ajk4] {
    position: absolute;
    right: 10px;
    top: calc(50% - (40px / 2));
    cursor: pointer;
}

.close-button img[b-i3zlx6ajk4] {
    height: 40px;
    width: auto;
}

.test-content[b-i3zlx6ajk4] {
    margin: 0 1rem;
}

.row-selector[b-i3zlx6ajk4] {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin: 1rem;
}

.row-selector label[b-i3zlx6ajk4] {
    width: 150px;
    padding: 0;
    margin: 0;
}

.row-selector select[b-i3zlx6ajk4] {
    background-color: #ffffff;
    border: 1px solid #4b5161;
    border-radius: 15px;
    padding: 5px 20px;
    width: 300px;
}

.test-title[b-i3zlx6ajk4] {
    border: none;
    border-bottom: 1px solid #ced4da;
    padding: 5px;
    width: 100%;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.modal-actions[b-i3zlx6ajk4] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 1rem;
}

.modal-actions .btn[b-i3zlx6ajk4] {
    width: fit-content;
}
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/Popups/AddCurriculumObjectives.razor.rz.scp.css */
.pe-modal[b-xe3i8guedt] {
    height: fit-content;
    width: 1400px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
}

.pe-border-margin[b-xe3i8guedt] {
    padding: 0.5rem;
}

.header[b-xe3i8guedt] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
}

.pe-header-text[b-xe3i8guedt] {
    font-size: 1.8rem;
}

.subject-list[b-xe3i8guedt] {
    display: flex;
    flex-direction: row;
    font-size: 1.2rem;
    flex-wrap: wrap;
    line-height: 1;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    align-items: center;
    justify-content: center;
}

.subject-list div span[b-xe3i8guedt] {
    cursor: pointer;
    margin: 0 0.5rem;
}

.selected[b-xe3i8guedt] {
    color: limegreen !important;
}

.separator[b-xe3i8guedt] {
    color: rgba(255, 255, 255, 0.4);
}

.learning-objectives-list[b-xe3i8guedt] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    flex-shrink: 0;
    overflow-x: auto;
    cursor: grab;
}

.learning-objectives-list.dragging[b-xe3i8guedt] {
    cursor: grabbing;
    user-select: none;
}

.learning-objective-item[b-xe3i8guedt] {
    flex: 0 0 200px;
    min-height: 100px;
    padding: 1rem;
    border-radius: 16px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    user-select: none;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.15s ease;
}

.learning-objective-item:hover[b-xe3i8guedt] {
    border-color: rgba(50, 205, 50, 0.4);
}

.learning-objective-item.objective-selected[b-xe3i8guedt] {
    box-shadow: 0 0 15px 0 rgba(50, 205, 50, 0.25);
}

.learning-objective-item.objective-selected .code[b-xe3i8guedt],
.learning-objective-item.objective-selected .name[b-xe3i8guedt] {
    text-shadow: 0.05em 0 var(--outline-color), 0 0.05em var(--outline-color), -0.05em 0 var(--outline-color), 0 -0.05em var(--outline-color), -0.05em -0.05em var(--outline-color), -0.05em 0.05em var(--outline-color), 0.05em -0.05em var(--outline-color), 0.05em 0.05em var(--outline-color);
}

.learning-objective-item .code[b-xe3i8guedt] {
    font-size: 1.2rem;
    font-weight: 600;
}

.learning-objective-item .name[b-xe3i8guedt]{
    text-align: center;
    font-size: 1rem;
}

.learning-objective-item .objectives-count[b-xe3i8guedt] {
    font-size: 1rem;
    margin-top: auto;
}

.learning-objective-item.objective-selected .objectives-count[b-xe3i8guedt] {
    color: white;
}

/* Progressions panel */
.learning-progressions[b-xe3i8guedt] {
    padding: 0 1rem 1rem;
    /* Keep the original 450px cap on small screens, but grow with the viewport on larger ones */
    max-height: max(450px, calc(100vh - 370px));
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.progression-group[b-xe3i8guedt] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    border-radius: 17px;
    padding-bottom: 0.5rem;
}

.progression-sub-group[b-xe3i8guedt] {
    margin: 0 0.5rem;
}

.progression-title[b-xe3i8guedt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.4rem 0.75rem;
    margin-bottom: 0.25rem;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    cursor: pointer;
}

.progression-title.subtitle[b-xe3i8guedt] {
    font-weight: 500;
    padding-left: 0.75rem;
    border-left: 3px solid #ccc;
    border-radius: 0 4px 4px 0;
}

.progression-title-info[b-xe3i8guedt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.progression-title-count[b-xe3i8guedt] {
    font-size: 1rem;
    white-space: nowrap;
    color: white;
}

.progression-title:not(.subtitle) .progression-title-text[b-xe3i8guedt],
.progression-title:not(.subtitle) .progression-title-count[b-xe3i8guedt] {
    text-shadow: 0.05em 0 var(--outline-color), 0 0.05em var(--outline-color), -0.05em 0 var(--outline-color), 0 -0.05em var(--outline-color), -0.05em -0.05em var(--outline-color), -0.05em 0.05em var(--outline-color), 0.05em -0.05em var(--outline-color), 0.05em 0.05em var(--outline-color);
}

.collapse-arrow[b-xe3i8guedt] {
    width: 16px;
    height: auto;
}

.progression-item[b-xe3i8guedt] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    padding-left: 1rem;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.progression-item:hover[b-xe3i8guedt] {
    background-color: rgba(50, 205, 50, 0.08);
}

.progression-item.selected[b-xe3i8guedt] {
    background-color: rgba(50, 205, 50, 0.15);
    border: 1px solid #49d182;
}

.prog-check[b-xe3i8guedt] {
    margin-left: auto;
    padding-right: 0.75rem;
    color: #49d182;
    font-weight: 600;
    flex-shrink: 0;
}

.progression-item + .progression-item[b-xe3i8guedt] {
    border-top: 1px solid #e8e8e8;
}

.progression-item + .progression-item.selected[b-xe3i8guedt] {
    border-top: 1px solid #49d182;
}

.sub-cycle[b-xe3i8guedt] {
    font-size: 0.75rem;
    font-weight: 600;
    color: white;
    background-color: #4b5161;
    border-radius: 6px;
    padding: 1px 6px;
    white-space: nowrap;
    flex-shrink: 0;
}

.prog-text[b-xe3i8guedt] {
    font-size: 0.9rem;
    color: #444;
    line-height: 1.4;
    padding-left: 1rem;
    text-indent: -1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.prog-text[b-xe3i8guedt]::before {
    content: "•";
    display: inline-block;
    width: 1rem;
    padding-left: 1rem;
}

.prog-text[b-xe3i8guedt]  ul {
    list-style: none;
    padding-left: 1rem;
    margin: 0;
}

.prog-text[b-xe3i8guedt]  li::before {
    content: "- ";
    font-weight: 600;
}

.selection-count[b-xe3i8guedt] {
    font-size: 1rem;
    white-space: nowrap;
}
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/Popups/AddGradingScale.razor.rz.scp.css */
.pe-modal[b-aa7b3e5gaf] {
    height: fit-content;
    width: fit-content;
    min-width: 620px;
    max-width: 1050px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
    font-size: 1.5rem;
}

.pe-modal *:focus[b-aa7b3e5gaf] {
    outline: none;
}

.pe-border-margin[b-aa7b3e5gaf] {
    padding: 0.5rem;
}

.header[b-aa7b3e5gaf] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    position: relative;
}

.pe-header-text[b-aa7b3e5gaf] {
    line-height: 1;
    font-size: 1.8rem;
}

.pe-subtitle[b-aa7b3e5gaf] {
    line-height: 1;
    font-size: 1.3rem;
}

.close-button[b-aa7b3e5gaf] {
    position: absolute;
    right: 10px;
    top: calc(50% - (40px / 2));
}

.close-button:hover[b-aa7b3e5gaf] {
    cursor: pointer;
}

.close-button img[b-aa7b3e5gaf] {
    height: 40px;
    width: auto;
}

.lb-content[b-aa7b3e5gaf] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.row > *[b-aa7b3e5gaf] {
    padding-right: 0;
    padding-left: 0;
}

.lb-fixed-width[b-aa7b3e5gaf] {
    width: 360px;
    height: 40px;
}

.lb-input-block[b-aa7b3e5gaf] {
    height: 40px;
}

.lb-input[b-aa7b3e5gaf] {
    border-radius: 10px;
    border: 1px solid #d6d6d6;
    padding-left: 5px;
    vertical-align: middle;
    height: 35px;
    margin: 0 !important;
    caret-color: #d6d6d6;
    color: #000000;
    width: 80px;
}

    .lb-input:hover[b-aa7b3e5gaf] {
        border: 1px solid #b6b6b6;
    }
    
    .lb-input:focus[b-aa7b3e5gaf] {
        box-shadow: 0 0 2px 0 #49d182;
        border: 1px solid #49d182;
        outline: none;
    }

.lb-input-label[b-aa7b3e5gaf] {
    vertical-align: middle;
    text-align: right;
    padding-right: 0.3rem;
    width: 100px;
}

.lb-post-label[b-aa7b3e5gaf] {
    padding-left: 3px;
    margin-top: 1px;
    width: 50px;
}

.lb-select[b-aa7b3e5gaf] {
    background-color: #ffffff;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    padding: 0 5px;
    width: 230px;
    height: 30px;
}

    .lb-select:hover:enabled[b-aa7b3e5gaf] {
        border: 1px solid #b6b6b6;
    }
    
    .lb-select:focus:enabled[b-aa7b3e5gaf] {
        box-shadow: 0 0 2px 0 #49d182;
        border: 1px solid #49d182;
        outline: none;
    }

.lb-option[b-aa7b3e5gaf] {
    color: #666666;
}

.rating-scale-container[b-aa7b3e5gaf] {
    padding: 0.5rem;
    margin-left: 0;
    border-radius: 10px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

#rating-scale-content[b-aa7b3e5gaf] {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

.text-danger[b-aa7b3e5gaf] {
    width: 100%;
    text-align: center;
}

.lb-button-collapse[b-aa7b3e5gaf] {
    text-align: center;
    cursor: pointer;
}

.control-container[b-aa7b3e5gaf] {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
    padding: 1rem 1.5rem 0.25rem 1.5rem;
}
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/Popups/AddLesson.razor.rz.scp.css */
.header[b-5ks7kacrm5] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
}

textarea[b-5ks7kacrm5] {
    resize: none;
    width: 100%;
    height: calc(100% - 40px);
    box-sizing: border-box;
    border-color: white !important;
    overflow: hidden !important;
}

textarea:focus[b-5ks7kacrm5] {
    outline: 0 !important;
    -webkit-appearance: none;
    box-shadow: none !important;
}

.pe-modal[b-5ks7kacrm5] {
    height: 95vh;
    width: 95vw;
    margin: 1rem auto;
    background-color: white;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pe-border-margin[b-5ks7kacrm5] {
    padding: 0.5rem;
}

.header-bis[b-5ks7kacrm5] {
    background-color: #4b5161;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: white;
    padding: 0 0 0 10px;
    margin: 0 0 0 0 !important;
    height: 3rem;
    line-height: 3rem;
    display: flex;
    justify-content: space-between;
}

.no-task-check[b-5ks7kacrm5] {
    justify-content: start;
}

.pe-header-bis-text[b-5ks7kacrm5] {
    font-size: 1.5rem;
    display: flex;
}

.pe-header-text[b-5ks7kacrm5] {
    font-size: 1.8rem;
}

.add-icon[b-5ks7kacrm5] {
    cursor: pointer;
    height: 30px;
    margin-left: 10px;
    margin-top: 9px;
}

.add-icon:hover[b-5ks7kacrm5] {
    opacity: 80%;
}

.pe-grey-border[b-5ks7kacrm5] {
    border: 2px solid #4b5161;
    border-radius: 10px;
    padding: 0;
    font-size: 1.3rem;
    color: #4b5161;
    overflow: hidden;
    min-width: 32rem;
}

/* col-teacher-tasks and col-homework-tests are narrower than the row's overall min-width would
   force if they inherited the 32rem min-width above; they don't need the same minimum as the
   wider description/task-list boxes to stay readable. */
.col-teacher-tasks .pe-grey-border[b-5ks7kacrm5],
.col-homework-tests .pe-grey-border[b-5ks7kacrm5] {
    min-width: 0;
}

.min-height100[b-5ks7kacrm5] {
    min-height: 100px;
}

.col-description[b-5ks7kacrm5],
.col-teacher-tasks[b-5ks7kacrm5],
.col-homework-tests[b-5ks7kacrm5] {
    box-sizing: border-box;
}

.col-description[b-5ks7kacrm5] {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-teacher-tasks[b-5ks7kacrm5] {
    flex: 0 0 30%;
    max-width: 30%;
}

.col-homework-tests[b-5ks7kacrm5] {
    flex: 0 0 20%;
    max-width: 20%;
}

/* Makes col-description itself a column flex container so its single child (description-box) can
   flex-grow to fill it, rather than resolving a percentage height against col-description -
   percentage heights inside an auto-height flex item resolve against its *hypothetical*
   (pre-stretch) size in some browsers, which let the description box's rendered content overflow
   past the row's actual (shorter) bottom edge and overlap the "Tâches élèves" section below it
   instead of leaving a gap before it. */
.col-description[b-5ks7kacrm5] {
    display: flex;
    flex-direction: column;
}

/* The row's flex items (col-description/col-teacher-tasks/col-homework-tests) already stretch to
   equal height by default, but that only sizes the column div itself - without these rules the
   grey-bordered box(es) inside col-teacher-tasks/col-homework-tests would keep their own natural
   (min-height100) height and leave blank space below them instead of reaching the same bottom
   edge as the Remarques/Tâches enseignant boxes. Making the columns flex containers and their
   boxes flex-grow closes that gap; splitting flex-grow evenly between Devoirs and Évaluations
   makes their combined height match the other columns. */
.col-teacher-tasks[b-5ks7kacrm5],
.col-homework-tests[b-5ks7kacrm5] {
    display: flex;
    flex-direction: column;
}

.col-teacher-tasks .pe-grey-border[b-5ks7kacrm5],
.col-homework-tests .pe-grey-border[b-5ks7kacrm5] {
    flex: 1 1 auto;
}

.description-box[b-5ks7kacrm5] {
    /* flex-grow (not height:100%) fills col-description's definite stretched height without the percentage/
       auto-parent ambiguity described above; min-height316 (on this same element) still floors it
       at 316px when the right column is short. */
    height: auto;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.description-editor-container[b-5ks7kacrm5] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.description-editor-container[b-5ks7kacrm5]  .description-editor-toolbar.ql-toolbar.ql-snow {
    flex: 0 0 auto;
    border: none;
    display: flex;
    justify-content: flex-start;
}

.description-editor-container[b-5ks7kacrm5]  .description-editor-toolbar .ql-formats {
    margin-right: 0;
}

.description-editor-container[b-5ks7kacrm5]  .description-editor-toolbar .text-style-group {
    display: inline-flex;
    float: left;
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #ccc;
    overflow: hidden;
}

.description-editor-container[b-5ks7kacrm5]  .description-editor-toolbar .text-style-group button,
.description-editor-container[b-5ks7kacrm5]  .description-editor-toolbar button.ql-list {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.description-editor-container[b-5ks7kacrm5]  .description-editor-toolbar .text-style-group button {
    float: none;
    height: 100%;
}

.description-editor-container[b-5ks7kacrm5]  .description-editor-toolbar button.ql-list {
    float: left;
}

.description-editor-container[b-5ks7kacrm5]  .description-editor-toolbar .text-style-group button svg,
.description-editor-container[b-5ks7kacrm5]  .description-editor-toolbar button.ql-list svg {
    height: 18px;
    float: none;
}

.description-editor-container[b-5ks7kacrm5]  .description-editor-toolbar .ql-picker.ql-font,
.description-editor-container[b-5ks7kacrm5]  .description-editor-toolbar .ql-picker.ql-size,
.description-editor-container[b-5ks7kacrm5]  .description-editor-toolbar .ql-picker.ql-color,
.description-editor-container[b-5ks7kacrm5]  .description-editor-toolbar button.ql-list {
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #ccc;
}

.description-editor-container[b-5ks7kacrm5]  .description-editor-toolbar .ql-picker-label {
    display: flex;
    align-items: center;
}

.description-editor-container[b-5ks7kacrm5]  .description-editor-toolbar .ql-formats > * + * {
    margin-left: -1px;
}

.description-editor-container[b-5ks7kacrm5]  .description-editor-content.ql-container.ql-snow {
    flex: 1 1 auto;
    min-height: 0;
    border: none;
}

.pe-input[b-5ks7kacrm5] {
    border: 1px solid #4b5161;
    margin: 0;
    padding: 5px;
    vertical-align: middle;
    font-size: 1.3rem;
    border-radius: 8px;
}

#plan-header[b-5ks7kacrm5] {
    position: relative;
    flex: 0 0 auto;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    text-align: center;
    min-height: 58px;
    height: fit-content;
    line-height: 1;
    align-items: center;
}

.close-button[b-5ks7kacrm5] {
    position: absolute;
    right: 10px;
    top: calc(50% - (40px / 2));
    cursor: pointer;
}

.close-button img[b-5ks7kacrm5] {
    height: 40px;
    width: auto;
}

#lesson-info[b-5ks7kacrm5] {
    color: white;
    font-size: 1.4rem;
    text-align: left;
    width: 25%;
    padding-left: 15px;
    padding-top: 5px;
}

#lesson-theme[b-5ks7kacrm5] {
    color: white;
    font-size: 1.4rem;
    text-align: right;
    width: 25%;
    padding-right: 15px;
    padding-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#lesson-title[b-5ks7kacrm5] {
    text-align: center;
    width: 50%;
}

#title[b-5ks7kacrm5] {
    display: inline;
    font-size: 1.6rem;
}

.secondary-text[b-5ks7kacrm5] {
    font-size: 1rem;
}

/* Makes lesson-block the flexible region that absorbs the modal's fixed 95vh height: it grows to
   fill whatever space plan-header/lesson-date-container/control-container don't need, and
   min-height:0 lets it shrink below its content's natural size instead of forcing the modal to
   overflow. student-tasks-container (Tâches élèves) then grows within it while lesson-details-row
   (Remarques/Tâches enseignant/Devoirs/Évaluations) keeps its own natural height below. */
#lesson-block[b-5ks7kacrm5] {
    margin-top: 0.25rem;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* A direct flex child of lesson-block (no intervening .row/.col-12) - going through Bootstrap's
   row/col grid here would size this box via align-items:stretch instead of flex-grow, and a
   stretched (not explicitly definite) height isn't reliably usable by this box's own flex-grow
   children in every browser, the same class of bug documented below for col-description. */
.student-tasks-container[b-5ks7kacrm5] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* Scrolls internally once the task list is taller than the space student-tasks-container was
   given, instead of pushing lesson-details-row/control-container out of the 95vh modal. */
.student-tasks-list[b-5ks7kacrm5] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.lesson-details-row[b-5ks7kacrm5] {
    flex: 0 0 auto;
}

.lesson-date-container[b-5ks7kacrm5] {
    width: 100%;
    margin-top: 0.5rem;
    text-align: center;
    flex: 0 0 auto;
}

/* Matches the width of TaskListComponent's suivi column, so "suivi" lines up with the monitored
   checkmark below it. */
.track-text[b-5ks7kacrm5] {
    color: white;
    font-size: 1rem;
    text-align: center;
    width: 30px;
}

.task-header-labels[b-5ks7kacrm5] {
    display: flex;
    align-items: center;
}

/* Matches the icon column's width in TaskListComponent's rows, which has no header label of its
   own, so Modalité/Durée/suivi below line up with their matching row columns instead of the
   attachment-download icon column. */
.task-header-icon-spacer[b-5ks7kacrm5] {
    width: 30px;
}

.task-header-label[b-5ks7kacrm5] {
    color: white;
    font-size: 1rem;
    text-align: center;
}

.modality-label[b-5ks7kacrm5] {
    width: 90px;
}

.duration-label[b-5ks7kacrm5] {
    width: 60px;
}

.control-container[b-5ks7kacrm5] {
    display: flex;
    flex-direction: row-reverse;
    flex: 0 0 auto;
    width: 100%;
    justify-content: space-between;
    padding: 1rem 1.5rem 0.25rem 1.5rem;
}

.in-list-task-group[b-5ks7kacrm5] {
    width: 100%;
    font-size: 1rem;
    display: flex;
    overflow: hidden;
    position: relative;
    background-color: #f6f6f6;
    height: 3rem;
}

.in-list-task[b-5ks7kacrm5] {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    font-size: 0.9rem;
    text-align: left;
    color: #4b5161;
    border: none;
    white-space: initial;
    padding-left: 10px;
    display: inline-block;
    background-color: #f6f6f6;
    min-height: 35px;
}

.in-list-task:hover[b-5ks7kacrm5] {
    background-color: #e6e6e6;
}

.icon[b-5ks7kacrm5] {
    width: 40px;
    text-align: center;
    background-color: #f6f6f6;
}

.dl-icon-img:hover[b-5ks7kacrm5] {
    opacity: 70%;
}

.dl-icon-img[b-5ks7kacrm5] {
    position: absolute;
    vertical-align: middle;
    top: calc(50% - 11px);
    right: 48px;
    cursor: pointer;
}

.checkbox-container[b-5ks7kacrm5] {
    /*position: absolute;
    top: calc(50% - 22px);
    right: 6px;*/
    width: 40px;
    /*margin-top: 2px;*/
    background-color: #f6f6f6;
    margin-right: 5px;
}

[class^="col-"][b-5ks7kacrm5] {
    padding: 0 5px 0 5px;
}

[class^="row"][b-5ks7kacrm5] {
    padding: 0 10px 0 10px;
}

.delete-icon-img[b-5ks7kacrm5] {
    position: absolute;
    vertical-align: middle;
    top: calc(50% - 11px);
    right: 12px;
    cursor: pointer;
}

.delete-icon-img:hover[b-5ks7kacrm5] {
    opacity: 80%;
}

#remark[b-5ks7kacrm5] {
    width: 100%;
    padding-left: 5px;
    text-align: start;
    border-radius: 0 0 8px 8px;
    font-size: 0.9rem;
    min-height: 40px;
}

#ShortName[b-5ks7kacrm5] {
    width: 100%;
    padding-left: 10px;
    text-align: start;
    border-radius: 0 0 8px 8px;
    font-size: 0.9rem;
    height: 60px;
    min-height: 40px;
}

.type[b-5ks7kacrm5] {
    background-color: #ffffff;
    border: 1px solid #4b5161;
    border-radius: 5px;
    padding: 5px;
    margin: 10px 10px 0 10px;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    font-size: 1rem;
    display: inline;
    vertical-align: middle;
}

/* ADD/EDIT TASK STYLE */
#SchoolTaskName[b-5ks7kacrm5] {
    height: 190px;
    width: 100%;
    padding-left: 10px;
    text-align: start;
    border-radius: 0 0 8px 8px;
}

#ShortName[b-5ks7kacrm5] {
    padding: 15px 0 15px 5px;
    font-size: 1.3rem;
}

.pe-line-even[b-5ks7kacrm5] {
    background-color: white;
}

.pe-line-odd[b-5ks7kacrm5] {
    background-color: #f6f6f6;
}

/* CheckboxDesign */
/* The container */
.container[b-5ks7kacrm5] {
    padding-left: 15px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px;
    vertical-align: middle;
}

/* Hide the browser's default checkbox */
.container input[b-5ks7kacrm5] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark[b-5ks7kacrm5] {
    position: relative;
    display: inline-block;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border: 1px solid #4f96ed;
    vertical-align: middle;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark[b-5ks7kacrm5] {
    background-color: #ffffff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-5ks7kacrm5]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark[b-5ks7kacrm5]:after {
    display: inline-block;
}

/* Style the checkmark/indicator */
.container .checkmark[b-5ks7kacrm5]:after {
    left: 7px;
    top: 0;
    width: 10px;
    height: 20px;
    border: solid #49d182;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/Popups/AddMaterial.razor.rz.scp.css */
.pe-border-margin[b-lv02ghqsbi] {
    padding: 0.5rem;
}

.pe-modal[b-lv02ghqsbi] {
    height: fit-content;
    width: fit-content;
    max-width: 825px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
    font-size: 1.5rem;
}

.header[b-lv02ghqsbi] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    position: relative;
}

.pe-header-text[b-lv02ghqsbi] {
    font-size: 1.8rem;
}

.close-button[b-lv02ghqsbi] {
    position: absolute;
    right: 10px;
    top: calc(50% - (40px / 2));
    cursor: pointer;
}

.close-button img[b-lv02ghqsbi] {
    height: 40px;
    width: auto;
}

.period[b-lv02ghqsbi] {
    margin: 1rem auto 0 auto;
    text-align: center;
}

.period span[b-lv02ghqsbi] {
    margin: 0 0.5rem;
}

.period-value[b-lv02ghqsbi] {
    margin-right: 10px;
}

.task-description[b-lv02ghqsbi] {
    padding: 1rem;
}

.task-title[b-lv02ghqsbi] {
    border: none;
    border-bottom: 1px solid #3c3f4f;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
}
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/Popups/AddTaskStudent.razor.rz.scp.css */
.pe-modal[b-x724vvos2a] {
    height: fit-content;
    width: 900px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
    font-size: 1.5rem;
    overflow-x: hidden;
}

.header[b-x724vvos2a] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    position: relative;
}

.pe-header-text[b-x724vvos2a] {
    font-size: 1.8rem;
}

.close-button[b-x724vvos2a] {
    position: absolute;
    right: 10px;
    top: calc(50% - (40px / 2));
    cursor: pointer;
}

.close-button img[b-x724vvos2a] {
    height: 40px;
    width: auto;
}

/* Remove focus outline for all elements within the modal */
.pe-modal *:focus[b-x724vvos2a] {
    outline: none;
}

.pe-border-margin[b-x724vvos2a] {
    padding: 0.5rem;
}

.modal-title[b-x724vvos2a] {
    background-color: #3c3f4f;
    color: white;
    padding: 10px;
    border-radius: 30px 30px 0 0;
    text-align: center;
}

.head-block[b-x724vvos2a] {
    margin: 0 1rem;
    box-sizing: border-box;
}

.period[b-x724vvos2a] {
    margin: 1rem auto 0 auto;
    text-align: center;
}

.period span[b-x724vvos2a] {
    margin: 0 0.5rem;
}

.period-value[b-x724vvos2a] {
    margin-right: 10px;
}

.edit-button[b-x724vvos2a] {
    background: none;
    border: none;
    cursor: pointer;
}

.head-block .task-description[b-x724vvos2a] {
    padding: 0;
    margin: 1rem 0.5rem;
}

.task-description[b-x724vvos2a] {
    padding: 1rem;
}

.container-center[b-x724vvos2a] {
    display: flex;
    flex-direction: column;
}

.container-center .task-description[b-x724vvos2a] {
    margin: 1rem 0;
}

.follow-container[b-x724vvos2a]{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.follow-header[b-x724vvos2a] {
    align-items: center;
    gap: 1.5rem;
}

.task-category[b-x724vvos2a] {
    margin-bottom: 15px;
    margin-top: 15px;
}

.task-title[b-x724vvos2a] {
    border: none;
    border-bottom: 1px solid #3c3f4f;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
}

.task-title.not-full-width[b-x724vvos2a] {
    width: 60%;
}

.task-title.short[b-x724vvos2a] {
    max-width: 200px;
}

.task-short-row[b-x724vvos2a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.task-desc-row[b-x724vvos2a] {
    display: flex;
    align-items: stretch;
    gap: 1rem;
}

.task-desc-editor-container[b-x724vvos2a] {
    flex: 1;
    min-width: 0;
    min-height: 300px;
    border: 1px solid black;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-toolbar.ql-toolbar.ql-snow {
    flex: 0 0 auto;
    border: none;
    display: flex;
    justify-content: flex-start;
}

.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-toolbar .ql-formats {
    margin-right: 0;
}

.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-toolbar .text-style-group {
    display: inline-flex;
    float: left;
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #ccc;
    overflow: hidden;
}

.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-toolbar .text-style-group button,
.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-toolbar button.ql-list {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-toolbar .text-style-group button {
    float: none;
    height: 100%;
}

.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-toolbar button.ql-list {
    float: left;
}

.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-toolbar .text-style-group button svg,
.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-toolbar button.ql-list svg {
    height: 18px;
    float: none;
}

.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-toolbar .ql-picker.ql-font,
.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-toolbar .ql-picker.ql-size,
.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-toolbar .ql-picker.ql-color,
.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-toolbar button.ql-list {
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #ccc;
}

.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-toolbar .ql-picker-label {
    display: flex;
    align-items: center;
}

.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-toolbar .ql-formats > * + * {
    margin-left: -1px;
}

.task-desc-editor-container[b-x724vvos2a]  .task-desc-editor-content.ql-container.ql-snow {
    flex: 1 1 auto;
    min-height: 0;
    border: none;
}

.task-extra-fields[b-x724vvos2a] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
}

.task-duration[b-x724vvos2a] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.task-duration label[b-x724vvos2a] {
    font-size: 1.3rem;
    white-space: nowrap;
}

.task-duration input[b-x724vvos2a] {
    max-width: 80px;
}

.task-duration input[b-x724vvos2a]::-webkit-outer-spin-button,
.task-duration input[b-x724vvos2a]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.task-duration input[type="number"][b-x724vvos2a] {
    -moz-appearance: textfield;
}

.task-status[b-x724vvos2a] {
    margin-bottom: 15px;
    margin-top: 15px;
    justify-content: space-evenly;
}

.task-status label[b-x724vvos2a],
.task-category label[b-x724vvos2a] {
    margin-right: 15px;
    margin-top: -15px;
}

.task-status .check-block[b-x724vvos2a],
.task-category .check-block[b-x724vvos2a] {
    margin: 0 0.5rem;
    text-align: center;
}

.task-status .check-block p[b-x724vvos2a],
.task-category .check-block p[b-x724vvos2a] {
    margin: 0 0 0.5rem;
}

.task-status .check-block .note[b-x724vvos2a],
.task-category .check-block .note[b-x724vvos2a] {
    color: #6c757d;
    margin-top: -1.2rem;
    margin-bottom: 0;
    font-size: 0.8rem;
}

.task-category .check-block[b-x724vvos2a] {
    display: flex;
    align-items: center;
    gap: 1rem;
    text-align: left;
}

.task-category .check-block p[b-x724vvos2a] {
    margin: 0;
}

.task-category .check-block .note[b-x724vvos2a] {
    margin-top: -0.6rem;
}

.task-category label.check-container[b-x724vvos2a] {
    margin-top: 0;
    margin-right: 0;
}

.file-upload[b-x724vvos2a] {
    border: 2px dashed #ced4da;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    margin-bottom: 15px;
}

.attached-file[b-x724vvos2a] {
    background-color: #e9ecef;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.attached-file img[b-x724vvos2a] {
    margin-right: 10px;
}

.delete-button[b-x724vvos2a] {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
}

.task-description.objectives-list[b-x724vvos2a] {
    display: flex;
    gap: 0.5rem;
    min-width: 0;
}

.objectives-header[b-x724vvos2a] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    width: 100px;
    text-wrap: nowrap;
    font-size: 1.3rem;
}

.objectives-add-icon[b-x724vvos2a] {
    height: 28px;
    width: auto;
    cursor: pointer;
    margin-left: 1rem;
}

.objective-container[b-x724vvos2a] {
    display: flex;
    height: 100px;
    min-width: 0;
}

.learning-objectives-list[b-x724vvos2a] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 150px;
    overflow: auto;
    min-width: 0;
}

.learning-objective-item[b-x724vvos2a] {
    flex: 0 0 200px;
    padding: 1rem;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    user-select: none;
    cursor: pointer;
    color: white;
}

.learning-objective-details[b-x724vvos2a] {
    height: 100px;
    overflow: auto;
    min-width: 0;
    flex: 1;
}

.learning-objective-item .code[b-x724vvos2a] {
    font-size: 1.2rem;
    font-weight: 600;
}

.learning-objective-item .name[b-x724vvos2a]{
    text-align: center;
    font-size: 1rem;
    overflow-wrap: break-word;
}

.learning-objective-item .code[b-x724vvos2a],
.learning-objective-item .name[b-x724vvos2a] {
    text-shadow: 0.05em 0 var(--outline-color), 0 0.05em var(--outline-color), -0.05em 0 var(--outline-color), 0 -0.05em var(--outline-color), -0.05em -0.05em var(--outline-color), -0.05em 0.05em var(--outline-color), 0.05em -0.05em var(--outline-color), 0.05em 0.05em var(--outline-color);
}

.progression-item[b-x724vvos2a] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0 0.5rem 0 1rem;
}

.progression-item .prog-text[b-x724vvos2a] {
    font-size: 0.9rem;
    color: #444;
    line-height: 1.4;
    overflow-wrap: break-word;
    min-width: 0;
}

.progression-item .prog-text[b-x724vvos2a]  ul {
    list-style: none;
    padding-left: 1rem;
    margin: 0;
}

.progression-item .prog-text[b-x724vvos2a]  li {
    padding-left: 1rem;
    text-indent: -1rem;
}

.progression-item .prog-text[b-x724vvos2a]  li::before {
    content: "- ";
    font-weight: 600;
    display: inline-block;
    padding-left: 1rem;
    width: 1rem;
}

/* CheckboxDesign */
/* The container */
.check-container[b-x724vvos2a] {
    padding-left: 5px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px;
    vertical-align: middle;
}

/* Hide the browser's default checkbox */
.check-container input[b-x724vvos2a] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark[b-x724vvos2a] {
    position: relative;
    display: inline-block;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border: 1px solid #D3D3D3;
    vertical-align: middle;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark[b-x724vvos2a] {
    background-color: #eee;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-x724vvos2a]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark[b-x724vvos2a]:after {
    display: inline-block;
}

/* Style the checkmark/indicator */
.check-container .checkmark[b-x724vvos2a]:after {
    left: 7px;
    top: 0;
    width: 10px;
    height: 20px;
    border: solid #49d182;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/Popups/AddTest.razor.rz.scp.css */
.pe-modal[b-yf6dbqxu7x] {
    height: fit-content;
    width: fit-content;
    max-width: 1080px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
    font-size: 1.5rem;
}

.pe-modal *:focus[b-yf6dbqxu7x] {
    outline: none;
}

.pe-border-margin[b-yf6dbqxu7x] {
    padding: 0.5rem;
}

.header[b-yf6dbqxu7x] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    position: relative;
}

.pe-header-text[b-yf6dbqxu7x] {
    font-size: 1.8rem;
}

.close-button[b-yf6dbqxu7x] {
    position: absolute;
    right: 10px;
    top: calc(50% - (40px / 2));
    cursor: pointer;
}

.close-button img[b-yf6dbqxu7x] {
    height: 40px;
    width: auto;
}

.test-content[b-yf6dbqxu7x] {
    margin: 0 1rem;
}

.custom-col[b-yf6dbqxu7x] {
    display: flex;
    flex-direction: column;
    width: fit-content;
}

.custom-col.spacing[b-yf6dbqxu7x] {
    gap: 1rem;
}

.pe-grey-border[b-yf6dbqxu7x] {
    border: 2px solid #4b5161;
    border-radius: 10px;
    padding: 0 0 10px 0;
    font-size: 1.3rem;
    color: #4b5161;
    overflow: hidden;
}

.objectives-container[b-yf6dbqxu7x] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.objectives-content[b-yf6dbqxu7x] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0 5px;
}

.objective-button[b-yf6dbqxu7x] {
    background-color: #4b5161;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    width: 80%;
    margin: 0 auto;
}

.header-bis[b-yf6dbqxu7x] {
    background-color: #4b5161;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: white;
    padding: 0 0 0 10px;
    margin: 0 0 0 0 !important;
    height: 3rem;
    line-height: 3rem;
    display: flex;
    justify-content: start;
}

.pe-header-bis-text[b-yf6dbqxu7x] {
    font-size: 1.5rem;
    display: flex;
}

.period[b-yf6dbqxu7x] {
    margin: 1rem 0;
}

.period span[b-yf6dbqxu7x] {
    margin: 0 0.5rem;
}

.period-value[b-yf6dbqxu7x] {
    margin-right: 10px;
}

.select-semester[b-yf6dbqxu7x] {
    display: flex;
    gap: 2rem;
    margin: 1rem 0 0;
}

.test-title[b-yf6dbqxu7x] {
    border: none;
    border-bottom: 1px solid #ced4da;
    padding: 5px;
    width: 100%;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.test-theme-select[b-yf6dbqxu7x] {
    margin: 1rem 0;
    width: 100%;
}

.test-type[b-yf6dbqxu7x] {
    display: flex;
    gap: 2rem;
    margin: 1rem 0;
}

.test-eta[b-yf6dbqxu7x] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.test-eta select[b-yf6dbqxu7x] {
    background-color: #FFFFFF;
    border: 1px solid #4B5161;
    border-radius: 10px;
    padding: 0 5px;
    width: 200px;
    height: 2rem;
}

.check-block[b-yf6dbqxu7x] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.check-block p[b-yf6dbqxu7x] {
    margin: 0;
}

.eta-list[b-yf6dbqxu7x] {
    display: flex;
    flex-direction: column;
}

.list-title[b-yf6dbqxu7x] {
    font-size: 22px;
}

.list-container[b-yf6dbqxu7x] {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3rem;
    color: #a0a0a0;
}

.test-automation[b-yf6dbqxu7x] {
    display: flex;
    flex-direction: column;
}

.test-automation .check-container[b-yf6dbqxu7x] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0;
}

#quantity[b-yf6dbqxu7x] {
    position: initial;
    opacity: initial;
    cursor: pointer;
    height: 25px;
    padding: 0;
    text-align: center;
    border: none;
    border-bottom: 1px solid lightgray;
}

/* Hide spinner arrows for webkit browsers (Chrome, Safari, Edge) */
#quantity[b-yf6dbqxu7x]::-webkit-outer-spin-button,
#quantity[b-yf6dbqxu7x]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide spinner arrows for Firefox */
#quantity[type=number][b-yf6dbqxu7x] {
    -moz-appearance: textfield;
}

.download-container[b-yf6dbqxu7x] {
    margin: 1rem 0;
}

.edit-button[b-yf6dbqxu7x] {
    background: transparent;
    border: 2px solid #4b5161;
    border-radius: 10px;
    padding: 1rem 2rem;
    transition: background-color 0.3s ease-in-out;
}

.edit-button:hover[b-yf6dbqxu7x] {
    background-color: #dedede;
}

.button-title[b-yf6dbqxu7x] {
    display: block;
    font-weight: 500;
    margin-bottom: 4px;
}

.button-subtitle[b-yf6dbqxu7x] {
    display: block;
    font-size: 0.85em;
    color: #4b5161;
}

.modal-actions[b-yf6dbqxu7x] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 1rem;
}

.modal-actions .btn[b-yf6dbqxu7x] {
    width: fit-content;
}

/* TA button */
.ta-button[b-yf6dbqxu7x] {
    padding-left: 3rem;
}

.aw-container[b-yf6dbqxu7x] {
    display: flex;
    width: fit-content;
    height: fit-content;
    margin: 0.5rem 1rem 0.5rem 0;
    gap: 1rem;
    font-size: 1.5rem;
    line-height: 1;
    align-items: center;
}

.aw-container:hover[b-yf6dbqxu7x] {
    cursor: pointer;
}

.aw-container p[b-yf6dbqxu7x] {
    margin: 0;
}

.aw-container img[b-yf6dbqxu7x] {
    height: 30px;
    width: auto;
}

/* CheckboxDesign */
/* The container */
.check-container[b-yf6dbqxu7x] {
    padding-left: 5px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px;
    vertical-align: middle;
}

/* Hide the browser's default checkbox */
.check-container input[b-yf6dbqxu7x] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark[b-yf6dbqxu7x] {
    position: relative;
    display: inline-block;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border: 1px solid #D3D3D3;
    vertical-align: middle;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark[b-yf6dbqxu7x] {
    background-color: #eee;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-yf6dbqxu7x]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark[b-yf6dbqxu7x]:after {
    display: inline-block;
}

/* Style the checkmark/indicator */
.check-container .checkmark[b-yf6dbqxu7x]:after {
    left: 7px;
    top: 0;
    width: 10px;
    height: 20px;
    border: solid #49d182;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/Popups/AddTheme.razor.rz.scp.css */
.pe-close-fixed[b-sv9p9rermf] {
    position: fixed;
    right: 175px;
    top: 15px;
    width: 50px;
}

.pe-modal[b-sv9p9rermf] {
    height: fit-content;
    width: 1450px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
}

.pe-border-margin[b-sv9p9rermf] {
    padding: 0.5rem;
}

.header[b-sv9p9rermf] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
}

.pe-header-text[b-sv9p9rermf] {
    font-size: 1.8rem;
}

.theme-content[b-sv9p9rermf] {
    margin-top: 1rem;
}

.info-row[b-sv9p9rermf] {
    display: flex;
    gap: 2rem;
    margin-bottom: 10px;
    flex-wrap: wrap;
    align-content: center;
}

.info-left[b-sv9p9rermf] {
    flex: 1;
    min-width: 280px;
    display: flex;
    flex-direction: column;
}

.info-right[b-sv9p9rermf] {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
    padding-top: 2px;
}

.eval-grp[b-sv9p9rermf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pe-input[b-sv9p9rermf] {
    border: none;
    border-bottom: 1px solid #ced4da;
    padding: 5px;
    width: 150px;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.pe-input.full-width[b-sv9p9rermf] {
    width: 100%;
}

.date-row[b-sv9p9rermf] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.date-selection[b-sv9p9rermf] {
    display: flex;
    margin-top: 1rem;
    margin-bottom: 1rem;
    align-items: center;
}

.margin-rl[b-sv9p9rermf] {
    margin-left: 1rem;
    margin-right: 1rem;
}

#theme-length[b-sv9p9rermf] {
    line-height: 1;
}

.control-container[b-sv9p9rermf] {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
    padding: 1rem 1.5rem 0.25rem 1.5rem;
}

.pdf-download-btn[b-sv9p9rermf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-width: 180px;
    border-radius: 10px;
    border: 2px solid #de5f5f;
    background-color: transparent;
    color: black;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 1.3rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
    user-select: none;
}

.pdf-download-btn:hover[b-sv9p9rermf] {
    background-color: rgba(222, 95, 95, 0.1);
}

.pdf-download-btn:active[b-sv9p9rermf] {
    transform: scale(0.98);
}

.pdf-download-btn:disabled[b-sv9p9rermf] {
    color: #999;
    border-color: #d2d2d2;
    cursor: not-allowed;
    opacity: 1;
}

.pdf-download-icon[b-sv9p9rermf] {
    width: auto;
}

.pdf-preview-link[b-sv9p9rermf] {
    display: inline-flex;
    align-items: center;
    color: #4b5161;
    text-decoration: underline;
    cursor: pointer;
    font-size: 0.9rem;
}

.pdf-preview-link:hover[b-sv9p9rermf] {
    color: #2b2f38;
}

/* PANELS */
.panels[b-sv9p9rermf] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    overflow: visible;
    min-height: 300px;
    gap: 0.5rem;
}
.panel[b-sv9p9rermf] {
    display: flex;
    flex-direction: column;
    overflow: visible;
}

.panel-header[b-sv9p9rermf] {
    background-color: #4b5161;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
}

.panel-title[b-sv9p9rermf] {
    font-size: 1.2rem;
    display: flex;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
}

.panel-icon[b-sv9p9rermf] {
    height: 28px;
    width: auto;
    cursor: pointer;
}

.panel-content[b-sv9p9rermf] {
    border: 1px solid #4b5161;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: visible;
}

.panel-content[b-sv9p9rermf]  .objectives-editor-toolbar.ql-toolbar.ql-snow {
    flex: 0 0 auto;
    border: none;
    display: flex;
    justify-content: center;
}

.panel-content[b-sv9p9rermf]  .objectives-editor-toolbar .ql-formats {
    margin-right: 0;
}

.panel-content[b-sv9p9rermf]  .objectives-editor-toolbar .text-style-group {
    display: inline-flex;
    float: left;
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #ccc;
    overflow: hidden;
}

.panel-content[b-sv9p9rermf]  .objectives-editor-toolbar .text-style-group button,
.panel-content[b-sv9p9rermf]  .objectives-editor-toolbar button.ql-list {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.panel-content[b-sv9p9rermf]  .objectives-editor-toolbar .text-style-group button {
    float: none;
    height: 100%;
}

.panel-content[b-sv9p9rermf]  .objectives-editor-toolbar button.ql-list {
    float: left;
}

.panel-content[b-sv9p9rermf]  .objectives-editor-toolbar .text-style-group button svg,
.panel-content[b-sv9p9rermf]  .objectives-editor-toolbar button.ql-list svg {
    height: 18px;
    float: none;
}

.panel-content[b-sv9p9rermf]  .objectives-editor-toolbar .ql-picker.ql-font,
.panel-content[b-sv9p9rermf]  .objectives-editor-toolbar .ql-picker.ql-size,
.panel-content[b-sv9p9rermf]  .objectives-editor-toolbar .ql-picker.ql-color,
.panel-content[b-sv9p9rermf]  .objectives-editor-toolbar button.ql-list {
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #ccc;
}

.panel-content[b-sv9p9rermf]  .objectives-editor-toolbar .ql-picker-label {
    display: flex;
    align-items: center;
}

.panel-content[b-sv9p9rermf]  .objectives-editor-toolbar .ql-formats > * + * {
    margin-left: -1px;
}

.panel-content[b-sv9p9rermf]  .objectives-editor-content.ql-container.ql-snow {
    flex: 1 1 auto;
    min-height: 0;
    border: none;
}

.selected-objectives[b-sv9p9rermf] {
    overflow-y: auto;
    min-height: 300px;
    max-height: 60vh;
    height: fit-content;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.selected-objective[b-sv9p9rermf] {

}

.selected-objective-header[b-sv9p9rermf] {
    padding: 0.25rem 0;
    font-size: 1.2rem;
}

.selected-title[b-sv9p9rermf] {
    text-decoration: underline;
    padding: 0.25rem 0.75rem 0;
}

.selected-progression-item[b-sv9p9rermf] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0 0.5rem 0 1rem;
}

.selected-progression-item .prog-text[b-sv9p9rermf] {
    font-size: 0.9rem;
    color: #444;
    line-height: 1.4;
    padding-left: 1rem;
    text-indent: -1rem;
}

.selected-progression-item .prog-text[b-sv9p9rermf]::before {
    content: "•";
    display: inline-block;
    width: 1rem;
    padding-left: 1rem;
}

.selected-progression-item .prog-text[b-sv9p9rermf]  ul {
    list-style: none;
    padding-left: 1rem;
    margin: 0;
}

.selected-progression-item .prog-text[b-sv9p9rermf]  li::before {
    content: "- ";
    font-weight: 600;
}

.remove-btn[b-sv9p9rermf] {
    cursor: pointer;
    color: #999;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1;
    flex-shrink: 0;
}

.remove-btn:hover[b-sv9p9rermf] {
    color: #d9534f;
}

/* _content/PlanificRE/Components/TeachingManagement/YearPlan/Popups/EditTestResults.razor.rz.scp.css */
.pe-modal[b-ufneevnjqt] {
    height: fit-content;
    width: fit-content;
    max-width: 1050px;
    margin: 2rem auto;
    background-color: white;
    border-radius: 30px;
    font-size: 1.5rem;
}

.pe-modal *:focus[b-ufneevnjqt] {
    outline: none;
}

.pe-border-margin[b-ufneevnjqt] {
    padding: 0.5rem;
}

.header[b-ufneevnjqt] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    position: relative;
}

.pe-header-text[b-ufneevnjqt] {
    font-size: 1.8rem;
}

.close-button[b-ufneevnjqt] {
    position: absolute;
    right: 10px;
    top: calc(50% - (40px / 2));
}

.close-button:hover[b-ufneevnjqt] {
    cursor: pointer;
}

.close-button img[b-ufneevnjqt] {
    height: 40px;
    width: auto;
}

.pe-modal-content[b-ufneevnjqt] {
    margin: 1rem;    
}

.threshold.hidden[b-ufneevnjqt] {
    display: flex;
    visibility: hidden; 
}

.inactive[b-ufneevnjqt] {
    opacity: 0.5;
    pointer-events: none;
}

.active[b-ufneevnjqt] {
    opacity: 1;
    z-index: 1;
}

.mode-selection[b-ufneevnjqt],
.threshold[b-ufneevnjqt] {
    display: flex;
    gap: 1rem;
}

.mode-selection .right-align[b-ufneevnjqt],
.threshold .right-align[b-ufneevnjqt] {
    text-align: right;
    width: 80px;
}

.mode-options[b-ufneevnjqt] {
    display: flex;
}

.mode-option[b-ufneevnjqt] {
    border: 2px solid rgba(0,0,0,.2);
    border-radius: 5px;
    padding: 0 1rem;
}

.mode-option.selected[b-ufneevnjqt] {
    border-color: #49d182;
}

.student-row[b-ufneevnjqt] {
    display: flex;
    gap: 1rem;
    text-align: center;
    align-items: center;
}

.student-name[b-ufneevnjqt] {
    width: 150px;
}

.left-align-text[b-ufneevnjqt] {
    text-align: left;
}

.result-input[b-ufneevnjqt] {
    width: 85px;
}

.check-header[b-ufneevnjqt] {
    width: 70px;
}

[b-ufneevnjqt] .date-input {
    width: 200px;
    border: none;
    border-radius: 15px;
}

input[type=text][b-ufneevnjqt] {
    border: 1px solid #4b5161;
    border-radius: 15px;
    padding: 0 10px;
}

.button-action[b-ufneevnjqt] {
    display: flex;
    justify-content: space-between;
}

.button-action .btn[b-ufneevnjqt] {
    width: fit-content;
}

/* Remove spinners from text input */
input[type=text][b-ufneevnjqt]::-webkit-inner-spin-button,
input[type=text][b-ufneevnjqt]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=text][b-ufneevnjqt] {
    -moz-appearance: textfield; /* Firefox */
}

/* CheckboxDesign */
/* The container */
.check-container[b-ufneevnjqt] {
    padding-left: 5px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 70px;
    vertical-align: middle;
}

/* Hide the browser's default checkbox */
.check-container input[b-ufneevnjqt] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark[b-ufneevnjqt] {
    position: relative;
    display: inline-block;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border: 1px solid #D3D3D3;
    vertical-align: middle;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark[b-ufneevnjqt] {
    background-color: #eee;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-ufneevnjqt]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark[b-ufneevnjqt]:after {
    display: inline-block;
}

/* Style the checkmark/indicator */
.check-container .checkmark[b-ufneevnjqt]:after {
    left: 7px;
    top: 0;
    width: 10px;
    height: 20px;
    border: solid #49d182;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.control-container[b-ufneevnjqt] {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
    padding: 1rem 1.5rem 0.25rem 1.5rem;
}
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/RatingScale1To6.razor.rz.scp.css */
.rating-scale[b-4b59gaybcr] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 1px;
    background-color: #f5f5f5;
    padding: 1px;
    border-radius: 4px;
}

.rating-scale-item[b-4b59gaybcr] {
    width: 50px;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    margin-top: 0.2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.item-top[b-4b59gaybcr] {
    background-color: #4b5161;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white;
    padding-top: 0.5rem;
    height: 35px;
    text-align: center;
}

.item-bot[b-4b59gaybcr] {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 0.25rem;
    height: 35px;
    border: 1px solid #d6d6d6;
    text-align: center;
}

.item-bot-list[b-4b59gaybcr] {
    padding-top: 0.25rem;
    height: 35px;
    border: 1px solid #d6d6d6;
    text-align: center;
}

.lb-even[b-4b59gaybcr] {
    background-color: #e9faea;
}


/* Animation for collapse/expand */
.rating-scale-item > div:not(.item-top)[b-4b59gaybcr] {
    transition: all 0.3s ease-in-out;
}

/* Collapsed state */
.rating-scale.collapsed .rating-scale-item > div:not(.item-top):not(.item-bot)[b-4b59gaybcr] {
    height: 0;
    padding: 0;
    overflow: hidden;
}
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/RatingScaleNaToLa.razor.rz.scp.css */
.rating-scale[b-3qbcg4zaq5] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 1px;
    background-color: #f5f5f5;
    padding: 1px;
    border-radius: 4px;
}

.rating-scale-item[b-3qbcg4zaq5] {
    width: 50px;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    margin-top: 0.2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.item-top[b-3qbcg4zaq5] {
    background-color: #4b5161;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white;
    padding-top: 0.5rem;
    height: 35px;
    text-align: center;
}

.item-bot[b-3qbcg4zaq5] {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 0.25rem;
    height: 35px;
    border: 1px solid #d6d6d6;
    text-align: center;
}

.item-bot-list[b-3qbcg4zaq5] {
    padding-top: 0.25rem;
    height: 35px;
    border: 1px solid #d6d6d6;
    text-align: center;
}

.lb-even[b-3qbcg4zaq5] {
    background-color: #e9faea;
}


/* Animation for collapse/expand */
.rating-scale-item > div:not(.item-top)[b-3qbcg4zaq5] {
    transition: all 0.3s ease-in-out;
}

/* Collapsed state */
.rating-scale.collapsed .rating-scale-item > div:not(.item-top):not(.item-bot)[b-3qbcg4zaq5] {
    height: 0;
    padding: 0;
    overflow: hidden;
}
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/ThemeComponent.razor.rz.scp.css */
.theme[b-0zwel49pyl] {
    color: white;
    font-size: 0.9em;
    background-color: #4f96ed;
    height: 22px;
    padding-left: 3px;
    position: relative;
}

    .theme img[b-0zwel49pyl] {
        transition: all 0.3s ease;
        vertical-align: text-bottom;
    }

    .theme:hover[b-0zwel49pyl] {
        cursor: pointer;
    }

    .theme:hover img[b-0zwel49pyl] {
        filter: brightness(2.5) drop-shadow(0 0 15px rgba(255, 255, 255, 1)) drop-shadow(0 0 30px rgba(255, 255, 255, 0.7));
        transform: scale(1.3);
    }

.menu-item-content[b-0zwel49pyl] {
    display: flex;
    align-items: center;
}

.menu-icon[b-0zwel49pyl] {
    width: 32px;
    height: 32px;
    margin-right: 8px;
}

.paste-spinner[b-0zwel49pyl] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1rem;
    height: 1rem;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: theme-paste-spin-b-0zwel49pyl 1s linear infinite;
    z-index: 2;
}

.paste-overlay[b-0zwel49pyl]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
}

@keyframes theme-paste-spin-b-0zwel49pyl {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/ThemeTimelineStrip.razor.rz.scp.css */
.plan-grid[b-nxuqwrgwez] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

/* Blazor.ContextMenu's own CSS gives the popup position: fixed but no z-index, so it just paints
   in normal DOM order - each .theme-row below is its own stacking context (position: relative +
   z-index), so a later row's bars/border can end up covering an earlier row's open menu. ::deep
   reaches into the library's rendered markup, which isn't scoped to this component. */
[b-nxuqwrgwez] .blazor-context-menu--default {
    z-index: 1000;
}

.plan-body[b-nxuqwrgwez] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.timeline-row[b-nxuqwrgwez] {
    display: flex;
    align-items: stretch;
    flex: 0 0 auto;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.timeline-row.weeks-row[b-nxuqwrgwez] {
    margin: 0;
}

.timeline-row.theme-row[b-nxuqwrgwez] {
    border: 1px solid #a3a3a3;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

.timeline-row.theme-row:first-child[b-nxuqwrgwez] {
    margin-top: 1rem;
}

.timeline-content[b-nxuqwrgwez] {
    flex: 1 1 auto;
    min-width: 0;
}

.axis-gutter[b-nxuqwrgwez],
.axis-label[b-nxuqwrgwez] {
    flex: 0 0 100px;
    width: 100px;
    box-sizing: border-box;
}

.axis-label[b-nxuqwrgwez] {
    padding: 4px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    color: white;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.axis-label-subject[b-nxuqwrgwez] {
    color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.axis-label-class[b-nxuqwrgwez] {
    font-size: 0.9rem;
    color: white;
    opacity: 0.85;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.holiday-overlay[b-nxuqwrgwez] {
    position: absolute;
    top: 0;
    left: 100px;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
}

.holiday-block[b-nxuqwrgwez] {
    position: absolute;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    background-color: #ececec;
    border: 1px solid #a3a3a3;
    border-radius: 3px;
}

/* Starts a few pixels below plan-body's own top edge - i.e. right where the weeks row ends -
   so the T sits with a small gap under the button instead of touching its border. */
.current-week-overlay[b-nxuqwrgwez] {
    position: absolute;
    top: 4px;
    left: 100px;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
}

/* Full button-width cap sitting on top of the thin vertical marker forms a T, drawn entirely
   within this overlay's own coordinate system. */
.current-week-cap[b-nxuqwrgwez] {
    position: absolute;
    top: 0;
    height: 2px;
    background-color: #49d182;
}

.current-week-marker[b-nxuqwrgwez] {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #49d182;
}

.theme-row[b-nxuqwrgwez] {
    position: relative;
    z-index: 1;
    min-height: 20px;
}

.theme-row-timeline[b-nxuqwrgwez] {
    position: relative;
}

.theme-bar[b-nxuqwrgwez] {
    position: absolute;
    box-sizing: border-box;
    color: white;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    padding: 0 8px;
    overflow: hidden;
    border: 1px solid #a3a3a3;
    cursor: pointer;
}

.theme-bar:hover[b-nxuqwrgwez] {
    opacity: 0.85;
}

/* A row for a subject/class with no theme yet - only rendered while something is copied, as a
   paste target (see .theme-row-paste-target below, which every row gets while copying, not just
   empty ones). */
.timeline-row.theme-row.theme-row-empty[b-nxuqwrgwez] {
    border-style: dashed;
    opacity: 0.7;
}

/* Fills the row's whole timeline (theme-row-timeline is already position: relative) so right-click
   pastes anywhere in the row, not just on a narrow single-week box - rendered before .theme-bar in
   markup, so bars still stack on top and keep their own copy/paste menu on top of this. */
.theme-row-paste-target[b-nxuqwrgwez] {
    position: absolute;
    inset: 0;
    cursor: pointer;
}

.theme-row-paste-target:hover[b-nxuqwrgwez] {
    background-color: rgba(0, 0, 0, 0.03);
}

.theme-bar-label[b-nxuqwrgwez] {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.menu-item-content[b-nxuqwrgwez] {
    display: flex;
    align-items: center;
}

.menu-icon[b-nxuqwrgwez] {
    width: 32px;
    height: 32px;
    margin-right: 8px;
}

.paste-overlay[b-nxuqwrgwez] {
    position: relative;
}

.paste-overlay[b-nxuqwrgwez]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
}

.paste-spinner[b-nxuqwrgwez] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1rem;
    height: 1rem;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: spin-b-nxuqwrgwez 1s linear infinite;
    z-index: 2;
}

@keyframes spin-b-nxuqwrgwez {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

.year-weeks-row[b-nxuqwrgwez] {
    position: relative;
    z-index: 1;
}

.year-months-row[b-nxuqwrgwez] {
    white-space: nowrap;
    margin-top: 6px;
    margin-bottom: 2px;
}

.year-month[b-nxuqwrgwez] {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    text-align: center;
    padding: 0 2px;
    overflow: hidden;
}

.year-month-label[b-nxuqwrgwez] {
    display: block;
    font-size: 0.9rem;
    color: #a3a3a3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.year-month-line[b-nxuqwrgwez] {
    height: 2px;
    margin-top: 2px;
    background-color: #a3a3a3;
}

.year-week[b-nxuqwrgwez] {
    border: none;
    border-radius: 3px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    cursor: pointer;
    width: calc((100% - (0.2rem * var(--week-count, 52))) / var(--week-count, 52));
    padding: 0;
    background-clip: content-box;
    text-underline-offset: 10px;
}

.year-week:hover[b-nxuqwrgwez] {
    opacity: 0.7;
}

/* The first/last button's own margin creates a small gap against whatever sits right at the
   row boundary (e.g. the axis-label). Reclaim that margin into the button's own width so it
   reaches the boundary flush, without shifting any of the other buttons. */
.year-week:first-child[b-nxuqwrgwez] {
    margin-left: 0;
    width: calc(((100% - (0.2rem * var(--week-count, 52))) / var(--week-count, 52)) + 0.1rem);
}

.year-week:last-child[b-nxuqwrgwez] {
    margin-right: 0;
    width: calc(((100% - (0.2rem * var(--week-count, 52))) / var(--week-count, 52)) + 0.1rem);
}

.yw-on[b-nxuqwrgwez] {
    background-color: #49d182;
}

.yw-select[b-nxuqwrgwez] {
    background-color: #49d182;
    border: solid 1px #4b5161;
}

.yw-off[b-nxuqwrgwez] {
    background-color: #4b5161;
}

.yw-free[b-nxuqwrgwez] {
    background-color: #a3a3a3;
}
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/YearLineComponent.razor.rz.scp.css */
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/YearPlan.razor.rz.scp.css */
/* _content/PlanificRE/Components/TeachingManagement/YearPlan/YearPlanGrid.razor.rz.scp.css */
label[b-hk64z4bfob] {
    margin: 0;
}

.pe-no-margin[b-hk64z4bfob] {
    margin: 0;
    padding-right: 0;
    padding-left: 0;
}

.spacing[b-hk64z4bfob] {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.white-border[b-hk64z4bfob] {
    padding: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 30px;
    border-color: white;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
    height: 95vh;
    display: flex;
    flex-direction: column;
}

.pe-border-margin[b-hk64z4bfob] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.pe-header-text[b-hk64z4bfob] {
    font-size: 1.8rem;
}

.pe-grey-border[b-hk64z4bfob] {
    border: 2px solid #4b5161;
    border-radius: 10px;
    padding: 0.5rem;
    font-size: 1.3rem;
    color: #4b5161;
}

#plan-header[b-hk64z4bfob] {
    background-color: #4b5161;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0 0 0 0 !important;
    text-align: center;
    min-height: 58px;
    height: fit-content;
    line-height: 1;
    align-items: center;
    flex: 0 0 auto;
}

#plan-title[b-hk64z4bfob] {
    color: white;
    font-size: 1.8rem;
    text-align: left;
    width: 35%;
    padding-left: 15px;
    display: flex;
    gap: 15px;
}

#week-group[b-hk64z4bfob] {
    text-align: center;
    width: 30%;
}

#import-button[b-hk64z4bfob] {
    width: 35%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    padding-right: 15px;
}

.copied-theme-pill[b-hk64z4bfob] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.15);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
}

.copied-theme-pill:hover[b-hk64z4bfob] {
    background-color: rgba(255, 255, 255, 0.28);
}

#week[b-hk64z4bfob] {
    display: inline;
    font-size: 1.8rem;
}

.arrow[b-hk64z4bfob] {
    color: white;
    font-size: 1.8rem;
    display: inline;
    margin: 0 15px 0 15px;
    text-decoration: none;
}

.arrow:hover[b-hk64z4bfob] {
    opacity: 0.7;
    color: white;
    text-decoration: none;
}

.yw-current[b-hk64z4bfob] {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #49d182;
}

/* ThemeTimelineStrip's own stylesheet makes .plan-grid flex-grow to fill the page (its intent
   on the standalone /SequencePlan view). Embedded here it must only take its content height so
   #planning-block (the actual lesson grid) keeps the rest of the available space. */
[b-hk64z4bfob] .plan-grid {
    flex: 0 0 auto;
}

#planning-block[b-hk64z4bfob] {
    margin-top: 10px;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.weeks-scroll-container[b-hk64z4bfob] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: auto;
    overflow-y: auto;
    scroll-behavior: smooth;
    scrollbar-width: auto;
    scrollbar-color: rgba(75, 81, 97, 0.8) transparent;
}

.weeks-scroll-container[b-hk64z4bfob]::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

.weeks-scroll-container[b-hk64z4bfob]::-webkit-scrollbar-track {
    background: transparent;
}

.weeks-scroll-container[b-hk64z4bfob]::-webkit-scrollbar-thumb {
    background-color: rgba(75, 81, 97, 0.8);
    border-radius: 6px;
    border: 3px solid transparent;
    background-clip: content-box;
}

.weeks-scroll-container[b-hk64z4bfob]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(75, 81, 97, 0.9);
}

.weeks-scroll-container[b-hk64z4bfob]::-webkit-scrollbar-corner {
    background-color: transparent;
}

#week-columns-group[b-hk64z4bfob],
.course-line[b-hk64z4bfob] {
    display: flex;
    width: max-content;
    min-width: 100%;
    text-underline-offset: 5px;
}

.course-id-spacer[b-hk64z4bfob] {
    flex: 0 0 100px;
    width: 100px;
    position: sticky;
    left: 0;
    z-index: 3;
    background-color: #fff;
}

.course-id-spacer-eye[b-hk64z4bfob] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    padding: 4px;
    color: #4b5161;
    opacity: 0.6;
    cursor: pointer;
}

.course-id-spacer-eye:hover[b-hk64z4bfob] {
    opacity: 1;
}

.week-columns[b-hk64z4bfob] {
    display: inline-block;
    text-align: center;
    font-size: 1.3em;
    color: #4b5161;
    flex: 0 0 auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: solid 2px #4b5161;
    border-bottom: none;
    border-right: none;
    padding: 2px 0 2px 0;
    scroll-margin-left: 100px;
}

.week-columns:last-child[b-hk64z4bfob] {
    border-right: solid 2px #4b5161;
}

.week-columns-clickable[b-hk64z4bfob] {
    cursor: pointer;
}

.week-columns-clickable:hover[b-hk64z4bfob] {
    background-color: rgba(75, 81, 97, 0.15);
}

.course-id[b-hk64z4bfob] {
    flex: 0 0 100px;
    width: 100px;
    height: 100px;
    display: inline-block;
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #fff;
}

.course-id-color[b-hk64z4bfob] {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.course-id-eye[b-hk64z4bfob] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background: none;
    border: none;
    padding: 2px;
    color: white;
    opacity: 0.75;
    cursor: pointer;
}

.course-id-eye:hover[b-hk64z4bfob] {
    opacity: 1;
}

.course-name[b-hk64z4bfob] {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    display: inline;
    color: white;
    text-align: center;
    height: 100%;
    font-size: 1.5em;
    line-height: 20px;
    padding-right: 8px;
}

.classname[b-hk64z4bfob] {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    display: inline;
    color: white;
    text-align: center;
    height: 100%;
}

.week-block[b-hk64z4bfob] {
    border-left: solid 2px #4b5161;
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
}

/* Full holiday weeks (every weekday is a holiday) are greyed out in both the column
   header and the content area, mirroring the existing .yw-free treatment on week buttons. */
.week-columns.week-holiday[b-hk64z4bfob],
.week-block.week-holiday[b-hk64z4bfob] {
    background-color: #d9d9d9;
}

.last-week-block[b-hk64z4bfob] {
    border-right: solid 2px #4b5161;
}

.theme[b-hk64z4bfob] {
    color: white;
    font-size: 0.9em;
    background-color: #4f96ed;
    height: 22px;
    padding-left: 3px;
}

.theme a:link p[b-hk64z4bfob] {
    color: white;
    text-decoration: none;
}

.theme a:visited p[b-hk64z4bfob] {
    color: white;
    text-decoration: none;
}

.theme a:hover p[b-hk64z4bfob] {
    color: white;
    text-decoration: none;
}

.theme a:active p[b-hk64z4bfob] {
    color: white;
    text-decoration: none;
}

.lesson-content[b-hk64z4bfob] {
    height: 108px;
    border: 1px solid;
}

.lesson-nocontent[b-hk64z4bfob] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.prep[b-hk64z4bfob] {
    border: solid 1px #4b5161;
    background-color: #e53f3f;
    border-radius: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
}

.track[b-hk64z4bfob] {
    border: solid 1px #4b5161;
    background-color: #49d182;
    border-radius: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
}

.tasks[b-hk64z4bfob] {
    color: #4b5161;
    font-size: 0.7em;
    padding-left: 3px;
}

.last-week[b-hk64z4bfob] {
    border-right: solid 2px #4b5161;
}
/* _content/PlanificRE/Components/TeachingManagement/_Atoms/Button/CustomButton.razor.rz.scp.css */
.button[b-7rb0l9ye4k] {
    min-width: 180px;
    border-radius: 10px;
    color: white;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-size: 1.3rem;
    user-select: none;
}

.button:hover[b-7rb0l9ye4k] {
    opacity: 0.9;
}

.button:active[b-7rb0l9ye4k] {
    transform: scale(0.98);
}

.button-red[b-7rb0l9ye4k] {
    background-color: #de5f5f;
}

.button-red:hover[b-7rb0l9ye4k] {
    background-color: #C54545;
}

.button-green[b-7rb0l9ye4k] {
    background-color: #49d182;
}

.button-green:hover[b-7rb0l9ye4k] {
    background-color: #5bd892;
}

.button-grey[b-7rb0l9ye4k] {
    background-color: #d2d2d2;
}

.button-grey:hover[b-7rb0l9ye4k] {
    background-color: #C3C3C3;
}

.button-dark[b-7rb0l9ye4k] {
    background-color: #4b5161;
}

.button-dark:hover[b-7rb0l9ye4k] {
    background-color: #3a3f4f;
}

.button:disabled[b-7rb0l9ye4k] {
    background-color: #d2d2d2;
    cursor: not-allowed;
    opacity: 1;
}
/* _content/PlanificRE/Components/TeachingManagement/_Atoms/RadioButton/RadioColorPicker.razor.rz.scp.css */
.color-picker-wrapper[b-ipp6omh9xg] {
    margin: 1rem 0;
}

.color-picker-header[b-ipp6omh9xg] {
    text-align: center;
    font-size: 1.3rem;
    margin: 0 0 0.5rem 0;
}

.containerColor[b-ipp6omh9xg] {
    display: inline-block;
    position: relative;
    margin: 0 5px;
    cursor: pointer;
    user-select: none;
}

.containerColor input[b-ipp6omh9xg] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmarkColor[b-ipp6omh9xg] {
    position: relative;
    display: block;
    height: 25px;
    width: 25px;
    border-radius: 10px;
    border: 2px solid transparent;
    padding: 12px
}

.containerColor:hover input ~ .checkmarkColor[b-ipp6omh9xg] {
    border-color: #4b5161;
}

.containerColor input:checked ~ .checkmarkColor[b-ipp6omh9xg] {
    border-color: #4b5161;
}

.checkmarkColor[b-ipp6omh9xg]:after {
    content: "";
    position: absolute;
    display: none;
}

.containerColor input:checked ~ .checkmarkColor[b-ipp6omh9xg]:after {
    display: block;
}
/* _content/PlanificRE/Components/TeachingManagement/_Atoms/RadioButton/RadioWeekSelection.razor.rz.scp.css */
.radio-group-wrapper[b-83oulbfyry] {
    margin: 1rem 0;
}

.radio-group-header[b-83oulbfyry] {
    text-align: center;
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
}

.radio-container[b-83oulbfyry] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.2rem;
    margin: 0 0.25rem;
    border: 1px solid #4b5161;
    border-radius: 0.5rem;
    cursor: pointer;
    user-select: none;
    font-size: 1.3rem;
    width: 40px;
    height: 40px;
}

.radio-container input[b-83oulbfyry] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.radio-container:hover[b-83oulbfyry] {
    background-color: #f8f9fa;
}

.container-selected[b-83oulbfyry] {
    border-width: 2px;
    border-color: #49d182;
}
/* _content/PlanificRE/Components/TeachingManagement/_Atoms/Select/CustomSelect.razor.rz.scp.css */
.select-wrapper[b-kqezg2m29b] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0;
    justify-content: center;
    font-size: 1.3rem;
    height: 40px;
}

.select-label[b-kqezg2m29b] {
    display: flex;
    align-items: center;
    width: 120px;
    height: 40px;
}

.select-container[b-kqezg2m29b] {
    width: 240px;
    height: 40px;
    position: relative;
}

.select-container.center .select-input[b-kqezg2m29b] {
    text-align: center;
    padding-right: 20px; /* Correction for svg arrow width */
}

.select-input[b-kqezg2m29b] {
    width: 100%;
    height: 40px;
    padding: 0.4rem;
    border: 1px solid #4b5161;
    border-radius: 12px;
    background-color: white;
    font-size: 1.2rem;
    font-family: inherit;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    user-select: none;
    outline: none;
    box-sizing: border-box;
    line-height: 25px;
}

.select-input.open[b-kqezg2m29b] {
    border-radius: 12px;
}

.select-input:focus[b-kqezg2m29b] {
    outline: none;
}

.select-input:hover[b-kqezg2m29b] {
    cursor: pointer;
}

.select-input.disabled[b-kqezg2m29b] {
    background-color: #e9ecef;
    cursor: not-allowed;
    pointer-events: none;
}

.selected-text[b-kqezg2m29b] {
    flex: 1;
    padding-right: 24px;
    display: flex;
    align-items: center;
}

.selected-text-content[b-kqezg2m29b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.select-arrow[b-kqezg2m29b] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    transition: transform 0.2s ease;
}

.select-arrow.open[b-kqezg2m29b] {
    transform: translateY(-50%) rotate(180deg);
}

/* Dropdown list styling */
.select-container .dropdown-list[b-kqezg2m29b] {
    position: absolute;
}

.dropdown-list[b-kqezg2m29b] {
    position: fixed;
    top: auto;
    left: auto;
    transform: translateY(4px);
    width: max-content;
    min-width: 100%;
    z-index: 9999;
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    max-height: 200px;
    overflow: hidden auto;
}

.dropdown-item[b-kqezg2m29b] {
    padding: 8px 0.4rem;
    cursor: pointer;
    transition: background-color 0.2s;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    width: 100%;
    white-space: nowrap;
}

.dropdown-item:hover[b-kqezg2m29b] {
    background-color: #e3e3e3;
}

.dropdown-item.selected[b-kqezg2m29b] {
    background-color: #4b5161;
    color: white;
}

.dropdown-item:first-child[b-kqezg2m29b] {
    border-radius: 8px 8px 0 0;
}

.dropdown-item:last-child[b-kqezg2m29b] {
    border-radius: 0 0 8px 8px;
    border-bottom: none;
}

.select-wrapper.label-width-200[b-kqezg2m29b] {
    font-size: 1.2rem;
}

.select-wrapper.label-width-200 .select-label[b-kqezg2m29b] {
    width: 200px;
}

.select-container.input-width-150[b-kqezg2m29b] {
    width: 150px;
}

.select-container.input-width-130[b-kqezg2m29b] {
    width: 130px;
}

.select-container.input-width-200[b-kqezg2m29b] {
    width: 200px;
}

.select-wrapper.medium-width-250[b-kqezg2m29b] {
    width: 250px;
    padding: 0;
    justify-content: left;
}

/* Theme classes */
.small-width-70[b-kqezg2m29b] {
    width: 70px;
}

.margin-0[b-kqezg2m29b] {
    margin: 0;
}

/* UserTask specific */
.select-wrapper.select-label-right .select-label[b-kqezg2m29b] {
    justify-content: flex-end;
    width: 170px;
}

.select-container.large-width-320[b-kqezg2m29b] {
    width: 320px;
}

.select-wrapper.full-width[b-kqezg2m29b] {
    margin: 0;
}

.select-wrapper.full-width .select-label[b-kqezg2m29b] {
    width: 100px;
    flex-shrink: 0;
    text-wrap: nowrap;
}

.select-container.full-width[b-kqezg2m29b] {
    flex: 1;
}

.select-wrapper.full-width[b-kqezg2m29b]::after {
    content: "";
    width: 100px;
    flex-shrink: 0;
}

.select-wrapper.full-width.no-trailing-spacer[b-kqezg2m29b]::after {
    content: none;
}

/* Test specific */
.select-wrapper.no-width .select-label[b-kqezg2m29b] {
    width: unset;
}

/* Inline narrow: label beside select, used in narrow rows (e.g. AddTaskStudent modalité) */
.select-wrapper.inline-narrow[b-kqezg2m29b] {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    margin: 0;
    font-size: 1.3rem;
    height: auto;
    width: auto;
}

.select-wrapper.inline-narrow .select-label[b-kqezg2m29b] {
    width: auto;
    height: auto;
    white-space: nowrap;
}

.select-container.inline-narrow[b-kqezg2m29b] {
    width: 150px;
}

/* Color square styles */
.color-square[b-kqezg2m29b] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    margin-right: 8px;
    vertical-align: middle;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.dropdown-item-text[b-kqezg2m29b] {
    flex: 1;
}
/* _content/PlanificRE/Components/TeachingManagement/_Atoms/SwitchButton.razor.rz.scp.css */
/* Toggle Switch Container */
.toggle-switch-container[b-h0yvsbl6m1] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 3px 0;
}

.toggle-label[b-h0yvsbl6m1] {
    margin-right: 10px;
}

.toggle-end[b-h0yvsbl6m1] {
    margin-right: 0;
}

/* Toggle Switch Styles */
.switch[b-h0yvsbl6m1] {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 20px;
}

.switch input[b-h0yvsbl6m1] {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider[b-h0yvsbl6m1] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
}

/* Only apply transitions after initialization */
.switch.initialized .slider[b-h0yvsbl6m1] {
    -webkit-transition: .4s;
    transition: .4s;
}

.slider[b-h0yvsbl6m1]:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 0;
    bottom: -3px;
    background-color: white;
}

/* Only apply transitions after initialization */
.switch.initialized .slider[b-h0yvsbl6m1]:before {
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider[b-h0yvsbl6m1] {
    background-color: #49d182;
}

input:focus + .slider[b-h0yvsbl6m1] {
    box-shadow: 0 0 1px #49d182;
}

input:checked + .slider[b-h0yvsbl6m1]:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}

input + .slider.round[b-h0yvsbl6m1]:before {
    border: 1px solid #ccc;
}

input:checked + .slider.round[b-h0yvsbl6m1]:before {
    border: 1px solid #49d182;
}

/* Rounded sliders */
.slider.round[b-h0yvsbl6m1] {
    border-radius: 34px;
}

.slider.round[b-h0yvsbl6m1]:before {
    border-radius: 50%;
}
/* _content/PlanificRE/Components/TeachingManagement/_Atoms/Tooltip/Tooltip.razor.rz.scp.css */
.hide-element[b-mzeackhnkn] {
    visibility: hidden;
}

.info-icon[b-mzeackhnkn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #acacac;
    font-size: 1.2rem;
    cursor: help;
    position: relative;
    border: 1px solid #acacac;
    padding-left: 1px;
    padding-top: 1px;
    /*
    width: 26px;
    height: 26px;
   */
}

.info-icon .tooltip-text[b-mzeackhnkn] {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    background-color: #333;
    color: white;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 14px;
    white-space: wrap;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}

.tooltip-title[b-mzeackhnkn] {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0.5rem;
}

.tooltip-content[b-mzeackhnkn] {
    text-align: justify;
}

.info-icon:hover .tooltip-text[b-mzeackhnkn] {
    visibility: visible;
    opacity: 1;
}

.info-icon:focus .tooltip-text[b-mzeackhnkn] {
    visibility: visible;
    opacity: 1;
}

/* Position Variants */
.tooltip-text.right[b-mzeackhnkn] {
    left: 120%;
    top: 50%;
    transform: translateY(-50%);
}

.tooltip-text.left[b-mzeackhnkn] {
    right: 120%;
    top: 50%;
    transform: translateY(-50%);
}

.tooltip-text.top[b-mzeackhnkn] {
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
}

.tooltip-text.bottom[b-mzeackhnkn] {
    top: 120%;
    left: 50%;
    transform: translateX(-50%);
}

/* Arrows for different positions */
.tooltip-text.right[b-mzeackhnkn]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #333 transparent transparent;
}

.tooltip-text.left[b-mzeackhnkn]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
}

.tooltip-text.top[b-mzeackhnkn]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.tooltip-text.bottom[b-mzeackhnkn]::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
}
/* _content/PlanificRE/Components/TeachingManagement/_Moleculs/ActionButtons.razor.rz.scp.css */
.control-container[b-o0yjtf7acl] {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
    padding: 1rem 1.5rem 0.25rem 1.5rem;
}

.save-group[b-o0yjtf7acl] {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 1rem;
}
/* _content/PlanificRE/Components/TeachingManagement/_Moleculs/ListComponent.razor.rz.scp.css */
.header-block[b-94x27pp7c2] {
    display: flex;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    padding: 0 10px;
}

.header-block.dark-grey-background[b-94x27pp7c2] {
    border: 2px solid #4b5161;
    font-size: 1.3rem;
    background-color: #4b5161;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 0.5rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 0;
}

.p-subtitle[b-94x27pp7c2] {
    font-size: 1.3rem;
    color: #4b5161;
    text-decoration: underline;
}

.dark-grey-background .p-subtitle[b-94x27pp7c2] {
    color: white;
    text-decoration: none;
}

.in-list-task-group[b-94x27pp7c2] {
    width: 100%;
    font-size: 1rem;
    display: flex;
    overflow: hidden;
    background-color: #f6f6f6;
    height: fit-content;
    align-items: stretch;
}

.in-list-task-group:hover[b-94x27pp7c2] {
    background-color: #e6e6e6;
}

.in-list-task-group.dark-grey-background[b-94x27pp7c2] {
    border-left: 2px solid #4b5161;
    border-right: 2px solid #4b5161;
}

.in-list-task-group.dark-grey-background:last-child[b-94x27pp7c2] {
    border-bottom: 2px solid #4b5161;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.in-list-task[b-94x27pp7c2] {
    width: calc(100% - 80px);
    font-size: 0.9rem;
    text-align: left;
    color: #4b5161;
    border: none;
    white-space: normal;
    padding-left: 10px;
    display: inline-block;
    background-color: transparent;
    min-height: 30px;
    word-wrap: break-word;
    cursor: unset;
}

.in-list-task.icon-before[b-94x27pp7c2] {
    width: calc(100% - 50px);
}

/* Icon styles */
.icon[b-94x27pp7c2] {
    width: 30px;
    text-align: center;
    background-color: transparent;
    height: auto;
    display: flex;
    align-items: center;
    padding-left: 0.25rem;
}

.dl-icon-img[b-94x27pp7c2] {
    cursor: pointer;
}

.dl-icon-img:hover[b-94x27pp7c2] {
    opacity: 70%;
}

.add-icon[b-94x27pp7c2] {
    cursor: pointer;
    height: 30px;
    margin-left: 10px;
}

.add-icon:hover[b-94x27pp7c2] {
    opacity: 80%;
}

.monitored-container[b-94x27pp7c2] {
    width: 30px;
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.monitored[b-94x27pp7c2] {
    width: 10px;
    height: 20px;
    border: solid #49d182;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Row styling */
.pe-line-even[b-94x27pp7c2] {
    background-color: white;
}

.pe-line-odd[b-94x27pp7c2] {
    background-color: #f6f6f6;
}

/* Layout utilities */
.float-l[b-94x27pp7c2] {
    float: left;
}

.float-r[b-94x27pp7c2] {
    float: right;
}
/* _content/PlanificRE/Components/TeachingManagement/_Moleculs/TaskListComponent.razor.rz.scp.css */
/* Header styles */
.header-bis[b-uapxce0q6c] {
    background-color: #4b5161;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: white;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1rem;
    margin: 0 0 0 0 !important;
    height: 3rem;
}

.pe-header-bis-text[b-uapxce0q6c] {
    font-size: 1.5rem;
}

.track-text[b-uapxce0q6c] {
    color: white;
    font-size: 1rem;
    text-align: right;
    padding-top: 8px;
    right: 7px;
}

/* Container styles */
.pe-grey-border[b-uapxce0q6c] {
    border: 2px solid #4b5161;
    border-radius: 10px;
    padding: 0;
    font-size: 1.3rem;
    color: #4b5161;
    overflow: hidden;
    width: 32rem;
}

/* Task list styles */
.header-block[b-uapxce0q6c] {
    display: flex;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    padding: 0 10px;
}

.p-subtitle[b-uapxce0q6c] {
    font-size: 1.3rem;
    color: #4b5161;
    text-decoration: underline;
}

.in-list-task-group[b-uapxce0q6c] {
    width: 100%;
    font-size: 1rem;
    display: flex;
    overflow: visible;
    background-color: #f6f6f6;
    height: fit-content;
    align-items: stretch;
    position: relative;
}

.in-list-task-group.dragging[b-uapxce0q6c] {
    opacity: 50%;
}

.in-list-task-group.drag-over[b-uapxce0q6c]::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #0d6efd;
    border-radius: 2px;
    z-index: 1;
}

.in-list-task[draggable="true"][b-uapxce0q6c] {
    cursor: grab;
}

.in-list-task[b-uapxce0q6c] {
    width: calc(100% - 60px);
    font-size: 0.9rem;
    text-align: left;
    color: #4b5161;
    border: none;
    white-space: normal;
    padding-left: 10px;
    display: inline-block;
    background-color: #f6f6f6;
    min-height: 30px;
    word-wrap: break-word;
}

.in-list-task.with-details[b-uapxce0q6c] {
    width: calc(100% - 60px - 90px - 60px);
}

.in-list-task:hover[b-uapxce0q6c] {
    background-color: #e6e6e6;
}

.in-list-task.markup[b-uapxce0q6c] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.in-list-task.markup[b-uapxce0q6c]  a {
    color: #0d6efd;
    text-decoration: underline;
}

.in-list-task.markup[b-uapxce0q6c]  p,
.in-list-task.markup[b-uapxce0q6c]  ol,
.in-list-task.markup[b-uapxce0q6c]  ul {
    margin: 0;
}

.warn-test[b-uapxce0q6c] {
    color: red;
}

/* Icon styles */
.icon[b-uapxce0q6c] {
    width: 30px;
    text-align: center;
    background-color: #f6f6f6;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Modalité/Durée columns (student tasks only, see ShowTaskDetails) */
.detail-container[b-uapxce0q6c] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 0.85rem;
    background-color: #f6f6f6;
    padding: 0 4px;
}

.modality-container[b-uapxce0q6c] {
    width: 90px;
}

.duration-container[b-uapxce0q6c] {
    width: 60px;
}

.dl-icon-img[b-uapxce0q6c] {
    cursor: pointer;
}

.dl-icon-img:hover[b-uapxce0q6c] {
    opacity: 70%;
}

.add-icon[b-uapxce0q6c] {
    cursor: pointer;
    height: 30px;
    margin-left: 10px;
}

.add-icon:hover[b-uapxce0q6c] {
    opacity: 80%;
}

.monitored-container[b-uapxce0q6c] {
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.monitored[b-uapxce0q6c] {
    width: 10px;
    height: 20px;
    border: solid #49d182;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Row styling */
.pe-line-even[b-uapxce0q6c] {
    background-color: white;
}

.pe-line-odd[b-uapxce0q6c] {
    background-color: #f6f6f6;
}

/* Layout utilities */
.float-l[b-uapxce0q6c] {
    float: left;
}

.float-r[b-uapxce0q6c] {
    float: right;
}