/* /Components/Components/ActionBar/ActionBar.razor.rz.scp.css */
.dropdown[b-q3qz6bhvxr]{
    width: 250px;
}
/* /Components/Components/Anchor/Anchor.razor.rz.scp.css */
.card[b-p67b30kny8]{
    background-color: var(--primary-text-color);

}
.subtitle-small[b-p67b30kny8]{
    padding-bottom: 10px;
}
.anchor-title-container[b-p67b30kny8] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    word-break: break-word;
}
    .anchor-title-container a[b-p67b30kny8] {
        line-height: 50px;
    }
/* /Components/Components/Anchor/AnchorList.razor.rz.scp.css */
.anchor-container[b-n98cdrxyo1] {
    position: sticky;
    overflow: auto;
}

.anchor-page-title[b-n98cdrxyo1] {
    cursor: pointer;
}
    .anchor-page-title:hover[b-n98cdrxyo1] {
        color: var(--secondary);
    }

.anchor-element-container[b-n98cdrxyo1] {
    cursor: pointer;
}
    .anchor-element-container:hover[b-n98cdrxyo1] {
        color: var(--primary);
        border-right: 3px solid var(--primary);
    }

.anchor-element[b-n98cdrxyo1] {
    padding-right: 35px;
    word-break: break-word;
}
.anchor-title[b-n98cdrxyo1] {
    cursor: pointer;
    word-break: break-word;
}
/* /Components/Components/Anchor/AnchorTitle.razor.rz.scp.css */
.card[b-9n8260ncfy]{
    background-color: var(--primary-text-color);

}
.subtitle-small[b-9n8260ncfy]{
    padding-bottom: 10px;
}
.anchor-title-container[b-9n8260ncfy] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    word-break: break-word;
}
    .anchor-title-container a[b-9n8260ncfy] {
        line-height: 50px;
    }
/* /Components/Components/Authorization/CIE/CIEButton.razor.rz.scp.css */
.button-spid[b-euc0j8czac] {
    background-color: #06C;
    color: #fff;
}

.italia-it-button-size-m[b-euc0j8czac] {
    font-size: 15px;
    width: 220px;
}

.italia-it-button[b-euc0j8czac] {
    display: inline-block;
    position: relative;
    padding: 0;
    color: #fff;
    font-family: "Titillium Web",HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
    font-weight: 600;
    line-height: 1em;
    text-decoration: none;
    border: 0;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.italia-it-button-icon[b-euc0j8czac] {
    margin: 0 -.4em 0 0;
    padding: 0.6em .8em .5em;
    border-right: rgba(255,255,255,0.1) 0.1em solid;
}

.italia-it-button-icon[b-euc0j8czac], .italia-it-button-text[b-euc0j8czac] {
    display: block;
    float: left;
}

.italia-it-button-size-m > span img[b-euc0j8czac] {
    width: 29px;
    height: 29px;
    border: 0;
}
.italia-it-button-text[b-euc0j8czac] {
    padding: .95em 1em .85em 1em;
    font-size: 1.15em;
    text-align: center;
}

.italia-it-button-icon[b-euc0j8czac], .italia-it-button-text[b-euc0j8czac] {
    display: block;
    float: left;
}
.button-spid:hover[b-euc0j8czac] {
    background-color: #036;
    color: #fff;
}
.button-spid:active[b-euc0j8czac] {
    background-color: #83BEED;
    color: #036;
}
/* /Components/Components/Authorization/FesrEfreComponent.razor.rz.scp.css */
.FESR_EFRE-container[b-rq5sh6vaq0] {
    text-align: center;
    width: 100%;
    padding: 0px 10px;
    margin-bottom: 20px;
}
.FESR_EFRE-container p[b-rq5sh6vaq0] {
    width: 65%;
    margin: 0 auto;
    text-align: justify;
    text-align-last: center;
    font-size: 10px;
}

    .FESR_EFRE-container .FESR_EFRE-logo[b-rq5sh6vaq0] {
        width: 65%;
    }

        .FESR_EFRE-container .FESR_EFRE-logo.Mobile-View[b-rq5sh6vaq0] {
            width: 60%;
            display: none;
        }

@media (min-width: 800px) and (max-width: 1200px) {

    .FESR_EFRE-container .FESR_EFRE-logo[b-rq5sh6vaq0] {
        width: 80%;
    }
    .FESR_EFRE-container p[b-rq5sh6vaq0] {
        width: 80%;
    }
}

@media(max-width: 800px) {
    .FESR_EFRE-container .FESR_EFRE-logo.Standard-View[b-rq5sh6vaq0] {
        display: none;
    }

    .FESR_EFRE-container .FESR_EFRE-logo.Mobile-View[b-rq5sh6vaq0] {
        display: unset;
    }
    .FESR_EFRE-container p[b-rq5sh6vaq0] {
        width: 60%;
    }
}
@media(max-width: 650px) {

    .FESR_EFRE-container .FESR_EFRE-logo.Mobile-View[b-rq5sh6vaq0] {
        width: 80%;
    }
    .FESR_EFRE-container p[b-rq5sh6vaq0] {
        width: 80%;
    }
}
/* /Components/Components/Authorization/MunicipalChangePasswordComponent.razor.rz.scp.css */

.Blank[b-fq7pvepv2v] {
    background: white !important;
    color: var(--primary-text-color);
}

.VeryWeak[b-fq7pvepv2v] {
    background: #c41a0e !important;
    color: var(--primary-text-color) !important;
    flex: 0.25;
}



.Weak[b-fq7pvepv2v] {
    background: #f2ac16 !important;
    color: var(--primary-text-color) !important;
    flex: 0.5;
}



.Medium[b-fq7pvepv2v] {
    background: #f2ac16 !important;
    flex: 0.5;
}



.Strong[b-fq7pvepv2v] {
    color: var(--primary-text-color) !important;
    background: var(--primary) !important;
    flex: 0.75;
}



.VeryStrong[b-fq7pvepv2v] {
    color: var(--primary-text-color) !important;
    background: var(--tertiary) !important;
    flex: 1;
}

.password-quality-bar-background[b-fq7pvepv2v] {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    border: 1px solid #d9d9d9;
    display: flex;
    justify-content: flex-start;
}
/* /Components/Components/Authorization/Spid/SpidButton.razor.rz.scp.css */
.button-spid[b-x7wzdu6b0f] {
    background-color: #06C;
    color: #fff;
}

.italia-it-button-size-m[b-x7wzdu6b0f] {
    font-size: 15px;
    width: 220px;
}

.italia-it-button[b-x7wzdu6b0f] {
    display: inline-block;
    position: relative;
    padding: 0;
    color: #fff;
    font-family: "Titillium Web",HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
    font-weight: 600;
    line-height: 1em;
    text-decoration: none;
    border: 0;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.italia-it-button-icon[b-x7wzdu6b0f] {
    margin: 0 -.4em 0 0;
    padding: 0.6em .8em .5em;
    border-right: rgba(255,255,255,0.1) 0.1em solid;
}

.italia-it-button-icon[b-x7wzdu6b0f], .italia-it-button-text[b-x7wzdu6b0f] {
    display: block;
    float: left;
}

.italia-it-button-size-m > span img[b-x7wzdu6b0f] {
    width: 29px;
    height: 29px;
    border: 0;
}
.italia-it-button-text[b-x7wzdu6b0f] {
    padding: .95em 1em .85em 1em;
    font-size: 1.15em;
    text-align: center;
}

.italia-it-button-icon[b-x7wzdu6b0f], .italia-it-button-text[b-x7wzdu6b0f] {
    display: block;
    float: left;
}
.button-spid:hover[b-x7wzdu6b0f] {
    background-color: #036;
    color: #fff;
}
.button-spid:active[b-x7wzdu6b0f] {
    background-color: #83BEED;
    color: #036;
}
/* /Components/Components/Authorization/UserSelectionComponent.razor.rz.scp.css */
.user-selection-content[b-ylzxhf4nuw]
{
    display: flex;
    gap: 10px;
}
.user-selection-dropdown[b-ylzxhf4nuw]{
    width: 100%;
}

.user-selection-actions[b-ylzxhf4nuw]{

}
.user-add-button[b-ylzxhf4nuw]{
    width: 42px !important;
    height: 38px;
}
/* /Components/Components/Authorization/VerifyEmailComponent.razor.rz.scp.css */

@media (max-width: 680px) {

    .email-data-container[b-57hej1gi35] {
        max-height: unset !important;
        overflow: unset !important;
        height: auto;
    }

    .email-footer[b-57hej1gi35] {
        position: unset !important;
        bottom: unset !important;
        left: unset !important;
        border-top: 0px !important;
    }

    .email-header[b-57hej1gi35] {
        position: unset !important;
        border-bottom: 0px !important;
    }

    .email-title[b-57hej1gi35] {
        margin-top: unset !important;
        border-bottom: 0px !important;
    }
}

.email-row[b-57hej1gi35] {
    display: flex;
}

.email-row-left[b-57hej1gi35] {
    justify-content: left;
}

.email-row-right[b-57hej1gi35] {
    justify-content: right;
    margin-left: 15px;
}

.email-edit-container[b-57hej1gi35]{
    display: flex;
    gap: 10px;
}
.email-edit-icon[b-57hej1gi35] {
    width: 32px !important;
    height: 32px !important;
    line-height: 18px !important;
    padding: 3px;
}
.email-edit-text[b-57hej1gi35] {
    line-height: 30px;
}
/* /Components/Components/Authorization/VerifyPhoneComponent.razor.rz.scp.css */

@media (max-width: 680px) {

    .email-data-container[b-yc3040ep8i] {
        max-height: unset !important;
        overflow: unset !important;
        height: auto;
    }

    .email-footer[b-yc3040ep8i] {
        position: unset !important;
        bottom: unset !important;
        left: unset !important;
        border-top: 0px !important;
    }

    .email-header[b-yc3040ep8i] {
        position: unset !important;
        border-bottom: 0px !important;
    }

    .email-title[b-yc3040ep8i] {
        margin-top: unset !important;
        border-bottom: 0px !important;
    }
}

.email-row[b-yc3040ep8i] {
    display: flex;
}

.email-row-left[b-yc3040ep8i] {
    justify-content: left;
}

.email-row-right[b-yc3040ep8i] {
    justify-content: right;
    margin-left: 15px;
}

.email-edit-container[b-yc3040ep8i]{
    display: flex;
    gap: 10px;
}
.email-edit-icon[b-yc3040ep8i] {
    width: 32px !important;
    height: 32px !important;
    line-height: 18px !important;
    padding: 3px;
}
.email-edit-text[b-yc3040ep8i] {
    line-height: 30px;
}
.edit-popup-container[b-yc3040ep8i]{
    height: 220px;
}
    
.input-container[b-yc3040ep8i] {
    height: 120px;
}
/* /Components/Components/Breadcrumb/Backend/Breadcrumb.razor.rz.scp.css */
/* /Components/Components/Breadcrumb/Frontend/Breadcrumb.razor.rz.scp.css */
/* /Components/Components/Canteen/CanteenFilterComponent.razor.rz.scp.css */
.filter-container[b-whhiqlq8ig] {
    width: 100%;
    position: relative;
}

.filter-search-input[b-whhiqlq8ig] {
    border: 1px solid #d9d9d9;
}

.filter-searchbar[b-whhiqlq8ig] {
    display: flex;
    /*gap: 5px;*/
    justify-content: space-between;
    padding-left: 10px;
}

    .filter-searchbar input[b-whhiqlq8ig] {
        flex: 1;
        height: 38px !important;
        border: 0px !important;
        outline: 0px !important;
    }

.searchbar-button[b-whhiqlq8ig] {
    width: 38px !important;
    height: 38px !important;
    background-color: var(--primary-text-color);
    color: rgb(128 128 128);
    border-radius: 0px;
}

    .searchbar-button:hover[b-whhiqlq8ig] {
        background-color: var(--primary);
        color: var(--primary-text-color);
    }

.filter-popup[b-whhiqlq8ig] {
    position: absolute;
    top: 40px;
    left: 0px;
    background-color: var(--primary-text-color);
    box-shadow: rgb(0 0 0 / 35%) 0px 2px 5px;
    z-index: 800;
    padding: 10px;
    width: 100%;
}

.filter-second-row[b-whhiqlq8ig] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .filter-second-row .filter-element[b-whhiqlq8ig] {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        flex: 1;
    }

        .filter-second-row .filter-element div[b-whhiqlq8ig] {
            flex: 1;
        }

.filter-toolbar[b-whhiqlq8ig] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.filter-authorities[b-whhiqlq8ig] {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}
.authority-tag[b-whhiqlq8ig] {
    width: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 30px !important;
    height: auto !important;
    border: 2px solid var(--primary) !important;
    box-shadow: none !important;
}

.filter-overlay[b-whhiqlq8ig] {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0px;
    left: 0px;
}

.filter-submitted[b-whhiqlq8ig], .filter-deadline[b-whhiqlq8ig] {
    display: flex;
    gap: 10px;
}
.filter-clear-button[b-whhiqlq8ig] {
    width: 38px !important;
    height: 38px;
    margin: auto;
}

.filter-search-first-row[b-whhiqlq8ig] {
    display: flex;
    gap: 10px;
}

    .filter-search-first-row div[b-whhiqlq8ig] {
        flex: 1;
    }

.filter-button-bar[b-whhiqlq8ig]{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.filter-date-element[b-whhiqlq8ig]{
    width: 100%;
}

.third-row-css[b-whhiqlq8ig]{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.third-row-element[b-whhiqlq8ig]{
    flex: 1;
}
/* /Components/Components/Canteen/CanteenRequestRefundBalancesFilterComponent.razor.rz.scp.css */
.filter-container[b-pp1zlgvy6f] {
    width: 100%;
    position: relative;
}

.filter-search-input[b-pp1zlgvy6f] {
    border: 1px solid #d9d9d9;
}

.filter-searchbar[b-pp1zlgvy6f] {
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
}

    .filter-searchbar input[b-pp1zlgvy6f] {
        flex: 1;
        height: 38px !important;
        border: 0px !important;
        outline: 0px !important;
    }

.searchbar-button[b-pp1zlgvy6f] {
    width: 38px !important;
    height: 38px !important;
    background-color: var(--primary-text-color);
    color: rgb(128 128 128);
    border-radius: 0px;
}

    .searchbar-button:hover[b-pp1zlgvy6f] {
        background-color: var(--primary);
        color: var(--primary-text-color);
    }

.filter-popup[b-pp1zlgvy6f] {
    position: absolute;
    top: 40px;
    left: 0px;
    background-color: var(--primary-text-color);
    box-shadow: rgb(0 0 0 / 35%) 0px 2px 5px;
    z-index: 800;
    padding: 10px;
    width: 100%;
}

.filter-second-row[b-pp1zlgvy6f] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .filter-second-row .filter-element[b-pp1zlgvy6f] {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        flex: 1;
    }

        .filter-second-row .filter-element div[b-pp1zlgvy6f] {
            flex: 1;
        }

.filter-toolbar[b-pp1zlgvy6f] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.filter-authorities[b-pp1zlgvy6f] {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.authority-tag[b-pp1zlgvy6f] {
    width: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 30px !important;
    height: auto !important;
    border: 2px solid var(--primary) !important;
    box-shadow: none !important;
}

.filter-overlay[b-pp1zlgvy6f] {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0px;
    left: 0px;
}

.filter-submitted[b-pp1zlgvy6f], .filter-deadline[b-pp1zlgvy6f] {
    display: flex;
    gap: 10px;
}

.filter-clear-button[b-pp1zlgvy6f] {
    width: 38px !important;
    height: 38px;
    margin: auto;
}

.filter-search-first-row[b-pp1zlgvy6f] {
    display: flex;
    gap: 10px;
}

    .filter-search-first-row div[b-pp1zlgvy6f] {
        flex: 1;
    }

.filter-button-bar[b-pp1zlgvy6f] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.filter-date-element[b-pp1zlgvy6f] {
    width: 100%;
}

.third-row-css[b-pp1zlgvy6f] {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.third-row-element[b-pp1zlgvy6f] {
    flex: 1;
}
/* /Components/Components/Canteen/External/MultiSelectFilterComponent.razor.rz.scp.css */
.filter-main-container[b-eq1xni91aq] {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
}

    .filter-main-container[b-eq1xni91aq]::-webkit-scrollbar {
        display: none;
    }

    .filter-main-container .filter-item-container[b-eq1xni91aq] {
        width: fit-content;
        padding: 5px 20px;
        display: flex;
        gap: 10px;
    }

        .filter-main-container .filter-item-container .item-container[b-eq1xni91aq] {
            width: fit-content;
            display: flex;
            gap: 10px;
            flex-wrap: nowrap;
        }
            .filter-main-container .filter-item-container .item-container.deactivated[b-eq1xni91aq] {
                cursor: default;
            }

            .filter-main-container .filter-item-container .item-container .item-text[b-eq1xni91aq] {
                text-align: center;
                white-space: nowrap;
            }

@media(min-width: 992px) {
    .filter-main-container[b-eq1xni91aq]::-webkit-scrollbar {
        display: block;
    }

    .filter-main-container .filter-item-container[b-eq1xni91aq] {
        width: 100%;
    }
}
/* /Components/Components/Canteen/External/SingleSelectFilterComponent.razor.rz.scp.css */
.filter-main-container[b-zx3pw51nqe] {
    width: 100%;
    padding: 5px 20px;
    display: flex;
    gap: 10px;
}
.filter-button[b-zx3pw51nqe] {
    appearance: none;
    color: grey;
    border: 1px solid grey;
    background: white;
    border-radius: 5px;
    padding: 3px 5px;
}
.filter-button.disabled[b-zx3pw51nqe] {
    background: #F2F2F2;
    cursor: default;
}
/* /Components/Components/Canteen/Frontend/AbsenceManagement.razor.rz.scp.css */
.movement-item[b-3uu5tcy5we] {
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 3px solid var(--primary)AA;
    cursor: pointer;
    border-top: 1px solid #e5e5e5;
    margin-top: 5px;
}
.movement-first-row[b-3uu5tcy5we] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 1rem;
    padding: 0 0 0 .889rem;
    font-weight: 600;

    color: var(--primary);
}
.movement-second-row[b-3uu5tcy5we] {
    font-size: 1rem;
    color: rgba(25,25,25,.7);
    padding: 0 0 0 .889rem;
    text-transform: capitalize;
}
.movement-item:hover .movement-first-row[b-3uu5tcy5we] {
    text-decoration: underline;
    color: var(--secondary);
}
.movement-canceled[b-3uu5tcy5we] {
    border-left-color: #a91919AA !important;
}
    .movement-canceled .movement-first-row[b-3uu5tcy5we] {
        color: #a91919 !important;
    }
    .movement-canceled:hover movement-first-row[b-3uu5tcy5we] {
        color: #ff0000 !important;
    }
    .movement-canceled svg[b-3uu5tcy5we] {
        fill: #a91919;
        margin-left: -5px;
        height: 28px;
    }
/* /Components/Components/Canteen/Frontend/CreateSubscriptions.razor.rz.scp.css */
.segment-line .form-group[b-dsv2vbh5kl]{
    width: 100%;
}


.subscriber-container-add[b-dsv2vbh5kl] {
    height: 50px;
    width: 100%;
    text-align: center;
    box-shadow: inset 0 0 0 2px var(--primary);
    border-radius: 4px;
    line-height: 50px;
    text-transform: uppercase;
    color: var(--primary);
    cursor: pointer;
    font-weight: 700;
}
    .subscriber-container-add:hover[b-dsv2vbh5kl] {
        height: 50px;
        width: 100%;
        text-align: center;
        color: var(--primary);
        background-color: #f5f5f5;
    }

.privacy-check-container .element-checkbox[b-dsv2vbh5kl] {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
}

.container-error[b-dsv2vbh5kl]{
    color: red;
}
.btn[b-dsv2vbh5kl]{
    width: auto;
    min-width: 150px;
    padding-left: 10px;
    padding-right: 10px;
}

.previous-sub-container[b-dsv2vbh5kl] {
    height: 300px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.previous-sub-item[b-dsv2vbh5kl]{
    border: 1px solid #d9d9d9;
    padding: 20px;
    border-radius: 3px;
    margin-right: 5px;
    cursor: pointer;
}
.previous-sub-item:hover[b-dsv2vbh5kl]{
    border-color: var(--primary);
}
.previous-sub-button-container[b-dsv2vbh5kl] {
    display: flex;
    justify-content: flex-end;
}
.previous-popup-button-container[b-dsv2vbh5kl] {
    display: flex;
    justify-content: flex-end;
}

.segment-listview-item-container[b-dsv2vbh5kl] {
    cursor: pointer;
    padding: 10px;
    padding-left: 15px;
    padding-right: 65px;
    background-color: var(--primary-text-color);
    border: 1px solid #f2f2f2;
    border-left: 5px solid #f2f2f2;
    border-radius: 3px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    width: 100% !important;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    position: relative;
}

    .segment-listview-item-container:hover[b-dsv2vbh5kl] {
        color: var(--primary);
        border-color: var(--primary);
    }

        .segment-listview-item-container:hover .listview-item-button[b-dsv2vbh5kl] {
            color: var(--primary-text-color) !important;
            background-color: var(--primary);
        }

.segment-listview-item-data-container[b-dsv2vbh5kl] {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    flex: 1;
}

.listview-item-data[b-dsv2vbh5kl] {
    display: flex;
    flex-direction: column;
}

.segment-listview-item-title[b-dsv2vbh5kl] {
    margin-top: auto;
    margin-bottom: auto;
}

.listview-item-bullet[b-dsv2vbh5kl] {
    font-size: 36px;
    width: 50px;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    color: #808080;
}
.listview-item-button[b-dsv2vbh5kl] {
    position: absolute;
    margin-top: auto;
    right: 0px;
    top: 0px;
    margin-bottom: auto;
    width: 50px;
    height: 100%;
    background-color: #f2f2f2;
    color: #808080;
}

.listview-item-button-container[b-dsv2vbh5kl] {
    height: 100%;
    display: flex;
}

.listview-item-button-icon[b-dsv2vbh5kl] {
    margin: auto;
    font-size: 18px;
}

.address-not-found-container[b-dsv2vbh5kl] {
    cursor: pointer;
}

    .address-not-found-container:hover[b-dsv2vbh5kl] {
        color: var(--secondary);
        text-decoration: underline !important;
    }
/* /Components/Components/Canteen/Frontend/Dashboard.razor.rz.scp.css */
.segment-container[b-4wwv5mn2hr] {
    height: 100%;
    display: flex;
    gap: 30px;
    padding: 0px !important;
}

.segment-left[b-4wwv5mn2hr] {
    justify-content: flex-start;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    width: 100%;
    min-height: 320px;
}


@media (max-width: 680px) {

    .segment-left[b-4wwv5mn2hr] {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        min-height: 0px;
        margin-bottom: 20px;
    }
}

.segment-right[b-4wwv5mn2hr] {
    justify-content: flex-end;
    width: 100%;
    padding-top: 30px;
}

.segment-separator[b-4wwv5mn2hr] {
    border-bottom: 1px solid;
    height: 1px;
}

.segment-line[b-4wwv5mn2hr] {
    display: flex;
    justify-content: space-between;
}

.segment-line-end[b-4wwv5mn2hr] {
    display: flex;
    justify-content: flex-end;
}

.segment-title[b-4wwv5mn2hr] {
    font-weight: bold;
    font-size: 18px;
    flex: 1;
}

.segment-value[b-4wwv5mn2hr] {
    font-size: 16px;
    flex: 1;
    align-self: normal;
}

.subscriber-container[b-4wwv5mn2hr] {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px;
}

.subscriber-status-icon[b-4wwv5mn2hr] {
    margin-left: 10px;
    height: 24px;
    width: 24px;
}

aside#sidebar[b-4wwv5mn2hr] {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 15px;
}

article[b-4wwv5mn2hr], aside[b-4wwv5mn2hr], details[b-4wwv5mn2hr], figcaption[b-4wwv5mn2hr], figure[b-4wwv5mn2hr], footer[b-4wwv5mn2hr], header[b-4wwv5mn2hr], hgroup[b-4wwv5mn2hr], main[b-4wwv5mn2hr], menu[b-4wwv5mn2hr], nav[b-4wwv5mn2hr], section[b-4wwv5mn2hr], summary[b-4wwv5mn2hr] {
    display: block;
}

.sidebar_box[b-4wwv5mn2hr] {
    display: block;
    margin-bottom: 25px;
    line-height: 1.42857;
    max-width: 500px;
}

.nav[b-4wwv5mn2hr], #main_navigation #primary_nav[b-4wwv5mn2hr], #main_navigation #service_nav[b-4wwv5mn2hr] {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .nav > li[b-4wwv5mn2hr], #main_navigation #primary_nav > li[b-4wwv5mn2hr], #main_navigation #service_nav > li[b-4wwv5mn2hr] {
        position: relative;
        display: block;
    }

ol ol[b-4wwv5mn2hr], ol ul[b-4wwv5mn2hr], ul ol[b-4wwv5mn2hr], ul ul[b-4wwv5mn2hr] {
    margin-bottom: 0;
    list-style: none;
}

.login-element[b-4wwv5mn2hr] {
    background-color: #f2f2f2;
    padding: 30px;
    width: 100%;
    flex: 1;
    text-align: center;
}


.k-grid[b-4wwv5mn2hr] {
    min-height: 250px !important;
}

.right-menu[b-4wwv5mn2hr] {
    margin-bottom: 10px;
    border-bottom: 2px;
    border-bottom-style: solid;
}

.active[b-4wwv5mn2hr] {
    margin-bottom: 20px;
}


.icon-Container[b-4wwv5mn2hr] {
    margin-right: 5px;
}

.default-space[b-4wwv5mn2hr] {
    height: 20px;
    width: 10px;
}

h5[b-4wwv5mn2hr], .h5[b-4wwv5mn2hr] {
    color: var(--primary);
}

.application-row[b-4wwv5mn2hr] {
    display: flex;
    flex-wrap: wrap;
}

.application-label[b-4wwv5mn2hr] {
    width: 180px;
}

.application-value[b-4wwv5mn2hr] {
}

.applicant-container[b-4wwv5mn2hr] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.applicant-group[b-4wwv5mn2hr] {
    flex: 1;
}

.subscription-split-container[b-4wwv5mn2hr] {
    display: flex;
    gap: 30px;
    row-gap: 30px;
    flex-wrap: wrap;
    flex: 1;
}

.subscription-split-left[b-4wwv5mn2hr], .subscription-split-right[b-4wwv5mn2hr] {
    flex: 1;
}

.subscription-split-subelement[b-4wwv5mn2hr] {
    width: 47%;
    /*border: 1px solid #d9d9d9;*/
    /*border-radius: 3px;*/
    /*padding: 15px;*/
}

.segment-header[b-4wwv5mn2hr] {
    display: flex;
    gap: 10px;
}

.segment-header-icon[b-4wwv5mn2hr] {
    font-size: 24px;
    width: 30px;
    margin-top: -4px;
}

.segment-header-text[b-4wwv5mn2hr] {
    font-weight: normal;
    line-height: 30px;
}

.btn[b-4wwv5mn2hr] {
    width: auto;
}

.segment-button-bar[b-4wwv5mn2hr] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.subscriber-container[b-4wwv5mn2hr] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 24px;
}

.title-row-container[b-4wwv5mn2hr] {
    display: flex;
    gap: 30px;
}

.title-row-container-left[b-4wwv5mn2hr] {
    flex: 1;
}

.balance-container[b-4wwv5mn2hr] {
    min-width: 400px;
    max-height: 200px;
}

.balance-value-container[b-4wwv5mn2hr] {
    padding-left: 40px;
    font-size: 32px;
    font-weight: bold;
    color: var(--primary);
}

.title-row-container-left[b-4wwv5mn2hr] {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

.balance-button-container[b-4wwv5mn2hr] {
    padding-left: 40px;
}

.period-not-open[b-4wwv5mn2hr] {
    padding-left: 8px;
    color: #808080;
    padding-bottom: 5px;
    width: auto;
}

.table-container[b-4wwv5mn2hr] {
    width: 100%;
}

@media(max-width: 800px) {
    .title-row-container-left[b-4wwv5mn2hr] {
        flex-wrap: wrap;
        width: 100% !important;
        gap: 15px !important;
    }

    .title-row-container[b-4wwv5mn2hr] {
        flex-wrap: wrap;
        width: 100% !important;
    }

    .movements-container[b-4wwv5mn2hr] {
        width: 100% !important;
    }

    .subscriber-container[b-4wwv5mn2hr] {
        width: 100% !important;
        padding: 0px !important;
        box-shadow: none;
        padding: 0px;
        border: 0px;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 10px;
        padding-bottom: 10px !important;
    }

        .subscriber-container:last-of-type[b-4wwv5mn2hr] {
            border-bottom: 0px !important;
            margin-bottom: 0px;
            padding-bottom: 0px !important;
        }

    .subscription-split-subelement[b-4wwv5mn2hr] {
        width: 100% !important;
    }

    .segment-button-bar[b-4wwv5mn2hr] {
        justify-content: start;
        gap: 5px;
    }

    .balance-button-container[b-4wwv5mn2hr] {
        padding-left: 0px;
    }

    .application-label[b-4wwv5mn2hr] {
        width: 120px;
    }

    .action-container[b-4wwv5mn2hr] {
        display: flex;
        gap: 5px;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .subscriber-item-container[b-4wwv5mn2hr] {
        gap: 0px;
    }
}

.phone-container[b-4wwv5mn2hr] {
    justify-content: flex-start;
    gap: 5px;
}

.capitalize-text[b-4wwv5mn2hr] {
    text-transform: capitalize;
}
/* /Components/Components/Canteen/Frontend/LandingPageCanteen.razor.rz.scp.css */
.login-element[b-srnggd35yv] {
    background-color: var(--primary-text-color);
    padding: 0px;
    width: 100%;
    flex: 1;
    text-align: left;
}


.section-collapse-container-header[b-srnggd35yv] {
    background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 5px;
    width: 100%;
    flex: 1;
    font-weight: bold;
    font-size: 18px;
    color: var(--primary);
    cursor: pointer;
    text-decoration: underline;
}

.section-collapse-container[b-srnggd35yv] {
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
}

svg.svg-inline--fa.fa-angle-down[b-srnggd35yv] {
    margin-right: 5px;
}

.form-detail-download[b-srnggd35yv] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
}

    .form-detail-download:hover[b-srnggd35yv] {
        color: var(--primary);
    }

        .form-detail-download:hover .form-detail-download-icon[b-srnggd35yv] {
            color: var(--primary) !important;
        }

.form-detail-download-icon[b-srnggd35yv] {
    font-size: 24px;
    color: #808080;
}

.form-detail-download-description[b-srnggd35yv] {
    line-height: 34px;
}

.form-detail-event-container[b-srnggd35yv] {
    border: 1px solid #d9d9d9;
    padding: 10px;
    max-width: 800px;
    display: flex;
    gap: 10px;
}

.font-detail-event-date-container[b-srnggd35yv] {
    display: flex;
    gap: 50px;
}

.form-detail-event-container-left[b-srnggd35yv] {
    font-size: 28px;
    padding-right: 5px;
    padding-left: 5px;
    color: black;
}


.form-deadline-expired-message[b-srnggd35yv] {
    color: red;
}
/* /Components/Components/Canteen/Frontend/RechargeAmount.razor.rz.scp.css */


.segment-left[b-rf0x68kc2k] {
    justify-content: flex-start;
    padding: 30px;
    width: 100%;
    min-height: 320px;
}

.segment-right[b-rf0x68kc2k] {
    justify-content: flex-end;
    width: 100%;
    padding: 30px;
}

.segment-separator[b-rf0x68kc2k] {
    border-bottom: 1px solid;
    height: 1px;
}

.segment-line[b-rf0x68kc2k] {
    display: flex;
    justify-content: space-between;
}

.segment-line-end[b-rf0x68kc2k] {
    display: flex;
    justify-content: flex-end;
}

.segment-title[b-rf0x68kc2k] {
    flex: 1;
}

.info-box[b-rf0x68kc2k] {
    margin-top: 10px;
    background-color: #F2F2F2 !important;
    border-color: #a9a9a9;
    padding: 5px;
    color: #707070 !important;
}
.balance-container[b-rf0x68kc2k] {
    min-width: 400px;
    max-height: 200px;
}

.balance-value-container[b-rf0x68kc2k] {
    padding-left: 40px;
    font-size: 32px !important;
    font-weight: bold;
    color: var(--primary); 
}

.segment-header[b-rf0x68kc2k] {
    display: flex;
    gap: 10px;
}

.segment-header-icon[b-rf0x68kc2k] {
    font-size: 24px;
    width: 30px;
    margin-top: -4px;
}

.segment-header-text[b-rf0x68kc2k] {
    font-weight: normal;
    line-height: 30px;
}
/* /Components/Components/Canteen/Frontend/RequestLandingPageCanteen.razor.rz.scp.css */
.login-element[b-m7pwtmn472] {
    background-color: var(--primary-text-color);
    padding: 0px;
    width: 100%;
    flex: 1;
    text-align: left;
}


.section-collapse-container-header[b-m7pwtmn472] {
    background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 5px;
    width: 100%;
    flex: 1;
    font-weight: bold;
    font-size: 18px;
    color: var(--primary);
    cursor: pointer;
    text-decoration: underline;
}

.section-collapse-container[b-m7pwtmn472] {
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
}

svg.svg-inline--fa.fa-angle-down[b-m7pwtmn472] {
    margin-right: 5px;
}

.form-detail-download[b-m7pwtmn472] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
}

    .form-detail-download:hover[b-m7pwtmn472] {
        color: var(--primary);
    }

        .form-detail-download:hover .form-detail-download-icon[b-m7pwtmn472] {
            color: var(--primary) !important;
        }

.form-detail-download-icon[b-m7pwtmn472] {
    font-size: 24px;
    color: #808080;
}

.form-detail-download-description[b-m7pwtmn472] {
    line-height: 34px;
}

.form-detail-event-container[b-m7pwtmn472] {
    border: 1px solid #d9d9d9;
    padding: 10px;
    max-width: 800px;
    display: flex;
    gap: 10px;
}

.font-detail-event-date-container[b-m7pwtmn472] {
    display: flex;
    gap: 50px;
}

.form-detail-event-container-left[b-m7pwtmn472] {
    font-size: 28px;
    padding-right: 5px;
    padding-left: 5px;
    color: black;
}


.form-deadline-expired-message[b-m7pwtmn472] {
    color: red;
}
/* /Components/Components/Canteen/Frontend/RequestRefundBalances.razor.rz.scp.css */
.container-error[b-7o1cf0oqvl] {
    color: red;
}
/* /Components/Components/Canteen/Frontend/RequestRefundBalancesCommittedComponent.razor.rz.scp.css */
.segment-container[b-yxhdhq4v4a] {
    width: 100%;
}
/* /Components/Components/Canteen/Frontend/RequestRefundBalancesDetail.razor.rz.scp.css */
.application-row[b-89ce3qtwfe] {
    display: flex;
    flex-wrap: wrap;
}

.application-label[b-89ce3qtwfe] {
    width: 300px;
}

.application-value[b-89ce3qtwfe] {
    font-weight: 600;
    word-break: break-all;
}

.status-template-reason[b-89ce3qtwfe] {
    width: 500px;
    word-break: break-word;
    word-wrap: normal;
    overflow: hidden;
}

.user-application-container[b-89ce3qtwfe] {
    position: relative;
}
/* /Components/Components/Canteen/Frontend/SignRequestRefundBalances.razor.rz.scp.css */
/* /Components/Components/Canteen/Frontend/SubscriberDetail.razor.rz.scp.css */

.application-label[b-ueg5zmfu43] {
    width: 250px;
}

.application-value[b-ueg5zmfu43] {
    font-weight: 600;
    word-break: break-all;
}
.phone-container[b-ueg5zmfu43] {
    justify-content: flex-start;
    gap: 5px;
}
    .phone-container .btn[b-ueg5zmfu43] {
        width: 38px !important;
        height: 38px !important;
        padding: 0px;
        line-height: 36px;
    }
/* /Components/Components/Canteen/Frontend/SubscriberSuccess.razor.rz.scp.css */

.application-label[b-33viywubgp] {
    width: 250px;
}

.application-value[b-33viywubgp] {
    font-weight: 600;
    word-break: break-all;
}
.phone-container[b-33viywubgp] {
    justify-content: flex-start;
    gap: 5px;
}
    .phone-container .btn[b-33viywubgp] {
        width: 38px !important;
        height: 38px !important;
        padding: 0px;
        line-height: 36px;
    }
/* /Components/Components/Canteen/Frontend/TaxReports.razor.rz.scp.css */
.dl-btn[b-t1zry7gvpa] {
    margin-left: 10px;
    width: 35px;
    padding: 0px;
}

.context-container[b-t1zry7gvpa] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.context-item-container[b-t1zry7gvpa] {
    border: 2px solid var(--primary);
    color: var(--primary);
    border-radius: 3px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.context-item-container:hover[b-t1zry7gvpa] {
    background-color: var(--primary)CC;
    color: var(--primary-text-color);
}

.context-aktiv[b-t1zry7gvpa] {
    background-color: var(--primary)CC;
    color: var(--primary-text-color);
    cursor: default !important;
}
.authority-tag[b-t1zry7gvpa] {
    width: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 30px !important;
    height: auto !important;
    border: 2px solid var(--primary) !important;
    box-shadow: none !important;
}
.tax-report-download-container[b-t1zry7gvpa] {
    padding: 20px 10px;
    border-bottom: 1px solid #bbb;
    display: flex;
    justify-content: space-between;
    max-width: 600px;
}
.trdc-left[b-t1zry7gvpa] {
    display: flex;
    flex-direction: column;
}
.trdc-right[b-t1zry7gvpa] {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    align-items: flex-end;
}
.trdc-right button:hover[b-t1zry7gvpa] {
    text-decoration: underline;
}
.report-created-at[b-t1zry7gvpa] {
    font-size: .85rem;
}
.report-data[b-t1zry7gvpa] {
    display: flex;
    gap: 20px;
}
.tax-report-download-icon[b-t1zry7gvpa] {
    margin-right: 7px;
    color: var(--primary);
}
.reports-container[b-t1zry7gvpa] {
    min-height: 250px;
}
/* /Components/Components/Canteen/SubscriptionDetailComponent.razor.rz.scp.css */
h5[b-a7lo0c1fkr], .h5[b-a7lo0c1fkr] {
    color: var(--primary);
}
.preview-container[b-a7lo0c1fkr] {
    height: 500px;
    /*height: calc(100% - 45px) !important;
    height: -moz-calc(100% - 45px) !important;
    height: -webkit-calc(100% - 45px) !important;
    height: -o-calc(100% - 45px) !important;*/
}
.preview-url-container[b-a7lo0c1fkr] {
    height: 100%;
}
.viewerobject[b-a7lo0c1fkr] {
    min-height: 500px;
}
.mensa-change-container[b-a7lo0c1fkr]{
    display: flex;
    gap: 10px;
}

.authority-tag[b-a7lo0c1fkr] {
    width: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 30px !important;
    height: auto !important;
    border: 2px solid var(--primary) !important;
    box-shadow: none !important;
}
.canteen-subscription-selection-container[b-a7lo0c1fkr]{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
/* /Components/Components/Canteen/SubscriptionElementComponent.razor.rz.scp.css */
h5[b-idtzfxwswz], .h5[b-idtzfxwswz] {
    color: var(--primary);
}

.preview-container[b-idtzfxwswz] {
    height: 500px;
}

.preview-url-container[b-idtzfxwswz] {
    height: 100%;
}

.viewerobject[b-idtzfxwswz] {
    min-height: 500px;
}

.mensa-change-container[b-idtzfxwswz] {
    display: flex;
    gap: 10px;
}

.element-group-container[b-idtzfxwswz] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 30px;
    text-align: start;
}

.demand-status-container[b-idtzfxwswz] {
    margin: 0 5px;
}

.element-group[b-idtzfxwswz] {
    width: 48%;
    border: 1px solid #d9d9d9;
    padding: 10px;
    border-radius: 3px;
    line-height: 38px;
}
.element-group-row[b-idtzfxwswz]{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.element-group-row-description[b-idtzfxwswz]{
    width: 200px;
}
.element-editable[b-idtzfxwswz]{
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
    .element-editable .btn[b-idtzfxwswz] {
        width: 38px;
        height: 38px;
    }
.editable-row[b-idtzfxwswz]{
    line-height: 38px;
}
.different-value[b-idtzfxwswz]{
    color: red !important;
}

.work-confirmation-link[b-idtzfxwswz] {
    color: var(--primary);
    text-decoration: none;
}

.work-confirmation-link:hover[b-idtzfxwswz] {
    text-decoration: underline;
}
/* /Components/Components/Canteen/UploadMedicalFileComponent.razor.rz.scp.css */
.upload-file-container[b-g7cad4xrwf] {
    border: 1px solid #dfdfdf;
    padding: 10px;
    width: 300px;
    cursor: pointer;
    z-index: 10;
    overflow: hidden;
}

    .upload-file-container:hover[b-g7cad4xrwf] {
        border-color: var(--primary);
    }

        .upload-file-container:hover .upload-file-footer-actions[b-g7cad4xrwf] {
            background-color: var(--primary);
            color: var(--primary-text-color);
        }

.upload-file-actions[b-g7cad4xrwf]{
    display: flex;
    justify-content: space-between;
    margin-top: -11px;
    margin-left: -11px;
    margin-right: -11px;
    background-color: var(--primary);
    color: var(--primary-text-color);
    padding-bottom: 3px;
}
.upload-file-preview[b-g7cad4xrwf]{
    height: 100px;
    text-align: center;
    vertical-align: middle;
    line-height: 100px;
}

.upload-file-footer-actions[b-g7cad4xrwf] {
    text-align: center;
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px;
    color: #707070;
    background-color: #dfdfdf;
}
.upload-file-name[b-g7cad4xrwf] {
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    overflow: hidden;
    height: 30px;
}

.upload-file-list-container[b-g7cad4xrwf] {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    flex-wrap: wrap;
    border: 1px dashed var(--primary);
    padding: 10px;
    position: relative;
}
.upload-file-empty[b-g7cad4xrwf] {
    color: var(--primary);
    width: 100%;
    text-align: center;
    margin: auto;
}

.dropzone-drag[b-g7cad4xrwf]{
    border: 1px solid var(--primary) !important;
    background-color: #dfdfdf;
}

.drop-zone[b-g7cad4xrwf] {
    padding: 20px;
    width: 100%;
    min-height: 100px;
    border: 1px dashed var(--primary);
    border-radius: 5px;
}

    .drop-zone.hover[b-g7cad4xrwf] {
        border-style: solid;
    }

.upload-file-image[b-g7cad4xrwf] {
    height: 80px;
}

.upload-error[b-g7cad4xrwf]{
    color: red !important;
}

.small-style .upload-file-list-container[b-g7cad4xrwf] {
    gap: 5px !important;
    max-height: 230px;
    overflow: auto;
    
}
.small-style .drop-zone[b-g7cad4xrwf]{
    min-height: unset !important;
    padding: 10px;
}
.small-style .upload-file-container[b-g7cad4xrwf]{
    max-height: 100px;
    max-width: 100px;
    overflow: hidden;
}
.small-style .upload-file-preview[b-g7cad4xrwf] {
    line-height: 60px !important;
}
.small-style .upload-file-footer-actions[b-g7cad4xrwf]{
    display: none !important;
}

.small-style .upload-file-image[b-g7cad4xrwf] {
    height: 50px;
}
.upload-file-actions .btn[b-g7cad4xrwf]{
    width: 25px !important;
    height: 30px !important;
    padding: 1px !important;
    line-height: 15px !important;
}
/* /Components/Components/Canteen/UserDokuments.razor.rz.scp.css */
.document-detail-download[b-9myo34qqv2] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
}

    .document-detail-download:hover[b-9myo34qqv2] {
        color: var(--primary);
    }

        .document-detail-download:hover .document-detail-download-icon[b-9myo34qqv2] {
            color: var(--primary) !important;
        }

.document-detail-download-icon[b-9myo34qqv2] {
    font-size: 24px;
    color: #808080;
}

.document-detail-download-description[b-9myo34qqv2] {
    line-height: 34px;
}
/* /Components/Components/Chat/ChatComponent.razor.rz.scp.css */
.rchat-container[b-h3piuinyuh] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 300px;
    border: 2px solid var(--primary);
    border-radius: 3px;
}
.rchat-message-panel[b-h3piuinyuh] {
    flex: 1;
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 10px 10px 0;
    gap: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.rchat-message[b-h3piuinyuh] {
    padding: 7px 15px;
    max-width: 75%;
    border-radius: 10px 10px 10px 0;
    align-self: start;
    background-color: var(--primary-text-color)fff;
    text-align: start;
    display: flex;
    flex-direction: column;
}
.rchat-message.me[b-h3piuinyuh] {
    align-self: end;
    border-radius: 10px 10px 0 10px;
    background-color: #E8EBFA;
}
.rchat-message.msg-gap[b-h3piuinyuh] {
    margin-top: 10px;
}
.rchat-sender-container[b-h3piuinyuh] {
    align-self: start;
    display: flex;
    gap: 5px;
    font-size: .85rem;
}
.rchat-message-msg-container[b-h3piuinyuh] {
    color: black;
}
.rchat-spacer[b-h3piuinyuh] {
    height: 10px;
}
.rchat-message-docs-container[b-h3piuinyuh] {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.rchat-message-document[b-h3piuinyuh] {
    border-radius: 5px;
    border: 1px solid var(--primary);
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    position: relative;
    cursor: pointer;
}
.rchat-message-document-name[b-h3piuinyuh] {
    text-align: center;
    overflow: hidden;
    font-size: .9rem;
    color: black;
    text-overflow: ellipsis;
    max-width: 150px;
    white-space: nowrap;
}
.rchat-message-document-download[b-h3piuinyuh] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    background-color: #E8EBFA99;
    display: none;
    cursor:pointer;
    z-index: 1;
}
.rchat-message-document:hover .rchat-message-document-download[b-h3piuinyuh] {
   display: flex;
}
/* /Components/Components/Chat/ChatInputComponent.razor.rz.scp.css */
/*Input block*/
.rchat-input-container[b-jz8bygdgnf] {
    background-color: #E8EBFA;
}
.rchat-input-form[b-jz8bygdgnf] {
    display: flex;
    gap: 20px;
    padding: 15px;
}

.rchat-input-text[b-jz8bygdgnf] {
    border: none;
    padding-left: 10px;
    box-shadow: none !important;
    outline: none !important;
    appearance: none !important;
    color: #191919;
    font-weight: normal;
    background-color: transparent;
    border-bottom: 1px solid #cccccc;
    flex: 1;
}
.rchat-input-text.focus--mouse[b-jz8bygdgnf] {
    border: none !important;
    border-bottom: 1px solid #777777 !important;
}
.rchat-input-text[b-jz8bygdgnf]::placeholder {
    font-size: 1rem;
    font-weight: normal;
}
.rchat-button[b-jz8bygdgnf] {
    border: none;
    background-color: transparent;
}
.rchat-button:hover[b-jz8bygdgnf] {
    color: var(--primary);
}
.rchat-button:disabled:hover[b-jz8bygdgnf] {
    color: #cccccc;
    cursor: default;
}
.rchat-button:disabled[b-jz8bygdgnf] {
    color: #cccccc;
}
.rchat-input-not-allowed[b-jz8bygdgnf] {
    display: flex;
    justify-content: center;
    padding: 20px;
    color: var(--primary);
}
/* /Components/Components/Chat/ChatUploadComponent.razor.rz.scp.css */
.rchat-file-drop[b-fl0ckyjj9l] {
    width: 100%;
    min-height: 70px;
    border: 2px dotted var(--primary);
    border-radius: 10px;
    display: flex;
    gap: 5px;
    padding: 5px;
    flex-wrap: wrap;
}
.rchat-upload-component[b-fl0ckyjj9l] {
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}
.rchat-input-file[b-fl0ckyjj9l] {
    display: none;
}
.rchat-file-upload-btn[b-fl0ckyjj9l] {
    background-color: var(--primary);
    border-radius: 4px;
    padding: 3px 8px;
    color: var(--primary-text-color);
    transition: color 200ms;
    border: none;
}
.rchat-file-upload-btn:hover[b-fl0ckyjj9l] {
    background-color: var(--primary)dd;
}

.rchat-upload-doc[b-fl0ckyjj9l] {
    border-radius: 10px;
    border: 2px solid #cccccc;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px;
    position: relative;
}

.rchat-upload-doc-download-section[b-fl0ckyjj9l] {
    display: flex;
    gap: 15px;
    align-items: center;
}

.rchat-upload-doc-download-section:hover .rchat-upload-doc-download-btn[b-fl0ckyjj9l] {
    display: flex;
}

.rchat-upload-doc-download-btn[b-fl0ckyjj9l] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    background-color: #E8EBFA99;
    display: none;
    cursor:pointer;
    z-index: 1;
}

.rchat-upload-doc-name[b-fl0ckyjj9l] {
    text-align: center;
    overflow: hidden;
    font-size: .9rem;
    color: black;
    text-overflow: ellipsis;
    max-width: 70px;
    white-space: nowrap;
}

.rchat-upload-doc-icon[b-fl0ckyjj9l] {
    
}
.rchat-upload-doc-x[b-fl0ckyjj9l] {
    cursor: pointer;
    padding: 0 5px;
    border-radius: 5px;
    z-index: 2;
}
.rchat-upload-doc-x:hover[b-fl0ckyjj9l] {
    background-color: rgba(0,0,0,0.1);
}

.rchat-summary-doc[b-fl0ckyjj9l] {
    display: flex;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    font-size: .85rem;
    max-width: 80px;
    border-radius: 3px;
    padding: 2px 5px;
    gap: 5px;
    
}
.rchat-summary-doc-name[b-fl0ckyjj9l] {
    white-space: nowrap;
    font-size: .85rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rchat-summary-doc:hover[b-fl0ckyjj9l] {
    background-color: rgba(0,0,0,0.1);
}
.rchat-current-docs-preview[b-fl0ckyjj9l] {
    display: flex;
    gap: 15px;
    padding: 5px 10px;
    flex-wrap: wrap;
    border-bottom: 1px solid #cccccc;
}
.rchat-upload-empty-msg[b-fl0ckyjj9l] {
    width: 100%;
    height: 100%;
    text-align: center;
    align-self: center;
}
/* /Components/Components/CodeInput/CodeInputComponent.razor.rz.scp.css */
.code-input-container[b-oqt5ejq39v]
{
    display: flex;
    gap: 10px;
    justify-content: flex-start;
}

.code-input-field[b-oqt5ejq39v] {
    width: 40px;
    height: 40px;
}

    .code-input-field input[b-oqt5ejq39v] {
        width: 40px;
        height: 40px;
        border-radius: 0px;
        border: 1px solid black;
        text-align: center;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: textfield;
    }

        .code-input-field input[b-oqt5ejq39v]::-webkit-outer-spin-button,
        .code-input-field input[b-oqt5ejq39v]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
/* /Components/Components/Collapsible/Collapsible.razor.rz.scp.css */
.collapsible-container-title-row[b-vcg20otf40] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
    color: black;
    border-bottom: 1px solid #f2f2f2;
}

    .collapsible-container-title-row:hover[b-vcg20otf40] {
        color: var(--primary) !important;
        border-color: var(--primary);
    }

.collapsible-container-content[b-vcg20otf40]{
    margin-top: 20px;
}
/* /Components/Components/Contacts/EditComponent.razor.rz.scp.css */
/* /Components/Components/Contacts/SelectionComponent.razor.rz.scp.css */
.segment-button-toolbar[b-rqkzauknbc]
{
    display: flex;
    justify-content: space-between;
}

.edit-icon[b-rqkzauknbc] {
    color: var(--primary);
    margin-left: 10px;
}

    .edit-icon:hover[b-rqkzauknbc] {
        color: var(--secondary);
    }
/* /Components/Components/Cookies/ConsentCookie.razor.rz.scp.css */
#cookieConsent[b-n56qwamtv8] {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0px;
    left: 0px;
    z-index: 99998;
    background-color: #00000055;
}
.cookie-container[b-n56qwamtv8] {
    position: fixed;
    background-color: var(--primary-text-color);
    left: calc(50vw - 250px);
    bottom: calc(50vh - 150px);
    width: 500px;
    border: 1px solid var(--primary);
    padding: 1rem;
    z-index: 99999;
}

.cookie-header[b-n56qwamtv8] {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #d9d9d9;
    gap: 15px;
}

    .cookie-header svg[b-n56qwamtv8] {
        fill: var(--primary);
    }

.cookie-buttons[b-n56qwamtv8] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.cookie-link[b-n56qwamtv8] {
    margin-top: 24px;
}
@media(max-width: 920px) {
    .cookie-container[b-n56qwamtv8] {
        width: calc(100vw - 20px);
        bottom: 10px;
        left: 10px;
    }
}
/* /Components/Components/Dashboard/AuthorityContainer.razor.rz.scp.css */
.authority-first-row[b-dktj84z5m1] {
    display: flex;
    gap: 20px;
    justify-content: space-evenly;
}

.authority-card[b-dktj84z5m1] {
    /*width: 32%;*/
    flex: 1;
    border: 2px solid var(--primary);
    border-radius: 5px;
    padding: 20px;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    gap: 10px;
}

    .authority-card:hover[b-dktj84z5m1] {
        background-color: #dFdFdF;
        cursor: pointer;
    }

.authority-card-content[b-dktj84z5m1] {
    text-align: left;
    flex: 1;
}

.authority-card-icon[b-dktj84z5m1] {
    width: 60px;
    font-size: 36px;
    /*margin: auto;*/
}

.authority-card-value[b-dktj84z5m1] {
    font-weight: bold;
    font-size: 24px;
}

.authority-card-description[b-dktj84z5m1] {
}

.authority-second-row[b-dktj84z5m1] {
    display: flex;
    gap: 30px;
}

.authority-second-row-left[b-dktj84z5m1] {
    flex: 1;
}

.authority-second-row-right[b-dktj84z5m1] {
    flex: 1;
}

.authority-status-container[b-dktj84z5m1] {
    display: flex;
    gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
    border: 1px solid var(--primary);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 350px;
    overflow: auto;
}

.authority-status-element[b-dktj84z5m1] {
    width: 48%;
    display: flex;
    gap: 10px;
}

    .authority-status-element:hover .authority-status-element-description[b-dktj84z5m1] {
        color: var(--primary) !important;
        cursor: pointer;
    }

.authority-status-element-value[b-dktj84z5m1] {
    min-width: 35px;
    text-align: left;
    font-weight: bold;
}

.authority-priority-container[b-dktj84z5m1] {
    display: flex;
    gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
    border: 1px solid var(--primary);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
}

.authority-priority-element[b-dktj84z5m1] {
    width: 48%;
    display: flex;
    gap: 10px;
}

.authority-priority-element-description[b-dktj84z5m1] {
    display: flex;
    gap: 10px;
}

.authority-priority-element:hover[b-dktj84z5m1] {
    color: var(--primary) !important;
    cursor: pointer;
}

.authority-priority-legend[b-dktj84z5m1] {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    width: 100%;
}

.color-dash[b-dktj84z5m1] {
    margin-top: auto;
    margin-bottom: auto;
    height: 5px;
    width: 20px;
}

.authority-priority-element-value[b-dktj84z5m1] {
    min-width: 35px;
    text-align: left;
    font-weight: bold;
}

.authority-form-container[b-dktj84z5m1] {
    display: flex;
    gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
    border: 1px solid var(--primary);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
    height: 182px;
}

.authority-form-element[b-dktj84z5m1] {
    width: 48%;
    display: flex;
    gap: 10px;
    padding-right: 30px;
}

.authority-form-element-value[b-dktj84z5m1] {
    min-width: 35px;
    text-align: left;
    font-weight: bold;
}

.authority-container[b-dktj84z5m1]{
    position: relative;
}
/* /Components/Components/Dashboard/CanteenContainer.razor.rz.scp.css */
.authority-first-row[b-o86ym875wq] {
    display: flex;
    gap: 20px;
    justify-content: space-evenly;
}

.authority-card[b-o86ym875wq] {
    /*width: 32%;*/
    flex: 1;
    border: 2px solid var(--primary);
    border-radius: 5px;
    padding: 20px;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    gap: 10px;
}

    .authority-card:hover[b-o86ym875wq] {
        background-color: #dFdFdF;
        cursor: pointer;
    }

.authority-card-content[b-o86ym875wq] {
    text-align: left;
    flex: 1;
}

.authority-card-icon[b-o86ym875wq] {
    width: 60px;
    font-size: 36px;
    /*margin: auto;*/
}

.authority-card-value[b-o86ym875wq] {
    font-weight: bold;
    font-size: 24px;
}

.authority-card-description[b-o86ym875wq] {
}

.authority-second-row[b-o86ym875wq] {
    display: flex;
    gap: 30px;
}

.authority-second-row-left[b-o86ym875wq] {
    flex: 1;
}

.authority-second-row-right[b-o86ym875wq] {
    flex: 1;
}

.authority-status-container[b-o86ym875wq] {
    display: flex;
    gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
    border: 1px solid var(--primary);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 350px;
    overflow: auto;
}

.authority-status-element[b-o86ym875wq] {
    width: 48%;
    display: flex;
    gap: 10px;
}

    .authority-status-element:hover .authority-status-element-description[b-o86ym875wq] {
        color: var(--primary) !important;
        cursor: pointer;
    }

.authority-status-element-value[b-o86ym875wq] {
    min-width: 35px;
    text-align: left;
    font-weight: bold;
}

.authority-priority-container[b-o86ym875wq] {
    display: flex;
    gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
    border: 1px solid var(--primary);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
}

.authority-priority-element[b-o86ym875wq] {
    width: 48%;
    display: flex;
    gap: 10px;
}

.authority-priority-element-description[b-o86ym875wq] {
    display: flex;
    gap: 10px;
}

.authority-priority-element:hover[b-o86ym875wq] {
    color: var(--primary) !important;
    cursor: pointer;
}

.authority-priority-legend[b-o86ym875wq] {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    width: 100%;
}

.color-dash[b-o86ym875wq] {
    margin-top: auto;
    margin-bottom: auto;
    height: 5px;
    width: 20px;
}

.authority-priority-element-value[b-o86ym875wq] {
    min-width: 35px;
    text-align: left;
    font-weight: bold;
}

.authority-form-container[b-o86ym875wq] {
    display: flex;
    gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
    border: 1px solid var(--primary);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
    height: 182px;
}

.authority-form-element[b-o86ym875wq] {
    width: 48%;
    display: flex;
    gap: 10px;
    padding-right: 30px;
}

.authority-form-element-value[b-o86ym875wq] {
    min-width: 35px;
    text-align: left;
    font-weight: bold;
}

.authority-container[b-o86ym875wq]{
    position: relative;
}
/* /Components/Components/Dashboard/RoomContainer.razor.rz.scp.css */
.authority-first-row[b-wp62zmbpna] {
    display: flex;
    gap: 20px;
    justify-content: space-evenly;
}

.authority-card[b-wp62zmbpna] {
    /*width: 32%;*/
    flex: 1;
    border: 2px solid var(--primary);
    border-radius: 5px;
    padding: 20px;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    gap: 10px;
}

    .authority-card:hover[b-wp62zmbpna] {
        background-color: #dFdFdF;
        cursor: pointer;
    }

.authority-card-content[b-wp62zmbpna] {
    text-align: left;
    flex: 1;
}

.authority-card-icon[b-wp62zmbpna] {
    width: 60px;
    font-size: 36px;
    /*margin: auto;*/
}

.authority-card-value[b-wp62zmbpna] {
    font-weight: bold;
    font-size: 24px;
}

.authority-card-description[b-wp62zmbpna] {
}

.authority-second-row[b-wp62zmbpna] {
    display: flex;
    gap: 30px;
}

.authority-second-row-left[b-wp62zmbpna] {
    flex: 1;
}

.authority-second-row-right[b-wp62zmbpna] {
    flex: 1;
}

.authority-status-container[b-wp62zmbpna] {
    display: flex;
    gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
    border: 1px solid var(--primary);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 350px;
    overflow: auto;
}

.authority-status-element[b-wp62zmbpna] {
    width: 48%;
    display: flex;
    gap: 10px;
}

    .authority-status-element:hover .authority-status-element-description[b-wp62zmbpna] {
        color: var(--primary) !important;
        cursor: pointer;
    }

.authority-status-element-value[b-wp62zmbpna] {
    min-width: 35px;
    text-align: left;
    font-weight: bold;
}

.authority-priority-container[b-wp62zmbpna] {
    display: flex;
    gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
    border: 1px solid var(--primary);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
}

.authority-priority-element[b-wp62zmbpna] {
    width: 48%;
    display: flex;
    gap: 10px;
}

.authority-priority-element-description[b-wp62zmbpna] {
    display: flex;
    gap: 10px;
}

.authority-priority-element:hover[b-wp62zmbpna] {
    color: var(--primary) !important;
    cursor: pointer;
}

.authority-priority-legend[b-wp62zmbpna] {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    width: 100%;
}

.color-dash[b-wp62zmbpna] {
    margin-top: auto;
    margin-bottom: auto;
    height: 5px;
    width: 20px;
}

.authority-priority-element-value[b-wp62zmbpna] {
    min-width: 35px;
    text-align: left;
    font-weight: bold;
}

.authority-form-container[b-wp62zmbpna] {
    display: flex;
    gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
    border: 1px solid var(--primary);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
    height: 182px;
}

.authority-form-element[b-wp62zmbpna] {
    width: 48%;
    display: flex;
    gap: 10px;
    padding-right: 30px;
}

.authority-form-element-value[b-wp62zmbpna] {
    min-width: 35px;
    text-align: left;
    font-weight: bold;
}

.authority-container[b-wp62zmbpna]{
    position: relative;
}
/* /Components/Components/File/DownloadCardComponent.razor.rz.scp.css */
/* /Components/Components/File/PDFViewer.razor.rz.scp.css */
.telerik-report-container[b-gnntzbj8l4] {
    height: 100%;
    padding-bottom: 30px;
}

@media(min-width: 926px){
    .telerik-report-container[b-gnntzbj8l4] {
        padding-bottom: 60px;
    }
}

.telerik-report-toolbar[b-gnntzbj8l4]{
    margin-bottom: 10px;
}

.telerik-report-viewer[b-gnntzbj8l4] {
    height: 100%;
}
.telerik-image-viewer[b-gnntzbj8l4]{
    height: 100%;
    overflow: auto;
}
.telerik-image-viewer img[b-gnntzbj8l4] {
    width: 100%;
}
.form-detail-download[b-gnntzbj8l4] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
}

    .form-detail-download:hover[b-gnntzbj8l4] {
        color: var(--primary);
    }

        .form-detail-download:hover .form-detail-download-icon[b-gnntzbj8l4] {
            color: var(--primary) !important;
        }

.form-detail-download-icon[b-gnntzbj8l4] {
    font-size: 24px;
    color: #808080;
}

.form-detail-download-description[b-gnntzbj8l4] {
    line-height: 34px;
}
/* /Components/Components/File/PreviewWindow.razor.rz.scp.css */
/* /Components/Components/File/UploadComponent.razor.rz.scp.css */
.upload-file-container[b-36bqfixien] {
    border: 1px solid #dfdfdf;
    padding: 10px;
    width: 300px;
    cursor: pointer;
    z-index: 10;
    overflow: hidden;
}

    .upload-file-container:hover[b-36bqfixien] {
        border-color: var(--primary);
    }

        .upload-file-container:hover .upload-file-footer-actions[b-36bqfixien] {
            background-color: var(--primary);
            color: var(--primary-text-color);
        }

.upload-file-actions[b-36bqfixien]{
    display: flex;
    justify-content: space-between;
    margin-top: -11px;
    margin-left: -11px;
    margin-right: -11px;
    background-color: var(--primary);
    color: var(--primary-text-color);
    padding-bottom: 3px;
}

.upload-file-preview[b-36bqfixien]{
    height: 100px;
    text-align: center;
    vertical-align: middle;
    line-height: 100px;
}

.upload-file-footer-actions[b-36bqfixien] {
    text-align: center;
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px;
    color: #707070;
    background-color: #dfdfdf;
}
.small-style .upload-file-name[b-36bqfixien] {
    width: 90px;
}
.upload-file-name[b-36bqfixien] {
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    overflow: hidden;
    height: 30px;
    width: 270px;
}

.upload-file-list-container[b-36bqfixien] {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    flex-wrap: wrap;
    border: 1px dashed var(--primary);
    padding: 10px;
    position: relative;
}
.upload-file-empty[b-36bqfixien] {
    color: var(--primary);
    width: 100%;
    text-align: center;
    margin: auto;
}

.dropzone-drag[b-36bqfixien]{
    border: 1px solid var(--primary) !important;
    background-color: #dfdfdf;
}

.drop-zone[b-36bqfixien] {
    padding: 20px;
    width: 100%;
    min-height: 100px;
    border: 1px dashed var(--primary);
    border-radius: 5px;
}

    .drop-zone.hover[b-36bqfixien] {
        border-style: solid;
    }

.upload-file-image[b-36bqfixien] {
    height: 80px;
}

.upload-error[b-36bqfixien]{
    color: red !important;
}

.small-style .upload-file-list-container[b-36bqfixien] {
    gap: 5px !important;
    max-height: 230px;
    overflow: auto;
    
}
.small-style .drop-zone[b-36bqfixien]{
    min-height: unset !important;
    padding: 10px;
}
.small-style .upload-file-container[b-36bqfixien]{
    max-height: 100px;
    max-width: 100px;
    overflow: hidden;
}
.small-style .upload-file-preview[b-36bqfixien] {
    line-height: 60px !important;
}
.small-style .upload-file-footer-actions[b-36bqfixien]{
    display: none !important;
}

.small-style .upload-file-image[b-36bqfixien] {
    height: 50px;
}
.upload-file-actions .btn[b-36bqfixien]{
    width: 25px !important;
    height: 30px !important;
    padding: 1px !important;
    line-height: 15px !important;
}
.upload-component[b-36bqfixien]{
    position: relative;
}

.upload-file-button[b-36bqfixien] {
    width: fit-content !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.25rem !important;
    align-items: center !important;
    background-color: var(--primary) !important;
    border: var(--primary) !important;
    color: var(--primary-text-color) !important;
    font-size: var(--bs-body-font-size) !important;
    box-shadow: none !important;
    outline: 0 !important;
    cursor: pointer !important;
    gap: 4px !important;
}

    .upload-file-button:disabled[b-36bqfixien] {
        cursor: default !important;
        opacity: 0.6 !important;
    }

    .upload-file-button:not(:disabled):hover[b-36bqfixien] {
        background-color: var(--secondary) !important;
        text-decoration: underline !important;
    }

        .upload-file-button .upload-file-clip[b-36bqfixien] {
            width: 20px !important;
            height: 20px !important;
            font-size: 16px !important;
            color: var(--primary-text-color) !important;
            fill: var(--primary-text-color) !important;
        }

    .upload-file-button .upload-file-text[b-36bqfixien] {
        color: var(--primary-text-color) !important;
        font-size: var(--bs-body-font-size) !important;
        font-weight: var(--bs-body-font-weight) !important;
        line-height: var(--bs-body-line-height) !important;
    }
/* /Components/Components/Flipbook/FlipbookComponent.razor.rz.scp.css */
.flipbook-container[b-f5o7c0uhuu] {
    width: 100%;
    height: 100%;
}
/* /Components/Components/FormRendererMunicipalView/Container.razor.rz.scp.css */
.form-renderer-loader[b-fjn6bf9yzc]
{
    height: 50px;
    width: 100px;
    margin: auto;
    margin-top: 50px;
    text-align: center;
}

.container-error[b-fjn6bf9yzc] {
    color: red;
}
/* /Components/Components/FormRendererMunicipalView/Element.razor.rz.scp.css */
.element-checkbox[b-y76j0en6ij]
{
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.element-checkbox-switch[b-y76j0en6ij]{
    width: 65px;
    margin-top: auto;
    margin-bottom: auto;
}
.element-checkbox-text[b-y76j0en6ij]{
    /*width: 100%;*/
}
.element-error-style[b-y76j0en6ij]{
    border:1px solid red;
}

.element-error[b-y76j0en6ij] {
    color: red;
}

.element-difference[b-y76j0en6ij]{

}
/* /Components/Components/FormRendererMunicipal/Components/ListComponent.razor.rz.scp.css */

.header-desc[b-m9ccpo0vw0], .row-desc[b-m9ccpo0vw0], .footer-desc[b-m9ccpo0vw0] {
    width: 99%;
}

.header-value[b-m9ccpo0vw0], .row-value[b-m9ccpo0vw0], .footer-value[b-m9ccpo0vw0] {
    min-width: 150px;
}

.heaver-actions[b-m9ccpo0vw0], .row-actions[b-m9ccpo0vw0], .footer-actions[b-m9ccpo0vw0] {
    min-width: 80px;
}

.footer-value[b-m9ccpo0vw0] {
    text-align: left !important;
    padding-left: 10px !important;
}

.footer-desc[b-m9ccpo0vw0] {
    text-align: right !important;
}

.row-desc[b-m9ccpo0vw0] {
    padding-right: 5px;
    padding-top: 5px;
}

.row-value[b-m9ccpo0vw0] {
    padding-right: 5px;
    padding-top: 5px;
}

.row-actions[b-m9ccpo0vw0] {
    padding-top: 5px;
}
/* /Components/Components/FormRendererMunicipal/Container.razor.rz.scp.css */
.form-renderer-loader[b-v36xn0pv4p]
{
    height: 50px;
    width: 80%;
    margin: auto;
    margin-top: 50px;
    text-align: center;
}

.container-error[b-v36xn0pv4p] {
    color: red;
}

.element-container-add[b-v36xn0pv4p] {
    height: 50px;
    width: 100%;
    text-align: center;
    border: 1px dashed #dfdfdf;
    padding-top: 10px;
    text-transform: uppercase;
    color: #707070;
    cursor: pointer;
}

    .element-container-add:hover[b-v36xn0pv4p] {
        height: 50px;
        width: 100%;
        text-align: center;
        border: 1px dashed var(--primary);
        color: var(--primary);
        background-color: #f5f5f5;
    }

.position-relativ-container[b-v36xn0pv4p] {
    position: relative;
}

    .position-relativ-container .container-row-header[b-v36xn0pv4p] {
        position: absolute;
        top: 5px;
        left: 0px;
        right: -10px;
        display: flex;
        flex-flow: unset;
        justify-content: flex-end;
        z-index: 1;
        pointer-events: none;
    }

        .position-relativ-container .container-row-header .btn[b-v36xn0pv4p] {
            padding: .15rem .30rem;
            font-size: 14px;
            width: unset !important;
            pointer-events: auto;
        }

.form-renderer-loader-container[b-v36xn0pv4p]{
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100px;
}
/* /Components/Components/FormRendererMunicipal/Element.razor.rz.scp.css */
.element-checkbox[b-smbo62hklm]
{
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.element-checkbox-switch[b-smbo62hklm]{
    width: 65px;
    margin-top: auto;
    margin-bottom: auto;
}
.element-checkbox-text[b-smbo62hklm]{
    /*width: 100%;*/
}
.element-error-style[b-smbo62hklm]{
    border:1px solid red;
}

.element-error[b-smbo62hklm] {
    color: red;
}

.element-difference[b-smbo62hklm]{

}
.form-dropdown-item-container[b-smbo62hklm], .form-dropdown-item-value-container[b-smbo62hklm] {
    display: flex;
    justify-content: space-between;
}
.form-dropdown-item-charge[b-smbo62hklm]{
    font-weight: bold;
}
.form-dropdown-item-value-container .form-dropdown-item-description[b-smbo62hklm] {
    overflow: hidden;
}
.form-dropdown-item-container .form-dropdown-item-description[b-smbo62hklm] {
    overflow-wrap: break-word;
    word-break: break-word;
}

.form-dropdown-item-value-container[b-smbo62hklm] {
    height: 36px;
    line-height: 36px;
    margin-left: 5px;
    margin-right: 5px;
}
.element-value .element-radio-button[b-smbo62hklm] {
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
    padding-bottom: 5px;
    padding-top: 5px;
}
/* /Components/Components/FormRendererMunicipal/ElementContainer.razor.rz.scp.css */
.elementContainer-basecontainer[b-lq0jsvfas0]
{
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    flex: 1;
}

.elementContainer-edit-content[b-lq0jsvfas0] {
    justify-content: flex-start;
    width: 100%;
}

.elementContainer-container[b-lq0jsvfas0] {
    width: 100%;
    min-height: 40px;
    flex: 1;
}

.form-element-container[b-lq0jsvfas0] {
    padding-top: 5px;
    margin-top: 5px;
}

.element-selector[b-lq0jsvfas0]{
    width: 100%;
}

.element-basecontainer-border[b-lq0jsvfas0]{
    border: 1px solid var(--primary) !important;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.elementContainer-column[b-lq0jsvfas0] {
    flex: 1;
}
.element-container-add[b-lq0jsvfas0] {
    height: 50px;
    width: 100%;
    text-align: center;
    border: 1px dashed #dfdfdf;
    padding-top: 10px;
    color: #707070;
    cursor: pointer;
}

    .element-container-add:hover[b-lq0jsvfas0] {
        height: 50px;
        width: 100%;
        text-align: center;
        border: 1px dashed var(--primary);
        color: var(--primary);
        background-color: #f5f5f5;
    }

.position-relativ-container[b-lq0jsvfas0] {
    position: relative;
}

    .position-relativ-container .container-row-header[b-lq0jsvfas0] {
        position: absolute;
        top: 5px;
        left: 0px;
        right: -10px;
        display: flex;
        flex-flow: unset;
        justify-content: flex-end;
        z-index: 1;
        pointer-events: none;
    }

        .position-relativ-container .container-row-header .btn[b-lq0jsvfas0] {
            padding: .15rem .30rem;
            font-size: 14px;
            width: unset !important;
            pointer-events: auto;
        }
/* /Components/Components/FormRenderer/Components/ListComponent.razor.rz.scp.css */

.header-desc[b-4y88pl2sss], .row-desc[b-4y88pl2sss], .footer-desc[b-4y88pl2sss] {
    width: 99%;
}

.header-value[b-4y88pl2sss], .row-value[b-4y88pl2sss], .footer-value[b-4y88pl2sss] {
    min-width: 150px;
}

.heaver-actions[b-4y88pl2sss], .row-actions[b-4y88pl2sss], .footer-actions[b-4y88pl2sss] {
    min-width: 80px;
}

.footer-value[b-4y88pl2sss] {
    text-align: left !important;
    padding-left: 10px !important;
}

.footer-desc[b-4y88pl2sss] {
    text-align: right !important;
}

.row-desc[b-4y88pl2sss] {
    padding-right: 5px;
    padding-top: 5px;
}

.row-value[b-4y88pl2sss] {
    padding-right: 5px;
    padding-top: 5px;
}

.row-actions[b-4y88pl2sss] {
    padding-top: 5px;
}
/* /Components/Components/FormRenderer/Container.razor.rz.scp.css */
.form-renderer-loader[b-79jjdld4uh]
{
    height: 50px;
    width: 80%;
    margin: auto;
    margin-top: 50px;
    text-align: center;
}

.container-error[b-79jjdld4uh] {
    color: red;
}

.element-container-add[b-79jjdld4uh] {
    height: 50px;
    width: 100%;
    text-align: center;
    border: 1px dashed #dfdfdf;
    padding-top: 10px;
    text-transform: uppercase;
    color: #707070;
    cursor: pointer;
}

    .element-container-add:hover[b-79jjdld4uh] {
        height: 50px;
        width: 100%;
        text-align: center;
        border: 1px dashed var(--primary);
        color: var(--primary);
        background-color: #f5f5f5;
    }

.position-relativ-container[b-79jjdld4uh] {
    position: relative;
}

    .position-relativ-container .container-row-header[b-79jjdld4uh] {
        position: absolute;
        top: 5px;
        left: 0px;
        right: -10px;
        display: flex;
        flex-flow: unset;
        justify-content: flex-end;
        z-index: 1;
        pointer-events: none;
    }

        .position-relativ-container .container-row-header .btn[b-79jjdld4uh] {
            padding: .15rem .30rem;
            font-size: 14px;
            width: unset !important;
            pointer-events: auto;
        }

.form-renderer-loader-container[b-79jjdld4uh]{
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100px;
}
/* /Components/Components/FormRenderer/Element.razor.rz.scp.css */
.element-checkbox[b-6luczw1rxp] {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.element-checkbox-switch[b-6luczw1rxp] {
    width: 65px;
    margin-top: auto;
    margin-bottom: auto;
}

.element-error-style[b-6luczw1rxp] {
    border:1px solid red;
}

.element-error[b-6luczw1rxp] {
    color: red;
}

.form-dropdown-item-container[b-6luczw1rxp], .form-dropdown-item-value-container[b-6luczw1rxp] {
    display: flex;
    justify-content: space-between;
}

.form-dropdown-item-charge[b-6luczw1rxp] {
    font-weight: bold;
}

.form-dropdown-item-value-container .form-dropdown-item-description[b-6luczw1rxp] {
    overflow: hidden;
}

.form-dropdown-item-container .form-dropdown-item-description[b-6luczw1rxp] {
    overflow-wrap: break-word;
    word-break: break-word;
}

.form-dropdown-item-value-container[b-6luczw1rxp] {
    height: 36px;
    line-height: 36px;
    margin-left: 5px;
    margin-right: 5px;
}

.element-value .element-radio-button[b-6luczw1rxp] {
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
    padding-bottom: 5px;
    padding-top: 5px;
}

.font-extra-small[b-6luczw1rxp] {
    font-size: 13px;
}
/* /Components/Components/FormRenderer/ElementContainer.razor.rz.scp.css */
.elementContainer-basecontainer[b-td7nediu39]
{
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    flex: 1;
}

.elementContainer-edit-content[b-td7nediu39] {
    justify-content: flex-start;
    width: 100%;
}

.elementContainer-container[b-td7nediu39] {
    width: 100%;
    min-height: 40px;
    flex: 1;
}

.form-element-container[b-td7nediu39] {
    padding-top: 5px;
    margin-top: 5px;
}

.element-selector[b-td7nediu39]{
    width: 100%;
}

.element-basecontainer-border[b-td7nediu39]{
    border: 1px solid var(--primary) !important;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.elementContainer-column[b-td7nediu39] {
    flex: 1;
}
.element-container-add[b-td7nediu39] {
    height: 50px;
    width: 100%;
    text-align: center;
    border: 1px dashed #dfdfdf;
    padding-top: 10px;
    color: #707070;
    cursor: pointer;
}

    .element-container-add:hover[b-td7nediu39] {
        height: 50px;
        width: 100%;
        text-align: center;
        border: 1px dashed var(--primary);
        color: var(--primary);
        background-color: #f5f5f5;
    }

.position-relativ-container[b-td7nediu39] {
    position: relative;
}

    .position-relativ-container .container-row-header[b-td7nediu39] {
        position: absolute;
        top: 5px;
        left: 0px;
        right: -10px;
        display: flex;
        flex-flow: unset;
        justify-content: flex-end;
        z-index: 1;
        pointer-events: none;
    }

        .position-relativ-container .container-row-header .btn[b-td7nediu39] {
            padding: .15rem .30rem;
            font-size: 14px;
            width: unset !important;
            pointer-events: auto;
        }
/* /Components/Components/FormRenderer/ReadOnly/Container.razor.rz.scp.css */
.form-renderer-loader[b-vkv2a1ua6y]
{
    height: 50px;
    width: 80%;
    margin: auto;
    margin-top: 50px;
    text-align: center;
}

.container-error[b-vkv2a1ua6y] {
    color: red;
}

.element-container-add[b-vkv2a1ua6y] {
    height: 50px;
    width: 100%;
    text-align: center;
    border: 1px dashed #dfdfdf;
    padding-top: 10px;
    text-transform: uppercase;
    color: #707070;
    cursor: pointer;
}

    .element-container-add:hover[b-vkv2a1ua6y] {
        height: 50px;
        width: 100%;
        text-align: center;
        border: 1px dashed var(--primary);
        color: var(--primary);
        background-color: #f5f5f5;
    }

.position-relativ-container[b-vkv2a1ua6y] {
    position: relative;
}

    .position-relativ-container .container-row-header[b-vkv2a1ua6y] {
        position: absolute;
        top: 5px;
        left: 0px;
        right: -10px;
        display: flex;
        flex-flow: unset;
        justify-content: flex-end;
        z-index: 1;
        pointer-events: none;
    }

        .position-relativ-container .container-row-header .btn[b-vkv2a1ua6y] {
            padding: .15rem .30rem;
            font-size: 14px;
            width: unset !important;
            pointer-events: auto;
        }

.form-renderer-loader-container[b-vkv2a1ua6y]{
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100px;
}
/* /Components/Components/FormRenderer/ReadOnly/Element.razor.rz.scp.css */
.element-checkbox[b-jv88hyubez] {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.element-checkbox-switch[b-jv88hyubez] {
    width: 65px;
    margin-top: auto;
    margin-bottom: auto;
}

.element-error-style[b-jv88hyubez] {
    border:1px solid red;
}

.element-error[b-jv88hyubez] {
    color: red;
}

.form-dropdown-item-container[b-jv88hyubez], .form-dropdown-item-value-container[b-jv88hyubez] {
    display: flex;
    justify-content: space-between;
}

.form-dropdown-item-charge[b-jv88hyubez] {
    font-weight: bold;
}

.form-dropdown-item-value-container .form-dropdown-item-description[b-jv88hyubez] {
    overflow: hidden;
}

.form-dropdown-item-container .form-dropdown-item-description[b-jv88hyubez] {
    overflow-wrap: break-word;
    word-break: break-word;
}

.form-dropdown-item-value-container[b-jv88hyubez] {
    height: 36px;
    line-height: 36px;
    margin-left: 5px;
    margin-right: 5px;
}

.element-value .element-radio-button[b-jv88hyubez] {
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
    padding-bottom: 5px;
    padding-top: 5px;
}

.font-extra-small[b-jv88hyubez] {
    font-size: 13px;
}
/* /Components/Components/FormRenderer/ReadOnly/ElementContainer.razor.rz.scp.css */
.elementContainer-basecontainer[b-dwmtf6nkjh]
{
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    flex: 1;
}

.elementContainer-edit-content[b-dwmtf6nkjh] {
    justify-content: flex-start;
    width: 100%;
}

.elementContainer-container[b-dwmtf6nkjh] {
    width: 100%;
    min-height: 40px;
    flex: 1;
}

.form-element-container[b-dwmtf6nkjh] {
    padding-top: 5px;
    margin-top: 5px;
}

.element-selector[b-dwmtf6nkjh]{
    width: 100%;
}

.element-basecontainer-border[b-dwmtf6nkjh]{
    border: 1px solid #d9d9d9 !important;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.elementContainer-column[b-dwmtf6nkjh] {
    flex: 1;
}
.element-container-add[b-dwmtf6nkjh] {
    height: 50px;
    width: 100%;
    text-align: center;
    border: 1px dashed #dfdfdf;
    padding-top: 10px;
    color: #707070;
    cursor: pointer;
}

    .element-container-add:hover[b-dwmtf6nkjh] {
        height: 50px;
        width: 100%;
        text-align: center;
        border: 1px dashed var(--primary);
        color: var(--primary);
        background-color: #f5f5f5;
    }

.position-relativ-container[b-dwmtf6nkjh] {
    position: relative;
}

    .position-relativ-container .container-row-header[b-dwmtf6nkjh] {
        position: absolute;
        top: 5px;
        left: 0px;
        right: -10px;
        display: flex;
        flex-flow: unset;
        justify-content: flex-end;
        z-index: 1;
        pointer-events: none;
    }

        .position-relativ-container .container-row-header .btn[b-dwmtf6nkjh] {
            padding: .15rem .30rem;
            font-size: 14px;
            width: unset !important;
            pointer-events: auto;
        }
/* /Components/Components/FormTemplateEditor/Editor.razor.rz.scp.css */
.pdf-editor-container-large[b-ziyhisgj8p]
{
    height: 92.5vh;
}
.pdf-editor-container[b-ziyhisgj8p]{
    position: relative;
    clear: both;
}
/* /Components/Components/Form/Files/UserDokuments.razor.rz.scp.css */
.document-detail-download[b-ivkvv4lp8m] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
}

    .document-detail-download:hover[b-ivkvv4lp8m] {
        color: var(--primary);
    }

        .document-detail-download:hover .document-detail-download-icon[b-ivkvv4lp8m] {
            color: var(--primary) !important;
        }

.document-detail-download-icon[b-ivkvv4lp8m] {
    font-size: 24px;
    color: #808080;
}

.document-detail-download-description[b-ivkvv4lp8m] {
    line-height: 34px;
}
/* /Components/Components/Form/Filter/FilterComponent.razor.rz.scp.css */
.filter-container[b-4s7bvporb6] {
    width: 100%;
    position: relative;
}

.filter-search-input[b-4s7bvporb6] {
    border: 1px solid #d9d9d9;
}

.filter-searchbar[b-4s7bvporb6] {
    display: flex;
    /*gap: 5px;*/
    justify-content: space-between;
    padding-left: 10px;
}

    .filter-searchbar input[b-4s7bvporb6] {
        flex: 1;
        height: 38px !important;
        border: 0px !important;
        outline: 0px !important;
    }

.searchbar-button[b-4s7bvporb6] {
    width: 38px !important;
    height: 38px !important;
    background-color: var(--primary-text-color);
    color: rgb(128 128 128);
    border-radius: 0px;
}

    .searchbar-button:hover[b-4s7bvporb6] {
        background-color: var(--primary);
        color: var(--primary-text-color);
    }

.filter-popup[b-4s7bvporb6] {
    position: absolute;
    top: 40px;
    left: 0px;
    background-color: var(--primary-text-color);
    box-shadow: rgb(0 0 0 / 35%) 0px 2px 5px;
    z-index: 800;
    padding: 10px;
    width: 100%;
}

.filter-second-row[b-4s7bvporb6] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .filter-second-row .filter-element[b-4s7bvporb6] {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        flex: 1;
    }

        .filter-second-row .filter-element div[b-4s7bvporb6] {
            flex: 1;
        }

.filter-toolbar[b-4s7bvporb6] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.filter-authorities[b-4s7bvporb6] {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}
.authority-tag[b-4s7bvporb6] {
    width: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 30px !important;
    height: auto !important;
    border: 2px solid var(--primary) !important;
    box-shadow: none !important;
}

.filter-overlay[b-4s7bvporb6] {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0px;
    left: 0px;
}

.filter-submitted[b-4s7bvporb6], .filter-deadline[b-4s7bvporb6] {
    display: flex;
    gap: 10px;
}
.filter-clear-button[b-4s7bvporb6] {
    width: 38px !important;
    height: 38px;
    margin: auto;
}

.filter-search-first-row[b-4s7bvporb6] {
    display: flex;
    gap: 10px;
}

    .filter-search-first-row div[b-4s7bvporb6] {
        flex: 1;
    }

.filter-button-bar[b-4s7bvporb6]{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.filter-date-element[b-4s7bvporb6]{
    width: 100%;
}

.third-row-css[b-4s7bvporb6]{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.third-row-element[b-4s7bvporb6]{
    flex: 1;
}
/* /Components/Components/Form/Notes/FormNotes.razor.rz.scp.css */
.chat-main-container[b-bano7sont0] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 300px;
    border: 2px solid var(--primary);
    border-radius: 3px;
}

.chat-pannel[b-bano7sont0] {
    flex: 1;
    overflow: auto;
    margin-bottom: 45px;
}

.scroll-container[b-bano7sont0] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    overflow: auto;
    gap: 5px;
}
.chat-message-date[b-bano7sont0]{
    margin-left: 10px;
}
#chat-bottom-element[b-bano7sont0] {
    height: 10px;
}

.chat-input-bar[b-bano7sont0] {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.chat-input-message-container[b-bano7sont0] {
    display: flex;
    justify-content: space-between;
    background-color: var(--primary-text-color);
    padding: 3px;
    gap: 3px;
    border-top: 1px solid #808080;
    box-shadow: rgb(0 0 0 / 10%) 0px -2px 8px;
}
.chat-input-message[b-bano7sont0]{
    flex: 1;
}
    .chat-input-message input[b-bano7sont0]{
        width: 100%;
        border: 0px !important;
        padding-left:10px;
        box-shadow: none !important;
        outline: none !important;
        appearance: none !important;
        height: 38px;
        line-height: 38px;
    }

.chat-input-document-button .btn[b-bano7sont0] {
    width: 38px !important;
    height: 38px;
}
.chat-input-send-button .btn[b-bano7sont0]{
    width: 100px !important;
}
.chat-input-document-uplaod-container[b-bano7sont0] {
    z-index: 1;
    background-color: var(--primary-text-color);
    padding: 10px;
    margin-left: 3px;
    margin-right: 3px;
    border: 1px solid #808080;
    border-bottom: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: rgb(0 0 0 / 24%) 0px 0px 8px;
}

.chat-message-element[b-bano7sont0] {
    max-width: 80%;
    min-width: 200px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
}

.chat-message-container[b-bano7sont0]{
    position: relative;
}

.chat-message-container-right[b-bano7sont0] {
    float: right;
    text-align: right;
    border-top-right-radius: 0px;
    background-color: #68A5A7;
    color: var(--primary-text-color);
}
    .chat-message-container-right[b-bano7sont0]::after {
        content: "";
        position: absolute;
        top: 0%;
        right: 0%;
        margin-right: -8px;
        border-width: 4px;
        border-style: solid;
        border-color: #68A5A7 transparent transparent #68A5A7;
    }

.chat-message-container .chat-message-first-row[b-bano7sont0] {
    color: #808080 !important;
}

.chat-message-container[b-bano7sont0] {
    float: left;
    text-align: left;
    border-top-left-radius: 0px;
    background-color: #F0f0f0;
    color: black;
}

    .chat-message-container[b-bano7sont0]::after {
        content: "";
        position: absolute;
        top: 0%;
        left: 0%;
        margin-left: -8px;
        border-width: 4px;
        border-style: solid;
        border-color: #F0f0f0 #F0f0f0 transparent transparent;
    }

.chat-message-first-row[b-bano7sont0]{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.document-detail-download[b-bano7sont0] {
    display: flex;
    gap: 5px;
    cursor: pointer;
}
.document-detail-download:hover[b-bano7sont0]{
    color: var(--primary);
}
.document-detail-download-icon[b-bano7sont0]{
    color: #808080;
}

.chat-input-message-container .chat-no-messages-container[b-bano7sont0] {
    width: 100%;
    height: 42px;
    line-height: 42px;
    color: var(--primary);
    text-align: center;
}
/* /Components/Components/Form/Notes/NoteField.razor.rz.scp.css */
.field-container[b-9gxn6kdasq]
{
    display: flex;
    flex-direction: column;
    gap: 10px;
    border :1px solid #F2F2F2;
    padding: 15px;
}
.field-description[b-9gxn6kdasq]{
    
}
.field-data-container[b-9gxn6kdasq]{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.field-button-container[b-9gxn6kdasq]{
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}
    .field-button-container .btn[b-9gxn6kdasq] {
        width: 38px !important;
        height: 38px;
    }
.field-value[b-9gxn6kdasq]{
    height: 38px;
    line-height: 38px;
    width: 100%;
}
.field-value-container[b-9gxn6kdasq]{
    width: 100%;
}
.field-value div[b-9gxn6kdasq] {
    width: 100%;
    flex: 1;
}
/* /Components/Components/Geo/GetCurrentGeoDataComponent.razor.rz.scp.css */
/* /Components/Components/Global/BusyIndicator.razor.rz.scp.css */
.loader-overlay[b-vbviwz9glx] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 1;
    z-index: 9998;
}

.loader-logo[b-vbviwz9glx] {
    display: none;
}

@media(max-width: 800px) {
    .loader-overlay[b-vbviwz9glx] {
        background: unset;
        background-color: var(--primary) !important;
        opacity: 1;
    }

    .loader-spinner[b-vbviwz9glx] {
        display: none;
    }

    .loader-logo[b-vbviwz9glx] {
        display: block;
    }

    .logo-icon[b-vbviwz9glx] {
        height: 120px !important;
        width: 120px !important;
        margin: auto;
    }

        .logo-icon img[b-vbviwz9glx] {
            height: 120px !important;
            width: 120px !important;
        }

    .loader-container[b-vbviwz9glx] {
        top: calc(30vh - 50px) !important;
        top: -moz-calc(30vh - 50px) !important;
        top: -webkit-calc(30vh - 50px) !important;
        top: -o-calc(30vh - 50px) !important;
    }
}

.logo-icon[b-vbviwz9glx] {
    height: 200px;
    width: 200px;
    margin: auto;
}

    .logo-icon img[b-vbviwz9glx] {
        height: 200px;
        width: 200px;
    }

.loader-container[b-vbviwz9glx] {
    position: fixed;
    width: 100px;
    height: 100px;
    top: 200px;
    background-color: transparent;
    z-index: 9999;
    left: calc(50% - 50px) !important;
    left: -moz-calc(50% - 50px) !important;
    left: -webkit-calc(50% - 50px) !important;
    left: -o-calc(50% - 50px) !important;
}

.loader-text[b-vbviwz9glx] {
    color: var(--primary) !important;
    text-align: center;
}

.loader-progress[b-vbviwz9glx] {
    width: 100%;
}

.loader[b-vbviwz9glx] {
    position: relative;
    width: 100px;
    height: 100px;
    display: block;
}

    .loader[b-vbviwz9glx]:before, .loader[b-vbviwz9glx]:after {
        content: '';
        border-radius: 50%;
        position: absolute;
        inset: 0;
    }

    .loader[b-vbviwz9glx]:after {
        box-shadow: 0 4px 0 var(--primary) inset;
        animation: rotate-b-vbviwz9glx 2s linear infinite;
    }

@keyframes rotate-b-vbviwz9glx {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}
/* /Components/Components/Global/BusyIndicatorSmall.razor.rz.scp.css */
.loader-small-overlay[b-zt20ijrdlp] {
    background-color: var(--primary-text-color);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9998;
}

@media(max-width: 800px) {
    .logo-icon[b-zt20ijrdlp] {
        height: 120px !important;
        width: 120px !important;
        margin: auto;
    }

        .logo-icon img[b-zt20ijrdlp] {
            height: 120px !important;
            width: 120px !important;
        }
}

.logo-icon[b-zt20ijrdlp] {
    height: 200px;
    width: 200px;
    margin: auto;
}

    .logo-icon img[b-zt20ijrdlp] {
        height: 200px;
        width: 200px;
    }

.loader-container[b-zt20ijrdlp] {
    position: absolute;
    width: 300px;
    height: 100px;
    background-color: transparent;
    z-index: 9999;
    top: 200px;
    left: calc(50% - 150px) !important;
}

    .loader-text[b-zt20ijrdlp] {
    color: var(--primary) !important;
    text-align: center;
}

.loader-progress[b-zt20ijrdlp] {
    width: 100%;
}

.loader-spinner[b-zt20ijrdlp] {
    margin-bottom: 20px;
}
.loader[b-zt20ijrdlp] {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
}

    .loader[b-zt20ijrdlp]:before, .loader[b-zt20ijrdlp]:after {
        content: '';
        border-radius: 50%;
        position: absolute;
        inset: 0;
    }

    .loader[b-zt20ijrdlp]:after {
        box-shadow: 0 4px 0 var(--primary) inset;
        animation: rotate-b-zt20ijrdlp 2s linear infinite;
    }

@keyframes rotate-b-zt20ijrdlp {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}
/* /Components/Components/Global/CustomLoader.razor.rz.scp.css */
.custom-loader-container[b-ledg5zjsf5] {
    position: absolute;
    background-color: #FFFFFFAA;
    width: 100%;
    height: 100%;
    z-index: 9998;
    top: 0;
}

.logo-icon[b-ledg5zjsf5] {
    height: 80px !important;
    width: 80px !important;
    margin: auto;
    padding-top: 80px;
}

    .logo-icon img[b-ledg5zjsf5] {
        height: 80px !important;
        width: 80px !important;
    }
.logo-text[b-ledg5zjsf5]{
    margin: auto;
    text-align: center;
}

.logo-icon i[b-ledg5zjsf5]{
    font-size: 28px;
}
.loader[b-ledg5zjsf5] {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
}

    .loader[b-ledg5zjsf5]:before, .loader[b-ledg5zjsf5]:after {
        content: '';
        border-radius: 50%;
        position: absolute;
        inset: 0;
    }

    .loader[b-ledg5zjsf5]:after {
        box-shadow: 0 4px 0 var(--primary) inset;
        animation: rotate-b-ledg5zjsf5 2s linear infinite;
    }

@keyframes rotate-b-ledg5zjsf5 {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}
/* /Components/Components/Global/DialogWindow.razor.rz.scp.css */
.dialog-anchor[b-qtybt072jr] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
}

.Dialog-window-content[b-qtybt072jr] {
    white-space: break-spaces;
}
/* /Components/Components/Global/ModalWindow.razor.rz.scp.css */
/* /Components/Components/Homepage/Backend/Address/Map.razor.rz.scp.css */
.map-container[b-vpu8xvwsmg] {
    width: 100%;
    height: 600px;
    border: 3px solid var(--primary) !important;
}

.my-geo-data-container[b-vpu8xvwsmg] {
    display: relative;
    width: 100px;
    height: 30px;
}

.button-container[b-vpu8xvwsmg] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-end;
}
/* /Components/Components/Homepage/Frontend/Address/Map.razor.rz.scp.css */
.map-container[b-dm8axq8aj4] {
    width: 100%;
    height: 600px;
    border: 3px solid var(--primary) !important;
}

.my-geo-data-container[b-dm8axq8aj4] {
    display: relative;
    width: 100px;
    height: 30px;
}

.button-container[b-dm8axq8aj4] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-end;
}
/* /Components/Components/Homepage/Frontend/Amministration/AmministrationHighlightComponent.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Amministration/AmministrationItemSmall.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Appointment/AppointmentItemLarge.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Appointment/AppointmentItemSmall.razor.rz.scp.css */
.card-teaser[b-cmy4snv9vx] {
    height: 100%;
}
/* /Components/Components/Homepage/Frontend/Appointment/AppointmentTimelineComponent.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Association/AssociationItemLarge.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Association/AssociationItemSmall.razor.rz.scp.css */
.card-teaser[b-ix94a2jt0u] {
    height: 100%;
}
/* /Components/Components/Homepage/Frontend/Association/PersonItemSmall.razor.rz.scp.css */
.card-teaser[b-c8uwyrmmad] {
    height: 100%;
}
/* /Components/Components/Homepage/Frontend/Authority/AuthorityItemContact.razor.rz.scp.css */
.col-sm-6 .card-teaser[b-ury06kuvqh] {
    height: 100%;
}
/* /Components/Components/Homepage/Frontend/Authority/AuthorityItemLarge.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Authority/AuthorityItemSmall.razor.rz.scp.css */
.col-sm-6 .card-teaser[b-fhwd9dkfc6] {
    height: 100%;
}
/* /Components/Components/Homepage/Frontend/Documents/DocumentsItemLarge.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Documents/DocumentsItemSmall.razor.rz.scp.css */
.card-teaser[b-e2sj2re18p] {
    height: 100%;
}
/* /Components/Components/Homepage/Frontend/Documents/DocumentsItemTeaser.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Help/HelpSection.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Journals/NewsletterItemLarge.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Location/LocationItemLarge.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Location/LocationItemSmall.razor.rz.scp.css */
.card-teaser[b-z0hbqzaoyz] {
    height: 100%;
}
/* /Components/Components/Homepage/Frontend/News/NewsItemLarge.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Organisation/OrganisationItemLarge.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Organisation/OrganisationItemSmall.razor.rz.scp.css */
.card-teaser[b-152mg7oiqg] {
    height: 100%;
}
/* /Components/Components/Homepage/Frontend/Organisation/PersonItemSmall.razor.rz.scp.css */
.card-teaser[b-8snxnqp162] {
    height: 100%;
}
/* /Components/Components/Homepage/Frontend/Person/PersonChip.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Person/PersonItemLarge.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Person/PersonItemSmall.razor.rz.scp.css */
.card-teaser[b-lneu2v4u9v] {
    height: 100%;
}
/* /Components/Components/Homepage/Frontend/Questionnaire/QuestionnaireSection.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Questionnaire/ServiceQuestionnaireSection.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Services/ServiceItemLarge.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Theme/ThemeChip.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Theme/ThemeItemHighlight.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Theme/ThemeItemLarge.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Venue/PersonItemSmall.razor.rz.scp.css */
.card-teaser[b-wx8lr2jn98] {
    height: 100%;
}
/* /Components/Components/Homepage/Frontend/Venue/VenueItemLarge.razor.rz.scp.css */
/* /Components/Components/Homepage/Frontend/Venue/VenueItemSmall.razor.rz.scp.css */
.card-teaser[b-n2ipr7igob] {
    height: 100%;
}
/* /Components/Components/Images/Slideshow.razor.rz.scp.css */
/* Slideshow container */
.slideshow-container[b-655s4wif95] {
    width: 100%;
    height: 100%;
    position: relative;
    margin: auto;
    background-color: white;
}

/* Hide the images by default */
.mySlides[b-655s4wif95] {
    display: none;
}

/* Next & previous buttons */
.prev[b-655s4wif95], .next[b-655s4wif95] {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next[b-655s4wif95] {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover[b-655s4wif95], .next:hover[b-655s4wif95] {
        background-color: rgba(0,0,0,0.8);
    }

/* Caption text */
.text[b-655s4wif95] {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext[b-655s4wif95] {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot[b-655s4wif95] {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .active[b-655s4wif95], .dot:hover[b-655s4wif95] {
        background-color: #717171;
    }
/* /Components/Components/InfoPage/InfoPageComponent.razor.rz.scp.css */
.h1[b-l2ob52z6x5] {
    color: var(--primary);
}

.h2[b-l2ob52z6x5] {
    color: var(--primary);
}

.InfoPageSection.h3[b-l2ob52z6x5] {
    color: var(--primary) !important;
}

.h3[b-l2ob52z6x5] {
    color: var(--primary) !important;
}

.h4[b-l2ob52z6x5] {
    color: var(--primary);
}


.h5[b-l2ob52z6x5] {
    color: var(--primary);
}

.h6[b-l2ob52z6x5] {
    color: var(--primary);
}

/* /Components/Components/InputFields/IconPicker/IconPicker.razor.rz.scp.css */
.icon-picker-container[b-xu3d6o0bly]{
    position: relative;
}
.icon-container[b-xu3d6o0bly]{
    height: 26px;
    width: 26px;
    font-size: 20px;
    cursor: pointer;
}
    .icon-container:hover[b-xu3d6o0bly] {
        color: var(--primary);
    }
.selected-icon[b-xu3d6o0bly] {
    height: 34px;
    width: 34px;
    font-size: 20px;
    border: 1px solid #d9d9d9;
    cursor: pointer;
    text-align: center;
    line-height: 32px;
}
    .selected-icon:hover[b-xu3d6o0bly]{
        color: var(--primary);
        border-color: var(--primary);
    }
    .dropdown-container[b-xu3d6o0bly] {
        position: absolute;
        display: flex;
        justify-content: flex-start;
        gap: 3px;
        flex-wrap: wrap;
        width: 300px;
        height: 150px;
        overflow: auto;
        z-index: 100010;
        padding: 10px;
        background-color: var(--primary-text-color);
        border: 1px solid #d9d9d9;
        bottom: 31px;
    }
/* /Components/Components/InputFields/Password/CustomPassword.razor.rz.scp.css */
.form-password[b-giz6zcgb8u]
{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 5px;
}
/* /Components/Components/InputFields/Phone/CustomPhone.razor.rz.scp.css */
.custom-phone-container[b-8xj1av7y0a] {
    width: 100%;
    box-shadow: none !important;
    outline: none !important;
    display: flex;
    justify-content: flex-start;
}
/* /Components/Components/Layout/Frontend/Footer.razor.rz.scp.css */
.it-footer .footer-bottom a[b-bbw6tq74cb] {
    line-height: 2;
}

.footer-bottom .powered-by-container[b-bbw6tq74cb] {
    width: 100%;
    max-width: 240px;
    margin: auto;
    margin-top: 30px;
}

    .footer-bottom .powered-by-container img[b-bbw6tq74cb] {
        width: 100%;
    }

@media (min-width: 768px) {
    .it-footer .footer-bottom a[b-bbw6tq74cb] {
        line-height: 1.5;
    }

    .footer-bottom .powered-by-container[b-bbw6tq74cb] {
        margin-top: unset;
    }
}
/* /Components/Components/Localization/Backend/LanguageComponent.razor.rz.scp.css */
.nav-link-text[b-kluy66x7ex] {
    font-size: 16px !important;
    margin-left: 10px !important;
    overflow: hidden;
    white-space: nowrap;
}

.nav-item-collapsed .nav-link-text[b-kluy66x7ex] {
    display: none;
}


.nav-item-tooltip[b-kluy66x7ex] {
    visibility: hidden;
    position: absolute;
    bottom: 5px;
    /*width: 220px;*/
    /*bottom: 100%;*/
    left: 50%;
    margin-left: 30px;
    color: var(--primary-text-color);
    text-align: left;
    border-radius: 3px;
    background-color: #27426D;
    box-shadow: rgb(0 0 0 / 35%) 0px 2px 5px;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: nowrap;
}

    .nav-item-tooltip[b-kluy66x7ex]::after {
        content: "";
        position: absolute;
        bottom: 15%;
        left: 0%;
        margin-bottom: 2px;
        margin-left: -10px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent var(--secondary) transparent transparent;
    }

.language-popup-menu[b-kluy66x7ex] {
    z-index: 998;
    position: absolute;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    bottom: 50px;
    padding: 1rem;
    /*width: 220px;*/
    margin-left: 15px;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px;
    color: var(--primary-text-color);
}

    .language-popup-menu[b-kluy66x7ex]::after {
        content: "";
        position: absolute;
        bottom: 0%;
        left: 50%;
        margin-bottom: -10px;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #27426D transparent transparent transparent;
        /*var(--secondary)*/
    }

.language-popup-menu-item[b-kluy66x7ex] {
    cursor: pointer;
}

    .language-popup-menu-item label[b-kluy66x7ex] {
        cursor: pointer;
    }

.language-popup-menu-title[b-kluy66x7ex] {
    font-weight: bold;
}

.language-popup-overlay[b-kluy66x7ex] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 997;
    cursor: default;
}

.text-collapsed[b-kluy66x7ex] {
    display: none;
}

.user-popup-menu-collapsed[b-kluy66x7ex] {
    left: 55px;
    bottom: 5px;
}

    .user-popup-menu-collapsed[b-kluy66x7ex]::after {
        content: "";
        position: absolute;
        bottom: 15%;
        left: 0%;
        margin-bottom: -10px;
        margin-left: -10px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #27426D transparent transparent !important;
        /*var(--secondary)*/
    }

@media (max-width: 679.98px) {
    .language-popup-menu[b-kluy66x7ex] {
        width: calc(100% - 2rem);
        width: -moz-calc(100% - 2rem);
        width: -webkit-calc(100% - 2rem);
        width: -o-calc(100% - 2rem);
        /*width: 100%;*/
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .nav-item-tooltip[b-kluy66x7ex] {
        display: none !important;
    }

    .nav-item-collapsed .nav-link-text[b-kluy66x7ex] {
        display: block !important;
    }
}
/* /Components/Components/Localization/Frontend/LanguageComponent.razor.rz.scp.css */
.nav-item[b-mot0yp3ww9]
{
    position: relative;
}
#dropdownMenuButton[b-mot0yp3ww9]{
    text-transform: none !important;
}
/* /Components/Components/MainMenu/Backend/Desktop/NavLinkComponent.razor.rz.scp.css */
.nav-link-text[b-k97yfuq1d0] {
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
}

.nav-item-collapsed .nav-link-text[b-k97yfuq1d0] {
    display: none;
}

.nav-item-tooltip[b-k97yfuq1d0] {
    visibility: hidden;
    position: absolute;
    /*bottom: 100%;*/
    left: 50%;
    margin-left: 33px;
    color: var(--primary-text-color);
    text-align: center;
    border-radius: 3px;
    background-color: var(--primary);
    box-shadow: rgb(0 0 0 / 35%) 0px 2px 5px;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    z-index: 999;
}

    .nav-item-tooltip[b-k97yfuq1d0]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0%;
        margin-top: -5px;
        margin-left: -10px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent var(--primary) transparent transparent;
    }


.subMenuContainer[b-k97yfuq1d0] {
    margin-left: 15px;
}

.subMenuScrollContainer[b-k97yfuq1d0] {
    overflow: auto;
    height: calc(100vh - 60px);
    height: -moz-calc(100vh - 60px);
    height: -webkit-calc(100vh - 60px);
    height: -o-calc(100vh - 60px);
}

.subMenuContainer-noCollapse-hidden[b-k97yfuq1d0] {
    height: 0px;
    overflow: hidden;
    -webkit-transition: 0.1s ease-in-out;
}

.subMenuContainer-collapse-hidden[b-k97yfuq1d0] {
    position: fixed;
    top: 60px;
    left: 50px;
    height: calc(100vh - 60px);
    height: -moz-calc(100vh - 60px);
    height: -webkit-calc(100vh - 60px);
    height: -o-calc(100vh - 60px);
    background-color: rgb(180 196 32);
    overflow: auto;
    margin-left: 0px;
    padding: 0px;
    box-shadow: inset rgb(0 0 0 / 24%) 0px 0px 4px;
    z-index: -2;
    width: 0px;
    -webkit-transition: 0.1s ease-in-out;
}

@media(min-width: 680px) {
    .nav-sub-item-container-collapsed[b-k97yfuq1d0] {
        padding: 1em;
        width: 250px;
        -webkit-transition: 0.1s ease-in-out;
    }
}

@media(max-width: 679.98px) {
    .nav-item-tooltip[b-k97yfuq1d0] {
        display: none !important;
    }

    .nav-item-collapsed .nav-link-text[b-k97yfuq1d0] {
        display: block !important;
    }
}

.nav-item-backend-popupcontainer-flex[b-k97yfuq1d0] {
    display: flex;
    justify-content: flex-start;
    padding: 10px;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
}

.nav-item-backend-popupcontainer[b-k97yfuq1d0] {
    position: absolute;
    top: 0px;
    left: 62px;
    width: 300px;
    height: 100vh;
    background-color: #FAFAFA;
    padding-left: 10px;
    box-shadow: rgb(0 0 0 / 24%) 2px 3px 4px 0px;
    overflow: auto;
    overflow-x: hidden;
}
.nav-item-backend-column[b-k97yfuq1d0] {
    max-width: 25%;
    min-width: 300px;
    color: #424242;
}
.nav-item-backend-subelement-text[b-k97yfuq1d0] {
    width: 100%;
    /*border-bottom: 1px solid #e0e0e0;*/
    border-left: 3px solid #858585;
    padding-left: 10px;
    cursor: pointer;
    /*padding-bottom: 5px;*/
    margin-bottom: 15px;
}

    .nav-item-backend-subelement-text:hover[b-k97yfuq1d0] {
        border-color: var(--primary);
        color: var(--primary);
        text-decoration: underline;
    }

.nav-item-backend-title[b-k97yfuq1d0] {
    color: var(--primary);
}

.nav-item-backend-title-hoverable[b-k97yfuq1d0] {
    cursor: pointer;
}

    .nav-item-backend-title-hoverable:hover[b-k97yfuq1d0] {
        
        text-decoration: underline;
    }

.nav-item-backend-first-row[b-k97yfuq1d0]{
    height: 50px;
    width: 100%;
}

.nav-item-backend-second-row[b-k97yfuq1d0] {
    line-height: 40px;
}

.nav-item-backend-popupcontainer-closer[b-k97yfuq1d0]{
    position: fixed;
    top: 0px;
    left: 362px;
    height: 100%;
    width: 100%;
}

.nav-fa-item[b-k97yfuq1d0] {
    font-size: 24px;
}

.name-container[b-k97yfuq1d0] {
    display: flex;
    gap: 10px;
    justify-content: start;
}

    .name-container .red-circle-container[b-k97yfuq1d0] {
        width: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

        .name-container .red-circle-container .red-circle[b-k97yfuq1d0] {
            width: 10px;
            height: 10px;
            background-color: red;
            border-radius: 50%;
        }

.icon-Overlay[b-k97yfuq1d0] {
    position: relative;
}

    .icon-Overlay .red-circle-icon[b-k97yfuq1d0] {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: red;
    }
/* /Components/Components/MainMenu/Backend/Desktop/NavMenu.razor.rz.scp.css */
.menu-logo[b-1sm65jjdlz] {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
}
.menu-logo img[b-1sm65jjdlz]{
    height: 50px;
}

.menu-left-bar[b-1sm65jjdlz]{
    margin-top: 10px;
    width: 60px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.menu-left-bar-main-item-list[b-1sm65jjdlz] {
    display: flex;
    flex-direction: column;
    height: calc(100% - 370px);
    height: -moz-calc(100% - 370px);
    height: -webkit-calc(100% - 370px);
    height: -o-calc(100% - 370px);
}

.menu-left-bar-footer-item-list[b-1sm65jjdlz]{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 300px;
}
/* /Components/Components/MainMenu/Backend/Mobile/NavLinkComponent.razor.rz.scp.css */
.nav-link-text[b-stfiedt02w] {
    overflow: hidden;
    line-break: auto;
}

.nav-item-collapsed .nav-link-text[b-stfiedt02w] {
    display: none;
}

.nav-item-tooltip[b-stfiedt02w] {
    visibility: hidden;
    position: absolute;
    /*bottom: 100%;*/
    left: 50%;
    margin-left: 28px;
    color: var(--primary-text-color);
    text-align: center;
    border-radius: 3px;
    background-color: rgb(180 196 32);
    box-shadow: rgb(0 0 0 / 35%) 0px 2px 5px;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: nowrap;
}

    .nav-item-tooltip[b-stfiedt02w]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0%;
        margin-top: -5px;
        margin-left: -10px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent var(--primary) transparent transparent;
    }


.subMenuContainer[b-stfiedt02w] {
    margin-left: 15px;
}

.subMenuScrollContainer[b-stfiedt02w] {
    overflow: auto;
    height: calc(100vh - 60px);
    height: -moz-calc(100vh - 60px);
    height: -webkit-calc(100vh - 60px);
    height: -o-calc(100vh - 60px);
}

.subMenuContainer-noCollapse-hidden[b-stfiedt02w] {
    height: 0px;
    overflow: hidden;
    -webkit-transition: 0.1s ease-in-out;
}

.subMenuContainer-collapse-hidden[b-stfiedt02w] {
    position: fixed;
    top: 60px;
    left: 50px;
    height: calc(100vh - 60px);
    height: -moz-calc(100vh - 60px);
    height: -webkit-calc(100vh - 60px);
    height: -o-calc(100vh - 60px);
    background-color: rgb(180 196 32);
    overflow: auto;
    margin-left: 0px;
    padding: 0px;
    box-shadow: inset rgb(0 0 0 / 24%) 0px 0px 4px;
    z-index: -2;
    width: 0px;
    -webkit-transition: 0.1s ease-in-out;
}

.nav-item-frontend-popupcontainer-flex[b-stfiedt02w] {
    display: flex;
    justify-content: flex-start;
    padding: 10px;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
}
.nav-item-frontend-popupcontainer[b-stfiedt02w] {
    width: 100%;
    background-color: #FAFAFA;
    margin-top: -5px;
    padding-left: 25px;
}
    .nav-item-frontend-title-hoverable[b-stfiedt02w] {
        cursor: pointer;
    }

        .nav-item-frontend-title-hoverable:hover[b-stfiedt02w] {
            color: var(--primary);
            text-decoration: underline;
        }

    .nav-item-frontend-subelement-text[b-stfiedt02w] {
        width: 100%;
        cursor: pointer;
        margin-bottom: 10px;
    }

.nav-item-frontend-subelement-text:hover[b-stfiedt02w]{
    border-color: var(--primary);
    color: var(--primary);
    text-decoration: underline;
}

.nav-item-frontend-column[b-stfiedt02w] {
    color: #424242;
}

.nav-item-frontend-popupcontainer-footer[b-stfiedt02w] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 10px;
    padding-right: 20px;
}

.popupcontainer-main-icon[b-stfiedt02w]{
    
}
.popupcontainer-main-link[b-stfiedt02w] {
}


.menu-overlay[b-stfiedt02w] {
    width: 100%;
    height: 100%;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
}
/* /Components/Components/MainMenu/Frontend/NavLinkComponent.razor.rz.scp.css */
.nav-link-text[b-0w1i3ivmub] {
    overflow: hidden;
    line-break: auto;
}

.nav-item-collapsed .nav-link-text[b-0w1i3ivmub] {
    display: none;
}

.nav-item-tooltip[b-0w1i3ivmub] {
    visibility: hidden;
    position: absolute;
    /*bottom: 100%;*/
    left: 50%;
    margin-left: 28px;
    color: var(--primary-text-color);
    text-align: center;
    border-radius: 3px;
    background-color: rgb(180 196 32);
    box-shadow: rgb(0 0 0 / 35%) 0px 2px 5px;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: nowrap;
}

    .nav-item-tooltip[b-0w1i3ivmub]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0%;
        margin-top: -5px;
        margin-left: -10px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent var(--primary) transparent transparent;
    }


.subMenuContainer[b-0w1i3ivmub] {
    margin-left: 15px;
}

.subMenuScrollContainer[b-0w1i3ivmub] {
    overflow: auto;
    height: calc(100vh - 60px);
    height: -moz-calc(100vh - 60px);
    height: -webkit-calc(100vh - 60px);
    height: -o-calc(100vh - 60px);
}

.subMenuContainer-noCollapse-hidden[b-0w1i3ivmub] {
    height: 0px;
    overflow: hidden;
    -webkit-transition: 0.1s ease-in-out;
}

.subMenuContainer-collapse-hidden[b-0w1i3ivmub] {
    position: fixed;
    top: 60px;
    left: 50px;
    height: calc(100vh - 60px);
    height: -moz-calc(100vh - 60px);
    height: -webkit-calc(100vh - 60px);
    height: -o-calc(100vh - 60px);
    background-color: rgb(180 196 32);
    overflow: auto;
    margin-left: 0px;
    padding: 0px;
    box-shadow: inset rgb(0 0 0 / 24%) 0px 0px 4px;
    z-index: -2;
    width: 0px;
    -webkit-transition: 0.1s ease-in-out;
}

@media(min-width: 680px) {
    .nav-sub-item-container-collapsed[b-0w1i3ivmub] {
        padding: 1em;
        width: 250px;
        -webkit-transition: 0.1s ease-in-out;
    }
}

@media(max-width: 679.98px) {
    .nav-item-tooltip[b-0w1i3ivmub] {
        display: none !important;
    }

    .nav-item-collapsed .nav-link-text[b-0w1i3ivmub] {
        display: block !important;
    }
}
.nav-item-frontend-popupcontainer-flex[b-0w1i3ivmub] {
    display: flex;
    justify-content: flex-start;
    gap: 50px;
    flex-wrap: wrap;
}
.nav-item-frontend-popupcontainer[b-0w1i3ivmub] {
    width: 100%;
    min-height: 200px;
    padding: 20px;
}
.nav-item-frontend-popupcontainer-footer[b-0w1i3ivmub]{
    display: flex;
    justify-content: flex-end;
}
    .nav-item-frontend-title-hoverable[b-0w1i3ivmub] {
        cursor: pointer;
    }

        .nav-item-frontend-title-hoverable:hover[b-0w1i3ivmub] {
            color: var(--primary);
            text-decoration: underline;
        }

    .nav-item-frontend-subelement-text[b-0w1i3ivmub] {
        width: 100%;
        border-left: 3px solid #858585;
        padding-left: 10px;
        cursor: pointer;
        margin-bottom: 15px;
    }

.nav-item-frontend-subelement-text:hover[b-0w1i3ivmub]{
    border-color: var(--primary);
    color: var(--primary);
    text-decoration: underline;
}

.nav-item-frontend-column[b-0w1i3ivmub] {
    width: 30%;
    min-width: 300px;
    color: #424242;
}
.nav-item-frontend-more-button-container[b-0w1i3ivmub]{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.nav-item-frontend-more-button[b-0w1i3ivmub]{
    display: flex;
    gap: 5px;
}

.nav-item-frontend-active[b-0w1i3ivmub]{
    /*border-bottom: 3px solid white !important;*/
}
.nav-link:focus[b-0w1i3ivmub]{
    border-color: var(--primary-text-color) !important;
    box-shadow: none !important;
}
.dropdown-menu[b-0w1i3ivmub] {
    box-shadow: 0px 10px 40px -5px #858585;
    width: 100vw;
}
    .dropdown-menu .btn[b-0w1i3ivmub] {
        height: unset !important;
        border-bottom: 0px !important;
        box-shadow: none !important;
    }
    .dropdown-menu .btn:hover[b-0w1i3ivmub]{
        text-decoration: underline !important;
        color: var(--primary);
    }
/* /Components/Components/MainMenu/Homepage/NavLinkComponent.razor.rz.scp.css */
.nav-link-text[b-r18j40tiwh] {
    overflow: hidden;
    line-break: auto;
}

.nav-item-collapsed .nav-link-text[b-r18j40tiwh] {
    display: none;
}

.nav-item-tooltip[b-r18j40tiwh] {
    visibility: hidden;
    position: absolute;
    /*bottom: 100%;*/
    left: 50%;
    margin-left: 28px;
    color: var(--primary-text-color);
    text-align: center;
    border-radius: 3px;
    background-color: rgb(180 196 32);
    box-shadow: rgb(0 0 0 / 35%) 0px 2px 5px;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: nowrap;
}

    .nav-item-tooltip[b-r18j40tiwh]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0%;
        margin-top: -5px;
        margin-left: -10px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent var(--primary) transparent transparent;
    }


.subMenuContainer[b-r18j40tiwh] {
    margin-left: 15px;
}

.subMenuScrollContainer[b-r18j40tiwh] {
    overflow: auto;
    height: calc(100vh - 60px);
    height: -moz-calc(100vh - 60px);
    height: -webkit-calc(100vh - 60px);
    height: -o-calc(100vh - 60px);
}

.subMenuContainer-noCollapse-hidden[b-r18j40tiwh] {
    height: 0px;
    overflow: hidden;
    -webkit-transition: 0.1s ease-in-out;
}

.subMenuContainer-collapse-hidden[b-r18j40tiwh] {
    position: fixed;
    top: 60px;
    left: 50px;
    height: calc(100vh - 60px);
    height: -moz-calc(100vh - 60px);
    height: -webkit-calc(100vh - 60px);
    height: -o-calc(100vh - 60px);
    background-color: rgb(180 196 32);
    overflow: auto;
    margin-left: 0px;
    padding: 0px;
    box-shadow: inset rgb(0 0 0 / 24%) 0px 0px 4px;
    z-index: -2;
    width: 0px;
    -webkit-transition: 0.1s ease-in-out;
}

@media(min-width: 680px) {
    .nav-sub-item-container-collapsed[b-r18j40tiwh] {
        padding: 1em;
        width: 250px;
        -webkit-transition: 0.1s ease-in-out;
    }
}

@media(max-width: 679.98px) {
    .nav-item-tooltip[b-r18j40tiwh] {
        display: none !important;
    }

    .nav-item-collapsed .nav-link-text[b-r18j40tiwh] {
        display: block !important;
    }
}
.nav-item-frontend-popupcontainer-flex[b-r18j40tiwh] {
    display: flex;
    justify-content: flex-start;
    gap: 50px;
    flex-wrap: wrap;
}
.nav-item-frontend-popupcontainer[b-r18j40tiwh] {
    width: 100%;
    min-height: 200px;
    padding: 20px;
}
.nav-item-frontend-popupcontainer-footer[b-r18j40tiwh]{
    display: flex;
    justify-content: flex-end;
}
    .nav-item-frontend-title-hoverable[b-r18j40tiwh] {
        cursor: pointer;
    }

        .nav-item-frontend-title-hoverable:hover[b-r18j40tiwh] {
            color: var(--primary);
            text-decoration: underline;
        }

    .nav-item-frontend-subelement-text[b-r18j40tiwh] {
        width: 100%;
        border-left: 3px solid #858585;
        padding-left: 10px;
        cursor: pointer;
        margin-bottom: 15px;
    }

.nav-item-frontend-subelement-text:hover[b-r18j40tiwh]{
    border-color: var(--primary);
    color: var(--primary);
    text-decoration: underline;
}

.nav-item-frontend-column[b-r18j40tiwh] {
    width: 30%;
    min-width: 300px;
    color: #424242;
}
.nav-item-frontend-more-button-container[b-r18j40tiwh]{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.nav-item-frontend-more-button[b-r18j40tiwh]{
    display: flex;
    gap: 5px;
}

.nav-item-frontend-active[b-r18j40tiwh]{
    border-bottom: 3px solid white !important;
}
.nav-link:focus[b-r18j40tiwh]{
    border-color: var(--primary-text-color) !important;
    box-shadow: none !important;
}
.dropdown-menu[b-r18j40tiwh] {
    box-shadow: 0px 10px 40px -5px #858585;
    width: 100vw;
}
    .dropdown-menu .btn[b-r18j40tiwh] {
        height: unset !important;
        border-bottom: 0px !important;
        box-shadow: none !important;
    }
    .dropdown-menu .btn:hover[b-r18j40tiwh]{
        text-decoration: underline !important;
        color: var(--primary);
    }
.menu-bold[b-r18j40tiwh]{
    font-weight: bold;
}
/* /Components/Components/Messaging/Backend/SystemNotificationComponent.razor.rz.scp.css */
.notification-popup-menu[b-a0jm2dgkjj] {
    z-index: 998;
    position: absolute;
    border-radius: 3px;
    padding: 1rem;
    background-color: rgb(246, 245, 244);
    color: #27426D;
    width: 350px;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px;
    bottom: 185px;
    left: 70px;
    padding-top: 25px;
}

    .notification-popup-menu[b-a0jm2dgkjj]::after {
        content: "";
        position: absolute;
        bottom: 20px;
        left: 0%;
        margin-top: -10px;
        margin-left: -10px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent gray transparent transparent;
    }

.notification-button .notification-icon[b-a0jm2dgkjj] {
    font-size: 30px;
}

.system-notification-popupwindow[b-a0jm2dgkjj] {
    color: var(--primary-text-color);
    padding: unset;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 5px;
    border-radius: 3px;
}

    .system-notification-popupwindow.ntf_error[b-a0jm2dgkjj] {
        background-color: #C22B19;
    }

        .system-notification-popupwindow.ntf_error[b-a0jm2dgkjj]::after {
            border-color: transparent #C22B19 transparent transparent;
        }

    .system-notification-popupwindow.ntf_warning[b-a0jm2dgkjj] {
        background-color: #EF5102;
    }

        .system-notification-popupwindow.ntf_warning[b-a0jm2dgkjj]::after {
            border-color: transparent #EF5102 transparent transparent;
        }

    .system-notification-popupwindow.ntf_information[b-a0jm2dgkjj] {
        background-color: #f1f1f1;
        color: black;
    }

    .system-notification-popupwindow.ntf_success[b-a0jm2dgkjj] {
        background-color: #159924;
    }

        .system-notification-popupwindow.ntf_success[b-a0jm2dgkjj]::after {
            border-color: transparent #159924 transparent transparent;
        }

.system-notification-container[b-a0jm2dgkjj] {
    position: relative;
    padding: 10px 15px;
    border-radius: 3px;
    width: 100%;
    min-width: 250px;
    text-align: start;
}

.system-notification-close-button[b-a0jm2dgkjj] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 30px;
    width: 30px;
    background-color: inherit;
    border-radius: 3px;
}

    .system-notification-close-button:hover[b-a0jm2dgkjj] {
        background-color: rgba(255,255,255,0.1);
    }

    .system-notification-btn[b-a0jm2dgkjj] {
        display: block;
        height: 30px;
        width: 30px;
        background-color: inherit !important;
        border: 0px !important;
        border-radius: 3px;
        color: inherit;
        line-height: 15px;
    }

.system-notification-title[b-a0jm2dgkjj] {
    line-height: 1.555;
    font-weight: bold;
}

.system-notification-text[b-a0jm2dgkjj] {
    line-height: 1.555;
}
/* /Components/Components/Messaging/Frontend/SystemNotificationComponent.razor.rz.scp.css */
.nav-item[b-qgrggnuvr6] {
    position: relative;
}

.notification-button[b-qgrggnuvr6] {
    padding: 12px 6px !important;
}

.notification-button .notification-icon[b-qgrggnuvr6] {
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    color: var(--primary-text-color);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.notification-button:hover .notification-icon[b-qgrggnuvr6] {
    transform: scale(1.2);
}

.system-notification-popupwindow[b-qgrggnuvr6] {
    color: var(--primary-text-color);
    padding: unset;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 5px;
    border-radius: 3px;
    margin-left: -15px !important;
}

    .system-notification-popupwindow.ntf_error[b-qgrggnuvr6] {
        background-color: #C22B19;
    }

        .system-notification-popupwindow.ntf_error[b-qgrggnuvr6]::before {
            background-color: #C22B19;
        }

    .system-notification-popupwindow.ntf_warning[b-qgrggnuvr6] {
        background-color: #EF5102;
    }

        .system-notification-popupwindow.ntf_warning[b-qgrggnuvr6]::before {
            background-color: #EF5102;
        }

    .system-notification-popupwindow.ntf_information[b-qgrggnuvr6] {
        background-color: #f1f1f1;
        color: black;
    }

        .system-notification-popupwindow.ntf_information[b-qgrggnuvr6]::before {
            background-color: #f1f1f1;
        }

    .system-notification-popupwindow.ntf_success[b-qgrggnuvr6] {
        background-color: #159924;
    }

        .system-notification-popupwindow.ntf_success[b-qgrggnuvr6]::before {
            background-color: #159924;
        }

.system-notification-container[b-qgrggnuvr6] {
    position: relative;
    padding: 10px 15px;
    border-radius: 3px;
    width: 100%;
    min-width: 250px;
    max-width: 350px;
}

.system-notification-title[b-qgrggnuvr6] {
    font-weight: bold;
}

.system-notification-close-button[b-qgrggnuvr6] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 30px;
    width: 30px;
    background-color: inherit;
    border-radius: 3px;
}

    .system-notification-close-button:hover[b-qgrggnuvr6] {
        background-color: rgba(255,255,255,0.1);
    }

    .system-notification-btn[b-qgrggnuvr6] {
        display: block;
        height: 30px;
        width: 30px;
        background-color: inherit !important;
        border: 0px !important;
        border-radius: 3px;
        line-height: 15px;
    }

@media(max-width: 1000px) {
    .nav-item[b-qgrggnuvr6] {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

        .nav-item .notification-button[b-qgrggnuvr6] {
            margin: auto;
        }

    .notification-button .notification-icon[b-qgrggnuvr6] {
        padding: 3px;
    }
}
/* /Components/Components/Messaging/SystemMessageComponent.razor.rz.scp.css */
.system-message-title[b-ytyaed3vrs] {
    font-weight: bold;
}

.system-message-container[b-ytyaed3vrs] {
    padding: 10px;
    border-radius: 3px;
    width: 100%;
}
/* /Components/Components/News/Desktop/LatestNewsComponent.razor.rz.scp.css */
.news-preview-container[b-61gh7sx5oe] {
    width: 100%;
}

.news-scroll-container[b-61gh7sx5oe] {
    overflow: auto;
}

.news-preview-container[b-61gh7sx5oe] {
    display: flex;
    overflow-x: auto;
    overflow-y: visible !important;
    gap: 30px;
    scroll-behavior: smooth;
    justify-content: flex-start;
    overscroll-behavior: contain;
}

    .news-preview-container[b-61gh7sx5oe]::-webkit-scrollbar {
        display: none;
    }

#left-arrow[b-61gh7sx5oe], #right-arrow[b-61gh7sx5oe] {
    position: absolute;
    top: 48%;
    height: 50px;
    width: 50px;
    cursor: pointer;
    color: var(--primary);
    font-size: 32px;
    text-align: center;
    display: none;
}

#left-arrow[b-61gh7sx5oe] {
    left: -60px;
}

#right-arrow[b-61gh7sx5oe] {
    right: -60px;
}

    #left-arrow:hover[b-61gh7sx5oe], #right-arrow:hover[b-61gh7sx5oe] {
        color: var(--secondary);
    }

.news-item-container[b-61gh7sx5oe] {
    width: 300px;
    height: 350px;
    background-color: var(--primary-text-color);
    border: 1px solid #F2F2F2;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    cursor: pointer;
    flex-shrink: 0;
    z-index: 1;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    overflow: hidden;
}

@media(max-width: 1000px) {
    .news-preview-container[b-61gh7sx5oe] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .news-item-container[b-61gh7sx5oe] {
        width: 100%;
        padding: 10px;
        box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
        background-color: var(--primary-text-color);
    }

    .news-data-column[b-61gh7sx5oe] {
        padding: 0px !important;
    }

    .news-image[b-61gh7sx5oe] {
        height: 100px !important;
    }
    .news-positioning-container[b-61gh7sx5oe]{
        margin-top: 0px !important;
    }
    .news-container[b-61gh7sx5oe] {
        display: none !important;
    }
    .news-belt-background[b-61gh7sx5oe] {
        display: none !important;
    }
}

.news-item-container:hover[b-61gh7sx5oe] {
    border: 1px solid var(--primary);
}

.news-image[b-61gh7sx5oe] {
    height: 150px;
    overflow: hidden;
}

    .news-image img[b-61gh7sx5oe] {
        width: 100%;
    }

.news-data-column[b-61gh7sx5oe] {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-title[b-61gh7sx5oe] {
}

.news-preview[b-61gh7sx5oe] {
    height: 100%;
}

.news-button-container[b-61gh7sx5oe] {
    display: flex;
    justify-content: flex-start;
}

.news-date[b-61gh7sx5oe] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.news-button[b-61gh7sx5oe] {
    color: var(--primary);
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    line-height: 30px;
    height: 30px;
}

    .news-button:hover[b-61gh7sx5oe] {
        text-decoration: underline;
        color: var(--secondary);
    }

.large-news-container[b-61gh7sx5oe] {
    display: flex;
    justify-content: space-between;
    height: 450px;
    overflow: hidden;
    gap: 30px;
}

.large-news-left[b-61gh7sx5oe], .large-news-right[b-61gh7sx5oe] {
    flex: 1;
}
    .large-news-left[b-61gh7sx5oe]{
        padding-top: 30px;
    }

    .large-news-container .news-preview[b-61gh7sx5oe] {
        max-height: 220px;
        -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);
    }

.large-news-container .news-item-buttons[b-61gh7sx5oe] {
}

.large-news-container .news-button-text[b-61gh7sx5oe] {
    margin-top: auto;
    margin-bottom: auto;
}

.news-button[b-61gh7sx5oe] {
    cursor: pointer;
}

.news-belt-background[b-61gh7sx5oe] {
    margin: 0 -600rem;
    padding: 0rem 600rem;
    background-color: #F2F2F2;
    height: 340px;
}
.news-belt-container[b-61gh7sx5oe] {
    position: relative;
}
.news-positioning-container[b-61gh7sx5oe]{
    margin-top: -100px;
}
.news-preview-container .card[b-61gh7sx5oe]{
    width: 32%;
    flex-shrink: 0;
}
.read-more[b-61gh7sx5oe], .read-more .icon[b-61gh7sx5oe] {
    color: var(--primary) !important;
    fill: var(--primary) !important;
}
.card-image-wrapper[b-61gh7sx5oe] {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.card-image-wrapper .card-image img[b-61gh7sx5oe]{
    width: 100px;
}
/* /Components/Components/News/Mobile/LatestNewsComponent.razor.rz.scp.css */
.news-preview-container[b-sw7cubqv0r] {
    position: relative;
    width: 100%;
}
.news-scroll-container[b-sw7cubqv0r]{
    overflow: auto;
}

.news-preview-container[b-sw7cubqv0r] {
    display: flex;
    overflow-x: auto;
    gap: 20px;
    scroll-behavior: smooth;
}
    .news-preview-container[b-sw7cubqv0r]::-webkit-scrollbar {
        display: none;
    }

#left-arrow[b-sw7cubqv0r], #right-arrow[b-sw7cubqv0r] {
    position: absolute;
    top: 48%;
    height: 50px;
    width: 50px;
    cursor: pointer;
    color: var(--primary);
    font-size: 32px;
    text-align: center;
    display: none;
}
    #left-arrow[b-sw7cubqv0r]{
        left: -60px;
    }
    #right-arrow[b-sw7cubqv0r] {
        right: -60px;
    }
        #left-arrow:hover[b-sw7cubqv0r], #right-arrow:hover[b-sw7cubqv0r] {
            color: var(--secondary);
        }

        .news-item-container[b-sw7cubqv0r] {
            width: 300px;
            overflow: hidden;
            background-color: #F2F2F2;
            border: 1px solid #F2F2F2;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            cursor: pointer;
            flex-shrink: 0;
        }

@media(max-width: 1000px) {
    .news-preview-container[b-sw7cubqv0r] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .news-item-container[b-sw7cubqv0r] {
        width: 100%;
        padding: 10px;
        box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
        background-color: var(--primary-text-color);
    }
    .news-data-column[b-sw7cubqv0r]{
        padding: 0px !important;
    }
    .news-image[b-sw7cubqv0r] {
        height: 100px !important;
    }
}

.news-item-container:hover[b-sw7cubqv0r] {
    border: 1px solid var(--primary);
}

.news-image[b-sw7cubqv0r]{
    height: 150px;
    overflow: hidden;
}
.news-image img[b-sw7cubqv0r]
{
    width: 100%;
}

.news-data-column[b-sw7cubqv0r] {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-title[b-sw7cubqv0r]{
}
.news-preview[b-sw7cubqv0r] {
    height: 100%;
}

.news-item-buttons[b-sw7cubqv0r] {
    display: flex;
    justify-content: flex-end;
}

.news-button-container[b-sw7cubqv0r]{
    display: flex;
    justify-content: flex-end;
}
.news-date[b-sw7cubqv0r]{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.news-button[b-sw7cubqv0r]{
    color: var(--primary);
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    line-height: 30px;
    height: 30px;
}

    .news-button:hover[b-sw7cubqv0r] {
        text-decoration: underline;
        color: var(--secondary);
    }
/* /Components/Components/Organization/EditOrganization.razor.rz.scp.css */
.form-group-multicolumn[b-awn1hz6x5q] {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.next-step-container[b-awn1hz6x5q] {
    border: 1px dashed #d9d9d9;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

    .next-step-container:hover[b-awn1hz6x5q] {
        color: var(--primary);
        border-color: var(--primary);
    }

.button-container[b-awn1hz6x5q] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.form-group-multicolumn .full-width[b-awn1hz6x5q] {
    flex: 1;
}

.gesetzlicher-vertreter-container[b-awn1hz6x5q] {
    border: 1px solid var(--primary);
    padding: 20px;
}


.upload-error[b-awn1hz6x5q] {
    border: 1px solid red;
}

.container-error[b-awn1hz6x5q] {
    color: red;
}
.address-not-found-container[b-awn1hz6x5q] {
    cursor: pointer;
}

    .address-not-found-container:hover[b-awn1hz6x5q] {
        color: var(--secondary) !important;
        text-decoration: underline !important;
    }

/* /Components/Components/Organization/Filter/FilterComponent.razor.rz.scp.css */
.filter-container[b-jq90rtxwep] {
    width: 100%;
    position: relative;
}

.filter-search-input[b-jq90rtxwep] {
    border: 1px solid #d9d9d9;
}

.filter-searchbar[b-jq90rtxwep] {
    display: flex;
    /*gap: 5px;*/
    justify-content: space-between;
    padding-left: 10px;
}

    .filter-searchbar input[b-jq90rtxwep] {
        flex: 1;
        height: 38px !important;
        border: 0px !important;
        outline: 0px !important;
    }

.searchbar-button[b-jq90rtxwep] {
    width: 38px !important;
    height: 38px !important;
    background-color: var(--primary-text-color);
    color: rgb(128 128 128);
    border-radius: 0px;
}

    .searchbar-button:hover[b-jq90rtxwep] {
        background-color: var(--primary);
        color: var(--primary-text-color);
    }

.filter-popup[b-jq90rtxwep] {
    position: absolute;
    top: 40px;
    left: 0px;
    background-color: var(--primary-text-color);
    box-shadow: rgb(0 0 0 / 35%) 0px 2px 5px;
    z-index: 800;
    padding: 10px;
    width: 100%;
}

.filter-second-row[b-jq90rtxwep] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .filter-second-row .filter-element[b-jq90rtxwep] {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        flex: 1;
    }

        .filter-second-row .filter-element div[b-jq90rtxwep] {
            flex: 1;
        }

.filter-toolbar[b-jq90rtxwep] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.filter-authorities[b-jq90rtxwep] {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}
.authority-tag[b-jq90rtxwep] {
    width: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 30px !important;
    height: auto !important;
    box-shadow: none !important;
    border: 2px solid var(--primary) !important;
}

.filter-overlay[b-jq90rtxwep] {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0px;
    left: 0px;
}

.filter-submitted[b-jq90rtxwep], .filter-deadline[b-jq90rtxwep] {
    display: flex;
    gap: 10px;
}
.filter-clear-button[b-jq90rtxwep] {
    width: 38px !important;
    height: 38px;
    margin: auto;
}

.filter-search-first-row[b-jq90rtxwep] {
    display: flex;
    gap: 10px;
}

    .filter-search-first-row div[b-jq90rtxwep] {
        flex: 1;
    }

.filter-button-bar[b-jq90rtxwep]{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.filter-date-element[b-jq90rtxwep]{
    width: 100%;
}

.third-row-css[b-jq90rtxwep]{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.third-row-element[b-jq90rtxwep]{
    flex: 1;
}
/* /Components/Components/Payments/PaymentOverview.razor.rz.scp.css */
.payment-transaction-card[b-a6lbkjyvan] {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 4px solid var(--primary);
    padding-left: 10px;
    margin-bottom: 10px;
}

.payment-transaction-card:last-of-type[b-a6lbkjyvan] {
    border-bottom: 1px solid #d9d9d9 !important;
}

.transaction-card-to-pay[b-a6lbkjyvan] {
    border-left-color: #ed2c13 !important;
}

.payment-transaction-container[b-a6lbkjyvan], .position-container[b-a6lbkjyvan] {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.payment-detail-container[b-a6lbkjyvan] {
    flex: 1;
}

.payment-first-row[b-a6lbkjyvan] {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
}

.payment-second-row[b-a6lbkjyvan] {
    display: flex;
    gap: 20px;
    color: #808080;
}
.payment-third-row[b-a6lbkjyvan]{
    display: flex;
    justify-content: flex-end;
    margin-right: 45px;
    margin-bottom: 5px;
}

.payment-transaction-description[b-a6lbkjyvan], .position-description[b-a6lbkjyvan] {
    flex: 1;
    color: #808080;
}

.payment-transaction-amount[b-a6lbkjyvan] {
    justify-self: flex-end;
    color: black;
}

.payment-transaction-positions[b-a6lbkjyvan] {
    margin-left: 170px;
    padding-top: 10px;
}

.payment-transaction-container:hover[b-a6lbkjyvan] {
    color: var(--primary);
    cursor: pointer;
}

.payment-detail-button[b-a6lbkjyvan] {
    width: 25px;
}

.payment-detail-button-spacer[b-a6lbkjyvan] {
    width: 25px;
}

.payment-summary-button-spacer[b-a6lbkjyvan] {
    width: 15px;
}

.payment-transaction-status[b-a6lbkjyvan] {
    display: flex;
    gap: 10px;
    width: 150px;
}
.payment-transaction-date[b-a6lbkjyvan]{
    width: 150px;
    padding-left:30px;
}

.transaction-status-icon[b-a6lbkjyvan] {
    text-align: center;
    width: 20px !important;
}

.payment-transaction-creation-date[b-a6lbkjyvan]{
    text-align: end;
    flex: 1;
    color: #808080;
}

@media(max-width: 800px){
    .payment-transaction-date[b-a6lbkjyvan], .payment-transaction-status[b-a6lbkjyvan]{
        width: 120px !important;
    }
    .payment-first-row[b-a6lbkjyvan], .payment-second-row[b-a6lbkjyvan]{
        gap: 5px !important;
    }
    .payment-transaction-positions[b-a6lbkjyvan]{
        margin-left: 125px !important;
    }
}
/* /Components/Components/Payments/PaymentPage.razor.rz.scp.css */
/* /Components/Components/Payments/UserPaymentList.razor.rz.scp.css */
.payment-transaction-card[b-20f9t6bc1i] {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 4px solid var(--primary);
    padding-left: 10px;
    margin-bottom: 10px;
}

    .payment-transaction-card:last-of-type[b-20f9t6bc1i] {
        border-bottom: 1px solid #d9d9d9 !important;
    }

.transaction-card-to-pay[b-20f9t6bc1i] {
    border-left-color: #ed2c13 !important;
}

.payment-transaction-container[b-20f9t6bc1i], .position-container[b-20f9t6bc1i] {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.payment-detail-container[b-20f9t6bc1i] {
    flex: 1;
}

.payment-first-row[b-20f9t6bc1i] {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
}

.payment-second-row[b-20f9t6bc1i] {
    display: flex;
    gap: 20px;
    color: #808080;
}
.payment-third-row[b-20f9t6bc1i]{
    display: flex;
    justify-content: flex-end;
    margin-right: 45px;
    margin-bottom: 5px;
}

.payment-transaction-description[b-20f9t6bc1i], .position-description[b-20f9t6bc1i] {
    flex: 1;
    color: #808080;
}

.payment-transaction-amount[b-20f9t6bc1i] {
    justify-self: flex-end;
    color: black;
}

.payment-transaction-positions[b-20f9t6bc1i] {
    margin-left: 170px;
    padding-top: 10px;
}

.payment-transaction-container:hover[b-20f9t6bc1i] {
    color: var(--primary);
    cursor: pointer;
}

.payment-detail-button[b-20f9t6bc1i] {
    width: 25px;
}

.payment-detail-button-spacer[b-20f9t6bc1i] {
    width: 25px;
}

.payment-summary-button-spacer[b-20f9t6bc1i] {
    width: 15px;
}

.payment-transaction-status[b-20f9t6bc1i] {
    display: flex;
    gap: 10px;
    width: 150px;
}
.payment-transaction-date[b-20f9t6bc1i]{
    width: 150px;
    padding-left:30px;
}

.transaction-status-icon[b-20f9t6bc1i] {
    text-align: center;
    width: 20px !important;
}

.payment-transaction-creation-date[b-20f9t6bc1i]{
    text-align: end;
    flex: 1;
    color: #808080;
}

@media(max-width: 800px){
    .payment-transaction-date[b-20f9t6bc1i], .payment-transaction-status[b-20f9t6bc1i]{
        width: 120px !important;
    }
    .payment-first-row[b-20f9t6bc1i], .payment-second-row[b-20f9t6bc1i]{
        gap: 5px !important;
    }
    .payment-transaction-positions[b-20f9t6bc1i]{
        margin-left: 125px !important;
    }
}
/* /Components/Components/Rooms/Calendar/CalendarComponent.razor.rz.scp.css */
.filter-container[b-grh1dyjt4f] {
    width: 100%;
    position: relative;
}

.filter-search-input[b-grh1dyjt4f] {
    border: 1px solid #d9d9d9;
}

.filter-searchbar[b-grh1dyjt4f] {
    display: flex;
    /*gap: 5px;*/
    justify-content: space-between;
    padding-left: 10px;
}

    .filter-searchbar input[b-grh1dyjt4f] {
        flex: 1;
        height: 38px !important;
        border: 0px !important;
        outline: 0px !important;
    }

.searchbar-button[b-grh1dyjt4f] {
    width: 38px !important;
    height: 38px !important;
    background-color: var(--primary-text-color);
    color: rgb(128 128 128);
    border-radius: 0px;
}

    .searchbar-button:hover[b-grh1dyjt4f] {
        background-color: var(--primary);
        color: var(--primary-text-color);
    }

.filter-popup[b-grh1dyjt4f] {
    position: absolute;
    top: 40px;
    left: 0px;
    background-color: var(--primary-text-color);
    box-shadow: rgb(0 0 0 / 35%) 0px 2px 5px;
    z-index: 800;
    padding: 10px;
    width: 100%;
}

.filter-second-row[b-grh1dyjt4f] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .filter-second-row .filter-element[b-grh1dyjt4f] {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        flex: 1;
    }

        .filter-second-row .filter-element div[b-grh1dyjt4f] {
            flex: 1;
        }

.filter-toolbar[b-grh1dyjt4f] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.filter-authorities[b-grh1dyjt4f] {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.authority-tag[b-grh1dyjt4f] {
    width: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 30px !important;
    height: auto !important;
    border: 2px solid var(--primary) !important;
    box-shadow: none !important;
}

.filter-overlay[b-grh1dyjt4f] {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0px;
    left: 0px;
}

.filter-submitted[b-grh1dyjt4f], .filter-deadline[b-grh1dyjt4f] {
    display: flex;
    gap: 10px;
}

.filter-clear-button[b-grh1dyjt4f] {
    width: 38px !important;
    height: 38px;
    margin: auto;
}

.filter-search-first-row[b-grh1dyjt4f] {
    display: flex;
    gap: 10px;
}

    .filter-search-first-row div[b-grh1dyjt4f] {
        flex: 1;
    }

.filter-button-bar[b-grh1dyjt4f] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.filter-date-element[b-grh1dyjt4f] {
    width: 100%;
}

.third-row-css[b-grh1dyjt4f] {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.third-row-element[b-grh1dyjt4f] {
    flex: 1;
}

.authority-tag-selected[b-grh1dyjt4f] {
    background-color: #dFdFdF !important;
    color: var(--primary) !important;
}
.calendar-item-container-blocked[b-grh1dyjt4f]{
    height: 20px;
}
.booking-type-legend-container[b-grh1dyjt4f]{
    display: flex;
    gap: 60px;
}
.btn[b-grh1dyjt4f]{
    width: auto;
    min-width: 150px;
}
.button-container[b-grh1dyjt4f]{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.rooms-calendar-container[b-grh1dyjt4f] {
    height: calc(100vh - 390px);
    height: -moz-calc(100vh - 390px);
    height: -webkit-calc(100vh - 390px);
    height: -o-calc(100vh - 390px);
    position: relative;
}
.appointment-container[b-grh1dyjt4f], .status-container[b-grh1dyjt4f], .room-container[b-grh1dyjt4f]{
    display: flex;
    gap: 15px;
    justify-content: flex-start;
}
.appointment-icon[b-grh1dyjt4f], .room-icon[b-grh1dyjt4f], .status-icon[b-grh1dyjt4f]{
    width: 20px;
    text-align: center;
}
.group-link[b-grh1dyjt4f]{
    cursor: pointer;
    display: flex;
    gap: 7px;
    flex: 1;
    justify-content: flex-end;
}
    .group-link i[b-grh1dyjt4f]{
        line-height: 19px;
    }
    .group-link:hover[b-grh1dyjt4f] {
        color: var(--primary);
    }
    .group-link:hover .group-link-button[b-grh1dyjt4f] {
        text-decoration: underline;
    }

.remove-link[b-grh1dyjt4f] {
    color: #dc3545;
    justify-content: flex-start !important;
}
.remove-link:hover[b-grh1dyjt4f]{
    color: red !important;
}
.footer-container[b-grh1dyjt4f]{
    display: flex;
    gap: 10px;
    justify-content: space-between;
    border-top: 1px solid #f2f2f2;
    padding-top: 10px;
}
.edit-link[b-grh1dyjt4f] {
    justify-content: flex-start !important;
}
.scheduler-appointment-editor-footer[b-grh1dyjt4f]{
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}
.rooms-type-filter[b-grh1dyjt4f]{
    display: flex;
    gap:10px;
    flex-wrap: wrap;
}
.rooms-icon-legend-container[b-grh1dyjt4f]{
    display: flex;
    gap: 20px;
    justify-content: flex-start;
}
/* /Components/Components/Rooms/Filter/FilterComponent.razor.rz.scp.css */
.filter-container[b-v7w5tve70t] {
    width: 100%;
    position: relative;
}

.filter-search-input[b-v7w5tve70t] {
    border: 1px solid #d9d9d9;
}

.filter-searchbar[b-v7w5tve70t] {
    display: flex;
    /*gap: 5px;*/
    justify-content: space-between;
    padding-left: 10px;
}

    .filter-searchbar input[b-v7w5tve70t] {
        flex: 1;
        height: 38px !important;
        border: 0px !important;
        outline: 0px !important;
    }

.searchbar-button[b-v7w5tve70t] {
    width: 38px !important;
    height: 38px !important;
    background-color: var(--primary-text-color);
    color: rgb(128 128 128);
    border-radius: 0px;
}

    .searchbar-button:hover[b-v7w5tve70t] {
        background-color: var(--primary);
        color: var(--primary-text-color);
    }

.filter-popup[b-v7w5tve70t] {
    position: absolute;
    top: 40px;
    left: 0px;
    background-color: var(--primary-text-color);
    box-shadow: rgb(0 0 0 / 35%) 0px 2px 5px;
    z-index: 800;
    padding: 10px;
    width: 100%;
}

.filter-second-row[b-v7w5tve70t] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .filter-second-row .filter-element[b-v7w5tve70t] {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        flex: 1;
    }

        .filter-second-row .filter-element div[b-v7w5tve70t] {
            flex: 1;
        }

.filter-toolbar[b-v7w5tve70t] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.filter-authorities[b-v7w5tve70t] {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}
.authority-tag[b-v7w5tve70t] {
    width: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 30px !important;
    height: auto !important;
    border: 2px solid var(--primary) !important;
    box-shadow: none !important;
}

.filter-overlay[b-v7w5tve70t] {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0px;
    left: 0px;
}

.filter-submitted[b-v7w5tve70t], .filter-deadline[b-v7w5tve70t] {
    display: flex;
    gap: 10px;
}
.filter-clear-button[b-v7w5tve70t] {
    width: 38px !important;
    height: 38px;
    margin: auto;
}

.filter-search-first-row[b-v7w5tve70t] {
    display: flex;
    gap: 10px;
}

    .filter-search-first-row div[b-v7w5tve70t] {
        flex: 1;
    }

.filter-button-bar[b-v7w5tve70t]{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.filter-date-element[b-v7w5tve70t]{
    width: 100%;
}

.third-row-css[b-v7w5tve70t]{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.third-row-element[b-v7w5tve70t]{
    flex: 1;
}
/* /Components/Components/Rooms/Frontend/CalendarComponent.razor.rz.scp.css */
.schedule-container[b-mdlhjdi09j] {
    height: calc(100% - 45px) !important;
    height: -moz-calc(100% - 45px) !important;
    height: -webkit-calc(100% - 45px) !important;
    height: -o-calc(100% - 45px) !important;
}

.scheduler-legend-container[b-mdlhjdi09j] {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    flex-wrap: wrap;
}

.scheduler-legend-dash[b-mdlhjdi09j] {
    height: 15px;
    margin-top: auto;
    margin-bottom: auto;
    width: 60px;
}

.scheduler-legend-item[b-mdlhjdi09j] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.scheduler-appointment-editor-footer[b-mdlhjdi09j] {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}
/* /Components/Components/Rooms/Frontend/LandingPageRooms.razor.rz.scp.css */
.login-element[b-nuo88xxt2l] {
    background-color: var(--primary-text-color);
    padding: 0px;
    width: 100%;
    flex: 1;
    text-align: left;
}


.section-collapse-container-header[b-nuo88xxt2l] {
    background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 5px;
    width: 100%;
    flex: 1;
    font-weight: bold;
    font-size: 18px;
    color: var(--primary);
    cursor: pointer;
    text-decoration: underline;
}

.section-collapse-container[b-nuo88xxt2l] {
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
}

svg.svg-inline--fa.fa-angle-down[b-nuo88xxt2l] {
    margin-right: 5px;
}

.form-detail-download[b-nuo88xxt2l] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
}

    .form-detail-download:hover[b-nuo88xxt2l] {
        color: var(--primary);
    }

        .form-detail-download:hover .form-detail-download-icon[b-nuo88xxt2l] {
            color: var(--primary) !important;
        }

.form-detail-download-icon[b-nuo88xxt2l] {
    font-size: 24px;
    color: #808080;
}

.form-detail-download-description[b-nuo88xxt2l] {
    line-height: 34px;
}

.form-detail-event-container[b-nuo88xxt2l] {
    border: 1px solid #d9d9d9;
    padding: 10px;
    max-width: 800px;
    display: flex;
    gap: 10px;
}

.font-detail-event-date-container[b-nuo88xxt2l] {
    display: flex;
    gap: 50px;
}

.form-detail-event-container-left[b-nuo88xxt2l] {
    font-size: 28px;
    padding-right: 5px;
    padding-left: 5px;
    color: black;
}


.form-deadline-expired-message[b-nuo88xxt2l] {
    color: red;
}
/* /Components/Components/Rooms/Frontend/RoomCardComponent.razor.rz.scp.css */
.room-card-image[b-mgbb1z3lxl] {
    width: 200px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    overflow: hidden;
}

.room-default-image[b-mgbb1z3lxl] {
    font-size: 64px;
    width: 200px;
    text-align: center;
    color: #808080;
}

.room-card-container[b-mgbb1z3lxl] {
    padding: 15px;
    border: 1px solid #F2F2F2;
    box-shadow: 0 8px 24px 0 rgb(50 50 50 / 15%);
    cursor: pointer;
    position: relative;
}

    .room-card-container:hover[b-mgbb1z3lxl] {
        border-color: var(--primary);
    }

.room-card-first-row[b-mgbb1z3lxl] {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}

.room-card-right[b-mgbb1z3lxl] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.room-card-end[b-mgbb1z3lxl] {
    position: absolute;
    right: 10px;
    top: -15px;
    /*width: 40px;*/
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

    .room-card-end .btn[b-mgbb1z3lxl] {
        width: 30px !important;
        height: 30px !important;
        padding: 0px !important;
    }

.room-warning-element[b-mgbb1z3lxl] {
    width: 30px;
    height: 30px;
    border: 2px solid #dc3545;
    background-color: #dc3545;
    text-align: center;
    color: var(--primary-text-color);
    border-radius: 3px;
}

    .room-warning-element i[b-mgbb1z3lxl] {
        margin-top: 3px;
    }

.room-card-subcontainer[b-mgbb1z3lxl] {
    margin-top: 30px;
    padding-left: 30px;
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    flex-wrap: wrap;
}

    .room-card-subcontainer .room-card-container[b-mgbb1z3lxl] {
        width: 100%;
    }

.room-card-content[b-mgbb1z3lxl] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex: 1;
}

.property-container[b-mgbb1z3lxl] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.property-value[b-mgbb1z3lxl] {
    width: 30px;
    text-align: end;
}

.property-container i[b-mgbb1z3lxl] {
    line-height: 25px;
    width: 25px;
    color: #808080;
    text-align: center;
}

.show-all-rooms-button[b-mgbb1z3lxl] {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

.selected-True[b-mgbb1z3lxl] {
    border-color: var(--primary) !important;
    background-color: var(--primary)11 !important;
}

.disabled-True[b-mgbb1z3lxl] {
}

.seating-container[b-mgbb1z3lxl] {
    display: flex;
    justify-content: space-around;
    gap: 30px;
    flex-wrap: wrap;
}

.seating-item img[b-mgbb1z3lxl] {
    height: 32px;
}

.room-card-seating-row[b-mgbb1z3lxl] {
    border-top: 1px solid #f2f2f2;
    padding-top: 10px;
}

.seating-item[b-mgbb1z3lxl] {
    text-align: center;
}

.room-card-booking-error-row[b-mgbb1z3lxl] {
    border-top: 1px solid #f2f2f2;
    padding-top: 10px;
}

.room-card-booking-error[b-mgbb1z3lxl] {
    color: red;
}

.room-card-booking-ok[b-mgbb1z3lxl] {
    color: green;
}

.room-already-booked[b-mgbb1z3lxl] {
    border-color: #dc3545 !important;
}
/* /Components/Components/Rooms/Frontend/RoomDetailComponent.razor.rz.scp.css */
.galerie-container[b-5xn5nsz7cv]
{
    max-width: 1080px;
}
.property-container[b-5xn5nsz7cv] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.property-value[b-5xn5nsz7cv] {
    width: 30px;
    text-align: end;
    line-height: 24px;
}

.property-container i[b-5xn5nsz7cv] {
    line-height: 25px;
    width: 25px;
    color: #808080;
    text-align: center;
}
.property-text[b-5xn5nsz7cv] {
    line-height: 24px;
}

.seating-container[b-5xn5nsz7cv] {
    display: flex;
    justify-content: flex-start;
    gap: 50px;
    flex-wrap: wrap;
    max-width: 600px;
}

.seating-item img[b-5xn5nsz7cv] {
    height: 32px;
}

.seating-item[b-5xn5nsz7cv] {
    text-align: center;
}

.room-options ul[b-5xn5nsz7cv] {
    padding-left: 20px;
}
.room-options li[b-5xn5nsz7cv]{
    margin-bottom: 10px;
}
.item-name b[b-5xn5nsz7cv]{
    margin-right: 10px;
}
.price-table[b-5xn5nsz7cv] {
    width: 100%;
}

.price-header[b-5xn5nsz7cv] {
    background-color: var(--primary);
    color: var(--primary-text-color) !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    text-align: center;
    border: 0px;
}

.price-row:first-of-type[b-5xn5nsz7cv] {
    border-bottom: 15px solid white;
}

.price-cell[b-5xn5nsz7cv] {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.price-row-header[b-5xn5nsz7cv] {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.contact-item[b-5xn5nsz7cv]{
    margin-bottom: 20px;
}
.contact-type[b-5xn5nsz7cv], .contact-email[b-5xn5nsz7cv], .contact-phone[b-5xn5nsz7cv] {
    /*color: #808080;*/
}
.contact-name[b-5xn5nsz7cv]{
    font-weight: bold;
}
h3[b-5xn5nsz7cv] {
    margin-top: 20px;
    margin-bottom: 20px;
}
/* /Components/Components/Rooms/Frontend/RoomFilterComponent.razor.rz.scp.css */
/* /Components/Components/Rooms/Frontend/SideBarComponent.razor.rz.scp.css */
.sidebar-container[b-bduh9rollq]
{
    top: 20px;
}
.sticky-top[b-bduh9rollq] {
    z-index: 1 !important;
}
/* /Components/Components/Rooms/Frontend/TimeFilterComponent.razor.rz.scp.css */
.room-filter-component[b-s1eest3s4m] {
    padding: 15px;
    width: 100%;
}
    .meeting-datetime-picker-from[b-s1eest3s4m],
    .meeting-datetime-picker-to[b-s1eest3s4m] {
        max-width: 250px;
        width: 100%;
    }

.meeting-container[b-s1eest3s4m] {
    display: block;
    position: relative;
}

.meeting-filter-container[b-s1eest3s4m] {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    flex-wrap: wrap;
    margin: 17px 0px;
    padding: 10px;
    border: 1px solid var(--primary) !important
}
.meeting-date[b-s1eest3s4m] {
    width: 60%;
}
.meeting-time[b-s1eest3s4m]{
    width: 40%;
    min-width: 100px;
}
.meeting-filter-add-timespan[b-s1eest3s4m] {
    height: 50px;
    width: 100%;
    text-align: center;
    border: 1px dashed #dfdfdf;
    padding-top: 10px;
    text-transform: uppercase;
    color: #707070;
    cursor: pointer;
}

    .meeting-filter-add-timespan:hover[b-s1eest3s4m] {
        height: 50px;
        width: 100%;
        text-align: center;
        border: 1px dashed var(--primary);
        color: var(--primary);
        background-color: #f5f5f5;
    }
/*.meeting-duration {
    width: 120px;
}*/
.meeting-value[b-s1eest3s4m]{
    display: flex;
    gap: 10px;
}
.meeting-label[b-s1eest3s4m]{
    height: 30px;
}
.meeting-toolbar[b-s1eest3s4m] {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
}
.meeting-toolbar-content[b-s1eest3s4m]{
}
.create-series-button[b-s1eest3s4m] {
    color: var(--primary);
    cursor: pointer;
    height: 30px;
}
    .create-series-button:hover[b-s1eest3s4m] {
        text-decoration: underline;
        color: var(--secondary)
    }
.create-series-button i[b-s1eest3s4m]{
    margin-left: 5px;
    margin-right: 10px;
}
.series-top-bar[b-s1eest3s4m]{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.series-meeting-container[b-s1eest3s4m] {
    border: 1px solid #f2f2f2;
    padding: 10px;
}
.series-meeting-container-second-row[b-s1eest3s4m] {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}
.container-title[b-s1eest3s4m] {
    background-color: var(--primary-text-color);
    margin-top: -22px;
    padding-right: 10px;
    width: fit-content;
}
.meeting-series-from[b-s1eest3s4m], .meeting-series-to[b-s1eest3s4m] {
    width: 100%;
    max-width: 150px;
}
.series-time[b-s1eest3s4m]{
    width: 100%;
}
.series-type-container-second-row[b-s1eest3s4m]{
    display: flex;
    justify-content: space-between;
}
.type-container-left .element-radio-button[b-s1eest3s4m] {
    height: 40px;
}
.type-container-left[b-s1eest3s4m] {
    padding-right: 15px;
    display: flex;
    flex-direction: column;
}
.type-container-right[b-s1eest3s4m] {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #f2f2f2;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.advanced-radio-button[b-s1eest3s4m]{
    display: flex; 
    justify-content: flex-start;
    gap: 10px;
    line-height: 34px;
    flex-wrap: wrap;
}
.daily-day-input[b-s1eest3s4m]{
    display: flex;
    justify-content: flex-start;
}
.radio-label[b-s1eest3s4m]{
    margin-left: -6px;
}
.weekly-input[b-s1eest3s4m] {
    display: flex;
    gap: 10px;
    height: 38px;
    line-height: 34px;
}
.week-day-container[b-s1eest3s4m]{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}
.monthly-input[b-s1eest3s4m] {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.meeting-duration-input[b-s1eest3s4m] {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
}
.meeting-series-duration-from[b-s1eest3s4m] {
    display: flex;
    gap: 10px;
    line-height: 34px;
    height: 38px;
}
.series-search-container[b-s1eest3s4m]{
    display: flex;
    justify-content: flex-start;
}
.meeting-filter-remove-timespan[b-s1eest3s4m] {
    position: absolute;
    top: -15px;
    right: 10px;
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

.meeting_duration[b-s1eest3s4m] {
    white-space: break-spaces;
}
/* /Components/Components/Rooms/Inventory/InventoryPositions.razor.rz.scp.css */
.table-toolbar[b-66obuo56su]
{
    display: flex;
    justify-content: space-evenly;
}
/* /Components/Components/Search/Frontend/Searchbar.razor.rz.scp.css */
.searchbar-container[b-jrw1t19vac] {
    background-color: transparent;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    width: 400px;
    margin: auto;
}

    .searchbar-container .form-control[b-jrw1t19vac] {
        background-color: var(--primary-text-color);
    }

.search-input-container[b-jrw1t19vac] {
    display: flex;
}
.search-input-container-show[b-jrw1t19vac] {
    animation: reveal-b-jrw1t19vac 0.2s forwards;
}
.search-input-container-hide[b-jrw1t19vac] {
    animation: hide-b-jrw1t19vac 0.2s forwards;
}

@keyframes reveal-b-jrw1t19vac {
    from {
        clip-path: inset(0 0 0 100%);
    }

    to {
        clip-path: inset(0 0 0 0);
    }
}

@keyframes hide-b-jrw1t19vac {
    from {
        clip-path: inset(0 0 0 0);
    }

    to {
        clip-path: inset(0 0 0 100%);
    }
}
.search-toggler-show[b-jrw1t19vac] {
    animation: revealWidth-b-jrw1t19vac 0.1s forwards;
}

.search-toggler-hide[b-jrw1t19vac] {
    animation: hideWidth-b-jrw1t19vac 0.1s forwards;
}

@keyframes revealWidth-b-jrw1t19vac {
    from {
        width: 0px;
        opacity: 0;
    }

    to {
        width: 40px;
        opacity: 1;
    }
}

@keyframes hideWidth-b-jrw1t19vac {
    from {
        width: 40px;
        opacity: 1;
    }

    to {
        width: 0px;
        opacity: 0;
    }
}


.card[b-jrw1t19vac]{
    margin-bottom: 30px;
}
/* /Components/Components/Signing/Signing.razor.rz.scp.css */
.signing-preview-container[b-dfnbqpiwgw] {
    height: 600px;
    margin-bottom: 20px;
}
@media(max-width: 600px){
    .signing-preview-container[b-dfnbqpiwgw] {
        max-height: 600px;
    }
}
.form-group-container[b-dfnbqpiwgw]{
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}
.segment-button-container[b-dfnbqpiwgw]{
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
/* /Components/Components/Tasks/BucketView.razor.rz.scp.css */
.bucketview-container[b-6pp4w9rob9] {
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    position: relative;
}
.bucket-container[b-6pp4w9rob9] {
    padding-left: 5px;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    width: calc(90vw - 38px) !important;
    width: -moz-calc(90vw - 38px) !important;
    width: -webkit-calc(90vw - 38px) !important;
    width: -o-calc(90vw - 38px) !important;
    overflow: auto;
    flex: 1;
}
.bucket-item[b-6pp4w9rob9]{
    width: 300px;
    padding: 5px;
    border-bottom: 30px solid white;
    height: 100%;
    border: 1px solid white;
}
.bucket-item.dropable[b-6pp4w9rob9]{
    border: 1px dashed #d9d9d9;
}

.bucket-title[b-6pp4w9rob9]{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.card-container[b-6pp4w9rob9] {
    border: 1px solid #d9d9d9;
    display: flex;
    justify-content: space-evenly;
    cursor: pointer;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    margin-bottom: 5px;
}
    .card-container:hover[b-6pp4w9rob9] {
        border-color: var(--primary);
    }
.new-task-item[b-6pp4w9rob9]{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    width: auto;
    margin: auto;
    padding: 5px;
}
.show-finished-task-item[b-6pp4w9rob9]{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
}
    .show-finished-task-item:hover[b-6pp4w9rob9]{
        color: #808080;
    }
    .show-finished-task-item-description[b-6pp4w9rob9] {
        flex: 1;
    }

.bucket-task-container .dropable[b-6pp4w9rob9]{
    border-top: 50px solid #F2F2F2;
    padding-top: 5px;
}
.bucketview-header[b-6pp4w9rob9]{
    display: flex;
    justify-content: space-between;
}
.bucketview-filter[b-6pp4w9rob9]{
    width: 50%;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.responsible-filter[b-6pp4w9rob9]{
    width: 220px;
}
.status-filter[b-6pp4w9rob9] {
    width: 170px;
}
.priority-filter[b-6pp4w9rob9] {
    width: 170px;
}
.tag-filter[b-6pp4w9rob9]{
    width: 220px;
}
.clear-button[b-6pp4w9rob9]{
    width: 48px;
    height: 38px !important;
    line-height: 28px !important;
}
.small-task-inaktive[b-6pp4w9rob9] {
    opacity: 0.3;
}
.small-task-aktive[b-6pp4w9rob9]{
    border-color: var(--primary) !important;
}
/* /Components/Components/Tasks/Bucket/Edit.razor.rz.scp.css */
/* /Components/Components/Tasks/Checklist/Control.razor.rz.scp.css */
.tag-control-container[b-iwbjdfaa82] {
    border: 1px solid #d9d9d9;
    height: 48px;
    padding: 5px;
    padding-left: 5px;
    padding-right: 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    line-height: 32px;
}
    .tag-control-container:hover[b-iwbjdfaa82] {
        border-color: var(--primary);
    }
.tag-list-container[b-iwbjdfaa82]{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
    overflow: auto;
}

.tag-tool[b-iwbjdfaa82] {
    line-height: 36px !important;
}

.tag-dropdown[b-iwbjdfaa82] {
    position: absolute;
    top: 46px;
    left: 0;
    background-color: var(--primary-text-color);
    width: calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: -webkit-calc(100% + 2px);
    width: -o-calc(100% + 2px);
    z-index: 999;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #d9d9d9;
    max-height: 200px;
    overflow: auto;
    margin-left: -1px;
}
.tag-dropdown-container[b-iwbjdfaa82] {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 5px;
}
.tag-item-container[b-iwbjdfaa82]{
    display: flex;
    justify-content: flex-start;
}
    .tag-item-container:hover[b-iwbjdfaa82]{
        background-color: rgba(0,0,0,0.1);
    }
    .tag-item[b-iwbjdfaa82] {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        padding: 8px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 10px;
        border: 2px solid;
        cursor: pointer;
    }

.tag-item:hover[b-iwbjdfaa82]{
    opacity: 0.8;
}

.tag-action[b-iwbjdfaa82]{
    margin-top: -2px;
    margin-left: 5px;
    margin-right: 3px;
}
.tag-action svg[b-iwbjdfaa82]{
    height: 10px;
    width: 10px;
}
    .tag-action i[b-iwbjdfaa82] {
        height: 10px;
        width: 10px;
    }
.checkitem-list-container[b-iwbjdfaa82]{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-right: 5px;
}
.check-item-add-container[b-iwbjdfaa82]{
    border: 1px dashed #d9d9d9;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}
    .check-item-add-container:hover[b-iwbjdfaa82]{
        border-color: var(--primary);
        color: var(--primary);
    }

.checkitem-item-container[b-iwbjdfaa82]{
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    cursor: pointer;
    padding: 3px 5px;
}
    .checkitem-item-container:hover[b-iwbjdfaa82] {
        background-color: rgba(0,0,0,0.1);
    }

    .check-description[b-iwbjdfaa82] {
        flex: 1;
    }

.check-description-input[b-iwbjdfaa82] {
    display: flex;
    gap: 5px;
    width: 100%;
    justify-content: space-between;
}
    .check-description-label[b-iwbjdfaa82] {
        display: flex;
        gap: 5px;
        width: 100%;
        justify-content: space-between;
    }

.check-element[b-iwbjdfaa82] {
    width: 24px;
    height: 24px;
    border: 1px solid #808080;
    border-radius: 20px;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
}
.check-element:hover[b-iwbjdfaa82]{
    border-color: var(--primary);
    background-color: var(--primary)88;
}
.check-element-aktive[b-iwbjdfaa82] {
    border-color: var(--primary);
    background-color: var(--primary)CC;
}
    .check-element-aktive:hover[b-iwbjdfaa82] {
        border-color: var(--primary);
        background-color: var(--primary)88;
    }

.check-description-buttons[b-iwbjdfaa82]{
    width: 38px;
    height: 38px;
    border: 2px solid var(--primary);
    border-radius: 3px;
    cursor: pointer;
    background-color: var(--primary-text-color);
}
    .check-description-buttons:hover[b-iwbjdfaa82] {
        background-color: var(--primary)55;
    }
    .check-button[b-iwbjdfaa82] {
        text-align: center;
        line-height: 34px;
        color: var(--primary);
    }
.check-description-buttons svg[b-iwbjdfaa82] {
    margin: auto;
}
.check-description-buttons i[b-iwbjdfaa82] {
    margin: auto;
}
.check-description-data[b-iwbjdfaa82]{
    line-height: 36px;
}

.small-style .check-element[b-iwbjdfaa82] {
    width: 18px !important;
    height: 18px !important;
    border-radius: 9px !important;
}
.small-style .check-description-data[b-iwbjdfaa82] {
    line-height: 20px !important;
}
/*.small-style .checkitem-item-container{
    background-color: var(--primary-text-color) !important;
}*/
/*.small-style .checkitem-item-container:hover{
    text-decoration: underline;
}*/
    .small-style .checkitem-item-container:hover .check-element[b-iwbjdfaa82] {
        border-color: var(--primary) !important;
        background-color: var(--primary)88 !important;
    }
/*.small-style .checkitem-list-container{
    gap: 5px !important;
}*/
/* /Components/Components/Tasks/Comments/Control.razor.rz.scp.css */
.comment-list-container[b-s1y0x5pclw]{
    display: flex;
    justify-content: flex-start;
    gap: 5px;
    flex-direction: column;
    overflow: auto;
    margin-bottom: 5px;
}
.comment-control-container[b-s1y0x5pclw]{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.comment-send-container[b-s1y0x5pclw] {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.comment-send-buttons[b-s1y0x5pclw] {
    width: 38px;
    height: 38px;
    border: 2px solid var(--primary);
    border-radius: 3px;
    cursor: pointer;
    background-color: var(--primary-text-color);
}

    .send-button:hover[b-s1y0x5pclw] {
        background-color: var(--primary)55;
    }

.send-button[b-s1y0x5pclw] {
    text-align: center;
    line-height: 34px;
    color: var(--primary);
}

.comment-item-container[b-s1y0x5pclw]{
    padding-bottom: 20px;
    border-bottom: 1px solid #F2F2F2;
    padding-right: 5px;
    margin-bottom: 5px;
}
    .comment-item-container:last-of-type[b-s1y0x5pclw]{
        border-bottom: 0px !important;
    }
    .comment-first-row[b-s1y0x5pclw] {
        display: flex;
        justify-content: space-between;
    }
.comment-second-row[b-s1y0x5pclw]{
    padding-top: 5px;
    padding-left: 45px;
}
/* /Components/Components/Tasks/Dashboard.razor.rz.scp.css */
.dashboard-container[b-w2b49ji9z5]{
}

.container-left[b-w2b49ji9z5] {
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.container-right[b-w2b49ji9z5] {
    flex: 1;}

.context-container[b-w2b49ji9z5] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.context-item-container[b-w2b49ji9z5] {
    border: 2px solid var(--primary);
    color: var(--primary);
    border-radius: 3px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

    .context-item-container:hover[b-w2b49ji9z5] {
        background-color: var(--primary)CC;
        color: var(--primary-text-color);
    }

.context-aktiv[b-w2b49ji9z5] {
    background-color: var(--primary)CC;
    color: var(--primary-text-color);
    cursor: default !important;
}

.row-item[b-w2b49ji9z5] {
    border: 1px solid #d9d9d9;
    border-left: 5px solid #d9d9d9;
    line-height: 30px;
    margin-bottom: 5px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}
    .row-item:hover[b-w2b49ji9z5] {
        background-color: #F2F2F2;
    }
.second-level-container[b-w2b49ji9z5]{
    margin-left: 40px;
}

.third-level-container[b-w2b49ji9z5]{
    margin-left: 40px;
}
.first-level-item[b-w2b49ji9z5] {
    text-align:center;
}
.second-level-item[b-w2b49ji9z5] {
    text-align: center;
}
table[b-w2b49ji9z5]{
    width: 100%;
}

.second-level-spacer[b-w2b49ji9z5] {
    margin-left: 20px;
}
.second-level-spacer tr[b-w2b49ji9z5]{
    margin-bottom: 5px;
}
.third-level-spacer[b-w2b49ji9z5]{
    height: 5px;
}
.show-all-element[b-w2b49ji9z5] {
    border: 1px dashed #d9d9d9;
    text-align: center;
    padding: 5px;
    cursor: pointer;
}
    .show-all-element:hover[b-w2b49ji9z5] {
        border-color: var(--primary);
        color: var(--primary);
    }
.authority-tag[b-w2b49ji9z5] {
    width: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 30px !important;
    height: auto !important;
    border: 2px solid var(--primary) !important;
    box-shadow: none !important;
}
.task-context-container[b-w2b49ji9z5] {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
/* /Components/Components/Tasks/DashboardComponents/TaskListDetailTemplate.razor.rz.scp.css */
.tasklist-detail-container[b-fwaih8h85j] {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    padding-bottom: 200px;
}

.small-task-wrapper[b-fwaih8h85j] {
    min-width: 400px;
    max-width: 400px;
    padding: 0;
    border: 1px solid rgba(0,0,0,0.4);
    margin: 10px;
    display: flex;
    align-items: stretch;
}

.show-finished-menu[b-fwaih8h85j]{
    border: 1px rgba(0,0,0,0.3) dashed;
    font-size: 1rem;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
    padding: 7px 5px;
    margin: 0 10px;
}
.show-finished-menu:hover[b-fwaih8h85j]{
    color: #808080;
}
.show-finished-menu-description[b-fwaih8h85j] {
    flex: 1;
}
/* /Components/Components/Tasks/DashboardV2.razor.rz.scp.css */
.dashboard-container[b-sguyo819bs]{
}

.container-left[b-sguyo819bs] {
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.container-right[b-sguyo819bs] {
    flex: 1;}

.context-container[b-sguyo819bs] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.context-item-container[b-sguyo819bs] {
    border: 2px solid var(--primary);
    color: var(--primary);
    border-radius: 3px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.context-item-container:hover[b-sguyo819bs] {
    background-color: var(--primary)CC;
    color: var(--primary-text-color);
}

.context-aktiv[b-sguyo819bs] {
    background-color: var(--primary)CC;
    color: var(--primary-text-color);
    cursor: default !important;
}

.row-item[b-sguyo819bs] {
    border: 1px solid #d9d9d9;
    border-left: 5px solid #d9d9d9;
    line-height: 30px;
    margin-bottom: 5px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}
.row-item:hover[b-sguyo819bs] {
    background-color: #F2F2F2;
}
.second-level-container[b-sguyo819bs]{
    margin-left: 40px;
}

.third-level-container[b-sguyo819bs]{
    margin-left: 40px;
}
.first-level-item[b-sguyo819bs] {
    text-align:center;
}
.second-level-item[b-sguyo819bs] {
    text-align: center;
}
table[b-sguyo819bs]{
    width: 100%;
}

.second-level-spacer[b-sguyo819bs] {
    margin-left: 20px;
}
.second-level-spacer tr[b-sguyo819bs]{
    margin-bottom: 5px;
}
.third-level-spacer[b-sguyo819bs]{
    height: 5px;
}
.show-all-element[b-sguyo819bs] {
    border: 1px dashed #d9d9d9;
    text-align: center;
    padding: 5px;
    cursor: pointer;
}
.show-all-element:hover[b-sguyo819bs] {
    border-color: var(--primary);
    color: var(--primary);
}
.authority-tag[b-sguyo819bs] {
    width: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 30px !important;
    height: auto !important;
    box-shadow: none !important;
    border: 2px solid var(--primary) !important;
}
.task-context-container[b-sguyo819bs] {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.auth-selection-dropdown[b-sguyo819bs] {
    max-width: 600px;
    display: flex;
}
.dl-item[b-sguyo819bs] {
    display: flex;
    align-items: center;
    font-size: 1rem;
    height: 100%;
}
/* /Components/Components/Tasks/Edit.razor.rz.scp.css */
.form-subcontainer[b-8t355a5mfw]
{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
    .form-subcontainer .form-group[b-8t355a5mfw]{
        width: 100%;
    }
    .form-spacer[b-8t355a5mfw]{
        width: 100%;
    }

.task-add-container[b-8t355a5mfw] {
    min-height: 65vh !important;
}
.task-loader-container[b-8t355a5mfw] {
    height: 65vh !important;
    position: relative;
}
.task-form-wizard-page[b-8t355a5mfw]{
    max-height: 49vh;
}
.task-container[b-8t355a5mfw] {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    height: 60vh;
    overflow: auto;
}
.container-left[b-8t355a5mfw]{
    flex: 1;
}
.container-right[b-8t355a5mfw] {
    flex: 1;
}
/* /Components/Components/Tasks/Eskalation/Control.razor.rz.scp.css */
.eskalation-item-container[b-fwt7caoevo] {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    cursor: pointer;
}
    .eskalation-item-container:hover[b-fwt7caoevo] {
        color: var(--primary) !important;
    }
.eskalation-responsible[b-fwt7caoevo]{
    flex: 1;
}
.eskalation-date[b-fwt7caoevo]{
    margin: auto;
}

.eskalation-item-add-container[b-fwt7caoevo] {
    border: 1px dashed #d9d9d9;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

    .eskalation-item-add-container:hover[b-fwt7caoevo] {
        border-color: var(--primary);
        color: var(--primary);
    }
.eskalation-date[b-fwt7caoevo]{
    width: 220px;
}
.button-container[b-fwt7caoevo] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}
.eskalation-edit-responsible[b-fwt7caoevo]{
    height: 250px;
}
.eskalation-responsible-container[b-fwt7caoevo]{
    display: flex;
    gap: 5px;
    justify-content: flex-start;
    flex: 1;
}
.eskalation-data-container[b-fwt7caoevo]{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.eskalation-responsible-item[b-fwt7caoevo] {
    margin-top: auto;
    margin-bottom: auto;
}
.eskalation-title-container[b-fwt7caoevo] {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}
.check-description-buttons[b-fwt7caoevo] {
    width: 38px;
    height: 38px;
    border: 2px solid var(--primary);
    border-radius: 3px;
    cursor: pointer;
    background-color: var(--primary-text-color);
}

    .check-description-buttons:hover[b-fwt7caoevo] {
        background-color: var(--primary)55;
    }

.check-button[b-fwt7caoevo] {
    text-align: center;
    line-height: 34px;
    color: var(--primary);
}
.check-description-buttons svg[b-fwt7caoevo] {
    margin: auto;
}
.check-description-buttons i[b-fwt7caoevo] {
    margin: auto;
}
/* /Components/Components/Tasks/Eskalation/Responsible/Control.razor.rz.scp.css */
.tag-control-container[b-2wkmgulp2u] {
    border: 1px solid #d9d9d9;
    height: 48px;
    padding: 5px;
    padding-left: 5px;
    padding-right: 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    line-height: 32px;
}
    .tag-control-container:hover[b-2wkmgulp2u] {
        border-color: var(--primary);
    }
.tag-list-container[b-2wkmgulp2u]{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
    overflow: auto;
    width: 100%;
}

.tag-tool[b-2wkmgulp2u] {
    line-height: 36px !important;
}

.tag-dropdown[b-2wkmgulp2u] {
    position: absolute;
    top: 46px;
    left: 0;
    background-color: var(--primary-text-color);
    width: calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: -webkit-calc(100% + 2px);
    width: -o-calc(100% + 2px);
    z-index: 999;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #d9d9d9;
    height: 200px;
    overflow: auto;
    margin-left: -1px;
}
.tag-dropdown-container[b-2wkmgulp2u] {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 5px;
}
.tag-item-container[b-2wkmgulp2u]{
    display: flex;
    justify-content: flex-end;
}
    .tag-item-container:hover[b-2wkmgulp2u]{
        background-color: #F2F2F2;
    }
    .tag-item[b-2wkmgulp2u] {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        padding: 8px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 10px;
        border: 2px solid;
        cursor: pointer;
    }

.tag-item:hover[b-2wkmgulp2u]{
    opacity: 0.8;
}

.tag-action[b-2wkmgulp2u]{
    margin-top: -2px;
    margin-left: 5px;
    margin-right: 3px;
}
.tag-action svg[b-2wkmgulp2u]{
    height: 10px;
    width: 10px;
}
    .tag-action i[b-2wkmgulp2u] {
        height: 10px;
        width: 10px;
    }
.searchbar-responsible-list[b-2wkmgulp2u]{
    position: sticky;
    top: 0;
    z-index: 999;
}
.extra-small-element-separator[b-2wkmgulp2u]{
    background-color: var(--primary-text-color);
}
/* /Components/Components/Tasks/Filter/Responsible/Control.razor.rz.scp.css */
.tag-control-container[b-jue8q8plga] {
    border: 1px solid #d9d9d9;
    height: 38px;
    padding: 4px;
    padding-left: 5px;
    padding-right: 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    line-height: 28px;
}
    .tag-control-container:hover[b-jue8q8plga] {
        border-color: var(--primary);
    }
.tag-list-container[b-jue8q8plga]{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
    overflow: auto;
    width: 100%;
}

.tag-tool[b-jue8q8plga] {
    line-height: 28px !important;
}

.tag-dropdown[b-jue8q8plga] {
    position: absolute;
    top: 46px;
    left: 0;
    background-color: var(--primary-text-color);
    width: calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: -webkit-calc(100% + 2px);
    width: -o-calc(100% + 2px);
    z-index: 999;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #d9d9d9;
    max-height: 200px;
    overflow: auto;
    margin-left: -1px;
}
.tag-dropdown-container[b-jue8q8plga] {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 5px;
}
.tag-item-container[b-jue8q8plga]{
    display: flex;
    justify-content: flex-end;
}
    .tag-item-container:hover[b-jue8q8plga]{
        background-color: #F2F2F2;
    }
    .tag-item[b-jue8q8plga] {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        padding: 8px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 10px;
        border: 2px solid;
        cursor: pointer;
    }

.tag-item:hover[b-jue8q8plga]{
    opacity: 0.8;
}

.tag-action[b-jue8q8plga]{
    margin-top: -2px;
    margin-left: 5px;
    margin-right: 3px;
}
.tag-action svg[b-jue8q8plga]{
    height: 10px;
    width: 10px;
}
    .tag-action i[b-jue8q8plga] {
        height: 10px;
        width: 10px;
    }
.searchbar-responsible-list[b-jue8q8plga]{
    position: sticky;
    top: 0;
    z-index: 999;
}
.extra-small-element-separator[b-jue8q8plga]{
    background-color: var(--primary-text-color);
}
/* /Components/Components/Tasks/Filter/Tag/Control.razor.rz.scp.css */
.tag-control-container[b-lalmhjeboy] {
    border: 1px solid #d9d9d9;
    height: 38px;
    padding: 4px;
    padding-left: 5px;
    padding-right: 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    line-height: 28px;
}
    .tag-control-container:hover[b-lalmhjeboy] {
        border-color: var(--primary);
    }
.tag-list-container[b-lalmhjeboy]{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
    overflow: auto;
    width: 100%;
}

.tag-tool[b-lalmhjeboy] {
    line-height: 28px !important;
}

.tag-dropdown[b-lalmhjeboy] {
    position: absolute;
    top: 46px;
    left: 0;
    background-color: var(--primary-text-color);
    width: calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: -webkit-calc(100% + 2px);
    width: -o-calc(100% + 2px);
    z-index: 999;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #d9d9d9;
    max-height: 200px;
    overflow: auto;
    margin-left: -1px;
}
.tag-dropdown-container[b-lalmhjeboy] {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 5px;
}
.tag-item-container[b-lalmhjeboy]{
    display: flex;
    justify-content: flex-start;
}
    .tag-item-container:hover[b-lalmhjeboy]{
        background-color: #F2F2F2;
    }

    .tag-item[b-lalmhjeboy] {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        padding: 8px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 10px;
        border: 1px solid;
        cursor: pointer;
        line-height: 24px;
    }

.tag-item:hover[b-lalmhjeboy]{
    opacity: 0.8;
}

.tag-action[b-lalmhjeboy]{
    margin-top: -2px;
    margin-left: 5px;
    margin-right: 3px;
}
.tag-action svg[b-lalmhjeboy]{
    height: 10px;
    width: 10px;
}
    .tag-action i[b-lalmhjeboy] {
        height: 10px;
        width: 10px;
    }
/* /Components/Components/Tasks/Priority/Edit.razor.rz.scp.css */
/* /Components/Components/Tasks/Responsible/Control.razor.rz.scp.css */
.tag-control-container[b-u9shk4hki1] {
    border: 1px solid #d9d9d9;
    height: 48px;
    padding: 5px;
    padding-left: 5px;
    padding-right: 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    line-height: 32px;
}
.input-hidden[b-u9shk4hki1]{
    height: 0px !important;
    padding: 0px !important;
    border: 0px !important;
}
.tag-control-container:hover[b-u9shk4hki1] {
    border-color: var(--primary);
}
.tag-list-container[b-u9shk4hki1]{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
    overflow: auto;
    width: 100%;
}

.tag-tool[b-u9shk4hki1] {
    line-height: 36px !important;
}

.tag-dropdown[b-u9shk4hki1] {
    position: absolute;
    top: 46px;
    left: 0;
    background-color: var(--primary-text-color);
    width: calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: -webkit-calc(100% + 2px);
    width: -o-calc(100% + 2px);
    z-index: 999;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #d9d9d9;
    max-height: 250px;
    overflow: auto;
    margin-left: -1px;
    z-index: 999;
}
.tag-dropdown-container[b-u9shk4hki1] {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 5px;
}
.tag-item-container[b-u9shk4hki1]{
    display: flex;
    justify-content: flex-end;
}
    .tag-item-container:hover[b-u9shk4hki1]{
        background-color: #F2F2F2;
    }
    .tag-item[b-u9shk4hki1] {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        padding: 8px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 10px;
        border: 2px solid;
        cursor: pointer;
    }

.tag-item:hover[b-u9shk4hki1]{
    opacity: 0.8;
}

.tag-action[b-u9shk4hki1]{
    margin-top: -2px;
    margin-left: 5px;
    margin-right: 3px;
}
.tag-action svg[b-u9shk4hki1]{
    height: 10px;
    width: 10px;
}
    .tag-action i[b-u9shk4hki1] {
        height: 10px;
        width: 10px;
    }
.searchbar-responsible-list[b-u9shk4hki1]{
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: var(--primary-text-color);
}
.extra-small-element-separator[b-u9shk4hki1]{
    background-color: var(--primary-text-color);
}
.input-hidden .tag-dropdown[b-u9shk4hki1] {
    top: 0px !important;
}
.tag-item-remove[b-u9shk4hki1]{
    width: 32px;
}
.tag-item-remove-aktive:hover[b-u9shk4hki1] {
    color: var(--primary) !important;
}
.drop-down-overlay[b-u9shk4hki1]{
    height: 100%;
    width: 100%;
    position:fixed;
    top: 0;
    left: 0;
    z-index: 998;
}
/* /Components/Components/Tasks/RowTask.razor.rz.scp.css */
.tag-item[b-x35wypwwco] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 10px;
    border: 1px solid;
    cursor: pointer;
}
    .tag-item:hover[b-x35wypwwco] {
        opacity: 0.8;
    }


.tag-description[b-x35wypwwco] {
    --switch: calc((80 - 60) * -100%);
    color: hsl(0, 0%, var(--switch));
    height: 18px;
    line-height: 18px;
}
.task-container[b-x35wypwwco]{
    cursor: pointer;
    text-align: center;
}
.task-properties[b-x35wypwwco] {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.task-tags[b-x35wypwwco] {
    display: flex;
    gap: 10px;
    justify-content: center;
    overflow:  hidden;
    flex-wrap: nowrap;
}

.task-responsible[b-x35wypwwco] {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.check-element[b-x35wypwwco] {
    width: 18px;
    height: 18px;
    border: 1px solid #808080;
    border-radius: 9px;
    margin: auto;
    cursor: pointer;
}

    .check-element:hover[b-x35wypwwco] {
        border-color: var(--primary);
        background-color: var(--primary)88;
    }

.check-element-aktive[b-x35wypwwco] {
    border-color: var(--primary);
    background-color: var(--primary)CC;
}

    .check-element-aktive:hover[b-x35wypwwco] {
        border-color: var(--primary);
        background-color: var(--primary)88;
    }

.tag-loader[b-x35wypwwco]{
    position: relative;
}
/* /Components/Components/Tasks/SmallTask.razor.rz.scp.css */
.small-task-container[b-bdjvj259g3]{
    width: 100%;
    padding: 5px;
    position: relative;
    cursor: pointer;
}
.small-task-container:hover[b-bdjvj259g3] {
    background-color: #eaeaea;
}
.small-task-wrapper .small-task-container[b-bdjvj259g3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.check-element[b-bdjvj259g3] {
    min-width: 18px;
    width: 18px;
    height: 18px;
    border: 1px solid #808080;
    border-radius: 9px;
    margin-top: auto;
    margin-bottom: auto;
    cursor: pointer;
}

    .check-element:hover[b-bdjvj259g3] {
        border-color: var(--primary);
        background-color: var(--primary)88;
    }

.check-element-aktive[b-bdjvj259g3] {
    border-color: var(--primary);
    background-color: var(--primary)CC;
}

    .check-element-aktive:hover[b-bdjvj259g3] {
        border-color: var(--primary);
        background-color: var(--primary)88;
    }

.title-container[b-bdjvj259g3] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    padding-left: 5px;
}

.title-element[b-bdjvj259g3] {
    text-align: left;
}

.title-container .check-element[b-bdjvj259g3]{
    margin-top: 2px;
}

.tag-container[b-bdjvj259g3] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
}

.tag-item[b-bdjvj259g3] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 10px;
    border: 1px solid;
    cursor: pointer;
}
.tag-description-light[b-bdjvj259g3] {
    /*--switch: calc((80 - 60) * -100%);
    color: hsl(0, 0%, var(--switch));*/
    color: rgba(255,255,255,0.7);
}
.tag-description-dark[b-bdjvj259g3] {
    /*--switch: calc((80 - 60) * -100%);
    color: hsl(0, 0%, var(--switch));*/
    color: rgba(0,0,0,0.7);
}

    .tag-item:hover[b-bdjvj259g3] {
        opacity: 0.8;
    }
.checkitems-container[b-bdjvj259g3]{
    padding-left: 28px;
}
.responsible-window-container[b-bdjvj259g3] {
    min-width: 400px;
    min-height: 300px;
}
.responsible-container[b-bdjvj259g3]{
    display: flex;
    justify-content: flex-end;
    gap: 1px;
    padding: 5px;
}
    .responsible-container:hover[b-bdjvj259g3]{
        background-color: #d9d9d9;
    }
    .footer-container[b-bdjvj259g3] {
        padding-top: 5px;
        padding-left: 5px;
        display: flex;
        justify-content: space-between;
        position: relative;
    }
.deadline-container[b-bdjvj259g3] {
    display: flex;
    justify-content: flex-start;
    gap: 5px;
    margin-top: auto;
    margin-bottom: 0px;
    padding: 3px;
}
.window-close-bar[b-bdjvj259g3] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}
.deadline-container:hover[b-bdjvj259g3] {
    background-color: rgba(0,0,0,0.1);
}

.properties-container[b-bdjvj259g3]{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    padding-left: 5px;
    position: relative;
}
.small-task-remove-container[b-bdjvj259g3] {
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px;
    display: none;
    background-color: #eaeaea;
}

.small-task-remove-container:hover[b-bdjvj259g3]{
    color: var(--primary);
    background-color: #d9d9d9;
}
.small-task-container:hover .small-task-remove-container[b-bdjvj259g3]{
    display: block !important;
}
.responsible-quickadd-container[b-bdjvj259g3]{
    position: absolute;
    top: 0;
    width: 100%;
    background-color: var(--primary-text-color);
}
.tag-quickadd-container[b-bdjvj259g3] {
    position: absolute;
    top: -10px;
    left: 0px;
    width: 100%;
    background-color: var(--primary-text-color);
}

.priority-dropdown[b-bdjvj259g3] {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 170px;
    max-height: 200px;
    background-color: var(--primary-text-color);
    border: 1px solid #d9d9d9;
    overflow: auto;
    padding: 5px;
    z-index: 999;
}
.priority-container[b-bdjvj259g3] {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 10px;
}
.priority-item[b-bdjvj259g3]{
    padding: 3px;
}
.priority-item:hover[b-bdjvj259g3] {
    background-color: #F2F2F2;
}
.properties-icon:hover[b-bdjvj259g3]{
    color: var(--primary) !important;
}
.overlay-container[b-bdjvj259g3]{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 996;
}
.context-display[b-bdjvj259g3] {
    
}
.calendar-window-content[b-bdjvj259g3] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.calendar-window-buttons[b-bdjvj259g3] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.calendar-window-buttons button[b-bdjvj259g3] {
    max-width: 110px;
}
/* /Components/Components/Tasks/Status/Edit.razor.rz.scp.css */
/* /Components/Components/Tasks/Tag/Control.razor.rz.scp.css */
.tag-control-container[b-7mh8sc9jzc] {
    border: 1px solid #d9d9d9;
    height: 48px;
    padding: 5px;
    padding-left: 5px;
    padding-right: 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    line-height: 32px;
}
    .tag-control-container:hover[b-7mh8sc9jzc] {
        border-color: var(--primary);
    }
.tag-list-container[b-7mh8sc9jzc]{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
    overflow: auto;
    width: 100%;
}
.input-hidden[b-7mh8sc9jzc] {
    height: 0px !important;
    padding: 0px !important;
    border: 0px !important;
}

.tag-tool[b-7mh8sc9jzc] {
    line-height: 36px !important;
}

.tag-dropdown[b-7mh8sc9jzc] {
    position: absolute;
    top: 46px;
    left: 0;
    background-color: var(--primary-text-color);
    width: calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: -webkit-calc(100% + 2px);
    width: -o-calc(100% + 2px);
    z-index: 999;
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #d9d9d9;
    max-height: 200px;
    overflow: auto;
    margin-left: -1px;
}
.tag-dropdown-container[b-7mh8sc9jzc] {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 5px;
}
.tag-item-container[b-7mh8sc9jzc]{
    display: flex;
    justify-content: space-between;
}
    .tag-item-container:hover[b-7mh8sc9jzc]{
        background-color: #F2F2F2;
    }
    .tag-item[b-7mh8sc9jzc] {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        padding: 8px;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 10px;
        border: 1px solid;
        cursor: pointer;
    }

.tag-item:hover[b-7mh8sc9jzc]{
    opacity: 0.8;
}

.tag-action[b-7mh8sc9jzc]{
    margin-top: -2px;
    margin-left: 5px;
    margin-right: 3px;
}
.tag-action svg[b-7mh8sc9jzc]{
    height: 10px;
    width: 10px;
}
    .tag-action i[b-7mh8sc9jzc] {
        height: 10px;
        width: 10px;
    }
.drop-down-overlay[b-7mh8sc9jzc] {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
}
/* /Components/Components/Tasks/Tag/Edit.razor.rz.scp.css */
/* /Components/Components/Toolbar/FloatingMenuComponent.razor.rz.scp.css */
.floating-menu-container[b-rz2hiaptxi] {
    position: fixed;
    right: 145px;
    top: 80px;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    flex-flow: row-reverse;
    gap: 10px;
}

.floating-menu-button[b-rz2hiaptxi] {
    width: 52px;
    height: 52px;
    border-radius: 30px;
    background-color: var(--primary);
    display: flex;
    justify-content: space-evenly;
    line-height: 46px;
    cursor: pointer;
    position: relative;
}
    .floating-menu-button:hover[b-rz2hiaptxi] {
        background-color: var(--secondary) !important;
    }

.lord-icon[b-rz2hiaptxi]{
    width: 32px;
    height: 32px;
    margin: auto;
}

.floating-sub-menu-container[b-rz2hiaptxi] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.floating-sub-menu-button[b-rz2hiaptxi]{
    width: 38px;
    height: 38px;
    background-color: var(--primary);
    border-radius: 30px;
    display: flex;
    justify-content: space-evenly;
    line-height: 38px;
    cursor: pointer;
    margin: auto;
}
.floating-sub-menu-button i[b-rz2hiaptxi]{
    color: var(--primary-text-color) !important;
    margin: auto;
}
    .floating-sub-menu-button svg[b-rz2hiaptxi] {
        color: var(--primary-text-color) !important;
        margin: auto;
    }

    .floating-sub-menu-button:hover[b-rz2hiaptxi] {
        background-color: var(--secondary) !important;
    }
.all-tasks-count[b-rz2hiaptxi] {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #b02531;
    color: var(--primary-text-color);
    /*width: 18px;*/
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
    line-height: 14px;
    text-align: center;
    border: 2px solid #b02531;
    border-radius: 10px;
    display: none;
}
.my-tasks-count[b-rz2hiaptxi] {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #b02531;
    color: var(--primary-text-color);
    /*width: 18px;*/
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
    line-height: 14px;
    text-align: center;
    border: 2px solid #b02531;
    border-radius: 10px;
}
/* /Components/Components/User/Backend/UserNotificationComponent.razor.rz.scp.css */
.notification-popup-menu[b-0as2nfdbvm] {
    z-index: 998;
    position: absolute;
    border-radius: 3px;
    padding: 1rem;
    background-color: rgb(246, 245, 244);
    color: #27426D;
    width: 350px;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px;
    bottom: 65px;
    left: 65px;
    padding-top: 25px;
}

    .notification-popup-menu[b-0as2nfdbvm]::after {
        content: "";
        position: absolute;
        bottom: 20px;
        left: 0%;
        margin-top: -10px;
        margin-left: -10px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent gray transparent transparent;
    }

.notification-popup-menu[b-0as2nfdbvm] {
    text-align: center;
    color: var(--primary);
}

.notification-badge-container[b-0as2nfdbvm] {
    position: relative;
}

#notification_badge[b-0as2nfdbvm] {
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 10px;
    width: 10px;
    padding: unset;
    display: block;
}

.bw-head[b-0as2nfdbvm] {
    color: var(--primary);
    display: inline;
    font-size: 26px !important;
}

.footer[b-0as2nfdbvm] {
    background: var(--primary);
    color: var(--primary-text-color);
    cursor: pointer;
}
.user-message-title[b-0as2nfdbvm] {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.user-message-footer[b-0as2nfdbvm] {
    border-top: 1px solid #d9d9d9;
    padding-top: 5px;
    margin-top: 10px;
}
.message-unread[b-0as2nfdbvm] {
    background-color: #A5C8C990 !important;
}
.user-popup-content[b-0as2nfdbvm] {
    overflow: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-height: 400px;
    padding-right: 5px;
    margin-right: -5px;
}

.user-message-container[b-0as2nfdbvm] {
    background-color: var(--primary-text-color);
    border: 1px solid #d9d9d9;
    border-left: 4px solid #d9d9d9;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    border-radius: 3px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

    .user-message-container:hover[b-0as2nfdbvm] {
        border: 1px solid var(--primary);
        border-left: 4px solid var(--primary);
    }

        .user-message-container:hover .news-button[b-0as2nfdbvm] {
            background-color: var(--primary);
            color: var(--primary-text-color);
        }

.user-message-data[b-0as2nfdbvm] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: black;
    text-align: start;
    flex: 1;
}

.user-message-icon-container[b-0as2nfdbvm] {
    font-size: 26px;
    color: var(--tertiary);
    width: 50px;
    margin: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.user-message-subject[b-0as2nfdbvm] {
    color: black;
    text-align: start;
}

.user-message-text[b-0as2nfdbvm] {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: auto;
    margin-bottom: auto;
}

.news-item-buttons[b-0as2nfdbvm] {
    height: 100%;
}

.news-button[b-0as2nfdbvm] {
    color: #808080;
    background-color: #F2F2F2;
    border-left: 1px solid #d9d9d9;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 20px;
}

.news-button-icon[b-0as2nfdbvm] {
    margin: auto;
}

.show-all-button[b-0as2nfdbvm] {
    color: var(--primary);
    gap: 5px;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
}


    .show-all-button:hover[b-0as2nfdbvm] {
        text-decoration: underline;
        color: var(--secondary);
    }
.link-button[b-0as2nfdbvm] {
    color: var(--primary);
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    cursor: pointer;
}

    .link-button i[b-0as2nfdbvm] {
        margin-top: auto;
        margin-bottom: auto;
    }

    .link-button:hover[b-0as2nfdbvm] {
        text-decoration: underline;
        color: var(--secondary);
    }
.toolbar-mark-all[b-0as2nfdbvm] {
    color: var(--primary);
    cursor: pointer;
    line-height: 30px;
    height: 30px;
}

    .toolbar-mark-all:hover[b-0as2nfdbvm] {
        color: var(--secondary);
        text-decoration: underline;
    }

.unread-messages[b-0as2nfdbvm] {
    color: black;
}
/* /Components/Components/User/Backend/UserProfileComponent.razor.rz.scp.css */
.nav-link-text[b-68wrgk383k] {
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
}

.not-selectable .nav-link-text[b-68wrgk383k] {
    text-decoration: none !important;
    font-weight: normal !important;
}

.nav-item-collapsed .nav-link-text[b-68wrgk383k] {
    display: none;
}

.nav-item-tooltip[b-68wrgk383k] {
    visibility: hidden;
    position: absolute;
    /*bottom: 100%;*/
    left: 50%;
    margin-left: 28px;
    color: var(--primary-text-color);
    text-align: center;
    border-radius: 3px;
    background-color: #27426D;
    box-shadow: rgb(0 0 0 / 35%) 0px 2px 5px;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: nowrap;
}

    .nav-item-tooltip[b-68wrgk383k]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0%;
        margin-top: -5px;
        margin-left: -10px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #27426D transparent transparent;
    }

@media(max-width: 679.98px) {
    .nav-item-tooltip[b-68wrgk383k] {
        display: none !important;
    }

    .nav-item-collapsed .nav-link-text[b-68wrgk383k] {
        display: block !important;
    }
}

.user-popup-menu[b-68wrgk383k] {
    z-index: 998;
    position: absolute;
    border-radius: 3px;
    padding: 1rem;
    background-color: rgb(246, 245, 244);
    color: #27426D;
    width: 350px;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px;
    bottom: 5px;
    left: 65px;
    padding-top: 25px;
}

    .user-popup-menu[b-68wrgk383k]::after {
        content: "";
        position: absolute;
        bottom: 20px;
        left: 0%;
        margin-top: -10px;
        margin-left: -10px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent gray transparent transparent;
    }

.user-popup-menu-collapsed[b-68wrgk383k] {
    bottom: 10px;
    left: 75px;
}

    .user-popup-menu-collapsed[b-68wrgk383k]::after {
        bottom: 15px;
        top: auto;
    }

.user-popup-menu-title[b-68wrgk383k] {
    text-align: center;
    width: 100%;
    font-weight: bold;
}

    .user-popup-menu-title h4[b-68wrgk383k] {
        font-weight: bold;
    }

.user-popup-menu-profile-icon[b-68wrgk383k] {
    height: 150px;
    width: 150px;
    background-color: #F6F5F4;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px;
    border-radius: 15px;
    font-size: 72px;
    text-align: center;
    margin: auto;
    color: #27426D;
}

    .user-popup-menu-profile-icon img[b-68wrgk383k] {
        margin-top: 15px;
        background-color: transparent;
        height: 120px;
        font-size: 56px;
    }

.user-popup-menu-footer[b-68wrgk383k] {
    border-top: 1px solid white;
    padding-top: 10px;
    display: flex;
}

.user-popup-menu-right[b-68wrgk383k] {
    justify-content: right;
    align-content: flex-end;
}

.user-popup-menu-left[b-68wrgk383k] {
    justify-content: left;
    flex: 1;
}

.user-popup-admin-container[b-68wrgk383k] {
    padding: 0px;
}
/* /Components/Components/User/Backend/UserSupportComponent.razor.rz.scp.css */
.nav-link-text[b-10yj3pui10] {
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
}

.not-selectable .nav-link-text[b-10yj3pui10] {
    text-decoration: none !important;
    font-weight: normal !important;
}

.nav-item-collapsed .nav-link-text[b-10yj3pui10] {
    display: none;
}

.nav-item-tooltip[b-10yj3pui10] {
    visibility: hidden;
    position: absolute;
    /*bottom: 100%;*/
    left: 50%;
    margin-left: 28px;
    color: var(--primary-text-color);
    text-align: center;
    border-radius: 3px;
    background-color: #27426D;
    box-shadow: rgb(0 0 0 / 35%) 0px 2px 5px;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: nowrap;
}

    .nav-item-tooltip[b-10yj3pui10]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0%;
        margin-top: -5px;
        margin-left: -10px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #27426D transparent transparent;
    }

@media(max-width: 679.98px) {
    .nav-item-tooltip[b-10yj3pui10] {
        display: none !important;
    }

    .nav-item-collapsed .nav-link-text[b-10yj3pui10] {
        display: block !important;
    }
}

.user-support-menu[b-10yj3pui10] {
    z-index: 998;
    position: absolute;
    border-radius: 3px;
    padding: 1rem;
    background-color: rgb(246, 245, 244);
    width: 400px;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px;
    bottom: 125px;
    left: 65px;
    padding-top: 25px;
}

    .user-support-menu[b-10yj3pui10]::after {
        content: "";
        position: absolute;
        bottom: 20px;
        left: 0%;
        margin-top: -10px;
        margin-left: -10px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent gray transparent transparent;
    }

.ticket-success[b-10yj3pui10]{
    color: green !important;
}
.ticket-error[b-10yj3pui10]{
    color: red !important;
}
.ticket-button-group[b-10yj3pui10]{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.phone-number-container[b-10yj3pui10]{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.privacy-link .btn[b-10yj3pui10]{
    border: none !important;
    text-align: left;
    line-height: 30px;
}
.privacy-link .btn:hover[b-10yj3pui10]{
    text-decoration: underline;
}
/* /Components/Components/User/Frontend/FilterActionBarComponent.razor.rz.scp.css */
.dropdownseparator[b-qtw6vmo1w2] {
    border-top: 1px solid var(--bs-border-color);
}
/* /Components/Components/User/Frontend/PersonalArea/Activities.razor.rz.scp.css */
/* /Components/Components/User/Frontend/PersonalArea/Messages.razor.rz.scp.css */
/* /Components/Components/User/Frontend/PersonalArea/Overview.razor.rz.scp.css */
/* /Components/Components/User/Frontend/PersonalArea/Services.razor.rz.scp.css */
/* /Components/Components/User/Frontend/ServiceItem.razor.rz.scp.css */
.detail-button-container .btn[b-4z14ggg4ac], .cancel-button-container .btn[b-4z14ggg4ac]{
    margin-bottom: 0px !important;
}
.btn[b-4z14ggg4ac]{
    width: auto;
    min-width: 200px;
    box-shadow: none !important;
}
.service-item-button-container[b-4z14ggg4ac] {
    display: flex;
    gap: 0 25px;
    flex-wrap: wrap;
}
.request-new-card-link[b-4z14ggg4ac] {
    color: var(--primary);
    cursor: pointer;
}
.request-new-card-link:hover[b-4z14ggg4ac] {
    color: #5Fa1a3;
}
/* /Components/Components/User/Frontend/ServicesContainer.razor.rz.scp.css */
/* /Components/Components/User/Frontend/UserProfileComponent.razor.rz.scp.css */
.btn[b-8adrcahjkn] {
    background-color: var(--primary) !important;
}

    .btn:hover[b-8adrcahjkn] {
        background-color: var(--tertiary-transparent) !important;
    }

.nav-item a[b-8adrcahjkn] {
    width: auto !important;
    min-width: auto;
}

.user-text[b-8adrcahjkn] {
    color: var(--tertiary) !important;
}
    .user-text:hover[b-8adrcahjkn]{
    }

    .user-item[b-8adrcahjkn] {
        display: flex;
        justify-content: flex-start;
        gap: 3px;
    }
/* /Components/Components/User/UserCard.razor.rz.scp.css */
.user-card-container[b-5hcmt2niad]
{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    position: relative;
    width: 100%;
    padding-right: 10px;
}
.card-icon[b-5hcmt2niad] {
    height: 36px;
    width: 36px;
    border: 2px solid var(--primary);
    border-radius: 28px;
    overflow: hidden;
}
    .card-icon img[b-5hcmt2niad] {
        height: 36px;
        width: 36px;
        margin-left: -2px;
        margin-top: -4px;
    }

.card-user-icon-default[b-5hcmt2niad] {
    height: 32px;
    width: 32px;
    font-size: 18px;
    text-align: center;
    line-height: 28px;
}
.card-container-small[b-5hcmt2niad]{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.card-data[b-5hcmt2niad] {
    line-height: 32px;
}
.small-style[b-5hcmt2niad]{
    width: auto !important;
    gap: 1px !important;
    padding-right: 2px;
}
.small-style .card-icon[b-5hcmt2niad]{
    height: 28px;
    width: 28px;
}
.small-style .card-icon img[b-5hcmt2niad] {
    height: 28px;
    width: 28px;
}
    .small-style .card-user-icon-default[b-5hcmt2niad]{
        font-size: 14px !important;
        margin-left: -4px;
        margin-top: -2px;
    }
/* /Components/Layout/AgidLayout.razor.rz.scp.css */
.loader-overlay[b-qdpbssy63t] {
    background: linear-gradient(180deg, rgba(255,255,255,0.00525560224089631) 13%, rgba(255,255,255,0.48783263305322133) 13%) !important;
}

.background-grey[b-qdpbssy63t]{
    background: #F2F2F2;
}

.layout-page-title[b-qdpbssy63t] {
    overflow-wrap: break-word;   
}
/* /Components/Layout/EmptyLayout.razor.rz.scp.css */
.page-header[b-7hz81agomz] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 20px 40px;
    background-color: var(--primary);
    width: 100%;
    margin-bottom: 20px;
}
/* /Components/Layout/FrontendLayout.razor.rz.scp.css */
.loader-overlay[b-rf7tz0c5hn] {
    background: linear-gradient(180deg, rgba(255,255,255,0.00525560224089631) 13%, rgba(255,255,255,0.48783263305322133) 13%) !important;
}

.background-grey[b-rf7tz0c5hn]{
    background: #F2F2F2;
}

.layout-page-title[b-rf7tz0c5hn] {
    overflow-wrap: break-word;   
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.loader-overlay[b-m7t5ho0sj2] {
    background: linear-gradient(180deg, rgba(255,255,255,0.00525560224089631) 13%, rgba(255,255,255,0.48783263305322133) 13%) !important;
}

.background-grey[b-m7t5ho0sj2] {
    background: #F2F2F2;
}

.layout-page-title[b-m7t5ho0sj2] {
    overflow-wrap: break-word;
}
/* /Components/Layout/OpenLayout.razor.rz.scp.css */
.page-header[b-8sspa1j545] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 40px;
    background-color: var(--primary);
    width: 100%;
}
/* /Components/Pages/Authorization/AcceptPrivacy.razor.rz.scp.css */
/* /Components/Pages/Authorization/External/ExternalLogin.razor.rz.scp.css */
/* /Components/Pages/Authorization/External/LoginExternalError.razor.rz.scp.css */
.spid-error-container[b-qguzm28dgt] {
    color: red !important;
}
/* /Components/Pages/Authorization/LoginPage.razor.rz.scp.css */
.login-container[b-sr9916cuex] {
    display: flex;
    justify-content: flex-start;
    flex: 1;
    flex-wrap: wrap;
    gap: 50px;
    flex-grow: 2;
}

.spid-login-element[b-sr9916cuex] {
}

.login-container-row[b-sr9916cuex] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 50px;
    width: 100%;
}

.login-element[b-sr9916cuex] {
    background-color: #f2f2f2;
    padding: 30px;
    width: 100%;
    flex: 1;
}

.login-element-empty[b-sr9916cuex] {
    flex: 1;
    width: 100%;
    padding: 30px;
}


@media (min-width: 800px) and (max-width: 1080px) {
    article[b-sr9916cuex] {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media(max-width: 800px) {
    .login-container[b-sr9916cuex] {
        gap: 10px;
    }

    .login-container-row[b-sr9916cuex] {
        gap: 10px;
    }

    .login-element[b-sr9916cuex] {
        width: 100%;
        padding: 10px;
        flex: unset !important;
    }

    .page-footer-services[b-sr9916cuex] {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .page-footer-spid img[b-sr9916cuex] {
        height: 30px;
    }

    .page-footer-agde img[b-sr9916cuex] {
        height: 30px;
    }
}

@media(min-width: 800px) {
    .page-footer-services[b-sr9916cuex] {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .page-footer-spid img[b-sr9916cuex] {
        height: 50px;
    }

    .page-footer-agde img[b-sr9916cuex] {
        height: 50px;
    }
}
/* /Components/Pages/Authorization/ResetPassword.razor.rz.scp.css */
/* /Components/Pages/Canteen/External/CheckInListExternal.razor.rz.scp.css */
.filter-container[b-06am5a2pdd] {
    margin-top: 5px;
}

.filter-text[b-06am5a2pdd] {
    width: 100%;
    padding: 0px 20px;
}

.list-container[b-06am5a2pdd] {
    height: 60vh;
    padding: 10px 20px;
}

.name-text[b-06am5a2pdd] {
    font-weight: bold;
    margin-bottom: unset;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.checkin-button[b-06am5a2pdd] {
    margin-left: 10px;
    appearance: none;
    border: 1px solid grey;
    background: white;
    border-radius: 5px;
    padding: 5px 10px;
}

    .checkin-button:hover[b-06am5a2pdd] {
        background: rgba(0,0,0,0.1);
    }

.checkout-button[b-06am5a2pdd] {
    margin-left: 10px;
    appearance: none;
    border: 1px solid grey;
    background: white;
    border-radius: 5px;
    padding: 5px 10px;
}

    .checkout-button:hover[b-06am5a2pdd] {
        background: rgba(0,0,0,0.1);
    }

.searchTerm-filter-container[b-06am5a2pdd] {
    display: flex;
    flex-flow: nowrap;
    padding: 5px 20px;
}

    .searchTerm-filter-container .filter-button[b-06am5a2pdd] {
        margin-left: 10px;
        appearance: none;
        color: grey;
        border: 1px solid grey;
        background: white;
        border-radius: 5px;
        padding: 3px 5px;
    }

        .searchTerm-filter-container .filter-button.disabled[b-06am5a2pdd] {
            background: #F2F2F2;
            cursor: default;
        }

@media(min-width: 992px) {
    .list-container[b-06am5a2pdd] {
        display: 80vh;
    }
}
/* /Components/Pages/Canteen/Frontend/Default/AbsenceManagement.razor.rz.scp.css */
/* /Components/Pages/Canteen/Frontend/Default/CreateSubscriptions.razor.rz.scp.css */
/* /Components/Pages/Canteen/Frontend/Default/Dashboard.razor.rz.scp.css */
/* /Components/Pages/Canteen/Frontend/Default/LandingPageCanteen.razor.rz.scp.css */
/* /Components/Pages/Canteen/Frontend/Default/RechargeAmount.razor.rz.scp.css */
/* /Components/Pages/Canteen/Frontend/Default/RequestLandingPageCanteen.razor.rz.scp.css */
/* /Components/Pages/Canteen/Frontend/Default/RequestRefundBalances.razor.rz.scp.css */
/* /Components/Pages/Canteen/Frontend/Default/RequestRefundBalancesCommitted.razor.rz.scp.css */
/* /Components/Pages/Canteen/Frontend/Default/RequestRefundBalancesDetail.razor.rz.scp.css */
/* /Components/Pages/Canteen/Frontend/Default/SignRequestRefundBalances.razor.rz.scp.css */
/* /Components/Pages/Canteen/Frontend/Default/SignSubscriptions.razor.rz.scp.css */
/* /Components/Pages/Canteen/Frontend/Default/SubscriberDetail.razor.rz.scp.css */
/* /Components/Pages/Canteen/Frontend/Default/TaxReports.razor.rz.scp.css */
/* /Components/Pages/Errors/NotFound.razor.rz.scp.css */
.login-container[b-am8xxi9dzj] {
    display: flex;
    justify-content: flex-start;
    flex: 1;
    flex-wrap: wrap;
    gap: 50px;
    flex-grow: 2;
}

.spid-login-element[b-am8xxi9dzj] {
}

.login-container-row[b-am8xxi9dzj] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 50px;
    width: 100%;
}

.login-element[b-am8xxi9dzj] {
    background-color: #f2f2f2;
    padding: 30px;
    width: 100%;
    flex: 1;
}

.login-element-empty[b-am8xxi9dzj] {
    flex: 1;
    width: 100%;
    padding: 30px;
}


@media (min-width: 800px) and (max-width: 1080px) {
    article[b-am8xxi9dzj] {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media(max-width: 800px) {
    .login-container[b-am8xxi9dzj] {
        gap: 10px;
    }

    .login-container-row[b-am8xxi9dzj] {
        gap: 10px;
    }

    .login-element[b-am8xxi9dzj] {
        width: 100%;
        padding: 10px;
        flex: unset !important;
    }

    .page-footer-services[b-am8xxi9dzj] {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .page-footer-spid img[b-am8xxi9dzj] {
        height: 30px;
    }

    .page-footer-agde img[b-am8xxi9dzj] {
        height: 30px;
    }
}

@media(min-width: 800px) {
    .page-footer-services[b-am8xxi9dzj] {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .page-footer-spid img[b-am8xxi9dzj] {
        height: 50px;
    }

    .page-footer-agde img[b-am8xxi9dzj] {
        height: 50px;
    }
}
/* /Components/Pages/Flipbook/FlipbookPage.razor.rz.scp.css */
.flipbook-container[b-fmfdlpvast] {
    height: calc(100vh - 180px);
    height: -moz-calc(100vh - 180px);
    height: -webkit-calc(100vh - 180px);
    height: -o-calc(100vh - 180px);
    min-height: 500px;
}
/* /Components/Pages/Form/Frontend/Application.razor.rz.scp.css */
.segment-listview[b-vpmvx01q29] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.segment-listview-item-container[b-vpmvx01q29] {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    margin-left: 15px;
    margin-bottom: 10px;
}

    .segment-listview-item-container:hover[b-vpmvx01q29] {
        color: var(--primary);
    }

.segment-listview li[b-vpmvx01q29] {
    list-style-type: disclosure-closed;
}

.listview-item-bullet[b-vpmvx01q29] {
    line-height: 100%;
}

.container-error[b-vpmvx01q29] {
    color: red;
}

.application-upload-container-error[b-vpmvx01q29] {
    color: red;
}

.form-application-document-upload-container[b-vpmvx01q29] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.form-application-document-element[b-vpmvx01q29] {
    width: 48%;
}

.privacy-check-container .element-checkbox[b-vpmvx01q29] {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
}

.form-application-container[b-vpmvx01q29] {
    position: relative;
}
/* /Components/Pages/Form/Frontend/Application_ComittedView.razor.rz.scp.css */
.segment-container[b-hwi3rcv5tj] {
    width: 100%;
}

.additional-forms-container[b-hwi3rcv5tj] {
    display: flex;
    gap: 30px;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

@media(max-width: 1000px) {
    .segment-listview-item-container[b-hwi3rcv5tj] {
        width: 100% !important;
    }
}

.segment-listview-item-container[b-hwi3rcv5tj] {
    cursor: pointer;
    padding: 10px;
    padding-left: 15px;
    padding-right: 65px;
    background-color: var(--primary-text-color);
    border: 1px solid #f2f2f2;
    border-left: 5px solid #f2f2f2;
    border-radius: 3px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    width: 48%;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    position: relative;
}

    .segment-listview-item-container:hover[b-hwi3rcv5tj] {
        color: var(--primary);
        border-color: var(--primary);
    }

        .segment-listview-item-container:hover .listview-item-button[b-hwi3rcv5tj] {
            color: var(--primary-text-color) !important;
            background-color: var(--primary);
        }

.segment-listview-item-data-container[b-hwi3rcv5tj] {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    flex: 1;
}

.listview-item-data[b-hwi3rcv5tj] {
    display: flex;
    flex-direction: column;
}

.segment-listview-item-title[b-hwi3rcv5tj] {
    margin-top: auto;
    margin-bottom: auto;
}

.listview-item-bullet[b-hwi3rcv5tj] {
    font-size: 36px;
    width: 50px;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    color: #808080;
}

.segment-title[b-hwi3rcv5tj] {
    display: flex;
    gap: 10px;
}

.segment-icon[b-hwi3rcv5tj] {
    width: 25px;
}

.listview-item-button[b-hwi3rcv5tj] {
    position: absolute;
    margin-top: auto;
    right: 0px;
    top: 0px;
    margin-bottom: auto;
    width: 50px;
    height: 100%;
    background-color: #f2f2f2;
    color: #808080;
}

.listview-item-button-container[b-hwi3rcv5tj] {
    height: 100%;
    display: flex;
}

.listview-item-button-icon[b-hwi3rcv5tj] {
    margin: auto;
    font-size: 18px;
}
/* /Components/Pages/Form/Frontend/Application_Preview.razor.rz.scp.css */
.preview-url-container[b-9mpnyjnk6n]{
    height: 600px;
}
/* /Components/Pages/Form/Frontend/AuthorityList.razor.rz.scp.css */
.segment-container[b-ebl6hgob4b] {
    width: 100%;
}

.segment-listview[b-ebl6hgob4b] {
    display: flex;
    gap: 30px;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

@media(max-width: 1000px) {
    .segment-listview-item-container[b-ebl6hgob4b] {
        width: 100% !important;
    }
}

.segment-listview-item-container[b-ebl6hgob4b] {
    cursor: pointer;
    padding: 10px;
    padding-left: 15px;
    padding-right: 65px;
    background-color: var(--primary-text-color);
    border: 1px solid #f2f2f2;
    border-left: 5px solid #f2f2f2;
    border-radius: 3px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    width: 48%;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    position: relative;
}

    .segment-listview-item-container:hover[b-ebl6hgob4b] {
        color: var(--primary);
        border-color: var(--primary);
    }

        .segment-listview-item-container:hover .listview-item-button[b-ebl6hgob4b] {
            color: var(--primary-text-color) !important;
            background-color: var(--primary);
        }

.segment-listview-item-data-container[b-ebl6hgob4b] {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    flex: 1;
}

.listview-item-data[b-ebl6hgob4b] {
    display: flex;
    flex-direction: column;
}

.segment-listview-item-title[b-ebl6hgob4b] {
    margin-top: auto;
    margin-bottom: auto;
}

.listview-item-bullet[b-ebl6hgob4b] {
    font-size: 36px;
    width: 50px;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    color: #808080;
}

.segment-title[b-ebl6hgob4b] {
    display: flex;
    gap: 10px;
}

.segment-icon[b-ebl6hgob4b] {
    width: 25px;
}

.listview-item-button[b-ebl6hgob4b] {
    position: absolute;
    margin-top: auto;
    right: 0px;
    top: 0px;
    margin-bottom: auto;
    width: 50px;
    height: 100%;
    background-color: #f2f2f2;
    color: #808080;
}

.listview-item-button-container[b-ebl6hgob4b] {
    height: 100%;
    display: flex;
}

.listview-item-button-icon[b-ebl6hgob4b] {
    margin: auto;
    font-size: 18px;
}
/* /Components/Pages/Form/Frontend/Detail.razor.rz.scp.css */
.form-detail-download[b-3jdynon0aw] {
    display: flex;
    justify-content: flex-start;
    cursor: pointer;
}

    .form-detail-download:hover[b-3jdynon0aw] {
        color: var(--secondary) !important;
    }

        .form-detail-download:hover .form-detail-download-description[b-3jdynon0aw] {
            color: var(--secondary) !important;
        }

.form-detail-download-icon .icon[b-3jdynon0aw] {
    fill: var(--primary) !important;
}

.form-detail-download-description[b-3jdynon0aw] {
    line-height: 28px;
    color: var(--primary);
    text-decoration: underline;
}

.form-detail-event-container[b-3jdynon0aw] {
    border: 1px solid #d9d9d9;
    padding: 10px;
    max-width: 800px;
    display: flex;
    gap: 10px;
}

.font-detail-event-date-container[b-3jdynon0aw] {
    display: flex;
    gap: 50px;
}

.form-detail-event-container-left[b-3jdynon0aw] {
    font-size: 28px;
    padding-right: 5px;
    padding-left: 5px;
    color: black;
}

.form-deadline-expired-message[b-3jdynon0aw] {
    color: red;
}

.form-detail-container[b-3jdynon0aw] {
    position: relative;
}
/* /Components/Pages/Form/Frontend/FormList.razor.rz.scp.css */
.segment-container[b-x6k3mofpmp] {
    width: 100%;
}

.segment-listview[b-x6k3mofpmp] {
    display: flex;
    gap: 30px;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

@media(max-width: 1000px) {
    .segment-listview-item-container[b-x6k3mofpmp] {
        width: 100% !important;
    }
}

.segment-listview-item-container[b-x6k3mofpmp] {
    cursor: pointer;
    padding: 10px;
    padding-left: 15px;
    padding-right: 65px;
    background-color: var(--primary-text-color);
    border: 1px solid #f2f2f2;
    border-left: 5px solid #f2f2f2;
    border-radius: 3px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    width: 48%;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    position: relative;
}

    .segment-listview-item-container:hover[b-x6k3mofpmp] {
        color: var(--primary);
        border-color: var(--primary);
    }

        .segment-listview-item-container:hover .listview-item-button[b-x6k3mofpmp] {
            color: var(--primary-text-color) !important;
            background-color: var(--primary);
        }

.segment-listview-item-data-container[b-x6k3mofpmp] {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    flex: 1;
}

.listview-item-data[b-x6k3mofpmp] {
    display: flex;
    flex-direction: column;
}

.segment-listview-item-title[b-x6k3mofpmp] {
    margin-top: auto;
    margin-bottom: auto;
}

.listview-item-bullet[b-x6k3mofpmp] {
    font-size: 36px;
    width: 50px;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    color: #808080;
}

.segment-title[b-x6k3mofpmp] {
    display: flex;
    gap: 10px;
}

.segment-icon[b-x6k3mofpmp] {
    width: 25px;
}

.listview-item-button[b-x6k3mofpmp] {
    position: absolute;
    margin-top: auto;
    right: 0px;
    top: 0px;
    margin-bottom: auto;
    width: 50px;
    height: 100%;
    background-color: #f2f2f2;
    color: #808080;
}

.listview-item-button-container[b-x6k3mofpmp] {
    height: 100%;
    display: flex;
}

.listview-item-button-icon[b-x6k3mofpmp] {
    margin: auto;
    font-size: 18px;
}
/* /Components/Pages/Form/Frontend/Mantainance/Landing.razor.rz.scp.css */
.login-element[b-bhh8dpriiv] {
    background-color: var(--primary-text-color);
    padding: 0px;
    width: 100%;
    flex: 1;
    text-align: left;
}


.section-collapse-container-header[b-bhh8dpriiv] {
    background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 5px;
    width: 100%;
    flex: 1;
    font-weight: bold;
    font-size: 18px;
    color: var(--primary);
    cursor: pointer;
    text-decoration: underline;
}

.section-collapse-container[b-bhh8dpriiv] {
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
}

svg.svg-inline--fa.fa-angle-down[b-bhh8dpriiv] {
    margin-right: 5px;
}

.form-detail-download[b-bhh8dpriiv] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
}

    .form-detail-download:hover[b-bhh8dpriiv] {
        color: var(--primary);
    }

        .form-detail-download:hover .form-detail-download-icon[b-bhh8dpriiv] {
            color: var(--primary) !important;
        }

.form-detail-download-icon[b-bhh8dpriiv] {
    font-size: 24px;
    color: #808080;
}

.form-detail-download-description[b-bhh8dpriiv] {
    line-height: 34px;
}

.form-detail-event-container[b-bhh8dpriiv] {
    border: 1px solid #d9d9d9;
    padding: 10px;
    max-width: 800px;
    display: flex;
    gap: 10px;
}

.font-detail-event-date-container[b-bhh8dpriiv] {
    display: flex;
    gap: 50px;
}

.form-detail-event-container-left[b-bhh8dpriiv] {
    font-size: 28px;
    padding-right: 5px;
    padding-left: 5px;
    color: black;
}


.form-deadline-expired-message[b-bhh8dpriiv] {
    color: red;
}
/* /Components/Pages/Form/Frontend/Mantainance/Mantainance.razor.rz.scp.css */
.segment-listview[b-3ea8f3orab] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.segment-listview-item-container[b-3ea8f3orab] {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    margin-left: 15px;
    margin-bottom: 10px;
}

    .segment-listview-item-container:hover[b-3ea8f3orab] {
        color: var(--primary);
    }

.segment-listview li[b-3ea8f3orab] {
    list-style-type: disclosure-closed;
}

.listview-item-bullet[b-3ea8f3orab] {
    line-height: 100%;
}

.container-error[b-3ea8f3orab] {
    color: red;
}

.application-upload-container-error[b-3ea8f3orab] {
    color: red;
}

.mantainance-container-error-style[b-3ea8f3orab] {
    border-color: red !important;
}

.mantainance-container-error[b-3ea8f3orab] {
    color: red !important;
}

.map-container[b-3ea8f3orab] {
    width: 100%;
    /*max-width: 600px;*/
    height: 600px;
    border: 3px solid var(--primary) !important;
}

.my-geo-data-container[b-3ea8f3orab] {
    display: relative;
    width: 100px;
    height: 30px;
}

.authority-tag[b-3ea8f3orab] {
    width: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 30px !important;
    height: auto !important;
    border: 2px solid var(--primary) !important;
    box-shadow: none !important;
}

.mantainance-priority[b-3ea8f3orab] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.button-container[b-3ea8f3orab] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-evenly;
}

@media(min-width: 992px) {
    .button-container[b-3ea8f3orab] {
        display: flex;
        flex-direction: unset;
        justify-content: flex-start;
    }
}
/* /Components/Pages/Form/Frontend/Mantainance/MantainanceList.razor.rz.scp.css */
.mantainance-container[b-lsjjlxehtt] {
    display: flex;
    gap: 30px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.mantainance-element[b-lsjjlxehtt] {
    cursor: pointer;
    padding: 10px;
    padding-left: 15px;
    padding-right: 65px;
    background-color: var(--primary-text-color);
    border: 1px solid #f2f2f2;
    border-left: 5px solid #f2f2f2;
    border-radius: 3px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    width: 31%;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    position: relative;
}

    .mantainance-element:hover[b-lsjjlxehtt] {
        border-color: var(--primary);
    }

.mantainance-element-bullet[b-lsjjlxehtt] {
    font-size: 20px;
    width: 30px;
}

.mantainance-element-title[b-lsjjlxehtt] {
    margin-top: auto;
    margin-bottom: auto;
}

.mantainance-element-data[b-lsjjlxehtt] {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.segment-button-container[b-lsjjlxehtt] {
    display: flex;
    justify-content: flex-end;
}

.mantainance-first-row[b-lsjjlxehtt] {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    flex: 1;
}

.mantainance-element-bullet[b-lsjjlxehtt] {
    font-size: 36px;
    width: 50px;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    color: #808080;
}

.listview-item-button[b-lsjjlxehtt] {
    position: absolute;
    margin-top: auto;
    right: 0px;
    top: 0px;
    margin-bottom: auto;
    width: 50px;
    height: 100%;
    background-color: #f2f2f2;
    color: #808080;
}

.listview-item-button-container[b-lsjjlxehtt] {
    height: 100%;
    display: flex;
}

.listview-item-button-icon[b-lsjjlxehtt] {
    margin: auto;
    font-size: 18px;
}
/* /Components/Pages/Form/Frontend/Mantainance/Mantainance_ComittedView.razor.rz.scp.css */
.segment-listview[b-6969p0od6p] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.segment-listview-item-container[b-6969p0od6p] {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    margin-bottom: 10px;
}

    .segment-listview-item-container:hover[b-6969p0od6p] {
        color: var(--primary);
    }

.segment-listview li[b-6969p0od6p] {
    list-style-type: disclosure-closed;
}

.listview-item-bullet[b-6969p0od6p] {
    line-height: 100%;
}

.segment-title[b-6969p0od6p] {
    display: flex;
    gap: 10px;
}

.segment-icon[b-6969p0od6p] {
    width: 25px;
}
/* /Components/Pages/Form/Frontend/UserDetail.razor.rz.scp.css */

.application-row[b-9af4hp8r34] {
    display: flex;
    flex-wrap: wrap;
}

.application-label[b-9af4hp8r34] {
    width: 300px;
}

.application-value[b-9af4hp8r34] {
    font-weight: 600;
    word-break: break-all;
}

.applicant-container[b-9af4hp8r34] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.applicant-group[b-9af4hp8r34] {
    flex: 1;
}

.status-template-container[b-9af4hp8r34] {
    display: flex;
    gap: 20px;
    height: 80px;
}

.status-template-step[b-9af4hp8r34] {
    width: 40px;
    height: 40px;
    background-clip: padding-box;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #808080;
    background-color: var(--primary-text-color);
    border: 1px solid var(--primary);
}

.status-template-status-solo[b-9af4hp8r34] {
    padding-top: 10px;
}

.chat-container[b-9af4hp8r34] {
    height: 400px;
}

.status-container[b-9af4hp8r34] {
    max-height: 400px;
    overflow: auto;
}

.map-container[b-9af4hp8r34] {
    width: 100%;
    height: 400px;
    border: 3px solid var(--primary) !important;
}

.status-template-reason[b-9af4hp8r34] {
    width: 500px;
    word-break: break-word;
    word-wrap: normal;
    overflow: hidden;
}

.download-blocked[b-9af4hp8r34] {
    text-decoration: line-through !important;
    color: black !important;
    cursor: default !important;
}

    .download-blocked .document-detail-download-icon[b-9af4hp8r34] {
        color: #808080 !important;
    }

.download-blocked-label[b-9af4hp8r34] {
    color: red;
}

.user-application-container[b-9af4hp8r34] {
    position: relative;
}
/* /Components/Pages/Homepage/Frontend/Accessibility/Index.razor.rz.scp.css */
body[b-9jcaurh82l] {
}
/* /Components/Pages/Homepage/Frontend/Administration/Index.razor.rz.scp.css */
/* /Components/Pages/Homepage/Frontend/Amtstafel/Index.razor.rz.scp.css */
body[b-ar2k74zn6c] {
}
/* /Components/Pages/Homepage/Frontend/Appointment/Detail.razor.rz.scp.css */
body[b-23bbxshngc] {
}
/* /Components/Pages/Homepage/Frontend/Appointment/Index.razor.rz.scp.css */
body[b-vu74j0x5j7] {
}
/* /Components/Pages/Homepage/Frontend/Assistance/Index.razor.rz.scp.css */
.container-error[b-g0ocjj4uo0]
{
    color: red;
}
/* /Components/Pages/Homepage/Frontend/Assistance/Success.razor.rz.scp.css */
.container-error[b-scss8bvi3q]
{
    color: red;
}
/* /Components/Pages/Homepage/Frontend/Association/Detail.razor.rz.scp.css */
body[b-v0s5ttmkch] {
}
/* /Components/Pages/Homepage/Frontend/Association/Index.razor.rz.scp.css */
body[b-d1zp88oocs] {
}
/* /Components/Pages/Homepage/Frontend/Association/IndexTypes.razor.rz.scp.css */
body[b-79plbdp0r9] {
}
/* /Components/Pages/Homepage/Frontend/Authority/Detail.razor.rz.scp.css */
body[b-ck1gkr8uqb] {
}
/* /Components/Pages/Homepage/Frontend/Authority/Index.razor.rz.scp.css */
body[b-h33pl03l5o] {
}
/* /Components/Pages/Homepage/Frontend/Beschluesse/Index.razor.rz.scp.css */
body[b-jtni8wrt8b] {
}
/* /Components/Pages/Homepage/Frontend/Cookie/Index.razor.rz.scp.css */
body[b-xemniusghf] {
}
/* /Components/Pages/Homepage/Frontend/Documents/Detail.razor.rz.scp.css */
body[b-6bughwbnom] {
}
/* /Components/Pages/Homepage/Frontend/Documents/Index.razor.rz.scp.css */
body[b-u3yw8rvafh] {
}
/* /Components/Pages/Homepage/Frontend/Documents/IndexTypes.razor.rz.scp.css */
body[b-d1fduwk4it] {
}
/* /Components/Pages/Homepage/Frontend/Events/Detail.razor.rz.scp.css */
body[b-psrnev8kk2] {
}
/* /Components/Pages/Homepage/Frontend/Events/Index.razor.rz.scp.css */
body[b-h3jqqty0xm] {
}
/* /Components/Pages/Homepage/Frontend/Events/IndexTypes.razor.rz.scp.css */
body[b-qnsgme8pbh] {
}
/* /Components/Pages/Homepage/Frontend/Faq/Index.razor.rz.scp.css */
.answer-container[b-6othk4v1iy] {
    text-align: justify;
}
/* /Components/Pages/Homepage/Frontend/Impressum/Index.razor.rz.scp.css */
body[b-672f3zg6he] {
}
/* /Components/Pages/Homepage/Frontend/Journals/Detail.razor.rz.scp.css */
body[b-si7jvzxjxt] {
}
/* /Components/Pages/Homepage/Frontend/Journals/Index.razor.rz.scp.css */
body[b-rio9o3aqq3] {
}
/* /Components/Pages/Homepage/Frontend/Journals/IndexTypes.razor.rz.scp.css */
body[b-69cnwxba8a] {
}
/* /Components/Pages/Homepage/Frontend/Location/Detail.razor.rz.scp.css */
body[b-n531yqkfl2] {
}
/* /Components/Pages/Homepage/Frontend/Location/Index.razor.rz.scp.css */
body[b-sksb5k40r0] {
}
/* /Components/Pages/Homepage/Frontend/Location/IndexTypes.razor.rz.scp.css */
body[b-3drik90fye] {
}
/* /Components/Pages/Homepage/Frontend/Mediagallery/Index.razor.rz.scp.css */
body[b-977zj8jyy0] {
}
/* /Components/Pages/Homepage/Frontend/Municipality/Index.razor.rz.scp.css */
.line-container[b-xwty7uxvfg]{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.line-title[b-xwty7uxvfg] {
    min-width: 250px;
}
@media(max-width: 980px){
    .line-title[b-xwty7uxvfg] {
        min-width: unset !important;
    }
}
/* /Components/Pages/Homepage/Frontend/Newsletter/Cancel.razor.rz.scp.css */
body[b-3ojopzdw84] {
}
/* /Components/Pages/Homepage/Frontend/Newsletter/Index.razor.rz.scp.css */
body[b-apeh0z0vik] {
}
/* /Components/Pages/Homepage/Frontend/Newsletter/Success.razor.rz.scp.css */
body[b-x0b58bpco5] {
}
/* /Components/Pages/Homepage/Frontend/News/Detail.razor.rz.scp.css */
body[b-lacvcli37a] {
}
/* /Components/Pages/Homepage/Frontend/News/Index.razor.rz.scp.css */
body[b-yifjc9m47p] {
}
/* /Components/Pages/Homepage/Frontend/News/IndexTypes.razor.rz.scp.css */
body[b-ewr2rmr2vg] {
}
/* /Components/Pages/Homepage/Frontend/Organisation/Detail.razor.rz.scp.css */
body[b-szbfmhlcda] {
}
/* /Components/Pages/Homepage/Frontend/Organisation/Index.razor.rz.scp.css */
body[b-vztmum0ng7] {
}
/* /Components/Pages/Homepage/Frontend/Organisation/IndexTypes.razor.rz.scp.css */
body[b-yr5zzq0c2a] {
}
/* /Components/Pages/Homepage/Frontend/Person/Detail.razor.rz.scp.css */
body[b-dhf9zqa3ur] {
}
/* /Components/Pages/Homepage/Frontend/Person/IndexTypes.razor.rz.scp.css */
body[b-f60yylj2r2] {
}
/* /Components/Pages/Homepage/Frontend/Person/Request/Index.razor.rz.scp.css */
.container-error[b-hdp49e30zl]
{
    color: red;
}
/* /Components/Pages/Homepage/Frontend/Person/Request/Success.razor.rz.scp.css */
.container-error[b-nm1l2nugxs]
{
    color: red;
}
/* /Components/Pages/Homepage/Frontend/PNRR/Detail.razor.rz.scp.css */
/* /Components/Pages/Homepage/Frontend/PNRR/Index.razor.rz.scp.css */
body[b-dvszz9b41o] {
}
/* /Components/Pages/Homepage/Frontend/Privacy/Index.razor.rz.scp.css */
body[b-p8g4wezb9c] {
}
/* /Components/Pages/Homepage/Frontend/Request/Index.razor.rz.scp.css */
.container-error[b-c5a1sz17st]
{
    color: red;
}
/* /Components/Pages/Homepage/Frontend/Request/Success.razor.rz.scp.css */
.container-error[b-pro8ooph6b]
{
    color: red;
}
/* /Components/Pages/Homepage/Frontend/Responsibility/Detail.razor.rz.scp.css */
body[b-p8h5u1hfmy] {
}
/* /Components/Pages/Homepage/Frontend/Search/Index.razor.rz.scp.css */
body[b-0b3cry2lck] {
}
/* /Components/Pages/Homepage/Frontend/Services/Index.razor.rz.scp.css */
body[b-ow5b3d9m96] {
}
/* /Components/Pages/Homepage/Frontend/Services/IndexTypes.razor.rz.scp.css */
body[b-o82a82rxz4] {
}
/* /Components/Pages/Homepage/Frontend/Sitemap/Index.razor.rz.scp.css */
body[b-2d846ddoij] {
}
/* /Components/Pages/Homepage/Frontend/Thematicsites/Details.razor.rz.scp.css */
body[b-2n1bcm2c6u] {
}
/* /Components/Pages/Homepage/Frontend/Theme/Detail.razor.rz.scp.css */
body[b-7rcoa36jkv] {
}
/* /Components/Pages/Homepage/Frontend/Theme/Index.razor.rz.scp.css */
body[b-m3voftkezk] {
}
/* /Components/Pages/Homepage/Frontend/TransparentAdministration/Index.razor.rz.scp.css */
/* /Components/Pages/Homepage/Frontend/Venue/Detail.razor.rz.scp.css */
body[b-wbajlgm2sw] {
}
/* /Components/Pages/Homepage/Frontend/Venue/Index.razor.rz.scp.css */
body[b-djfzh21b88] {
}
/* /Components/Pages/Homepage/Frontend/Venue/IndexTypes.razor.rz.scp.css */
body[b-bmoamiaxyb] {
}
/* /Components/Pages/Homepage/Frontend/Villagelife/Index.razor.rz.scp.css */
body[b-3uusvltiwo] {
}
/* /Components/Pages/Landing/Frontend/Landing.razor.rz.scp.css */
.municipal-background[b-33cchhoqro] {
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

@media(max-width: 992px) {
    .municipal-background[b-33cchhoqro] {
        display: none !important;
    }

    #news-section[b-33cchhoqro] {
        display: none;
    }
}

#news-section[b-33cchhoqro] {
    background-color: #f2f7fc;
    padding-bottom: 20px;
}

.landing-first-row[b-33cchhoqro] {
    position: relative;
}

.landing-second-row[b-33cchhoqro] {
}

.landing-page-spacer[b-33cchhoqro] {
    height: 100px;
}

.landing-page-top-spacer[b-33cchhoqro] {
    height: 50px;
}

.landing-news-container[b-33cchhoqro] {
    display: flex;
    background-color: #F2F2F2;
    padding: 30px;
    gap: 50px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.show-previous[b-33cchhoqro], .show-next[b-33cchhoqro] {
    font-size: 60px;
    color: var(--primary-text-color);
    margin: auto;
    cursor: pointer;
    color: #808080;
}

    .show-previous:hover[b-33cchhoqro], .show-next:hover[b-33cchhoqro] {
        color: var(--primary);
    }

.news-left-column[b-33cchhoqro] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.news-preview[b-33cchhoqro] {
    flex: 1;
    overflow: hidden;
}

.news-right-column[b-33cchhoqro] {
    flex: 1;
}

.news-image[b-33cchhoqro] {
    width: 100%;
}

    .news-image img[b-33cchhoqro] {
        max-width: 100%;
        max-height: 100%;
    }

.news-buttons[b-33cchhoqro] {
    display: flex;
    justify-content: flex-end;
}

@media(max-width: 800px) {
    .landing-first-row-color-container[b-33cchhoqro] {
        margin-left: -10px !important;
    }

    .news-right-column[b-33cchhoqro] {
        display: none !important;
    }

    .landing-news-container[b-33cchhoqro] {
        gap: 10px;
    }

    .landing-services-container[b-33cchhoqro], .landing-service-container-row[b-33cchhoqro] {
        gap: 10px !important;
    }

    .landing-page-spacer[b-33cchhoqro] {
        height: 30px;
    }

    .landing-service-button[b-33cchhoqro] {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        width: 47% !important;
    }

    .landing-service-button-content[b-33cchhoqro] {
        gap: 10px !important;
    }

    .landing-page-top-spacer[b-33cchhoqro] {
        height: 0px;
    }

    .landing-service-icon[b-33cchhoqro] {
        font-size: 22px !important;
    }

    .landing-service-chevron[b-33cchhoqro] {
        display: none !important;
    }
}

.landing-service-title[b-33cchhoqro] {
    color: var(--primary);
}

.landing-services-container[b-33cchhoqro] {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.landing-service-container-row[b-33cchhoqro] {
    flex: 1;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.landing-service-button[b-33cchhoqro] {
    flex: 1;
    background-color: var(--primary);
    color: var(--primary-text-color) !important;
    display: flex;
    gap: 20px;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 400px;
    cursor: pointer;
}

    .landing-service-button:hover[b-33cchhoqro] {
        background-color: var(--secondary);
    }

.landing-service-icon[b-33cchhoqro], .landing-service-chevron[b-33cchhoqro] {
    font-size: 30px;
    margin-top: auto;
    margin-bottom: auto;
}

.landing-service-button-content[b-33cchhoqro] {
    display: flex;
    gap: 15px;
    flex: 1;
}

    .landing-service-button-content .font-title[b-33cchhoqro] {
        color: var(--primary-text-color) !important;
    }

.landing-service-description[b-33cchhoqro] {
    /*line-height: 50px;*/
    margin-top: auto;
    margin-bottom: auto;
    text-transform: uppercase;
}


.u-layout-wide[b-33cchhoqro] {
    background-color: #f2f2f2;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 30px;
    overflow: hidden;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 3%, rgba(242,242,242,1) 100%);
}


.Separator--up[b-33cchhoqro] {
    margin-top: 50px;
    -webkit-transform: skewX(0) skewY(-2deg);
    transform: skewX(0) skewY(-2deg);
    background-color: var(--primary-text-color) !important;
    position: relative !important;
    height: 10rem !important;
    left: 0;
    margin-bottom: -10rem !important;
    margin-left: -1em;
    top: -4rem;
    width: 100vw;
    margin-left: 0vw;
    left: 0%;
    padding: 20px;
    opacity: 1;
}

.landing-container-head[b-33cchhoqro] {
    width: 85vw;
    max-width: 1920px;
    margin: auto !important;
}

.cardheight[b-33cchhoqro] {
    height: calc(100% - 64px);
    height: -moz-calc(100% - 64px) !important;
    height: -webkit-calc(100% - 64px) !important;
    height: -o-calc(100% - 64px) !important;
}
/* /Components/Pages/News/Frontend/NewsDetail.razor.rz.scp.css */
.landing-news-container[b-trl1cmoqaf] {
    text-align: justify;
}

.news-content-container[b-trl1cmoqaf] {
    min-height: 400px;
    background-color: var(--primary-text-color);
    border-radius: 3px;
}

.news-preview-container[b-trl1cmoqaf] {
    display: flex;
    overflow-x: auto;
    overflow-y: visible !important;
    gap: 30px;
    scroll-behavior: smooth;
    justify-content: flex-start;
    overscroll-behavior: contain;
}

    .news-preview-container[b-trl1cmoqaf]::-webkit-scrollbar {
        display: none;
    }

#left-arrow[b-trl1cmoqaf], #right-arrow[b-trl1cmoqaf] {
    position: absolute;
    top: 48%;
    height: 50px;
    width: 50px;
    cursor: pointer;
    color: var(--primary);
    font-size: 32px;
    text-align: center;
    display: none;
}

#left-arrow[b-trl1cmoqaf] {
    left: -60px;
}

#right-arrow[b-trl1cmoqaf] {
    right: -60px;
}

    #left-arrow:hover[b-trl1cmoqaf], #right-arrow:hover[b-trl1cmoqaf] {
        color: var(--secondary);
    }

.news-item-container[b-trl1cmoqaf] {
    width: 300px;
    height: 350px;
    background-color: var(--primary-text-color);
    border: 1px solid #F2F2F2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    flex-shrink: 0;
    z-index: 1;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    overflow: hidden;
}

    .news-item-container:hover[b-trl1cmoqaf] {
        border: 1px solid var(--primary);
    }

.news-image[b-trl1cmoqaf] {
    height: 150px;
    overflow: hidden;
}

    .news-image img[b-trl1cmoqaf] {
        width: 100%;
    }

.news-data-column[b-trl1cmoqaf] {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-title[b-trl1cmoqaf] {
}

.news-preview[b-trl1cmoqaf] {
    height: 100%;
}

.news-item-buttons[b-trl1cmoqaf] {
    display: flex;
    justify-content: flex-end;
}

.news-button-container[b-trl1cmoqaf] {
    display: flex;
    justify-content: flex-start;
}

.news-date[b-trl1cmoqaf] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.news-button[b-trl1cmoqaf] {
    color: var(--primary);
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
}

    .news-button:hover[b-trl1cmoqaf] {
        text-decoration: underline;
        color: var(--secondary);
    }

.news-belt-background[b-trl1cmoqaf] {
    margin: 0 -600rem;
    padding: 0rem 600rem;
    background-color: #F2F2F2;
    height: 450px;
}

.news-belt-container[b-trl1cmoqaf] {
    position: relative;
}

#news-sections[b-trl1cmoqaf] {
    background-color: #f2f7fc
}

.news-counter-pusher[b-trl1cmoqaf] {
    height: 50px;
}

.remaining-article-pusher[b-trl1cmoqaf] {
    height: 0px;
}

@media(max-width: 1000px) {
    .news-content-container[b-trl1cmoqaf] {
        margin-top: 0px;
        padding: 20px !important;
    }
}

.landing-service-title[b-trl1cmoqaf] {
    color: var(--primary);
}

.landing-services-container[b-trl1cmoqaf] {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.landing-service-container-row[b-trl1cmoqaf] {
    flex: 1;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.landing-service-button[b-trl1cmoqaf] {
    flex: 1;
    background-color: var(--primary);
    color: var(--primary-text-color) !important;
    display: flex;
    gap: 20px;
    padding: 5px;
    padding-left: 25px;
    padding-right: 25px;
    max-width: 400px;
    cursor: pointer;
}

    .landing-service-button:hover[b-trl1cmoqaf] {
        background-color: var(--secondary);
    }

.landing-service-icon[b-trl1cmoqaf], .landing-service-chevron[b-trl1cmoqaf] {
    font-size: 32px;
}

.landing-service-button-content[b-trl1cmoqaf] {
    display: flex;
    gap: 30px;
    flex: 1;
}

.landing-service-description[b-trl1cmoqaf] {
    /*line-height: 50px;*/
    margin-top: auto;
    margin-bottom: auto;
    text-transform: uppercase;
}


.u-layout-wide[b-trl1cmoqaf] {
    background-color: #f2f2f2;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 30px;
    overflow: hidden;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 3%, rgba(242,242,242,1) 100%);
}


.Separator--up[b-trl1cmoqaf] {
    margin-top: 50px;
    -webkit-transform: skewX(0) skewY(-2deg);
    transform: skewX(0) skewY(-2deg);
    background-color: var(--primary-text-color) !important;
    position: relative !important;
    height: 10rem !important;
    left: 0;
    margin-bottom: -10rem !important;
    margin-left: -1em;
    top: -4rem;
    width: 100vw;
    margin-left: 0vw;
    left: 0%;
    padding: 20px;
    opacity: 1;
}

.landing-container-head[b-trl1cmoqaf] {
    width: 85vw;
    max-width: 1920px;
    margin: auto !important;
}

.item-current[b-trl1cmoqaf] {
    background-color: var(--primary)11 !important;
    border: 1px solid var(--primary);
}

.form-detail-download[b-trl1cmoqaf] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
}

    .form-detail-download:hover[b-trl1cmoqaf] {
        color: var(--primary);
    }

        .form-detail-download:hover .form-detail-download-icon[b-trl1cmoqaf] {
            color: var(--primary) !important;
        }

.form-detail-download-icon[b-trl1cmoqaf] {
    font-size: 24px;
    color: #808080;
}

.form-detail-download-description[b-trl1cmoqaf] {
    line-height: 34px;
}
/* /Components/Pages/Organziation/Frontend/Application.razor.rz.scp.css */
.org-container[b-q6gos5qfbk] {
    position: relative;
}

.form-group-multicolumn[b-q6gos5qfbk] {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.next-step-container[b-q6gos5qfbk] {
    padding: 10px;
    text-align: center;
    box-shadow: inset 0 0 0 2px var(--primary);
    color: var(--primary);
    border-radius: 4px;
    cursor: pointer;
}

    .next-step-container:hover[b-q6gos5qfbk] {
        color: var(--primary);
        background-color: #f5f5f5;
    }

.button-container[b-q6gos5qfbk] {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.form-group-multicolumn .full-width[b-q6gos5qfbk] {
    flex: 1;
}

.upload-error[b-q6gos5qfbk] {
    border: 1px solid red;
}

.container-error[b-q6gos5qfbk] {
    color: red;
}

.org-list[b-q6gos5qfbk] {
    display: flex;
    flex-wrap: wrap;
    width: 46%;
    gap: 30px;
}

.existing-org-container[b-q6gos5qfbk] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    min-height: 100px;
    background-color: var(--primary-text-color);
    cursor: pointer;
    border: 1px solid #F2F2F2;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    width: 100%;
}

    .existing-org-container:hover[b-q6gos5qfbk] {
        border: 1px solid var(--primary)
    }

.btn[b-q6gos5qfbk] {
    min-width: 150px;
    width: auto;
}

.org-error[b-q6gos5qfbk] {
    color: red;
}

.org-success[b-q6gos5qfbk] {
    color: green;
}

.address-not-found-container[b-q6gos5qfbk] {
    cursor: pointer;
}

    .address-not-found-container:hover[b-q6gos5qfbk] {
        color: var(--secondary) !important;
        text-decoration: underline !important;
    }
/* /Components/Pages/Organziation/Frontend/Application_ComittedView.razor.rz.scp.css */
.segment-container[b-eg5zuzequq] {
    width: 100%;
}

.additional-forms-container[b-eg5zuzequq] {
    display: flex;
    gap: 30px;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

@media(max-width: 1000px) {
    .segment-listview-item-container[b-eg5zuzequq] {
        width: 100% !important;
    }
}

.segment-listview-item-container[b-eg5zuzequq] {
    cursor: pointer;
    padding: 10px;
    padding-left: 15px;
    padding-right: 65px;
    background-color: var(--primary-text-color);
    border: 1px solid #f2f2f2;
    border-left: 5px solid #f2f2f2;
    border-radius: 3px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    width: 48%;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    position: relative;
}

    .segment-listview-item-container:hover[b-eg5zuzequq] {
        color: var(--primary);
        border-color: var(--primary);
    }

        .segment-listview-item-container:hover .listview-item-button[b-eg5zuzequq] {
            color: var(--primary-text-color) !important;
            background-color: var(--primary);
        }

.segment-listview-item-data-container[b-eg5zuzequq] {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    flex: 1;
}

.listview-item-data[b-eg5zuzequq] {
    display: flex;
    flex-direction: column;
}

.segment-listview-item-title[b-eg5zuzequq] {
    margin-top: auto;
    margin-bottom: auto;
}

.listview-item-bullet[b-eg5zuzequq] {
    font-size: 36px;
    width: 50px;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    color: #808080;
}

.segment-title[b-eg5zuzequq] {
    display: flex;
    gap: 10px;
}

.segment-icon[b-eg5zuzequq] {
    width: 25px;
}

.listview-item-button[b-eg5zuzequq] {
    position: absolute;
    margin-top: auto;
    right: 0px;
    top: 0px;
    margin-bottom: auto;
    width: 50px;
    height: 100%;
    background-color: #f2f2f2;
    color: #808080;
}

.listview-item-button-container[b-eg5zuzequq] {
    height: 100%;
    display: flex;
}

.listview-item-button-icon[b-eg5zuzequq] {
    margin: auto;
    font-size: 18px;
}

.btn[b-eg5zuzequq] {
    width: 200px !important;
}
/* /Components/Pages/Organziation/Frontend/Application_Detail.razor.rz.scp.css */

.application-row[b-3k0atlqyj9] {
    display: flex;
    flex-wrap: wrap;
}

.application-label[b-3k0atlqyj9] {
    width: 300px;
}

.application-value[b-3k0atlqyj9] {
    font-weight: 600;
    word-break: break-word;
}

.applicant-container[b-3k0atlqyj9] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.applicant-group[b-3k0atlqyj9] {
    flex: 1;
}

.document-detail-download[b-3k0atlqyj9] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
}

    .document-detail-download:hover[b-3k0atlqyj9] {
        color: var(--primary);
    }

        .document-detail-download:hover .document-detail-download-icon[b-3k0atlqyj9] {
            color: var(--primary) !important;
        }

.document-detail-download-icon[b-3k0atlqyj9] {
    font-size: 20px;
    color: #808080;
}

.document-detail-download-description[b-3k0atlqyj9] {
    line-height: 34px;
}

.status-template-container[b-3k0atlqyj9] {
    display: flex;
    gap: 20px;
    height: 80px;
}

.status-template-step[b-3k0atlqyj9] {
    width: 40px;
    height: 40px;
    background-clip: padding-box;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #808080;
    background-color: var(--primary-text-color);
    border: 1px solid var(--primary);
}

.status-template-status-solo[b-3k0atlqyj9] {
    padding-top: 10px;
}

.first-row-container[b-3k0atlqyj9] {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.first-row-container-left[b-3k0atlqyj9] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.first-row-container-right[b-3k0atlqyj9] {
    flex: 1;
}

.chat-container[b-3k0atlqyj9] {
    height: 400px;
}

.status-container[b-3k0atlqyj9] {
    max-height: 400px;
    overflow: auto;
}

.map-container[b-3k0atlqyj9] {
    width: 100%;
    height: 400px;
    border: 3px solid var(--primary) !important;
}

.status-template-reason[b-3k0atlqyj9] {
    width: 500px;
    word-break: break-word;
    word-wrap: normal;
    overflow: hidden;
}
/* /Components/Pages/Organziation/Frontend/Application_Sign.razor.rz.scp.css */
/* /Components/Pages/Organziation/Frontend/Dashboard.razor.rz.scp.css */
.btn[b-0gdw3esstj]{
    width: auto !important;
}

.segment-element-container[b-0gdw3esstj] {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    flex-wrap: wrap;
}

.segment-element[b-0gdw3esstj] {
    padding: 20px;
    width: 48%;
    display: flex;
    flex-direction: column;
    min-height: 100px;
    background-color: var(--primary-text-color);
    cursor: pointer;
    border: 1px solid #F2F2F2;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}

    .segment-element:hover[b-0gdw3esstj] {
        border: 1px solid var(--primary)
    }

.segment-detail-container[b-0gdw3esstj] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.segment-header[b-0gdw3esstj] {
    display: flex;
    gap: 10px;
}

.segment-header-icon[b-0gdw3esstj] {
    font-size: 20px;
    width: 30px;
}

.segment-header-text[b-0gdw3esstj] {
    font-weight: normal;
    line-height: 30px;
}

.segment-sub-header[b-0gdw3esstj] {
    font-weight: normal;
}

.segment-detail-container[b-0gdw3esstj] {
    margin-left: 42px;
}

.segment-detail-status[b-0gdw3esstj], .segment-detail-date[b-0gdw3esstj] {
    display: flex;
    gap: 10px;
}

.segment-button-container[b-0gdw3esstj] {
    display: flex;
    justify-content: flex-end;
}

.segment-detail-icon[b-0gdw3esstj] {
    width: 25px;
}

@media(max-width:800px) {
    .segment-header-icon[b-0gdw3esstj] {
        font-size: 16px;
        width: 20px;
    }

    .segment-header-text[b-0gdw3esstj] {
        font-weight: normal;
    }

    .segment-sub-header[b-0gdw3esstj] {
        font-weight: normal;
        margin-left: 32px;
    }

    .segment-detail-container[b-0gdw3esstj] {
        margin-left: 32px;
    }
}

.org-not-confirmed[b-0gdw3esstj]{
    color: red;
}
.substitutions-data-container[b-0gdw3esstj] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
/* /Components/Pages/Organziation/Frontend/Organization_Management.razor.rz.scp.css */

.application-row[b-0mvg1fpze4] {
    display: flex;
    flex-wrap: wrap;
}

.application-label[b-0mvg1fpze4] {
    width: 300px;
}

.application-value[b-0mvg1fpze4] {
    font-weight: 600;
    word-break: break-all;
}

.applicant-container[b-0mvg1fpze4] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.applicant-group[b-0mvg1fpze4] {
    flex: 1;
}

.document-detail-download[b-0mvg1fpze4] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
}

    .document-detail-download:hover[b-0mvg1fpze4] {
        color: var(--primary);
    }

        .document-detail-download:hover .document-detail-download-icon[b-0mvg1fpze4] {
            color: var(--primary) !important;
        }

.document-detail-download-icon[b-0mvg1fpze4] {
    font-size: 20px;
    color: #808080;
}

.document-detail-download-description[b-0mvg1fpze4] {
    line-height: 34px;
}

.status-template-container[b-0mvg1fpze4] {
    display: flex;
    gap: 20px;
    height: 80px;
}

.status-template-step[b-0mvg1fpze4] {
    width: 40px;
    height: 40px;
    background-clip: padding-box;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #808080;
    background-color: var(--primary-text-color);
    border: 1px solid var(--primary);
}

.status-template-status-solo[b-0mvg1fpze4] {
    padding-top: 10px;
}

.first-row-container[b-0mvg1fpze4] {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.first-row-container-left[b-0mvg1fpze4] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.first-row-container-right[b-0mvg1fpze4] {
    flex: 1;
}

.chat-container[b-0mvg1fpze4] {
    height: 400px;
}

.status-container[b-0mvg1fpze4] {
    max-height: 400px;
    overflow: auto;
}

.map-container[b-0mvg1fpze4] {
    width: 100%;
    height: 400px;
    border: 3px solid var(--primary) !important;
}

.status-template-reason[b-0mvg1fpze4] {
    width: 500px;
    word-break: break-word;
    word-wrap: normal;
    overflow: hidden;
}

.button-container[b-0mvg1fpze4]{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.btn[b-0mvg1fpze4]{
    min-width: 150px;
    width: auto;
}

.button-toolbar-container[b-0mvg1fpze4]{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
/* /Components/Pages/Payment/Frontend/PaymentWaitingMessage.razor.rz.scp.css */
/* /Components/Pages/Rooms/Frontend/Booking.razor.rz.scp.css */
.booking-container[b-nblj6bq6tg]
{
    position: relative;
}

.booking-error-item[b-nblj6bq6tg] {
    color: #dc3545;
}
.booking-action-container[b-nblj6bq6tg]{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.element-checkbox[b-nblj6bq6tg]{
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}
.room-bookable-options-container[b-nblj6bq6tg]{
    margin-left: 25px;
}

.container-error[b-nblj6bq6tg] {
    color: #dc3545;
}
.room-price-title[b-nblj6bq6tg]{
    display: flex;
    gap: 50px;
    justify-content: flex-start;
}
.room-price-item[b-nblj6bq6tg] {
    display: flex;
    gap: 50px;
    justify-content: flex-start;
    margin-left: 20px;
    color: #808080;
}
.room-title[b-nblj6bq6tg], .room-sub-date[b-nblj6bq6tg] {
    flex: 1;
}
.room-value[b-nblj6bq6tg], .room-sub-value[b-nblj6bq6tg]{
    width: 100px;
    text-align: end;
}
.room-sub-value[b-nblj6bq6tg]{
}
.room-building-subcontainer[b-nblj6bq6tg]{
    margin-left: 25px;
}
.room-building-title[b-nblj6bq6tg] {
    display: flex;
    gap: 50px;
    justify-content: flex-start;
}
    .room-building-title .room-title[b-nblj6bq6tg] {
        flex: 1;
    }
    .room-building-title .room-value[b-nblj6bq6tg]{
        font-weight: bold;
    }

.sum-container[b-nblj6bq6tg] {
    border-top: 1px solid #d9d9d9;
    display: flex;
    justify-content: flex-end;
    flex: 1;
    font-weight: bold;
    padding-top: 10px;
}

.room-price-later-detail[b-nblj6bq6tg] {
    color: #808080;
    flex: 1;
}
.booking-payment-container[b-nblj6bq6tg]{
    display: flex; 
    gap: 30px;
    justify-content: space-between;
}
.booking-option-container[b-nblj6bq6tg]{
    flex: 1;
}

.booking-payment-sub-container[b-nblj6bq6tg] {
    width: 48%;
}
/* /Components/Pages/Rooms/Frontend/BookingComitted.razor.rz.scp.css */
/* /Components/Pages/Rooms/Frontend/LandingPageRooms.razor.rz.scp.css */
/* /Components/Pages/Rooms/Frontend/PayBooking.razor.rz.scp.css */


.segment-left[b-ds5zaty26j] {
    justify-content: flex-start;
    padding: 30px;
    width: 100%;
    min-height: 320px;
}

.segment-right[b-ds5zaty26j] {
    justify-content: flex-end;
    width: 100%;
    padding: 30px;
}

.segment-separator[b-ds5zaty26j] {
    border-bottom: 1px solid;
    height: 1px;
}

.segment-line[b-ds5zaty26j] {
    display: flex;
    justify-content: space-between;
}

.segment-line-end[b-ds5zaty26j] {
    display: flex;
    justify-content: flex-end;
}

.segment-title[b-ds5zaty26j] {
    flex: 1;
}

/* /Components/Pages/Rooms/Frontend/UserBooking.razor.rz.scp.css */
.room-container[b-53jmlwh41j] {
    border: 0px solid #dfdfdf;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.application-row[b-53jmlwh41j] {
    display: flex;
    flex-wrap: wrap;
}

.application-label[b-53jmlwh41j] {
    width: 300px;
}

.application-value[b-53jmlwh41j] {
    font-weight: 600;
    word-break: break-word;
}

.applicant-container[b-53jmlwh41j] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.applicant-group[b-53jmlwh41j] {
    flex: 1;
}

.document-detail-download[b-53jmlwh41j] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
}

    .document-detail-download:hover[b-53jmlwh41j] {
        color: var(--primary);
    }

        .document-detail-download:hover .document-detail-download-icon[b-53jmlwh41j] {
            color: var(--primary) !important;
        }

.document-detail-download-icon[b-53jmlwh41j] {
    font-size: 20px;
    color: #808080;
}

.document-detail-download-description[b-53jmlwh41j] {
    line-height: 34px;
}

.status-template-container[b-53jmlwh41j] {
    display: flex;
    gap: 20px;
    height: 80px;
}

.status-template-step[b-53jmlwh41j] {
    width: 40px;
    height: 40px;
    background-clip: padding-box;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #808080;
    background-color: var(--primary-text-color);
    border: 1px solid var(--primary);
}

.status-template-status-solo[b-53jmlwh41j] {
    padding-top: 10px;
}

.first-row-container[b-53jmlwh41j] {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.first-row-container-left[b-53jmlwh41j] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.first-row-container-right[b-53jmlwh41j] {
    flex: 1;
}

.chat-container[b-53jmlwh41j] {
    height: 400px;
}

.status-container[b-53jmlwh41j] {
    max-height: 400px;
    overflow: auto;
}

.map-container[b-53jmlwh41j] {
    width: 100%;
    height: 400px;
    border: 3px solid var(--primary) !important;
}

.status-template-reason[b-53jmlwh41j] {
    width: 500px;
    word-break: break-word;
    word-wrap: normal;
    overflow: hidden;
}


.preview-container[b-53jmlwh41j] {
    height: 500px;
}

.preview-url-container[b-53jmlwh41j] {
    height: 100%;
}

.viewerobject[b-53jmlwh41j] {
    min-height: 800px;
}

.mensa-change-container[b-53jmlwh41j] {
    display: flex;
    gap: 10px;
}

.segment-header[b-53jmlwh41j] {
    display: flex;
    gap: 10px;
}

.segment-header-icon[b-53jmlwh41j] {
    font-size: 20px;
    width: 30px;
}

.segment-header-text[b-53jmlwh41j] {
    font-weight: normal;
    line-height: 30px;
}


.segment-detail-icon[b-53jmlwh41j] {
    width: 25px;
}

.segment-detail-status[b-53jmlwh41j] {
    display: flex;
    gap: 10px;
}

.segment-element[b-53jmlwh41j] {
    display: flex;
    flex-direction: column;
    min-height: 100px;
    background-color: var(--primary-text-color);
}

.segment-detail-container[b-53jmlwh41j] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

label[b-53jmlwh41j] {
    display: inline-block;
}



.nav[b-53jmlwh41j] {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.displaylist[b-53jmlwh41j] {
    text-align: center;
    margin-bottom: 30px;
}

ul[b-53jmlwh41j], ol[b-53jmlwh41j] {
    margin-top: 0;
}

.k-tooltip[b-53jmlwh41j] {
    border-width: 0px;
    padding: 0px;
    margin: 0px;
}

.system-notification-container[b-53jmlwh41j] {
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    background: #F6F5F4 !important;
    margin: 5px;
}

.content-section[b-53jmlwh41j] {
    display: flex;
    justify-content: flex-start;
    height: calc(100vh - 420px);
    height: -moz-calc(100vh - 420px);
    height: -webkit-calc(100vh - 420px);
    height: -o-calc(100vh - 420px);
}

.RoomGroup-Overview-Left-Container[b-53jmlwh41j] {
    flex: 40%;
    height: 100%;
    overflow: auto;
    margin: unset;
    border: unset;
    padding-right: 10px;
}

.RoomGroup-Overview-Right-Container[b-53jmlwh41j] {
    flex: 60%;
    height: 100%;
    overflow: hidden;
    margin: unset;
    padding-left: 10px;
}


@media (max-width: 800px) {
    .RoomGroup-Overview-Right-Container[b-53jmlwh41j], .RoomGroup-Overview-Left-Container[b-53jmlwh41j] {
        flex: 100%;
    }

    .content-section[b-53jmlwh41j] {
        display: inline !important;
    }
}

.RoomGroupCards-Content[b-53jmlwh41j] {
    cursor: pointer;
}

.RoomGroupCards-Overview-Container[b-53jmlwh41j] {
    display: flex;
    justify-content: flex-start;
}

.RoomGroupCards-Overview-Left-Container[b-53jmlwh41j] {
    width: 50%;
}

.RoomGroupCards-Overview-Right-Container[b-53jmlwh41j] {
    width: 50%;
    padding: 16px;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: end;
}

    .RoomGroupCards-Overview-Right-Container ul[b-53jmlwh41j] {
        margin-bottom: unset;
    }

    .RoomGroupCards-Overview-Right-Container li[b-53jmlwh41j] {
        margin-bottom: 5px;
    }

.MapContainer[b-53jmlwh41j] {
    margin: unset;
    border: unset;
    padding: unset;
    height: 100%;
    width: 100%;
}

    .MapContainer.small-window[b-53jmlwh41j] {
        height: 20%;
    }


.RoomCards-Container[b-53jmlwh41j] {
    margin: unset;
    border: unset;
    padding: unset;
    overflow: auto;
    height: calc(80% - 70px);
    height: -moz-calc(80% - 70px);
    height: -webkit-calc(80% - 70px);
    height: -o-calc(80% - 70px);
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
}

.RoomCards-Content[b-53jmlwh41j] {
    cursor: pointer;
}

.RoomCards-Overview-Container[b-53jmlwh41j] {
    display: flex;
    justify-content: flex-start;
}

.RoomCards-Overview-Left-Container[b-53jmlwh41j] {
    width: 30%;
}

.RoomCards-Overview-Right-Container[b-53jmlwh41j] {
    width: 70%;
    padding: 16px;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    text-align: end;
    gap: 5px;
}

    .RoomCards-Overview-Right-Container ul[b-53jmlwh41j] {
        margin-bottom: unset;
    }

    .RoomCards-Overview-Right-Container li[b-53jmlwh41j] {
        margin-bottom: 5px;
    }

.RoomCards-Detail-Container[b-53jmlwh41j] {
    margin: unset;
    padding: unset;
    border: unset;
    display: flex;
    justify-content: flex-end;
}

.RoomCards-Detail-Left-Container[b-53jmlwh41j] {
    width: 50%;
    height: 100%;
    margin: unset;
    padding: unset;
    border: unset;
    text-align: end;
    flex-direction: column;
    gap: 5px;
}

.RoomCards-Detail-Right-Container[b-53jmlwh41j] {
    width: 50%;
    height: 100%;
    margin: unset;
    padding: unset;
    border: unset;
    text-align: end;
    flex-direction: column;
    gap: 5px;
}

.Rooms-Header-Container[b-53jmlwh41j] {
    width: 100%;
    height: 38px;
    margin: 16px 0px;
    border: unset;
    padding: unset;
    display: flex;
}

.Rooms-Header-Left-Container[b-53jmlwh41j] {
    width: 50%;
    height: 100%;
    margin: unset;
    border: unset;
    padding: unset;
    text-align: start;
    justify-content: flex-start;
}

.Rooms-Header-Right-Container[b-53jmlwh41j] {
    width: 50%;
    height: 100%;
    margin: unset;
    border: unset;
    padding: unset;
    text-align: end;
    justify-content: flex-end;
}

.title-room-cards[b-53jmlwh41j] {
    margin: unset;
    line-height: 38px;
}



.roombox-container[b-53jmlwh41j] {
    display: flex;
    gap: 30px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.roombox-element[b-53jmlwh41j] {
    cursor: pointer;
    padding: 10px;
    padding-left: 15px;
    padding-right: 65px;
    background-color: var(--primary-text-color);
    border: 2px solid var(--primary);
    /*border: 1px solid #f2f2f2;*/
    /*border-left: 5px solid #f2f2f2;*/
    border-radius: 3px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    width: 31%;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    min-height: 150px;
}

    .roombox-element:hover[b-53jmlwh41j] {
        border-color: var(--secondary);
    }

        .roombox-element:hover .listview-item-button[b-53jmlwh41j] {
            color: var(--primary);
        }

.roombox-element-bullet[b-53jmlwh41j] {
    font-size: 20px;
    width: 30px;
}

.roombox-element-title[b-53jmlwh41j] {
    margin-top: auto;
    margin-bottom: auto;
}

.mantainance-element-title[b-53jmlwh41j] {
    margin-top: 20px;
}

.roombox-element-data[b-53jmlwh41j] {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.segment-button-container[b-53jmlwh41j] {
    display: flex;
    justify-content: flex-end;
}

.roombox-first-row[b-53jmlwh41j] {
}

.roombox-element-bullet[b-53jmlwh41j] {
    font-size: 36px;
    width: 50px;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    color: #808080;
}

.listview-item-button[b-53jmlwh41j] {
    position: absolute;
    margin-top: auto;
    right: 0px;
    top: 0px;
    margin-bottom: auto;
    width: 50px;
    height: 100%;
    background-color: #f2f2f2;
    color: #808080;
}

.listview-item-button-container[b-53jmlwh41j] {
    height: 100%;
    display: flex;
}

.listview-item-button-icon[b-53jmlwh41j] {
    margin: auto;
    font-size: 18px;
}

.segment-element-container[b-53jmlwh41j] {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    flex-wrap: wrap;
    cursor: pointer;
}

.segment-element[b-53jmlwh41j] {
    display: flex;
    flex-direction: column;
    min-height: 100px;
    background-color: var(--primary-text-color);
}



.segment-detail-container[b-53jmlwh41j] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.segment-header[b-53jmlwh41j] {
    display: flex;
    gap: 10px;
}

.segment-header-icon[b-53jmlwh41j] {
    font-size: 20px;
    width: 30px;
}

.segment-header-text[b-53jmlwh41j] {
    font-weight: normal;
    line-height: 30px;
}

.segment-sub-header[b-53jmlwh41j] {
    font-weight: normal;
}



.segment-detail-status[b-53jmlwh41j], .segment-detail-date[b-53jmlwh41j] {
    display: flex;
    gap: 10px;
}

.segment-button-container[b-53jmlwh41j] {
    display: flex;
    justify-content: flex-end;
}

.segment-detail-icon[b-53jmlwh41j] {
    width: 25px;
}

@media(max-width:800px) {
    .segment-header-icon[b-53jmlwh41j] {
        font-size: 16px;
        width: 20px;
    }

    .segment-header-text[b-53jmlwh41j] {
        font-weight: normal;
    }

    .segment-sub-header[b-53jmlwh41j] {
        font-weight: normal;
        margin-left: 32px;
    }

    .segment-detail-container[b-53jmlwh41j] {
        margin-left: 32px;
    }
}

.booking-building-title[b-53jmlwh41j], .booking-room-title[b-53jmlwh41j] {
    font-weight: bold;
}
/* /Components/Pages/UserManagement/Frontend/MyServices.razor.rz.scp.css */
/* /Components/Pages/UserManagement/Frontend/Profile.razor.rz.scp.css */

.application-row[b-v3xrie5mp6] {
    display: flex;
    flex-wrap: wrap;
}

.application-label[b-v3xrie5mp6] {
    width: 300px;
}

.application-value[b-v3xrie5mp6] {
    font-weight: 600;
    word-break: break-all;
}

.applicant-container[b-v3xrie5mp6] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.applicant-group[b-v3xrie5mp6] {
    flex: 1;
}

.applicant-title[b-v3xrie5mp6] {
    display: flex;
    gap: 10px;
    line-height: 30px;
}

.user-data-edit-btn[b-v3xrie5mp6] {
    width: 32px !important;
    height: 32px !important;
    padding: 0px !important;
}

.password-quality-bar-background[b-v3xrie5mp6] {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    border: 1px solid #d9d9d9;
    display: flex;
    justify-content: flex-start;
}

.Blank[b-v3xrie5mp6] {
    background: white !important;
    color: var(--primary-text-color);
}

.VeryWeak[b-v3xrie5mp6] {
    background: #c41a0e !important;
    color: var(--primary-text-color) !important;
    flex: 0.25;
}

.Weak[b-v3xrie5mp6] {
    background: #f2ac16 !important;
    color: var(--primary-text-color) !important;
    flex: 0.5;
}

.Medium[b-v3xrie5mp6] {
    background: #f2ac16 !important;
    flex: 0.5;
}

.Strong[b-v3xrie5mp6] {
    color: var(--primary-text-color) !important;
    background: var(--primary) !important;
    flex: 0.75;
}
.VeryStrong[b-v3xrie5mp6] {
    color: var(--primary-text-color) !important;
    background: var(--tertiary) !important;
    flex: 1;
}

.application-message[b-v3xrie5mp6]{
    color: green;
}
.address-not-found-container[b-v3xrie5mp6] {
    cursor: pointer;
}

    .address-not-found-container:hover[b-v3xrie5mp6] {
        color: var(--secondary) !important;
        text-decoration: underline !important;
    }
.application-value-group[b-v3xrie5mp6]{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex: 1;
    
}
.waiting-container[b-v3xrie5mp6] {
    text-align: center;
}
@media (max-width: 680px) {

    .email-data-container[b-v3xrie5mp6] {
        max-height: unset !important;
        overflow: unset !important;
        height: auto;
    }

    .email-footer[b-v3xrie5mp6] {
        position: unset !important;
        bottom: unset !important;
        left: unset !important;
        border-top: 0px !important;
    }

    .email-header[b-v3xrie5mp6] {
        position: unset !important;
        border-bottom: 0px !important;
    }

    .email-title[b-v3xrie5mp6] {
        margin-top: unset !important;
        border-bottom: 0px !important;
    }
}

.email-row[b-v3xrie5mp6] {
    display: flex;
}

.email-row-left[b-v3xrie5mp6] {
    justify-content: left;
}

.email-row-right[b-v3xrie5mp6] {
    justify-content: right;
    margin-left: 15px;
}

.email-edit-container[b-v3xrie5mp6] {
    display: flex;
    gap: 10px;
}

.email-edit-icon[b-v3xrie5mp6] {
    width: 30px !important;
    height: 30px !important;
    line-height: 18px !important;
    padding: 3px;
}

.email-edit-text[b-v3xrie5mp6] {
    line-height: 30px;
}

.edit-popup-container[b-v3xrie5mp6] {
    height: 220px;
}

.input-container[b-v3xrie5mp6] {
    height: 120px;
}
