/* _content/Core.FamilyApp/Components/Account/Pages/Login.razor.rz.scp.css */
.card-login[b-q9mq76gq3b] {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background: rgba(147, 188, 144, 0.6);
    background-clip: border-box;
    border: 1px solid rgb(100,117,33);
    border-radius: var(--bs-card-border-radius);
}

.login-error[b-q9mq76gq3b] {
    color: darkgreen;
    font-weight: bold;
    font-size: 16px;
}

.card-header[b-q9mq76gq3b] {
    height: 57px;
    border: 0;
    border-bottom-style: solid;
    border-bottom-color: #093d4f;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,1) 30%);
    font-weight: bold;
    color: rgb(255,255,255);
    font-size: 22px;
}

.btnSt[b-q9mq76gq3b] {
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,0.83) 30%);
    color: rgb(255,255,255);
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #0c526a;
    border-radius: 6px;
    width: 100%;
    height: 35px;
}

    .btnSt:hover[b-q9mq76gq3b] {
        background: linear-gradient(rgba(100,117,33,0.83), #f4eecf);
        color: rgba(0,0,0,0.8);
        font-weight: bold;
        font-size: 16px;
        border: 1px solid #0c526a;
        border-radius: 6px;
        width: 100%;
        height: 35px;
    }
/* _content/Core.FamilyApp/Components/Controls/Admin.razor.rz.scp.css */
.align-content-center[b-a7r13ucowd] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0vh;
}

.font[b-a7r13ucowd] {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.card[b-a7r13ucowd] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 750px;
    width: 850px;
    word-wrap: break-word;
    background: linear-gradient(rgba(255,255,255,0.2), #e0d391aa);
    background-clip: border-box;
    border: 2px solid #0c526a;
    border-radius: 6px;
}
.btnDelete[b-a7r13ucowd] {
    margin-left: 5px;
    border-radius: 6px;
    text-shadow: 2px 2px 2px rgb(0,0,0);
    color: #fdfeff;
    background: linear-gradient(180deg, #f7c4c1 0%, #dd0e00 30%);
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #000000;
    width: 240px;
    height: 40px;
}

    .btnDelete:hover[b-a7r13ucowd] {
        margin-left: 5px;
        border-radius: 6px;
        text-shadow: 2px 2px 2px rgb(0,0,0);
        color: #fdfeff;
        background: linear-gradient(180deg, #e11c10 30%, #e0a39f 77%);
        font-size: 15px;
        border: 1px solid #000;
        height: 40px;
        width: 240px;
    }

.btnSt1[b-a7r13ucowd] {
    margin-left: 5px;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,0.83) 30%);
    color: rgb(255,255,255);
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #0c526a;
    border-radius: 6px;
    width: 240px;
    height: 40px;
}

    .btnSt1:hover[b-a7r13ucowd] {
        margin-left: 5px;
        border-radius: 6px;
        text-shadow: 3px 3px 3px rgb(0,0,0);
        color: #fff;
        background: linear-gradient(180deg, rgb(130, 155, 39), #f4eecf);
        font-size: 15px;
        border: 1px solid #000;
        margin-top: 2px;
        height: 40px;
        width: 240px;
    }

.card-header[b-a7r13ucowd] {
    height: 70px;
    padding: 10px;
    border: 0;
    border-bottom-style: solid;
    border-bottom-color: #093d4f;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,1) 30%);
    font-weight: bold;
    color: rgb(255,255,255);
    font-size: 22px;
}
/* _content/Core.FamilyApp/Components/Controls/AdresBoek.razor.rz.scp.css */
.align-content-center[b-3scug2jmwq] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0vh;
}

.font[b-3scug2jmwq] {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.card[b-3scug2jmwq] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 540px;
    width: 650px;
    word-wrap: break-word;
    background: linear-gradient(rgba(255,255,255,0.2), #e0d391aa);
    background-clip: border-box;
    border: 2px solid #0c526a;
    border-radius: 6px;
}

.card-header[b-3scug2jmwq] {
    height: 70px;
    padding: 10px;
    border: 0;
    border-bottom-style: solid;
    border-bottom-color: #093d4f;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,1) 30%);
    font-weight: bold;
    color: rgb(255,255,255);
    font-size: 22px;
}

.filter-txt[b-3scug2jmwq] {
    width: 140px;
    height: 40px;
    margin-left: -8px;
    background-color: rgb(199, 218, 124);
    color: #093d4f;
}

.btnSt1[b-3scug2jmwq] {
    margin-left: 5px;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,0.83) 30%);
    color: rgb(255,255,255);
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #0c526a;
    border-radius: 6px;
    width: 150px;
    height: 40px;
}

    .btnSt1:hover[b-3scug2jmwq] {
        margin-left: 5px;
        border-radius: 6px;
        text-shadow: 3px 3px 3px rgb(0,0,0);
        color: #fff;
        background: linear-gradient(180deg, rgb(130, 155, 39), #f4eecf);
        font-size: 15px;
        border: 1px solid #000;
        width: 150px;
        height: 40px;
    }

.btnDelete[b-3scug2jmwq] {
    margin-left: 5px;
    border-radius: 6px;
    text-shadow: 2px 2px 2px rgb(0,0,0);
    color: #fdfeff;
    background: linear-gradient(180deg, #f7c4c1 0%, #dd0e00 30%);
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #000000;
    width: 150px;
    height: 40px;
}

    .btnDelete:hover[b-3scug2jmwq] {
        margin-left: 5px;
        border-radius: 6px;
        text-shadow: 2px 2px 2px rgb(0,0,0);
        color: #fdfeff;
        background: linear-gradient(180deg, #e11c10 30%, #e0a39f 77%);
        font-size: 15px;
        border: 1px solid #000;
        width: 150px;
        height: 40px;
    }
/* _content/Core.FamilyApp/Components/Controls/APILog.razor.rz.scp.css */
.card-API[b-bxdb8kekfy] {
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background: linear-gradient(rgba(255,255,255,0.8), #e0d391aa);
    background-clip: border-box;
    border: 2px solid #0c526a;
    border-radius: 6px;
}

.align-content-center[b-bxdb8kekfy] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0vh;
}

.dropdown-menu[b-bxdb8kekfy] {
    width: 250px;
    height: 300px;
    overflow: auto;
    background-color: rgb(86, 101, 26);
}

.card-header[b-bxdb8kekfy] {
    height: 70px;
    padding: 10px;
    border: 0;
    border-bottom-style: solid;
    border-bottom-color: #093d4f;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,1) 30%);
    font-weight: bold;
    color: rgb(255,255,255);
    font-size: 22px;
}

.font1[b-bxdb8kekfy] {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}

/* _content/Core.FamilyApp/Components/Controls/Fotos.razor.rz.scp.css */
.card-fotos[b-eh7lyiixgs] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 700px;
    width: 1600px;
    word-wrap: break-word;
    background: linear-gradient(rgba(255,255,255,0.2), #e0d391aa);
    background-clip: border-box;
    border: 2px solid #0c526a;
    border-radius: 6px;
}

.btn-foto[b-eh7lyiixgs] {
    background-color:transparent; 
    border: 0;
}

.card-right[b-eh7lyiixgs] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 750px;
    width: 850px;
    word-wrap: break-word;
    background: linear-gradient(rgba(255,255,255,0.2), #e0d391aa);
    background-clip: border-box;
    border: 2px solid #0c526a;
    border-radius: 6px;
}

.align-content-center[b-eh7lyiixgs] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0vh;
}

.btn-thumbnail[b-eh7lyiixgs] {
    padding: 1px;
    height: 125px;
    width: 125px;
}

.imgButtonStyle[b-eh7lyiixgs] {
    margin-left: -4px;
    margin-top: -4px;
    padding: 2px;
    box-shadow: 6px 6px 9px #8fb2e6;
    border-radius: 10px;
    background-color: white;
    border: 0.5px solid #38576f;
    width: 120px;
    height: 120px;
}

.txtCounter[b-eh7lyiixgs] {
    width: 80px;
    background-color: #e0d391;
    color: #093d4f;
    text-align: center;
    font-weight: bold;
}

.a-style-dropdownlist[b-eh7lyiixgs] {
    cursor: pointer;
    color: white;
}

    .a-style-dropdownlist:hover[b-eh7lyiixgs] {
        cursor: pointer;
        color: white;
        background-color: rgb(62, 75, 14);
    }

.card-header[b-eh7lyiixgs] {
    height: 70px;
    padding: 10px;
    border: 0;
    border-bottom-style: solid;
    border-bottom-color: #093d4f;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,1) 30%);
    font-weight: bold;
    color: rgb(255,255,255);
    font-size: 22px;
}

.font1[b-eh7lyiixgs] {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}

.marquee-container[b-eh7lyiixgs] {
    margin-top: 6px;
    height: 40px;
    width: 100px;
    border: 1px solid white;
    border-radius: 6px;
    color: rgb(100,117,33);
    background-color: #e0d391;
    overflow: hidden;
}

@keyframes marquee-b-eh7lyiixgs {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.marquee-text[b-eh7lyiixgs] {
    margin-top: 4px;
    font-size: 22px;
    font-weight: bold;
    white-space: nowrap;
    animation: marquee-b-eh7lyiixgs 10s linear infinite alternate;
}

.imgBorder[b-eh7lyiixgs] {
    border: 1.5px solid #ffffff;
    border-radius: 14px;
    cursor: pointer;
}
/* _content/Core.FamilyApp/Components/Controls/Kluis.razor.rz.scp.css */
.align-content-center[b-ezghx0ouyz] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0vh;
}

.card[b-ezghx0ouyz] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 700px;
    width: 650px;
    word-wrap: break-word;
    background: linear-gradient(rgba(255,255,255,0.2), #e0d391aa);
    background-clip: border-box;
    border: 2px solid #0c526a;
    border-radius: 6px;
}

.card-header[b-ezghx0ouyz] {
    height: 70px;
    padding: 10px;
    border: 0;
    border-bottom-style: solid;
    border-bottom-color: #093d4f;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,1) 30%);
    font-weight: bold;
    color: rgb(255,255,255);
    font-size: 22px;
}

.btnSt1[b-ezghx0ouyz] {
    margin-left: 5px;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,0.83) 30%);
    color: rgb(255,255,255);
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #0c526a;
    border-radius: 6px;
    width: 195px;
    height: 40px;
}

    .btnSt1:hover[b-ezghx0ouyz] {
        margin-left: 5px;
        border-radius: 6px;
        text-shadow: 3px 3px 3px rgb(0,0,0);
        color: #fff;
        background: linear-gradient(180deg, rgb(130, 155, 39), #f4eecf);
        font-size: 15px;
        border: 1px solid #000;
        width: 195px;
        height: 40px;
    }

.btnDelete[b-ezghx0ouyz] {
    margin-left: 5px;
    border-radius: 6px;
    text-shadow: 2px 2px 2px rgb(0,0,0);
    color: #fdfeff;
    background: linear-gradient(180deg, #f7c4c1 0%, #dd0e00 30%);
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #000000;
    width: 195px;
    height: 40px;
}

    .btnDelete:hover[b-ezghx0ouyz] {
        margin-left: 5px;
        border-radius: 6px;
        text-shadow: 2px 2px 2px rgb(0,0,0);
        color: #fdfeff;
        background: linear-gradient(180deg, #e11c10 30%, #e0a39f 77%);
        font-size: 15px;
        border: 1px solid #000;
        width: 195px;
        height: 40px;
    }
/* _content/Core.FamilyApp/Components/Controls/Mapjes.razor.rz.scp.css */
.paneel-message-box[b-h6682w3ojy] {
    margin-top: -3px;
    background: rgba(100,117,33, 0.5);
    height: 50px;
    border-radius: 14px;
    border: 1.5px solid #000;
}

.card-header[b-h6682w3ojy] {
    height: 57px;
    border: 0;
    border-bottom-style: solid;
    border-bottom-color: #093d4f;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,1) 30%);
    font-weight: bold;
    color: rgb(255,255,255);
    font-size: 22px;
}

.align-content-center[b-h6682w3ojy] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0vh;
}

.card-body-style[b-h6682w3ojy] {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    background: linear-gradient(rgba(255,255,255,1), #e0d391aa);
}

.card[b-h6682w3ojy] {
    position: relative;
    display: flex;
    width: 1000px;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    word-wrap: break-word;
    background: linear-gradient(rgba(255,255,255,0.2), #e0d391aa);
    background-clip: border-box;
    border: 1px solid #0c526a;
    border-radius: 0px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}
.btn-thumbnail[b-h6682w3ojy] {
    padding: 1px;
    height: 125px;
    width: 125px;
    background-color: transparent;
}

.imgButtonStyle[b-h6682w3ojy] {
    margin-left: -4px;
    margin-top: -4px;
    padding: 2px;
    border-radius: 10px;
    background-color: white;
    border: 6px solid rgb(100,117,33);
    width: 125px;
    height: 125px;
}
/* _content/Core.FamilyApp/Components/Controls/Mobile.razor.rz.scp.css */
#melding[b-p1xda7x2y6] {
    color: red;
    font-size: 30px;
    font-weight: 900;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}

#holder[b-p1xda7x2y6] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 100;
    display: inline;
}
/* _content/Core.FamilyApp/Components/Controls/Players/Videoplayer.razor.rz.scp.css */
.video-background[b-5kw8v20l81] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

    .video-background video[b-5kw8v20l81] {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        transform: translate(-50%, -50%);
        object-fit: cover;
    }
/* _content/Core.FamilyApp/Components/Controls/Toolbar/Toolbar.razor.rz.scp.css */
.toolbar-container[b-1i3mcrq1zs] {
    display: flex;
    width: 100%;
    height: 12vh;
    justify-content: center;
    align-items: center;
}
/* _content/Core.FamilyApp/Components/Controls/Toolbar/ToolbarButton.razor.rz.scp.css */
.toolbar-items[b-v5wvk43xgk] {
    display: flex;
    list-style: none;
    position: relative;
    width: 150px;
    height: 300px;
    justify-content: center;
    align-items: center;
}

.toolbar-button[b-v5wvk43xgk] {
    background-color: transparent;
    border: 0;
}

.li-animated button[b-v5wvk43xgk] {
    transition: transform 0.3s ease-in-out;
}

.li-animated:hover button[b-v5wvk43xgk] {
    transform: scale(1.25) translateY(-3%);
}

.item[b-v5wvk43xgk] {
    display: flex;
    cursor: pointer;
    color: #fff;
    font-size: 40px;
    width: 135px;
    height: 120px;
    border-radius: 18px;
    border-width: 4px;
    border-style: ridge;
    box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.5);
    position: absolute;
    background: linear-gradient(45deg, #f4eecf 0%, rgba(100,117,33,1) 80%);
}

.foot-text[b-v5wvk43xgk] {
    font-weight: bold;
    font-size: 13px;
    color: #075e50;
    text-transform: uppercase;
}
/* _content/Core.FamilyApp/Components/Controls/UserControls/APILogItem.razor.rz.scp.css */
/* _content/Core.FamilyApp/Components/Controls/UserControls/APIMessageBox.razor.rz.scp.css */
.modal-content[b-9nn8r81af1] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: rgba(255,255,255,0);
    background-clip: padding-box;
    border: 0;
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}

.borderTop[b-9nn8r81af1] {
    border-top: 2px solid #075e50;
}

.card-dialog[b-9nn8r81af1] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background: #f4eecf;
    background-clip: border-box;
    border: 2px solid #0c526a;
    border-radius: 0px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}
.paneel-message-box[b-9nn8r81af1] {
    margin-top: -3px;
    background: rgba(100,117,33, 0.5);
    height: 50px;
    border-radius: 14px;
    border: 1.5px solid #000;
}

.card-header[b-9nn8r81af1] {
    height: 57px;
    border: 0;
    border-bottom-style: solid;
    border-bottom-color: #093d4f;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,1) 30%);
    font-weight: bold;
    color: rgb(255,255,255);
    font-size: 22px;
}
.btnDelete[b-9nn8r81af1] {
    margin-left: 5px;
    border-radius: 6px;
    text-shadow: 2px 2px 2px rgb(0,0,0);
    color: #fdfeff;
    background: linear-gradient(180deg, #f7c4c1 0%, #dd0e00 30%);
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #000000;
    height: 40px;
}

    .btnDelete:hover[b-9nn8r81af1] {
        margin-left: 5px;
        border-radius: 6px;
        text-shadow: 2px 2px 2px rgb(0,0,0);
        color: #fdfeff;
        background: linear-gradient(180deg, #e11c10 30%, #e0a39f 77%);
        font-size: 15px;
        border: 1px solid #000;
        height: 40px;
    }

.btnSt1[b-9nn8r81af1] {
    margin-left: 5px;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,0.83) 30%);
    color: rgb(255,255,255);
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #0c526a;
    border-radius: 6px;
    height: 40px;
}

    .btnSt1:hover[b-9nn8r81af1] {
        margin-left: 5px;
        border-radius: 6px;
        text-shadow: 3px 3px 3px rgb(0,0,0);
        color: #fff;
        background: linear-gradient(180deg, rgb(130, 155, 39), #f4eecf);
        font-size: 15px;
        border: 1px solid #000;
        height: 40px;
    }


.card-body-style[b-9nn8r81af1] {
    padding: 24px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    background: linear-gradient(rgba(255,255,255,1), #e0d391aa);
}

.card[b-9nn8r81af1] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background: linear-gradient(rgba(255,255,255,0.2), #e0d391aa);
    background-clip: border-box;
    border: 2px solid #0c526a;
    border-radius: 0px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.Description[b-9nn8r81af1] {
    border-width: 16px;
    font-size: 18px;
    font-weight: 700;
    color: #075e50;
}
/* _content/Core.FamilyApp/Components/Controls/UserControls/DocumentItem.razor.rz.scp.css */
.trashcan-button[b-0wm1f3iekp] {
    background-color: transparent;
    border: 0;
}
/* _content/Core.FamilyApp/Components/Controls/UserControls/DropZone.razor.rz.scp.css */
#drop-zone[b-beb1gh7jx7] {
    width: 100%;
    height: 80px;
    background-color: darkgreen;
    border: 2px dashed #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    margin: 20px auto;
    cursor: pointer;
}

    #drop-zone.highlight[b-beb1gh7jx7] {
        border-color: #00aaff;
        background-color: #f0f8ff;
    }

.progressBar[b-beb1gh7jx7] 
{
    background-color: darkgreen;
}
/* _content/Core.FamilyApp/Components/Controls/UserControls/ImageInfoBox.razor.rz.scp.css */
.modal-content[b-pnbuv4hebk] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: rgba(255,255,255,0);
    background-clip: padding-box;
    border: 0;
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}

.p1[b-pnbuv4hebk] {
    font-size: 30px;
}

.p2[b-pnbuv4hebk] {
    font-size: 26px;
    font-weight: bold;
}

.card-dialog[b-pnbuv4hebk] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 850px;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background: #f4eecf;
    background-clip: border-box;
    border: 2px solid #0c526a;
    border-radius: 0px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.paneel-message-box[b-pnbuv4hebk] {
    margin-top: -3px;
    background: rgba(100,117,33, 0.5);
    height: 50px;
    border-radius: 14px;
    border: 1.5px solid #000;
}

.card-header[b-pnbuv4hebk] {
    height: 57px;
    border: 0;
    border-bottom-style: solid;
    border-bottom-color: #093d4f;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,1) 30%);
    font-weight: bold;
    color: rgb(255,255,255);
    font-size: 22px;
}

.card-body-style[b-pnbuv4hebk] {
    padding: 24px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    background: linear-gradient(rgba(255,255,255,1), #e0d391aa);
}

.card[b-pnbuv4hebk] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background: linear-gradient(rgba(255,255,255,0.2), #e0d391aa);
    background-clip: border-box;
    border: 2px solid #0c526a;
    border-radius: 0px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.Description[b-pnbuv4hebk] {
    border-width: 16px;
    font-size: 18px;
    font-weight: 700;
    color: #075e50;
}

.btnDelete[b-pnbuv4hebk] {
    margin-left: 5px;
    border-radius: 6px;
    text-shadow: 2px 2px 2px rgb(0,0,0);
    color: #fdfeff;
    background: linear-gradient(180deg, #f7c4c1 0%, #dd0e00 30%);
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #000000;
    width: 240px;
    height: 40px;
}

    .btnDelete:hover[b-pnbuv4hebk] {
        margin-left: 5px;
        border-radius: 6px;
        text-shadow: 2px 2px 2px rgb(0,0,0);
        color: #fdfeff;
        background: linear-gradient(180deg, #e11c10 30%, #e0a39f 77%);
        font-size: 15px;
        border: 1px solid #000;
        height: 40px;
        width: 240px;
    }
/* _content/Core.FamilyApp/Components/Controls/UserControls/MediaControl.razor.rz.scp.css */
.btn-thumbnail[b-1xs2n76ze2] {
    background-color: transparent;
    height: 125px;
    width: 125px;
    border: 4px solid rgb(100,117,33);
    padding: 2px;
    border-radius: 10px;
    margin-right: 4px;
    margin-bottom: 4px;
    margin-top: 10px;
}

.btn-thumbnail-bordered[b-1xs2n76ze2] {
    background-color: transparent;
    height: 125px;
    width: 125px;
    border: 8px solid #ff0000;
    border-radius: 10px;
    margin-right: 4px;
    margin-bottom: 4px;
    margin-top: 10px;
}
.imgButtonStyle[b-1xs2n76ze2] {
    width: 100%;
    height: 100%;
    padding: 8px 5px 8px 4px;
    border-radius: 10px;
    background-color: aquamarine;
}

/* _content/Core.FamilyApp/Components/Controls/UserControls/MessageBox.razor.rz.scp.css */
.modal-content[b-w5lidms7eq] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: rgba(255,255,255,0);
    background-clip: padding-box;
    border: 0;
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}

.card-dialog[b-w5lidms7eq] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background: #f4eecf;
    background-clip: border-box;
    border: 2px solid #0c526a;
    border-radius: 0px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}
.paneel-message-box[b-w5lidms7eq] {
    margin-top: -3px;
    background: rgba(100,117,33, 0.5);
    height: 50px;
    border-radius: 14px;
    border: 1.5px solid #000;
}

.card-header[b-w5lidms7eq] {
    height: 57px;
    border: 0;
    border-bottom-style: solid;
    border-bottom-color: #093d4f;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,1) 30%);
    font-weight: bold;
    color: rgb(255,255,255);
    font-size: 22px;
}

.btnSt1[b-w5lidms7eq] {
    margin-left: 5px;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,0.83) 30%);
    color: rgb(255,255,255);
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #0c526a;
    border-radius: 6px;
    width: 150px;
    height: 40px;
}

    .btnSt1:hover[b-w5lidms7eq] {
        margin-left: 5px;
        border-radius: 6px;
        text-shadow: 3px 3px 3px rgb(0,0,0);
        color: #fff;
        background: linear-gradient(180deg, rgb(130, 155, 39), #f4eecf);
        font-size: 15px;
        border: 1px solid #000;
        width: 150px;
        height: 40px;
    }


.card-body-style[b-w5lidms7eq] {
    padding: 24px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    background: linear-gradient(rgba(255,255,255,1), #e0d391aa);
}

.card[b-w5lidms7eq] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background: linear-gradient(rgba(255,255,255,0.2), #e0d391aa);
    background-clip: border-box;
    border: 2px solid #0c526a;
    border-radius: 0px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.Description[b-w5lidms7eq] {
    border-width: 16px;
    font-size: 18px;
    font-weight: 700;
    color: #075e50;
}
/* _content/Core.FamilyApp/Components/Controls/UserControls/SelectBoxAdresses.razor.rz.scp.css */
.custom-scrollbar[b-6k6hchvzbw]::-webkit-scrollbar {
    width: 25px;
}

.custom-scrollbar[b-6k6hchvzbw]::-webkit-scrollbar-thumb {
    background-color: rgb(73, 89, 14);
}

.custom-scrollbar[b-6k6hchvzbw]::-webkit-scrollbar-track {
    background-color: rgb(205, 239, 75);
}

.selectStyle[b-6k6hchvzbw] {
    border-radius: 6px;
    height: 40px;
    background: rgb(199, 218, 124);
    color: rgb(62, 75, 13);
    font-size: 15px;
    font-weight: 600;
    border: 1.5px solid #0038a8;
}
/* _content/Core.FamilyApp/Components/Controls/UserControls/SelectBoxFolders.razor.rz.scp.css */
.custom-scrollbar[b-ed0b513r66]::-webkit-scrollbar {
    width: 25px;
}

.custom-scrollbar[b-ed0b513r66]::-webkit-scrollbar-thumb {
    background-color: rgb(73, 89, 14);
}

.custom-scrollbar[b-ed0b513r66]::-webkit-scrollbar-track {
    background-color: rgb(205, 239, 75);
}

.selectStyle[b-ed0b513r66] {
    border-radius: 6px;
    height: 40px;
    background: rgb(199, 218, 124);
    color: rgb(62, 75, 13);
    font-size: 15px;
    font-weight: 600;
    border: 1.5px solid #0038a8;
}

.selectBoxStyleForFavorite[b-ed0b513r66] {
    color: rgb(62, 75, 13);
    font-size: 16px;
    font-weight: bold;
}
/* _content/Core.FamilyApp/Components/Controls/UserControls/SelectBoxKluisItems.razor.rz.scp.css */
.custom-scrollbar[b-59a39it6em]::-webkit-scrollbar {
    width: 25px;
}

.custom-scrollbar[b-59a39it6em]::-webkit-scrollbar-thumb {
    background-color: rgb(73, 89, 14);
}

.custom-scrollbar[b-59a39it6em]::-webkit-scrollbar-track {
    background-color: rgb(205, 239, 75);
}

.selectStyle[b-59a39it6em] {
    border-radius: 6px;
    height: 40px;
    background: rgb(199, 218, 124);
    color: rgb(62, 75, 13);
    font-size: 15px;
    font-weight: 600;
    border: 1.5px solid #0038a8;
}
/* _content/Core.FamilyApp/Components/Controls/UserControls/SelectBoxUsers.razor.rz.scp.css */
.custom-scrollbar[b-yq18tnrsp9]::-webkit-scrollbar {
    width: 25px;
}

.custom-scrollbar[b-yq18tnrsp9]::-webkit-scrollbar-thumb {
    background-color: rgb(73, 89, 14);
}

.custom-scrollbar[b-yq18tnrsp9]::-webkit-scrollbar-track {
    background-color: rgb(205, 239, 75);
}

.selectStyle[b-yq18tnrsp9] {
    border-radius: 6px;
    height: 40px;
    background: rgb(199, 218, 124);
    color: rgb(62, 75, 13);
    font-size: 15px;
    font-weight: 600;
    border: 1.5px solid #0038a8;
}
/* _content/Core.FamilyApp/Components/Controls/UserControls/VideoControl.razor.rz.scp.css */

.fullScreen[b-facqe1pajj] {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: black;
    display: block;
    cursor: pointer;
    z-index: 9999;
}

/* _content/Core.FamilyApp/Components/Controls/UserControls/VideoInfoBox.razor.rz.scp.css */
.modal-content[b-u19z4pppjm] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: rgba(255,255,255,0);
    background-clip: padding-box;
    border: 0;
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}

.p1[b-u19z4pppjm] {
    font-size: 30px;
}

.p2[b-u19z4pppjm] {
    font-size: 26px;
    font-weight: bold;
}

.card-dialog[b-u19z4pppjm] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 850px;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background: #f4eecf;
    background-clip: border-box;
    border: 2px solid #0c526a;
    border-radius: 0px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.paneel-message-box[b-u19z4pppjm] {
    margin-top: -3px;
    background: rgba(100,117,33, 0.5);
    height: 50px;
    border-radius: 14px;
    border: 1.5px solid #000;
}

.card-header[b-u19z4pppjm] {
    height: 57px;
    border: 0;
    border-bottom-style: solid;
    border-bottom-color: #093d4f;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,1) 30%);
    font-weight: bold;
    color: rgb(255,255,255);
    font-size: 22px;
}

.card-body-style[b-u19z4pppjm] {
    padding: 24px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    background: linear-gradient(rgba(255,255,255,1), #e0d391aa);
}

.card[b-u19z4pppjm] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background: linear-gradient(rgba(255,255,255,0.2), #e0d391aa);
    background-clip: border-box;
    border: 2px solid #0c526a;
    border-radius: 0px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.Description[b-u19z4pppjm] {
    border-width: 16px;
    font-size: 18px;
    font-weight: 700;
    color: #075e50;
}

.btnDelete[b-u19z4pppjm] {
    margin-left: 5px;
    border-radius: 6px;
    text-shadow: 2px 2px 2px rgb(0,0,0);
    color: #fdfeff;
    background: linear-gradient(180deg, #f7c4c1 0%, #dd0e00 30%);
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #000000;
    width: 240px;
    height: 40px;
}

    .btnDelete:hover[b-u19z4pppjm] {
        margin-left: 5px;
        border-radius: 6px;
        text-shadow: 2px 2px 2px rgb(0,0,0);
        color: #fdfeff;
        background: linear-gradient(180deg, #e11c10 30%, #e0a39f 77%);
        font-size: 15px;
        border: 1px solid #000;
        height: 40px;
        width: 240px;
    }
/* _content/Core.FamilyApp/Components/Controls/Videos.razor.rz.scp.css */
.align-content-center[b-bom3hl5dxi] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0vh;
}

.txtCounter[b-bom3hl5dxi] {
    width: 180px;
    background-color: #e0d391;
    color: #093d4f;
    text-align: center;
    font-weight: bold;
}

.card-header[b-bom3hl5dxi] {
    height: 70px;
    padding: 10px;
    border: 0;
    border-bottom-style: solid;
    border-bottom-color: #093d4f;
    background: linear-gradient(180deg, #f4eecf 0%, rgba(100,117,33,1) 30%);
    font-weight: bold;
    color: rgb(255,255,255);
    font-size: 22px;
}

.font1[b-bom3hl5dxi] {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}

.marquee-container[b-bom3hl5dxi] {
    margin-top: 6px;
    height: 40px;
    width: 300px;
    border: 1px solid white;
    border-radius: 6px;
    color: rgb(100,117,33);
    background-color: #e0d391;
    overflow: hidden;
}

@keyframes marquee-b-bom3hl5dxi {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.marquee-text[b-bom3hl5dxi] {
    margin-top: 4px;
    font-size: 22px;
    font-weight: bold;
    white-space: nowrap;
    animation: marquee-b-bom3hl5dxi 8s linear infinite alternate;
}

.video-border[b-bom3hl5dxi] {
    border: 2px solid white; 
    border-radius: 16px;
    display: none;
}

.custom-scrollbar[b-bom3hl5dxi]::-webkit-scrollbar {
    width: 25px;
}

.custom-scrollbar[b-bom3hl5dxi]::-webkit-scrollbar-thumb {
    background-color: rgb(73, 89, 14);
}

.custom-scrollbar[b-bom3hl5dxi]::-webkit-scrollbar-track {
    background-color: rgb(205, 239, 75);
}
/* _content/Core.FamilyApp/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-o07do8ontq] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-o07do8ontq] {
    flex: 1;
}

.sidebar[b-o07do8ontq] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-o07do8ontq] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-o07do8ontq]  a, .top-row[b-o07do8ontq]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-o07do8ontq]  a:hover, .top-row[b-o07do8ontq]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-o07do8ontq]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-o07do8ontq] {
        justify-content: space-between;
    }

    .top-row[b-o07do8ontq]  a, .top-row[b-o07do8ontq]  .btn-link {
        margin-left: 0;
    }
}

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

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

    .top-row[b-o07do8ontq] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-o07do8ontq]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-o07do8ontq], article[b-o07do8ontq] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-o07do8ontq] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-o07do8ontq] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }