#lf-widget-frame-lesrooster {
    width: 100%;
    height: 3000px;
    border: none;
    max-width: 1000px;
}

    #lf-widget-frame-lesrooster.top3 {
        height: 470px;
        max-width: 100%;
    }

@media(min-width: 768px) {
    #lf-widget-frame-lesrooster.top3 {
        height: 300px;
    }
}

@media(min-width: 1200px) {
    #lf-widget-frame-lesrooster.top3 {
        height: 200px;
    }
}


.lf-popup-background {
    position: fixed;
    height: 100%;
    width: 100%;
    display: none;
    left: 0;
    top: 0;
    background-color: black;
    opacity: 0;
    z-index: 1070;
}

#lf-popup-item-lesrooster {
    position: fixed;
    height: calc(100% - 20px);
    overflow-y: auto;
    width: 35%;
    top: 0;
    right: -36%;
    background-color: white;
    padding: 10px;
    z-index: 1080;
}

@media screen and (max-width: 735px) {
    #lf-popup-item-lesrooster {
        width: calc(100% - 20px);
        right: -102%;
    }
}

.lf-activiteit-omschrijving, .lf-medewerker-welkomstekst {
    display: inline-block;
    width: 60%;
}

.lf-activiteit-foto, .lf-medewerker-foto {
    display: inline-block;
    width: 30%;
    float: right;
    border-radius: 10px;
}

.lf-hidden {
    display: none;
}

.lf-login-incorrect {
    color: red;
}

#lf-popup-item-lesrooster-footer {
    clear: both;
    padding-top: 10px;
}

.lf-popup-item-lesrooster-login-label {
    margin-bottom: 10px;
    margin-top: 20px;
}

#lf-popup-item-lesrooster-login-panel input {
    border-radius: 0.625rem !important;
    background-color: #FFF399 !important;
    border: 2px solid transparent !important;
    color: #231F20 !important;
    box-shadow: none !important;
    font-size: 16px !important;
    height: 45px !important;
    padding: 5px 10px !important;
    box-sizing: border-box !important;
    margin-bottom: 10px;
}

.lf-popup-content .lf-button {
    border: 1px solid #FFE419 !important;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
    background-color: #FFE419;
    color: #231F20 !important;
    display: inline-block;
    transition: 500ms;
    font-weight: 600;
    border-radius: 0.9375rem !important;
    font-size: 1.0625rem;
    padding: 0.6875rem 1.375rem;
    cursor: pointer;
    margin-bottom: 10px;
}