/* /Components/Allergy/AllergiesComponent.razor.rz.scp.css */
.allergy-item[b-bppjhve690] {
    position: relative;
    margin-bottom: 6px;
    border: 1px solid #cecece;
    border-radius: 8px;
    background-color: #fff;
}

.allergy-item:last-child[b-bppjhve690] {
    margin-bottom: 0;
}

.allergy-item-content[b-bppjhve690] {
    padding: 8px 6px;
}

table.allery-table > tr > td:first-child[b-bppjhve690] {
    padding: 4px 0;
}

table.allery-table > tr > td:first-child[b-bppjhve690] {
    padding-right: 8px;
}

.allergy-typ[b-bppjhve690],
.allergy[b-bppjhve690],
.allergy-free-text[b-bppjhve690],
.allergy-reaction[b-bppjhve690] {
    font-style: italic;
    font-weight: 400;
}

.allergy-typ-text[b-bppjhve690],
.allergy-text[b-bppjhve690],
.allergy-free-text-description[b-bppjhve690],
.allergy-reaction-text[b-bppjhve690] {
    padding: 4px 12px;
    border-radius: 8px;
    font-weight: 500;
}
.allergy-reaction-text[b-bppjhve690] {
    color: #fff;
    background-color: #7c9db9;
}

.allergy-free-text-description[b-bppjhve690] {
    color: #fff;
    background-color: #ff8f43;
}

.allergy-text[b-bppjhve690] {
    color: #fff;
    background-color: #dc3545;
}

.allergy-typ-text[b-bppjhve690] {
    color: #fff;
    background-color: #4c74c9;
}
.allergy-item-footer > div > time[b-bppjhve690] {
    color: #8692ab;
}

.allergy-del-btn[b-bppjhve690] {
    border: 1px solid #bebebe;
    border-radius: 8px;
    padding: 0 12px;
    color: #fff;
    background-color: #8692ab;
}

.delete-allergy[b-bppjhve690] {
    position: absolute;
    background-color: #8692ab;
    bottom: -1px;
    right: 0;
    border-radius: 8px;
    padding: 6px 6px;
    color: #fff;
}

.delete-allergy-btns[b-bppjhve690] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
}

.delete-allergy-btns > button[b-bppjhve690] {
    flex-basis: 120px;
}

.circle-x-icon[b-bppjhve690] {
    top: 2px;
}

.no-allergies[b-bppjhve690] {
    padding: 30px 12px;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: var(--dark-blue-title-color);
    font-style: italic;
}

.add-allergy-wrapper[b-bppjhve690] {
    margin-top: 8px;
    background-color: #efefef;
    padding: 12px 6px;
    border-radius: 8px;
    border: 1px solid #cecece;
}

.add-allergy-btns[b-bppjhve690] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
}

    .add-allergy-btns > button[b-bppjhve690] {
        flex-basis: 50%
    }

.textarea-hint[b-bppjhve690] {
    margin-top: 12px;
    font-style: italic;
    font-weight: 500;
    color: #d33500;
}

.open-textarea-btn[b-bppjhve690],
.close-textarea-btn[b-bppjhve690] {
    display: inline-block;
    margin-top: 12px;
    color: #4a4a4a;
}

.allergy-input-empty[b-bppjhve690] {
    margin: 12px;
    text-align: center;
    font-weight: 500;
    color: red;
}

.allergy-item-footer[b-bppjhve690] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
    min-height: 34px;
    text-align: right;
    color: #5d5d5d;
    background-color: #efefef;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

@media (min-width: 760px) {
    .add-allergy-wrapper[b-bppjhve690] {
        padding: 20px;
    }
}
/* /Components/App/ErrorMessageComponent.razor.rz.scp.css */
.error-wrapper[b-p57lots4j1] {
    padding: 20px 8px;
    text-align: center;
}

    .error-wrapper > p[b-p57lots4j1] {
        font-weight: 600;
        color: red;
    }
/* /Components/App/NavTabs/NavTabItem.razor.rz.scp.css */
span.oi[b-nfa8at7a9g] {
    top: 2px;
    margin-right: 6px
}

i.fa[b-nfa8at7a9g] {
    margin-right: 6px
}

.d-nav-tab-btn[b-nfa8at7a9g],
.wc-nav-tab-btn[b-nfa8at7a9g] {
    padding: 1px 4px;
    color: #374151;
    border: none;
    background-color: transparent;
}

.d-nav-tab-btn:hover[b-nfa8at7a9g] {
    color: #4f628a;
}

.d-active-btn[b-nfa8at7a9g] {
    background-color: #fff;
    border-radius: 8px;
    border-bottom: 2px solid #374151;
}

.wc-nav-tab-btn[b-nfa8at7a9g] {
    color: #fff;
}
.wc-nav-tab-btn:hover[b-nfa8at7a9g] {
    color: #e0e0e0;
}

.wc-nav-tab-btn.d-active-btn[b-nfa8at7a9g] {
    color: #374151;
}

.btn-badge[b-nfa8at7a9g] {
    display: inline-block;
    margin-left: 4px;
    padding: 0 4px;
    color: #fff;
    font-weight: 500;
    background-color: #79c800;
    border-radius: 4px;
}

@media (min-width: 760px) {
    .d-active-btn[b-nfa8at7a9g] {
        padding: 2px 6px;
    }
}
/* /Components/App/NavTabs/NavTabs.razor.rz.scp.css */
.btns-center[b-j6vpl06oja],
.btns-left[b-j6vpl06oja] {
    display: flex;
    flex-wrap: wrap;
}

.btns-center[b-j6vpl06oja] {
    justify-content: center;
}
.btns-left[b-j6vpl06oja] {
    justify-content: left;
}

@media (min-width: 760px) {
    .btns-center[b-j6vpl06oja],
    .btns-left[b-j6vpl06oja] {
        gap: 2px;
    }
}
/* /Components/App/PageHelperComponent.razor.rz.scp.css */
/* /Components/App/PageWrapper.razor.rz.scp.css */
.app-page[b-k9udqd4we1] {
    min-height: 100%;
    background-color: #5f76a7;
}

.app-page-header[b-k9udqd4we1] {
    background-color: var(--score-background-color);
    background: linear-gradient(90deg, var(--score-background-color) 21px, transparent 1%) center, linear-gradient(var(--score-background-color) 21px, transparent 1%) center, #a799cc;
    background-size: 22px 22px;
}

.app-page-header-title[b-k9udqd4we1] {
    padding-bottom: 8px;
    text-align: center;
}

    .app-page-header-title > div[b-k9udqd4we1] {
        position: relative;
        margin-bottom: 13px;
        top: 20px;
        border-top: 1px solid #fff;
        font-weight: 900;
        text-transform: uppercase;
        text-align: center;
    }

.title[b-k9udqd4we1] {
    display: block;
    position: relative;
    top: -14px;
    padding: 2px 5px;
    margin: 0 auto;
    width: 246px;
    background: #fff;
    color: var(--dark-blue-title-color);
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}

.app-page-header-title > img[b-k9udqd4we1] {
    max-height: 120px;
}

.app-page-content[b-k9udqd4we1] {
    max-width: 900px;
    margin: auto;
}

@media (min-width: 760px) {
    .app-page-header-title[b-k9udqd4we1] {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        gap: 20px;
        padding: 12px 0;
    }

    .title[b-k9udqd4we1] {
        font-size: 22px;
    }
}
/* /Components/Ernaehrungsformen/DiaetberatungComponent.razor.rz.scp.css */
.title[b-k84bei6rf9] {
    position: relative;
    margin-bottom: 8px;
    top: 12px;
    border-top: 1px solid #fff;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.title-text[b-k84bei6rf9] {
    display: block;
    position: relative;
    top: -9px;
    padding: 0px 2px;
    margin: 0 auto;
    width: 246px;
    background: #fff;
    color: #374151;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    border-radius: 8px;
}

.diats-wrapper[b-k84bei6rf9] {
    margin: 12px auto 0 auto;
    background-color: #fff;
    border-radius: 8px;
}

.welcome[b-k84bei6rf9] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 4px;
}

.welcome-img[b-k84bei6rf9] {
    flex-grow: 1;
    text-align: center;
}

    .welcome-img > img[b-k84bei6rf9] {
        height: 128px;
    }

.welcome-text[b-k84bei6rf9] {
    font-weight: 600;
    font-style: italic;
    line-height: 1.6;
    color: #3b547e;
}

.booking[b-k84bei6rf9],
.history[b-k84bei6rf9],
.confirmation[b-k84bei6rf9] {
    margin-top: 12px;
    padding: 12px;
    border-radius: 8px;
    background-color: #f8f8f8;
    border: 1px solid #e1e1e1;
}

    .history > p[b-k84bei6rf9] {
        color: #333333;
        font-weight: 500;
        text-align: center;
    }

    .confirmation > div[b-k84bei6rf9] {
        display: flex;
        gap: 8px;
        justify-content: space-between;
    }

    .confirmation > div > button[b-k84bei6rf9] {
        flex-grow: 1;
    }

.diets-list-wrapper[b-k84bei6rf9] {
    margin-bottom: 12px;
}

.booking > p[b-k84bei6rf9] {
    margin-bottom: 4px;
    text-align: center;
    font-weight: 500;
    color: #333333;
}

.history-btn[b-k84bei6rf9] {
    font-weight: 500;
    color: #333333;
    background-color: transparent;
    border: none;
}

    .history-btn.open[b-k84bei6rf9] {
        margin-bottom: 4px;
    }

.history > div[b-k84bei6rf9] {
    text-align: center;
}

.confirm-message[b-k84bei6rf9] {
    margin: 12px auto 18px auto;
    font-size: 18px;
    text-align: center;
}

    .confirm-message > span[b-k84bei6rf9] {
        font-weight: 600;
        color: #3e4684;
    }

.diet-type-btn[b-k84bei6rf9] {
    margin-bottom: 8px;
    padding: 4px;
    width: 100%;
}

    .diet-type-btn:last-child[b-k84bei6rf9] {
        margin-bottom: 0;
    }

@media screen and (min-width: 800px) {
    .welcome[b-k84bei6rf9] {
        flex-wrap: nowrap;
    }

    .welcome-img[b-k84bei6rf9] {
        flex-grow: 0;
    }

    .diets-btns-list[b-k84bei6rf9] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 8px;
    }

    .diet-type-btn[b-k84bei6rf9] {
        margin-bottom: 0;
        flex-basis: 49%;
    }

    .welcome-text[b-k84bei6rf9] {
        font-size: 18px;
    }
}
/* /Components/Ernaehrungsformen/EfCardBodyComponent.razor.rz.scp.css */
.diets-card-body[b-tyjug562r9] {
    padding: 0 6px;
}
.form-type-title[b-tyjug562r9] {
    margin-bottom: 6px;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    color: #3963b9;
}
.nutrition-forms-list[b-tyjug562r9],
.diet-forms-list[b-tyjug562r9] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}
.nutrition-form-li[b-tyjug562r9],
.diet-form-li[b-tyjug562r9] {
    flex-grow: 1;
    flex-basis: 100%;
}

.nutrition-form-li > button[b-tyjug562r9],
.diet-form-li > button[b-tyjug562r9] {
    height: 100%;
}

.no-nutritions-forms[b-tyjug562r9] {
    padding: 20px 6px;
    text-align: center;
    font-weight: 600;
    color: var(--dark-blue-title-color);
}

@media (min-width: 760px) {
    .form-type-title[b-tyjug562r9] {
        font-size: 22px;
    }
    .nutrition-form-li[b-tyjug562r9],
    .diet-form-li[b-tyjug562r9] {
        flex-basis: calc(33.33% - 8px);
        flex-grow: unset;
    }
}
/* /Components/Essen/EinzelkomponentComponent.razor.rz.scp.css */
.component-card[b-i5myp37m0h] {
    padding: 2px;
    background-color: #fff;
}

.component-card-header[b-i5myp37m0h] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;    
}

.component-card.component-booked[b-i5myp37m0h] {
    background: rgb(225 239 255);
    background: linear-gradient(180deg, rgb(225 239 255) 0%, rgb(239 246 255) 50%, rgb(232 243 255) 100%);
}

.component-card-title[b-i5myp37m0h] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    flex-grow: 1;
}

.card-btns-wrapper[b-i5myp37m0h] {
    display: none;
    flex-shrink: 0;       
}

.card-footer-btns-wrapper[b-i5myp37m0h] {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 8px;
}
.card-footer-btns-wrapper > button.component-btn[b-i5myp37m0h] {
    flex-grow: 1;
    flex-basis: 50%;
}

.component-btn[b-i5myp37m0h] {
    padding: 0 4px;
}

.small-component-btn[b-i5myp37m0h] {
    padding: 0 6px;
}

.sw-component-btn[b-i5myp37m0h] {
    display: none;
}

.item-label[b-i5myp37m0h] {
    padding: 0px 4px;
    top: 4px;
    font-size: 20px;
    color: #55ACB1;
}

.allergy-warning-label[b-i5myp37m0h] {
    padding: 0 6px;
    border-radius: 8px;
    background-color: #dc3545;
    color: #fff;
    font-weight: 600;
    flex-shrink: 0;
}

.bio-component-label[b-i5myp37m0h],
.diet-label[b-i5myp37m0h],
.nutrition-form-label[b-i5myp37m0h] {
    padding: 0 6px;
    flex-shrink: 0;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
}

.bio-component-label[b-i5myp37m0h] {
    background-color: #00894a;
}

.diet-label[b-i5myp37m0h] {
    background-color: #0dcaf0;
}

.nutrition-form-label[b-i5myp37m0h] {
    background-color: #fe57ae;
}

.diet-label > span.oi[b-i5myp37m0h],
.nutrition-form-label > span.oi[b-i5myp37m0h] {
    top: 2px;
}

.component-name[b-i5myp37m0h],
.component-stufenkost[b-i5myp37m0h] {
    padding: 4px 2px;
    color: #3e4684;
    font-weight: 600;
}
.component-stufenkost-btn-color[b-i5myp37m0h],
.component-stufenkost[b-i5myp37m0h] {
    color: var(--button-orange-color);
}
.close-component-info[b-i5myp37m0h] {
    display: none;
}
.close-component-info-btn[b-i5myp37m0h] {
    padding: 0 4px;
    width: 100%;
    background: none;
    border: none;
    color: grey;
}

.component-info[b-i5myp37m0h] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    padding: 4px 2px;
}


.component-info-picture-wrapper[b-i5myp37m0h] {
    max-width: 100%;
    flex-shrink: 0;
    overflow: hidden;
}

.component-info-picture[b-i5myp37m0h] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
    max-width: 100%;
    cursor: pointer;
}

    .component-info-picture.enlarge-pic[b-i5myp37m0h] {
        width: 100%;
        height: unset;
    }

td.contonent-td-name[b-i5myp37m0h] {
    padding: 2px 8px 2px 0;
    width: 114px;
}

.component-info-wrapper[b-i5myp37m0h] {
    flex-grow: 1;
}

.add-info[b-i5myp37m0h],
.comp-inhalt[b-i5myp37m0h],
.comp-allergies[b-i5myp37m0h],
.comp-ckal[b-i5myp37m0h],
.comp-be[b-i5myp37m0h] {
    font-style: italic;
    font-weight: 600;
}

.add-info[b-i5myp37m0h] {
    color: #00b6e2;
}

.comp-inhalt[b-i5myp37m0h] {
    color: #3e4684;
}

.comp-allergies[b-i5myp37m0h] {
    color: #c90000;
}

.comp-ckal[b-i5myp37m0h] {
    color: #b77303;
}

.comp-be[b-i5myp37m0h] {
    color: #566f86;
}

.contonent-td-data[b-i5myp37m0h] {
    color: #676767;
}

.component-info-wrapper > table[b-i5myp37m0h] {
    width: 100%;
}

.component-info-wrapper > table > tr.component-tr[b-i5myp37m0h] {
    border-bottom: 1px solid #eae8e8;
}

.left-icon-position[b-i5myp37m0h] {
    top: 2px;
    margin-right: 4px;
}
.i-left-icon[b-i5myp37m0h] {
    margin-right: 4px;
}
.locked-item-btn[b-i5myp37m0h] {
    padding: 0px 4px;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    flex-grow: 1;
    text-align: center;
    flex-basis: 50%;
    background: rgb(121,141,182);
    background: linear-gradient(180deg, rgba(121,141,182,1) 0%, rgba(95,121,175,1) 50%, rgba(121,141,182,1) 100%);
}

.component-price-label[b-i5myp37m0h] {
    margin-left: 8px;
    padding: 0 6px 0 4px;
    background-color: #3b547e;
    color: #fff;
    border-radius: 8px;
}

.component-note[b-i5myp37m0h] {
    font-style: italic;
    font-size: 14px;
    font-weight: 400;
    color: #6c757d;
}

.comopnent-info-btn[b-i5myp37m0h] {
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 1.0rem;
    text-align: center;
    padding: 6px 10px;
    background: rgb(84,171,175);
}

    .comopnent-info-btn:hover[b-i5myp37m0h] {
        background: rgb(51,51,51);
        background: linear-gradient(0deg, rgba(51,51,51,1) 23%, rgba(87,81,81,1) 50%, rgba(51,51,51,1) 77%);
        color: var(--button-text-color);
    }

@media (min-width: 600px) {
    .component-card-title[b-i5myp37m0h] {
        flex-wrap: nowrap;
    }
}

@media (min-width: 800px) {
    .card-footer-btns-wrapper[b-i5myp37m0h],
    .item-label-wrapper[b-i5myp37m0h] {
        display: none;
    }
    .close-component-info[b-i5myp37m0h],
    .card-btns-wrapper[b-i5myp37m0h] {
        display: block;
    }
    .component-btn[b-i5myp37m0h] {
        padding: 6px 10px;
        min-width: 36px;
    }
    .component-card[b-i5myp37m0h] {
        padding: 4px;
        border-radius: 8px;
    }
    .item-label[b-i5myp37m0h] {
        font-size: 26px;
    }

    .component-card-header[b-i5myp37m0h] {
        gap: 8px;
    }

    .locked-item-btn[b-i5myp37m0h] {
        padding: 6px 10px;
    }
    .min-w-btn[b-i5myp37m0h] {
        padding: 4px 6px;
        min-width: 128px;
    }
}

.comp-nutri-score[b-i5myp37m0h],
.comp-co2[b-i5myp37m0h],
.comp-add-info[b-i5myp37m0h] {
    font-style: italic;
    font-weight: 600;
}

.comp-nutri-score[b-i5myp37m0h] {
    color: #008849;
}

.comp-co2[b-i5myp37m0h] {
    color: #32aab4;
}

.comp-add-info[b-i5myp37m0h] {
    color: #5e15a1;
}
/* /Components/Essen/EssenBestelltComponent.razor.rz.scp.css */
.order-modal[b-3anmvornyx] {
    position: fixed;
    z-index: 100;
    padding: 0 6px 0 6px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.2);
}

.modal-body[b-3anmvornyx] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 12px 4px;
    max-width: 800px;
    max-height: 96vh;
    border: 1px solid #888;
    border-radius: 8px;
    background-color: #fff;
}

.order[b-3anmvornyx] {
    max-height: calc(96vh - 72px);
    overflow: auto;
}

.error-message[b-3anmvornyx] {
    margin-bottom: 12px;
    color: red;
    text-align: center;
    font-weight: 500;
}

.btns-wrapper[b-3anmvornyx] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
}
.btns-wrapper > button[b-3anmvornyx] {
    flex-grow: 1;
}
.cart-message[b-3anmvornyx] {
    font-weight: 900;
    color: #609200;
    text-align: center;
    font-size: 18px;
}

.order-info[b-3anmvornyx] {
    margin: 4px auto 4px auto;
   /* padding: 12px 4px;*/
    border: 1px solid #d6d6d6;
    border-radius: 8px;
}
.item-label[b-3anmvornyx] {
    top: 4px;
    font-size: 18px;
    color: #55ACB1;
}
.component-stufenkost-btn-color[b-3anmvornyx] {
    color: var(--button-orange-color);
}
.allergy-warning-label[b-3anmvornyx] {
    padding: 2px 6px 2px 6px;
    border-radius: 8px;
    background-color: #dc3545;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}
.bio-component-label[b-3anmvornyx] {
    padding: 0 6px;
    border-radius: 8px;
    background-color: #00894a;
    color: #fff;
    font-weight: 600;
}
.component-name[b-3anmvornyx] {
    margin: auto 4px;
    color: #3b547e;
    font-weight: 600;
    font-size: 20px;
}

.menu-header[b-3anmvornyx] {
    padding: 2px 4px;
    background-color: #0dcaf0;
    font-size: 20px;
    color: #fff;
}


/*.time-info {
    margin-bottom: 6px;
    font-weight: 600;
    color: #0799ff;
}*/

.time-info[b-3anmvornyx] {
    margin: 4px 4px 2px 4px;
    font-weight: 600;
    font-size: 18px;
    color: #676f76;
}

.clock-icon[b-3anmvornyx] {
    top: 2px;
}
.thumb-up-icon[b-3anmvornyx] {
    top: 0;
}

.item-price[b-3anmvornyx] {
    margin-left: 8px;
    padding: 0 6px 0 4px;
    background-color: #a8a8a8;
    color: #fff;
    border-radius: 8px;
}

.menu-components[b-3anmvornyx] {
    padding: 0 4px;
}

.replacement-title[b-3anmvornyx] {
    margin-top: 4px;
    padding: 2px 4px;
    background-color: #b5b5b5;
    color: #fff;
}

.stufenkostt-label[b-3anmvornyx] {
    padding: 0 6px;
    margin-right: 4px;
    flex-shrink: 0;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    background-color: #ff6a00;
}

    .stufenkostt-label > span.oi[b-3anmvornyx] {
        font-size: 16px;
        top: 3px;
    }

@media (min-width: 800px) {
    .error-message[b-3anmvornyx] {
        padding: 12px;
    }

    .stufenkostt-label > span.oi[b-3anmvornyx] {
        font-size: 18px;
    }
}
/* /Components/Essen/EssenBestellungsstatusComponent.razor.rz.scp.css */
.mz-wrapper[b-6jzogqpu5f] {
    padding: 0 6px;
    background-color: #fff;
}

.mz-title[b-6jzogqpu5f] {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 600;
    font-size: 12px;
}

.mz-icon[b-6jzogqpu5f] {
    padding: 0 6px 0 4px;
    background-color: #ff9c00;
    border-radius: 8px;
    color: #fff;
    font-weight: 900;
    font-size: 10px;
}

.mz-icon > span.oi[b-6jzogqpu5f] {
    top: 2px;
}

.mz-icon.already-ordered[b-6jzogqpu5f] {
    background-color: #198754;
}

.mz-icon.order-not-allowed[b-6jzogqpu5f] {
    background-color: #dc3545;
}

.mz-day[b-6jzogqpu5f] {
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    color: #3e4684;
}

.mz-today[b-6jzogqpu5f] {
    margin-right: 10px;
}

.hmz-labels[b-6jzogqpu5f],
.mmz-labels[b-6jzogqpu5f] {
    display: flex;
    gap: 0 6px;
    align-items: center;
    justify-content: center;
}

.legend[b-6jzogqpu5f] {
    display: flex;
    gap: 0 12px;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 14px;
}

.legend-square[b-6jzogqpu5f] {
    display: inline-block;
    width: 12px;
    height: 12px;
}
.green-square[b-6jzogqpu5f] {
    background: #198754;
}
.yellow-square[b-6jzogqpu5f] {
    background: #ff9c00;
}
.red-square[b-6jzogqpu5f] {
    background: #dc3545;
}

@media (min-width: 660px) {
    .mz-today[b-6jzogqpu5f] {
        margin-right: unset;
    }
    .mz-labels-wrapper[b-6jzogqpu5f] {
        display: flex;
        gap: 12px;
        justify-content: center;    
    }
}
@media (min-width: 800px) {
    .mz-wrapper[b-6jzogqpu5f] {
        border-radius: 8px;
    }
}
/* /Components/Essen/EssenDataEventComponent.razor.rz.scp.css */
.message-wrapper[b-n5fjeh9wj2] {
    margin: 12px auto;
    background-color: #fff;
}

.no-components[b-n5fjeh9wj2],
.loading-error-message[b-n5fjeh9wj2] {
    padding: 22px 6px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
}

.no-components[b-n5fjeh9wj2] {
    color: #3b547e;
}

.loading-error-message[b-n5fjeh9wj2] {
    color: red;
}

.img-wrapper[b-n5fjeh9wj2] {
    padding: 18px 12px 0 12px;
    text-align: center;
}

    .img-wrapper > img[b-n5fjeh9wj2] {
        max-width: 216px;
    }

@media (min-width: 800px) {
    .message-wrapper[b-n5fjeh9wj2] {
        border-radius: 8px;
    }
}
/* /Components/Essen/EssenFiltersHelperComponent.razor.rz.scp.css */
.filters-wrapper[b-9dqas9c27x] {
    position: relative;
    top: -10px;
    padding: 4px;
    background-color: #fff;
}

.filters-title[b-9dqas9c27x] {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    color: var(--dark-blue-title-color);
}

.btns-wrapper[b-9dqas9c27x] {
    display: flex;
    gap: 12px;
}
.btns-wrapper > button[b-9dqas9c27x] {
    flex-grow: 1;
    flex-basis: 50%;
}

.add-allergy-question[b-9dqas9c27x],
.add-diet-question[b-9dqas9c27x] {
    font-weight: 600;
    margin: 12px auto;
    color: #00a4c5;
}

.allergies-wrapper[b-9dqas9c27x] {
    margin: 12px auto;
}

.allergies-wrapper > ul[b-9dqas9c27x] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}
.allergy[b-9dqas9c27x],
.free-text[b-9dqas9c27x] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 8px;
    font-weight: 500;
    color: #fff;
}

.allergy[b-9dqas9c27x] {
    background-color: #dc3545;
}

.free-text[b-9dqas9c27x] {
    background-color: #ff8f43;
}

.loading-error[b-9dqas9c27x] {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
    color: var(--text-danger-color);
}

.nutrition-forms-wrapper[b-9dqas9c27x] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
}

.nutrition-form[b-9dqas9c27x],
.diet-form[b-9dqas9c27x] {
    padding: 4px 12px;
    border-radius: 8px;
    font-weight: 500;
    color: #fff;
}

.nutrition-form[b-9dqas9c27x] {
    background-color: #fe57ae;
}

.diet-form[b-9dqas9c27x] {
    background-color: #00caf2;
}

.ef-component-wrapper[b-9dqas9c27x] {
    margin-bottom: 18px;
    border-radius: 8px;
    border: 1px solid #cecece;
}

/****************************************************/
.skeleton[b-9dqas9c27x] {
    padding: 6px;
    color: #dbdbdb;
    background-color: #ececec;
}

.allergies-skeleton[b-9dqas9c27x],
.buttons-skeleton[b-9dqas9c27x] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    padding: 6px 6px 0 6px;
}

.allergy-skeleton[b-9dqas9c27x],
.btn-skeleton[b-9dqas9c27x] {
    flex-grow: 1;
}

.allergy-skeleton[b-9dqas9c27x],
.btn-skeleton[b-9dqas9c27x] {
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
    color: #dbdbdb;
    background-color: #cbcbcb;
    background-image: -webkit-linear-gradient(left, #cbcbcb 0px, #f4f4f4 40px, #cbcbcb 80px);
    background-image: -o-linear-gradient(left, #cbcbcb 0px, #f4f4f4 40px, #cbcbcb 80px);
    background-image: linear-gradient(90deg, #cbcbcb 0px, #f4f4f4 40px, #cbcbcb 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

.skeleton > p:first-child[b-9dqas9c27x] {
    font-size: 22px;
    font-weight: 600;
}

@media (min-width: 760px) {
    .filters-wrapper[b-9dqas9c27x] {
        top: 0px;
        padding: 20px 12px;
        border-radius: 8px;
    }

    .filters-title[b-9dqas9c27x] {
        font-size: 22px;
        font-weight: 600;
    }

    .add-allergy-question[b-9dqas9c27x] {
        font-size: 18px;
    }

    .skeleton[b-9dqas9c27x] {
        padding: 20px 12px;
        border-radius: 8px;
    }

}
/* /Components/Essen/EssenHistoryComponent.razor.rz.scp.css */
.calendar-wrapper[b-yc4p9dsyr7] {
    position: relative;
    margin-bottom: 8px;
    top: 24px;
    border-top: 2px solid #eff4ff;
    text-align: center;
    color: #fff;
}

    .calendar-wrapper.disabled[b-yc4p9dsyr7] {
        border-top: 2px solid rgb(91 117 175 / 50%);
        color: rgb(91 117 175);
    }

.order-date[b-yc4p9dsyr7] {
    display: flex;
    gap: 4px;
    justify-content: center;
    position: relative;
    top: -20px;
    margin: 0 auto;
    width: 392px;
    width: 274px;
    background-color: #5f76a7;
}

.calendar-btn-text[b-yc4p9dsyr7] {
    display: none;
}

.date-text[b-yc4p9dsyr7] {
    position: absolute;
    top: -18px;
    left: 2px;
    font-size: 12px;
    font-style: italic;
}

.order-daily-part > p[b-yc4p9dsyr7] {
    font-size: 14px;
    font-weight: 600;
    color: #d6e3ff;
    text-align: center;
    font-style: italic;
}

.order-li[b-yc4p9dsyr7] {
    margin-bottom: 10px;
}

.order-card[b-yc4p9dsyr7] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2px;
    padding: 2px;
    background-color: #fff;
}

.order-title[b-yc4p9dsyr7] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
    flex-grow: 1;
}

.bio-component-label[b-yc4p9dsyr7] {
    padding: 0 6px;
    border-radius: 8px;
    background-color: #00894a;
    color: #fff;
    font-weight: 600;
}

.component-name[b-yc4p9dsyr7],
.component-stufenkost[b-yc4p9dsyr7] {
    padding: 4px 2px;
    color: #3e4684;
    font-weight: 600;
}

.component-stufenkost[b-yc4p9dsyr7] {
    color: var(--button-orange-color);
}

.locked-item-btn[b-yc4p9dsyr7],
.canceled-item-btn[b-yc4p9dsyr7] {
    min-width: 112px;
    padding: 0px 4px;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    flex-grow: 1;
    text-align: center;
    flex-basis: 50%;
    background: rgb(121,141,182);
    background: linear-gradient(180deg, rgba(121,141,182,1) 0%, rgba(95,121,175,1) 50%, rgba(121,141,182,1) 100%);
}

.component-price-label[b-yc4p9dsyr7] {
    padding: 0 6px 0 4px;
    background-color: #3e4684;
    color: #fff;
    border-radius: 8px;
}

.cart-total[b-yc4p9dsyr7] {
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 12px;
    padding: 6px;
    margin-bottom: 12px;
    background-color: #fff;
    border-radius: 8px;
}

.cart-sum-title[b-yc4p9dsyr7] {
    font-size: 18px;
    font-weight: 600;
    color: #3e4684;
}

.cart-tax-currency[b-yc4p9dsyr7] {
    font-size: 10px;
    font-style: italic;
}

.cart-total-sum > p[b-yc4p9dsyr7] {
    padding: 0px 8px;
    font-size: 22px;
    font-weight: 600;
    border-radius: 8px;
    background-color: #3e4684;
    color: #fff;
}

.order-btns[b-yc4p9dsyr7] {
    display: none;
}

.order-btns-bottom[b-yc4p9dsyr7] {
    padding: 2px 2px 4px 2px;
    background-color: #fff;
}

.order-btn[b-yc4p9dsyr7] {
    display: block;
    width: 100%;
    padding: 0px 8px;
}

.order-title-right[b-yc4p9dsyr7] {
    flex-shrink: 0;
}

.item-notes[b-yc4p9dsyr7] {
    padding: 0 4px 4px 4px;
    background-color: #fff;
}

.note-title[b-yc4p9dsyr7] {
    font-style: italic;
    font-weight: 600;
    color: #0cb6d8;
}

.canceled-order[b-yc4p9dsyr7] {
    text-decoration: line-through;
    text-decoration-color: red;
}

.calendar-btn[b-yc4p9dsyr7] {
    flex-shrink: 0;
    padding: 4px 6px;
    border: none;
    border-radius: 0.25rem;
    background: #fff;
}

    .calendar-btn:disabled[b-yc4p9dsyr7],
    .calendar-btn[disabled][b-yc4p9dsyr7] {
        color: #2E3C54;
        background-color: #8593AC;
    }

.menu-bausteine[b-yc4p9dsyr7],
.austausch-hinweis[b-yc4p9dsyr7] {
    color: #5f5f5f;
    font-style: italic;
    font-weight: 400;
}

@media (min-width: 800px) {
    .order-card[b-yc4p9dsyr7] {
        padding: 2px 6px;
        gap: 8px;
        border-radius: 8px;
    }

    .order-card-with-footer[b-yc4p9dsyr7] {
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;
    }

    .item-notes[b-yc4p9dsyr7] {
        padding-left: 12px;
    }

    .order-title[b-yc4p9dsyr7] {
        padding: 4px;
    }

    .component-price-label[b-yc4p9dsyr7] {
        padding: 4px 6px 4px 4px;
    }

    .order-daily-part > p[b-yc4p9dsyr7] {
        font-size: 16px;
        text-align: left;
    }

    .locked-item-btn[b-yc4p9dsyr7],
    .canceled-item-btn[b-yc4p9dsyr7] {
        padding: 4px 10px;
    }

    .order-btns-bottom[b-yc4p9dsyr7] {
        display: none;
    }

    .order-btns[b-yc4p9dsyr7] {
        display: block;
    }

    .order-title-right[b-yc4p9dsyr7] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .order-btn[b-yc4p9dsyr7] {
        padding: 4px 10px;
    }

    .item-notes[b-yc4p9dsyr7] {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .calendar-btn-text[b-yc4p9dsyr7] {
        display: inline-block;
    }

    .order-date[b-yc4p9dsyr7] {
        width: 392px;
    }
}
/* /Components/Essen/EssenInformationComponent.razor.rz.scp.css */
.mahlzeiten-info[b-wucw6z2sc8],
.verpflegungen-info[b-wucw6z2sc8],
.info-tab-title[b-wucw6z2sc8] {
    margin-bottom: 8px;
    padding: 4px 2px;
    background-color: #f9f9f9;
}

.info-tab-title[b-wucw6z2sc8] {
    color: #374151;
    text-align: justify;
}

.info-section-title[b-wucw6z2sc8] {
    position: relative;
    margin-bottom: 8px;
    top: 12px;
    border-top: 1px solid #374151;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}
.info-title[b-wucw6z2sc8] {
    display: block;
    position: relative;
    top: -9px;
    padding: 0px 2px;
    margin: 0 auto;
    width: 246px;
    background: #374151;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    border-radius: 8px;
}

.mahlzeit-li[b-wucw6z2sc8],
.care-li[b-wucw6z2sc8] {
    background-color: #fff;
    margin-bottom: 8px;
}
.mahlzeit-li:last-child[b-wucw6z2sc8],
.care-li:last-child[b-wucw6z2sc8] {
    margin-bottom: unset;
}
.mahlzeit-card[b-wucw6z2sc8] {
    border: 1px solid #d3d3d3;
    border-radius: 8px;
}
.mahlzeit-card-header[b-wucw6z2sc8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 4px;
    background-color: #576979;
    font-weight: 600;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.mahlzeit-card-body[b-wucw6z2sc8] {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.default-day-explained[b-wucw6z2sc8],
.deadline-explained[b-wucw6z2sc8] {
    padding: 2px 4px;
    color: #374151;
}

.default-day-explained > i[b-wucw6z2sc8],
.deadline-explained > i[b-wucw6z2sc8] {
    color: #0a58ca;
}

.default-day-explained > span[b-wucw6z2sc8],
.deadline-explained > span[b-wucw6z2sc8] {
    font-weight: 600;
}
.mahlzeit-name[b-wucw6z2sc8] {
    font-size: 18px;
    color: #fff;
}
.mahlzeit-name > span.oi[b-wucw6z2sc8] {
    top: 2px;
}
.mahlzeit-label[b-wucw6z2sc8] {
    border-radius: 8px;
    padding: 0 6px;
    font-size: 12px;
}
.mahlzeit-label.active-label[b-wucw6z2sc8] {
    color: #fff;
    background-color: #47af00;
}
.mahlzeit-label.inctive-label[b-wucw6z2sc8] {
    color: #fff;
    background-color: #f70c23;
}

table.events-table[b-wucw6z2sc8] {
    width: 100%;
    text-align: center;
}
table.events-table > thead[b-wucw6z2sc8] {
    color: #374151;
    background-color: #e6ebf6;
}

table.events-table > thead > tr > th[b-wucw6z2sc8] {
    width: 33%
}


.allowed-icon-wrapper[b-wucw6z2sc8] {
    color: #47af00;
    font-size: 26px;
}
.forbidden-icon-wrapper[b-wucw6z2sc8] {
    color: #f70c23;
    font-size: 26px;
}
.op-forbidden-wrapper[b-wucw6z2sc8] {
    color: #ff7d00;
    font-weight: 600;
    font-size: 18px;
}

.example-day[b-wucw6z2sc8] {
    padding-left: 4px;
    color: #374151;
    font-weight: 600;
}
.care-header[b-wucw6z2sc8] {
    padding: 4px;
    color: #fff;
    background-color: #576979;
    font-size: 18px;
    font-weight: 600;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.care-card[b-wucw6z2sc8] {
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    background-color: #fff;
}
.care-header > i[b-wucw6z2sc8] {
    margin: 0 2px;
}
.care-description[b-wucw6z2sc8] {
    padding: 4px;
    color: #374151;
    text-align: justify;
}
@media screen and (min-width: 1080px) {
    .mahlzeiten-info[b-wucw6z2sc8], 
    .verpflegungen-info[b-wucw6z2sc8], 
    .info-tab-title[b-wucw6z2sc8] {
        margin-bottom: 12px;
        padding: 4px 8px 8px 8px;
        border-radius: 8px;
    }
}
/* /Components/Essen/EssenPatientComponent.razor.rz.scp.css */
.patient-card[b-52c0djrfeg] {
    background-color: #fff;
}

.patient-card-header[b-52c0djrfeg] {
    padding: 4px 2px;
    background-color: #00eaff;
}

.patient-card-header-main[b-52c0djrfeg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
}
.patient-main-info[b-52c0djrfeg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
.patient-room[b-52c0djrfeg] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-weight: 600;
    color: #fff;
    border-radius: 8px;
}

.patient-bed[b-52c0djrfeg] {
    padding: 0px 4px 0px 6px;
    background-color: #3b547e;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.patient-station[b-52c0djrfeg] {
    padding: 0px 4px 0px 4px;
    background-color: #778396;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.bed-icon[b-52c0djrfeg] {
    font-size: 18px;
}

.patient-names[b-52c0djrfeg] {
    font-size: 20px;
    color: #003f7e;
    font-weight: 900;
}

span.oi.person-icon[b-52c0djrfeg],
span.map-marker-icon[b-52c0djrfeg],
span.bed-icon[b-52c0djrfeg] {
    display: none
}
.patient-bed > div[b-52c0djrfeg],
.patient-station > div[b-52c0djrfeg] {
    display: inline-block;
}

.patient-station > span.oi[b-52c0djrfeg] {
    top: 2px;
}

.patient-number[b-52c0djrfeg],
.patient-birthday[b-52c0djrfeg],
.patient-entrance[b-52c0djrfeg],
.patient-op[b-52c0djrfeg],
.patient-indication[b-52c0djrfeg],
.patient-entlassungsdatum[b-52c0djrfeg] {
    padding: 0px 4px;
    background-color: #f3f3f3;
    border-radius: 8px;
    color: #4e4a2b;
    font-weight: 600;
}

.patient-indication > span.oi[b-52c0djrfeg] {
    top: 2px
}

.date-event-today[b-52c0djrfeg] {
    background-color: #dc3545;
    color: #fff;
}

.patient-card-header-additional > span:last-child[b-52c0djrfeg] {
    margin-right: unset;
}

.mz-wrapper[b-52c0djrfeg] {
    font-size: 12px;
}

.hmz-markers[b-52c0djrfeg],
.mmz-markers[b-52c0djrfeg],
.patient-card-header-additional[b-52c0djrfeg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.hmz-markers[b-52c0djrfeg],
.mmz-markers[b-52c0djrfeg] {
    margin-bottom: 4px;
}

.patient-card-header-additional[b-52c0djrfeg] {
    margin-top: 4px;
    font-size:12px;
}
.mz-text[b-52c0djrfeg],
.kf-mz-text[b-52c0djrfeg] {
    color: #3e4684;
    font-weight: 900;
}

.mz-text-today[b-52c0djrfeg] {
    margin-right: 12px;
}
.mz-icon[b-52c0djrfeg] {
    padding: 0 6px 0 4px;
    background-color: #dc3545;
    border-radius: 8px;
    color: #fff;
    font-weight: 900;
    font-size: 10px;
}

.dish-icon[b-52c0djrfeg] {
    position:relative;
    top: -1px;
}

.mz-icon > span.oi[b-52c0djrfeg] {
    top: 2px;
}

.mz-icon.already-ordered[b-52c0djrfeg] {
    background-color: #198754;
}

.mz-icon.order-not-allowed[b-52c0djrfeg] {
    background-color: #ff9c00;
}

.kf-mz-markers[b-52c0djrfeg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.kf-mz[b-52c0djrfeg] {
    background-color: #3e4684;
    border-radius: 8px;
    color: #fff;
    font-size: 10px;
}

    .kf-mz > div[b-52c0djrfeg] {
        display: inline-block;
    }

.kf-type[b-52c0djrfeg] {
    padding: 0 6px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.kf-icon[b-52c0djrfeg] {
    padding: 0 2px 0 6px;
    background-color: #3e4684;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    font-weight: 900;
}

.pi-section[b-52c0djrfeg] {
    display: flex;
    gap: 4px;
    margin-top: 4px;
    font-size: 14px;
}
.pi-title[b-52c0djrfeg] {
    flex-shrink: 0;
    font-weight: 600;
}
.pi-title.t-water[b-52c0djrfeg] {
    color: #00A6ED;
}

.pi-title.allergy-warning[b-52c0djrfeg] {
    color: darkred;
}

.pi-title.verpflegung[b-52c0djrfeg] {
    color: #198754;
}

.info-toggle-btn[b-52c0djrfeg] {
    padding: 0 2px;
    border-radius: 0;
    font-size: 12px;
}

.patient-card-body[b-52c0djrfeg] {
    padding: 4px 2px;
}

.nav-info-btn[b-52c0djrfeg] {
    border: none;
    border-radius: 8px;
    background-color: #7facf9;
    color: #fff;
    padding: 0 6px;
}

@media (min-width: 500px) {
    .kf-wrapper[b-52c0djrfeg] {
        display: flex;
        gap: 4px;
        margin-bottom: 4px;
    }

    .kf-mz-text[b-52c0djrfeg] {
        flex-shrink: 0;
    }
}
@media (min-width: 600px) {
    .mz-wrapper[b-52c0djrfeg] {
        display: flex;
        flex-wrap: wrap;
    }

    .kf-d-none[b-52c0djrfeg],
    .mz-d-none[b-52c0djrfeg] {
        display: none;
    }

    .mz-tomorrow[b-52c0djrfeg],
    .kf-tomorrow[b-52c0djrfeg] {
        padding-left: 8px;
    }
}

@media (min-width: 800px) {
    .patient-card[b-52c0djrfeg] {
        border-radius: 8px;
    }
    .patient-card-header[b-52c0djrfeg] {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .info-toggle-btn[b-52c0djrfeg] {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .patient-station[b-52c0djrfeg] {
        padding: 2px 6px 1px 2px;
    }

    .patient-station > span[b-52c0djrfeg],
    .patient-room[b-52c0djrfeg] {
        font-size: 18px;
    }

    .bed-icon[b-52c0djrfeg] {
        font-size: 20px;
    }
    .patient-names[b-52c0djrfeg] {
        font-size: 22px;
    }
    .patient-card-header-additional[b-52c0djrfeg] {
        margin-top: 10px;
        font-size: unset;
    }
    .patient-card-header[b-52c0djrfeg] {
        padding: 8px 6px;
    }
    .patient-number[b-52c0djrfeg],
    .patient-birthday[b-52c0djrfeg],
    .patient-entrance[b-52c0djrfeg],
    .patient-op[b-52c0djrfeg],
    .patient-indication[b-52c0djrfeg],
    .patient-entlassungsdatum[b-52c0djrfeg] {
        padding: 2px 6px;
    }
    .patient-indication > span.oi[b-52c0djrfeg] {
        top: 4px
    }
    span.oi.person-icon[b-52c0djrfeg],
    span.map-marker-icon[b-52c0djrfeg],
    span.bed-icon[b-52c0djrfeg] {
        display: inline-block;
    }
    .mz-wrapper[b-52c0djrfeg],
    .pi-section[b-52c0djrfeg],
    .info-toggle-btn[b-52c0djrfeg] {
        font-size: unset;
    }
    .mz-icon[b-52c0djrfeg],
    .kf-mz[b-52c0djrfeg] {
        font-size: 14px;
    }
  
    .kf-mz-text-today[b-52c0djrfeg] {
        margin-right: 14px;
    }
}
/* /Components/Essen/EssenWarenkorbComponent.razor.rz.scp.css */
/* Chrome, Safari, Edge, Opera */
input[b-lvzfx3orgy]::-webkit-outer-spin-button,
input[b-lvzfx3orgy]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-lvzfx3orgy] {
    -moz-appearance: textfield;
}

.order-li[b-lvzfx3orgy] {
    margin-bottom: 10px;
}

.order-header[b-lvzfx3orgy] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2px;
    padding: 2px;
    background-color: #fff;
}

.order-title[b-lvzfx3orgy] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
    flex-grow: 1;
}
.allergy-warning-label[b-lvzfx3orgy] {
    padding: 0 6px 0 2px;
    border-radius: 8px;
    background-color: #dc3545;
    color: #fff;
    font-weight: 600;
    flex-shrink: 0;
}

.bio-component-label[b-lvzfx3orgy] {
    padding: 0 6px;
    border-radius: 8px;
    background-color: #00894a;
    color: #fff;
    font-weight: 600;
}

.component-name[b-lvzfx3orgy],
.component-stufenkost[b-lvzfx3orgy] {
    padding: 4px 2px;
    color: #3e4684;
    font-weight: 600;
}

.component-stufenkost[b-lvzfx3orgy] {
    color: var(--button-orange-color);
}

.order-btn[b-lvzfx3orgy] {
    padding: 4px 10px;
}

.order-qty[b-lvzfx3orgy] {
    padding: 2px 8px;
    background-color: #3e4684;
    color: #fff;
    border-radius: 8px;
}

.order-header-btns > .edit-quantity-wrapper[b-lvzfx3orgy],
.order-header-btns > .component-price[b-lvzfx3orgy] {
    display: none;
}

.order-header-btns[b-lvzfx3orgy] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
    align-items: center;
}

.edit-quantity-wrapper[b-lvzfx3orgy] {
    display: flex;
    gap: 4px;
}

.quantity-input[b-lvzfx3orgy],
.modal-quantity-input[b-lvzfx3orgy] {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #bababa;
    text-align: center;
    width: 52px;
}
.component-price-label[b-lvzfx3orgy] {
    padding: 4px 10px 4px 10px;
    background-color: #3e4684;
    color: #fff;
    border-radius: 8px;
    font-weight: 400;
}

.order-footer-btns[b-lvzfx3orgy] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 4px 2px 6px 2px;
}

.order-daily-part > p[b-lvzfx3orgy] {
    font-size: 14px;
    font-weight: 600;
    color: #d6e3ff;
    text-align: center;
    font-style: italic;
}

.order-date[b-lvzfx3orgy] {
    position: relative;
    margin-bottom: 8px;
    top: 12px;
    border-top: 1px solid #eff4ff;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.order-date > p[b-lvzfx3orgy] {
    display: block;
    position: relative;
    top: -10px;
    padding: 0px 2px;
    margin: 0 auto;
    width: 246px;
    background: #eff4ff;
    color: var(--dark-blue-title-color);
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    border-radius: 8px;
}

.cart-btns[b-lvzfx3orgy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 12px auto;
    padding: 4px;
    background-color: #fff;
}
.cart-btns > button.success-btn > i[b-lvzfx3orgy]{
    margin-right: 8px;
}
input.quantity-input[b-lvzfx3orgy] {
    padding:unset;
}

.qty-btn[b-lvzfx3orgy] {
    padding: 4px 10px;
}
.order-btns > button.secondary-btn.order-btn[b-lvzfx3orgy] {
    margin-right: 4px;
}

.cart-total[b-lvzfx3orgy] {
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 12px;
    padding: 6px;
    background-color: #fff;
    border-radius: 8px;
}
.cart-sum-title[b-lvzfx3orgy] {
    font-size: 18px;
    font-weight: 600;
    color: #3e4684;
}

.cart-tax-currency[b-lvzfx3orgy] {
    font-size: 10px;
    font-style: italic;
}

.cart-total-sum > p[b-lvzfx3orgy] {
    padding: 0px 8px;
    font-size: 22px;
    font-weight: 600;
    border-radius: 8px;
    background-color: #3e4684;
    color: #fff;
}

.edit-modal[b-lvzfx3orgy],
.expired-modal[b-lvzfx3orgy] {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.2);
}

.edit-modal-body[b-lvzfx3orgy],
.expired-modal-body[b-lvzfx3orgy] {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 12px 4px;
    max-width: 600px;
    border: 1px solid #888;
    background-color: #f8f8f8;
}

.edit-form-inputs > div[b-lvzfx3orgy] {
    margin-bottom: 12px;
}
.btns-wrapper[b-lvzfx3orgy] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 20px;
}

.btns-wrapper > button[b-lvzfx3orgy] {
    flex-grow: 1;
}

.comment-select-label[b-lvzfx3orgy] {
    position: relative;
    width: 100%;
}
select.comment-select[b-lvzfx3orgy] {
    padding: 4px;
    text-align: left;
}

.comment-select-label[b-lvzfx3orgy]:after {
    content: '\25BC';
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 8px;
    color: #6c757d;
    pointer-events: none;
    border: none;
    font-size: 20px;
}
.comment-textarea[b-lvzfx3orgy] {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #ced4da;
    color: #3b547e;
}
.content-center[b-lvzfx3orgy] {
    justify-content: center;
}

select.comment-select[b-lvzfx3orgy] {
    color: #3b547e;
}

select.comment-select > option.default-option[b-lvzfx3orgy] {
    color: #6E747D !important;
}

textarea[b-lvzfx3orgy]::placeholder {
    color: #3b547e;
}

.order-date.after-deadline[b-lvzfx3orgy] {
    border-top: 1px solid #3e4684;
}
.order-date.after-deadline > p[b-lvzfx3orgy] {
    color: #fff;
    background-color: #3e4684;
}
.order-daily-part.after-deadline > p[b-lvzfx3orgy] {
    color: #568cfc;
}
.expired-qty[b-lvzfx3orgy] {
    display: inline-block;
    padding: 2px 6px;
    min-width: 22px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #3e4684;
    border-radius: 50%;
}
.order-item[b-lvzfx3orgy] {
    padding: 4px 0;
    color: #3e4684;
    font-weight: 600;
    border-bottom: 1px solid #e1e1e1;
}
.fake-btn[b-lvzfx3orgy] {
    border-radius: 8px;
    border: 1px solid #bababa;
    padding: 4px 7px;
    color: #bababa;
}
.qty-spinner-wrapper[b-lvzfx3orgy] {
    border-radius: 8px;
    border: 1px solid #bababa;
    padding: 4px 18px;
    max-width: 52px;
}
.component-price-label[b-lvzfx3orgy] {
    padding: 0 6px 0 4px;
}

.menu-bausteine[b-lvzfx3orgy],
.austausch-hinweis[b-lvzfx3orgy] {
    color: #5f5f5f;
    font-style: italic;
    font-weight: 400;
}

@media (min-width: 800px) {
    .order-footer-btns[b-lvzfx3orgy] {
        display: none;
    }
    .order-header-btns > .edit-quantity-wrapper[b-lvzfx3orgy]{
        display: flex;
        gap: 4px;
    }

    .order-header-btns > .component-price[b-lvzfx3orgy] {
        display: block;
    }

    .order-header[b-lvzfx3orgy] {
        padding: 2px 6px;
        gap: 8px;
        border-radius: 8px;
    }
    .order-title[b-lvzfx3orgy] {
        padding: 4px;
    }
    .qty-btn[b-lvzfx3orgy] {
        padding: 4px 8px;
    }

    .component-price-label[b-lvzfx3orgy] {
        padding: 4px 6px 4px 4px;
    }
    .order-daily-part > p[b-lvzfx3orgy] {
        text-align: left;
    }

    .order-date[b-lvzfx3orgy] {
        top: 24px;
    }

    .order-date > p[b-lvzfx3orgy] {
        top: -12px;
        font-size: 14px;
    }
    .order-daily-part[b-lvzfx3orgy] {
        font-size: 16px;
    }

    .cart-btns[b-lvzfx3orgy] {
        flex-direction: row;
        border-radius: 8px;
    }
    .cart-btns > button[b-lvzfx3orgy]{
        flex-grow: 1;
        flex-basis: 49%;
    }
    .edit-modal-body[b-lvzfx3orgy],
    .expired-modal-body[b-lvzfx3orgy] {
        padding: 12px;
        border-radius: 8px;
    }
}
/* /Components/Essen/HaltungsformComponent.razor.rz.scp.css */
.hf-graphic[b-hodaoukep2] {
    display: flex;
    align-items: end;
}

.hf[b-hodaoukep2] {
    padding: 0 6px;
    height: 22px;
    width: 36px;
    font-weight: 600;
    text-align: center;
}

.hf-one[b-hodaoukep2],
.hf-one-box[b-hodaoukep2] {
    color: #fff;
    background-color: #e73331;
}

.hf-two[b-hodaoukep2],
.hf-two-box[b-hodaoukep2] {
    color: #fff;
    background-color: #23b9d6;
}

.hf-three[b-hodaoukep2],
.hf-three-box[b-hodaoukep2] {
    color: #fff;
    background-color: #ef7d00;
}

.hf-four[b-hodaoukep2],
.hf-four-box[b-hodaoukep2] {
    color: #fff;
    background-color: #86bc25;
}

.hf-active[b-hodaoukep2] {
    height: 34px;
    padding: 0 6px;
    font-size: 24px;
    color: #FBFBFB;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.hf-text-box[b-hodaoukep2] {
    width: 144px;
    margin-top: 1px;
    text-align: center;
    border-bottom-left-radius: 4px;
}
/* /Components/Essen/MenuBausteineListeComponent.razor.rz.scp.css */
.menu-components-list[b-ljnmsyvx79] {
    font-size: 14px;
}

.menu-component-li[b-ljnmsyvx79] {
    margin-bottom: 8px;
    padding: 4px 0;
    border-bottom: 1px solid #e7e7e7;
}

    .menu-component-li:last-child[b-ljnmsyvx79] {
        margin-bottom: unset;
    }

.menu-component-card[b-ljnmsyvx79] {
}

.menu-component-info[b-ljnmsyvx79] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.menu-component-info-base[b-ljnmsyvx79] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    font-weight: 500;
}

.menu-component-full-info[b-ljnmsyvx79] {
    margin-top: 8px;
    background-color: #fff;
    border-radius: 8px;
}

.component-info-btn[b-ljnmsyvx79],
.disabled-btn[b-ljnmsyvx79] {
    padding: 0 6px;
}
.info-btn.component-info-btn[b-ljnmsyvx79] {
    background-color: #0dcaf0;
}

.allergy-warning-label[b-ljnmsyvx79] {
    padding: 0 6px;
    border-radius: 8px;
    background-color: #dc3545;
    color: #fff;
    font-weight: 600;
    flex-shrink: 0;
}

.bio-component-label[b-ljnmsyvx79] {
    padding: 0 6px;
    flex-shrink: 0;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    background-color: #00894a;
}

.menu-component-text[b-ljnmsyvx79] {
    color: #2c3470;
}

.component-info[b-ljnmsyvx79] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    padding: 4px;
}


.component-info-picture-wrapper[b-ljnmsyvx79] {
    max-width: 100%;
    flex-shrink: 0;
    overflow: hidden;
}

.component-info-picture[b-ljnmsyvx79] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
    max-width: 100%;
    cursor: pointer;
}

    .component-info-picture.enlarge-pic[b-ljnmsyvx79] {
        width: 100%;
        height: unset;
    }


td.contonent-td-name[b-ljnmsyvx79] {
    padding: 2px 8px 2px 0;
    width: 114px;
}

.component-info-wrapper[b-ljnmsyvx79] {
    flex-grow: 1;
}

.add-info[b-ljnmsyvx79],
.comp-inhalt[b-ljnmsyvx79],
.comp-allergies[b-ljnmsyvx79],
.comp-ckal[b-ljnmsyvx79],
.comp-be[b-ljnmsyvx79] {
    font-style: italic;
    font-weight: 600;
}

.add-info[b-ljnmsyvx79] {
    color: #00b6e2;
}

.comp-inhalt[b-ljnmsyvx79] {
    color: #3e4684;
}

.comp-allergies[b-ljnmsyvx79] {
    color: #c90000;
}

.comp-ckal[b-ljnmsyvx79] {
    color: #b77303;
}

.comp-be[b-ljnmsyvx79] {
    color: #566f86;
}

.contonent-td-data[b-ljnmsyvx79] {
    color: #212529;
}

.component-info-wrapper > table[b-ljnmsyvx79] {
    width: 100%;
}

    .component-info-wrapper > table > tr.component-tr[b-ljnmsyvx79] {
        border-bottom: 1px solid #eae8e8;
    }

.comp-nutri-score[b-ljnmsyvx79],
.comp-co2[b-ljnmsyvx79],
.comp-add-info[b-ljnmsyvx79] {
    font-style: italic;
    font-weight: 600;
}

.comp-nutri-score[b-ljnmsyvx79] {
    color: #008849;
}

.comp-co2[b-ljnmsyvx79] {
    color: #32aab4;
}

.comp-add-info[b-ljnmsyvx79] {
    color: #5e15a1;
}

.close-component-info[b-ljnmsyvx79] {
    padding: 0 4px 8px 4px;
}

    .close-component-info > .close-component-info-btn[b-ljnmsyvx79] {
        padding: 0 4px;
        width: 100%;
        background-color: #f4f4f4;
        border: none;
        color: #6b6b6b;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

.comp-info[b-ljnmsyvx79] {
    font-style: italic;
    font-weight: 600;
    color: #566f86;
}


.ersatzkomponenten-liste[b-ljnmsyvx79] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.ersatz-name[b-ljnmsyvx79] {
    margin-left: 4px;
    word-break: break-all;
}

.ersatzkomponenten-liste button[b-ljnmsyvx79] {
    display: flex;
    align-items: stretch;
    padding: 0 4px 0 0;
    font-size: 14px;
    text-align: left;
}

.cart-icon[b-ljnmsyvx79] {
    top: -2px;
}

.allergy-warning-btn-label[b-ljnmsyvx79] {
    flex-shrink: 0;
    padding: 0 6px 0 4px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #dc3545;
    color: #fff;
    font-weight: 600;
}

.replacement-available-btn[b-ljnmsyvx79] {
    display: inline-block;
    padding: 0 6px;
    color: #fff;
    background: rgb(10, 174, 176);
    border: none;
    border-radius: 8px;
}

.baustein-name[b-ljnmsyvx79] {
    margin-right: 4px;
}

.diet-label[b-ljnmsyvx79],
.nutrition-form-label[b-ljnmsyvx79] {
    padding: 0 6px 0 4px;
    flex-shrink: 0;
    color: #fff;
    font-weight: 600;
}

.bio-component-label.replacement[b-ljnmsyvx79] {
    border-radius: 0;
}

.diet-label[b-ljnmsyvx79] {
    background-color: #0dcaf0;
}

.nutrition-form-label[b-ljnmsyvx79] {
    background-color: #fe57ae;
}

.fa.fa-cutlery[b-ljnmsyvx79] {
    margin: 0 4px 0 6px;
}

.label-wrapper[b-ljnmsyvx79] {
    display: flex;
    align-items: center;
}

.ersatzkomponenten-liste .bio-component-label.replacement[b-ljnmsyvx79],
.ersatzkomponenten-liste .nutrition-form-label[b-ljnmsyvx79],
.ersatzkomponenten-liste .diet-label[b-ljnmsyvx79],
.ersatzkomponenten-liste .allergy-warning-btn-label[b-ljnmsyvx79],
.ersatzkomponenten-liste .order-icon-wrapper[b-ljnmsyvx79] {
    display: flex;
    align-items: center;
}

.reject-btn[b-ljnmsyvx79] {
    padding: 0 6px 0 2px;
    width: 122px;
}

.strike-through[b-ljnmsyvx79] {
    text-decoration: line-through;
}

@media (min-width: 800px) {
    .menu-components-list[b-ljnmsyvx79] {
        font-size: 16px;
    }

    .ersatzkomponenten-liste button[b-ljnmsyvx79] {
        font-size: 16px;
    }
}
/* /Components/Essen/MenuComponent.razor.rz.scp.css */
.menu-card[b-vwl14nf88e] {
    background-color: #fff;
}

div.menu-card-order[b-vwl14nf88e] {
    display: none;
}

.menu-card-title[b-vwl14nf88e] {
    padding: 4px 2px;
    background-color: #0dcaf0;
    color: #fff;
    font-weight: 600;
}

.basket-icon[b-vwl14nf88e] {
    margin-right: 4px;
    font-size: 20px;
}

.head-tr[b-vwl14nf88e] {
    background-color: #d9f9ff;
    color: #3b547e;
    font-style: italic;
    font-size: 14px;
}
.menu-component-icon[b-vwl14nf88e] {
    padding: 0 2px;
    width: 22px;
    color: #3b547e;
}

.menu-component-name[b-vwl14nf88e] {
    color: #3b547e;
}

.menu-component[b-vwl14nf88e] {
    border-bottom: 1px solid #eaeaea;
}
.menu-card-body[b-vwl14nf88e] {
    padding: 0 6px;
}

.menu-component-cal[b-vwl14nf88e],
.menu-component-be[b-vwl14nf88e] {
    padding: 0 2px;
    text-align: right;
}

tbody .menu-component-cal[b-vwl14nf88e],
tbody .menu-component-be[b-vwl14nf88e] {
    font-weight: 400;
}

tfoot .menu-component-cal[b-vwl14nf88e],
tfoot .menu-component-be[b-vwl14nf88e] {
    font-weight: 600;
    color: #3b547e;
}

.component-info-btn[b-vwl14nf88e] {
    margin-left: 8px;
    padding: 0px 10px;
    background-color: cornflowerblue;
    color: #fff;
    border: none;
    border-radius: 50%;
    text-align: center; 
}

    .component-info-btn.active-info[b-vwl14nf88e] {
        background-color: #b8b8b8;
    }

.component-inhalt-title[b-vwl14nf88e],
.component-allergy-title[b-vwl14nf88e] {
    font-weight: 600;
    font-style: italic;
}

.component-inhalt-title[b-vwl14nf88e] {
    color: #00391f;
}
.component-allergy-title[b-vwl14nf88e] {
    color: #ff0018;
}
.component-inhalt-text[b-vwl14nf88e],
.component-allergy-text[b-vwl14nf88e] {
    font-weight: 400;
    color: #27273d;
}

.component-inhalt[b-vwl14nf88e],
.component-allergy[b-vwl14nf88e] {
    margin-top: 2px;
    padding: 0 2px;
    background-color: #ebfcff;
    border-radius: 8px;
}

.close-component-info-btn[b-vwl14nf88e] {
    padding: 0 4px;
    width: 100%;
    background: none;
    border: none;
    color: grey;
}
.menu-order-btn-wrapper[b-vwl14nf88e] {
    padding: 0px 2px 2px 2px;
}

.footer-menu-order-btn[b-vwl14nf88e] {
    padding: 0 4px;
    width: 100%;
}
.left-icon-position[b-vwl14nf88e] {
    top: 2px;
    margin-right: 4px;
}

.i-left-icon[b-vwl14nf88e] {
    margin-right: 4px;
}

.locked-item-btn[b-vwl14nf88e] {
    padding: 0px 4px;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    flex-grow: 1;
    text-align: center;
    flex-basis: 50%;
    background: rgb(121,141,182);
    background: linear-gradient(180deg, rgba(121,141,182,1) 0%, rgba(95,121,175,1) 50%, rgba(121,141,182,1) 100%);
}

.menu-price-label[b-vwl14nf88e] {
    background-color: #fff;
    color: #3b547e;
    margin-left: 8px;
    padding: 0 6px 0 2px;
    border-radius: 8px;
}

.angebot-z-info[b-vwl14nf88e] {
    padding: 0 4px 2px 4px;
    font-weight: 500;
    font-style: italic;
    color: #002b39;
    background-color: #d3f5ff;
}

.diet-label[b-vwl14nf88e],
.nutrition-form-label[b-vwl14nf88e],
.stufenkostt-label[b-vwl14nf88e] {
    padding: 0 6px;
    margin-right: 4px;
    flex-shrink: 0;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
}

.stufenkostt-label[b-vwl14nf88e] {
    background-color: #ff6a00;
}

.diet-label[b-vwl14nf88e] {
    background-color: #004d29;
}

.nutrition-form-label[b-vwl14nf88e] {
    background-color: #fe57ae;
}

.menu-sum-info[b-vwl14nf88e] {
    padding: 4px;
    text-align: right;
}

span.calories-summery[b-vwl14nf88e],
span.be-summery[b-vwl14nf88e],
span.kj-summery[b-vwl14nf88e] {
    margin-right: 4px;
    background-color: #8ba0be;
    padding: 2px 6px;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
}

@media (min-width: 800px) {
    .angebot-z-info[b-vwl14nf88e] {
        padding: 0 12px 2px 12px;
    }

    .menu-card[b-vwl14nf88e] {
        border-radius: 8px;
    }
    .menu-card-header[b-vwl14nf88e] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        padding: 4px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        background-color: #0dcaf0;
    }
    .menu-card-title[b-vwl14nf88e] {
        flex-grow: 1;
    }
    .menu-card-order[b-vwl14nf88e] {
        flex-shrink: 0;
    }

    div.menu-card-order[b-vwl14nf88e] {
        display: block;
    }
    .menu-order-btn-wrapper[b-vwl14nf88e] {
        display: none;
    }
    .menu-component-cal[b-vwl14nf88e], .menu-component-be[b-vwl14nf88e] {
        padding: 2px 4px;
        width: 56px;
    }
    th[b-vwl14nf88e] {
        padding: 2px 4px;
    }
    .menu-card-title[b-vwl14nf88e] {
        font-size: 20px;
    }

    tbody[b-vwl14nf88e] {
        font-size: 18px;
    }

    .menu-component-icon[b-vwl14nf88e],
    .menu-component-name[b-vwl14nf88e],
    .menu-component-cal[b-vwl14nf88e] {
        padding: 2px 4px;
    }

    .menu-component-be[b-vwl14nf88e] {
        padding: 2px 8px 2px 4px;
    }
    .locked-item-btn[b-vwl14nf88e] {
        padding: 6px 10px;
    }
    .min-w-btn[b-vwl14nf88e] {
        padding: 4px 6px;
        min-width: 128px;
    }
}
/* /Components/Essen/NutriScoreGraphic.razor.rz.scp.css */
.ns-graphic[b-ilp3odk1oe] {
    display: flex;
    align-items: center;
}

.ns[b-ilp3odk1oe] {
    padding: 0 6px;
    height: 24px;
    font-weight: 600;
    color: #F8FFF9;
}

.ns-a[b-ilp3odk1oe] {
    color: #6BC27C;
    background-color: #2B6737;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.ns-b[b-ilp3odk1oe] {
    color: #CCE1A8;
    background-color: #98C939;
}

.ns-c[b-ilp3odk1oe] {
    color: #F4F492;
    background-color: #EFE900;
}

.ns-d[b-ilp3odk1oe] {
    color: #F4D7A3;
    background-color: #E59C1C;
}

.ns-e[b-ilp3odk1oe] {
    color: #DAA4AB;
    background-color: #AD3031;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.ns-active[b-ilp3odk1oe] {
    height: 36px;
    padding: 4px 6px 0 6px;
    font-size: 18px;
    color: #FBFBFB;
    border: 2px solid #fff;
    border-radius: 8px;
}
/* /Components/Essen/SpeisekarteComponent.razor.rz.scp.css */
.order-types[b-2hut7d5eew] {
    display: flex;
    flex-direction: column;
    margin-top: 4px;
}
.btn-group-title[b-2hut7d5eew] {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 600;
    font-size: 12px;
}

.order-type-btns[b-2hut7d5eew],
.mz-btns-wrapper[b-2hut7d5eew],
.mz-groups-btns-wrapper[b-2hut7d5eew] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    background-color: #fff;
    padding: 2px;
}

.order-type-btn[b-2hut7d5eew] {
    flex-grow: 1;
    flex-basis: 49%;
}
.order-type-btn[b-2hut7d5eew],
.mz-btn[b-2hut7d5eew],
.group-btn[b-2hut7d5eew] {
    padding: 2px 6px;
    border: none;
    border-radius: 8px;
    color: #fff;
    background-color: #3e4684;
    font-size: 14px;
    text-align: center;
    -webkit-box-shadow: 6px 10px 20px -10px #3e4684;
    box-shadow: 6px 10px 20px -10px #3e4684;
}

.mz-groups-btns-wrapper[b-2hut7d5eew],
.curr-component-group[b-2hut7d5eew] {
    margin-bottom: 4px;
    padding: 2px;
    background-color: #fff;
}

.order-type-btn.active-order-type-btn[b-2hut7d5eew],
.mz-btn.active-mz-btn[b-2hut7d5eew],
.group-btn.active-group-btn[b-2hut7d5eew] {
    background-color: #888b8f;
}
.bg-component-stufenkost[b-2hut7d5eew] {
    background-color: #ff9c00;
}

.group-btn[b-2hut7d5eew] {
    padding: 2px 6px;
    flex-basis: calc(50% - 4px);
}

/* search */
section.food-search-container[b-2hut7d5eew] {
    position: relative;
    margin: 12px auto 4px auto;
}

.food-search-input[b-2hut7d5eew] {
    padding: 4px 28px 4px 24px;
    color: #212529;
    text-align: center;
    font-weight: 600;
}

span.clean-food-search-icon[b-2hut7d5eew],
span.food-search-icon[b-2hut7d5eew] {
    position: absolute;
}

span.clean-food-search-icon[b-2hut7d5eew] {
    top: 7px;
    right: 4px;
    cursor: pointer;
    font-size: 22px;
    color: #3b547e;
}

span.food-search-icon[b-2hut7d5eew] {
    top: 8px;
    left: 4px;
    font-size: 18px;
}

.searched-food-not-found[b-2hut7d5eew] {
    margin-top: 12px;
    padding: 12px 6px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    background-color: #fff;
}

.searched-food-not-found > p[b-2hut7d5eew] {
    margin-bottom: 8px;
    color: #3b547e;
}

.food-search-input[b-2hut7d5eew]::placeholder {
    color: #212529;
    font-weight: 400;
    font-style: italic;
}

.x-icon[b-2hut7d5eew] {
    top: 2px;
}

.component-card-li[b-2hut7d5eew] {
    margin: 8px auto;
    -webkit-box-shadow: 10px 16px 10px -13px #3e4684;
    box-shadow: 10px 14px 10px -13px #3e4684;
}

.menu-card-li[b-2hut7d5eew] {
    margin: 6px auto;
}

.caledar-wrapper[b-2hut7d5eew] {
    display: flex;
    align-items: center;
    gap: 2px;
}
.caledar-wrapper > div[b-2hut7d5eew] {
    flex-grow: 1;
}

.calendar-btn-text-invisible[b-2hut7d5eew],
.calendar-btn-text[b-2hut7d5eew] {
    display: none
}

.white-btn.calendar-btn[b-2hut7d5eew] {
    border-radius: 0.25rem;
    background: #fff;
    height: 38px;
}
.white-btn.calendar-btn:hover[b-2hut7d5eew] {
    background: #ececec;
    color: #004881;
}
.white-btn.calendar-btn:disabled[b-2hut7d5eew],
.white-btn.calendar-btn[disabled][b-2hut7d5eew] {
    background-color: #B3B9D4;
}

.mz-btn[b-2hut7d5eew] {
    flex-grow: 1;
}

.food-type-btns[b-2hut7d5eew] {
    flex-grow: 1;
}

@media (min-width: 600px) {
    .group-btn[b-2hut7d5eew] {
        flex-basis: calc(33% - 2px);
    }

    .order-type-btn[b-2hut7d5eew],
    .mz-btn[b-2hut7d5eew],
    .group-btn[b-2hut7d5eew] {
        padding: 2px 8px;
        font-size: 16px;
    }

    .order-types-btns-wrapper[b-2hut7d5eew] {
        flex-grow: 1;
    }

    .order-type-btns[b-2hut7d5eew] {
        gap: 8px;
        padding: 7px 4px 7px 4px;
    }
    .calendar-btn-text[b-2hut7d5eew] {
        display: inline
    }
}

@media (min-width: 800px) {
    .group-btn[b-2hut7d5eew] {
        flex-basis: calc(25% - 5px);
    }
    .order-date[b-2hut7d5eew] {
        flex-shrink: 0;
    }
    .order-type-btn[b-2hut7d5eew] {
        flex-basis: 49.2%;
    }
    .mz-btns-wrapper[b-2hut7d5eew], .mz-groups-btns-wrapper[b-2hut7d5eew] {
        padding: 6px 4px 6px 6px;
    }
    .curr-component-group[b-2hut7d5eew] {
        padding: 6px 4px 6px 6px;
    }
    .mz-btns-wrapper[b-2hut7d5eew],
    .order-type-btns[b-2hut7d5eew],
    .mz-groups-btns-wrapper[b-2hut7d5eew],
    .curr-component-group[b-2hut7d5eew],
    .searched-food-not-found[b-2hut7d5eew],
    .food-search-input[b-2hut7d5eew] {
        border-radius: 8px;
    }
    .br-800[b-2hut7d5eew] {
        border-radius: 8px;
    }
    .menu-card-li[b-2hut7d5eew] {
        margin: 10px auto;
    }
}

@media (min-width: 1000px) {
    .order-types.with-order-types[b-2hut7d5eew] {
        flex-direction: row;
        justify-content: right;
        align-items: center;
        gap: 12px;
    }

    .mz-btn[b-2hut7d5eew] {
        max-width: calc(25% - 5px);
    }
}
/* /Components/Header/MessagesNavLinkIcon.razor.rz.scp.css */
.header-messages-icon[b-uzmnctyuzn] {
    font-size: 32px;
    color: #fff;
}

.header-messages[b-uzmnctyuzn] {
    padding: 4px 8px 4px 4px;
    background-color: var(--bp-bg-primary-color);
}

.messages-nav-link[b-uzmnctyuzn] {
    padding: 0 !important;
}

.header-messages-link-content[b-uzmnctyuzn] {
    position: relative;
}

.header-messages-count[b-uzmnctyuzn] {
    position: absolute;
    top: -2px;
    right: 0;
    display: inline-block;
    padding: 0 3px;
    min-width: 18px;
    border-radius: 50%;
    background-color: #4dd22c;
    color: #fff !important;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
}

.header-messages-icon:hover[b-uzmnctyuzn] {
    color: #4dd22c;
}
/* /Components/Lagesuche/LagesucheComponent.razor.rz.scp.css */
.content-wrapper[b-ipbsyo09co] {
    background-color: #fff;
    border-radius: 8px;
    margin: 0 auto 8px auto;
}

.select-wrapper[b-ipbsyo09co] {
    padding: 12px 6px;
    background-color: #f2f2f2;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.location-wrapper[b-ipbsyo09co] {
    padding: 12px 6px;
}

.picture-wrapper[b-ipbsyo09co] {
    padding: 12px;
    text-align: center;
}

    .picture-wrapper > img[b-ipbsyo09co] {
        max-height: 300px;
    }

.select-title[b-ipbsyo09co] {
    margin: 0 auto 12px auto;
    font-weight: 500;
    font-style: italic;
    font-size: 18px;
    color: #374151;
}
/* /Components/LoadingSkelotons/AppNewsSkeleton.razor.rz.scp.css */
.fake-news[b-kznbwxuvna] {
    display: flex;
    gap: 12px;
    padding: 12px;
    margin: 0 auto 12px auto;
    min-width: 300px;
    max-width: 1024px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 2px 6px 10px -1px rgba(0,0,0,0.32);
    box-shadow: 2px 6px 10px -1px rgba(0,0,0,0.32);
}

.fake-news-pic[b-kznbwxuvna] {
    height: 140px;
    width: 140px;
    border-radius: 8px;
}

.fake-news-pic[b-kznbwxuvna],
.fake-news-row-one[b-kznbwxuvna],
.fake-news-row-three[b-kznbwxuvna],
.fake-news-row-two[b-kznbwxuvna] {
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image-b-kznbwxuvna 2s infinite ease-out;
}

.fake-news-body[b-kznbwxuvna] {
    flex-grow: 2;
    background-color: #fff;
}

.fake-news-row-one[b-kznbwxuvna] {
    margin-bottom: 12px;
    width: 50%;
    height: 18px;
    background-color: #ececec;
}

.fake-news-row-two[b-kznbwxuvna] {
    margin-bottom: 12px;
    width: 96%;
    height: 36px;
    background-color: #ececec;
}

.fake-news-row-three[b-kznbwxuvna] {
    margin-bottom: 12px;
    width: 100%;
    height: 32px;
    background-color: #ececec;
}

.fake-news-row-four[b-kznbwxuvna] {
    width: 70%;
    height: 18px;
    background-color: #ececec;
}

@-webkit-keyframes shine-loading-image {
    0% {
        background-position: -32px;
    }

    40%, 100% {
        background-position: 208px;
    }
}

@keyframes shine-loading-image-b-kznbwxuvna {
    0% {
        background-position: -32px;
    }

    40%, 100% {
        background-position: 208px;
    }
}
/* /Components/LoadingSkelotons/CasesSkeleton.razor.rz.scp.css */
.case-skeleton[b-fm557bzqrv] {
    margin-bottom: 12px;
    border-radius: 8px;
    overflow: hidden;
}

.case-skeleton-header[b-fm557bzqrv] {
    padding: 12px;
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

.case-skeleton-pic[b-fm557bzqrv] {
    margin: auto;
    height: 50px;
    width: 120px;
    background-color: #fff;
    border-radius: 50%;
}

.case-skeleton-header > .case-skeleton-row[b-fm557bzqrv] {
    margin: 12px auto;
    height: 20px;
    background-color: #fff;
    border-radius: 8px;
}

.case-skeleton-row[b-fm557bzqrv] {
    width:80%;
}

.case-skeleton-body[b-fm557bzqrv] {
    padding: 12px;
    background-color: #fff;
}

.case-skeleton-body > .case-skeleton-row[b-fm557bzqrv],
.case-skeleton-body > .case-skeleton-row[b-fm557bzqrv],
.case-skeleton-body > .case-skeleton-row[b-fm557bzqrv],
.case-skeleton-body > .case-skeleton-btn[b-fm557bzqrv] {
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
    border-radius: 8px;
}

.case-skeleton-body > .case-skeleton-row[b-fm557bzqrv] {
    height: 18px;
    margin: 0 auto 12px auto;
}

.case-skeleton-body > .case-skeleton-row:nth-child(2)[b-fm557bzqrv]{
    width: 90%;
}

.case-skeleton-body > .case-skeleton-btn[b-fm557bzqrv] {
    height: 28px;
    width: 50%;
    margin: 12px auto 12px auto
}

@media (min-width: 720px) {
    .case-skeleton[b-fm557bzqrv] {
        display: flex;
    }

    .case-skeleton > div[b-fm557bzqrv] {
        flex-basis: 50%;
    }
}
/* /Components/LoadingSkelotons/ContactSkeleton.razor.rz.scp.css */
.contact-skeleton[b-q4bxtm4lj3] {
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 12px 5px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 12px 5px rgba(0,0,0,0.15);
}

.contact-skeleton-header[b-q4bxtm4lj3] {
    padding: 20px 12px;
}

.contact-skeleton-h-row-one[b-q4bxtm4lj3] {
    margin: auto;
    height: 28px;
    width: 80%;
    border-radius: 8px;
    background-color: #fff;
}

.contact-skeleton-h-row-two[b-q4bxtm4lj3] {
    margin: 20px auto 0 auto;
    height: 18px;
    width: 60%;
    border-radius: 8px;
    background-color: #fff;
}

.contact-skeleton-bottom[b-q4bxtm4lj3] {
    padding: 12px;
    background-color: #fff;
}

.contact-skeleton-b-row-one[b-q4bxtm4lj3],
.contact-skeleton-b-row-two[b-q4bxtm4lj3] {
    height: 20px;
    width: 90%;
    border-radius: 8px;
}

.contact-skeleton-b-row-two[b-q4bxtm4lj3] {
    margin-top: 12px;
    width: 80%;
}

.contact-skeleton-header[b-q4bxtm4lj3],
.contact-skeleton-b-row-two[b-q4bxtm4lj3],
.contact-skeleton-b-row-one[b-q4bxtm4lj3],
.contact-skeleton-b-bnt[b-q4bxtm4lj3] {
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

.contact-skeleton-b-bnt[b-q4bxtm4lj3] {
    margin-top: 12px;
    height: 28px;
    background-color: grey;
    border-radius: 8px;
}

.contacts-skeletons-wrapper[b-q4bxtm4lj3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (min-width: 800px) {
    .contacts-skeletons-wrapper[b-q4bxtm4lj3] {
        flex-direction: row;
    }

    .contact-skeleton[b-q4bxtm4lj3] {
        flex-basis: 50%;
    }
}

@media (min-width: 1200px) {
    .contact-skeleton[b-q4bxtm4lj3] {
        flex-basis: 33%;
    }
}
/* /Components/LoadingSkelotons/EssenSkeleton.razor.rz.scp.css */
.essen-skeleton[b-jq6o92pjtz] {
    text-align: center;
    color: #d0d0d0;
}

    .essen-skeleton span.oi[b-jq6o92pjtz] {
        top: 2px;
        margin-right: 4px;
    }

    .essen-skeleton p[b-jq6o92pjtz] {
        font-size: 12px;
    }

.km-wrapper[b-jq6o92pjtz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.s-calendar[b-jq6o92pjtz],
.m-calendar[b-jq6o92pjtz] {
    flex-grow: 1;
}

.s-order-main[b-jq6o92pjtz],
.s-order-types > div[b-jq6o92pjtz],
.s-mahlzeiten[b-jq6o92pjtz],
.s-groups[b-jq6o92pjtz] {
    display: flex;
    gap: 6px;
}

.s-order-types > div[b-jq6o92pjtz],
.s-mahlzeiten[b-jq6o92pjtz],
.s-groups[b-jq6o92pjtz] {
    flex-grow: 1;
    padding: 4px;
    background-color: #fff;
    border-radius: 8px;
}

.s-order-types[b-jq6o92pjtz] {
    flex-grow: 1;
}

div.s-order-type[b-jq6o92pjtz] {
    width: 50%;
}

.s-calendar > div[b-jq6o92pjtz] {
    flex-basis: 30%;
    padding: 4px;
    background-color: #fff;
}

    .s-calendar > div[b-jq6o92pjtz],
    .s-order-type[b-jq6o92pjtz],
    .s-calendar[b-jq6o92pjtz],
    .s-mahlzeit[b-jq6o92pjtz],
    .s-search-box[b-jq6o92pjtz],
    .s-group[b-jq6o92pjtz],
    .s-component[b-jq6o92pjtz],
    .s-calendar > div > div[b-jq6o92pjtz] {
        min-height: 26px;
        border-radius: 8px;
    }

.s-mahlzeiten[b-jq6o92pjtz],
.s-search-box[b-jq6o92pjtz],
.s-groups[b-jq6o92pjtz] {
    margin: 2px auto 8px auto;
}

.s-mahlzeit[b-jq6o92pjtz],
.s-group[b-jq6o92pjtz] {
    flex-basis: 33%;
}

.s-order-type[b-jq6o92pjtz],
.s-calendar > div > div[b-jq6o92pjtz],
.s-mahlzeit[b-jq6o92pjtz],
.s-search-box[b-jq6o92pjtz],
.s-group[b-jq6o92pjtz],
.s-component[b-jq6o92pjtz] {
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image-b-jq6o92pjtz 2s infinite ease-out;
}

.s-search-box[b-jq6o92pjtz] {
    margin-top: 12px;
}

.s-components[b-jq6o92pjtz] {
    text-align: left;
}

.s-component[b-jq6o92pjtz] {
    margin: 2px auto 8px auto;
    padding: 0 12px;
}

.s-components > .s-component:last-child[b-jq6o92pjtz] {
    margin-bottom: 0;
}

@-webkit-keyframes shine-loading-image {
    0% {
        background-position: -32px;
    }

    40%, 100% {
        background-position: 208px;
    }
}

@keyframes shine-loading-image-b-jq6o92pjtz {
    0% {
        background-position: -32px;
    }

    40%, 100% {
        background-position: 208px;
    }
}

@media (min-width: 800px) {
    .km-wrapper[b-jq6o92pjtz] {
        flex-direction: row;
    }

    .s-calendar[b-jq6o92pjtz] {
        margin: 2px 0 8px 0;
        flex-grow: 0;
        flex-shrink: 0;
    }
}
/* /Components/LoadingSkelotons/LagesucheSkeleton.razor.rz.scp.css */
.skeleton-wrapper[b-zv1fmfablr] {
    border-radius: 8px;
    background-color: #fff;
}
.select-skeleton-wraper[b-zv1fmfablr] {
    min-height: 48px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.location-skeleton-body[b-zv1fmfablr] {
    padding: 12px 8px;
}

.location-skeleton-row[b-zv1fmfablr] {
    margin-bottom: 8px;
    min-height: 26px;
    border-radius: 8px;
    color: #d0d0d0;
}

.location-skeleton-body > .location-skeleton-row:last-child[b-zv1fmfablr] {
    margin-bottom: unset;
}

.select-skeleton-wraper[b-zv1fmfablr],
.location-skeleton-row[b-zv1fmfablr] {
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}
/* /Components/LoadingSkelotons/TagebuchNotizSkeleton.razor.rz.scp.css */
.note-card-skeleton[b-4ctu0t3ga2] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    padding: 6px;
    border-radius: 8px;
    text-align: justify;
    color: var(--dark-blue-title-color);
    border: 1px solid #dae9ff;
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}
.note-text-span-skeleton[b-4ctu0t3ga2]{
    flex-grow: 1;
}
.note-date-skeleton[b-4ctu0t3ga2] {
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: rgb(225 225 225);
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}
.note-text-span-skeleton[b-4ctu0t3ga2] {
    display: inline-block;
    width: 50%;
    background-color: #fdfdfd;
    height: 16px;
    border-radius: 8px;
}
/* /Components/LoadingSkelotons/TaskSkeleton.razor.rz.scp.css */
.task-skeleton[b-0bskyziuzt] {
    margin-bottom: 12px;
    border-radius: 8px;
    overflow: hidden;
}

.task-skeleton-header[b-0bskyziuzt] {
    padding: 12px;
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

.task-skeleton-header > .task-skeleton-row-one[b-0bskyziuzt],
.task-skeleton-header > .task-skeleton-row-two[b-0bskyziuzt] {
    margin: 12px auto;
    height: 20px;
    background-color: #fff;
    border-radius: 8px;
}
.task-skeleton-row-one[b-0bskyziuzt]{
    width: 90%;
}
.task-skeleton-row-two[b-0bskyziuzt] {
    width: 80%;
}

.task-skeleton-body[b-0bskyziuzt] {
    padding: 12px;
    background-color: #fff;
}

.task-skeleton-body > .task-skeleton-row-one[b-0bskyziuzt],
.task-skeleton-body > .task-skeleton-btn[b-0bskyziuzt],
.task-skeleton-body-dates > div[b-0bskyziuzt]{
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
    border-radius: 8px;
}

.task-skeleton-body > .task-skeleton-row-one[b-0bskyziuzt] {
    height: 20px;
    width: 100%;
}

.task-skeleton-body > .task-skeleton-btn[b-0bskyziuzt] {
    height: 28px;
    width: 50%;
    margin: 12px auto 12px auto
}

.task-skeleton-body-dates[b-0bskyziuzt] {
    display: flex;
    justify-content: space-between;
}

.task-skeleton-body-dates > div[b-0bskyziuzt] {
    flex-basis: 25%;
    height: 18px;
}

@media (min-width: 720px) {
    .task-skeleton[b-0bskyziuzt] {
        display: flex;
    }

    .task-skeleton > div[b-0bskyziuzt] {
        flex-basis: 50%;
    }
}
/* /Components/LoadingSkelotons/VitalwertCardSkeleton.razor.rz.scp.css */
.vw-card[b-yf4cdqeidw] {
    margin-bottom: 6px;
    padding: 6px;
    border-radius: 8px;
    text-align: justify;
    color: var(--dark-blue-title-color);
    border: 1px solid #dae9ff;
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

.vw-date[b-yf4cdqeidw] {
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #dbdbdb;
    background-color: #cbcbcb;
    background-image: -webkit-linear-gradient(left, #cbcbcb 0px, #f4f4f4 40px, #cbcbcb 80px);
    background-image: -o-linear-gradient(left, #cbcbcb 0px, #f4f4f4 40px, #cbcbcb 80px);
    background-image: linear-gradient(90deg, #cbcbcb 0px, #f4f4f4 40px, #cbcbcb 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

.vw-name[b-yf4cdqeidw] {
    color: #dbdbdb
}
/* /Components/MedikationsPlan.razor.rz.scp.css */
.med-plan[b-0z3cwelfh6] {
    background-color: #fff;
}

.med-plan-header[b-0z3cwelfh6],
.med-plan-info[b-0z3cwelfh6],
.med-plan-patient[b-0z3cwelfh6],
.med-plan-addtional[b-0z3cwelfh6],
.t-footer[b-0z3cwelfh6] {
    display: flex;
}

    .med-plan-patient[b-0z3cwelfh6],
    .med-plan-addtional[b-0z3cwelfh6],
    .t-footer[b-0z3cwelfh6],
    .t-footer div[b-0z3cwelfh6] {
        flex-shrink: 1;
        justify-content: space-between;
    }

        .t-footer div:first-child[b-0z3cwelfh6] {
            flex-grow: 1;
        }

.med-plan-main[b-0z3cwelfh6] {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 164px;
    padding: 10px;
}

.med-plan-patient-info[b-0z3cwelfh6] {
    display: flex;
    flex-direction: column;
    justify-content: end;
    max-width: 40%;
}

.med-plan-info[b-0z3cwelfh6] {
    flex-grow: 1;
    border: 1px solid black;
}

.med-plan-title[b-0z3cwelfh6] {
    border-right: 1px solid black;
    padding: 10px;
    text-align: center;
    width: 24%;
}

.p-text[b-0z3cwelfh6] {
    margin: 0;
}

.t-head[b-0z3cwelfh6] {
    background-color: #E3E3E3;
}

.t-head[b-0z3cwelfh6],
.t-cell[b-0z3cwelfh6],
.gruppenname[b-0z3cwelfh6] {
    border: 1px solid black;
}

.t-cell[b-0z3cwelfh6],
th.t-cell.h-small[b-0z3cwelfh6] {
    font-size: 12px;
}

.t-cell[b-0z3cwelfh6] {
    padding: 2px;
}

.table[b-0z3cwelfh6] {
    width: 100%;
    border: 1px solid black;
    margin-top: 10px;
    margin-bottom: unset;
}

.h-small[b-0z3cwelfh6] {
    max-width: 100px;
}

.diagonal-text[b-0z3cwelfh6] {
    font-size: 8px;
    padding: 0 0 10px 0;
}

.m-time[b-0z3cwelfh6],
.diagonal-text[b-0z3cwelfh6] {
    width: 26px;
    text-align: center;
}

    .diagonal-text > span[b-0z3cwelfh6] {
        display: block;
        transform: rotate(300deg);
        padding-top: 9px;
    }

        .diagonal-text > span.nacht[b-0z3cwelfh6] {
            padding-top: 2px;
            line-height: 1;
        }

.hide-header[b-0z3cwelfh6] {
    display: none;
}

.medication-list[b-0z3cwelfh6] {
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}

    .medication-list > li[b-0z3cwelfh6] {
        margin-bottom: 50px;
    }

        .medication-list > li:last-child[b-0z3cwelfh6] {
            margin-bottom: 0;
        }

.cosymed-logo[b-0z3cwelfh6] {
    max-height: 40px;
}

.t-footer[b-0z3cwelfh6] {
    font-size: 12px;
}

.med-plan-qr[b-0z3cwelfh6] {
    width: 210px;
    padding-left: 10px;
}

.qr-code-img[b-0z3cwelfh6] {
    width: 200px;
    height: 200px;
}

.med-plan-title > h4[b-0z3cwelfh6] {
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
}

.med-plane-body[b-0z3cwelfh6] {
    overflow: auto;
}

@media (max-width: 600px) {
    .med-plan-header[b-0z3cwelfh6] {
        flex-direction: column-reverse;
    }

    .med-plan-qr[b-0z3cwelfh6],
    .qr-code-img[b-0z3cwelfh6],
    .med-plan-title[b-0z3cwelfh6] {
        width: 100%;
    }

    .med-plan-qr[b-0z3cwelfh6] {
        padding: 0 2px 4px 2px;
        padding-left: unset;
    }

    .qr-code-img[b-0z3cwelfh6] {
        height: unset;
    }

    .med-plan-info[b-0z3cwelfh6] {
        flex-direction: column;
    }

    .med-plan-title[b-0z3cwelfh6] {
        padding: 2px 4px;
        border-right: unset;
        border-bottom: 1px solid black;
    }

    .med-plan-main[b-0z3cwelfh6] {
        padding: 2px 4px;
    }

    .med-plan-doc[b-0z3cwelfh6] {
        border-right: 1px solid black;
    }

    .med-plan-patient[b-0z3cwelfh6] {
        border-bottom: 1px solid black;
    }
}
/* /Components/ModalConfirmActionConponent.razor.rz.scp.css */
.confirm-action-modal[b-av3zfjs21f] {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.2);
}
.confirm-action-modal-body[b-av3zfjs21f] {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 12px 4px;
    max-width: 600px;
    border: 1px solid #888;
    border-radius: 8px;
    background-color: #fff;
}

.btns-wrapper[b-av3zfjs21f] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.btns-wrapper > button[b-av3zfjs21f] {
    flex-grow: 1;
}

.message[b-av3zfjs21f] {
    margin-bottom: 12px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--dark-blue-title-color);
}

@media (min-width: 800px) {
    .modal-body[b-av3zfjs21f] {
        padding: 20px;
    }
    .btns-wrapper[b-av3zfjs21f] {
        gap: 12px;
    }
}
/* /Components/ModalMessageComponent.razor.rz.scp.css */
.info-modal[b-7lg21tn13q] {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.1);
}

.info-modal-body[b-7lg21tn13q] {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 900px;
    max-height: 90vh;
    background-color: #fff;
    padding: 12px 4px;
    overflow: auto;
}

.btns-wrapper[b-7lg21tn13q] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
}

.message-wrapper[b-7lg21tn13q] {
    overflow: auto;
    max-height: calc(90vh - 72px);
}

.message-wrapper[b-7lg21tn13q] {
    overflow: auto;
    max-height: calc(90vh - 120px);
}

@media (min-width: 600px) {
    .btns-wrapper[b-7lg21tn13q] {
        flex-direction: row;
    }
    .message-wrapper[b-7lg21tn13q] {  
        max-height: calc(90vh - 72px);
    }
}

@media  (min-width: 900px) {
    .info-modal-body[b-7lg21tn13q] {
        padding: 12px;
        border-radius: 8px;
    }
}
/* /Components/PageNotFoundComponent.razor.rz.scp.css */

/*--------------------------------- page not found ---------------------------------------------*/
.page-not-found-wrapper[b-wgulal3gie] {
    padding: 20px 6px;
    height: 100%;
    background-color: var(--background-secondary-color);
}

.page-not-found[b-wgulal3gie] {
    margin: auto;
    padding: 20px;
    max-width: 510px;
    background-color: #fff;
    border-radius: 8px;
}

.page-not-found-head[b-wgulal3gie] {
    color: var(--dark-blue-title-color);
    font-weight: 600;
    text-align: center;
}

.code-404[b-wgulal3gie] {
    font-size: 72px;
}

.page-not-found-title[b-wgulal3gie] {
    font-size: 46px;
}

.page-not-found-additional[b-wgulal3gie] {
    padding-top: 16px;
    text-align: center;
    color: var(--dark-blue-title-color);
}

@media (min-width: 600px) {
    .page-not-found-head[b-wgulal3gie] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .code-404[b-wgulal3gie] {
        padding: 20px;
        border-right: 10px solid var(--dark-blue-title-color);
    }
}
/* /Components/PatientenFall/DiagnosesList.razor.rz.scp.css */
.diagnose-title[b-dzb945h4u6] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 8px 6px;
    margin-bottom: 12px;
    margin-bottom: 8px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.diagnose-title[b-dzb945h4u6] {
    background: rgb(87,109,155);
    background: linear-gradient(90deg, rgba(87,109,155,1) 23%, rgba(109,137,196,1) 50%, rgba(113,139,194,1) 77%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

    .diagnose-title > img[b-dzb945h4u6] {
        max-height: 80px;
    }

.dp-wrapper[b-dzb945h4u6] {
    padding-bottom: 8px;
    background-color: #eaf1ff;
    border-radius: 8px;
}

.diagnose-item[b-dzb945h4u6] {
    margin-bottom: 8px;
}

.diagnose-card[b-dzb945h4u6] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-align: center;
    border: 1px solid #dedede;
    border-radius: 8px;
    -webkit-box-shadow: 5px 8px 8px -6px rgba(0,0,0,0.39);
    box-shadow: 5px 8px 8px -6px rgba(0,0,0,0.39);
}

.diagnose-card-header[b-dzb945h4u6] {
    background: linear-gradient(90deg, rgb(68 104 179) 23%, rgb(71 113 200) 50%, rgb(89 142 253) 77%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}


    .diagnose-card-header > img[b-dzb945h4u6] {
        max-height: 60px;
        border-radius: 50%;
    }

.diagnose-card-header[b-dzb945h4u6] {
    padding-top: 4px;
}


.diagnose-code[b-dzb945h4u6] {
    color: #fff;
    font-weight: 500;
}

.diagnose-card-body[b-dzb945h4u6] {
    flex-grow: 1;
    background: #fff;
}

.diagnose-card-body[b-dzb945h4u6] {
    padding: 6px 2px 0 6px;
}

.localisation[b-dzb945h4u6] {
    color: rgb(114 114 114);
    font-style: italic;
}

    .localisation > span[b-dzb945h4u6] {
        color: #00BFBA;
        font-style: initial;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 600;
    }

.diagnose-card-footer[b-dzb945h4u6] {
    padding: 4px 2px;
    color: #fff;
    font-weight: 500;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.procedure-card-footer[b-dzb945h4u6] {
    background: #00BFBA;
}

.diagnose-card-footer[b-dzb945h4u6] {
    background: linear-gradient(90deg, rgb(68 104 179) 23%, rgb(71 113 200) 50%, rgb(89 142 253) 77%);
}

.diagnose-description[b-dzb945h4u6] {
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 18px;
}

.diagnose-type[b-dzb945h4u6] {
    font-weight: 600;
}

    .diagnose-type.aufnahme[b-dzb945h4u6] {
        color: #0dcaf0;
    }

    .diagnose-type.entlassung[b-dzb945h4u6] {
        color: #00BFBA;
    }

    .diagnose-type.op[b-dzb945h4u6] {
        color: #c80000;
    }

.secondary-diagnoses[b-dzb945h4u6] {
    padding: 2px 6px;
    background-color: #dde8ff;
}

.secondary-diagnoses-list[b-dzb945h4u6] {
    text-align: left;
}

.secondary-diagnoses-title[b-dzb945h4u6],
.secondary-diagnose-icon[b-dzb945h4u6] {
    color: var(--dark-blue-title-color);
    font-weight: 600;
}

.secondary-diagnose-icon[b-dzb945h4u6] {
    margin-right: 4px;
}

.secondary-diagnose-code[b-dzb945h4u6] {
    color: #0dcaf0;
    font-weight: 600;
}

.secondary-diagnose-description[b-dzb945h4u6] {
    font-weight: 500;
    color: var(--dark-blue-title-color);
}

.secondary-diagnose__diagnose[b-dzb945h4u6] {
    font-style: italic;
    color: #868686;
}

.secondary-diagnose-item[b-dzb945h4u6] {
    margin-bottom: 6px;
    line-height: 19px;
}

.no-case-diagnoses[b-dzb945h4u6] {
    padding: 12px 2px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: var(--dark-blue-title-color);
}

@media (min-width: 600px) {
    .diagnose-cards-wrapper[b-dzb945h4u6] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
        align-items: stretch;
    }

    .diagnose-item[b-dzb945h4u6] {
        flex-basis: 48%;
    }
}

@media (min-width: 960px) {
    .diagnose-item[b-dzb945h4u6] {
        flex-basis: 32%;
    }
}

@media (min-width: 1160px) {
    .diagnose-item[b-dzb945h4u6] {
        flex-basis: 24%;
    }
}
/* /Components/PatientenFall/ProceduresList.razor.rz.scp.css */
.procedure-title[b-5ep69mxf27] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 8px 6px;
    margin-bottom: 12px;
    margin-bottom: 8px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.procedure-title[b-5ep69mxf27] {
    margin-top: 12px;
    background: rgb(2,181,176);
    background: linear-gradient(90deg, rgb(2 188 183) 23%, rgb(3 201 195) 50%, rgba(1,215,210,1) 77%);
}

    .procedure-title > img[b-5ep69mxf27] {
        max-height: 80px;
    }

.dp-wrapper[b-5ep69mxf27] {
    padding-bottom: 8px;
    background-color: #eaf1ff;
    border-radius: 8px;
}

.procedure-item[b-5ep69mxf27] {
    margin-bottom: 8px;
}

.procedure-card[b-5ep69mxf27] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-align: center;
    border: 1px solid #dedede;
    border-radius: 8px;
    -webkit-box-shadow: 5px 8px 8px -6px rgba(0,0,0,0.39);
    box-shadow: 5px 8px 8px -6px rgba(0,0,0,0.39);
}

.procedure-card-header[b-5ep69mxf27] {
    background: rgb(2, 188, 183);
    background: linear-gradient(90deg, rgb(2, 188, 183) 23%, rgb(3 195 189) 50%, rgb(1, 215, 210) 77%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

    .procedure-card-header > img[b-5ep69mxf27] {
        max-height: 60px;
        border-radius: 50%;
    }

.procedure-code[b-5ep69mxf27] {
    color: #fff;
    font-weight: 500;
}

.procedure-card-body[b-5ep69mxf27] {
    flex-grow: 1;
    background: #fff;
}

.procedure-card-body[b-5ep69mxf27] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6px 2px;
}

.procedure-card-description[b-5ep69mxf27] {
    color: var(--dark-blue-title-color);
    font-weight: 600;
}

.localisation[b-5ep69mxf27] {
    color: rgb(114 114 114);
    font-style: italic;
}

    .localisation > span[b-5ep69mxf27] {
        color: #00BFBA;
        font-style: initial;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 600;
    }

.procedure-card-footer[b-5ep69mxf27] {
    padding: 4px 2px;
    color: #fff;
    font-weight: 500;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.procedure-card-footer[b-5ep69mxf27] {
    background: #00BFBA;
}

.no-case-procedure[b-5ep69mxf27] {
    padding: 12px 2px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: var(--dark-blue-title-color);
}

@media (min-width: 600px) {
    .procedure-cards-wrapper[b-5ep69mxf27] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
        align-items: stretch;
    }

    .procedure-item[b-5ep69mxf27] {
        flex-basis: 48%;
    }
}

@media (min-width: 960px) {
    .procedure-item[b-5ep69mxf27] {
        flex-basis: 32%;
    }
}

@media (min-width: 1160px) {
    .procedure-item[b-5ep69mxf27] {
        flex-basis: 24%;
    }
}
/* /Components/PatientenFall/TermineListe.razor.rz.scp.css */
.timeline[b-6sqjrh36d6] {
    position: relative;
    margin: 0 auto;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
    box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
}

    .timeline.line[b-6sqjrh36d6]::after {
        content: '';
        position: absolute;
        width: 6px;
        background-color: var(--background-dark-blue-color);
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: -3px;
    }

.termin[b-6sqjrh36d6] {
    padding: 6px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

    .termin.active[b-6sqjrh36d6] {
        /* cursor: pointer;*/
    }

    .termin i[b-6sqjrh36d6] {
        cursor: pointer;
    }

    .termin[b-6sqjrh36d6]::after {
        font-family: "FontAwesome";
        content: '\f017';
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        right: -12px;
        background-color: #3970e4;
        border: 4px solid var(--background-dark-blue-color);
        top: 18px;
        border-radius: 50%;
        z-index: 1;
        font-size: 12px;
        color: #fff;
    }

.left[b-6sqjrh36d6] {
    left: 0;
}

.right[b-6sqjrh36d6] {
    left: 50%;
}

.left[b-6sqjrh36d6]::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #7fa0e3;
}
/*.left.feature::before {
    border-color: transparent transparent transparent #BCFBF9;
}
*/
.left.now[b-6sqjrh36d6]::before {
    border-color: transparent transparent transparent #43DDD8;
}

.left.hosp[b-6sqjrh36d6]::before {
    border-color: transparent transparent transparent #AF7AC5;
}

.right[b-6sqjrh36d6]::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 31px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent #838282 transparent transparent;
}

.right[b-6sqjrh36d6]::after {
    left: -12px;
}

.termin-content[b-6sqjrh36d6] {
    padding: 12px;
    position: relative;
    border-radius: 8px;
    color: white;
    text-align: left;
    background: rgb(131,130,130);
    background: linear-gradient(90deg, rgba(131,130,130,1) 30%, rgba(83,97,105,1) 78%);
    -webkit-box-shadow: 4px 4px 7px -2px rgba(0,0,0,0.63);
    box-shadow: 4px 4px 7px -2px rgba(0,0,0,0.63);
}

.termine-feature[b-6sqjrh36d6] {
    background: rgb(157,187,249);
    background: linear-gradient(90deg, rgba(157,187,249,1) 23%, rgba(142,171,230,1) 50%, rgba(127,160,227,1) 77%);
}

.termin-next[b-6sqjrh36d6] {
    background: rgb(93,173,226);
    background: linear-gradient(90deg, rgba(93,173,226,1) 36%, rgba(67,221,216,1) 79%);
}

.hospital[b-6sqjrh36d6] {
    background: rgb(155,83,185);
    background: linear-gradient(90deg, rgba(155,83,185,1) 36%, rgba(175,122,197,1) 79%);
}

.current-time[b-6sqjrh36d6] {
    background: rgb(157,187,249);
    background: linear-gradient(90deg, rgb(60 86 140) 23%, rgb(74 114 195) 50%, rgba(127,160,227,1) 77%);
}

.hospital-action[b-6sqjrh36d6] {
    margin-bottom: 0;
}


/******************************/
.timeline-container[b-6sqjrh36d6] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
    box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
}

.timeline-content[b-6sqjrh36d6] {
    width: 100%;
    z-index: 2;
}

.vertical-line[b-6sqjrh36d6] {
    position: absolute;
    width: 6px;
    height: 100%;
    background-color: #374151;
    left: 50%;
    transform: translateX(-50%);
}

.day-timeline[b-6sqjrh36d6] {
    position: relative;
    margin: 0 auto;
    border-radius: 8px;
    background-color: #fff;
}

    .day-timeline[b-6sqjrh36d6]::after {
        content: '';
        position: absolute;
        width: 6px;
        background-color: var(--background-dark-blue-color);
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: -3px;
    }

.weeks-list[b-6sqjrh36d6] {
    text-align: center;
}

.weeks-item[b-6sqjrh36d6] {
    position: relative;
    margin: 12px auto;
}

.day-btn[b-6sqjrh36d6] {
    margin-top: 8px;
}

.week-btn[b-6sqjrh36d6],
.day-btn[b-6sqjrh36d6] {
    border: none;
    border-radius: 8px;
    padding: 0 8px;
    font-weight: 500;
    -webkit-box-shadow: 1px 2px 7px 0px rgb(0,0,0,0.26);
    box-shadow: 1px 2px 7px 0px rgb(0,0,0,0.26);
}

.week-btn[b-6sqjrh36d6] {
    min-width: 280px;
    color: #374151;
    background-color: #fff;
    border: 1px solid #374151;
}

.day-btn[b-6sqjrh36d6] {
    min-width: 120px;
    color: #fff;
    background-color: #6295ff;
    border: 1px solid #4376c9;
}
    .week-btn.active[b-6sqjrh36d6] {
        color: #fff;
        background-color: #717171;
        border: 1px solid #444444;
    }

.day-btn.active[b-6sqjrh36d6] {
    color: #374151;
    background-color: #dbdbdb;
    border: 1px solid #444444;
}

.day-item[b-6sqjrh36d6] {
    position: relative;
}

.no-appointments[b-6sqjrh36d6] {
    padding: 46px 4px;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
}

@media screen and (max-width: 600px) {
    .weeks-list[b-6sqjrh36d6] {
        text-align: unset;
        left: 21px;
    }

    .timeline.line[b-6sqjrh36d6]::after,
    .vertical-line[b-6sqjrh36d6] {
        left: 21px;
    }

    .week-btn[b-6sqjrh36d6],
    .day-btn[b-6sqjrh36d6] {
        margin-left: 42px;
    }

    .day-timeline[b-6sqjrh36d6]::after {
        left: 21px;
    }

    .weeks-item > div[b-6sqjrh36d6]::after {
        font-family: "FontAwesome";
        content: '\f271';
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        left: 8px;
        background-color: #ececec;
        border: 2px solid var(--background-dark-blue-color);
        top: 0;
        border-radius: 50%;
        z-index: 1;
        font-size: 12px;
    }

    .day-item > div[b-6sqjrh36d6]::after {
        font-family: "FontAwesome";
        content: "\f00b";
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        left: 8px;
        color: #fff;
        background-color: #6295ff;
        border: 2px solid var(--background-dark-blue-color);
        top: 8px;
        border-radius: 50%;
        z-index: 1;
        font-size: 12px;
    }

    .termin[b-6sqjrh36d6] {
        width: 100%;
        padding-left: 60px;
        padding-right: 10px;
    }

        .termin[b-6sqjrh36d6]::before {
            left: 50px;
            border: medium solid white;
            border-width: 10px 10px 10px 0;
            border-color: transparent white transparent transparent;
        }

    .left[b-6sqjrh36d6]::after,
    .right[b-6sqjrh36d6]::after {
        left: 9px;
    }

    .right[b-6sqjrh36d6] {
        left: 0%;
    }
}

/* Modal */
.question-modal[b-6sqjrh36d6] {
    position: fixed;
    z-index: 10;
    padding: 90px 6px 0 6px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.question-modal-content[b-6sqjrh36d6] {
    margin: auto;
    padding-bottom: 12px;
    max-width: 600px;
    max-height: 86vh;
    overflow: auto;
    border: 1px solid #888;
    border-radius: 8px;
    background-color: #fff;
}

.question-data[b-6sqjrh36d6] {
    margin-bottom: 8px;
    padding: 6px;
    background-color: #f0efef;
    border-radius: 8px;
    text-align: center;
    color: var(--dark-blue-title-color)
}

.question-data-therapy[b-6sqjrh36d6] {
    font-weight: 900;
}

.question-data-description[b-6sqjrh36d6] {
    font-weight: 500;
    font-style: italic;
}

.question-data-bottom[b-6sqjrh36d6] {
    display: flex;
    justify-content: space-between;
}

.question-info[b-6sqjrh36d6] {
    margin-bottom: 6px;
    font-weight: 600;
    color: #46518D;
}

.question-form-wrapper[b-6sqjrh36d6] {
    padding: 0 6px;
}

.form-btns[b-6sqjrh36d6] {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}

.envelope-icon[b-6sqjrh36d6],
.circle-x-icon[b-6sqjrh36d6] {
    top: 2px;
    margin-left: 4px;
}

.form-btns > button[b-6sqjrh36d6] {
    flex-basis: 150px;
}

.envelope-icon[b-6sqjrh36d6] {
    margin-right: 2px;
    top: 3px;
}

.questions-count[b-6sqjrh36d6] {
    font-weight: 900;
}

.sent-questions[b-6sqjrh36d6] {
    text-align: right;
    font-style: italic;
}

.question-history[b-6sqjrh36d6] {
    padding: 12px 6px 0 6px;
}

    .question-history > p[b-6sqjrh36d6] {
        margin-bottom: 2px;
        font-style: italic;
    }

.patient-question[b-6sqjrh36d6] {
    padding: 6px;
    border-radius: 8px;
    background-color: #46518D;
}

    .patient-question > p[b-6sqjrh36d6] {
        color: #fff;
    }

.question-date[b-6sqjrh36d6] {
    font-weight: 500;
    color: #46518D;
}

.question-icon[b-6sqjrh36d6],
.location-icon[b-6sqjrh36d6] {
    padding: 2px 4px;
}

.termin-card-header > h5[b-6sqjrh36d6] {
    margin-bottom: 0;
}

.termin-card-header[b-6sqjrh36d6] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

@media (min-width: 1024px) {
    .timeline[b-6sqjrh36d6] {
        padding: 20px 0;
    }
}
/* /Components/PatientenFall/UploadedFilesList.razor.rz.scp.css */

.uploaded-files-list[b-m2y1rjyvwg] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-top: 12px;
    padding: 0 12px 12px 12px;
}

.uploaded-file-card[b-m2y1rjyvwg] {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    justify-content: space-between;
    gap: 6px;
    flex-grow: 1;
    padding: 14px 8px 8px 8px;
    background-color: #3b547e;
    position: relative;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    -webkit-box-shadow: -23px 10px 15px 1px #3b547e;
    box-shadow: -23px 10px 15px -10px #3b547e;
}

    .uploaded-file-card:hover[b-m2y1rjyvwg] {
        background-color: #152E4E;
        color: #fff;
        cursor: pointer;
    }

    .uploaded-file-card[b-m2y1rjyvwg]::after {
        content: "";
        display: block;
        width: 0px;
        height: 0px;
        background-color: skyblue;
        top: 0px;
        right: 0px;
        border-bottom: 20px solid #4d6ca1;
        border-left: 20px solid #4d6ca1;
        border-right: 20px solid #eff2f5;
        border-top: 20px solid #eff2f5;
        position: absolute;
        filter: drop-shadow(-5px 5px 3px rgba(0,0,0,0.5))
    }

.uploaded-file-status[b-m2y1rjyvwg] {
    color: darkorange;
}

    .uploaded-file-status.done[b-m2y1rjyvwg] {
        color: #0df188;
    }

    .uploaded-file-status.archive[b-m2y1rjyvwg] {
        color: #dc081d;
    }

    .uploaded-file-status.read[b-m2y1rjyvwg] {
        color: #caccce;
    }

.uploaded-file-date[b-m2y1rjyvwg] {
    color: #ffdfb8;
}

.uploaded-file-note[b-m2y1rjyvwg] {
    color: #9DBBF9;
}

@media (min-width: 460px) {
    .uploaded-file-card[b-m2y1rjyvwg] {
        flex-basis: 16%;
        gap: 12px;
        flex-grow: unset;
        flex-shrink: 1;
        min-width: 215px;
        max-width: 48%;
        padding: 44px 12px 12px 12px;
    }
}
/* /Components/Progressbar.razor.rz.scp.css */
.progress-bar[b-yoag88kmf6] {
    height: 24px;
    position: relative;
    background-color: rgb(78 78 78);
    border-radius: 26px;
    -webkit-box-shadow: 5px 5px 13px 5px rgba(158,158,158,0.4);
    box-shadow: 5px 5px 13px 5px rgba(158,158,158,0.4);
}

    .progress-bar > .progress-bar-line-content[b-yoag88kmf6] {
        display: inline-block;
        height: 24px;
        width: 100%;
        position: absolute;
        text-align: center;
        font-weight: 900;
    }

    .progress-bar > span.progress-bar-line[b-yoag88kmf6] {
        display: inline-block;
        height: 24px;
    }

.blue[b-yoag88kmf6] {
    background: linear-gradient(0deg, #007fe3 22%, #77c3ff 47%, #0487ef 77%);
}

.green[b-yoag88kmf6] {
    background: rgb(108,189,12);
    background: linear-gradient(0deg, rgba(108,189,12,1) 23%, rgba(97,170,12,1) 50%, rgba(108,189,12,1) 77%);  
}
/* /Components/SessionTimer.razor.rz.scp.css */
/* confirm modal */
.timer-modal[b-nnhnm6q1pk] {
    position: fixed;
    z-index: 100001;
    padding: 90px 6px 0 6px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.timer-modal-content[b-nnhnm6q1pk] {
    margin: auto;
    padding: 20px 8px;
    max-width: 500px;
    border: 1px solid #888;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
}

.timer-btns-wrapper[b-nnhnm6q1pk] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
}

    .timer-btns-wrapper > button[b-nnhnm6q1pk] {
        flex-basis: 50%;
    }

.timer-modal-title[b-nnhnm6q1pk] {
    font-size: 22px;
    font-weight: 600;
    color: var(--dark-blue-title-color);
}

.timer-modal-time-left[b-nnhnm6q1pk] {
    font-size: 32px;
    font-weight: 900;
    color: var(--text-danger-color);
}

.timer-modal-question[b-nnhnm6q1pk] {
    font-size: 18px;
    font-weight: 500;
}

.continue-session-error[b-nnhnm6q1pk] {
    text-align: center;
    color: var(--text-danger-color);
}

@media (min-width: 390px) {
    .timer-modal-content[b-nnhnm6q1pk] {
        padding: 24px 18px 20px 18px;
    }
}

.refresh-session-btn[b-nnhnm6q1pk] {
    cursor: pointer;
}

.refresh-session-icon[b-nnhnm6q1pk] {
    font-size: 28px;
    padding: 4px 4px 0 0px;
}

    .refresh-session-icon:hover[b-nnhnm6q1pk] {
        color: #4dd22c;
    }
/* /Components/Terminwunsch/TerminwunschFormularComponent.razor.rz.scp.css */
.personal-info[b-donrsrlu6f],
.apointment-info[b-donrsrlu6f] {
    margin: 4px;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    background-color: #fbfbfb;
}

.apointment-info[b-donrsrlu6f] {
    margin-top: 12px;
}

    .personal-info > div:first-child[b-donrsrlu6f],
    .apointment-info > div:first-child[b-donrsrlu6f] {
        padding: 8px;
    }

.form-input-group > div[b-donrsrlu6f] {
    margin-bottom: 8px;
}

.field-name[b-donrsrlu6f] {
    font-weight: 600;
    color: #374151;
}

.score-field[b-donrsrlu6f] {
    padding: 8px 8px 4px 8px;
}

.error-message[b-donrsrlu6f] {
    padding: 8px 4px;
    text-align: center;
    color: var(--text-danger-color);
    font-weight: 500;
}

.gender-radio-btns[b-donrsrlu6f],
.apointment-radio-btns[b-donrsrlu6f] {
    display: flex;
}
.gender-radio-btns[b-donrsrlu6f]{
    justify-content: space-between;
}
.apointment-radio-btns[b-donrsrlu6f] {
   justify-content: space-around;
}
.address-group[b-donrsrlu6f] {
    display: flex;
    flex-direction: column;
}

.address-field-names[b-donrsrlu6f],
.address-inputs[b-donrsrlu6f] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

    .address-inputs > div:first-child[b-donrsrlu6f] {
        flex-grow: 1;
        flex-shrink: 0;
    }

    .address-inputs > div:last-child[b-donrsrlu6f] {
        width: 80px;
        text-align: right;
    }

    .address-field-names > div:last-child[b-donrsrlu6f] {
        width: 80px;
    }

    .address-inputs > div:last-child > input[b-donrsrlu6f] {
        text-align: right;
    }

.form-section-confirm-btn[b-donrsrlu6f] {
    margin-top: 8px;
}

.termin-modal[b-donrsrlu6f] {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.1);
}

.termin-modal-content[b-donrsrlu6f] {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;
    background-color: #fff;
    padding: 12px 4px;
}

.termin-modal-content-list[b-donrsrlu6f] {
    max-height: calc(100vh - 78px);
    overflow: auto;
}
.termin-modal-content-list.ws[b-donrsrlu6f] {
    max-height: calc(100vh - 116px);
    overflow: auto;
}

.select-btn[b-donrsrlu6f] {
    width: 100%;
    margin-bottom: 12px;
    padding: 4px 10px;
    color: #001d4c;
    border: 1px solid #e4e1e1;
    border-radius: 8px;
    background-color: #c1e2ff;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}

.optional-input[b-donrsrlu6f] {
    color: grey;
    font-weight: 400;
    font-style: italic;
}
.load-all-btn-wrapper[b-donrsrlu6f] {
    margin: 0 auto 18px auto;
    text-align: center;
}
    .load-all-btn-wrapper > button[b-donrsrlu6f] {
        padding: 4px 10px;
        border: none;
        border-bottom: 1px solid #c8c8c8;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        background-color: #edfcff;
    }

.next-hint[b-donrsrlu6f] {
    margin-bottom: 4px;
    text-align: center;
    font-style: italic;
}

.hous-nr[b-donrsrlu6f] {
    display: none;
}

.visit-card[b-donrsrlu6f] {
    margin: 4px 4px 8px 4px;
    border: 1px solid #a0a0a0;
    border-radius: 8px;
    background-color: #fbfbfb;
}

.visit-card-body > div:first-child[b-donrsrlu6f],
.visit-card-header[b-donrsrlu6f] {
    padding: 8px 4px;
}

.visit-card-title[b-donrsrlu6f] {
    margin-right: 4px;
}

.visit-card-names[b-donrsrlu6f] {
    font-weight: 600;
}

.visit-card-body[b-donrsrlu6f] {
    color: #fff;
    background-color: #3b547e;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.visit-card-telephones[b-donrsrlu6f],
.visit-card-email[b-donrsrlu6f],
.visit-card-address[b-donrsrlu6f],
.visit-card-person[b-donrsrlu6f] {
    display: flex;
    gap: 8px;
}

    .visit-card-telephones > div:first-child[b-donrsrlu6f],
    .visit-card-email > div:first-child[b-donrsrlu6f],
    .visit-card-address > div:first-child[b-donrsrlu6f],
    .visit-card-person > div:first-child[b-donrsrlu6f] {
        min-width: 20px;
    }

.visit-card-person[b-donrsrlu6f] {
    font-weight: 500;
    color: #374151;
}

.visit-card-person-additional[b-donrsrlu6f] {
    padding-left: 28px;
    font-style: italic;
}

.visit-card-gender[b-donrsrlu6f],
.visit-card-birthday[b-donrsrlu6f] {
    font-weight: 600;
    color: #374151;
    font-style: initial;
}

.personal-data-edit-btn[b-donrsrlu6f],
.form-section-confirm-btn[b-donrsrlu6f] {
    margin-top: 8px;
    width: 100%;
    border: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    font-weight: 500;
}

.personal-data-edit-btn[b-donrsrlu6f] {
    color: #001434;
    background-color: darkseagreen;
}

.form-section-confirm-btn[b-donrsrlu6f] {
    color: #fff;
    background-color: #3b547e;
}

.keine-terminarten[b-donrsrlu6f] {
    text-align: center;
    margin-bottom: 16px;
    font-weight: 500;
}

.art-description[b-donrsrlu6f] {
    color: #3a3a3a;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
}

.visit-card-appointment-location[b-donrsrlu6f],
.visit-card-appointment-type[b-donrsrlu6f],
.visit-card-appointment[b-donrsrlu6f] {
    display: flex;
    gap: 8px;
    align-content: center;  
}

.visit-card-appointment-location > div:first-child[b-donrsrlu6f],
.visit-card-appointment-type > div:first-child[b-donrsrlu6f],
.visit-card-appointment > div:first-child[b-donrsrlu6f] {
    min-width: 20px;
}

.visit-card-appointment-location[b-donrsrlu6f],
.visit-card-appointment-type[b-donrsrlu6f] {
    font-weight: 500;
    color: #374151;
}

.visit-card-appointment-type[b-donrsrlu6f] {
    font-style: italic;
    color:#607cb7 ;
}

.insurance-radio-btns[b-donrsrlu6f] {
    display: flex;
    flex-direction: column;
}

.accept-terms-wrapper[b-donrsrlu6f] {
    margin: 12px auto;
    padding: 0 8px;
}

.accept-terms-wrapper > label[b-donrsrlu6f] {
    color: #374151;
}

.accept-terms-wrapper > label > span[b-donrsrlu6f] {
    font-weight: 500;
}

.form-btns-wrapper[b-donrsrlu6f] {
    display: flex;
    gap: 12px;
    padding: 0 4px;
}

.form-btns-wrapper > button[b-donrsrlu6f] {
    flex-grow: 1;
    flex-basis: 50%;
}

.address-valiadtions-wrapper[b-donrsrlu6f] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.fig-mt[b-donrsrlu6f] {
    margin-top: 8px;
}

.free-text-note[b-donrsrlu6f] {
    padding: 0 6px;
}

.error-message.booking-error[b-donrsrlu6f] {
    margin-bottom: 10px;
}

.booked-message[b-donrsrlu6f] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px;
    color: #004881;
    font-weight: 500;
}

.call-center-img[b-donrsrlu6f]  {
    text-align: center;
}

.call-center-img > img[b-donrsrlu6f] {
    max-height: 120px;
}

.booked-message > article[b-donrsrlu6f] {
    text-align: justify;
}

.booked-message > article > p:first-child[b-donrsrlu6f] {
    margin-bottom: 12px;
}

.select-input-after[b-donrsrlu6f] {
    position: relative;
}

.select-input-after[b-donrsrlu6f]:after {
    content: '\25BC';
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 6px;
    color: #3b547e;
    pointer-events: none;
    border: none;
    font-size: 20px;
}

.form-fetch-error[b-donrsrlu6f] {
    text-align: center; 
}

.terms-info[b-donrsrlu6f] {
    text-decoration: underline;
    cursor: pointer;
}

input.form-control.c-input-text[b-donrsrlu6f] {
    color: #6E747D !important;
}

.file-type[b-donrsrlu6f] {
    display: block;
    color: #374151;
    font-weight: 500;
}

.file-name[b-donrsrlu6f] {
    display: block;
    margin-bottom: 8px;
    font-style: italic;
}

.file-upload-btn[b-donrsrlu6f] {
    position: relative;
    padding: 0 8px;
    margin-top: 12px;
    width: 100%;
}

.file-li[b-donrsrlu6f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*align-self: stretch;*/
    justify-content: space-between;
    gap: 6px;
    flex-grow: 1;
    padding: 8px;
    margin-bottom: 12px;
    background-color: #f8f6f6;
    position: relative;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #ced4da;
    -webkit-box-shadow: 5px 5px 8px -8px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 8px -8px rgba(0,0,0,0.5);
}

    .file-li > div[b-donrsrlu6f] {
        width: 100%;
    }

    .file-li:last-child[b-donrsrlu6f] {
        margin-bottom: 6px;
    }

    .file-li .danger-btn[b-donrsrlu6f] {
        padding: 0 8px;
        width: 100%;
    }

.visit-card-body > div > ul > li[b-donrsrlu6f] {
    color: #fff;
}

.file-error[b-donrsrlu6f] {
    color: #f20000;
    font-size: 16px;
}

.file-required[b-donrsrlu6f] {
    border: 1px solid red;
}

.form-input-checkbox[b-donrsrlu6f] {
    margin: 12px auto;
}

.a-orange-interval[b-donrsrlu6f] {
    background-color: #ffc107;
}
.a-red-interval[b-donrsrlu6f] {
    background-color: #ff4355;
}

.all-booked-hint[b-donrsrlu6f] {
    font-style: italic;
    color: #313335;
    font-weight: 300;
    font-size: 14px;
}

.select-btn.without-input[b-donrsrlu6f] {
    min-height: 54px;
}
    .select-btn.without-input > p[b-donrsrlu6f] {
        margin-top: 4px;
    }

/* search */
section.search-container[b-donrsrlu6f] {
    position: relative;
    padding: 4px;
    margin: 0 auto 12px auto;
    background-color: #e3e3e3;
    border-radius: 8px;
}

.search-input[b-donrsrlu6f] {
    padding: 4px 28px 4px 24px;
    color: #212529;
    text-align: center;
    font-weight: 600;
}

span.clean-search-icon[b-donrsrlu6f] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 22px;
    color: #3b547e;
}

span.search-icon[b-donrsrlu6f] {
    position: absolute;
    top: 12px;
    left: 10px;
    font-size: 18px;
}

.search-input[b-donrsrlu6f]::placeholder {
    color: #212529;
    font-weight: 400;
    font-style: italic;
}

.book-again[b-donrsrlu6f] {
    padding: 8px 4px;
}
.book-again > button[b-donrsrlu6f] {
    width: 100%;
}

.no-available-appointments[b-donrsrlu6f] {
    text-align: center;
}
.no-available-appointments > img[b-donrsrlu6f] {
    max-width: 60%;
}
    .no-available-appointments > p[b-donrsrlu6f] {
        margin: 18px;
        font-weight: 500;
        font-size: 18px;
        font-style: italic;
        color: #3b547e;
    }

.day-disabled[b-donrsrlu6f] {
    text-align: center;
   /* color: darkred;*/
}

.day-available[b-donrsrlu6f],
.day-busy[b-donrsrlu6f] {
    padding: 1px 4px;
    border-radius: 4px;
    font-weight: 600;
    text-align: center;
    color: #fff;
}

.day-available[b-donrsrlu6f] {
    background-color: #008000;
}

.day-busy[b-donrsrlu6f] {
    background-color: #ff9907;
}

@media (min-width: 800px) {
    .book-again[b-donrsrlu6f] {
        padding: 12px;
    }


    .file-li .danger-btn[b-donrsrlu6f] {
        width: 112px;
    }

    .file-type[b-donrsrlu6f] {
        text-align: left;
    }
    .file-name[b-donrsrlu6f] {
        text-align: left;
        margin-bottom: unset;
    }

    .file-li > div[b-donrsrlu6f] {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        align-items: center;
    }

    .form-input-group[b-donrsrlu6f] {
        display: flex;
        gap: 12px;
        justify-content: space-around;
    }

    .file-upload-btn[b-donrsrlu6f] {
        width: unset;
        margin: unset;
    }
    .input-field-wrapper[b-donrsrlu6f] {
        flex-grow: 1;
    }

    .three-quarters-element[b-donrsrlu6f] {
        max-width: 32%;
    }

    .input-field-wrapper.appointment-date-input[b-donrsrlu6f] {
        max-width: 24%;
    }

    .termin-modal-content[b-donrsrlu6f] {
        border-radius: 8px;
        padding: 20px 12px;
    }

    .hous-nr[b-donrsrlu6f] {
        display: inline;
    }

    .address-inputs > div:last-child[b-donrsrlu6f],
    .address-field-names > div:last-child[b-donrsrlu6f] {
        width: 128px;
    }

    .visit-card[b-donrsrlu6f] {
        margin: 4px 4px 12px 4px;
        -webkit-box-shadow: 5px 5px 7px -1px rgba(0,0,0,0.37);
        box-shadow: 5px 5px 7px -1px rgba(0,0,0,0.37);
    }

    .visit-card-header[b-donrsrlu6f] {
        padding: 12px 8px 4px 8px;
    }

    .visit-card-body > div:first-child[b-donrsrlu6f] {
        padding: 4px 8px 0px 8px;
    }

    .visit-card-person[b-donrsrlu6f] {
        font-size: 20px;
        font-weight: 500;
    }

    .visit-card-appointment-location[b-donrsrlu6f],
    .visit-card-appointment-type[b-donrsrlu6f] {
        font-size: 18px;
    }

    .insurance-radio-btns[b-donrsrlu6f] {
        flex-direction: row;
        justify-content: space-around;
    }

    .booked-message[b-donrsrlu6f] {
        flex-direction: row;
        align-items: center;
        padding: 12px;
    }
}
/* /Components/TimerComponent.razor.rz.scp.css */
.timer-wrapper[b-tkz2v8edem] {
    display: inline-block;
}
.time[b-tkz2v8edem] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2px;
}
.time-left[b-tkz2v8edem],
.time-period[b-tkz2v8edem] {
    color: #004881;
    font-weight: 600;
}
/* /Components/ToastMessage.razor.rz.scp.css */
.toast-message[b-igk01e4p3d] {
    display: none;
    position: fixed;
    z-index: 1000;
    min-width: 200px;
    max-width: 700px;
    bottom: 32px;
    right: 32px;
    border-radius: 8px;
    color: #fff;
    min-height: unset;
}

.toast-icon[b-igk01e4p3d] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.75rem .5rem;
    font-size: 2rem;
    min-height: unset;
}

.toast-body[b-igk01e4p3d] {
    min-height: unset;
}

    .toast-body p[b-igk01e4p3d] {
        margin-bottom: 0;
    }

.toast-visible[b-igk01e4p3d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: fadein-b-igk01e4p3d 1.5s;
    left: 50%;
    bottom: 50%;
    margin-right: -56%;
    transform: translate(-50%, 50%);
    min-height: unset;
}

@keyframes fadein-b-igk01e4p3d {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media only screen and (min-width: 600px) {
    .toast-visible[b-igk01e4p3d] {
        flex-direction: row;
        bottom: 46px;
        right: 20px;
        top: unset;
        left: unset;
        margin-right: unset;
        transform: unset;
    }

    .toast-message[b-igk01e4p3d] {
        flex-direction: row;
        flex: 1;
        padding: 1.5rem;
    }

    .toast-body[b-igk01e4p3d] {
        padding-left: 1rem;
    }

    .toast-icon[b-igk01e4p3d] {
        padding: 0 1rem;
        font-size: 2.5rem;
    }
}
/* /Components/Umfrage/UmfrageComponent.razor.rz.scp.css */
.score-main-page[b-sca54su1nf] {
    min-height: 100%;
    background-color: var(--score-background-color);
    background: linear-gradient(90deg, var(--score-background-color) 21px, transparent 1%) center, linear-gradient(var(--score-background-color) 21px, transparent 1%) center, #a799cc;
    background-size: 22px 22px;
}

.score-main-wrapper[b-sca54su1nf] {
    max-width: 900px;
    margin: auto;
}

.page-title[b-sca54su1nf],
.score-tittle[b-sca54su1nf] {
    padding: 6px;
    margin: unset;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.page-title[b-sca54su1nf] {
    position: relative;
    margin-bottom: 8px;
    top: 20px;
    border-top: 1px solid #fff;
    font-weight: 900;
    text-transform: uppercase;
}

    .page-title span[b-sca54su1nf] {
        display: block;
        position: relative;
        top: -18px;
        padding: 2px 5px;
        margin: 0 auto;
        width: 120px;
        background: #fff;
        color: #000;
        text-decoration: none;
        font-size: 16px;
        text-align: center;
        border-radius: 8px;
    }


.score-wrapper[b-sca54su1nf] {
    margin-bottom: 12px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 13px 5px #132238;
    box-shadow: 5px 5px 13px 5px #132238;
}

.score-tittle[b-sca54su1nf],
.score-view-tittle[b-sca54su1nf] {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 900;
}
.score-tittle[b-sca54su1nf] {
    color: var(--score-title-color);
}
.score-view-tittle[b-sca54su1nf] {
    color: #002c4f;
    text-align: center;
}

.score-info[b-sca54su1nf] {
    padding: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #c8f3ff;
}

.score-view-info[b-sca54su1nf] {
    padding: 8px 4px;
    background-color: #ececec;
}

.toggle-descr-btn[b-sca54su1nf] {
    color: #0066ff;
    font-weight: 600;
}

.score-question[b-sca54su1nf] {
    padding: 12px 12px 20px 12px;
}

.question-text[b-sca54su1nf] {
    color: var(--score-question-color);
    font-weight: 900;
    font-size: 18px;
}

.question-description[b-sca54su1nf] {
    font-style: italic;
}
.question-info[b-sca54su1nf] {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    margin-top: 22px;
}

    .question-icon-wrapper > span[b-sca54su1nf] {
        font-size: 26px;
        color: var(--score-question-color);
    }

.question[b-sca54su1nf] {
    flex-grow: 1;
}

.radio-btn-group[b-sca54su1nf] {
    margin-bottom: 10px;
}

.radio-answer-label > i[b-sca54su1nf] {
    margin: 0 4px;
    color: var(--score-question-color);
}

.radio-question-text[b-sca54su1nf],
.check-box-text[b-sca54su1nf] {
    color: var(--score-question-color);
}

.radio-answer-label[b-sca54su1nf] {
    margin-left: 3px;
    font-weight: 700;
}

.check-box-text[b-sca54su1nf] {
    font-weight: 700;
}

.answer-required-error[b-sca54su1nf],
.score-post-err[b-sca54su1nf] {
    margin-top: 4px;
    color: #ed0000;
    font-weight: 500;
}

.question-answers[b-sca54su1nf] {
    margin: 12px auto;
}

.answer-hint[b-sca54su1nf] {
    font-style: italic;
}

.radio-answer-description[b-sca54su1nf] {
    margin-left: 6px;
    font-style: italic;
    font-weight: 400;
    color: #686868;
}

.answer-hint > span[b-sca54su1nf] {
    color: var(--score-title-color);
    font-weight: 600;
}

.answer[b-sca54su1nf] {
    margin-top: 12px;
}

.rating-answer-card[b-sca54su1nf] {
    display: flex;
    align-items: center;
    border: 2px solid #f3f3f3;
    border-radius: 8px;
    cursor: pointer;
    color: #fff;
    background-color: #697383;
}

.rating-answer-icon[b-sca54su1nf] {
    padding: 12px;
}

.rating-answer[b-sca54su1nf] {
    padding: 12px 12px 12px 0;
}

.rating-answer-icon > span[b-sca54su1nf] {
    font-size: 24px;
}

.rating-answer-text[b-sca54su1nf] {
    font-weight: 600;
    font-size: 18px;
}

.rating-answer-description[b-sca54su1nf] {
    font-style: italic;
}

.selected-rating[b-sca54su1nf] {
    background-color: var(--score-primary-btn);
}

.rating-answer[b-sca54su1nf] {
    flex-grow: 2;
}

label.number-input[b-sca54su1nf],
label.date-input[b-sca54su1nf],
label.text-input[b-sca54su1nf],
.file-input[b-sca54su1nf] {
    font-style: italic;
    font-weight: 500;
}

textarea.text-input[b-sca54su1nf] {
    border-radius: 8px;
}

.question-btns[b-sca54su1nf] {
    text-align: right;
}

.f-question-btns[b-sca54su1nf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 18px;
}

.score-post-err[b-sca54su1nf] {
    margin-top: 18px auto;
    text-align: center;
}

.answer-required-hint[b-sca54su1nf] {
    text-align: center;
    font-style: italic;
    color: var(--title-primary-color);
}

.survey-done[b-sca54su1nf] {
    margin: 20px auto 30px auto;
    text-align: center;
}

.no-more-questions[b-sca54su1nf] {
    margin-bottom: 20px;
}

.survey-done-msg[b-sca54su1nf] {
    padding: 16px;
    text-align: center;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    background-color: whitesmoke;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.1);
}

    .survey-done-msg > h5[b-sca54su1nf],
    .survey-done-msg > h6[b-sca54su1nf] {
        color: var(--score-title-color);
    }

.p-answer-input[b-sca54su1nf] {
    border-radius: 8px;
    text-align: center;
    width: 100%;
}

.text-input-answer > textarea[b-sca54su1nf] {
    border-radius: 8px;
}

.multi-answers-input-group[b-sca54su1nf] {
    margin-bottom: 10px;
}

    .multi-answers-input-group > label[b-sca54su1nf] {
        margin-left: 8px;
    }

.answer-li[b-sca54su1nf] {
    margin-bottom: 12px;
}


.back-question-btn[b-sca54su1nf],
.save-suvrey-btn[b-sca54su1nf],
.next-question-btn[b-sca54su1nf],
.error-back-btn[b-sca54su1nf],
.next-question-view-btn[b-sca54su1nf] {
    border: none;
    border-radius: 8px;
    color: var(--button-text-color);
    font-size: 1.0rem;
    text-align: center;
    padding: 6px 10px;
    -webkit-box-shadow: 6px 10px 20px -10px #3e4684;
    box-shadow: 6px 10px 20px -10px #3e4684;
}

    .back-question-btn:hover[b-sca54su1nf],
    .save-suvrey-btn:hover[b-sca54su1nf],
    .next-question-btn:hover[b-sca54su1nf],
    .error-back-btn:hover[b-sca54su1nf],
    .next-question-view-btn:hover[b-sca54su1nf] {
        background-color: var(--button-primary-hover-color);
        color: var(--button-text-color);
    }

.save-suvrey-btn[b-sca54su1nf] {
    background-color: var(--score-primary-btn);
}

.next-question-btn[b-sca54su1nf] {
    background-color: var(--score-primary-btn);
}

.view-btn[b-sca54su1nf] {
    padding: 2px 4px;
}

.next-question-view-btn[b-sca54su1nf] {
    padding: 2px 4px;
    background-color: #3b547e;
}

.back-question-btn[b-sca54su1nf],
.error-back-btn[b-sca54su1nf] {
    background-color: var(--score-secondary-btn);
}

.error-back-btn[b-sca54su1nf] {
    margin-top: 18px;
}

    .error-back-btn > span[b-sca54su1nf] {
        margin-right: 4px;
    }

.initial-error[b-sca54su1nf] {
    background-color: #fff;
    padding: 20px 12px 14px 12px;
    text-align: center;
    border-radius: 8px;
    margin: 36px 8px;
}

    .initial-error > p[b-sca54su1nf] {
        color: var(--text-danger-color);
        font-weight: 500;
    }

@media screen and (min-width: 600px) {
    .page-title[b-sca54su1nf] {
        padding-top: 12px;
        font-size: 20px;
    }

        .page-title > span[b-sca54su1nf] {
            top: -26px;
        }

    .rating-question-wrapper[b-sca54su1nf] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .rating-answer-card[b-sca54su1nf] {
        flex-shrink: 1;
        flex-basis: calc(50% - 4px);
    }

    .num-input-answer[b-sca54su1nf] {
        max-width: 200px;
    }

    .date-input-answer[b-sca54su1nf] {
        max-width: 200px;
    }

    .score-main-wrapper[b-sca54su1nf] {
        padding: 12px;
    }

    .score-question[b-sca54su1nf] {
        padding: 20px;
    }

    .f-question-btns[b-sca54su1nf] {
        margin-top: 26px;
    }
}

.question-redirect-hint[b-sca54su1nf] {
    margin-top: 26px;
}

.question-redirect-hint[b-sca54su1nf] {
    margin-top: 8px;
    font-style: italic;
}

.survey-btns-wrapper[b-sca54su1nf] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    gap: 20px;
}

    .survey-btns-wrapper > button[b-sca54su1nf] {
        flex-grow: 1;
        flex-basis: 25%;
    }

.survey-action-btns[b-sca54su1nf] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    z-index: 2;
    margin: 8px 0 12px 0;
    padding: 0 4px;
}

@media screen and (min-width: 418px) {
    .survey-action-btns[b-sca54su1nf] {
        flex-direction: row;
        justify-content: space-between;
    }

    .survey-action-btns[b-sca54su1nf] {
        margin: 0 0 12px 0;
    }

    .page-title[b-sca54su1nf] {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 600px) {
    .survey-action-btns[b-sca54su1nf] {
        padding: 0;
    }
}

.icon-left[b-sca54su1nf] {
    top: 2px;
    margin-right: 6px;
}

.icon-right[b-sca54su1nf] {
    top: 2px;
    margin-left: 6px;
}

.link-btn-icon[b-sca54su1nf] {
    margin-right: 6px;
}

.survey-skeleton[b-sca54su1nf] {
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
}

.survey-title-skeleton[b-sca54su1nf],
.survey-skeleton-progress[b-sca54su1nf],
.survey-title-skeleton-btn[b-sca54su1nf],
.survey-skeleton-question[b-sca54su1nf],
.survey-skeleton-question-description[b-sca54su1nf] {
    border-radius: 8px;
    text-align: center;
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

.survey-title-skeleton[b-sca54su1nf] {
    padding: 20px 12px;
}

.survey-title-skeleton-row-one[b-sca54su1nf], .survey-title-skeleton-row-two[b-sca54su1nf] {
    border-radius: 8px;
    background-color: #fff;
}

.survey-title-skeleton-row-one[b-sca54su1nf] {
    display: inline-block;
    margin-bottom: 12px;
    width: 260px;
    height: 28px;
}

.survey-title-skeleton-row-two[b-sca54su1nf] {
    border-radius: 8px;
    background-color: #fff;
    height: 28px;
}

.survey-skeleton-progress[b-sca54su1nf] {
    margin-bottom: 12px;
    padding: 2px;
    color: #fff;
    font-weight: 900;
}

.survey-skeleton-body[b-sca54su1nf] {
    padding: 12px;
    background-color: #fff;
}

.survey-title-skeleton-btn[b-sca54su1nf] {
    padding: 14px;
}

.survey-skeleton-question[b-sca54su1nf],
.survey-skeleton-question-description[b-sca54su1nf] {
    display: inline-block;
    padding: 14px;
    margin-bottom: 12px;
}

.survey-skeleton-question[b-sca54su1nf] {
    width: 60%;
}

.survey-skeleton-question-description[b-sca54su1nf] {
    width: 90%;
}

/* Modal Content */
.del-cache-modal[b-sca54su1nf] {
    position: fixed;
    z-index: 10;
    padding: 90px 6px 0 6px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.del-modal-content > img[b-sca54su1nf] {
    max-height: 80px;
}

.del-modal-content[b-sca54su1nf] {
    margin: auto;
    padding: 20px 8px;
    max-width: 500px;
    border: 1px solid #888;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
}

.modal-del-account-hint[b-sca54su1nf] {
    margin: 12px 0;
    font-weight: 600;
    color: var(--dark-blue-title-color);
}

.undo-icon[b-sca54su1nf],
.trash-icon[b-sca54su1nf] {
    margin-right: 8px;
    top: 2px;
}

.del-account-btn-wrapper[b-sca54su1nf] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

    .del-account-btn-wrapper > button[b-sca54su1nf] {
        flex-basis: 50%;
    }

.file-type[b-sca54su1nf] {
    display: block;
    color: #374151;
    font-weight: 500;
}

.file-name[b-sca54su1nf] {
    display: block;
    margin-bottom: 8px;
    font-style: italic;
}

.file-upload-btn[b-sca54su1nf] {
    position: relative;
    padding: 0 8px;
    margin-top: 12px;
    width: 100%;
}

.file-input-answer[b-sca54su1nf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    flex-grow: 1;
    padding: 8px;
    position: relative;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #ced4da;
}
    .file-input-answer .danger-btn[b-sca54su1nf] {
        padding: 0 8px;
        min-width: 112px;
    }

    .file-input-answer > div:last-child[b-sca54su1nf] {
        width: 100%;
    }

    .optional-input[b-sca54su1nf] {
        color: grey;
        font-weight: 400;
        font-style: italic;
    }


.answer-description[b-sca54su1nf] {
    margin-left: 4px;
}

.survey-done > .fa[b-sca54su1nf] {
    font-size: 100px;
    color: #3b547e;
}

.dx-checkbox-style[b-sca54su1nf] {
    display: flex;
    align-items: center;
}

.scale-question-wrapper[b-sca54su1nf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 18px;
}

    .scale-question-wrapper .scale-answer-card.selected-scale-rating[b-sca54su1nf] {
        font-weight: 600;
        color: #000e5e;
    }

    .scale-question-wrapper .scale-answer-card .scale-answer[b-sca54su1nf] {
        width: 100px;
    }

    .scale-question-wrapper .scale-answer-card .scale-answer-icon[b-sca54su1nf],
    .scale-question-wrapper .scale-answer-card .scale-answer[b-sca54su1nf] {
        text-align: center;
        cursor: pointer;
    }

    .scale-question-wrapper .scale-answer-card .scale-answer[b-sca54su1nf] {
        font-style: italic;
    }

@media (min-width: 800px) {
    .file-type[b-sca54su1nf] {
        text-align: left;
    }

    .file-name[b-sca54su1nf] {
        text-align: left;
        margin-bottom: unset;
    }

    .file-upload-btn[b-sca54su1nf] {
        width: unset;
        margin: unset;
    }
    .file-input-answer[b-sca54su1nf] {
        flex-direction: row;
    }
        .file-input-answer > div:last-child[b-sca54su1nf] {
            width: unset;
        }

}
/* /Components/Vitalwerte/AtemfrequenzComponent.razor.rz.scp.css */
.vw-wrapper[b-y2czfkmrfu] {
    margin-bottom: 8px;
    padding: 2px;
}

.vw-form-wrapper[b-y2czfkmrfu] {
    margin: 8px auto 18px auto;
}

.vw-form-inner[b-y2czfkmrfu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 8px auto 18px auto;
}

.vw-input-wrapper[b-y2czfkmrfu] {
    position: relative;
    border: 1px solid #c1c1c1;
    border-radius: 8px;
}

.vw-input[b-y2czfkmrfu] {
    text-align: center;
    border: none;
    border-radius: 8px;
}

.vw-submit-btn[b-y2czfkmrfu] {
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

.vitalwert-data[b-y2czfkmrfu] {
    padding: 0 4px;
    margin-bottom: 8px;
    line-height: 1.3;
    text-align: center;
}

.vw-form-title[b-y2czfkmrfu] {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: var(--dark-blue-title-color);
}

.vitalwert-description[b-y2czfkmrfu] {
    font-style: italic;
}

.period-btns-wrapper[b-y2czfkmrfu] {
    display: flex;
    justify-content: space-around;
    gap: 2px;
    margin: 6px auto 12px auto;
}

    .period-btns-wrapper > button[b-y2czfkmrfu] {
        flex-shrink: 1;
        flex-grow: 1;
    }

.vw-card[b-y2czfkmrfu] {
    margin-bottom: 6px;
    padding: 6px;
    border-radius: 8px;
    background-color: #f7faff;
    text-align: justify;
    color: var(--dark-blue-title-color);
    border: 1px solid #dae9ff;
}

.vw-date[b-y2czfkmrfu] {
    background-color: #d29d00;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
}

.vw-value[b-y2czfkmrfu] {
    background-color: #fff;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
    background-color: #C08B3F;
}

.my-vw[b-y2czfkmrfu] {
    text-align: center;
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 20px;
}

.current-period[b-y2czfkmrfu] {
    text-align: center;
    font-weight: 500;
    font-style: italic;
}

.no-vw[b-y2czfkmrfu] {
    padding: 12px;
    text-align: center;
}

    .no-vw > img[b-y2czfkmrfu] {
        max-height: 120px;
    }

    .no-vw > p[b-y2czfkmrfu] {
        font-size: 18px;
        font-weight: 500;
        font-style: italic;
    }

.vw-loading-error[b-y2czfkmrfu] {
    padding: 20px 12px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-danger-color);
}

.vw-chart[b-y2czfkmrfu] {
    margin-bottom: 18px;
}

.navigation-nav-wrapper[b-y2czfkmrfu] {
    margin: 12px auto;
}

.nav-btn[b-y2czfkmrfu] {
    background-color: #4F82DC;
    color: #fff;
}

.nav-curr-page[b-y2czfkmrfu] {
    font-weight: 900;
    color: var(--dark-blue-title-color);
}

@media (min-width: 556px) {
    .vw-wrapper[b-y2czfkmrfu] {
        padding: 8px;
    }
}

@media (max-width: 379px) {
    .vw-name[b-y2czfkmrfu] {
        display: none;
    }

    .vw-value[b-y2czfkmrfu] {
        margin-left: 12px;
    }
}

@media (min-width: 800px) {
    .vw-form-inner[b-y2czfkmrfu] {
        flex-direction: row-reverse;
        gap: 12px;
        align-items: center;
        justify-content: center;
    }

    .vitalwert-data[b-y2czfkmrfu] {
        max-width: 66%;
        margin-bottom: unset;
        text-align: left;
    }

    .vw-input-wrapper[b-y2czfkmrfu] {
        flex-basis: 33%;
    }
}
/* /Components/Vitalwerte/BlutdruckComponent.razor.rz.scp.css */
.vw-wrapper[b-tz6qrmmksp] {
    margin-bottom: 8px;
    padding: 2px;
}

.vw-form-wrapper[b-tz6qrmmksp] {
    margin: 8px auto 18px auto;
}

.vw-form-inner[b-tz6qrmmksp] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.inputs-wrapper[b-tz6qrmmksp] {
    display: flex;    
}
.vw-s-input[b-tz6qrmmksp],
.vw-d-input[b-tz6qrmmksp] {
    text-align: center;
}

.vw-input-wrapper[b-tz6qrmmksp] {
    padding: 0 12px;
}
.inputs-wrapper > div[b-tz6qrmmksp] {
    text-align: center;
}

.inputs-wrapper > div > label[b-tz6qrmmksp] {
    font-style: italic;
}

.inputs-delimiter[b-tz6qrmmksp] {
    padding: 2px;
    background-color: #7D1804;
    height: 38px;
}

.vw-submit-btn[b-tz6qrmmksp] {
    width: 100%;
}

.vitalwert-data[b-tz6qrmmksp] {
    padding: 0 4px;
    margin-bottom: 8px;
    line-height: 1.3;
    text-align: center;
}

.vw-form-title[b-tz6qrmmksp] {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: var(--dark-blue-title-color);
}

.vitalwert-description[b-tz6qrmmksp] {
    font-style: italic;
}

.period-btns-wrapper[b-tz6qrmmksp] {
    display: flex;
    justify-content: space-around;
    gap: 2px;
    margin: 6px auto 12px auto;
}

    .period-btns-wrapper > button[b-tz6qrmmksp] {
        flex-shrink: 1;
        flex-grow: 1;
    }

.vw-card[b-tz6qrmmksp] {
    margin-bottom: 6px;
    padding: 6px;
    border-radius: 8px;
    background-color: #f7faff;
    text-align: justify;
    color: var(--dark-blue-title-color);
    border: 1px solid #dae9ff;
}

.vw-date[b-tz6qrmmksp] {
    background-color: #55003e;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
}

.vw-s-value[b-tz6qrmmksp],
.vw-d-value[b-tz6qrmmksp] {
    padding: 2px 6px;
    font-weight: 600;
    color: #fff;
}
.vw-s-value[b-tz6qrmmksp] {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #7D1804;
}
.vw-d-value[b-tz6qrmmksp] {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #E8570C;
}

.sys-label[b-tz6qrmmksp] {
    color: #7D1804;
}
.dias-label[b-tz6qrmmksp] {
    color: #E8570C;
}


.my-vw[b-tz6qrmmksp] {
    text-align: center;
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 20px;
}

.current-period[b-tz6qrmmksp] {
    text-align: center;
    font-weight: 500;
    font-style: italic;
}

.no-vw[b-tz6qrmmksp] {
    padding: 12px;
    text-align: center;
}

    .no-vw > img[b-tz6qrmmksp] {
        max-height: 120px;
    }

    .no-vw > p[b-tz6qrmmksp] {
        font-size: 18px;
        font-weight: 500;
        font-style: italic;
    }

.vw-loading-error[b-tz6qrmmksp] {
    padding: 20px 12px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-danger-color);
}

.vw-chart[b-tz6qrmmksp] {
    margin-bottom: 18px;
}

.navigation-nav-wrapper[b-tz6qrmmksp] {
    margin: 12px auto;
}

.nav-btn[b-tz6qrmmksp] {
    background-color: #4F82DC;
    color: #fff;
}

.nav-curr-page[b-tz6qrmmksp] {
    font-weight: 900;
    color: var(--dark-blue-title-color);
}

.blood-pressure[b-tz6qrmmksp] {
    display: inline-block;
}

.form-errors[b-tz6qrmmksp] {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.vw-s-input[b-tz6qrmmksp] {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}
.vw-d-input[b-tz6qrmmksp] {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
}

@media (min-width: 556px) {
    .vw-wrapper[b-tz6qrmmksp] {
        padding: 8px;
    }
}

@media (max-width: 379px) {
    .vw-name[b-tz6qrmmksp] {
        display: none;
    }

    .vw-value[b-tz6qrmmksp] {
        margin-left: 12px;
    }
}

@media (min-width: 630px) {
    .vw-submit-btn[b-tz6qrmmksp] {
        width: unset;
    }
    .vw-input-wrapper[b-tz6qrmmksp] {
        display: flex;
    }
    .vw-submit-btn[b-tz6qrmmksp] {
        height: 38px;
        border-top-left-radius: unset;
        border-bottom-left-radius: unset;
    }

    .vw-d-input[b-tz6qrmmksp] {
        border-top-right-radius: unset !important;
        border-bottom-right-radius: unset !important;
    }

    .form-errors[b-tz6qrmmksp] {
        padding-right: 100px;
    }
}

@media (min-width: 800px) {
    .vitalwert-data[b-tz6qrmmksp] {
        max-width: 66%;
        margin-bottom: 12px;
    }
}



/* /Components/Vitalwerte/BlutzuckerComponent.razor.rz.scp.css */
.vw-wrapper[b-o47v53bye2] {
    margin-bottom: 8px;
    padding: 2px;
}

.vw-form-wrapper[b-o47v53bye2] {
    margin: 8px auto 18px auto;
}

.vw-form-inner[b-o47v53bye2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 8px auto 18px auto;
}

.vw-input-wrapper[b-o47v53bye2] {
    position: relative;
    border: 1px solid #c1c1c1;
    border-radius: 8px;
}

.vw-input[b-o47v53bye2] {
    text-align: center;
    border: none;
    border-radius: 8px;
}

.vw-submit-btn[b-o47v53bye2] {
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

.vitalwert-data[b-o47v53bye2] {
    padding: 0 4px;
    margin-bottom: 8px;
    line-height: 1.3;
    text-align: center;
}

.vw-form-title[b-o47v53bye2] {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: var(--dark-blue-title-color);
}

.vitalwert-description[b-o47v53bye2] {
    font-style: italic;
}

.period-btns-wrapper[b-o47v53bye2] {
    display: flex;
    justify-content: space-around;
    gap: 2px;
    margin: 6px auto 12px auto;
}

    .period-btns-wrapper > button[b-o47v53bye2] {
        flex-shrink: 1;
        flex-grow: 1;
    }

.vw-card[b-o47v53bye2] {
    margin-bottom: 6px;
    padding: 6px;
    border-radius: 8px;
    background-color: #f7faff;
    text-align: justify;
    color: var(--dark-blue-title-color);
    border: 1px solid #dae9ff;
}

.vw-date[b-o47v53bye2] {
    background-color: #ab7268;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
}

.vw-value[b-o47v53bye2] {
    background-color: #fff;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
    background-color: #731503;
}

.my-vw[b-o47v53bye2] {
    text-align: center;
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 20px;
}

.current-period[b-o47v53bye2] {
    text-align: center;
    font-weight: 500;
    font-style: italic;
}

.no-vw[b-o47v53bye2] {
    padding: 12px;
    text-align: center;
}

    .no-vw > img[b-o47v53bye2] {
        max-height: 120px;
    }

    .no-vw > p[b-o47v53bye2] {
        font-size: 18px;
        font-weight: 500;
        font-style: italic;
    }

.vw-loading-error[b-o47v53bye2] {
    padding: 20px 12px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-danger-color);
}

.vw-chart[b-o47v53bye2] {
    margin-bottom: 18px;
}

.navigation-nav-wrapper[b-o47v53bye2] {
    margin: 12px auto;
}

.nav-btn[b-o47v53bye2] {
    background-color: #4F82DC;
    color: #fff;
}

.nav-curr-page[b-o47v53bye2] {
    font-weight: 900;
    color: var(--dark-blue-title-color);
}

@media (min-width: 556px) {
    .vw-wrapper[b-o47v53bye2] {
        padding: 8px;
    }
}

@media (max-width: 379px) {
    .vw-name[b-o47v53bye2] {
        display: none;
    }

    .vw-value[b-o47v53bye2] {
        margin-left: 12px;
    }
}

@media (min-width: 800px) {
    .vw-form-inner[b-o47v53bye2] {
        flex-direction: row-reverse;
        gap: 12px;
        align-items: center;
        justify-content: center;
    }

    .vitalwert-data[b-o47v53bye2] {
        max-width: 66%;
        margin-bottom: unset;
        text-align: left;
    }

    .vw-input-wrapper[b-o47v53bye2] {
        flex-basis: 33%;
    }
}
/* /Components/Vitalwerte/KoerpergewichtComponent.razor.rz.scp.css */
.vw-wrapper[b-blm4qw2ijq] {
    margin-bottom: 8px;
    padding: 2px;
}

.vw-form-wrapper[b-blm4qw2ijq] {
    margin: 8px auto 18px auto;
}

.vw-form-inner[b-blm4qw2ijq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 8px auto 18px auto;
}

.vw-input-wrapper[b-blm4qw2ijq] {
    position: relative;
    border: 1px solid #c1c1c1;
    border-radius: 8px;
}

.vw-input[b-blm4qw2ijq] {
    text-align: center;
    border: none;
    border-radius: 8px;
}

.vw-submit-btn[b-blm4qw2ijq] {
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

.vitalwert-data[b-blm4qw2ijq] {
    padding: 0 4px;
    margin-bottom: 8px;
    line-height: 1.3;
    text-align: center;
}

.vw-form-title[b-blm4qw2ijq] {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: var(--dark-blue-title-color);
}

.vitalwert-description[b-blm4qw2ijq] {
    font-style: italic;
}

.period-btns-wrapper[b-blm4qw2ijq] {
    display: flex;
    justify-content: space-around;
    gap: 2px;
    margin: 6px auto 12px auto;
}

.period-btns-wrapper > button[b-blm4qw2ijq] {
    flex-shrink: 1;
    flex-grow: 1;
}

.vw-card[b-blm4qw2ijq] {
    margin-bottom: 6px;
    padding: 6px;
    border-radius: 8px;
    background-color: #f7faff;
    text-align: justify;
    color: var(--dark-blue-title-color);
    border: 1px solid #dae9ff;
}

.vw-date[b-blm4qw2ijq] {
    background-color: #5695c6;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
}

.vw-value[b-blm4qw2ijq] {
    background-color: #fff;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: var(--dark-blue-title-color);
    background-color: #D1FEE9;
}

.my-vw[b-blm4qw2ijq] {
    text-align: center;
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 20px;
}

.current-period[b-blm4qw2ijq] {
    text-align: center;
    font-weight: 500;
    font-style: italic;
}

.no-vw[b-blm4qw2ijq] {
    padding: 12px;
    text-align: center;
}

.no-vw > img[b-blm4qw2ijq] {
    max-height: 120px;
}

.no-vw > p[b-blm4qw2ijq] {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
}

.vw-loading-error[b-blm4qw2ijq] {
    padding: 20px 12px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-danger-color);
}

.vw-history[b-blm4qw2ijq] {
    margin-top: 18px;
}
.bmi-summary[b-blm4qw2ijq] {
    padding: 0 12px;
    margin-top: 12px;
}
.navigation-nav-wrapper[b-blm4qw2ijq] {
    margin: 12px auto;
}

.nav-btn[b-blm4qw2ijq] {
    background-color: #4F82DC;
    color: #fff;
}

.nav-curr-page[b-blm4qw2ijq] {
    font-weight: 900;
    color: var(--dark-blue-title-color);
}

.missing-body-height[b-blm4qw2ijq] {
    padding: 12px 6px 0 6px;
    font-weight: 500;
    text-align: center;
    color: var(--dark-blue-title-color)
}

@media (min-width: 556px) {
    .vw-wrapper[b-blm4qw2ijq] {
        padding: 8px;
    }
}

@media (max-width: 379px) {
    .vw-name[b-blm4qw2ijq] {
        display: none;
    }

    .vw-value[b-blm4qw2ijq] {
        margin-left: 12px;
    }
}

@media (min-width: 800px) {
    .vw-form-inner[b-blm4qw2ijq] {
        flex-direction: row-reverse;
        gap: 12px;
        align-items: center;
        justify-content: center;
    }
    .vitalwert-data[b-blm4qw2ijq] {
        max-width: 66%;
        margin-bottom: unset;
        text-align: left;
    }
    .vw-input-wrapper[b-blm4qw2ijq] {
        flex-basis: 33%;
    }
}
/* /Components/Vitalwerte/KoerpertemperaturComponent.razor.rz.scp.css */
.temperature-wrapper[b-bhnw17cpto] {
    margin-bottom: 8px;
    padding: 2px;
}
.temperature-form-wrapper[b-bhnw17cpto] {
    margin: 8px auto 18px auto;
}
.temperature-form-inner[b-bhnw17cpto] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 8px auto 18px auto;
}

.temperature-input-wrapper[b-bhnw17cpto] {
    position: relative;
    border: 1px solid #c1c1c1;
    border-radius: 8px;
}

.temp-input[b-bhnw17cpto] {
    text-align: center;
    max-width: 260px;
    border: none;
    border-radius: 8px;
}

.temperature-submit-btn[b-bhnw17cpto] {
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}
.vitalwert-data[b-bhnw17cpto] {
    margin-bottom: 8px;
    padding: 0 4px;
    line-height: 1.3;
}
.temperature-form-title[b-bhnw17cpto] {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: var(--dark-blue-title-color);
}
.vitalwert-description[b-bhnw17cpto] {
    font-style: italic;
}
.period-btns-wrapper[b-bhnw17cpto] {
    display: flex;
    justify-content: space-around;
    gap: 2px;
    margin: 6px auto 12px auto;
}

.period-btns-wrapper > button[b-bhnw17cpto] {
    flex-shrink: 1;
    flex-grow: 1;
}
.temperature-card[b-bhnw17cpto] {
    margin-bottom: 6px;
    padding: 6px;
    border-radius: 8px;
    background-color: #f7faff;
    text-align: justify;
    color: var(--dark-blue-title-color);
    border: 1px solid #dae9ff;
}
.temperature-date[b-bhnw17cpto] {
    background-color: #B52187;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
}

.temperature-degree[b-bhnw17cpto] {
    background-color: #fff;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: var(--dark-blue-title-color);
}

.temperature-normal[b-bhnw17cpto] {
    background-color: #c6ffe5;
}

.temperature-over[b-bhnw17cpto] {
    background-color: #ffd2d2;
}
.temperature-under[b-bhnw17cpto] {
    background-color: #bed8ff;
}
.temperature-history-header[b-bhnw17cpto] {
    padding: 1px;
}
.my-temperatures[b-bhnw17cpto] {
    text-align: center;
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 20px;
}
.current-period[b-bhnw17cpto] {
    text-align: center;
    font-weight: 500;
    font-style: italic;
}
.no-temperature[b-bhnw17cpto] {
    padding: 12px;
    text-align: center;
}
.no-temperature > img[b-bhnw17cpto] {
    max-height: 120px;
}

.no-temperature > p[b-bhnw17cpto] {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
}
.temperature-loading-error[b-bhnw17cpto] {
    padding: 20px 12px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-danger-color);
}
.temperature-chart[b-bhnw17cpto] {
    margin-bottom: 18px;
}
.navigation-nav-wrapper[b-bhnw17cpto] {
    margin: 12px auto;
}

.nav-btn[b-bhnw17cpto] {
    background-color: #4F82DC;
    color: #fff;
}

.nav-curr-page[b-bhnw17cpto] {
    font-weight: 900;
    color: var(--dark-blue-title-color);
}
@media (min-width: 556px) {
    .tempereture-wrapper[b-bhnw17cpto] {
        padding: 8px;
    }
    .temperature-form-inner[b-bhnw17cpto] {
        flex-direction: row-reverse;
        gap: 12px;
        align-items: center;
        justify-content: center;
    }
    .vitalwert-data[b-bhnw17cpto] {
        margin-bottom: unset
    }
}

@media (max-width: 379px) {
    .body-temperature[b-bhnw17cpto] {
        display: none;
    }
    .temperature-degree[b-bhnw17cpto] {
        margin-left:12px;
    }
}

/* /Components/Vitalwerte/PulsComponent.razor.rz.scp.css */
.vw-wrapper[b-1c3yvnr1a8] {
    margin-bottom: 8px;
    padding: 2px;
}

.vw-form-wrapper[b-1c3yvnr1a8] {
    margin: 8px auto 18px auto;
}

.vw-form-inner[b-1c3yvnr1a8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 8px auto 18px auto;
}

.vw-input-wrapper[b-1c3yvnr1a8] {
    position: relative;
    border: 1px solid #c1c1c1;
    border-radius: 8px;
}

.vw-input[b-1c3yvnr1a8] {
    text-align: center;
    border: none;
    border-radius: 8px;
}

.vw-submit-btn[b-1c3yvnr1a8] {
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

.vitalwert-data[b-1c3yvnr1a8] {
    padding: 0 4px;
    margin-bottom: 8px;
    line-height: 1.3;
    text-align: center;
}

.vw-form-title[b-1c3yvnr1a8] {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: var(--dark-blue-title-color);
}

.vitalwert-description[b-1c3yvnr1a8] {
    font-style: italic;
}

.period-btns-wrapper[b-1c3yvnr1a8] {
    display: flex;
    justify-content: space-around;
    gap: 2px;
    margin: 6px auto 12px auto;
}

    .period-btns-wrapper > button[b-1c3yvnr1a8] {
        flex-shrink: 1;
        flex-grow: 1;
    }

.vw-card[b-1c3yvnr1a8] {
    margin-bottom: 6px;
    padding: 6px;
    border-radius: 8px;
    background-color: #f7faff;
    text-align: justify;
    color: var(--dark-blue-title-color);
    border: 1px solid #dae9ff;
}

.vw-date[b-1c3yvnr1a8] {
    background-color: #b66080;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
}

.vw-value[b-1c3yvnr1a8] {
    background-color: #fff;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
    background-color: #b66080;
}

.my-vw[b-1c3yvnr1a8] {
    text-align: center;
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 20px;
}

.current-period[b-1c3yvnr1a8] {
    text-align: center;
    font-weight: 500;
    font-style: italic;
}

.no-vw[b-1c3yvnr1a8] {
    padding: 12px;
    text-align: center;
}

    .no-vw > img[b-1c3yvnr1a8] {
        max-height: 120px;
    }

    .no-vw > p[b-1c3yvnr1a8] {
        font-size: 18px;
        font-weight: 500;
        font-style: italic;
    }

.vw-loading-error[b-1c3yvnr1a8] {
    padding: 20px 12px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-danger-color);
}

.vw-chart[b-1c3yvnr1a8] {
    margin-bottom: 18px;
}

.navigation-nav-wrapper[b-1c3yvnr1a8] {
    margin: 12px auto;
}

.nav-btn[b-1c3yvnr1a8] {
    background-color: #4F82DC;
    color: #fff;
}

.nav-curr-page[b-1c3yvnr1a8] {
    font-weight: 900;
    color: var(--dark-blue-title-color);
}

@media (min-width: 556px) {
    .vw-wrapper[b-1c3yvnr1a8] {
        padding: 8px;
    }
}

@media (max-width: 379px) {
    .vw-name[b-1c3yvnr1a8] {
        display: none;
    }

    .vw-value[b-1c3yvnr1a8] {
        margin-left: 12px;
    }
}

@media (min-width: 800px) {
    .vw-form-inner[b-1c3yvnr1a8] {
        flex-direction: row-reverse;
        gap: 12px;
        align-items: center;
        justify-content: center;
    }

    .vitalwert-data[b-1c3yvnr1a8] {
        max-width: 66%;
        margin-bottom: unset;
        text-align: left;
    }

    .vw-input-wrapper[b-1c3yvnr1a8] {
        flex-basis: 33%;
    }
}
/* /Components/Vitalwerte/SauerstoffsaettigungComponent.razor.rz.scp.css */
.vw-wrapper[b-qp0kqs1je1] {
    margin-bottom: 8px;
    padding: 2px;
}

.vw-form-wrapper[b-qp0kqs1je1] {
    margin: 8px auto 18px auto;
}

.vw-form-inner[b-qp0kqs1je1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 8px auto 18px auto;
}

.vw-input-wrapper[b-qp0kqs1je1] {
    position: relative;
    border: 1px solid #c1c1c1;
    border-radius: 8px;
}

.vw-input[b-qp0kqs1je1] {
    text-align: center;
    border: none;
    border-radius: 8px;
}

.vw-submit-btn[b-qp0kqs1je1] {
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

.vitalwert-data[b-qp0kqs1je1] {
    padding: 0 4px;
    margin-bottom: 8px;
    line-height: 1.3;
    text-align: center;
}

.vw-form-title[b-qp0kqs1je1] {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: var(--dark-blue-title-color);
}

.vitalwert-description[b-qp0kqs1je1] {
    font-style: italic;
}

.period-btns-wrapper[b-qp0kqs1je1] {
    display: flex;
    justify-content: space-around;
    gap: 2px;
    margin: 6px auto 12px auto;
}

    .period-btns-wrapper > button[b-qp0kqs1je1] {
        flex-shrink: 1;
        flex-grow: 1;
    }

.vw-card[b-qp0kqs1je1] {
    margin-bottom: 6px;
    padding: 6px;
    border-radius: 8px;
    background-color: #f7faff;
    text-align: justify;
    color: var(--dark-blue-title-color);
    border: 1px solid #dae9ff;
}

.vw-date[b-qp0kqs1je1] {
    background-color: #5695c6;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
}

.vw-value[b-qp0kqs1je1] {
    background-color: #fff;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
    background-color: #7F5AEF;
}

.my-vw[b-qp0kqs1je1] {
    text-align: center;
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 20px;
}

.current-period[b-qp0kqs1je1] {
    text-align: center;
    font-weight: 500;
    font-style: italic;
}

.no-vw[b-qp0kqs1je1] {
    padding: 12px;
    text-align: center;
}

    .no-vw > img[b-qp0kqs1je1] {
        max-height: 120px;
    }

    .no-vw > p[b-qp0kqs1je1] {
        font-size: 18px;
        font-weight: 500;
        font-style: italic;
    }

.vw-loading-error[b-qp0kqs1je1] {
    padding: 20px 12px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-danger-color);
}

.vw-chart[b-qp0kqs1je1] {
    margin-bottom: 18px;
}

.navigation-nav-wrapper[b-qp0kqs1je1] {
    margin: 12px auto;
}

.nav-btn[b-qp0kqs1je1] {
    background-color: #4F82DC;
    color: #fff;
}

.nav-curr-page[b-qp0kqs1je1] {
    font-weight: 900;
    color: var(--dark-blue-title-color);
}

@media (min-width: 556px) {
    .vw-wrapper[b-qp0kqs1je1] {
        padding: 8px;
    }
}

@media (max-width: 379px) {
    .vw-name[b-qp0kqs1je1] {
        display: none;
    }

    .vw-value[b-qp0kqs1je1] {
        margin-left: 12px;
    }
}

@media (min-width: 800px) {
    .vw-form-inner[b-qp0kqs1je1] {
        flex-direction: row-reverse;
        gap: 12px;
        align-items: center;
        justify-content: center;
    }

    .vitalwert-data[b-qp0kqs1je1] {
        max-width: 66%;
        margin-bottom: unset;
        text-align: left;
    }

    .vw-input-wrapper[b-qp0kqs1je1] {
        flex-basis: 33%;
    }
}
/* /Components/Vitalwerte/SchlafComponent.razor.rz.scp.css */
.vw-wrapper[b-4i6rfpq9bg] {
    margin-bottom: 8px;
    padding: 2px;
}

.vw-form-wrapper[b-4i6rfpq9bg] {
    margin: 8px auto 18px auto;
}

.vw-form-inner[b-4i6rfpq9bg] {
    margin: 8px auto 18px auto;
}

.vw-name[b-4i6rfpq9bg] {
    margin-right: 4px;
    font-weight: 500;
}
.vw-note[b-4i6rfpq9bg] {
    margin-left: 6px;
    color: #6a6a6a;
}

.vw-input-wrapper[b-4i6rfpq9bg] {
    position: relative;
    border: 1px solid #c1c1c1;
    border-radius: 8px;
    background-color: #f6f6f6;
}

.hours-input[b-4i6rfpq9bg] {
    margin: 4px auto;
    text-align: center;
    border-radius: 8px;
}

.vw-submit-btn[b-4i6rfpq9bg] {
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

.vitalwert-data[b-4i6rfpq9bg] {
    padding: 0 4px;
    margin-bottom: 8px;
    line-height: 1.3;
    text-align: center;
}

.vw-form-title[b-4i6rfpq9bg] {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: var(--dark-blue-title-color);
}

.vitalwert-description[b-4i6rfpq9bg] {
    font-style: italic;
}

.period-btns-wrapper[b-4i6rfpq9bg] {
    display: flex;
    justify-content: space-around;
    gap: 2px;
    margin: 6px auto 12px auto;
}

    .period-btns-wrapper > button[b-4i6rfpq9bg] {
        flex-shrink: 1;
        flex-grow: 1;
    }

.vw-card[b-4i6rfpq9bg] {
    margin-bottom: 6px;
    padding: 6px;
    border-radius: 8px;
    background-color: #f7faff;
    color: var(--dark-blue-title-color);
    border: 1px solid #dae9ff;
}

.vw-date[b-4i6rfpq9bg] {
    background-color: #5695c6;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
}

.vw-value[b-4i6rfpq9bg] {
    margin-left: 2px;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
    background-color: #8056ca;
}

.vw-rating[b-4i6rfpq9bg] {
    display: inline-block;
    min-width: 92px;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: grey;
    background-color: #fff;
}

.my-vw[b-4i6rfpq9bg] {
    text-align: center;
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 20px;
}

.current-period[b-4i6rfpq9bg] {
    text-align: center;
    font-weight: 500;
    font-style: italic;
}

.no-vw[b-4i6rfpq9bg] {
    padding: 12px;
    text-align: center;
}

    .no-vw > img[b-4i6rfpq9bg] {
        max-height: 120px;
    }

    .no-vw > p[b-4i6rfpq9bg] {
        font-size: 18px;
        font-weight: 500;
        font-style: italic;
    }

.vw-loading-error[b-4i6rfpq9bg] {
    padding: 20px 12px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-danger-color);
}

.vw-chart[b-4i6rfpq9bg] {
    margin-bottom: 18px;
}

.navigation-nav-wrapper[b-4i6rfpq9bg] {
    margin: 12px auto;
}

.nav-btn[b-4i6rfpq9bg] {
    background-color: #4F82DC;
    color: #fff;
}

.nav-curr-page[b-4i6rfpq9bg] {
    font-weight: 900;
    color: var(--dark-blue-title-color);
}

.rating-star-icon[b-4i6rfpq9bg] {
    cursor: pointer;
    font-size: 24px;
}

.selected-rating-value[b-4i6rfpq9bg] {
    color: #EB6EB6;
}

.text-input-wrapper[b-4i6rfpq9bg] {
    margin-bottom: 6px;
    padding: 0 2px;
}
.select-rating[b-4i6rfpq9bg] {
    text-align: center;
}
.select-rating-box[b-4i6rfpq9bg] {
    padding: 4px 8px 2px 8px;
    border-radius: 8px;
    border: 1px solid #ced4da;
    background-color: #fff;
    color: grey;
}

.flex-input-values[b-4i6rfpq9bg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 6px 2px;
}

.flex-input-values > div[b-4i6rfpq9bg] {
    flex-basis: 50%;
}

.no-input-error[b-4i6rfpq9bg] {
    padding: 2px 12px 8px 12px;
    text-align: center;
    color: var(--text-danger-color);
    font-weight: 500;
}

@media (min-width: 556px) {
    .vw-wrapper[b-4i6rfpq9bg] {
        padding: 8px;
    }
}

@media (max-width: 391px) {
    .vw-name[b-4i6rfpq9bg] {
        display: none;
    }
}
/* /Components/Vitalwerte/SchmerzenComponent.razor.rz.scp.css */
.vw-wrapper[b-sbo7u8uwxa] {
    margin-bottom: 8px;
    padding: 2px;
}

.vw-form-wrapper[b-sbo7u8uwxa] {
    margin: 8px auto 18px auto;
}

.vw-form-inner[b-sbo7u8uwxa] {
    margin: 8px auto 18px auto;
}

.vw-name[b-sbo7u8uwxa] {
    margin-right: 4px;
    font-weight: 500;
}

.vw-note[b-sbo7u8uwxa] {
    margin-left: 6px;
    color: #6a6a6a;
}

.vw-input-wrapper[b-sbo7u8uwxa] {
    position: relative;
    border: 1px solid #c1c1c1;
    border-radius: 8px;
    background-color: #f6f6f6;
}

.vw-submit-btn[b-sbo7u8uwxa] {
    position: absolute;
    top: 0;
    right: 0;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

.vitalwert-data[b-sbo7u8uwxa] {
    padding: 0 4px;
    margin-bottom: 8px;
    line-height: 1.3;
    text-align: center;
}

.vw-form-title[b-sbo7u8uwxa] {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: var(--dark-blue-title-color);
}

.vitalwert-description[b-sbo7u8uwxa] {
    font-style: italic;
}

.period-btns-wrapper[b-sbo7u8uwxa] {
    display: flex;
    justify-content: space-around;
    gap: 2px;
    margin: 6px auto 12px auto;
}

    .period-btns-wrapper > button[b-sbo7u8uwxa] {
        flex-shrink: 1;
        flex-grow: 1;
    }

.vw-card[b-sbo7u8uwxa] {
    margin-bottom: 6px;
    padding: 6px;
    border-radius: 8px;
    background-color: #f7faff;
    color: var(--dark-blue-title-color);
    border: 1px solid #dae9ff;
}

.vw-date[b-sbo7u8uwxa] {
    background-color: #E96F49;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
}

.vw-value[b-sbo7u8uwxa] {
    margin-left: 2px;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
    background-color: #E96F49;
}

.my-vw[b-sbo7u8uwxa] {
    text-align: center;
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 20px;
}

.current-period[b-sbo7u8uwxa] {
    text-align: center;
    font-weight: 500;
    font-style: italic;
}

.no-vw[b-sbo7u8uwxa] {
    padding: 12px;
    text-align: center;
}

    .no-vw > img[b-sbo7u8uwxa] {
        max-height: 120px;
    }

    .no-vw > p[b-sbo7u8uwxa] {
        font-size: 18px;
        font-weight: 500;
        font-style: italic;
    }

.vw-loading-error[b-sbo7u8uwxa] {
    padding: 20px 12px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-danger-color);
}

.vw-chart[b-sbo7u8uwxa] {
    margin-bottom: 18px;
}

.navigation-nav-wrapper[b-sbo7u8uwxa] {
    margin: 12px auto;
}

.nav-btn[b-sbo7u8uwxa] {
    background-color: #4F82DC;
    color: #fff;
}

.nav-curr-page[b-sbo7u8uwxa] {
    font-weight: 900;
    color: var(--dark-blue-title-color);
}

.rating-star-icon[b-sbo7u8uwxa] {
    cursor: pointer;
    font-size: 24px;
}

.selected-rating-value[b-sbo7u8uwxa] {
    color: #703ccb;
}

.text-input-wrapper[b-sbo7u8uwxa] {
    margin-bottom: 6px;
    padding: 0 2px;
}

.select-rating[b-sbo7u8uwxa] {
    text-align: center;
}

.select-rating-box[b-sbo7u8uwxa] {
    padding: 4px 8px 2px 8px;
    border-radius: 8px;
    border: 1px solid #ced4da;
    background-color: #fff;
    color: grey;
}

.flex-input-values[b-sbo7u8uwxa] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 6px 2px;
}

    .flex-input-values > div[b-sbo7u8uwxa] {
        flex-basis: 50%;
    }

.no-input-error[b-sbo7u8uwxa] {
    padding: 2px 12px 8px 12px;
    text-align: center;
    color: var(--text-danger-color);
    font-weight: 500;
}

.vw-rating > i[b-sbo7u8uwxa] {
    position: relative;
    top: 4px;
    font-size: 26px;
    color: #fff;
    padding: 2px 3px 1px 3px;
    border-radius: 13px;
}

.vw-rating > i.no-pain[b-sbo7u8uwxa] {
    background-color: #3A8423;
}
.vw-rating > i.pain[b-sbo7u8uwxa] {
    background-color: #7ddc00;
}
.vw-rating > i.y-pain[b-sbo7u8uwxa] {
    background-color: #EBCF29;
}
.vw-rating > i.dy-pain[b-sbo7u8uwxa] {
    background-color: #DF9500;
}
.vw-rating > i.b-pain[b-sbo7u8uwxa] {
    background-color: #E95B52;
}
.vw-rating > i.s-pain[b-sbo7u8uwxa] {
    background-color: #E81889;
}
.vw-rating > i.p-pain[b-sbo7u8uwxa] {
    background-color: #EA00DE;
}

.note-icon[b-sbo7u8uwxa] {
    position: relative;
    top: 4px;
    font-size: 26px;
    color: var(--button-primary-color);
}

@media (min-width: 556px) {
    .vw-wrapper[b-sbo7u8uwxa] {
        padding: 8px;
    }
}

@media (max-width: 391px) {
    .vw-name[b-sbo7u8uwxa] {
        display: none;
    }
}


.slidecontainer[b-sbo7u8uwxa] {
    margin: 6px 2px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 8px;
}

.face-icons[b-sbo7u8uwxa] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    padding: 0 6px;
}
.face-icons > div[b-sbo7u8uwxa] {
    flex-basis: 33%;
}
.face-icons > div > i[b-sbo7u8uwxa] {
    font-size: 32px;
}

.face-icons > div:first-child[b-sbo7u8uwxa] {
    color: #3A8423;
}
.face-icons > div:nth-child(2)[b-sbo7u8uwxa] {
    text-align: center;
        color: #ff7003;
}
.face-icons > div:last-child[b-sbo7u8uwxa] {
    text-align: right;
    color: #EA00DE
}

input.slider:focus[b-sbo7u8uwxa] {
    outline: none;
}

input.slider[b-sbo7u8uwxa] {
    border-radius: 8px;
    background: #f6f6f6;
    background: linear-gradient(90deg, rgba(3,124,43,1) 0%, rgba(103,252,0,1) 12%, rgba(173,245,43,1) 24%, rgba(240,224,75,1) 35%, rgba(255,162,0,1) 46%, rgba(240,140,0,1) 56%, rgba(255,80,80,1) 69%, rgba(255,0,65,1) 81%, rgba(255,0,220,1) 94%);
}

.slider[b-sbo7u8uwxa] {
    -webkit-appearance: none;
    --range: calc(var(--max) - var(--min));
    --ratio: calc((var(--val) - var(--min))/var(--range));
    --sx: calc(.5*1.5em + var(--ratio)*(100% - 1.5em));
    margin: 0;
    padding: 0;
    width: 100%;
    height: 1.5em;
    background: transparent;
    font: 1em/1 arial, sans-serif;
    border: none;
}

.slider[b-sbo7u8uwxa], .slider[b-sbo7u8uwxa]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.slider[b-sbo7u8uwxa]::-webkit-slider-runnable-track {
    box-sizing: border-box;
    border: none;
    width: 12.5em;
    height: 0.5em;
    background: #ccc;
}

.slider[b-sbo7u8uwxa]::-webkit-slider-runnable-track {
    background: linear-gradient(#E96F49, #E96F49) 0/var(--sx) 100% no-repeat #ccc;
}

.slider[b-sbo7u8uwxa]::-moz-range-track {
    box-sizing: border-box;
    border: none;
    height: 0.5em;
    background: #ccc;
}

.slider[b-sbo7u8uwxa]::-ms-track {
    box-sizing: border-box;
    border: none;
    width: 12.5em;
    height: 0.5em;
    background: #ccc;
}

    .slider[b-sbo7u8uwxa]::-moz-range-progress {
        height: 0.5em;
        background: #5f76a7;
    }

    .slider[b-sbo7u8uwxa]::-ms-fill-lower {
        height: 0.5em;
        background: #001db9;
    }

    .slider[b-sbo7u8uwxa]::-webkit-slider-thumb {
        margin-top: -0.550em;
        box-sizing: border-box;
        border: none;
        width: 1.5em;
        height: 1.5em;
        border-radius: 50%;
        background: #001db9;
    }

    .slider[b-sbo7u8uwxa]::-moz-range-thumb {
        box-sizing: border-box;
        border: none;
        width: 1.5em;
        height: 1.5em;
        border-radius: 50%;
        background: #001db9;
    }

.slider[b-sbo7u8uwxa]::-ms-thumb {
    margin-top: 0;
    box-sizing: border-box;
    border: none;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background: #001db9;
}

.slider[b-sbo7u8uwxa]::-ms-tooltip {
    display: none;
}

.tickmarks[b-sbo7u8uwxa] {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}

.tickmarks p[b-sbo7u8uwxa] {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 1px;
    background: #D3D3D3;
    height: 10px;
    line-height: 40px;
    margin: 0 0 20px 0;
}
/* /Components/WaitingModalMessage.razor.rz.scp.css */
.waiting-modal[b-l2it0vdt8h] {
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.1);
}

.waiting-modal-content[b-l2it0vdt8h] {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.with-picture[b-l2it0vdt8h] {
    padding: 20px 8px;
    max-width: 500px;
    background-color: #fff;
    border: 1px solid #888;
    border-radius: 8px;
}

.only-spinner[b-l2it0vdt8h] {
    max-width: 340px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 5px 5px 24px -5px rgba(0,0,0,0.64);
    box-shadow: 5px 5px 24px -5px rgba(0,0,0,0.64);
}

.waiting-image-wrapper[b-l2it0vdt8h] {
    overflow: hidden;
}

.waiting-image-wrapper > img[b-l2it0vdt8h] {
    height: 200px;
    max-width: 100%;
}
/* /Components/WaitingSpinner.razor.rz.scp.css */
.loading-wrapper[b-jdei8iuoj2] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 36px;
}

div > p.loading-msg[b-jdei8iuoj2] {
    /*color: var(--button-primary-color);*/
    font-weight: 600;
}

.ispinner[b-jdei8iuoj2] {
    position: relative;
    width: 20px;
    height: 20px;
}

    .ispinner .ispinner-blade[b-jdei8iuoj2] {
        position: absolute;
        top: 6.5px;
        left: 8.5px;
        width: 2.5px;
        height: 6.5px;
        /*background-color: var(--button-primary-color);*/
        border-radius: 1.25px;
        animation: iSpinnerBlade-b-jdei8iuoj2 1s linear infinite;
        will-change: opacity;
    }

        .ispinner .ispinner-blade:nth-child(1)[b-jdei8iuoj2] {
            transform: rotate(45deg) translateY(-6.5px);
            animation-delay: -1.625s;
        }

        .ispinner .ispinner-blade:nth-child(2)[b-jdei8iuoj2] {
            transform: rotate(90deg) translateY(-6.5px);
            animation-delay: -1.5s;
        }

        .ispinner .ispinner-blade:nth-child(3)[b-jdei8iuoj2] {
            transform: rotate(135deg) translateY(-6.5px);
            animation-delay: -1.375s;
        }

        .ispinner .ispinner-blade:nth-child(4)[b-jdei8iuoj2] {
            transform: rotate(180deg) translateY(-6.5px);
            animation-delay: -1.25s;
        }

        .ispinner .ispinner-blade:nth-child(5)[b-jdei8iuoj2] {
            transform: rotate(225deg) translateY(-6.5px);
            animation-delay: -1.125s;
        }

        .ispinner .ispinner-blade:nth-child(6)[b-jdei8iuoj2] {
            transform: rotate(270deg) translateY(-6.5px);
            animation-delay: -1s;
        }

        .ispinner .ispinner-blade:nth-child(7)[b-jdei8iuoj2] {
            transform: rotate(315deg) translateY(-6.5px);
            animation-delay: -0.875s;
        }

        .ispinner .ispinner-blade:nth-child(8)[b-jdei8iuoj2] {
            transform: rotate(360deg) translateY(-6.5px);
            animation-delay: -0.75s;
        }

    .ispinner.ispinner-large[b-jdei8iuoj2] {
        width: 38px;
        height: 38px;
    }

        .ispinner.ispinner-large .ispinner-blade[b-jdei8iuoj2] {
            top: 11.5px;
            left: 15px;
            width: 5px;
            height: 12px;
            border-radius: 2.5px;
        }

            .ispinner.ispinner-large .ispinner-blade:nth-child(1)[b-jdei8iuoj2] {
                transform: rotate(45deg) translateY(-11.5px);
            }

            .ispinner.ispinner-large .ispinner-blade:nth-child(2)[b-jdei8iuoj2] {
                transform: rotate(90deg) translateY(-11.5px);
            }

            .ispinner.ispinner-large .ispinner-blade:nth-child(3)[b-jdei8iuoj2] {
                transform: rotate(135deg) translateY(-11.5px);
            }

            .ispinner.ispinner-large .ispinner-blade:nth-child(4)[b-jdei8iuoj2] {
                transform: rotate(180deg) translateY(-11.5px);
            }

            .ispinner.ispinner-large .ispinner-blade:nth-child(5)[b-jdei8iuoj2] {
                transform: rotate(225deg) translateY(-11.5px);
            }

            .ispinner.ispinner-large .ispinner-blade:nth-child(6)[b-jdei8iuoj2] {
                transform: rotate(270deg) translateY(-11.5px);
            }

            .ispinner.ispinner-large .ispinner-blade:nth-child(7)[b-jdei8iuoj2] {
                transform: rotate(315deg) translateY(-11.5px);
            }

            .ispinner.ispinner-large .ispinner-blade:nth-child(8)[b-jdei8iuoj2] {
                transform: rotate(360deg) translateY(-11.5px);
            }

@keyframes iSpinnerBlade-b-jdei8iuoj2 {
    0% {
        opacity: 0.85;
    }

    50% {
        opacity: 0.25;
    }

    100% {
        opacity: 0.25;
    }
}



/*------------------------------ loading spinner -------------------------------------------*/

/*.loading-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 36px;
    height: 36px;
}

div > p.loading-msg {
    color:var(--title-primary-color);
    font-weight: 600;
}

.ispinner {
    position: relative;
    width: 20px;
    height: 20px;
}

    .ispinner .ispinner-blade {
        position: absolute;
        top: 6.5px;
        left: 8.5px;
        width: 2.5px;
        height: 6.5px;
        background-color: #2E937A;
        border-radius: 1.25px;
        animation: iSpinnerBlade 1s linear infinite;
        will-change: opacity;
    }

        .ispinner .ispinner-blade:nth-child(1) {
            transform: rotate(45deg) translateY(-6.5px);
            animation-delay: -1.625s;
        }

        .ispinner .ispinner-blade:nth-child(2) {
            transform: rotate(90deg) translateY(-6.5px);
            animation-delay: -1.5s;
        }

        .ispinner .ispinner-blade:nth-child(3) {
            transform: rotate(135deg) translateY(-6.5px);
            animation-delay: -1.375s;
        }

        .ispinner .ispinner-blade:nth-child(4) {
            transform: rotate(180deg) translateY(-6.5px);
            animation-delay: -1.25s;
        }

        .ispinner .ispinner-blade:nth-child(5) {
            transform: rotate(225deg) translateY(-6.5px);
            animation-delay: -1.125s;
        }

        .ispinner .ispinner-blade:nth-child(6) {
            transform: rotate(270deg) translateY(-6.5px);
            animation-delay: -1s;
        }

        .ispinner .ispinner-blade:nth-child(7) {
            transform: rotate(315deg) translateY(-6.5px);
            animation-delay: -0.875s;
        }

        .ispinner .ispinner-blade:nth-child(8) {
            transform: rotate(360deg) translateY(-6.5px);
            animation-delay: -0.75s;
        }

    .ispinner.ispinner-large {
        width: 38px;
        height: 38px;
    }

        .ispinner.ispinner-large .ispinner-blade {
            top: 11.5px;
            left: 15px;
            width: 5px;
            height: 12px;
            border-radius: 2.5px;
        }

            .ispinner.ispinner-large .ispinner-blade:nth-child(1) {
                transform: rotate(45deg) translateY(-11.5px);
            }

            .ispinner.ispinner-large .ispinner-blade:nth-child(2) {
                transform: rotate(90deg) translateY(-11.5px);
            }

            .ispinner.ispinner-large .ispinner-blade:nth-child(3) {
                transform: rotate(135deg) translateY(-11.5px);
            }

            .ispinner.ispinner-large .ispinner-blade:nth-child(4) {
                transform: rotate(180deg) translateY(-11.5px);
            }

            .ispinner.ispinner-large .ispinner-blade:nth-child(5) {
                transform: rotate(225deg) translateY(-11.5px);
            }

            .ispinner.ispinner-large .ispinner-blade:nth-child(6) {
                transform: rotate(270deg) translateY(-11.5px);
            }

            .ispinner.ispinner-large .ispinner-blade:nth-child(7) {
                transform: rotate(315deg) translateY(-11.5px);
            }

            .ispinner.ispinner-large .ispinner-blade:nth-child(8) {
                transform: rotate(360deg) translateY(-11.5px);
            }

@keyframes iSpinnerBlade {
    0% {
        opacity: 0.85;
    }

    50% {
        opacity: 0.25;
    }

    100% {
        opacity: 0.25;
    }
}*/

/*------------------------------ loading spinner end -------------------------------------------*/
/* /Pages/Benutzer/DeleteAccount.razor.rz.scp.css */
.delete-account-wrapper[b-9cbfc5u458] {
    min-height: 100%;
    padding: 6px;
    background-color: #5f76a7;
    background-image: linear-gradient(45deg, transparent 20%, #4b6291 25%, transparent 25%), linear-gradient(-45deg, transparent 20%, #4b6291 25%, transparent 25%), linear-gradient(-45deg, transparent 75%, #4b6291 80%, transparent 0), radial-gradient(#7986e1 2px, transparent 0);
    background-size: 30px 30px, 30px 30px;
}

.delete-account[b-9cbfc5u458] {
    margin: auto;
    max-width: 436px;
    border-radius: 8px;
    background-color: var(--form-primary-background-color);
    -webkit-box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
    box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
}

.delete-account-titel[b-9cbfc5u458] {
    text-transform: uppercase;
    text-align: center;
}

.delete-account-hint[b-9cbfc5u458],
.delete-account-btn-wrapper[b-9cbfc5u458] {
    text-align: center;
}

.delete-account-error[b-9cbfc5u458] {
    text-align: center;
    color: var(--text-danger-color);
    margin: 12px auto 0 auto;
}

.secondary-btn.delete-account-btn[b-9cbfc5u458] {
    margin: 16px auto 0 auto;
}

.delete-account-btn-wrapper[b-9cbfc5u458] {
    margin-top: 20px;
    text-align: center;
}

.delete-account-form-wrapper[b-9cbfc5u458] {
    padding: 12px 20px 20px 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.delete-account-form > div[b-9cbfc5u458] {
    margin-bottom: 12px;
}

    .delete-account-form > div:last-child[b-9cbfc5u458] {
        margin-bottom: 0;
    }

.exclamation-mark-icon[b-9cbfc5u458] {
    top: 2px;
    margin-right: 6px;
}

.del-account-form-header[b-9cbfc5u458] {
    padding: 12px 6px;
    color: #fff;
    background: rgb(136,8,8);
    background: linear-gradient(0deg, rgba(136,8,8,1) 22%, rgba(161,11,11,1) 47%, rgba(183,10,10,1) 77%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.delete-account-form-wrapper[b-9cbfc5u458],
.profile-data[b-9cbfc5u458] {
    background-color: #fbfbfb;
}

.input-field-name[b-9cbfc5u458] {
    color: var(--dark-blue-title-color);
    font-weight: 600;
}

/* confirm modal */
.del-modal[b-9cbfc5u458] {
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.1);
}

.del-modal-content[b-9cbfc5u458] {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 20px 8px;
    background-color: #fff;
    border-radius: 8px;
}

.modal-header[b-9cbfc5u458] {
    align-items: end;
}

.modal-dialog[b-9cbfc5u458] {
    margin: auto;
}

.delete-account-hint[b-9cbfc5u458],
.del-account-btn-wrapper[b-9cbfc5u458] {
    text-align: center;
}

.delete-account-hint[b-9cbfc5u458],
.modal-del-account-hint[b-9cbfc5u458] {
    margin: 12px 0;
    color: #fff;
    font-weight: 600;
}

.modal-del-account-hint[b-9cbfc5u458] {
    color: var(--dark-blue-title-color);
}

.del-account-btn-wrapper > .primary-btn[b-9cbfc5u458] {
    margin: 20px;
}

.del-account-img-wrapper[b-9cbfc5u458] {
    margin-bottom: 12px;
    text-align: center;
}

.del-account-img[b-9cbfc5u458] {
    max-height: 80px;
}

.undo-icon[b-9cbfc5u458],
.trash-icon[b-9cbfc5u458] {
    margin-right: 8px;
    top: 2px;
}

.minus-circle[b-9cbfc5u458] {
    margin: 0 4px;
}

@media (max-width: 560px) {
    .del-account-btn-wrapper > button[b-9cbfc5u458] {
        width: 100%;
    }

        .del-account-btn-wrapper > button:first-child[b-9cbfc5u458] {
            margin-bottom: 12px;
        }
}

@media (min-width: 560px) {
    .delete-account[b-9cbfc5u458] {
        margin: 20px auto;
    }
}

@media (min-width: 600px) {
    .del-account-btn-wrapper[b-9cbfc5u458] {
        display: flex;
        justify-content: space-between;
        gap: 12px;
    }

    .del-account-btn-wrapper > button[b-9cbfc5u458] {
        flex-grow: 1;
        flex-basis: 50%;
    }

    .del-modal-content[b-9cbfc5u458] {
        max-width: 600px;
    }
}

.del-modal-content > img[b-9cbfc5u458] {
    max-height: 80px;
}
/* /Pages/Benutzer/KennwortVergessen.razor.rz.scp.css */
.p-forgotten-wrapper[b-678gy2m1pm] {
    min-height: 100%;
    background-color: #dde5f4;
}

.p-forgotten-deco[b-678gy2m1pm] {
    padding: 10px 6px;
    height: 230px;
    padding: 12px 6px 0 12px;
    background-color: var(--background-dark-blue-color);
    text-align: center;
}

.forgotten-wrapper[b-678gy2m1pm] {
    padding: 0 6px;
    min-height: calc(100% - 230px);
}

.p-forgotten-deco img[b-678gy2m1pm] {
    max-height: 50px;
}

.p-forgotten-form-wrapper[b-678gy2m1pm] {
    position: relative;
    top: -160px;
    margin: auto;
    max-width: 420px;
    padding: 20px 12px;
    border-radius: 8px;
    background-color: var(--form-primary-background-color);
    -webkit-box-shadow: 5px 5px 12px 5px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 12px 5px rgba(0,0,0,0.15);
}


.forgotten-title[b-678gy2m1pm] {
    color: var(--dark-blue-title-color);
    font-weight: 600;
}


@media (min-width: 760px) {
    .p-forgotten-deco[b-678gy2m1pm] {
        height: 260px;
    }

    .p-forgotten-form-wrapper[b-678gy2m1pm] {
        min-height: calc(100% - 260px);
    }

    .p-forgotten-deco img[b-678gy2m1pm] {
        max-height: 80px;
    }
}

.fp-input-group[b-678gy2m1pm] {
    margin-bottom: 12px;
}

.input-field-name[b-678gy2m1pm] {
    margin-bottom: 10px;
    text-align: center;
    color: var(--dark-blue-title-color);
    font-weight: 500;
}

.forgotten-btn[b-678gy2m1pm] {
    display: block;
    margin: 16px auto 0 auto;
    width: 100%;
}

.envelope-closed-icon[b-678gy2m1pm] {
    top: 2px;
    margin: 0 4px;
}

.forgotten-hint[b-678gy2m1pm],
.forgotten-title[b-678gy2m1pm] {
    text-align: center;
}

.forgotten-hint[b-678gy2m1pm] {
    display: inline-block;
    margin: 10px;
}

.fp-error[b-678gy2m1pm] {
    color: var(--text-danger-color);
    font-weight: 500;
    text-align: center;
}

.email-sent[b-678gy2m1pm],
.email-hint[b-678gy2m1pm] {
    color: var(--dark-blue-title-color);
    font-weight: 500;
    text-align: center;
}

.email-hint[b-678gy2m1pm] {
    margin-top: 12px;
}
/* /Pages/Benutzer/KontoErstellen.razor.rz.scp.css */
.signin-deco[b-v759h05z3h] {
    width: 100%;
    height: 230px;
    padding: 12px 6px 0 12px;
    background-color: var(--background-dark-blue-color);
    text-align: center;
}

.singin-wrapper[b-v759h05z3h] {
    position: relative;
    min-height: calc(100% - 230px);
    margin: auto;
    padding: 6px;
    background-color: var(--background-primary-color);
}

.sigin-form-wrapper[b-v759h05z3h],
.registration-form-wrapper[b-v759h05z3h],
.request-token-form-wrapper[b-v759h05z3h] {
    position: relative;
    top: -160px;
    max-width: 420px;
    margin: auto;
    padding: 20px 12px;
    border-radius: 8px;
    background-color: var(--form-primary-background-color);
    -webkit-box-shadow: 5px 5px 12px 5px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 12px 5px rgba(0,0,0,0.15);
}

form.signin-token-check-form[b-v759h05z3h] {
    background-color: var(--form-primary-background-color);
}

.signin-titel[b-v759h05z3h],
.registration-title[b-v759h05z3h],
.new-token-title[b-v759h05z3h] {
    text-align: center;
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 18px;
}

.signin-input-froup[b-v759h05z3h] {
    margin-bottom: 12px;
}

.input-field-name[b-v759h05z3h] {
    color: var(--dark-blue-title-color);
    font-weight: 500;
}

.primary-btn.singin-btn[b-v759h05z3h],
.secondary-btn.singin-btn[b-v759h05z3h],
.secondary-btn.create-account-btn[b-v759h05z3h],
.primary-btn.create-account-btn[b-v759h05z3h] {
    display: block;
    width: 100%;
    margin-top: 16px;
}

.book-icon[b-v759h05z3h],
.magnifying-glass-icon[b-v759h05z3h],
.envelope-icon[b-v759h05z3h],
.lock-icon[b-v759h05z3h] {
    top: 2px;
    margin: 0 4px;
}

.key-img[b-v759h05z3h] {
    max-height: 50px;
}

.reg-portal-hint[b-v759h05z3h] {
    margin: 10px;
    text-align: center;
    font-style: italic;
}

.accept-terms[b-v759h05z3h] {
    color: var(--dark-blue-title-color);
    font-style: italic;
}

.email-hint[b-v759h05z3h] {
    margin-top: 16px;
    text-align: center;
    font-weight: 600;
    color: var(--dark-blue-title-color);
}

.reg-error[b-v759h05z3h] {
    margin: 8px;
    color: var(--text-danger-color);
    text-align: center;
    font-weight: 500;
}

@media (min-width: 760px) {
    .signin-deco[b-v759h05z3h] {
        height: 260px;
    }

    .singin-wrapper[b-v759h05z3h] {
        min-height: calc(100% - 260px);
    }

    .key-img[b-v759h05z3h] {
        max-height: 80px;
    }
}
/* /Pages/Benutzer/MeineDaten.razor.rz.scp.css */
.profile-page[b-8yyak1kmpl] {
    min-height: 100%;
    padding: 6px;
    background-color: #5f76a7;
    background-image: linear-gradient(45deg, transparent 20%, #4b6291 25%, transparent 25%), linear-gradient(-45deg, transparent 20%, #4b6291 25%, transparent 25%), linear-gradient(-45deg, transparent 75%, #4b6291 80%, transparent 0), radial-gradient(#7986e1 2px, transparent 0);
    background-size: 30px 30px, 30px 30px;
}

.profile-wrapper[b-8yyak1kmpl] {
    margin: auto;
    max-width: 600px
}

.profile-title-wrapper[b-8yyak1kmpl] {
    position: relative;
    margin-bottom: 18px;
    top: 20px;
    border-top: 1px solid #fff;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.profile-titel[b-8yyak1kmpl] {
    display: block;
    position: relative;
    top: -14px;
    padding: 2px 5px;
    margin: 0 auto;
    width: 300px;
    background: #fff;
    color: var(--dark-blue-title-color);
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}

.profile[b-8yyak1kmpl] {
    margin: auto;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
    box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
}
.profile-form-data[b-8yyak1kmpl] {
    padding : 8px;
}

.profile-options[b-8yyak1kmpl] {
    padding: 12px;
    background-color: #9DBBF9;
    background: linear-gradient(0deg, rgba(115,153,233,1) 22%, rgba(141,173,241,1) 47%, rgba(157,187,249,1) 77%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

div.profile-options.edit-profile[b-8yyak1kmpl] {
    background: rgb(137,192,204);
    background: linear-gradient(0deg, rgba(137,192,204,1) 22%, rgba(159,213,226,1) 47%, rgba(193,226,233,1) 77%);
}

.profile-avatar[b-8yyak1kmpl] {
    position: relative;
    text-align: center;
}

.profile-avatar-img[b-8yyak1kmpl] {
    max-height: 100px;
    max-width: 100%;
}

.profile-picture[b-8yyak1kmpl] {
    height: 160px;
    max-width: 100%;
    border-radius: 4%;
    -webkit-box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
    box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
}

.profile-names[b-8yyak1kmpl] {
    margin: 8px auto;
    font-weight: 900;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.profile-buttons[b-8yyak1kmpl] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 0 8px 12px 8px;
}

.profile-buttons > button[b-8yyak1kmpl]{
    flex-basis: 50%;
}

.profile-active-messages[b-8yyak1kmpl] {
    text-align: center;
}

    .profile-active-messages > p[b-8yyak1kmpl] {
        color: #fff;
    }

.p-a-m-icons[b-8yyak1kmpl] {
    display: flex;
    justify-content: center;
    gap: 36px;
    margin-top: 8px;
}

.email-msg[b-8yyak1kmpl],
.sms-msg[b-8yyak1kmpl] {
    margin-right: 6px;
}

.p-a-m-icons > div[b-8yyak1kmpl] {
    padding: 2px 8px 2px 6px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 6px 10px 20px -10px #3e4684;
    box-shadow: 6px 10px 20px -10px #3e4684;
}

.data-input[b-8yyak1kmpl],
.data-edit[b-8yyak1kmpl] {
    padding: 4px;
    border: none;
    border-bottom: 1px solid #c7c7c7;
    color: var(--dark-blue-title-color);
    font-weight: 700;
}

.profile-flex[b-8yyak1kmpl] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.profile-address > h6[b-8yyak1kmpl],
.profile-contacts > h6[b-8yyak1kmpl] {
    text-align: center;
}

.profile-address[b-8yyak1kmpl],
.profile-contacts[b-8yyak1kmpl] {
    margin-bottom: 6px;
}

.profile-address[b-8yyak1kmpl],
.profile-contacts[b-8yyak1kmpl],
.profile-communication-channels[b-8yyak1kmpl],
.profile-communication-channels-edit[b-8yyak1kmpl],
.profile-insurances[b-8yyak1kmpl],
.profile-body-data[b-8yyak1kmpl] {
    padding: 6px;
    border-radius: 8px;
    border: 1px solid #c7c7c7;
}

.profile-body-data > h6[b-8yyak1kmpl] {
    text-align: center;
}

.profile-insurances > h6[b-8yyak1kmpl] {
    text-align: center;
}

.profile-insurances > div[b-8yyak1kmpl] {
    margin-bottom: 12px;
}

.profile-communication-channels-edit[b-8yyak1kmpl] {
    margin-top: 6px;
}
.profile-body-data[b-8yyak1kmpl] {
    margin: 6px auto;
}
.profile-communication-channels[b-8yyak1kmpl],
.profile-communication-channels-edit[b-8yyak1kmpl] {
    padding-left: 12px;
    color: var(--dark-blue-title-color);
    font-weight: 700;
}

.profile-communication-channels > div[b-8yyak1kmpl],
.profile-communication-channels-edit > div[b-8yyak1kmpl] {
    margin-bottom:6px;
}

.profile-communication-channels > div:last-child[b-8yyak1kmpl],
.profile-communication-channels-edit > div:last-child[b-8yyak1kmpl] {
    margin-bottom: 0;
}

.profile-communication-channels > div > label[b-8yyak1kmpl],
.profile-communication-channels-edit > div > label[b-8yyak1kmpl] {
    margin-left: 6px;
}

.data-edit[b-8yyak1kmpl],
.profile-communication-channels-edit[b-8yyak1kmpl] {
    background-color: #c1e2e9;
}

.data-block[b-8yyak1kmpl] {
    margin-bottom: 12px;
}

.street[b-8yyak1kmpl],
.hause-number[b-8yyak1kmpl],
.zip[b-8yyak1kmpl],
.city[b-8yyak1kmpl],
.phone[b-8yyak1kmpl] {
    flex-grow: 1;
}

.phone[b-8yyak1kmpl] {
    width: 100%;
}

.street[b-8yyak1kmpl] {
    min-width: 75%;
}

.hause-number[b-8yyak1kmpl] {
    min-width: 15%;
    text-align: center;
}

.zip[b-8yyak1kmpl] {
    min-width: 18%;
}

.city[b-8yyak1kmpl],
.city-title[b-8yyak1kmpl] {
    min-width: 77%;
}

.city-title[b-8yyak1kmpl] {
    margin-left: 60px;
}

.email[b-8yyak1kmpl] {
    flex-grow: 1;
    width: 100%;
}

.updated-email-hint[b-8yyak1kmpl] {
    font-weight: 600;
    color: red;
    text-align: center;
}

.profile-validation-errors[b-8yyak1kmpl] {
    display: flex;
    justify-content: space-around;
}

.del-account[b-8yyak1kmpl] {
    padding: 6px 12px 12px 12px;
}

.edit-pofile-btn[b-8yyak1kmpl] {
    position: absolute;
    top: 0;
    right: 0;
}

.edit-btn-text[b-8yyak1kmpl] {
    display: none;
}

.edit-icon[b-8yyak1kmpl] {
    top: 2px;
}

.x-icon[b-8yyak1kmpl] {
    top: 1px;
}

.check-icon[b-8yyak1kmpl]{
    top: 2px;
}
.profile-data-error[b-8yyak1kmpl] {
    padding: 30px 6px;
}

.profile-data-error[b-8yyak1kmpl] {
    padding: 18px;
    border-radius: 8px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 2px 6px 10px -1px rgba(0,0,0,0.32);
    box-shadow: 2px 6px 10px -1px rgba(0,0,0,0.32);
}

    .profile-data-error > p[b-8yyak1kmpl] {
        font-weight: 600;
        color: var(--dark-blue-title-color);
    }

.profile-data-error-img[b-8yyak1kmpl] {
    margin-bottom: 12px;
    max-height: 200px;
    max-width: 100%;
}

.profile-error[b-8yyak1kmpl] {
    margin-top: 20px;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    color: var(--text-danger-color);
    font-weight: 500;
}

.profile-picture-hint[b-8yyak1kmpl] {
    font-style: italic;
    color: #033b74;
    font-weight: 500;
}

.select-pic-btn[b-8yyak1kmpl] {
    display: inline-block;
    margin: 6px auto 0 auto;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
}
.select-pic-btn:hover[b-8yyak1kmpl] {
    border-bottom: 1px solid #fff;
}

@media screen and (min-width: 600px) {
    .edit-btn-text[b-8yyak1kmpl] {
        display: inline-block;
    }

    .edit-icon[b-8yyak1kmpl] {
        margin-right: 8px;
    }

    .profile-page[b-8yyak1kmpl] {
        padding: 12px;
    }

    .house-number-text[b-8yyak1kmpl] {
        margin-right: 34px;
    }
}

.upload-modal[b-8yyak1kmpl] {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.1);
}

.upload-modal-content[b-8yyak1kmpl] {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;
    text-align: center;
    padding: 20px 8px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #888;
}

.modal-close-btn[b-8yyak1kmpl] {
    font-size: 36px;
    color: #727272;
    cursor: pointer;
}


.input-btn[b-8yyak1kmpl] {
    margin-bottom: 12px;
    border: 1px solid;
    border-radius: 8px;
    color: #fff;
    background-color: #33466e;
}

.input-btn:hover[b-8yyak1kmpl] {
    background-color: #3d3d3d;
}

.input-btn > label[b-8yyak1kmpl] {
    width: 100%;
    padding: 4px 6px;
    cursor: pointer;
}

.pic-btns-wrapper[b-8yyak1kmpl] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
}

.pic-btns-wrapper > button[b-8yyak1kmpl] {
    flex-basis: 50%;
}

.picture-preview[b-8yyak1kmpl] {
    display: inline-block;
    margin: 12px;
    height: 180px;
    max-width: 100%;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    overflow: hidden;
}

.picture-preview > img[b-8yyak1kmpl] {
    height: 100%;
    max-width: 100%;
}

.upload-error[b-8yyak1kmpl] {
    margin: 8px auto 12px auto;
    color: red;
    text-align: center;
}

.waiting-pic[b-8yyak1kmpl] {
    margin-top: 6px;
    color: var(--dark-blue-title-color);
    font-style: italic;
}

.waiting-pic > span[b-8yyak1kmpl]{
    font-weight: 900;
}

/*************profile skeleton *****************/
.skeleto-loading-wrapper[b-8yyak1kmpl] {
    margin: 20px auto 12px auto;
    min-width: 300px;
    max-width: 500px;
}

.profile-skeleton[b-8yyak1kmpl] {
    padding: 12px;
    min-width: 300px;
    max-width: 500px;
    background-color: white;
    border-radius: 8px;
    text-align: center;
    -webkit-box-shadow: 2px 6px 10px -1px rgba(0,0,0,0.32);
    box-shadow: 2px 6px 10px -1px rgba(0,0,0,0.32);
}

.profile-skeleton-header[b-8yyak1kmpl],
.profile-skeleton-body[b-8yyak1kmpl] {
    background-color: #ececec;
    border-radius: 8px;
    padding: 20px;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image-b-8yyak1kmpl 2s infinite ease-out;
}

@-webkit-keyframes shine-loading-image {
    0% {
        background-position: -32px;
    }

    40%, 100% {
        background-position: 208px;
    }
}

@keyframes shine-loading-image-b-8yyak1kmpl {
    0% {
        background-position: -32px;
    }

    40%, 100% {
        background-position: 208px;
    }
}

.profile-skeleton-pic[b-8yyak1kmpl] {
    display: inline-block;
    margin: 0 auto 8px auto;
    height: 160px;
    width: 160px;
    background-color: #fff;
    border-radius: 8px;
}

.profile-skeleton-names[b-8yyak1kmpl],
.profile-skeleton-btn[b-8yyak1kmpl] {
    display: inline-block;
    width: 70%;
    height: 20px;
    background-color: #fff;
}

.profile-skeleton-data[b-8yyak1kmpl] {
    margin-bottom: 12px;
    height: 60px;
    background-color: #fff;
}

.profile-skeleton-body[b-8yyak1kmpl] {
    margin-top: 12px;
}

.oi-action-undo.undo-icon[b-8yyak1kmpl] {
    top: 2px;
}

@media (min-width: 380px) {
    .p-a-m-icons > div[b-8yyak1kmpl] {
        padding: 2px 12px 2px 8px;
    }
}

/* /Pages/Gast/Gast.razor.rz.scp.css */
.guest-wrapper[b-8op3zqdbjc] {
    min-height: 100%;
}

.invalid-token-wrapper[b-8op3zqdbjc] {
    margin: 12px auto;
    max-width: 800px;
    text-align: center;
    border-radius: 8px;
    background-color: #fff;
}

.loading-file[b-8op3zqdbjc] {
    padding: 8px 0;
    color: #81ff00;
}
.invalid-token-img[b-8op3zqdbjc] {
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

    .invalid-token-img > img[b-8op3zqdbjc] {
        max-width: 100%;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

.invalid-token-greeting[b-8op3zqdbjc] {
    color: var(--dark-blue-title-color);
    font-weight: 500;
}

.invalid-token-title[b-8op3zqdbjc] {
    color: var(--text-danger-color);
    font-weight: 500;
    font-size: 20px;
}

.invalid-token-article[b-8op3zqdbjc] {
    padding: 8px 2px;
}

.error-img[b-8op3zqdbjc] {
    max-height: 212px;
}

.invalid-token-img.error-img[b-8op3zqdbjc] {
    padding-top: 12px;
}

    .invalid-token-img.error-img > img[b-8op3zqdbjc] {
        max-height: 200px;
    }

.valid-token-wrapper[b-8op3zqdbjc] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 340px;
    max-width: 500px;
    background-color: #fff;
    border-radius: 8px;
}

.valid-token-welcome[b-8op3zqdbjc] {
    padding: 8px 2px 12px 2px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-align: center;
    background: rgb(95,118,167);
    background: linear-gradient(90deg, rgba(95,118,167,1) 30%, rgba(82,103,147,1) 50%, rgba(74,93,134,1) 70%);
    color: #fff;
}

    .valid-token-welcome > img[b-8op3zqdbjc] {
        max-height: 100px;
    }

.valid-token-title[b-8op3zqdbjc] {
    margin-top: 8px;
}

.valid-token-form-wrapper[b-8op3zqdbjc] {
    padding: 12px 20px 20px 20px;
}

.input-group-label[b-8op3zqdbjc] {
    color: var(--dark-blue-title-color);
    font-weight: 500;
}

.valid-token-form-input-group[b-8op3zqdbjc] {
    margin-bottom: 12px;
}

.data-validation-error[b-8op3zqdbjc] {
    margin-bottom: 12px;
    text-align: center;
    color: var(--text-danger-color);
    font-weight: 500;
}
/***********************/

.pat-case-wrapper[b-8op3zqdbjc] {
    position: relative;
    min-height: 100vh;
    background-color: var(--background-secondary-color);
}

.case-header[b-8op3zqdbjc] {
    padding: 0 2px 8px 2px;
    min-height: 120px;
    text-align: center;
    overflow: hidden;
    background-color: var(--background-dark-blue-color);
    background: linear-gradient(90deg, var(--background-dark-blue-color) 21px, transparent 1%) center, linear-gradient(var(--background-dark-blue-color) 21px, transparent 1%) center, #a799cc;
    background-size: 22px 22px;
}

.case-titel-wrapper[b-8op3zqdbjc] {
    margin: 8px auto;
}

.case-titel[b-8op3zqdbjc] {
    display: inline-block;
    padding: 2px 5px;
    padding: 4px 12px;
    margin: 0 auto;
    max-width: 1280px;
    background: #fff;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}

.p-case-titel[b-8op3zqdbjc] {
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 18px;
}

.case-tabs[b-8op3zqdbjc] {
    margin: 0 auto;
    padding: 6px 2px;
    max-width: 1280px;
    background-color: #bdd3ff;
    border-radius: 8px;
}

.case-content[b-8op3zqdbjc] {
    max-width: 1280px;
    min-height: 100%;
    margin: 0 auto 12px auto;
}

.no-appointments[b-8op3zqdbjc],
.upload-loading-error[b-8op3zqdbjc] {
    padding: 30px 6px;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    color: var(--dark-blue-title-color);
    font-weight: 600;
}
/***********************/

.procedure-title[b-8op3zqdbjc],
.diagnose-title[b-8op3zqdbjc] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 8px 6px;
    margin-bottom: 12px;
    margin-bottom: 8px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.procedure-title[b-8op3zqdbjc] {
    margin-top: 12px;
    background: rgb(2,181,176);
    background: linear-gradient(90deg, rgb(2 188 183) 23%, rgb(3 201 195) 50%, rgba(1,215,210,1) 77%);
}

.diagnose-title[b-8op3zqdbjc] {
    background: rgb(87,109,155);
    background: linear-gradient(90deg, rgb(68 93 143) 23%, rgb(79 104 156) 50%, rgb(118 141 190) 77%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

    .diagnose-title > img[b-8op3zqdbjc],
    .procedure-title > img[b-8op3zqdbjc] {
        max-height: 80px;
    }

.dp-wrapper[b-8op3zqdbjc] {
    padding-bottom: 8px;
    background-color: #eaf1ff;
    border-radius: 8px;
}

.procedure-item[b-8op3zqdbjc],
.diagnose-item[b-8op3zqdbjc] {
    margin-bottom: 8px;
}

.procedure-card[b-8op3zqdbjc],
.diagnose-card[b-8op3zqdbjc] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-align: center;
    border: 1px solid #dedede;
    border-radius: 8px;
    -webkit-box-shadow: 5px 8px 8px -6px rgba(0,0,0,0.39);
    box-shadow: 5px 8px 8px -6px rgba(0,0,0,0.39);
}

.procedure-card-header[b-8op3zqdbjc] {
    background: rgb(2, 188, 183);
    background: linear-gradient(90deg, rgb(2, 188, 183) 23%, rgb(3 195 189) 50%, rgb(1, 215, 210) 77%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.diagnose-card-header[b-8op3zqdbjc] {
    background: linear-gradient(90deg, rgb(68 104 179) 23%, rgb(71 113 200) 50%, rgb(89 142 253) 77%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

    .procedure-card-header > img[b-8op3zqdbjc],
    .diagnose-card-header > img[b-8op3zqdbjc] {
        max-height: 60px;
        border-radius: 50%;
    }

.diagnose-card-header[b-8op3zqdbjc] {
    padding-top: 4px;
}

.procedure-code[b-8op3zqdbjc],
.diagnose-code[b-8op3zqdbjc] {
    color: #fff;
    font-weight: 500;
}

.procedure-card-body[b-8op3zqdbjc],
.diagnose-card-body[b-8op3zqdbjc] {
    flex-grow: 1;
    background: #fff;
}

.procedure-card-body[b-8op3zqdbjc] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6px 2px;
}

.diagnose-card-body[b-8op3zqdbjc] {
    padding: 6px 2px 0 6px;
}

.procedure-card-description[b-8op3zqdbjc] {
    color: var(--dark-blue-title-color);
    font-weight: 600;
}

.localisation[b-8op3zqdbjc] {
    color: rgb(114 114 114);
    font-style: italic;
}

    .localisation > span[b-8op3zqdbjc] {
        color: #00BFBA;
        font-style: initial;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 600;
    }

.procedure-card-footer[b-8op3zqdbjc],
.diagnose-card-footer[b-8op3zqdbjc] {
    padding: 4px 2px;
    color: #fff;
    font-weight: 500;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.procedure-card-footer[b-8op3zqdbjc] {
    background: #00BFBA;
}

.diagnose-card-footer[b-8op3zqdbjc] {
    background: linear-gradient(90deg, rgb(68 104 179) 23%, rgb(71 113 200) 50%, rgb(89 142 253) 77%);
}

.diagnose-description[b-8op3zqdbjc] {
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 18px;
}

.diagnose-type[b-8op3zqdbjc] {
    font-weight: 600;
}

    .diagnose-type.aufnahme[b-8op3zqdbjc] {
        color: #0dcaf0;
    }

    .diagnose-type.entlassung[b-8op3zqdbjc] {
        color: #00BFBA;
    }

    .diagnose-type.op[b-8op3zqdbjc] {
        color: #c80000;
    }

.secondary-diagnoses[b-8op3zqdbjc] {
    padding: 2px 6px;
    background-color: #dde8ff;
}

.secondary-diagnoses-list[b-8op3zqdbjc] {
    text-align: left;
}

.secondary-diagnoses-title[b-8op3zqdbjc],
.secondary-diagnose-icon[b-8op3zqdbjc] {
    color: var(--dark-blue-title-color);
    font-weight: 600;
}

.secondary-diagnose-icon[b-8op3zqdbjc] {
    margin-right: 4px;
}

.secondary-diagnose-code[b-8op3zqdbjc] {
    color: #0dcaf0;
    font-weight: 600;
}

.secondary-diagnose-description[b-8op3zqdbjc] {
    font-weight: 500;
    color: var(--dark-blue-title-color);
}

.secondary-diagnose__diagnose[b-8op3zqdbjc] {
    font-style: italic;
    color: #868686;
}

.secondary-diagnose-item[b-8op3zqdbjc] {
    margin-bottom: 6px;
    line-height: 19px;
}

.no-case-diagnoses[b-8op3zqdbjc],
.no-case-procedure[b-8op3zqdbjc] {
    padding: 12px 2px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: var(--dark-blue-title-color);
}

@media (min-width: 600px) {
    .procedure-cards-wrapper[b-8op3zqdbjc],
    .diagnose-cards-wrapper[b-8op3zqdbjc] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
        align-items: stretch;
    }

    .procedure-item[b-8op3zqdbjc],
    .diagnose-item[b-8op3zqdbjc] {
        flex-basis: 48%;
    }
}

@media (min-width: 960px) {
    .procedure-item[b-8op3zqdbjc],
    .diagnose-item[b-8op3zqdbjc] {
        flex-basis: 32%;
    }
}

@media (min-width: 1160px) {
    .procedure-item[b-8op3zqdbjc],
    .diagnose-item[b-8op3zqdbjc] {
        flex-basis: 24%;
    }
}
/***********************/
.patient-documents[b-8op3zqdbjc] {
    background-color: #eff2f5;
    border-radius: 8px;
}

.file-footer-bnts[b-8op3zqdbjc] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.download-icon[b-8op3zqdbjc],
.eye-icon[b-8op3zqdbjc] {
    padding: unset;
    top: 3px;
    font-size: 22px;
}

.preview-btn[b-8op3zqdbjc],
.download-btn[b-8op3zqdbjc] {
    display: block;
    flex-grow: 1;
    margin-top: 8px;
    padding: unset;
    padding: 0px 32px;
}

.search-wrapper[b-8op3zqdbjc] {
    position: relative;
    margin: 6px auto 20px auto;
    padding-bottom: 8px;
}

.search-input[b-8op3zqdbjc] {
    width: 95%;
    margin: auto;
    padding: 12px 24px;
    background-color: #fff;
    transition: transform 250ms ease-in-out;
    font-size: 14px;
    line-height: 18px;
    color: #575756;
    border-radius: 50px;
    border: 1px solid #b5b5b5;
    transition: all 250ms ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    box-shadow: 4px 10px 15px -10px #3b547e;
}

    .search-input[b-8op3zqdbjc]::placeholder {
        color: color(#575756 a(0.8));
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

span.clean-search-icon[b-8op3zqdbjc] {
    position: absolute;
    top: 12px;
    right: 28px;
    font-size: 20px;
    color: var(--button-primary-color);
    cursor: pointer;
}

.no-doc-found[b-8op3zqdbjc] {
    padding: 12px 6px 30px 6px;
    text-align: center;
    font-weight: 500;
    color: var(--dark-blue-title-color);
}

.no-case-doc[b-8op3zqdbjc],
.no-madication-plans[b-8op3zqdbjc] {
    padding: 30px 6px;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
    color: var(--dark-blue-title-color);
    font-size: 20px;
    background-color: #fff;
}

@media (min-width: 700px) {
    span .clean-search-icon[b-8op3zqdbjc] {
        right: 38px;
    }
}

@media (min-width: 980px) {
    .search-wrapper[b-8op3zqdbjc] {
        position: absolute;
        top: 18px;
        right: 12px;
        min-width: 360px;
    }

    span.clean-search-icon[b-8op3zqdbjc] {
        right: 28px;
    }
}

/*---------------------------- upload -------------------------*/
.upload-form-wrapper[b-8op3zqdbjc] {
    border-radius: 8px;
    background-color: #f5f8ff;
}

    .upload-form-wrapper > div:first-child[b-8op3zqdbjc] {
        padding: 12px 6px 0 6px;
    }

#overviewDemoDropZone[b-8op3zqdbjc] {
    background-color: #9DBBF9;
}

.drop-area[b-8op3zqdbjc] {
    color: #fff;
}

.uploads-hint-wrapper[b-8op3zqdbjc] {
    padding: 8px 2px;
    color: var(--dark-blue-title-color);
    text-align: center;
    font-weight: 600;
}

.uploaded-files-icon[b-8op3zqdbjc] {
    max-height: 40px;
}

.uploads-input-group[b-8op3zqdbjc] {
    margin-bottom: 12px;
}

.uploaded-files-wrapper[b-8op3zqdbjc] {
    background-color: #eaf1ff;
    border-radius: 8px;
}

.uploads-input-label > span[b-8op3zqdbjc] {
    color: var(--dark-blue-title-color);
    text-align: center;
    font-weight: 600;
}

.upload-error[b-8op3zqdbjc] {
    margin-bottom: 16px;
    color: var(--text-danger-color);
    text-align: center;
}

.uploaded-files-titel[b-8op3zqdbjc] {
    position: relative;
    min-height: 80px;
    padding-top: 8px;
    text-align: center;
    background-color: #3b547e;
}

    .uploaded-files-titel > p[b-8op3zqdbjc] {
        padding: 0 6px;
        background-color: #3b547e;
        border-radius: 8px;
        font-size: 20px;
        font-weight: 500;
        color: #fff;
    }

.uploaded-files-list[b-8op3zqdbjc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-top: 12px;
    padding: 0 12px 12px 12px;
}

.uploaded-file-card[b-8op3zqdbjc] {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    justify-content: space-between;
    gap: 6px;
    flex-grow: 1;
    padding: 14px 8px 8px 8px;
    background-color: #3b547e;
    position: relative;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    -webkit-box-shadow: -23px 10px 15px 1px #3b547e;
    box-shadow: -23px 10px 15px -10px #3b547e;
}

    .uploaded-file-card:hover[b-8op3zqdbjc] {
        background-color: #152E4E;
        color: #fff;
        cursor: pointer;
    }

    .uploaded-file-card[b-8op3zqdbjc]::after {
        content: "";
        display: block;
        width: 0px;
        height: 0px;
        background-color: skyblue;
        top: 0px;
        right: 0px;
        border-bottom: 20px solid #4d6ca1;
        border-left: 20px solid #4d6ca1;
        border-right: 20px solid #eff2f5;
        border-top: 20px solid #eff2f5;
        position: absolute;
        filter: drop-shadow(-5px 5px 3px rgba(0,0,0,0.5))
    }

.uploaded-file-status[b-8op3zqdbjc] {
    color: darkorange;
}

    .uploaded-file-status.done[b-8op3zqdbjc] {
        color: #0df188;
    }

    .uploaded-file-status.archive[b-8op3zqdbjc] {
        color: #dc081d;
    }

    .uploaded-file-status.read[b-8op3zqdbjc] {
        color: #caccce;
    }

.uploaded-file-date[b-8op3zqdbjc] {
    color: #ffdfb8;
}

.uploaded-file-note[b-8op3zqdbjc] {
    color: #9DBBF9;
}

@media (min-width: 460px) {
    .uploaded-file-card[b-8op3zqdbjc] {
        flex-basis: 16%;
        gap: 12px;
        flex-grow: unset;
        flex-shrink: 1;
        min-width: 215px;
        max-width: 48%;
        padding: 44px 12px 12px 12px;
    }
}

@media (min-width: 800px) {
    .upload-form-wrapper > div:first-child[b-8op3zqdbjc] {
        padding: 20px 60px 12px 60px;
    }

    .uploaded-files-icon[b-8op3zqdbjc] {
        max-height: 50px;
    }

    div.upload-form-border[b-8op3zqdbjc] {
        border: 1px solid lightgrey;
        padding: 12px;
        border-radius: 8px;
        -webkit-box-shadow: 1px 10px 20px 1px rgba(0,0,0,0.13);
        box-shadow: 1px 10px 20px 1px rgba(0,0,0,0.13);
    }
}

@media (min-width: 1024px) {
    .upload-form-wrapper > div:first-child[b-8op3zqdbjc] {
        padding: 20px 100px 12px 100px;
    }
}
/*-------------------------- Med plan ----------------------*/
.medication-plan[b-8op3zqdbjc] {
    padding: 12px 6px;
    border-radius: 8px;
    background-color: #eaf1ff;
}

.mp-scan-btn-wrapper > button[b-8op3zqdbjc] {
    width: 100%;
}
/***********************/

/********** loading data modal *************/
.loading-modal[b-8op3zqdbjc] {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    padding: 12px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.loading-modal-content[b-8op3zqdbjc] {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    background: rgb(221, 229, 244);
    border-radius: 8px;
    text-align: center;
}

.loading-modal-img[b-8op3zqdbjc] {
    max-width: 300px;
    padding-top: 20px;
}
/***********************/

.no-cam-btn[b-8op3zqdbjc] {
    margin-top: 12px;
    padding: 6px;
    width: 100%;
    border: none;
    border-radius: 8px;
    color: #fff;
    background-color: #f5a000;
    -webkit-box-shadow: 6px 10px 20px -10px #3e4684;
    box-shadow: 6px 10px 20px -10px #3e4684;
}

.mp-scan-btn-wrapper[b-8op3zqdbjc] {
    margin: 20px auto 12px auto;
}

/**************************************************************/
.allergy-card[b-8op3zqdbjc] {
    margin-bottom: 12px;
    overflow: hidden;
    -webkit-box-shadow: 5px 5px 15px -1px rgb(0 0 0 / 38%);
    box-shadow: 5px 5px 15px -1px rgb(0 0 0 / 38%);
}

.allergy-card-header[b-8op3zqdbjc]{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.allergy-card-header[b-8op3zqdbjc] {
    color: var(--dark-blue-title-color);
    background-color: #9DBBF9;
}

.allergy-card-footer[b-8op3zqdbjc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    text-align: right;
    color: #6c6c6c;
    background-color: #9DBBF9;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.allergy-card-footer-skeleton[b-8op3zqdbjc] {
    color: #dbdbdb;
    background-color: #c9c9c9;
}

.allergy-card-body[b-8op3zqdbjc] {
    padding: 6px;
    background-color: #fff;
}

.allergy-card-img[b-8op3zqdbjc] {
    overflow: hidden;
}

.allergy-card-img > img[b-8op3zqdbjc] {
    max-height: 110px;
}

.allergy-card-title[b-8op3zqdbjc] {
    font-size: 28px;
    font-weight: 900;
    text-transform: uppercase;
}

.allergy-card-names[b-8op3zqdbjc] {
    font-size: 22px;
    font-weight: 500;
}

.allergy-item[b-8op3zqdbjc] {
    position: relative;
    margin-bottom: 6px;
    border: 1px solid #cecece;
    border-radius: 8px;
}

.allergy-item:last-child[b-8op3zqdbjc] {
    margin-bottom: 0;
}

.allergy-item-footer[b-8op3zqdbjc] {
    padding: 4px 8px;
    min-height: 34px;
    text-align: right;
    color: #5d5d5d;
    background-color: #efefef;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.allergy-item-footer > div > time[b-8op3zqdbjc] {
    color: #8692ab;
}

.allergy-item-content[b-8op3zqdbjc] {
    padding: 8px 6px;
}

.allergy-typ[b-8op3zqdbjc],
.allergy[b-8op3zqdbjc],
.allergy-free-text[b-8op3zqdbjc],
.allergy-reaction[b-8op3zqdbjc] {
    font-style: italic;
}

.allergy-typ-text[b-8op3zqdbjc],
.allergy-text[b-8op3zqdbjc],
.allergy-free-text-description[b-8op3zqdbjc],
.allergy-reaction-text[b-8op3zqdbjc] {
    padding: 0px 12px;
    border-radius: 8px;
    font-weight: 500;
}

.allergy-reaction-text[b-8op3zqdbjc] {
    color: #fff;
    background-color: #7c9db9;
}

.allergy-free-text-description[b-8op3zqdbjc] {
    color: #fff;
    background-color: #ff8f43;
}

.allergy-text[b-8op3zqdbjc] {
    color: #fff;
    background-color: #dc3545;
}

.allergy-typ-text[b-8op3zqdbjc] {
    color: #fff;
    background-color: #4c74c9;
}

.allergy-content-row[b-8op3zqdbjc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.allergy-content-row:last-child[b-8op3zqdbjc] {
    margin-bottom: 0;
}

.no-allergies[b-8op3zqdbjc] {
    padding: 30px 12px;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: var(--dark-blue-title-color);
    font-style: italic;
}

.add-allergy-btns[b-8op3zqdbjc] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
}

@media (min-width: 760px) {
    .allergy-card-title[b-8op3zqdbjc] {
        font-size: 36px;
    }

    .allergy-card-header[b-8op3zqdbjc] {
        gap: 12px;
        text-align: left;
        flex-direction: row;
    }
}
/* /Pages/Gast/GastTerminwunsch.razor.rz.scp.css */
.appointment-page[b-e5gjwzzo1z] {
    min-height: 100%;
    background-color: #5f76a7;
}

.appointment[b-e5gjwzzo1z] {
    max-width: 900px;
    margin: auto;
    padding: 8px 0;
    background-color: #fff;
}

.appointment-header[b-e5gjwzzo1z] {
    background-color: var(--score-background-color);
    background: linear-gradient(90deg, var(--score-background-color) 21px, transparent 1%) center, linear-gradient(var(--score-background-color) 21px, transparent 1%) center, #a799cc;
    background-size: 22px 22px;
}

.appointment-header-title[b-e5gjwzzo1z] {
    padding-bottom: 8px;
    text-align: center;
}

.appointment-header-title > div[b-e5gjwzzo1z] {
    position: relative;
    margin-bottom: 13px;
    top: 20px;
    border-top: 1px solid #fff;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.appointment-titel[b-e5gjwzzo1z] {
    display: block;
    position: relative;
    top: -14px;
    padding: 2px 5px;
    margin: 0 auto;
    width: 246px;
    background: #fff;
    color: var(--dark-blue-title-color);
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}

.appointment-header-title > img[b-e5gjwzzo1z] {
    max-height: 120px;
}

.no-devices[b-e5gjwzzo1z],
.error-message[b-e5gjwzzo1z] {
    padding: 8px 4px;
    text-align: center;
}

.no-devices > p:first-child[b-e5gjwzzo1z] {
    font-weight: 500;
    color: var(--dark-blue-title-color);
}

.no-devices > p:last-child[b-e5gjwzzo1z] {
    font-style: italic;
}

.error-message[b-e5gjwzzo1z] {
    color: var(--text-danger-color);
    font-weight: 500;
}

.select-device-title[b-e5gjwzzo1z],
.code-sent[b-e5gjwzzo1z] {
    text-align: center;
    font-weight: 500;
    color: var(--dark-blue-title-color);
}


.device-type-li[b-e5gjwzzo1z] {
    margin-bottom: 8px;
}

.device-type:last-child[b-e5gjwzzo1z] {
    margin-bottom: unset;
}

.device-card[b-e5gjwzzo1z],
.code-card[b-e5gjwzzo1z] {
    padding: 4px;
    background-color: #3b547e;
}

.device-card[b-e5gjwzzo1z] {
    cursor: pointer;
}

.code-card[b-e5gjwzzo1z] {
    margin: auto;
}

.device-card:hover[b-e5gjwzzo1z] {
    background-color: #4b70ad;
}

.device-card-header[b-e5gjwzzo1z],
.code-card-header[b-e5gjwzzo1z] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    color: #fff;
    height: 100%;
    width: 100%;
}

.device-icon > i[b-e5gjwzzo1z] {
    font-size: 28px;
}

.device-name[b-e5gjwzzo1z] {
    font-size: 20px;
}

.code-receiver-input[b-e5gjwzzo1z] {
    margin: 8px auto 12px auto;
}

.requesting-code-error[b-e5gjwzzo1z],
.confirm-code-error[b-e5gjwzzo1z] {
    margin: 12px auto;
    text-align: center;
    color: #ff5061;
    font-weight: 500;
}

.device-card-body > button > i[b-e5gjwzzo1z],
.code-card-body > button > i[b-e5gjwzzo1z] {
    margin-right: 6px;
}

.handy-receiver[b-e5gjwzzo1z] {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
}

.handy-number[b-e5gjwzzo1z] {
    flex-grow: 1;
}

.country-prefix-code > select[b-e5gjwzzo1z] {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}

.handy-number > input[b-e5gjwzzo1z] {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

.code-card[b-e5gjwzzo1z] {
    max-width: 480px;
}

.code-input[b-e5gjwzzo1z],
.code-card-header[b-e5gjwzzo1z] {
    margin-bottom: 8px;
    text-align: center;
}
.code-sent[b-e5gjwzzo1z]{
    margin-bottom: 4px;
    text-align: center;
}
.code-timer[b-e5gjwzzo1z] {
    margin-bottom: 4px;
    text-align: center;
    font-style: italic;
}

@media (min-width: 480px) {
    .code-card[b-e5gjwzzo1z] {
        border-radius: 8px;
    }

    .code-hint[b-e5gjwzzo1z] {
        font-size: 18px;
    }

    .code-icon[b-e5gjwzzo1z] {
        font-size: 24px;
    }
}

@media (min-width: 760px) {
    .appointment-header-title[b-e5gjwzzo1z] {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        gap: 20px;
        padding: 12px 0;
    }

    .appointment-titel[b-e5gjwzzo1z] {
        font-size: 22px;
    }

    .device-types-list[b-e5gjwzzo1z] {
        display: flex;
        justify-content: center;    
        align-items: stretch;
        gap: 12px;
        padding: 8px 4px;
    }

    .device-type-li[b-e5gjwzzo1z] {
        flex-grow: 1;
        max-width: 50%;
    }

    .select-device-title[b-e5gjwzzo1z] {
        padding-top: 12px;
        font-size: 18px;
    }

    .device-card[b-e5gjwzzo1z] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        border-radius: 8px;
    }

    .device-card-body[b-e5gjwzzo1z] {
        flex-grow: 1;
        width: 100%;
    }
}

@media (min-width: 900px) {
    .appointment[b-e5gjwzzo1z] {
        margin: 4px auto 12px auto;
        border-radius: 8px;
    }

    .no-devices > p:first-child[b-e5gjwzzo1z] {
        font-size: 18px;
    }
}
/* /Pages/Index.razor.rz.scp.css */
.index-page[b-bxwbcy0llk] {
    min-height: 100%;
    background-color: #dde5f4;
}

.personalized-index-wrapper[b-bxwbcy0llk] {
    position: relative;
    margin: auto;
    max-width: 1102px;
}

.login-wrapper[b-bxwbcy0llk] {
    padding: 6px 6px 12px 6px;
}

.login-form[b-bxwbcy0llk] {
    margin: auto;
    width: 340px;
    border-radius: 30px;
}

.welcome-title[b-bxwbcy0llk],
.portal-title[b-bxwbcy0llk] {
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 20px;
}

.portal-title[b-bxwbcy0llk] {
    margin-bottom: 8px;
}

.login-form-group[b-bxwbcy0llk] {
    display: flex;
    flex-direction: column;
    gap: 0.2em;
    margin-bottom: 8px;
    padding: 8px 20px;
    background: white;
    box-shadow: 0 0 2em #e6e9f9;
    border-radius: 20px;
    color: #4d4d4d;
}

.login-wrapper > form > div.login-form-group:first-child[b-bxwbcy0llk] {
    margin-bottom: 18px;
}

input.login-username[b-bxwbcy0llk],
input.login-password[b-bxwbcy0llk] {
    outline: none;
    border: none;
    padding-left: 12px;
}

inpput.login-username[b-bxwbcy0llk] {
    width: 92%;
}

input.login-password[b-bxwbcy0llk] {
    width: 84%;
}


.login-form-group > span[b-bxwbcy0llk] {
    font-weight: 500;
    color: var(--dark-blue-title-color);
}

.person-icon[b-bxwbcy0llk],
.key-icon[b-bxwbcy0llk],
.eye-icon[b-bxwbcy0llk],
.unlocked-icon[b-bxwbcy0llk],
.account-login-icon[b-bxwbcy0llk],
.hh-icon[b-bxwbcy0llk] {
    top: 2px;
}

.hh-icon[b-bxwbcy0llk] {
    margin-left: 6px;
}

.forgot-password[b-bxwbcy0llk] {
    display: block;
    margin-bottom: 8px;
    text-indent: 6px;
}

.login-btn[b-bxwbcy0llk] {
    display: block;
    margin: auto;
    width: 100%;
}

.hospital-img-wrapper[b-bxwbcy0llk] {
    text-align: center;
}

img.hospital-img[b-bxwbcy0llk] {
    max-height: 100%;
    max-width: 100%;
    margin: 0 -100%;
}

.hospital-intro[b-bxwbcy0llk] {
    display: inline-block;
    margin: auto;
    padding: 12px 6px;
    text-align: center;
}

span.hospital-name[b-bxwbcy0llk] {
    font-weight: 900;
    color: #A41741;
}

.hispital-name[b-bxwbcy0llk] {
    font-size: 26px;
    color: #A41741;
    text-transform: uppercase;
    font-weight: 900;
}

.hispital-slogan[b-bxwbcy0llk] {
    font-style: italic;
    color: #848484;
}

.hispital-description[b-bxwbcy0llk] {
    margin-bottom: 10px;
}

.hospital-message-wrapper[b-bxwbcy0llk] {
    padding: 12px 6px;
    background-color: #E6E5E2;
    color: #5C5C5B;
    border-radius: 8px;
}

.hospital-message > h4[b-bxwbcy0llk] {
    text-align: center;
    font-weight: 600;
}

.welcome-title[b-bxwbcy0llk], .portal-title[b-bxwbcy0llk] {
    text-align: center;
}

.index-additional-info-inner[b-bxwbcy0llk] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: #ffffff;
}

@media (min-width: 500px) {
    img.hospital-img[b-bxwbcy0llk] {
        max-width: unset;
    }

    .hospital-img-wrapper[b-bxwbcy0llk] {
        z-index: 2;
        width: 500px;
        height: 500px;
        overflow: hidden;
        position: relative;
        border-radius: 50%;
        margin: auto;
    }
}

@media (min-width: 870px) {
    .index-additional-info[b-bxwbcy0llk] {
        position: relative;
        top: -50px;
    }

    .index-additional-info-inner[b-bxwbcy0llk] {
        flex-direction: row-reverse;
        padding: 60px 20px 40px 20px;
    }

    .index-main[b-bxwbcy0llk] {
        display: flex;
        justify-content: space-between;
    }

    .hospital-img-wrapper[b-bxwbcy0llk] {
        margin-right: 10px;
    }

    .welcome-title[b-bxwbcy0llk],
    .portal-title[b-bxwbcy0llk] {
        text-align: left;
    }

    .hospital-message-wrapper[b-bxwbcy0llk] {
        position: relative;
        top: -16px;
    }

    .hosital-welcome-wrapper[b-bxwbcy0llk] {
        padding-left: 8px;
    }
}

@media (min-width: 900px) {
    .personalized-index-wrapper[b-bxwbcy0llk] {
        padding-top: 50px;
    }

    .hospital-img-wrapper[b-bxwbcy0llk] {
        margin-right: 20px;
    }

    .login-form[b-bxwbcy0llk] {
        margin: unset;
    }
}

@media (min-width: 1000px) {
    span.hospital-name[b-bxwbcy0llk] {
        text-transform: uppercase;
    }

    .welcome-title[b-bxwbcy0llk],
    .portal-title[b-bxwbcy0llk] {
        font-size: 26px;
    }

    .hospital-intro[b-bxwbcy0llk] {
        padding-left: 30px;
    }

    .unlock-account-wrapper[b-bxwbcy0llk] {
        max-width: 50%;
    }
}

.unlock-account[b-bxwbcy0llk] {
    text-align: center;
    padding: 12px 6px 2px 6px;
}

.resend-code[b-bxwbcy0llk] {
    text-align: center;
    padding: 12px 6px 18px 6px;
}

.primary-btn.confirm-btn[b-bxwbcy0llk] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.secondary-btn.resend-btn[b-bxwbcy0llk] {
    margin-top: 8px;
}

.resend-code-hint[b-bxwbcy0llk] {
    font-weight: 600;
    color: #5C5C5B;
}

.unlock-account-hint[b-bxwbcy0llk] {
    font-weight: 600;
    color: #A41741;
}

.unlock-form-code-input-group[b-bxwbcy0llk] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
}

.unlock-code-error[b-bxwbcy0llk],
.login-error[b-bxwbcy0llk] {
    margin-top: 4px;
    color: var(--text-danger-color);
    font-weight: 600;
}

.new-code-sent[b-bxwbcy0llk] {
    margin: 12px 6px;
    text-align: center;
    color: #00b11e;
    font-weight: 500;
    font-size: 20px;
}

.login-error[b-bxwbcy0llk] {
    text-align: center;
}

.not-personalized-wrapper[b-bxwbcy0llk] {
    margin: auto;
    padding-top: 50px;
}

.index-news-logo[b-bxwbcy0llk] {
    flex-grow: 1;
    flex-basis: 50%;
}

    .index-news-logo > img[b-bxwbcy0llk] {
        margin: 20px 0 0 20px;
        max-height: 150px;
        max-width: 460px;
    }

.skeleton-wrapper[b-bxwbcy0llk],
.index-main-skeleton[b-bxwbcy0llk] {
    margin: auto;
    max-width: 900px;
}

.welcome-title-skeleton[b-bxwbcy0llk],
.portal-title-skeleton[b-bxwbcy0llk],
.login-btn-skeleton[b-bxwbcy0llk],
.hospital-img-skeleton[b-bxwbcy0llk] {
    border-radius: 8px;
    font-weight: 600;
    color: #dbdbdb;
    background-color: #cbcbcb;
    background-image: -webkit-linear-gradient(left, #cbcbcb 0px, #f4f4f4 40px, #cbcbcb 80px);
    background-image: -o-linear-gradient(left, #cbcbcb 0px, #f4f4f4 40px, #cbcbcb 80px);
    background-image: linear-gradient(90deg, #cbcbcb 0px, #f4f4f4 40px, #cbcbcb 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

.welcome-title-skeleton[b-bxwbcy0llk],
.portal-title-skeleton[b-bxwbcy0llk] {
    margin-bottom: 12px;
    padding: 12px 6px;
}

.login-btn-skeleton[b-bxwbcy0llk] {
    width: 100%;
    padding: 6px;
}

.forgot-password-skeleton[b-bxwbcy0llk] {
    color: #cccdcc;
}

.login-form-group-skeleton[b-bxwbcy0llk] {
    display: flex;
    flex-direction: column;
    gap: 0.2em;
    margin-bottom: 8px;
    padding: 8px 20px;
    background: #eaeaea;
    box-shadow: 0 0 2em #d3d3d3;
    border-radius: 20px;
    color: #dbdbdb;
}

.hospital-img-skeleton-wrapper[b-bxwbcy0llk] {
    text-align: center;
}

.hospital-img-skeleton[b-bxwbcy0llk] {
    display: inline-block;
    height: 500px;
    width: 500px;
    margin: 12px auto 0 auto;
}

.login-wrapper-skeleton[b-bxwbcy0llk] {
    margin: auto;
    width: 340px;
}

.skeleton-news[b-bxwbcy0llk] {
    margin-bottom: 12px;
    padding: 70px;
    border-radius: 8px;
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

@media (min-width: 500px) {
    .hospital-img-skeleton[b-bxwbcy0llk] {
        border-radius: 50%;
    }
}

@media (min-width: 870px) {
    .index-main-skeleton[b-bxwbcy0llk] {
        display: flex;
        justify-content: space-between;
    }

    .login-wrapper-skeleton[b-bxwbcy0llk] {
        margin: unset;
        margin-top: 20px;
    }

    .skeleton-news[b-bxwbcy0llk] {
        position: relative;
        top: -76px;
    }

    .hospital-img-skeleton[b-bxwbcy0llk] {
        position: relative;
        z-index: 2;
    }
}

input.login-password[b-bxwbcy0llk]::-ms-reveal,
input.login-password[b-bxwbcy0llk]::-ms-clear {
    display: none;
}
/* /Pages/PatientenAufgaben/Aufgaben.razor.rz.scp.css */
.tasks-main-wrapper[b-w3vj24dgbm] {
    position: relative;
    min-height: 100%;
    background-color: #dde5f4;
    background-color: #5f76a7;
}

.clipboard[b-w3vj24dgbm] {
    margin: auto;
    max-width: 1080px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.clipboard-content[b-w3vj24dgbm] {
    padding: 6px 2px;
}

.tasks-deco[b-w3vj24dgbm] {
    min-height: 240px;
    text-align: center;
    background-color: var(--background-dark-blue-color);
    background: linear-gradient(90deg, var(--background-dark-blue-color) 21px, transparent 1%) center, linear-gradient(var(--background-dark-blue-color) 21px, transparent 1%) center, #a799cc;
    background-size: 22px 22px;
}

.tasks-deco-inner[b-w3vj24dgbm] {
    flex-basis: 100%;
    position: relative;
    max-width: 1080px;
}

.tasks-title-wrapper[b-w3vj24dgbm] {
    position: relative;
    margin-bottom: 13px;
    top: 20px;
    border-top: 1px solid #fff;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.tasks-titel[b-w3vj24dgbm] {
    display: block;
    position: relative;
    top: -14px;
    padding: 2px 5px;
    margin: 0 auto;
    width: 246px;
    background: #fff;
    color: var(--dark-blue-title-color);
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}

.tasks-deco-inner > img[b-w3vj24dgbm] {
    max-height: 120px;
}

.task-item[b-w3vj24dgbm] {
    position: relative;
    z-index: 2;
    margin-bottom: 6px;
    -webkit-box-shadow: 2px 2px 7px 1px rgb(0 0 0 / 28%);
    box-shadow: 2px 2px 7px 1px rgb(0 0 0 / 28%);
}

    .task-item:last-child[b-w3vj24dgbm] {
        margin-bottom: unset;
    }

.task-card[b-w3vj24dgbm] {
    border-radius: 8px;
}

.task-card-header[b-w3vj24dgbm] {
    padding: 6px 2px 4px 2px;
    color: #fff;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.task-card-header-content[b-w3vj24dgbm] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.clipboard-content-title[b-w3vj24dgbm] {
    margin-bottom: 6px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--dark-blue-title-color);
}

.task-card-icon > i[b-w3vj24dgbm] {
    font-size: 40px;
}

.task-name[b-w3vj24dgbm] {
    font-weight: 500;
}

.task-card-body[b-w3vj24dgbm] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2px;
    background-color: #f5f5f5;
    text-align: center;
    border-block: 1px solid #dedede;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.task-link-btn[b-w3vj24dgbm] {
    padding: 6px 10px;
    margin: 8px auto 2px auto;
    min-width: 100px;
    border: none;
    border-radius: 8px;
    font-size: 1.0rem;
    text-align: center;
    color: #fff;
    font-weight: 500;
}

    .task-link-btn:hover[b-w3vj24dgbm] {
        background: rgb(51,51,51) !important;
        color: var(--button-text-color);
    }

    .task-link-btn.anchor-tag[b-w3vj24dgbm] {
        display: inline-block;
    }

.task-read-date[b-w3vj24dgbm] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 8px 2px;
    font-weight: 500;
    font-size: 14px;
    font-style: italic;
    color: var(--dark-blue-title-color);
}

.task-description[b-w3vj24dgbm] {
    padding: 4px 0 0 0;
    font-weight: 500;
    color: #4f4f4f;
}

.circle-right-icon[b-w3vj24dgbm] {
    top: 2px;
    margin-left: 6px;
}

.no-tasks[b-w3vj24dgbm] {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
    padding: 20px 6px;
    background-color: #fff;
    text-align: center;
    color: var(--dark-blue-title-color);
    border-radius: 8px;
    font-weight: 500;
    font-size: 20px;
}

    .no-tasks > .fa[b-w3vj24dgbm] {
        font-size: 32px;
    }


    .no-tasks.loading-error[b-w3vj24dgbm] {
        color: var(--text-danger-color);
    }

.task-done-tag[b-w3vj24dgbm] {
    margin-top: 4px;
    background-color: #a1a1a1;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 8px;
    color: #fff;
}

.clipboard[b-w3vj24dgbm] {
    position: relative;
    top: -72px;
    border-radius: 8px;
}

@media (min-width: 440px) {
    .task-read-date[b-w3vj24dgbm] {
        justify-content: space-between;
    }
}



@media (min-width: 760px) {
    .task-card[b-w3vj24dgbm] {
        display: flex;
    }

    .task-card-header[b-w3vj24dgbm],
    .task-card-body[b-w3vj24dgbm] {
        flex-grow: 1;
        width: 50%;
    }

    .task-card-header[b-w3vj24dgbm] {
        border-bottom-left-radius: 8px;
        border-top-right-radius: unset;
    }

    .task-card-body[b-w3vj24dgbm] {
        border-bottom-left-radius: unset;
        border-top-right-radius: 8px;
    }

    .clipboard-content[b-w3vj24dgbm] {
        padding: 12px;
    }

    .tasks-deco[b-w3vj24dgbm] {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: start;
        gap: 20px;
        padding-top: 12px;
    }

    .clipboard[b-w3vj24dgbm] {
        top: -60px;
    }

    .tasks-titel[b-w3vj24dgbm] {
        width: 310px;
        font-size: 22px;
    }
}

.task-to-done-btn[b-w3vj24dgbm] {
    display: inline-block;
    padding: 6px 6px 2px 6px;
    cursor: pointer;
}

.done-text[b-w3vj24dgbm] {
    font-style: italic;
}

@media (min-width: 960px) {
    .task-to-done[b-w3vj24dgbm] {
        padding: 0 8px;
        text-align: right;
    }

    .task-name[b-w3vj24dgbm] {
        padding-left: 8px;
        flex-grow: 1;
        text-align: left;
    }

    .task-card-header-content[b-w3vj24dgbm] {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .task-card-icon[b-w3vj24dgbm] {
        margin-left: 12px;
    }

    .task-card-header[b-w3vj24dgbm] {
        display: flex;
        flex-direction: column;
    }
}

.tasks-timeline-group[b-w3vj24dgbm] {
    position: relative;
    margin: 8px auto;
    text-align: center;
}

.tasks-timeline-time[b-w3vj24dgbm] {
    display: inline-block;
    position: relative;
    padding: 2px 6px;
    z-index: 1;
    background-color: #fff;
    font-weight: 500;
    border-radius: 8px;
    color: var(--dark-blue-title-color);
    font-style: italic;
    -webkit-box-shadow: 2px 2px 7px 1px rgb(0 0 0 / 28%);
    box-shadow: 2px 2px 7px 1px rgb(0 0 0 / 28%);
}

.tasks-timeline-group:first-child[b-w3vj24dgbm] {
    margin-top: unset;
}

    .tasks-timeline-group:first-child .vertical-line[b-w3vj24dgbm] {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
        width: 4px;
        height: 50px;
        background-color: #fff;
        z-index: 0;
    }

.tasks-timeline-group:not(.tasks-timeline-group:first-child) .vertical-line[b-w3vj24dgbm] {
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%);
    width: 4px;
    height: 50px;
    background-color: #fff;
    z-index: 0;
}
/* The switch */

.switches-wrapper[b-w3vj24dgbm] {
    display: flex;
    justify-content: space-between;
}
/*.switch-wrapper {
    position: absolute;
    bottom: -26px;
    right: 16px;
    z-index:2;
    text-align: right
}*/
/* The switch - the box around the slider */
.switch[b-w3vj24dgbm] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input[b-w3vj24dgbm] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-w3vj24dgbm] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider[b-w3vj24dgbm]:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider[b-w3vj24dgbm] {
    background-color: #2196F3;
}

input:focus + .slider[b-w3vj24dgbm] {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider[b-w3vj24dgbm]:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round[b-w3vj24dgbm] {
    border-radius: 34px;
}

    .slider.round[b-w3vj24dgbm]:before {
        border-radius: 50%;
    }

.switch-text[b-w3vj24dgbm] {
    display: block;
    color: #fff;
    font-style: italic;
    font-size: 14px;
    line-height: normal;
}

.switches-wrapper[b-w3vj24dgbm] {
    padding-left: 6px;
}

@media (min-width: 520px) {
    .switches-wrapper[b-w3vj24dgbm] {
        padding: 0 12px;
    }
}

@media (min-width: 760px) {
    .switch-wrapper[b-w3vj24dgbm] {
        bottom: -46px;
    }

    .tasks-deco-inner[b-w3vj24dgbm] {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .tasks-deco[b-w3vj24dgbm] {
        min-height: 194px;
    }
}
/* /Pages/PatientenAufgaben/Therapietagebuch.razor.rz.scp.css */
.journal-page[b-pohtqkvyho] {
    min-height: 100%;
    background-color: #5f76a7;
}
.journal[b-pohtqkvyho],
.journal-inner[b-pohtqkvyho] {
    max-width: 900px;
    margin: auto;
}

.journal[b-pohtqkvyho] {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 5px 5px 15px -1px rgb(0 0 0 / 38%);
    box-shadow: 5px 5px 15px -1px rgb(0 0 0 / 38%);
}

.journal-note-input[b-pohtqkvyho] {
    padding: 12px;
    background-color: #e9f0ff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.journal-header[b-pohtqkvyho] {
    background-color: var(--score-background-color);
    background: linear-gradient(90deg, var(--score-background-color) 21px, transparent 1%) center, linear-gradient(var(--score-background-color) 21px, transparent 1%) center, #a799cc;
    background-size: 22px 22px;
}
.journal-header-title[b-pohtqkvyho] {
    text-align: center;
}
.journal-header-title > div[b-pohtqkvyho] {
    position: relative;
    margin-bottom: 13px;
    top: 20px;
    border-top: 1px solid #fff;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.journal-titel[b-pohtqkvyho] {
    display: block;
    position: relative;
    top: -14px;
    padding: 2px 5px;
    margin: 0 auto;
    width: 246px;
    background: #fff;
    color: var(--dark-blue-title-color);
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}

.journal-header-title > img[b-pohtqkvyho] {
    max-height: 120px;
}
.journal-header-btns[b-pohtqkvyho] {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding: 12px 6px;
}
.journal-header-btns > button[b-pohtqkvyho] {
    border: none;
    border-radius: 8px;
    padding: 4px 6px;
    -webkit-box-shadow: 6px 10px 20px -10px #3e4684;
    box-shadow: 6px 10px 20px -10px #3e4684;
    flex-basis: 50%;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background-color: #4F82DC;
}

 .journal-header-btns > button.on-hover:hover[b-pohtqkvyho] {
     background: rgb(137 137 137);
     background: linear-gradient(0deg, rgb(137 137 137) 23%, rgb(122 116 116) 50%, rgb(137 137 137) 77%);
     color: var(--button-text-color);
 }

.journal-header-btns > button.selected-type[b-pohtqkvyho] {
    color: var(--dark-blue-title-color);
    background-color: #fff;
}

.journal-header-btns > button > i[b-pohtqkvyho]{
    margin-right: 4px;
}

.note-submit-btn[b-pohtqkvyho] {
    margin-top: 6px;
}

.note-submit-btn > i[b-pohtqkvyho] {
    margin-right: 4px;
}

.journal-notes[b-pohtqkvyho] {
    margin: 6px auto;
}

.journal-notes-history[b-pohtqkvyho] {
    padding: 1px;
}

.my-notes[b-pohtqkvyho] {
    text-align: center;
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 20px;
}

.period-btns-wrapper[b-pohtqkvyho] {
    display: flex;
    justify-content: space-around;
    gap: 2px;
    margin: 6px auto 12px auto;
}
.period-btns-wrapper > button[b-pohtqkvyho] {
    flex-shrink: 1;
    flex-grow: 1;
}
.note-card[b-pohtqkvyho] {
    margin-bottom: 6px;
    padding: 6px;
    border-radius: 8px;
    background-color: #f7faff;
    text-align: justify;
    color: var(--dark-blue-title-color);
    border: 1px solid #dae9ff;
}
.note-date[b-pohtqkvyho] {
    background-color: #5695c6;
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
}

.notes-loading-error[b-pohtqkvyho],
.vw-loading-error[b-pohtqkvyho] {
    padding: 20px 12px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-danger-color);
}

.no-notes[b-pohtqkvyho] {
    padding: 12px;
    text-align:center;
}

.no-notes > img[b-pohtqkvyho]{
    max-height: 120px;
}
.no-notes > p[b-pohtqkvyho] {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
}

.current-period[b-pohtqkvyho] {
    text-align: center; 
    font-weight: 500;
    font-style: italic;
}

.navigation-nav-wrapper[b-pohtqkvyho] {
    margin: 12px auto;
}

.nav-btn[b-pohtqkvyho] {
    background-color: #4F82DC;
    color: #fff;
}

.nav-curr-page[b-pohtqkvyho] {
    font-weight: 900;
    color: var(--dark-blue-title-color);
}

.active-v-tab[b-pohtqkvyho] {
    background-color: red;
}

.vital-tabs-wrapper[b-pohtqkvyho] {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 12px;
    padding: 12px 6px;
    background-color: #e9f0ff;
}

    .vital-tabs-wrapper > button[b-pohtqkvyho],
    .fake-vw-btn[b-pohtqkvyho] {
        flex-basis: calc(50% - 6px);
    }

.vw-btn-icon[b-pohtqkvyho] {
    display: none;
}

.fake-vw-btn[b-pohtqkvyho] {
    display: inline-block;
    border-radius: 8px;
    padding: 12px;
    color: #f5f5f5;
    background-color: #e0e0e0;
    background-image: -webkit-linear-gradient(left, #e0e0e0 0px, #f4f4f4 40px, #e0e0e0 80px);
    background-image: -o-linear-gradient(left, #e0e0e0 0px, #f4f4f4 40px, #e0e0e0 80px);
    background-image: linear-gradient(90deg, #e0e0e0 0px, #f4f4f4 40px, #e0e0e0 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

.non-existing-vw[b-pohtqkvyho] {
    padding: 28px 6px;
    text-align: center;
}
.non-existing-vw > img[b-pohtqkvyho] {
    margin-bottom: 12px;
    max-height: 120px;
    max-width: 100%;
}
.non-existing-vw > p[b-pohtqkvyho] {   
    color: var(--dark-blue-title-color);
    font-weight: 600;
    font-size: 20px;
}

@media (min-width: 480px) {
    .vw-btn-icon[b-pohtqkvyho] {
        display: inline-block;
        margin-right: 4px;
    }
}

@media (min-width: 680px) {
    .vital-tabs-wrapper > button[b-pohtqkvyho],
    .fake-vw-btn[b-pohtqkvyho] {
        flex-basis: calc(25% - 9px);
    }
}
@media (min-width: 760px) {
    .journal-header-title[b-pohtqkvyho] {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        gap: 20px;
        padding-top: 12px;
    }
    .journal-titel[b-pohtqkvyho] {
        width: 300px;
        font-size: 22px;
    }
}

.no-vw[b-pohtqkvyho] {
    padding: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: red;
}
/* /Pages/Patient/Allergieausweis.razor.rz.scp.css */
.allergy-page[b-3ix46zs34u] {
    min-height: 100%;
    background-color: #5f76a7;
}

.allergies[b-3ix46zs34u] {
    max-width: 900px;
    margin: auto;
    background-color: #fff;
    border-radius: 8px;
}

.allergy-header[b-3ix46zs34u] {
    background-color: var(--score-background-color);
    background: linear-gradient(90deg, var(--score-background-color) 21px, transparent 1%) center, linear-gradient(var(--score-background-color) 21px, transparent 1%) center, #a799cc;
    background-size: 22px 22px;
}

.allergy-header-title[b-3ix46zs34u] {
    padding-bottom: 8px;
    text-align: center;
}

.allergy-header-title > div[b-3ix46zs34u] {
    position: relative;
    margin-bottom: 13px;
    top: 20px;
    border-top: 1px solid #fff;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.allergy-titel[b-3ix46zs34u] {
    display: block;
    position: relative;
    top: -14px;
    padding: 2px 5px;
    margin: 0 auto;
    width: 246px;
    background: #fff;
    color: var(--dark-blue-title-color);
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}

.allergy-header-title > img[b-3ix46zs34u] {
    max-height: 120px;
}

.allergy-card[b-3ix46zs34u],
.allergy-card-skeleton[b-3ix46zs34u] {
    margin-bottom: 12px;
    overflow: hidden;
    -webkit-box-shadow: 5px 5px 15px -1px rgb(0 0 0 / 38%);
    box-shadow: 5px 5px 15px -1px rgb(0 0 0 / 38%);
}

.allergy-card-header[b-3ix46zs34u],
.fake-allergy-card-header-skeleton[b-3ix46zs34u] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:12px;
    padding: 12px;
    text-align: center;
}

.allergy-card-header[b-3ix46zs34u] {
    color: var(--dark-blue-title-color);
    background-color: #9DBBF9;
}

.allergy-card-footer[b-3ix46zs34u],
.allergy-card-footer-skeleton[b-3ix46zs34u] {
    padding: 12px;
    text-align: right;
    color: #6c6c6c;
    background-color: #e5da5e;
}

.allergy-card-footer[b-3ix46zs34u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #6c6c6c;
    background-color: #9DBBF9;
}

.allergy-card-footer-skeleton[b-3ix46zs34u] {
    color: #dbdbdb;
    background-color: #c9c9c9;
}

.allergy-card-img[b-3ix46zs34u] {
    overflow: hidden;
}
.allergy-card-img > img[b-3ix46zs34u] {
    max-height: 54px;
}

.fake-img[b-3ix46zs34u] {
    width: 54px;
    height: 54px;
    display: inline-block;
    border-radius: 50%;
    background-color: #dbdbdb;
}

.allergy-card-title[b-3ix46zs34u],
.allergy-card-title-skeleton[b-3ix46zs34u] {
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
}
.allergy-card-names[b-3ix46zs34u],
.allergy-card-names-skeleton[b-3ix46zs34u] {
    font-size: 18px;
    font-weight: 600;
}
.allergy-card-names[b-3ix46zs34u]{
    color: #fff;
}
.allergy-card-title[b-3ix46zs34u] {
    color: var(--dark-blue-title-color);
}

.allergy-item-footer-skeleton[b-3ix46zs34u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
    min-height: 34px;
    text-align: right;
    background-color: #f8f8f8;
}
.allergy-item-content-skeleton[b-3ix46zs34u] {
    padding: 8px 6px;
    color: #dbdbdb;
}

.fake-allergy-card-header-skeleton[b-3ix46zs34u],
.allergy-card-footer-skeleton[b-3ix46zs34u] {
    color: #dbdbdb;
    border: 1px solid #dae9ff;
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

.allergy-item-footer-skeleton > div > time[b-3ix46zs34u],
.allergy-del-btn-skeleton[b-3ix46zs34u],
.allergy-text-skeleton[b-3ix46zs34u] {
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    color: #dbdbdb;
    background-color: #cbcbcb;
    background-image: -webkit-linear-gradient(left, #cbcbcb 0px, #f4f4f4 40px, #cbcbcb 80px);
    background-image: -o-linear-gradient(left, #cbcbcb 0px, #f4f4f4 40px, #cbcbcb 80px);
    background-image: linear-gradient(90deg, #cbcbcb 0px, #f4f4f4 40px, #cbcbcb 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

.allergy-content-row-skeleton[b-3ix46zs34u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.allergy-content-row-skeleton:last-child[b-3ix46zs34u]{
    margin-bottom: 0;
}

.loading-error[b-3ix46zs34u] {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
    color: var(--text-danger-color);
}
.allergies-compnent-wrapper[b-3ix46zs34u] {
    padding: 2px;
}
@media (min-width: 760px) {
    .allergy-header-title[b-3ix46zs34u] {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        gap: 20px;
        padding: 12px 0;
    }

    .allergy-titel[b-3ix46zs34u] {
        font-size: 22px;
    }

    .allergy-card-title[b-3ix46zs34u] {
        font-size: 36px;
    }

    .allergy-header[b-3ix46zs34u] {
        height: 180px;
    }

    .allergies[b-3ix46zs34u] {
        position: relative;
        top: -40px;
    }

    .allergy-card-img > img[b-3ix46zs34u] {
        max-height: 72px;
    }

    .allergy-card-title[b-3ix46zs34u],
    .allergy-card-title-skeleton[b-3ix46zs34u] {
        font-size: 28px;
    }

    .allergy-card-names[b-3ix46zs34u],
    .allergy-card-names-skeleton[b-3ix46zs34u] {
        font-size: 22px;
    }

    .allergy-card-header[b-3ix46zs34u],
    .fake-allergy-card-header-skeleton[b-3ix46zs34u] {
        text-align: left;
        flex-direction: row;
        justify-content: left;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .allergy-card-footer[b-3ix46zs34u],
    .allergy-card-footer-skeleton[b-3ix46zs34u] {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .allergies-compnent-wrapper[b-3ix46zs34u] {
        padding: 8px;
    }
}
/* /Pages/Patient/Ernaehrungsformen.razor.rz.scp.css */
.nutrition-forms-page[b-hxx6uccri0] {
    min-height: 100%;
    background-color: #5f76a7;
}

.nutrition-forms-wrapper[b-hxx6uccri0] {
    max-width: 900px;
    margin: auto;
    background-color: #fff;
    border-radius: 8px;
}

.nutrition-forms-header[b-hxx6uccri0] {
    background-color: var(--score-background-color);
    background: linear-gradient(90deg, var(--score-background-color) 21px, transparent 1%) center, linear-gradient(var(--score-background-color) 21px, transparent 1%) center, #a799cc;
    background-size: 22px 22px;
}

.nutrition-forms-header-title[b-hxx6uccri0] {
    padding-bottom: 8px;
    text-align: center;
}

    .nutrition-forms-header-title > div[b-hxx6uccri0] {
        position: relative;
        margin-bottom: 13px;
        top: 20px;
        border-top: 1px solid #fff;
        font-weight: 900;
        text-transform: uppercase;
        text-align: center;
    }

    .nutrition-forms-header-title > img[b-hxx6uccri0] {
        max-height: 120px;
    }

.nutrition-forms-titel[b-hxx6uccri0] {
    display: block;
    position: relative;
    top: -14px;
    padding: 2px 5px;
    margin: 0 auto;
    width: 300px;
    background: #fff;
    color: var(--dark-blue-title-color);
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}

/***********************************/
.diet-page-wrapper[b-hxx6uccri0] {
    padding: 70px 6px 20px 6px;
    min-height: 100%;
    background-color: #690069;
}

.diet-inner-wrapper[b-hxx6uccri0] {
    max-width: 1080px;
    margin: auto;
}

.diet-header[b-hxx6uccri0] {
    position: relative;
    margin: auto;
    max-width: 1080px;
}

.title-wrapper > h4.diet-title[b-hxx6uccri0] {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 5px;
    color: #fff;
}

    .title-wrapper > h4.diet-title[b-hxx6uccri0]:before {
        width: 50px;
        height: 5px;
        display: block;
        content: "";
        position: absolute;
        bottom: 3px;
        left: 50%;
        margin-left: -25px;
        background-color: #fff;
    }

    .title-wrapper > h4.diet-title[b-hxx6uccri0]:after {
        width: 336px;
        height: 1px;
        display: block;
        content: "";
        position: relative;
        margin-top: 8px;
        left: 50%;
        margin-left: -168px;
        background-color: #fff;
    }

.diets-wrapper[b-hxx6uccri0] {
    max-width: 1080px;
    margin: auto;
    background-color: #fff;
}

.loading-error[b-hxx6uccri0] {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
    color: var(--text-danger-color);
}

.diets-card[b-hxx6uccri0],
.nutrition-card-skeleton[b-hxx6uccri0] {
    margin-bottom: 20px;
    overflow: hidden;
    -webkit-box-shadow: 5px 5px 15px -1px rgb(0 0 0 / 38%);
    box-shadow: 5px 5px 15px -1px rgb(0 0 0 / 38%);
}

.diets-card-header[b-hxx6uccri0],
.fake-nutrition-card-header-skeleton[b-hxx6uccri0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px;
}

.diets-card-header[b-hxx6uccri0] {
    color: var(--dark-blue-title-color);
    background-color: #9DBBF9;
}

.diets-card-footer[b-hxx6uccri0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    text-align: right;
}

.diets-card-footer[b-hxx6uccri0] {
    color: #6c6c6c;
    background-color: #9DBBF9;
}

.fake-nutrition-card-footer-skeleton[b-hxx6uccri0] {
    padding: 12px;
    color: #dbdbdb;
    background-color: #c9c9c9;
    text-align: right;
}


.diets-card-img[b-hxx6uccri0] {
    overflow: hidden;
}

    .diets-card-img > img[b-hxx6uccri0] {
        height: 54px;
    }

.diets-card-title[b-hxx6uccri0],
.diets-card-title-skeleton[b-hxx6uccri0] {
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
}

.diets-card-title[b-hxx6uccri0] {
    color: var(--dark-blue-title-color);
}

.diets-card-names[b-hxx6uccri0],
.diets-card-names-skeleton[b-hxx6uccri0] {
    font-size: 18px;
    font-weight: 600;
}

.diets-card-names[b-hxx6uccri0] {
    color: #fff;
}

.diets-card-footer .oi.oi-cart[b-hxx6uccri0] {
    top: 1px;
}

/****************************************************/
.nutrition-card-skeleton[b-hxx6uccri0] {
    margin-bottom: 12px;
    overflow: hidden;
    -webkit-box-shadow: 5px 5px 15px -1px rgb(0 0 0 / 38%);
    box-shadow: 5px 5px 15px -1px rgb(0 0 0 / 38%);
}

.fake-img[b-hxx6uccri0] {
    width: 54px;
    height: 54px;
    display: inline-block;
    border-radius: 50%;
    background-color: #dbdbdb;
}

.diets-items-skeletons-wrapper[b-hxx6uccri0] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    padding: 6px 6px 0 6px;
}

.diets-item-skeleton[b-hxx6uccri0] {
    flex-grow: 1;
    flex-basis: 100%;
    height: 26px;
    border-radius: 8px;
}

.fake-nutrition-card-header-skeleton[b-hxx6uccri0],
.fake-nutrition-card-footer-skeleton[b-hxx6uccri0] {
    color: #dbdbdb;
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

.diets-item-skeleton[b-hxx6uccri0] {
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
    color: #dbdbdb;
    background-color: #cbcbcb;
    background-image: -webkit-linear-gradient(left, #cbcbcb 0px, #f4f4f4 40px, #cbcbcb 80px);
    background-image: -o-linear-gradient(left, #cbcbcb 0px, #f4f4f4 40px, #cbcbcb 80px);
    background-image: linear-gradient(90deg, #cbcbcb 0px, #f4f4f4 40px, #cbcbcb 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

.form-type-title[b-hxx6uccri0] {
    margin-bottom: 6px;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    color: #3963b9;
}

.diaetberatung-buchen[b-hxx6uccri0] {
    padding: 0 6px;
    margin-bottom: 12px;
    text-align: center;
}

.diaetberatung-component-wrapper[b-hxx6uccri0] {
    max-height: calc(100vh - 74px);
    overflow: auto;
}

@media (min-width: 760px) {
    .form-type-title[b-hxx6uccri0] {
        font-size: 22px;
    }

    .nutrition-forms-header-title[b-hxx6uccri0] {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        gap: 20px;
        padding: 12px 0;
    }

    .nutrition-forms-titel[b-hxx6uccri0] {
        width: 410px;
        font-size: 22px;
    }

    .nutrition-forms-header[b-hxx6uccri0] {
        height: 180px;
    }

    .nutrition-forms-wrapper[b-hxx6uccri0] {
        position: relative;
        top: -40px;
    }

    .diets-card-title[b-hxx6uccri0] {
        font-size: 26px;
    }

    .diets-card-names[b-hxx6uccri0] {
        font-size: 22px;
        color: #fff;
        font-weight: 600;
    }

    .diets-card-img > img[b-hxx6uccri0] {
        height: 72px;
    }

    .diets-wrapper[b-hxx6uccri0] {
        border-radius: 12px;
    }

    .diets-card-header[b-hxx6uccri0],
    .fake-nutrition-card-header-skeleton[b-hxx6uccri0] {
        justify-content: left;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .diets-card-footer[b-hxx6uccri0],
    .fake-nutrition-card-footer-skeleton[b-hxx6uccri0] {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }



    .diets-item-skeleton[b-hxx6uccri0] {
        flex-grow: unset;
        flex-basis: 32%;
    }
}
/* /Pages/Patient/Essen.razor.rz.scp.css */
.food-page[b-s1prvjdgem] {
    min-height: 100%;
    background-color: #5f76a7;
}

.food-header[b-s1prvjdgem] {
    background-color: var(--score-background-color);
    background: linear-gradient(90deg, var(--score-background-color) 21px, transparent 1%) center, linear-gradient(var(--score-background-color) 21px, transparent 1%) center, #a799cc;
    background-size: 22px 22px;
}

.food-inner[b-s1prvjdgem] {
    max-width: 1080px;
    margin: auto;
}

.food-header-title[b-s1prvjdgem] {
    text-align: center;
}

.food-header-title > div[b-s1prvjdgem] {
    position: relative;
    margin-bottom: 8px;
    top: 12px;
    border-top: 1px solid #fff;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.food-titel[b-s1prvjdgem] {
    display: block;
    position: relative;
    top: -9px;
    padding: 0px 2px;
    margin: 0 auto;
    width: 246px;
    background: #fff;
    color: var(--dark-blue-title-color);
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    border-radius: 8px;
}

.food-header-title > img[b-s1prvjdgem] {
    max-height: 84px;
}

.food-header-btns[b-s1prvjdgem] {
    display: flex;
    justify-content: center;
    gap: 4px;
    padding: 8px 2px;
}

.food-header-btns > button[b-s1prvjdgem] {
    flex-grow: 1;
    padding: 0px 4px;
    border: none;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background-color: #4F82DC;
     -webkit-box-shadow: 6px 10px 20px -10px #3e4684;
    box-shadow: 6px 10px 20px -10px #3e4684;
}

.food-header-btns > button.on-hover:hover[b-s1prvjdgem] {
    background: rgb(137 137 137);
    background: linear-gradient(0deg, rgb(137 137 137) 23%, rgb(122 116 116) 50%, rgb(137 137 137) 77%);
    color: var(--button-text-color);
}

.food-header-btns > button.selected-type[b-s1prvjdgem] {
    color: var(--dark-blue-title-color);
    background-color: #fff;
}

.food-header-btns > button > i[b-s1prvjdgem] {
    margin-right: 4px;
}

.food-body-wrapper[b-s1prvjdgem] {
    margin: auto;
    max-width: 1080px;
    margin-bottom: 12px;
}

.food-header-btns > button > i[b-s1prvjdgem] {
    display: none
}

.data-message-wrapper[b-s1prvjdgem] {
    margin: 12px auto;
    background-color: #fff;
}
.no-components[b-s1prvjdgem],
.loading-error-message[b-s1prvjdgem] {
    padding: 22px 6px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
}

.no-components[b-s1prvjdgem] {
    color: #3b547e;
}

.loading-error-message[b-s1prvjdgem] {
    color: red;
}

.cart-btn[b-s1prvjdgem] {
    position: relative;
}

.cart-count[b-s1prvjdgem] {
    display: none;
    position: absolute;
    top: 3px;
    right: 6px;
    border-radius: 50%;
    min-width: 20px;
    color: #fff;
    background-color: #00ea80;
    font-size: 12px;
}

.no-order-header[b-s1prvjdgem] {
    text-align: center;
}

    .no-order-header > img[b-s1prvjdgem] {
        max-width: 100%;
    }

.no-order-body[b-s1prvjdgem] {
    padding: 12px 12px 2px 12px;
    text-align: center;
}

.no-order-warning[b-s1prvjdgem] {
    margin: 0 auto 4px auto;
    text-align: center;
    font-size: 22px;
    font-style: italic;
    font-weight: 500;
    color: #b60000;
}

.no-order-text[b-s1prvjdgem] {
    font-size: 18px;
    font-weight: 500;
}

.no-mb[b-s1prvjdgem] {
    margin-bottom: 12px;
}

@media (max-width: 800px) {
    .food-header-btns > button.green-cart-name[b-s1prvjdgem] {
        color: #00ea80;
    }
}

@media (min-width: 440px) {
    .food-header-btns > button[b-s1prvjdgem] {
        flex-basis: 25%;
    }
}

@media (min-width: 490px) {
    .food-header-btns > button > i[b-s1prvjdgem] {
        display: inline-block;
    }

}

@media (min-width: 760px) {
    .food-header-title[b-s1prvjdgem] {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        gap: 20px;
        padding-top: 12px;
    }

    .food-titel[b-s1prvjdgem] {
        font-size: 22px;
    }
}

@media (min-width: 800px) {
    .food-header-btns > button[b-s1prvjdgem] {
        font-size: unset;
    }
    .food-header-title > img[b-s1prvjdgem] {
        max-height: 100px;
    }
    .data-message-wrapper[b-s1prvjdgem] {
        border-radius: 8px;
    }
    .cart-count[b-s1prvjdgem] {
        display: inline-block;
    }
}
/* /Pages/Patient/Kontaktpersonen.razor.rz.scp.css */
.contacts-page[b-w4fb62uahw] {
    min-height: 100%;
    padding: 0 2px;
    background-color: #5f76a7;
    background: linear-gradient(90deg, #5f76a7 23px, transparent 1%) center, linear-gradient(#5f76a7 23px, transparent 1%) center, var(--background-dark-blue-color);
    background-size: 25px 25px;
}


.contacts-titel-wrapper[b-w4fb62uahw] {
    position: relative;
    margin-bottom: 13px;
    top: 20px;
    border-top: 1px solid #fff;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.contacts-titel[b-w4fb62uahw] {
    display: block;
    position: relative;
    top: -14px;
    padding: 2px 5px;
    margin: 0 auto;
    width: 300px;
    background: #fff;
    color: var(--dark-blue-title-color);
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}

.contacts-wrapper[b-w4fb62uahw] {
    margin: auto;
    max-width: 1280px;
    min-height: 100%;
    position: relative;
}

.select-contacts[b-w4fb62uahw] {
    width: 100%;
    margin-bottom: 10px;
    padding: 6px 4px;
    background-color: #9DBBF9;
    border-radius: 8px;
}

.switch-contact-type[b-w4fb62uahw] {
    display: flex;
    justify-content: space-around;
    margin: 8px auto;
}

    .switch-contact-type > button[b-w4fb62uahw] {
        flex-basis: 49%;
    }

.new-contact[b-w4fb62uahw] {
    text-align: center;
}

.new-contact-btn[b-w4fb62uahw] {
    width: 100%;
}

.select-case[b-w4fb62uahw] {
    position: relative;
    background-color: #9DBBF9;
    border-radius: 8px;
}

select.case-select[b-w4fb62uahw] {
    background: #9DBBF9;
    border: none;
    border-bottom: 2px solid var(--button-primary-color);
    border-radius: 8px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase
}

.select-case-label[b-w4fb62uahw] {
    width: 100%;
}

    .select-case-label[b-w4fb62uahw]:after {
        content: '\25BC';
        display: inline-block;
        position: absolute;
        top: 4px;
        right: 6px;
        color: var(--button-primary-color);
        background-color: #9DBBF9;
        pointer-events: none;
        border: none;
        font-size: 20px;
    }

@media (min-width: 800px) {
    .select-contacts[b-w4fb62uahw] {
        padding: 16px 12px 8px 12px;
    }

    .contacts-btns-wrapper[b-w4fb62uahw] {
        display: flex;
        align-items: baseline;
        gap: 12px;
    }

    .switch-contact-type[b-w4fb62uahw] {
        flex-grow: 1;
        gap: 12px;
    }
}

.people-btn-icon[b-w4fb62uahw],
.cross-btn-icon[b-w4fb62uahw],
.person-btn-icon[b-w4fb62uahw],
.target-icon[b-w4fb62uahw] {
    display: inline-block;
    margin-right: 6px;
    top: 2px;
}

.target-icon[b-w4fb62uahw] {
    margin-left: 4px;
}

.contact-type-btn:hover[b-w4fb62uahw],
.contact-type-btn.active[b-w4fb62uahw] {
    color: var(--dark-blue-title-color);
    background: rgb(200,243,255);
    background: linear-gradient(0deg, rgba(200,243,255,1) 23%, rgb(136 206 225) 50%, rgba(200,243,255,1) 77%);
}

    .contact-type-btn.active:hover[b-w4fb62uahw] {
        color: var(--hell-blue-bg-color);
        background: rgb(55,65,81);
        background: linear-gradient(0deg, rgba(55,65,81,1) 23%, rgb(79 99 131) 50%, rgba(55,65,81,1) 77%);
    }

.card-list[b-w4fb62uahw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 auto;
}

.card-item[b-w4fb62uahw] {
    -webkit-box-shadow: 5px 5px 12px 5px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 12px 5px rgba(0,0,0,0.15);
}

.contact-card[b-w4fb62uahw] {
    height: 100%;
    background-color: #fff;
    border-radius: 8px;
}

section.contacts[b-w4fb62uahw] {
    margin-bottom: 10px;
}

.no-case-contacts[b-w4fb62uahw] {
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
}

    .no-case-contacts > p[b-w4fb62uahw] {
        color: var(--dark-blue-title-color);
    }

.card-item.doctor-contact[b-w4fb62uahw] {
    flex-basis: 100%;
}

@media (min-width: 800px) {
    .card-list[b-w4fb62uahw] {
        flex-wrap: wrap;
        flex-direction: row;
        padding-left: 8px;
    }

    .card-item.person[b-w4fb62uahw] {
        flex-basis: 49%;
    }
}

@media (min-width: 1200px) {
    .card-list[b-w4fb62uahw] {
        gap: 24px;
        padding-left: unset;
    }

    .card-item.doctor-contact[b-w4fb62uahw] {
        flex-basis: 49%;
    }


    .card-item.person[b-w4fb62uahw] {
        flex-basis: 32%;
    }

    .select-contacts[b-w4fb62uahw] {
        margin: 26px auto 20px auto;
    }

    .contacts-wrapper[b-w4fb62uahw] {
        padding-top: 12px;
    }

    .select-case[b-w4fb62uahw] {
        margin-bottom: 6px;
    }
}

.contact-card.person > .contact-card-head[b-w4fb62uahw],
.contact-card.doctor-contact > .contact-card-head[b-w4fb62uahw] {
    padding: 8px 6px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #9DBBF9;
}

.contact-card.person > .contact-card-head[b-w4fb62uahw] {
    background-color: #9DBBF9;
    min-height: 92px;
}

.contact-card.doctor-contact > .contact-card-head.doctor-contact[b-w4fb62uahw] {
    background-color: #00246e;
    border: 1px solid black;
}

div.contact-card-head.doctor-contact[b-w4fb62uahw] {
    /*position: relative;*/
    text-align: center;
    background-image: url("images/icons/doctor-contact-card.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
/*
.contact-card-head-icon {
    position: absolute;
    max-width: 80px;
}*/

@media (min-width: 640px) {
    .contact-card.doctor-contact[b-w4fb62uahw] {
        display: flex
    }

        .contact-card.doctor-contact > div[b-w4fb62uahw] {
            flex-basis: 50%;
        }

        .contact-card.doctor-contact > .contact-card-head[b-w4fb62uahw] {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
            border-top-right-radius: unset;
        }
}

.contact-person[b-w4fb62uahw] {
    position: relative;
    text-align: center;
}

.contact-names[b-w4fb62uahw] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 2px;
    z-index: 2;
}

    .contact-names > p[b-w4fb62uahw],
    .contact-type[b-w4fb62uahw] {
        z-index: 2;
    }

.contact-type[b-w4fb62uahw] {
    color: #fff;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
}

.contact-card-contact-types[b-w4fb62uahw] {
    padding: 4px 6px 10px 6px;
}

.contact-btns[b-w4fb62uahw] {
    display: flex;
    justify-content: space-between;
}

    .contact-btns > button[b-w4fb62uahw],
    .access-btn > button[b-w4fb62uahw] {
        padding: 2px 6px;
    }

.access-btn > button[b-w4fb62uahw] {
    width: 100%;
}

.edit-icon[b-w4fb62uahw], .delete-icon[b-w4fb62uahw], .unlocked-icon[b-w4fb62uahw] {
    top: 2px;
    margin-left: 2px;
}

.contact-data-title[b-w4fb62uahw] {
    font-style: italic;
    text-align: center;
    font-size: 14px;
}

.contact-email[b-w4fb62uahw],
.contact-tel[b-w4fb62uahw] {
    margin-bottom: 6px;
}

    .contact-email > span.contact-data[b-w4fb62uahw],
    .contact-tel > span.contact-data[b-w4fb62uahw] {
        color: var(--dark-blue-title-color);
        font-weight: 500;
        font-size: 18px;
    }

    .contact-email > span.missing-information[b-w4fb62uahw],
    .contact-tel > span.missing-information[b-w4fb62uahw] {
        color: darkred;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
    }

.doctor-search-from-wrapper[b-w4fb62uahw],
.doctors-found-wrapper[b-w4fb62uahw] {
    position: relative;
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 8px;
}

.doctors-found-wrapper[b-w4fb62uahw] {
    padding: 20px 6px;
    ;
}

.doctor-search-icon[b-w4fb62uahw] {
    max-height: 80px;
}

.person-icon[b-w4fb62uahw] {
    top: 2px;
    margin-right: 6px;
}

.doctor-search-from-title[b-w4fb62uahw] {
    margin: 8px;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: var(--dark-blue-title-color);
}

.doctor-not-found[b-w4fb62uahw],
.doc-not-found-wrapper[b-w4fb62uahw] {
    padding: 12px 6px 20px 6px;
    background-color: #d7e4ff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.doctor-not-found-title[b-w4fb62uahw] {
    font-weight: 500;
    text-transform: uppercase;
    color: var(--text-danger-color);
}

.doctor-not-found-hint[b-w4fb62uahw] {
    margin-top: 12px;
    font-weight: 500;
}

.doctor-not-found-btn-hint[b-w4fb62uahw] {
    margin: 8px auto;
    font-style: italic;
    color: var(--dark-blue-title-color);
}

.doctors-found-wrapper > p:first-child[b-w4fb62uahw] {
    font-weight: 900;
    font-size: 20px;
    color: var(--dark-blue-title-color);
}

.doctors-found-count[b-w4fb62uahw] {
    font-weight: 900;
    font-size: 20px;
    color: var(--dark-blue-title-color);
}

.doctors-found-wrapper > button[b-w4fb62uahw] {
    margin-top: 12px;
}

.search-doc-form-wrapper[b-w4fb62uahw] {
    margin-top: 12px;
}

.select-doctor-hint[b-w4fb62uahw] {
    margin-top: 12px;
    text-align: left;
    font-weight: 500;
    color: var(--dark-blue-title-color);
}

/* confirm modal */
.contact-access-modal[b-w4fb62uahw],
.del-contact-modal[b-w4fb62uahw],
.edit-contact-modal[b-w4fb62uahw],
.search-doctor-modal[b-w4fb62uahw] {
    position: fixed;
    z-index: 100;
    padding: 90px 6px 0 6px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.search-doctor-modal[b-w4fb62uahw] {
    padding: 18px 6px 0 6px;
}

/* Modal Content */
.contact-access-modal-content[b-w4fb62uahw],
.del-modal-content[b-w4fb62uahw],
.edit-modal-content[b-w4fb62uahw],
.search-doctor-content[b-w4fb62uahw] {
    margin: auto;
    padding: 20px 8px;
    max-width: 500px;
    border: 1px solid #888;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
}

.search-doctor-content[b-w4fb62uahw] {
    padding: unset;
    max-width: 600px;
}

.edit-modal-content[b-w4fb62uahw] {
    padding: 20px 8px;
    max-width: 460px;
    background-color: #fbfbfb;
}

.modal-title > h5[b-w4fb62uahw] {
    text-align: center;
    color: var(--dark-blue-title-color);
    text-transform: uppercase;
    font-weight: 600;
}

.contact-access-declaration[b-w4fb62uahw] {
    color: #930000;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
}

.close-icon[b-w4fb62uahw],
.clipboard-icon[b-w4fb62uahw],
.plus-icon[b-w4fb62uahw],
.undo-icon-right[b-w4fb62uahw],
.pencil-icon[b-w4fb62uahw],
.book-icon-right[b-w4fb62uahw] {
    top: 2px;
    margin-left: 4px;
}

.del-account-btn-wrapper[b-w4fb62uahw],
.edit-contact-btn-wrapper[b-w4fb62uahw] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 20px;
}

    .del-account-btn-wrapper > button[b-w4fb62uahw],
    .edit-contact-btn-wrapper > button[b-w4fb62uahw] {
        flex-basis: 50%;
    }

.undo-icon[b-w4fb62uahw],
.trash-icon[b-w4fb62uahw],
.book-icon[b-w4fb62uahw] {
    margin-right: 8px;
    top: 2px;
}

.check-boxes-form[b-w4fb62uahw] {
    margin-top: 12px;
    text-align: left;
}

.check-box-group[b-w4fb62uahw] {
    padding-left: 6px;
    margin-bottom: 8px;
    font-size: 18px;
}

.chek-box-icon[b-w4fb62uahw] {
    color: var(--button-primary-color);
    margin-right: 4px;
}

.edit-title[b-w4fb62uahw] {
    color: var(--dark-blue-title-color);
    font-weight: 600;
}

.edit-contact-form-wrapper[b-w4fb62uahw] {
    margin-top: 12px;
}

.edit-contact-input-group[b-w4fb62uahw],
.search-doctor-input-group[b-w4fb62uahw] {
    margin-bottom: 12px;
    text-align: left;
}

    .edit-contact-input-group > label[b-w4fb62uahw],
    .search-doctor-input-group > label[b-w4fb62uahw] {
        color: var(--dark-blue-title-color);
        font-weight: 500;
    }

@media (min-width: 520px) {
    .contact-access-modal-content[b-w4fb62uahw], .del-modal-content[b-w4fb62uahw], .edit-modal-content[b-w4fb62uahw] {
        padding: 20px;
    }

    .contact-access-modal-content[b-w4fb62uahw] {
        max-width: 620px;
    }
}

.cases-data-error-wrapper[b-w4fb62uahw] {
    margin: auto;
    padding: 18px;
    border-radius: 8px;
    max-width: 760px;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 2px 6px 10px -1px rgba(0,0,0,0.32);
    box-shadow: 2px 6px 10px -1px rgba(0,0,0,0.32);
}

    .cases-data-error-wrapper > img[b-w4fb62uahw] {
        margin-bottom: 12px;
        max-width: 100%;
        max-height: 200px;
    }

.cases-data-error[b-w4fb62uahw] {
    font-weight: 600;
    color: var(--dark-blue-title-color);
}

.edit-form-avatar > img[b-w4fb62uahw] {
    max-height: 100px;
}

.del-modal-content > img[b-w4fb62uahw] {
    margin-bottom: 12px;
    max-height: 80px;
}

.contact-person-icon[b-w4fb62uahw] {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 12px;
    max-height: 110px;
}

.contact-btns[b-w4fb62uahw],
.contact-btns > button[b-w4fb62uahw] {
    z-index: 2;
}

.email-icon[b-w4fb62uahw],
.phone-icon[b-w4fb62uahw] {
    top: 2px;
    margin: 0 8px 0 8px;
}

.doctor-search-from-btns[b-w4fb62uahw],
.create-doctor-from-btns[b-w4fb62uahw] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.create-doctor-from-btns[b-w4fb62uahw] {
    margin-top: 16px;
}

.select-doctor-error[b-w4fb62uahw] {
    color: var(--text-danger-color);
    font-weight: 500;
}

.doctors-found-wrapper > .doctor-search-from-btns[b-w4fb62uahw] {
    margin-top: 16px;
}

.create-doctor-from-btns > button[b-w4fb62uahw],
.doctor-search-from-btns > button[b-w4fb62uahw] {
    flex-basis: 50%;
}

.doc-not-found-title[b-w4fb62uahw] {
    text-transform: uppercase;
    color: var(--dark-blue-title-color);
    font-weight: 600;
}

.restart-search-btn[b-w4fb62uahw] {
    margin: 8px auto;
}

.create-new-btn[b-w4fb62uahw] {
    margin-top: 8px;
}

.thumbs-up-icon[b-w4fb62uahw] {
    max-height: 50px;
}

.create-doctor-from-wrapper[b-w4fb62uahw] {
    padding: 12px 6px;
    background-color: #f8f8f8;
    border-radius: 8px;
}

.create-doctor-icon[b-w4fb62uahw] {
    max-height: 80px;
}

.create-doctor-from-title[b-w4fb62uahw] {
    margin-top: 8px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--dark-blue-title-color);
}

.initial-load-error[b-w4fb62uahw] {
}

    .initial-load-error > p[b-w4fb62uahw] {
    }

.initial-load-error[b-w4fb62uahw] {
    margin: auto;
    padding: 20px;
    max-width: 900px;
}

    .initial-load-error > p[b-w4fb62uahw] {
        padding: 20px;
        border-radius: 8px;
        background-color: #fff;
        text-align: center;
        color: var(--text-danger-color);
        font-weight: 500;
    }

@media (min-width: 400px) {
    .create-doctor-from-wrapper[b-w4fb62uahw] {
        padding: 20px;
    }
}

@media (min-width: 600px) {
    .doctors-found-wrapper[b-w4fb62uahw], .doc-not-found-wrapper[b-w4fb62uahw] {
        padding: 20px;
    }

    .thumbs-up-icon[b-w4fb62uahw] {
        max-height: 80px;
    }

    .search-result[b-w4fb62uahw] {
        display: flex;
        gap: 20px;
        justify-content: center;
        align-items: center;
    }

        .search-result > p[b-w4fb62uahw] {
            padding-top: 28px;
        }

    .search-doctor-modal[b-w4fb62uahw] {
        padding-top: 50px;
    }
}

.skeletons-wrapper[b-w4fb62uahw] {
    margin: auto;
    padding: 12px;
    max-width: 1280px;
}

.select-skeleton[b-w4fb62uahw] {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 8px;
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
    -webkit-box-shadow: 5px 5px 12px 5px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 12px 5px rgba(0,0,0,0.15);
}

.select-skeleton-row[b-w4fb62uahw] {
    height: 28px;
    border-radius: 8px;
    background-color: #fff;
}

.select-skeleton-btns[b-w4fb62uahw] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
}

.select-skeleton-b-bnt[b-w4fb62uahw] {
    flex-basis: 32%;
    height: 28px;
    border-radius: 8px;
    background-color: #fff;
}
/* /Pages/Patient/MeineAufenthalte.razor.rz.scp.css */
.cases-main-wrapper[b-55pyok7y94] {
    min-height: 100%;
    background-color: #5f76a7;
    /*    background: linear-gradient(90deg, var(--background-primary-color) 21px, transparent 1%) center, 
                linear-gradient(var(--background-primary-color) 21px, transparent 1%) center, var(--background-dark-blue-color);
    background-size: 22px 22px;*/
}

.deco[b-55pyok7y94] {
    height: 230px;
    text-align: center;
    overflow: hidden;
    background-color: var(--background-dark-blue-color);
    background: linear-gradient(90deg, var(--background-dark-blue-color) 21px, transparent 1%) center, linear-gradient(var(--background-dark-blue-color) 21px, transparent 1%) center, #a799cc;
    background-size: 22px 22px;
}

    .deco > img[b-55pyok7y94] {
        max-height: 200px;
    }

.cases-titel-wrapper[b-55pyok7y94] {
    position: relative;
    margin-bottom: 13px;
    top: 20px;
    border-top: 1px solid #fff;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.cases-titel[b-55pyok7y94] {
    display: block;
    position: relative;
    top: -14px;
    padding: 2px 5px;
    margin: 0 auto;
    width: 350px;
    background: #fff;
    color: var(--dark-blue-title-color);
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}

.cases-wrapper[b-55pyok7y94] {
    margin: auto;
}

.cards-wrapper[b-55pyok7y94] {
    padding: 0 6px;
}

.case-card[b-55pyok7y94] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 4px auto 8px auto;
    background-color: #fff;
    border-radius: 8px;
}

.case-card-header[b-55pyok7y94] {
    color: #fff;
    font-weight: 500;
}

.case-card-header-img[b-55pyok7y94] {
    text-align: center;
}

.case-card-img[b-55pyok7y94] {
    max-height: 60px;
    max-width: 85px;
    border-radius: 50%;
}


.case-card-header-wrapper[b-55pyok7y94] {
    padding: 8px 2px;
    background-color: #9DBBF9;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.case-location[b-55pyok7y94],
.doctor-label[b-55pyok7y94],
.case-num-label[b-55pyok7y94] {
    font-style: italic;
    text-align: center;
    color: #494949;
    font-size: 16px;
}

.doctor[b-55pyok7y94],
.case-number[b-55pyok7y94],
.therapy-name[b-55pyok7y94] {
    color: var(--dark-blue-title-color);
    font-weight: 600;
}

.therapy-description[b-55pyok7y94] {
    font-weight: 600;
    color: #494949;
}

.case-card-body[b-55pyok7y94] {
    padding-top: 6px;
}

.case-card-body-info[b-55pyok7y94] {
    padding-bottom: 4px;
}

.case-card-header[b-55pyok7y94],
.case-card-body[b-55pyok7y94] {
    text-align: center;
}

.case-card-btn > button[b-55pyok7y94] {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

.arrow-icon[b-55pyok7y94] {
    top: 2px;
    margin-left: 6px;
}

.load-error[b-55pyok7y94] {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
    color: var(--text-danger-color);
}

@media (min-width: 700px) {
    .case-card[b-55pyok7y94] {
        flex-direction: row;
    }

    .case-card-header-wrapper[b-55pyok7y94] {
        flex-basis: 33%;
        border-top-right-radius: unset;
        border-bottom-left-radius: 8px;
    }

    .case-card-body[b-55pyok7y94] {
        flex-direction: column;
        display: flex;
        justify-content: space-between;
        flex-basis: 66%;
        padding-right: 6px;
        padding-bottom: 6px;
    }

    .case-card-btn > button[b-55pyok7y94] {
        margin: auto;
        width: unset;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
}

.no-case-availeble[b-55pyok7y94] {
    position: relative;
    top: -30px;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.38);
    box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.38);
}

    .no-case-availeble > img[b-55pyok7y94] {
        max-height: 50px;
    }

    .no-case-availeble > p[b-55pyok7y94] {
        margin-top: 12px;
        color: var(--dark-blue-title-color);
        font-weight: 600;
    }

.navigation-nav-wrapper[b-55pyok7y94] {
    margin-bottom: 12px;
}

@media (min-width: 1024px) {
    .cases-wrapper[b-55pyok7y94] {
        position: relative;
        max-width: 900px;
        
    }

    .loading-section[b-55pyok7y94] {
        position: relative;
        max-width: 900px;
        top: -52px;
    }

    .load-error[b-55pyok7y94] {
        position: relative;
        top: -40px;
    }

    .cards-wrapper[b-55pyok7y94] {
        position: relative;
        top: -40px;
    }

    .deco[b-55pyok7y94] {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: start;
        gap: 20px;
    }

    .cases-titel-wrapper[b-55pyok7y94] {
        top: 82px;
    }

    .cases-titel[b-55pyok7y94] {
        font-size: 22px;
        -webkit-box-shadow: 1px 2px 22px 9px rgba(0,0,0,0.35);
        box-shadow: 1px 2px 22px 9px rgba(0,0,0,0.35);
    }

    .case-card[b-55pyok7y94] {
        margin-bottom: 12px;
        -webkit-box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.38);
        box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.38);
    }

    .case-location[b-55pyok7y94] {
        margin-top: 4px;
    }
}
/* /Pages/Patient/Nachrichten.razor.rz.scp.css */
/* Firefox */
*[b-bza85au0fi] {
    scrollbar-width: auto;
    scrollbar-color: #434552 #ffffff;
}
/* Chrome, Edge, and Safari */
*[b-bza85au0fi]::-webkit-scrollbar {
    width: 16px;
}

*[b-bza85au0fi]::-webkit-scrollbar-track {
    background: #ffffff;
}

*[b-bza85au0fi]::-webkit-scrollbar-thumb {
    background-color: #434552;
    border-radius: 10px;
    border: 3px solid #ffffff;
}

.chat-wrapper[b-bza85au0fi] {
    background-image: url("/images/letter-background.png");
    background-repeat: no-repeat;
    background-position: right 20px;
    background-size: 20%;
    background-color: var(--background-secondary-color);
}

.rubrics-tabs-wrapper[b-bza85au0fi] {
    padding: 4px 2px;
    color: white;
    background-color: #696C75;
}

.chat-wrapper[b-bza85au0fi],
.chat-content-wrapper[b-bza85au0fi],
.messages-wrapper[b-bza85au0fi] {
    height: 100%;
}

.chat-content-wrapper[b-bza85au0fi] {
    margin: auto;
    max-width: 1080px;
}

.messages-wrapper[b-bza85au0fi] {
    display: flex;
    flex-direction: column;
    background-color: #A7BCFF;
    -webkit-box-shadow: 2px 6px 10px -1px rgba(0,0,0,0.32);
    box-shadow: 2px 6px 10px -1px rgba(0,0,0,0.32);
}

.chat[b-bza85au0fi] {
    display: flex;
    flex-direction: column-reverse;
    flex-grow: 1;
    padding: 0 6px;
    height: 300px;
    overflow-x: auto;
}

.chat-box[b-bza85au0fi] {
    overflow: auto;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background-color: #F1F5F8;
}

.select-case-wrapper[b-bza85au0fi] {
    padding: 8px 2px;
    overflow: hidden;
    background-color: #363555;
}

.chat .message-data[b-bza85au0fi] {
    margin-bottom: 10px;
    margin-left: 18px;
}

    .chat .message-data img[b-bza85au0fi] {
        border-radius: 40px;
        width: 40px;
    }

.chat .message-data-time[b-bza85au0fi] {
    color: #434651;
    padding-left: 6px;
}

.chat .message[b-bza85au0fi] {
    color: #444;
    padding: 14px;
    line-height: 1.5;
    font-size: 16px;
    border-radius: 7px;
    display: inline-block;
    position: relative;
}

    .chat .message[b-bza85au0fi]:after {
        bottom: 100%;
        left: 7%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px;
    }

.chat .my-message[b-bza85au0fi] {
    background: #95C2EC;
    color: #fff
}

    .chat .my-message[b-bza85au0fi]:after {
        bottom: 100%;
        left: 30px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #95C2EC;
        border-width: 10px;
        margin-left: -10px;
    }

.chat .other-message[b-bza85au0fi] {
    color: #fff;
    background: #87BB71;
}

    .chat .other-message[b-bza85au0fi]:after {
        border-bottom-color: #87BB71;
        left: calc(100% - 30px);
    }

.float-right[b-bza85au0fi] {
    float: right;
}

.clearfix[b-bza85au0fi]:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.chat .chat-message[b-bza85au0fi] {
    position: relative;
    margin-top: 12px;
}

.chat div.chat-message:first-child[b-bza85au0fi] {
    margin-bottom: 12px;
}

.chat div.chat-message:last-child[b-bza85au0fi] {
    margin-top: 2px;
}

.load-messages-btn[b-bza85au0fi] {
    padding: 6px;
    border: none;
    color: #fff;
    background: rgb(122,163,223);
    background: linear-gradient(0deg, rgba(122,163,223,1) 23%, rgba(92,145,222,1) 50%, rgba(122,163,223,1) 77%);
}

.no-chat-messages[b-bza85au0fi] {
    margin-bottom: 12px;
    text-align: center;
    color: #333333;
    font-weight: 500;
}

.send-message-form-wrapper > form > div[b-bza85au0fi] {
    position: relative;
}

.chat-error[b-bza85au0fi] {
    margin: 8px auto;
}

input.chat-input[b-bza85au0fi] {
    padding: 8px 102px 8px 4px;
    font-size: 18px;
    border-radius: unset !important;
}

.chat-send-btn[b-bza85au0fi] {
    position: absolute;
    top: 5px;
    right: 2px;
    height: 80%;
}

.location-icon[b-bza85au0fi] {
    top: 4px;
}

.book-icon[b-bza85au0fi] {
    top: 2px;
    margin-left: 2px;
}

.select-case[b-bza85au0fi] {
    position: relative;
    background-color: #434552;
}

select.case-select[b-bza85au0fi] {
    padding: 8px 30px 8px 4px;
    background: #434552;
    border: none;
    /*   border-bottom: 2px solid #000000;
    border-radius: unset !important;*/
    color: #fff;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase
}

.select-case-label[b-bza85au0fi] {
    width: 100%;
}

    .select-case-label[b-bza85au0fi]:after {
        content: '\25BC';
        display: inline-block;
        position: absolute;
        top: 4px;
        right: 6px;
        color: #fff;
        pointer-events: none;
        border: none;
        font-size: 20px;
    }

.messages-data-error-wrapper[b-bza85au0fi] {
    padding: 30px 6px;
}

.messages-data-error[b-bza85au0fi] {
    padding: 18px;
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
    background-color: #fff;
    color: var(--dark-blue-title-color);
    -webkit-box-shadow: 2px 6px 10px -1px rgba(0,0,0,0.32);
    box-shadow: 2px 6px 10px -1px rgba(0,0,0,0.32);
}

.initial-load-error[b-bza85au0fi] {
    padding: 20px;
}

    .initial-load-error > p[b-bza85au0fi] {
        padding: 20px;
        border-radius: 8px;
        background-color: #fff;
        text-align: center;
        color: var(--text-danger-color);
        font-weight: 500;
    }

.communication-chanels-error[b-bza85au0fi] {
    text-align: center;
    color: #fff;
    font-weight: 500;
}

.saving-btn[b-bza85au0fi] {
    border-radius: 8px;
    background-color: #f8f9fa;
}

input.disabled-input[b-bza85au0fi] {
    background-color: #ececec;
}

.delete-message[b-bza85au0fi] {
    position: absolute;
    background-color: #dc3545;
    top: 12px;
    border-radius: 8px;
    padding: 6px 6px;
    color: #fff;
}

.delete-message-btns[b-bza85au0fi] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
}

.delete-message-btns > button[b-bza85au0fi] {
    flex-basis: 120px;
}

.circle-x-icon[b-bza85au0fi] {
    top: 2px;
}

@media only screen and (max-width: 767px) {
    .chat .message[b-bza85au0fi] {
        padding: 10px 20px;
        line-height: 22px;
        font-size: 14px;
    }

    .chat .message-data img[b-bza85au0fi] {
        width: 24px;
    }

    .chat .message-data[b-bza85au0fi] {
        margin-right: 15px;
    }

    input.chat-input[b-bza85au0fi] {
        padding: 8px 40px 8px 4px;
    }

    .delete-message[b-bza85au0fi] {
        top: 7px;
    }
}

@media only screen and (min-width: 768px) {
    .chat-content-wrapper[b-bza85au0fi] {
        padding: 10px 0;
    }

    div.chat[b-bza85au0fi] {
        padding: 0 12px;
    }

    .select-case-wrapper[b-bza85au0fi] {
        padding: 12px 8px;
    }

    .chat-wrapper[b-bza85au0fi] {
        padding-bottom: unset;
    }

    .chat .message-data[b-bza85au0fi] {
        margin-left: 10px;
    }
}

.chat-skeleton[b-bza85au0fi] {
    margin: auto;
    height: 88%;
    max-width: 1080px;
    background-color: #F1F5F8;
    overflow: hidden;
    -webkit-box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
    box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
}

.chat-skeleton-select[b-bza85au0fi] {
    height: 42px;
    background-color: #434552;
    background-image: -webkit-linear-gradient(left, #434552 0px, #6e6e6e 40px, #434552 80px);
    background-image: -o-linear-gradient(left, #434552 0px, #6e6e6e 40px, #434552 80px);
    background-image: linear-gradient(90deg, #434552 0px, #6e6e6e 40px, #434552 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image-b-bza85au0fi 2s infinite ease-out;
}
.chat-skeleton-tabs[b-bza85au0fi] {
    display: flex;
    justify-content: space-around;
    padding: 8px;
    background-color: #696C75;
    background-image: -webkit-linear-gradient(left, #696C75 0px, #878787 40px, #696C75 80px);
    background-image: -o-linear-gradient(left, #696C75 0px, #878787 40px, #696C75 80px);
    background-image: linear-gradient(90deg, #696C75 0px, #878787 40px, #696C75 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image-b-bza85au0fi 2s infinite ease-out;
}

.chat-skeleton-tab[b-bza85au0fi] {
    height: 32px;
    width: 30%;
    background-color: #e6e6e6;
    border-radius: 8px;
}

.chat-skeleton-box[b-bza85au0fi] {
    height: 90%;
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image-b-bza85au0fi 2s infinite ease-out;
}

@-webkit-keyframes shine-loading-image {
    0% {
        background-position: -32px;
    }

    40%, 100% {
        background-position: 208px;
    }
}

@keyframes shine-loading-image-b-bza85au0fi {
    0% {
        background-position: -32px;
    }

    40%, 100% {
        background-position: 208px;
    }
}

.message-delay-warning[b-bza85au0fi] {
    margin-top: 12px;
    padding: 12px 6px;
    border-radius: 8px;
    background-color: #ff620e;
    text-align: center;
    color: #fff;
}

.message-read[b-bza85au0fi] {
    color: #002f84;
}
/* /Pages/Patient/PatientenFall.razor.rz.scp.css */
.case-wrapper[b-9j3e0xn4am] {
    position: relative;
    min-height: 100%;
    background-color: var(--background-secondary-color);
}

.case-header[b-9j3e0xn4am] {
    min-height: 170px;
    text-align: center;
    overflow: hidden;
    background-color: var(--background-dark-blue-color);
    background: linear-gradient(90deg, var(--background-dark-blue-color) 21px, transparent 1%) center, linear-gradient(var(--background-dark-blue-color) 21px, transparent 1%) center, #a799cc;
    background-size: 22px 22px;
}

.case-titel-wrapper[b-9j3e0xn4am] {
    position: relative;
    margin-bottom: 12px;
    top: 30px;
    border-top: 1px solid #9DBBF9;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.case-titel[b-9j3e0xn4am] {
    display: inline-block;
    position: relative;
    top: -26px;
    padding: 2px 5px;
    margin: 0 auto;
    min-width: 300px;
    background: #9DBBF9;
    color: var(--dark-blue-title-color);
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}

.case-titel.missing-description[b-9j3e0xn4am] {
    min-height: 48px;
}

.case-titel.missing-description > .p-case-titel[b-9j3e0xn4am] {
    padding-top: 11px;
}

.case-description[b-9j3e0xn4am] {
    text-transform: none;
    color: #fff;
    font-weight: 500;
}

.case-tabs[b-9j3e0xn4am] {
    margin: 0 auto;
    padding: 6px 2px;
    max-width: 1280px;
    background-color: #9DBBF9;
}

.case-content[b-9j3e0xn4am] {
    max-width: 1280px;
    margin: auto;
}

.loading-file[b-9j3e0xn4am] {
    padding: 8px 0;
    color: #81ff00;
}

@media (min-width: 1024px) {
    .case-tabs[b-9j3e0xn4am] {
        border-radius: 8px;
    }
}

@media (min-width: 528px) {
    .case-content[b-9j3e0xn4am] {
        position: relative;
        top: -26px;
    }

    .missing-title-case-content[b-9j3e0xn4am] {
        top: -40px;
    }
}

@media (min-width: 992px) {
    .case-content[b-9j3e0xn4am] {
        top: -48px;
    }

    .missing-title-case-content[b-9j3e0xn4am] {
        top: -68px;
    }

    .case-titel-wrapper[b-9j3e0xn4am] {
        margin-bottom: 18px;
    }
}

.no-appointments[b-9j3e0xn4am],
.upload-loading-error[b-9j3e0xn4am] {
    padding: 30px 6px;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    color: var(--dark-blue-title-color);
    font-weight: 600;
}

/*---------------------------- calendar --------------------*/
.calendar[b-9j3e0xn4am] {
    border-radius: 8px;
    border: 1px solid darkblue;
    color: black;
}

.invalid-bg-color[b-9j3e0xn4am] {
    border-radius: 8px;
    background-color: #93FFFF;
}

.calendar.daily[b-9j3e0xn4am] {
    padding: 10px;
}

.calendar.label[b-9j3e0xn4am] {
    padding: 16px;
}

.calendar.weekly[b-9j3e0xn4am],
.calendar.mouthly[b-9j3e0xn4am] {
    padding: 4px;
}

.calendar.daily > p[b-9j3e0xn4am] {
    margin-bottom: 2px;
}

.calendar.label > p[b-9j3e0xn4am] {
    margin-bottom: 4px;
}

.calendar.weekly > p[b-9j3e0xn4am],
.calendar.mouthly > p[b-9j3e0xn4am] {
    margin-bottom: 0;
}

/*---------------------------- calendar END--------------------*/

/*---------------------------- download -------------------------*/
.patient-documents[b-9j3e0xn4am] {
    background-color: #eff2f5;
    border-radius: 8px;
}

.file-footer-bnts[b-9j3e0xn4am] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.download-icon[b-9j3e0xn4am],
.eye-icon[b-9j3e0xn4am] {
    padding: unset;
    top: 3px;
    font-size: 22px;
}

.preview-btn[b-9j3e0xn4am],
.download-btn[b-9j3e0xn4am] {
    display: block;
    flex-grow: 1;
    margin-top: 8px;
    padding: unset;
    padding: 0px 32px;
}

.search-wrapper[b-9j3e0xn4am] {
    position: relative;
    margin: 6px auto 20px auto;
    padding-bottom: 8px;
}

.search-input[b-9j3e0xn4am] {
    width: 95%;
    margin: auto;
    padding: 12px 24px;
    background-color: #fff;
    transition: transform 250ms ease-in-out;
    font-size: 14px;
    line-height: 18px;
    color: #575756;
    border-radius: 50px;
    border: 1px solid #b5b5b5;
    transition: all 250ms ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    box-shadow: 4px 10px 15px -10px #3b547e;
}

    .search-input[b-9j3e0xn4am]::placeholder {
        color: color(#575756 a(0.8));
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

span.clean-search-icon[b-9j3e0xn4am] {
    position: absolute;
    top: 12px;
    right: 28px;
    font-size: 20px;
    color: var(--button-primary-color);
    cursor: pointer;
}

.no-doc-found[b-9j3e0xn4am] {
    padding: 12px 6px 30px 6px;
    text-align: center;
    font-weight: 500;
    color: var(--dark-blue-title-color);
}

.no-case-doc[b-9j3e0xn4am],
.no-madication-plans[b-9j3e0xn4am] {
    padding: 30px 6px;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
    color: var(--dark-blue-title-color);
    font-size: 20px;
    background-color: #fff;
}

@media (min-width: 700px) {
    span .clean-search-icon[b-9j3e0xn4am] {
        right: 38px;
    }
}

@media (min-width: 980px) {
    .search-wrapper[b-9j3e0xn4am] {
        position: absolute;
        top: 18px;
        right: 12px;
        min-width: 360px;
    }

    span.clean-search-icon[b-9j3e0xn4am] {
        right: 28px;
    }
}

/*---------------------------- upload -------------------------*/
.upload-form-wrapper[b-9j3e0xn4am] {
    border-radius: 8px;
    background-color: #f5f8ff;
}

    .upload-form-wrapper > div:first-child[b-9j3e0xn4am] {
        padding: 12px 6px 0 6px;
    }

#overviewDemoDropZone[b-9j3e0xn4am] {
    background-color: #9DBBF9;
}

.drop-area[b-9j3e0xn4am] {
    color: #fff;
}

.uploads-hint-wrapper[b-9j3e0xn4am] {
    padding: 8px 2px;
    color: var(--dark-blue-title-color);
    text-align: center;
    font-weight: 600;
}

.uploaded-files-icon[b-9j3e0xn4am] {
    max-height: 40px;
}

.uploads-input-group[b-9j3e0xn4am] {
    margin-bottom: 12px;
}

.uploaded-files-wrapper[b-9j3e0xn4am] {
    background-color: #eaf1ff;
    border-radius: 8px;
}

.uploads-input-label > span[b-9j3e0xn4am] {
    color: var(--dark-blue-title-color);
    text-align: center;
    font-weight: 600;
}

.upload-error[b-9j3e0xn4am] {
    color: var(--text-danger-color);
    text-align: center;
    font-weight: 600;
}

.uploaded-files-titel[b-9j3e0xn4am] {
    min-height: 80px;
    padding-top: 8px;
    text-align: center;
    background-color: #3b547e;
}

    .uploaded-files-titel > p[b-9j3e0xn4am] {
        padding: 0 6px;
        background-color: #3b547e;
        border-radius: 8px;
        font-size: 20px;
        font-weight: 500;
        color: #fff;
    }

.uploaded-files-list[b-9j3e0xn4am] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-top: 12px;
    padding: 0 12px 12px 12px;
}

.uploaded-file-card[b-9j3e0xn4am] {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    justify-content: space-between;
    gap: 6px;
    flex-grow: 1;
    padding: 14px 8px 8px 8px;
    background-color: #3b547e;
    position: relative;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    -webkit-box-shadow: -23px 10px 15px 1px #3b547e;
    box-shadow: -23px 10px 15px -10px #3b547e;
}

    .uploaded-file-card:hover[b-9j3e0xn4am] {
        background-color: #152E4E;
        color: #fff;
        cursor: pointer;
    }

    .uploaded-file-card[b-9j3e0xn4am]::after {
        content: "";
        display: block;
        width: 0px;
        height: 0px;
        background-color: skyblue;
        top: 0px;
        right: 0px;
        border-bottom: 20px solid #4d6ca1;
        border-left: 20px solid #4d6ca1;
        border-right: 20px solid #eff2f5;
        border-top: 20px solid #eff2f5;
        position: absolute;
        filter: drop-shadow(-5px 5px 3px rgba(0,0,0,0.5))
    }

.uploaded-file-status[b-9j3e0xn4am] {
    color: darkorange;
}

    .uploaded-file-status.done[b-9j3e0xn4am] {
        color: #0df188;
    }

    .uploaded-file-status.archive[b-9j3e0xn4am] {
        color: #dc081d;
    }

    .uploaded-file-status.read[b-9j3e0xn4am] {
        color: #caccce;
    }

.uploaded-file-date[b-9j3e0xn4am] {
    color: #ffdfb8;
}

.uploaded-file-note[b-9j3e0xn4am] {
    color: #9DBBF9;
}

@media (min-width: 460px) {
    .uploaded-file-card[b-9j3e0xn4am] {
        flex-basis: 16%;
        gap: 12px;
        flex-grow: unset;
        flex-shrink: 1;
        min-width: 215px;
        max-width: 48%;
        padding: 44px 12px 12px 12px;
    }
}

@media (min-width: 800px) {
    .upload-form-wrapper > div:first-child[b-9j3e0xn4am] {
        padding: 20px 60px 12px 60px;
    }

    .uploaded-files-icon[b-9j3e0xn4am] {
        max-height: 50px;
    }

    div.upload-form-border[b-9j3e0xn4am] {
        border: 1px solid lightgrey;
        padding: 12px;
        border-radius: 8px;
        -webkit-box-shadow: 1px 10px 20px 1px rgba(0,0,0,0.13);
        box-shadow: 1px 10px 20px 1px rgba(0,0,0,0.13);
    }
}

@media (min-width: 1024px) {
    .upload-form-wrapper > div:first-child[b-9j3e0xn4am] {
        padding: 20px 100px 12px 100px;
    }
}

/*-------------------------- Wahlleistungen ----------------------*/
.booking-wrapper[b-9j3e0xn4am] {
    background-color: #eaf1ff;
    border-radius: 8px;
}

.wl-title-wrapper[b-9j3e0xn4am],
.gebuchte-wl-title-wrapper[b-9j3e0xn4am] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 8px 6px;
    margin-bottom: 12px;
    margin-bottom: 8px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.wl-title-wrapper[b-9j3e0xn4am] {
    background: rgb(87,109,155);
    background: linear-gradient(90deg, rgba(87,109,155,1) 23%, rgba(109,137,196,1) 50%, rgba(113,139,194,1) 77%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.gebuchte-wl-title-wrapper[b-9j3e0xn4am] {
    margin: 18px 0 8px 0;
    background: rgb(2,181,176);
    background: linear-gradient(90deg, rgb(2 188 183) 23%, rgb(3 201 195) 50%, rgba(1,215,210,1) 77%);
}

    .wl-title-wrapper > img[b-9j3e0xn4am],
    .gebuchte-wl-title-wrapper > img[b-9j3e0xn4am] {
        max-height: 80px;
    }

    .wl-title-wrapper > p[b-9j3e0xn4am],
    .gebuchte-wl-title-wrapper > p[b-9j3e0xn4am] {
        max-width: 50%;
    }

.v-wl-list[b-9j3e0xn4am] {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 6px;
    width: 100%;
    text-align: center;
}

.v-wl-list-item[b-9j3e0xn4am] {
    flex-basis: 49%;
}

.v-wl-card[b-9j3e0xn4am] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 2px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 1s ease-out;
    color: #fff;
    font-weight: 500;
    background-color: rgba(1,144,176,1);
    background: rgb(1,144,176);
    background: linear-gradient(90deg, rgba(1,144,176,1) 26%, rgba(1,139,170,1) 48%, rgba(1,126,154,1) 88%);
    -webkit-box-shadow: 5px 5px 9px -3px rgba(0,0,0,0.47);
    box-shadow: 5px 5px 9px -3px rgba(0,0,0,0.47);
}

    .v-wl-card.active[b-9j3e0xn4am] {
        background: rgb(9,180,214);
        background: linear-gradient(90deg, rgba(9,180,214,1) 26%, rgba(9,209,214,1) 58%, rgba(9,202,214,1) 84%);
        color: #fff;
    }

        .v-wl-card.active .v-wl-icon-wrapper[b-9j3e0xn4am] {
            /* background-color: #09b4d6;*/
            background: rgb(9,180,214);
            background: linear-gradient(90deg, rgba(9,180,214,1) 26%, rgba(9,209,214,1) 58%, rgba(9,202,214,1) 84%);
        }

    .v-wl-card:hover[b-9j3e0xn4am] {
        background-color: var(--background-dark-blue-color);
    }

.v-wl-icon-wrapper[b-9j3e0xn4am] {
    width: 60px;
    height: 60px;
    margin: 6px auto;
    padding-top: 10px;
    border: 3px solid #fff;
    border-radius: 50%;
    background-color: rgba(1,144,176,1);
    font-size: 26px;
}

    .v-wl-icon-wrapper > i[b-9j3e0xn4am] {
        transition: all 1s ease-out;
    }


.v-wl-booked-until > p[b-9j3e0xn4am] {
    font-size: 12px;
    font-style: italic;
    color: var(--dark-blue-title-color);
}


.no-booking-cards[b-9j3e0xn4am],
.no-booked-cards[b-9j3e0xn4am] {
    text-align: center;
    font-weight: 600;
    color: var(--dark-blue-title-color);
}

.no-booking-cards[b-9j3e0xn4am] {
    padding: 20px 2px 0 2px;
}

.no-booked-cards[b-9j3e0xn4am] {
    padding: 12px 2px 20px 2px;
}

.pagination-wrapper[b-9j3e0xn4am] {
    padding: 6px 0 12px 0;
}

@media (min-width: 800px) {
    .v-wl-list-item[b-9j3e0xn4am] {
        flex-basis: 32%;
    }

    .v-wl-list[b-9j3e0xn4am] {
        padding-left: 12px;
        gap: 12px;
    }
}

@media (min-width: 1090px) {
    .v-wl-list-item[b-9j3e0xn4am] {
        flex-basis: 19%;
    }

    .v-wl-list[b-9j3e0xn4am] {
        gap: 12px;
    }
}

.booked-service-item[b-9j3e0xn4am] {
    margin-bottom: 8px;
}

.booked-service-card[b-9j3e0xn4am] {
    height: 100%;
    border-radius: 8px;
    border: 1px solid #dedede;
    text-align: center;
    -webkit-box-shadow: 5px 5px 9px -3px rgba(0,0,0,0.47);
    box-shadow: 5px 5px 9px -3px rgba(0,0,0,0.47);
}

.booked-service-card-header[b-9j3e0xn4am] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 4px 2px;
    background-color: rgb(2,181,176);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
    background: rgb(2,181,176);
    background: linear-gradient(0deg, rgba(2,181,176,1) 30%, rgba(44,191,187,1) 50%, rgba(2,181,176,1) 70%);
}

    .booked-service-card-header > div > img[b-9j3e0xn4am] {
        max-height: 50px;
    }

.booked-service-description[b-9j3e0xn4am] {
    margin-top: 6px;
    font-weight: 500;
    line-height: 18px;
}

.additional-info[b-9j3e0xn4am] {
    color: #575f67;
}

.booked-service-period[b-9j3e0xn4am] {
    font-weight: 600;
    color: var(--dark-blue-title-color);
}

.booked-service-card-body[b-9j3e0xn4am] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 2px;
    background-color: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.gebuchte-wl-rounded[b-9j3e0xn4am] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

@media (min-width: 600px) {
    .booked-services-list[b-9j3e0xn4am] {
        padding: 4px;
    }

    .booked-service-card[b-9j3e0xn4am] {
        display: flex;
    }

        .booked-service-card > div[b-9j3e0xn4am] {
            flex-grow: 1;
            max-width: 50%;
        }

    .booked-service-card-header[b-9j3e0xn4am] {
        border-bottom-left-radius: 8px;
        border-top-right-radius: unset;
    }

    .booked-service-card-body[b-9j3e0xn4am] {
        border-bottom-left-radius: unset;
        border-top-right-radius: 8px;
    }
}


@media (min-width: 960px) {
    .booked-services-list[b-9j3e0xn4am] {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .booked-service-item[b-9j3e0xn4am] {
        width: 49%;
    }
}

.check-icon[b-9j3e0xn4am],
.circle-icon[b-9j3e0xn4am] {
    margin-left: 4px;
    top: 2px;
}

/* confirm modal */
.booking-modal[b-9j3e0xn4am] {
    position: fixed;
    z-index: 100;
    padding: 90px 6px 0 6px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.4);
}


/* Modal Content */
.booking-modal-content[b-9j3e0xn4am] {
    margin: auto;
    padding: 20px 8px;
    max-width: 600px;
    border: 1px solid #888;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
}

.booking-form-btns[b-9j3e0xn4am] {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    gap: 8px;
}

.booking-form-btns > button[b-9j3e0xn4am] {
    flex-basis: 50%;
}

.booking-form-input-group[b-9j3e0xn4am] {
    margin-bottom: 12px;
    text-align: left;
}

    .booking-form-input-group > label[b-9j3e0xn4am] {
        font-weight: 500;
        color: var(--dark-blue-title-color);
    }

.booking-description[b-9j3e0xn4am] {
    color: var(--dark-blue-title-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
}

.booking-additional-info[b-9j3e0xn4am] {
    margin: 6px 2px 12px 2px;
    font-style: italic;
}

@media (min-width: 400px) {
    .booking-modal-content[b-9j3e0xn4am] {
        padding: 20px 18px;
    }
}

/*-------------------------- Med plan ----------------------*/
.medication-plan[b-9j3e0xn4am] {
    padding: 12px 6px;
    border-radius: 8px;
    background-color: #eaf1ff;
}

.mp-scan-btn-wrapper[b-9j3e0xn4am] {
    margin-top: 18px;
}

    .mp-scan-btn-wrapper > button[b-9j3e0xn4am] {
        width: 100%;
    }

/*-------------------------- Diagnoses/Procerures ----------------------*/

.no-case-diagnoses[b-9j3e0xn4am],
.no-case-procedure[b-9j3e0xn4am] {
    padding: 12px 2px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: var(--dark-blue-title-color);
}

.procedure-title[b-9j3e0xn4am],
.diagnose-title[b-9j3e0xn4am] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 8px 6px;
    margin-bottom: 12px;
    margin-bottom: 8px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.procedure-title[b-9j3e0xn4am] {
    margin-top: 12px;
    background: rgb(2,181,176);
    background: linear-gradient(90deg, rgb(2 188 183) 23%, rgb(3 201 195) 50%, rgba(1,215,210,1) 77%);
}


.diagnose-title[b-9j3e0xn4am] {
    background: rgb(87,109,155);
    background: linear-gradient(90deg, rgba(87,109,155,1) 23%, rgba(109,137,196,1) 50%, rgba(113,139,194,1) 77%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

    .diagnose-title > img[b-9j3e0xn4am],
    .procedure-title > img[b-9j3e0xn4am] {
        max-height: 80px;
    }

.dp-wrapper[b-9j3e0xn4am] {
    padding-bottom: 8px;
    background-color: #eaf1ff;
    border-radius: 8px;
}

.data-loading-error[b-9j3e0xn4am] {
    padding: 20px;
    color: var(--text-danger-color);
    font-weight: 500;
    text-align: center;
}

.error-wrapper[b-9j3e0xn4am] {
    border-radius: 8px;
    background-color: #fff;
}


.missing-title[b-9j3e0xn4am] {
    margin-top: 34px;
}

.no-cam-btn[b-9j3e0xn4am] {
    margin-top: 12px;
    padding: 6px;
    width: 100%;
    border: none;
    border-radius: 8px;
    color: #fff;
    background-color: #f5a000;
    -webkit-box-shadow: 6px 10px 20px -10px #3e4684;
    box-shadow: 6px 10px 20px -10px #3e4684;
}

.c-clock-icon[b-9j3e0xn4am],
.c-marker-icon[b-9j3e0xn4am],
.c-medical-cross-icon[b-9j3e0xn4am] {
    top: 2px;
}

.appointment-time[b-9j3e0xn4am],
.appointment-location[b-9j3e0xn4am],
.appointment-doctor[b-9j3e0xn4am] {
    margin-left: 6px;
}

.appointment-subject-week[b-9j3e0xn4am] {
    margin-right: 2px;
}

.dx-calendar-wrapper[b-9j3e0xn4am] {
    background-color: #fff;
    border-radius: 8px;
}

.dx-calendar-time-scale[b-9j3e0xn4am] {
    padding: 8px 8px;
}

.dx-calendar-time-scale > select[b-9j3e0xn4am] {
    width: 100%;
    padding: 6px;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.case-loading-skeleton[b-9j3e0xn4am] {
    margin: auto;
    padding: 12px 12px 0 12px;
    max-width: 1080px;
    text-align: center;
    border-radius: 8px;
}

.skeleton-title[b-9j3e0xn4am] {
    display: inline-block;
    margin-bottom: 12px;
    width: 280px;
    height: 46px;
}

.skeleton-tabs[b-9j3e0xn4am] {
    display: flex;
    gap: 12px;
    padding: 6px;
    margin-bottom: 12px;
    height: 40px;
    background-color: #fff;
    border-radius: 8px;
}

.skeleton-tab[b-9j3e0xn4am],
.skeleton-title[b-9j3e0xn4am],
.skeleton-tab-body[b-9j3e0xn4am] {
    border-radius: 8px;
    background-color: #ececec;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
}

.skeleton-tab[b-9j3e0xn4am] {
    flex-basis: 20%;
    background-color: #fff;
    border-radius: 8px;
}

.skeleton-tab-body[b-9j3e0xn4am] {
    height: 50vh;

}

.skeleton-tab-body[b-9j3e0xn4am],
.skeleton-tabs[b-9j3e0xn4am],
.skeleton-title[b-9j3e0xn4am] {
    -webkit-box-shadow: -23px 10px 15px 1px #3b547e;
    box-shadow: -23px 10px 15px -10px #3b547e;
}

.input-btn[b-9j3e0xn4am] {
    margin: 12px;
    color: #fff;
}
.file-drop-zone[b-9j3e0xn4am] {
    position: relative;
    background-color: #9DBBF9
}
.drop-zone-hover[b-9j3e0xn4am] {
    border-style: solid;
    background-color: #c386ff;
}
.upload-form-btns[b-9j3e0xn4am] {
    margin:12px auto 8px auto;
}

.upload-file-wrapper[b-9j3e0xn4am] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 12px 6px;
}
.upload-file-icon[b-9j3e0xn4am] {
    font-size: 40px;
    color: #303f90;
}
.upload-file[b-9j3e0xn4am] {
    flex-grow: 2;
    font-size: 18px;
}
.upload-file-main[b-9j3e0xn4am] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
.upload-file-clear-btn[b-9j3e0xn4am] {
    min-width: 100px;
}

.upload-file-name[b-9j3e0xn4am] {
    color: #3e4684;
    word-break: break-all;
}
.upload-file-clear-btn > i[b-9j3e0xn4am] {
    font-size: 22px;
    cursor: pointer;
}

.upload-file-error[b-9j3e0xn4am] {
    color: var(--text-danger-color);
}

.select-upload-type-hint[b-9j3e0xn4am] {
    text-align: center; 
    color: coral;
    font-weight: 500;
    font-size: 18px;
}

.upload-file-size[b-9j3e0xn4am] {
    margin-right: 8px;
    font-size: 18px;
}

[b-9j3e0xn4am] input[type=file] {
    width: 100%;
    padding: 20px;
}
textarea.textarea-disabled[b-9j3e0xn4am]::placeholder {
    color: #B2B6BE;
    background-color: #FAFBFF;
}

textarea.textarea-disabled[b-9j3e0xn4am] {
    color: #B2B6BE;
    background-color: #FAFBFF;
}
.upload-file-icon[b-9j3e0xn4am] {
    display: none;
}

.input-dates-error[b-9j3e0xn4am] {
    font-weight: 500;
    text-align: left;
    text-align: center;
    color: var(--text-danger-color);
}

@media (min-width: 600px) {
    .upload-file-icon[b-9j3e0xn4am] {
        display: block;
    }
}

.patient-case-data-skeleton[b-9j3e0xn4am] {
    width: 100%;
    height: calc(100vh - 420px);
    background-color: #ececec;
    border-radius: 8px;
    padding: 20px;
    background-image: -webkit-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: -o-linear-gradient(left, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-image: linear-gradient(90deg, #ececec 0px, #f4f4f4 40px, #ececec 80px);
    background-size: 250px;
    -webkit-animation: shine-loading-image 2s infinite ease-out;
    animation: shine-loading-image 2s infinite ease-out;
    -webkit-box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
    box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
}

.location-btn[b-9j3e0xn4am] {
    cursor: pointer;
}

.missing-tab[b-9j3e0xn4am] {
    padding: 24px 4px;
    text-align: center;
    background-color: #fff;
    border-radius: 8px;
    font-weight: 500;
    color: red;
}
/* /Pages/Patient/Terminwunsch.razor.rz.scp.css */
.appointment-page[b-sjm4t1gbgn] {
    min-height: 100%;
    background-color: #5f76a7;
}

.appointment[b-sjm4t1gbgn] {
    max-width: 900px;
    margin: auto;
    padding: 8px 0;
    background-color: #fff;
}

.appointment-header[b-sjm4t1gbgn] {
    background-color: var(--score-background-color);
    background: linear-gradient(90deg, var(--score-background-color) 21px, transparent 1%) center, linear-gradient(var(--score-background-color) 21px, transparent 1%) center, #a799cc;
    background-size: 22px 22px;
}

.appointment-header-title[b-sjm4t1gbgn] {
    padding-bottom: 8px;
    text-align: center;
}

    .appointment-header-title > div[b-sjm4t1gbgn] {
        position: relative;
        margin-bottom: 13px;
        top: 20px;
        border-top: 1px solid #fff;
        font-weight: 900;
        text-transform: uppercase;
        text-align: center;
    }

.appointment-titel[b-sjm4t1gbgn] {
    display: block;
    position: relative;
    top: -14px;
    padding: 2px 5px;
    margin: 0 auto;
    width: 246px;
    background: #fff;
    color: var(--dark-blue-title-color);
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}

.appointment-header-title > img[b-sjm4t1gbgn] {
    max-height: 120px;
}

.error-message[b-sjm4t1gbgn] {
    padding: 8px 4px;
    text-align: center;
    color: var(--text-danger-color);
    font-weight: 500;
}

@media (min-width: 480px) {

}

@media (min-width: 760px) {
    .appointment-header-title[b-sjm4t1gbgn] {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        gap: 20px;
        padding: 12px 0;
    }

    .appointment-titel[b-sjm4t1gbgn] {
        font-size: 22px;
    }

   
}

@media (min-width: 900px) {
    .appointment[b-sjm4t1gbgn] {
        margin: 4px auto 12px auto;
        border-radius: 8px;
    }

  
}
/* /Pages/Portal/Datenschutzerklaerung.razor.rz.scp.css */
.use-condition-wrapper[b-jvzh4e7c5g] {
    min-height: 100%;
    padding: 6px;
    background-color: var(--background-secondary-color);
}

.use-condition[b-jvzh4e7c5g] {
    padding: 20px 10px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 3px 3px rgb(0,0,0,0.10);
    box-shadow: 4px 4px 3px 3px rgb(0 0 0 / 10%);
}

@media (min-width: 900px) {
    .use-condition[b-jvzh4e7c5g] {
        margin: 20px auto;
        padding: 20px;
        max-width: 900px;
    }
}
/* /Pages/Portal/Impressum.razor.rz.scp.css */
.use-condition-wrapper[b-ib5tv32vem] {
    min-height: 100%;
    padding: 6px;
    background-color: var(--background-secondary-color);
}

.use-condition[b-ib5tv32vem] {
    padding: 20px 10px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 3px 3px rgb(0,0,0,0.10);
    box-shadow: 4px 4px 3px 3px rgb(0 0 0 / 10%);
}

@media (min-width: 900px) {
    .use-condition[b-ib5tv32vem] {
        margin: 20px auto;
        padding: 20px;
        max-width: 900px;
    }
}
/* /Pages/Portal/InfosUndFormulare.razor.rz.scp.css */
.iaf-main-wrapper[b-cnnkevfmw2] {
    min-height: 100%;
    padding: 0 2px 4px 2px;
    background-color: #5f7291;
    background-size: 11px 11px;
    background-image: repeating-linear-gradient(45deg, #46546b 0, #46546b 1.1px, #5f7291 0, #5f7291 50%);
}

.content-wrapper[b-cnnkevfmw2] {
    margin: auto;
    max-width: 1024px;
}

.iaf-tabs-wrapper[b-cnnkevfmw2] {
    padding: 4px 2px;
    margin-bottom: 6px;
    color: var(--dark-blue-title-color);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: rgb(131,228,255);
    background: linear-gradient(0deg, rgba(131,228,255,1) 23%, rgba(176,234,250,1) 50%, rgba(200,243,255,1) 77%);
    -webkit-box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
    box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
}

.iaf-card[b-cnnkevfmw2] {
    margin-bottom: 6px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
    box-shadow: 8px 5px 10px 5px rgb(0,0,0,0.26);
}

iaf-msg-wrapper[b-cnnkevfmw2] {
    border-radius: 8px;
}


.iaf-titel[b-cnnkevfmw2] {
    margin-bottom: 4px;
    text-align: center;
    color: var(--dark-blue-title-color);
    font-weight: 600;
}

.iaf-date[b-cnnkevfmw2] {
    text-align: right;
    margin-top: 6px;
}

.a-primary-btn.infe-redirect[b-cnnkevfmw2],
.iaf-date[b-cnnkevfmw2] {
    display: block;
}

.a-primary-btn.infe-redirect[b-cnnkevfmw2] {
    margin-top: 12px;
}

.arrow-icon[b-cnnkevfmw2] {
    top: 3px;
    margin-left: 4px;
}

.pin-icon[b-cnnkevfmw2] {
    top: 2px;
    margin-left: 8px;
    padding: 2px 2px 4px 4px;
    border-radius: 8px;
    color: var(--button-danger-color);
    background-color: var(--hell-blue-bg-color);
}

.initial-load-error[b-cnnkevfmw2] {
    padding: 20px;
}

    .initial-load-error > p[b-cnnkevfmw2] {
        padding: 20px;
        border-radius: 8px;
        background-color: #fff;
        text-align: center;
        color: var(--text-danger-color);
        font-weight: 500;
    }

.article > img[b-cnnkevfmw2] {
    margin: 12px auto;
    width: 100%
}

@media (min-width: 680px) {
    .article > img[b-cnnkevfmw2] {
        float: left;
        margin: 0px 15px 15px 0px;
        width: 240px
    }
}

@media (min-width: 1024px) {
    .iaf-tabs-wrapper[b-cnnkevfmw2] {
        padding: 6px 2px;
    }

    .iaf-titel[b-cnnkevfmw2] {
        text-align: left;
    }

    .iaf-card[b-cnnkevfmw2] {
        margin-bottom: 12px;
    }
}

.no-info-news[b-cnnkevfmw2] {
    text-align: center;
    color: var(--dark-blue-title-color);
    font-size: 20px;
    font-weight: 500;
}

.skeleton-wrapper[b-cnnkevfmw2] {
    padding-top: 12px;
}
/* /Pages/Portal/Nutzungsbedingungen.razor.rz.scp.css */
.use-condition-wrapper[b-dvgf3kxs5i] {
    min-height: 100%;
    padding: 6px;
    background-color: var(--background-secondary-color);
}

.use-condition[b-dvgf3kxs5i] {
    padding: 20px 10px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 3px 3px rgb(0,0,0,0.10);
    box-shadow: 4px 4px 3px 3px rgb(0 0 0 / 10%);
}

@media (min-width: 900px) {
    .use-condition[b-dvgf3kxs5i] {
        margin: 20px auto;
        padding: 20px;
        max-width: 900px;
    }
}
/* /Shared/Footer.razor.rz.scp.css */
.app-footer[b-x95rlfal3k] {
    width: 100%;
    height: 100%;
    background-color: var(--footer-color);
    color: var(--footer-text-primary-color);
    text-align: center;
}

.copy[b-x95rlfal3k] {
    font-size: 12px;
    text-align: center;
    color: #9dbbf9;
    background-color: black;
}

.kh-links[b-x95rlfal3k] {
    display: flex;
    gap: 0 12px;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 12px;
}

.footer-kh-address[b-x95rlfal3k] {
    padding-top: 2px;
    font-size: 14px;
}

ul.kh-links > li a[b-x95rlfal3k],
.kh-links > li a i[b-x95rlfal3k],
.kh-links > li a .fa[b-x95rlfal3k],
.kh-links > li a .oi[b-x95rlfal3k] {
    color: #c9cbd0 !important;
}

@media (max-width: 600px) {
    .copy[b-x95rlfal3k] {
        padding: 2px;
    }
}
/* /Shared/GastLayout.razor.rz.scp.css */
.content-wrapper[b-gqlcpobwqv] {
    min-width: 100%;
}
/* /Shared/Header.razor.rz.scp.css */
.navbar.header-navbar[b-nnh9wzjyw3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    flex-grow: 0;
    flex-wrap: nowrap;
    border: none;
    background-color: inherit;
    border-radius: 0;
    height: 3rem;
    min-height: 3rem;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    justify-content: flex-start;
}

.header-navbar .navbar-toggler[b-nnh9wzjyw3] {
    outline: none;
    border-radius: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    box-shadow: none;
    align-self: stretch;
}

    .header-navbar .navbar-toggler .navbar-toggler-icon[b-nnh9wzjyw3] {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        background-color: transparent !important;
        height: 2rem;
        width: 2rem;
    }

.title[b-nnh9wzjyw3] {
    font-size: 1.1rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 350px) {
    .title[b-nnh9wzjyw3] {
        font-size: inherit;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-bfy5yexf22] {
    height: 100%;
    overflow: hidden;
    background-color: inherit;
}

[b-bfy5yexf22] .page-layout,
[b-bfy5yexf22] .page-layout > .dxbl-gridlayout-root,
[b-bfy5yexf22] .layout-item {
    background-color: #dde5f4;
    background-color: var(--background-hell-grey-color);
}

[b-bfy5yexf22] .content {
    padding: 1.1rem 2rem 0 2rem;
    overflow: auto;
}

@media (max-width: 1199.98px) {
    [b-bfy5yexf22] .page-layout > .dxbl-gridlayout-root {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

[b-bfy5yexf22] .fit-width {
    max-width: 100%;
}

[b-bfy5yexf22] .mw-1100 {
    max-width: 1100px;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.sidebar[b-etgtetxli5] {
    min-width: 300px;
    max-width: 300px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    background-color: inherit;
}

    .sidebar.collapse[b-etgtetxli5] {
        display: none;
    }

    .sidebar.expand[b-etgtetxli5] {
        display: block;
    }

@media (max-width: 1199.98px) {
    .sidebar[b-etgtetxli5] {
        display: none;
    }

        .sidebar.expand[b-etgtetxli5] {
            position: fixed;
            left: 0;
            height: auto;
            min-width: 100%;
            z-index: 1050;
        }
}

[b-etgtetxli5] .app-sidebar > .nav-pills > .nav-item:first-of-type {
    padding-top: 1rem;
}

[b-etgtetxli5] .app-sidebar > .nav-pills > .nav-item:last-of-type {
    padding-bottom: 1rem;
}

[b-etgtetxli5] .app-sidebar .nav-pills > .nav-item a {
    border-radius: 0px;
    display: flex;
    align-items: center;
}

[b-etgtetxli5] .app-sidebar > .nav-pills > .nav-item > a {
    font-size: 1rem !important;
    font-weight: 600 !important;
    padding: .25rem 1rem .25rem .125rem;
}

    [b-etgtetxli5] .app-sidebar,
    [b-etgtetxli5] .app-sidebar > .nav-pills,
    [b-etgtetxli5] .app-sidebar > .nav-pills > .nav-item,
    [b-etgtetxli5] .app-sidebar > .nav-pills > .nav-item > a:not(.active) {
        background-color: inherit;
    }

@media (max-width: 1199.98px) {
    [b-etgtetxli5] .app-sidebar > .nav-pills > .nav-item:last-of-type {
        padding-bottom: 0;
    }
}

.continue-score[b-etgtetxli5] {
    margin-top: 8px;
    padding: 6px 4px 6px 10px;
    background-color: #ffc107;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
}

.clipboard-icon[b-etgtetxli5] {
    top: 2px;
    margin-right: 4px;
}

.m-clipboard-icon[b-etgtetxli5] {
    top: 2px;
    margin-right: 4px;
}

.score-cache-modal[b-etgtetxli5] {
    position: fixed;
    z-index: 1051;
    padding: 90px 6px 0 6px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.score-cache-modal-content[b-etgtetxli5] {
    margin: auto;
    padding: 12px;
    max-width: 600px;
    overflow: auto;
    border: 1px solid #888;
    border-radius: 8px;
    background-color: #fff;
}

.score-cache-card[b-etgtetxli5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding: 4px 8px;
    border: 1px solid #d1d0d0;
    border-radius: 8px;
    font-weight: 600;
    color: var(--dark-blue-title-color);
}

.close-btn[b-etgtetxli5] {
    font-size: 32px;
}

.cache-notification[b-etgtetxli5] {
    padding: 0 6px 0 4px;
}