/* /Components/CheckBox.razor.rz.scp.css */
.container[b-bwgvm6xbrq] {
    display:flex;
    flex-direction:row;
    align-items:center;
    margin-right:.25rem;
}
.material-icons[b-bwgvm6xbrq] {
    cursor:pointer;
    margin-right: .25rem;
    color: var(--text-color);
}
.chbx-label[b-bwgvm6xbrq] {
    user-select: none;
    font-size: .85rem;
    color: var(--text-color);
}

.disabled[b-bwgvm6xbrq] {
    color: lightgray;
    cursor: default;
}
/* /Components/CopyToClipboard.razor.rz.scp.css */
.icon-btn[b-2cfb5d2oek] {
    padding: 0.25rem;
    cursor: pointer;
    display: flex;
    color: var(--btn-accept-bg-color);
    justify-content: center;
    align-items: center;
}

    .icon-btn:hover[b-2cfb5d2oek] {
        color: var(--btn-hover-bg-color);
    }

.icon-btn .material-icons[b-2cfb5d2oek] {
    font-size: 1rem;
}

.is-success[b-2cfb5d2oek] {
    color: var(--success-color);
}
/* /Components/DataGrid.razor.rz.scp.css */
.rows[b-h4h8vyc3pd] {
    overflow: auto;
    border-top: none;
    border-left: .5px solid var(--border-color);
    border-right: .5px solid var(--border-color);
    border-bottom: .5px solid var(--border-color);
}
.even-row[b-h4h8vyc3pd] {
    background-color: ghostwhite;
    /*background-color: whitesmoke;*/
}

.header[b-h4h8vyc3pd] {
    padding: .5rem .25rem .5rem .5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: .5px solid var(--border-color);
    background-color: var(--chips-bg-color);
}

.header .material-icons[b-h4h8vyc3pd] {
    flex: 0 0 auto;
}
/* /Components/DateInput.razor.rz.scp.css */
.show-border[b-huri5i9qmo] {
    border-width: .5px;
    border-style: solid;
    border-color: var(--border-color);
}

/*.input-container {
    flex:0;
    display: flex;
    align-items: center;
}*/
/*    .input-container:hover {
        outline: .5px solid rgb(32, 170, 212);
    }*/

    input[b-huri5i9qmo] {
        flex: 1;
        padding-left: .5rem;
        padding-bottom: .25rem;
        padding-top: .25rem;
        padding-right: 0rem;
    }


input[type="date"][b-huri5i9qmo],
input[type="datetime-local"][b-huri5i9qmo] {
    font-family: "Roboto";
}

        input:hover[b-huri5i9qmo],
        input:focus[b-huri5i9qmo] {
            outline: .5px solid rgb(32, 170, 212);
        }

.is-empty-dt[b-huri5i9qmo] {
    color: white;
}
    .is-empty-dt:hover[b-huri5i9qmo],
    .is-empty-dt:focus[b-huri5i9qmo] {
        color: lightgray;
    }
.not-empty-dt[b-huri5i9qmo] {
    color: var(--text-color);
}

[b-huri5i9qmo]::-webkit-calendar-picker-indicator {
    opacity: 0.5;
    font-size: 1.25rem;
    /*margin-left: -2rem;*/
    padding-right: .5rem;
    filter: brightness(0) saturate(100%) invert(16%) sepia(44%) saturate(5028%) hue-rotate(211deg) brightness(99%) contrast(91%);
    /*filter: brightness(0) saturate(100%) invert(41%) sepia(54%) saturate(271%) hue-rotate(174deg) brightness(94%) contrast(87%);*/
}

    [b-huri5i9qmo]::-webkit-calendar-picker-indicator:hover {
        opacity: 1
    }


.hide[b-huri5i9qmo] {
    display: none;
}

/* /Components/EditDialog.razor.rz.scp.css */
.dlg-container[b-db3yo91qnd] {
    position: absolute;
    z-index: 5;
    box-shadow: var(--box-shadow);
    display: flex;
    flex-direction: column;
    -webkit-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    background-color: white;
    border: .5px solid var(--text-color);
}

.dlg-header[b-db3yo91qnd] {
    cursor: default;
    flex: 0 0 auto;
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    color: whitesmoke;
    background-color: var(--primary-color);
}

.dlg-title[b-db3yo91qnd] {
    margin-left: 10px;
    font-weight: 500;
}

.close-btn[b-db3yo91qnd] {
    cursor: pointer;
    margin-left: auto;
    display: flex;
    align-items: center;
}

.close-btn span[b-db3yo91qnd] {
    padding: 5px;
    border-radius: 50%;
}

    .close-btn span:hover[b-db3yo91qnd] {
        border-radius: 50%;
        background-color: var(--hover-color);
        color: var(--primary-bg-color);
        font-weight:bold;
    }

.dlg-content[b-db3yo91qnd] {
    padding: .5rem 1rem;
    flex: 1 1 auto;
}

.dlg-footer[b-db3yo91qnd] {
    flex: 0 0 auto;
    display: flex;
    padding: 0.5rem 1rem;
}

.info-panel[b-db3yo91qnd] {
    cursor: default;
    flex: 1 1 auto;
    font-size: 0.75rem;
    max-height: 35px;
    overflow-y: auto;
    margin-right: 10px;
}

.buttons[b-db3yo91qnd] {
    margin-left: auto;
}

.input-row[b-db3yo91qnd] {
    display: flex;
    flex-direction: row;
    align-items:center;
}
.input-row input[b-db3yo91qnd] {
    flex: 1 1 auto;
    border: 1px solid var(--border-color);
    margin-right: 0.5rem;
}

.fld-set[b-db3yo91qnd] {
    display:flex;
    flex-direction:column;
}

label[b-db3yo91qnd] {
     margin:.25rem 0;
}

.flx-row[b-db3yo91qnd] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.chbx[b-db3yo91qnd] {
    display: flex;
    flex-direction: column;
    width: 60px;
}
.chbx .material-icons[b-db3yo91qnd] {
    color: var(--header-color);
    font-size:2rem;
}

.id-panel[b-db3yo91qnd] {
    flex: 0;
    width: 50px;
    margin-right: .25rem;
}
.dt-panel[b-db3yo91qnd] {
    flex:0;
    width: 140px;
    margin-right: .25rem;
}
.type-panel[b-db3yo91qnd] {
    flex:1;
    margin-left: .25rem;
    margin-right: .25rem;
}



/* /Components/InputBox.razor.rz.scp.css */
.input-container[b-e6fuad7icp] {
    display: flex;
    align-items: center;
    border-width: .5px;
    border-style: solid;
    border-color: var(--border-color);
    padding-right: .5rem;
    /*margin-bottom:.5rem;*/
}
    .input-container:hover[b-e6fuad7icp] {
        outline: .5px solid rgb(32, 170, 212);
    }

    .input-container input[b-e6fuad7icp] {
        flex: 1;
        border: none;
        padding: 0.5rem;

    }


.input-btn[b-e6fuad7icp] {
    cursor: pointer;
    font-size: 1.25rem;
    /*    color: rgba(13, 71, 161,0.75);*/
    margin-left: .25rem;
    opacity: 0.5;
    color:var(--header-color);
}

    .input-btn:hover[b-e6fuad7icp] {
        opacity: 1;
    }

input:hover[b-e6fuad7icp] {
    outline: none;
    border: none;
}

input:focus[b-e6fuad7icp] {
    outline: none;
    border:none;
}
input[b-e6fuad7icp]::placeholder {
    color: lightgray;
}
.disabled[b-e6fuad7icp] {
    opacity: 0.5;
    color: var(--header-color)
}
/* /Components/MenuButton.razor.rz.scp.css */

.top-nav-link[b-b03upje61x] {
    cursor: pointer;
    background-color: var(--menu-btn-bg-color);
    color: whitesmoke;
    padding: 8px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .top-nav-link:hover[b-b03upje61x] {
        background-color: var(--btn-hover-bg-color);
        color: white;
    }


.ellipsis[b-b03upje61x] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media (max-width: 500px) {
    .top-nav-link[b-b03upje61x] {
        padding: 8px 5px;
    }
}
/* /Components/ModalError.razor.rz.scp.css */
.err-container[b-qjzvwmwnby] {
    cursor: default;
    user-select: none;
    padding: .5rem 0.75rem;
    color: var(--primary-color);
    z-index: 9999;
    position: absolute;
    border: .5px solid var(--border-color);
    background-color: lightyellow;
    box-shadow: var(--box-shadow);
    -webkit-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    display: flex;
    flex-direction:column;
    border: .5px solid var(--border-color);
}

.header[b-qjzvwmwnby] {
    display: flex;
    margin-bottom:.5rem;
    flex: 0 0 auto;
}
.header-text[b-qjzvwmwnby] {
    flex: 1;
    font-weight: 500;
    display: flex;
    flex-direction:row;
}
.close[b-qjzvwmwnby] {
    flex: 0;
    cursor: pointer;
    font-size: 1rem;
}
.close:hover[b-qjzvwmwnby] {
    font-weight: bold;
}
.middle[b-qjzvwmwnby] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    margin-bottom:.5rem;
}
.err-info[b-qjzvwmwnby] {
    margin-left:.5rem;
    flex: 1 1 auto;
    display:flex;
    flex-direction: column;
    font-size:.85rem;
}
.clp-btn[b-qjzvwmwnby] {
    flex:0 0 auto;
    align-self:flex-end;
}
.error-img-icon[b-qjzvwmwnby] {
    font-size: 3.5rem;
    color: darkred;
    flex: 0 0 auto;
}
.flex-row[b-qjzvwmwnby] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
    .flex-row label[b-qjzvwmwnby] {
        margin-right: .25rem;
        color: var(--primary-color);
    }

.stack-trace-header[b-qjzvwmwnby] {
    margin-top: 0.5rem;
    padding: 0.25rem 0.5rem 0.25rem 1rem;
    width: 130px;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    background-color: var(--hover-bg-color);
    color: var(--hover-color);
}

    .stack-trace-header:hover[b-qjzvwmwnby] {
        background-color: var(--ttip-bg-color);
    }

.stack-trace-header-text[b-qjzvwmwnby] {
    flex: 1 1 auto;
    user-select: none;
}

.stack-trace-header-icon[b-qjzvwmwnby] {
    flex: 0 0 auto;
}

code[b-qjzvwmwnby] {
    font-size: 0.85rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


textarea[b-qjzvwmwnby] {
    width: 100%;
    padding: 0.25rem;
    min-height: 120px;
    background: var(--err-bg-color);
}
/* /Components/PasswordInput.razor.rz.scp.css */
.password-input-container[b-bq8wxtvaik] {
    display: flex;
    align-items: center;
    border-width: .5px;
    border-style: solid;
    border-color: var(--border-color);
    padding-right: .5rem;
    margin-bottom:.5rem;
}
    .password-input-container:hover[b-bq8wxtvaik] {
        outline: .5px solid rgb(32, 170, 212);
    }

    .password-input-container input[b-bq8wxtvaik] {
        flex: 1;
        border: none;
        padding: 0.5rem;
        background-color:white;

    }

/*    .password-input-container input::placeholder {
        color: lightgray;
    }*/
        .password-input-container input:focus[b-bq8wxtvaik] {
            outline: none;
        }


.eye[b-bq8wxtvaik] {
    padding-left:.25rem;
    font-size: .95rem;
    color: rgba(13, 71, 161,0.75);
    cursor: pointer;
}
/* /Components/PointsLoader.razor.rz.scp.css */
@keyframes blink-b-3mteezdl3w {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(.75)
    }
    100% {
        transform: scale(0.25);
    }
}
.dot-row[b-3mteezdl3w] {
    display: flex;
    flex-direction: row;
    position: relative;
}

.dot-item[b-3mteezdl3w] {
    margin-right: .125rem;
    animation: 1s blink-b-3mteezdl3w infinite;
}

    .dot-item:nth-child(2)[b-3mteezdl3w] {
        animation-delay: 250ms;
    }

    .dot-item:nth-child(3)[b-3mteezdl3w] {
        animation-delay: 500ms;
    }

.dot-1[b-3mteezdl3w] {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    /*background-color: #c8d31f;*/
    background-color: var(--logo-color-1);
    animation: 1s blink-b-3mteezdl3w infinite;
}

.dot-2[b-3mteezdl3w] {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    /*background-color: #244391;*/
    background-color: var(--logo-color-2);
    animation-delay: 250ms;
}

.dot-3[b-3mteezdl3w] {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    /*background-color: #556283;*/
    background-color: var(--logo-color-3);
    animation-delay: 500ms;
}
/* /Components/Popup.razor.rz.scp.css */
.confirm-container[b-y8c0bjchkw] {
    cursor: default;
    user-select: none;
    padding: .5rem 0.75rem;
    color: var(--primary-color);
    z-index: 9999;
    position: absolute;
    border: .5px solid var(--border-color);
    background-color: #fff;
    box-shadow: var(--box-shadow);
    -webkit-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
        "header header header"
        "icon msg msg"
        "btns btns btns";
    align-items: start;
    border: .5px solid var(--border-color);
}
.header[b-y8c0bjchkw] {
    grid-area: header;
    display: flex;
    margin-bottom:1rem;
    /*color: var(--text-color);*/
}
.title[b-y8c0bjchkw] {
    flex: 1 1 auto;
    /*text-align: center;*/
    text-transform: uppercase;
    font-weight: 500;
}
.close[b-y8c0bjchkw] {
    flex: 0 0 auto;
    cursor: pointer;
    font-size: 1rem;
}
.close:hover[b-y8c0bjchkw] {
    font-weight: bold;
}

.icon[b-y8c0bjchkw] {
    grid-area: icon;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    color: var(--btn-accept-bg-color);
}
.msg-lines[b-y8c0bjchkw] {
    grid-area: msg;
    margin-top: .5rem;
    margin-left: .5rem;
    padding-right: 1rem;
    overflow:auto;
    max-height: 18rem;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.msg-line[b-y8c0bjchkw] {
    flex:1;
}
.err-row[b-y8c0bjchkw] {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 100%;
    margin-bottom:.25rem;
}
.err-line[b-y8c0bjchkw] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: .25rem;
}
.buttons[b-y8c0bjchkw] {
    margin-top: 1rem;
    grid-area: btns;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
    padding-top: .75rem;
}

.buttons button[b-y8c0bjchkw] {
    margin-left: .25rem;
    padding: .5rem 1rem;
}

.buttons button:hover:not(:disabled)[b-y8c0bjchkw] {
    background-color: var(--btn-hover-bg-color);
}
.ok-btn[b-y8c0bjchkw] {
    background-color: var(--btn-accept-bg-color);
}

.close-btn[b-y8c0bjchkw] {
    background-color: var(--btn-bg-color);
}
.error-icon[b-y8c0bjchkw] {
    color: var(--err-msg-color);
}
.success-icon[b-y8c0bjchkw] {
    color: var(--success-color);
}
/* /Components/Spinner.razor.rz.scp.css */


#overlay[b-926wq9yp5n] {
    padding: 2rem 3rem;
    position: fixed;
    left: calc(50% - 103px);
    top: calc(50% - 56px);
    background-color: #FAFAFA;
    border: 1px solid var(--border-color);
    border-radius: 0.25rem;
    box-shadow: var(--box-shadow);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* background: black url(wwwroot/img/wait.gif) center center no-repeat; */
    /* opacity: .25;  */
    z-index: 5555; 
}
/* /Components/StateDropDown.razor.rz.scp.css */

.state-drop-container[b-3ibdkp98uz] {
    position: relative;
    cursor: default;
    display: flex;
    flex-direction: row;
    align-items: center;
/*    min-height:42px;*/
}

.drop-btn[b-3ibdkp98uz] {
    color: var(--text-color);
    background-color: white;
    padding: .25rem .5rem ;
    border: .5px solid var(--border-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    text-align:start;
    font-size:1rem;
    width: 100%;
}
    .drop-btn:hover[b-3ibdkp98uz],
    .drop-btn:focus[b-3ibdkp98uz] {
        outline: .5px solid rgb(32, 170, 212);
    }

.ph[b-3ibdkp98uz] {
    flex: 1;
    color: lightgray;
    font-size: .85rem;
}

.icn-btn[b-3ibdkp98uz] {
    font-size: 1.4rem;
    flex: 0;
    margin-left: auto;
    opacity: 0.5;
    color: var(--header-color);
}
.icn-btn:hover[b-3ibdkp98uz] {
    opacity: 1;
}

.top-panel[b-3ibdkp98uz] {
    display:flex;
    width:100%;
}

.close-btn[b-3ibdkp98uz] {
    padding-top: .25rem;
    padding-right: .25rem;
    margin-left: auto;
    font-size: .85rem;
    color: var(--border-color);
}
.close-btn:hover[b-3ibdkp98uz] {
    color: var(--text-color);
    transform: scale(1.25)
}


.dd-content[b-3ibdkp98uz] {
    padding-top:.5rem;
    color: var(--text-color);
    display: flex;
    flex-direction: column;
    position: absolute;
    box-shadow: 0 1rem 1rem 0 rgba(0,0,0,0.2);
    z-index: 10;
    top: 32px;
    min-width: 100%;
    font-size: .95rem;
    border: .5px solid var(--border-color);
    border-top:none;
    background-color: white;
}

.dd-items[b-3ibdkp98uz] {
    padding-left: .95rem;
    flex: 1 1 auto;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    height: 250px;
}

.dd-item[b-3ibdkp98uz] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    color: var(--label-color);
}
.row-top[b-3ibdkp98uz] {
    margin-left: 1rem;
    margin-top:1px;
    margin-right:.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.row-bottom[b-3ibdkp98uz] {
    margin-left: 1rem;
    border-left: 2px dotted var(--border-color);
    height:1rem;
}
.hide[b-3ibdkp98uz] {
    display:none;
}
.checked[b-3ibdkp98uz] {
    color: var(--text-color);
}
.state-icon[b-3ibdkp98uz] {
    flex:0;
    font-size:2rem;
    /*padding-left:1rem;*/
    margin-left: -1rem;
    background-color:white;
}
.state-name[b-3ibdkp98uz] {
    flex: 1;
    padding-left:.25rem;
}
.state-date[b-3ibdkp98uz] {
    flex: 0;
}
/*.drop-btn span {
    font-size:1rem;
}*/
.btn-icn[b-3ibdkp98uz] {
    margin-right: .5rem;
    font-size: 1.5rem;
}
.btn-dt[b-3ibdkp98uz] {
    flex: 1;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-left: .5rem;
    border-left: .5px solid var(--text-color);
}
.btn-text[b-3ibdkp98uz] {
    flex: 0;
    white-space: nowrap;
}

.red[b-3ibdkp98uz] {
    color: var(--logo-color-1);
}
.blue[b-3ibdkp98uz] {
    color: var(--logo-color-2);
}
.orange[b-3ibdkp98uz] {
    color: orange;
}
.green[b-3ibdkp98uz] {
    color: var(--logo-color-3);
}
.gray[b-3ibdkp98uz] {
    color: var(--label-color);
}



/* /Components/Tabs.razor.rz.scp.css */
.tabs-container[b-lcel4bj0t2] {
    margin-top:.25rem;
    width:100%;
    display:flex;
}

.headers[b-lcel4bj0t2] {
    display: flex;
    /*max-width: 130px;*/
}
.left-headers[b-lcel4bj0t2] {
    flex-direction:row;
}
.top-headers[b-lcel4bj0t2] {
    flex-direction: column;
}

.tab-header[b-lcel4bj0t2] {
    color: var(--text-color);
    margin-bottom:.25rem;
    cursor: default;
    padding: .5rem 1rem;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    border-left: .5px solid var(--border-color);
    border-top: .5px solid var(--border-color);
    border-bottom: .5px solid var(--border-color);
}

    .tab-header:hover[b-lcel4bj0t2] {
        background-color: var(--btn-hover-bg-color);
        color: white;
    }

.tab-content[b-lcel4bj0t2] {
    flex: 1;
    border: .5px solid var(--border-color);
    padding: 1rem;
/*    height:100%;
    background-color:lightyellow;*/
}
.active[b-lcel4bj0t2] {
    background-color: var(--btn-bg-color);
    color: white;
    border-right: .5px solid var(--btn-hover-bg-color);
}
/* /Components/TileApplicationItem.razor.rz.scp.css */
.tile[b-rglc0kvxl7] {
    cursor: default;
    border: .5px solid gray;
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: auto;
    grid-template-areas:
        "dt dt-deadline state"
        "type type state"
        "company company state"
        "position position position"
        "contact contact contact"
        "notice notice notice";
    grid-gap: .25rem;
    color: var(--header-color);
    font-weight: 400;
}

    .tile:hover[b-rglc0kvxl7] {
        background-color: var(--btn-hover-bg-color);
        color: white;
    }

        .tile:hover label[b-rglc0kvxl7],
        .tile:hover span[b-rglc0kvxl7] {
            color: white;
        }


.appl-dt[b-rglc0kvxl7] {
    grid-area: dt;
    display: flex;
    flex-direction: column;
}
.appl-dt-deadline[b-rglc0kvxl7] {
    grid-area: dt-deadline;
    display: flex;
    flex-direction: column;
}

.appl-type[b-rglc0kvxl7] {
    grid-area: type;
    display: flex;
    flex-direction: column;
    /*max-width: 130px;*/
}

.company[b-rglc0kvxl7] {
    grid-area: company;
    display: flex;
    flex-direction: column;
}

.position[b-rglc0kvxl7] {
    grid-area: position;
    display: flex;
    flex-direction: column;
}

.contact[b-rglc0kvxl7] {
    grid-area: contact;
    display: flex;
    flex-direction: column;
}

.notice[b-rglc0kvxl7] {
    grid-area: notice;
    display: flex;
    flex-direction: column;
}
/*.rejected {
    grid-area: rejected;
    display: flex;
    flex-direction: column;
    align-items:flex-end;
}*/
.appl-state[b-rglc0kvxl7] {
    grid-area: state;
    display: flex;
    flex-direction: column;
}
.col-label[b-rglc0kvxl7] {
    flex:1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.col-id[b-rglc0kvxl7] {
    flex:0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.rubber-stamp[b-rglc0kvxl7] {
    margin-top: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.stamp[b-rglc0kvxl7] {
    font-size: 1rem;
    font-weight: 700;
    border: 0.35rem solid;
    display: inline-block;
    padding: .125rem .75rem;
    text-transform: uppercase;
    border-radius: 1rem;
    font-family: 'Courier';
    /*-webkit-mask-image: url('../img/background.png');*/
    /*mix-blend-mode: multiply;*/
    /*transform: rotate(15deg);*/
    text-align:center;
}
.dt-stamp[b-rglc0kvxl7] {
    font-size: .75rem;
    /*font-weight: 500;*/
}

.red[b-rglc0kvxl7] {
    color: var(--logo-color-1);
}
.blue[b-rglc0kvxl7] {
    color: var(--logo-color-2);
}
.green[b-rglc0kvxl7] {
    color: var(--logo-color-3);
}
.orange[b-rglc0kvxl7] {
    color:orange;
}
.gray[b-rglc0kvxl7] {
    color: var(--label-color);
}

/*.refusal {
    color: darkorange;
    border-color: darkorange;
}

.tile:hover .refusal {
    color: papayawhip;
    border-color: papayawhip;
}*/

/* /Components/TileLogin.razor.rz.scp.css */

.tile[b-o4fwrzik21] {
    cursor: default;
    border: .5px solid gray;
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-template-areas:
        "dt is-checked"
        "user user"
        "nick nick"
        "email email";
    grid-gap: .25rem;
    color: var(--header-color);
    font-weight: 400;
}

    .tile:hover[b-o4fwrzik21] {
        background-color: var(--btn-hover-bg-color);
        color: white;
    }

        .tile:hover label[b-o4fwrzik21],
        .tile:hover span[b-o4fwrzik21] {
            color: white;
        }


.dt[b-o4fwrzik21] {
    grid-area: dt;
    display: flex;
    flex-direction: column;
}
.is-checked[b-o4fwrzik21] {
    grid-area: is-checked;
    display: flex;
    flex-direction: column;
    justify-self:flex-end;
}

.user[b-o4fwrzik21] {
    grid-area: user;
    display: flex;
    flex-direction: column;
}

.nick[b-o4fwrzik21] {
    grid-area: nick;
    display: flex;
    flex-direction: column;
}

.email[b-o4fwrzik21] {
    grid-area: email;
    display: flex;
    flex-direction: column;
}



/* /Components/TileVisitor.razor.rz.scp.css */
.tile[b-0vvguw4eze] {
    cursor: default;
    border: .5px solid gray;
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-template-areas:
        "dt is-checked"
        "referrer referrer"
        "agent agent"
        "ip ip";
    grid-gap: .25rem;
    color: var(--header-color);
    font-weight: 400;
}

    .tile:hover[b-0vvguw4eze] {
        background-color: var(--btn-hover-bg-color);
        color: white;
    }

        .tile:hover label[b-0vvguw4eze],
        .tile:hover span[b-0vvguw4eze] {
            color: white;
        }


.dt[b-0vvguw4eze] {
    grid-area: dt;
    display: flex;
    flex-direction: column;
}
.is-checked[b-0vvguw4eze] {
    grid-area: is-checked;
    display: flex;
    flex-direction: column;
    justify-self:flex-end;
}

.referrer[b-0vvguw4eze] {
    grid-area: referrer;
    display: flex;
    flex-direction: column;
}

.agent[b-0vvguw4eze] {
    grid-area: agent;
    display: flex;
    flex-direction: column;
}

.ip[b-0vvguw4eze] {
    grid-area: ip;
    display: flex;
    flex-direction: column;
}



/* /Components/Version.razor.rz.scp.css */
.container[b-st036izune] {
    display:flex;
    flex-direction:row;
    align-items:center;
}
.container span[b-st036izune] {
    margin-right:.25rem;
}
.version-api[b-st036izune] {
    padding-left: .25rem;
    border-left: .5px solid var(--border-color);
    font-size: .65rem;
}
.app-version[b-st036izune] {
    font-size: .65rem;
    padding-right: .25rem;
}

/* /Layout/LanguageBox.razor.rz.scp.css */
.lang-box-container[b-48jr1cdbjf] {
    /*width: 76px;*/
    margin-right: .5rem;
}
.lang-btn[b-48jr1cdbjf] {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: whitesmoke;
    background-color: transparent;
    padding: 8px 10px;
    border: none;
    width:4.75rem;
    height:100%;
}

    .lang-btn[disabled][b-48jr1cdbjf] {
        cursor: not-allowed;
    }

    .lang-btn:hover:not([disabled])[b-48jr1cdbjf] {
        background-color: var(--btn-hover-bg-color);
        color: var(--hover-color);
    }
.btn-text[b-48jr1cdbjf] {
    margin-top:.25rem;
    font-size:10px;
}
.lang-row[b-48jr1cdbjf] {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;

}
.exp[b-48jr1cdbjf] {
    margin-left:.125rem;
    font-size:.95rem;
}
.dropdown-content[b-48jr1cdbjf] {
    margin-top: .25rem;
    right: 1rem; /*rechtsbündig*/
    display: block;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    max-height: 160px;
    overflow: auto;
    background-color: white;
}

.dropdown-item[b-48jr1cdbjf] {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: var(--text-color);
    padding: 0.5rem 1rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dropdown-item:hover[b-48jr1cdbjf] {
    background-color: var(--ttip-bg-color);
    color: var(--hover-color);
}
/* /Layout/LoginDialog.razor.rz.scp.css */
.login-container[b-ousgz5pzcj] {
    margin-left: .5rem;
}

.login-btn[b-ousgz5pzcj] {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: whitesmoke;
    background-color: transparent;
    padding: 8px 10px;
}

.login-btn[disabled][b-ousgz5pzcj] {
    cursor: not-allowed;
}

    .login-btn:hover:not([disabled])[b-ousgz5pzcj] {
        background-color: var(--btn-hover-bg-color);
        color: white;
    }


.dropdown-content[b-ousgz5pzcj] {
    right: 1rem; /*rechtsbündig*/
    margin-top: .25rem;
    display: flex;
    flex-direction: column;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    background-color: white;
    -webkit-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    /*border: .5px solid rgba(255,255,255,0.85);*/
    min-width: 400px;
}


.close-btn[b-ousgz5pzcj] {
    margin-left: auto;
    cursor: pointer;
    margin-left: auto;
    display: flex;
    align-items: center;
    color: var(--primary-color);
}

    .close-btn span[b-ousgz5pzcj] {
        padding: 5px;
        font-size: 1rem;
    }
        .close-btn span:hover[b-ousgz5pzcj] {
            font-weight: bold;
        }

.popup[b-ousgz5pzcj] {
    padding: 0;
    flex: 1 1 auto;
    /* -webkit-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out; */
}
.container[b-ousgz5pzcj] {
    display: flex;
    flex-direction: column;
}

.logo[b-ousgz5pzcj] {
    display: flex;
    margin-top: 1rem;
    align-items: center;
}

.logo-img[b-ousgz5pzcj] {
    width: 8rem;
    height: auto;
    margin:0 auto;
}

.inputs[b-ousgz5pzcj] {
    padding: 2rem 3rem 1rem;
}

.buttons[b-ousgz5pzcj] {
    padding: .25rem 3rem 2rem;
    display: flex;
    flex-direction: column;
}

    .buttons .hdp-accent-bg[b-ousgz5pzcj] {
        /*margin-left: auto;*/
        margin-top: 0.25rem;
    }

.inputs label[b-ousgz5pzcj] {
    font-size: .75rem;
    color: var(--text-color);
    margin-bottom:.25rem;
}

/*input::placeholder {
    color: lightgray;
}*/
input:focus[b-ousgz5pzcj] {
    border: none;
}

.radio-group[b-ousgz5pzcj] {
    display: flex;
    flex-direction: row;
    align-items: end;
    margin-bottom: 0.25rem;
}

.radio-row[b-ousgz5pzcj] {
    display: flex;
    /*align-items:center;*/
}

.input-error[b-ousgz5pzcj] {
    margin-top:1rem;
    margin-left: .5rem;
    font-size: 0.75rem;
    color: var(--err-msg-color);
}

.busy-container[b-ousgz5pzcj] {
    margin: .5rem auto 0;
}

.btn-text[b-ousgz5pzcj] {
    margin-top: .25rem;
    font-size: 10px;
    text-transform: uppercase;
}

.input-fld[b-ousgz5pzcj] {
    padding: .5rem;
    margin-bottom:.25rem;
}
.fld-set[b-ousgz5pzcj] {
    width:100%;
    display:flex;
    flex-direction:column;
}

.chbx[b-ousgz5pzcj] {
    margin-bottom:.5rem;
}
.req-fld[b-ousgz5pzcj] {
    font-size: .75rem;
    margin: 0 .125rem;
    color: var(--logo-color-1);
}
.voluntary-fld[b-ousgz5pzcj] {
    font-size: .75rem;
    margin: 0 .125rem;
    color: var(--logo-color-3);
}
.legende[b-ousgz5pzcj] {
    font-size:.75rem;
    color :var(--text-color);
}

.guest-info[b-ousgz5pzcj] {
    max-width: 300px;
    color: var(--text-color);
    margin-bottom:1rem;
    font-size:.8rem;
}

/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-httzu5lrit] {
    height:100vh;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    gap: 2px 0;
    grid-template-areas: 
        "top"
        "toolbar" 
        "main-view";

}

.main-view[b-httzu5lrit] {
    grid-area: main-view;
    grid-template-areas: "main-view";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}
.top-menu[b-httzu5lrit] {
    padding: 0.25rem .5rem 0 2rem;
    grid-area: top;
    display:grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "links . version";
    align-items: center;
}
.panel-links[b-httzu5lrit] {
    grid-area: links;
    cursor: default;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.panel-version[b-httzu5lrit] {
    cursor:default;
    grid-area: version;
    margin-right: .5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: gray;
}

    .panel-links a[b-httzu5lrit] {
        font-size: .65rem;
        color: var(--text-color);
        margin-left: .5rem;
    }

.toolbar[b-httzu5lrit] {
    grid-area: toolbar;
    padding: .5rem .5rem .5rem 1rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "logo menu info";
    background-image: linear-gradient(to right, white 1%, var(--primary-color));
    color: white;
    align-items: center;
    border-top: .5px solid rgba(0,0,0,0.1);
    border-bottom: .5px solid rgba(0,0,0,0.1);
}

.panel-menu[b-httzu5lrit] {
    grid-area: menu;
    display: grid;
    grid-template-columns: repeat(auto-fill, 150px);
    grid-template-rows: 32px;
    gap: 5px;
    border-right: .5px solid rgba(255,255,255,.5);
    padding-right: .5rem;
    text-align:end;
}


.logo-img[b-httzu5lrit] {
    width: 60px;
    height: auto;
}

.logo[b-httzu5lrit] {
    grid-area:logo;
    display: flex;
    flex-direction: row;
    align-items:center;
    margin-right:.75rem;
}
.text-container[b-httzu5lrit] {
    cursor:default;
    display: flex;
    flex-direction: column;
    color: var(--text-color);
    align-items: center;
    padding-left: .5rem;
}

.logo-text[b-httzu5lrit] {
    text-transform: uppercase;
    font-size: .85rem;
    font-weight: 400;
}
.logo-text-small[b-httzu5lrit] {
    font-size: .7rem;
}


.app-info[b-httzu5lrit] {
    grid-area: info;
    cursor: default;
    color: whitesmoke;
    display:flex;
    flex-direction:row;
}

.info-container[b-httzu5lrit] {
    display: flex;
    flex-direction: column;
}

.app-copyright[b-httzu5lrit] {
    font-size: .65rem;
    padding-right:0.25rem;
}

@media (max-width: 610px) {
    .logo-text[b-httzu5lrit] {
        font-size: .7rem;
    }
    .logo-text-small[b-httzu5lrit] {
        font-size: .6rem;
    }
    .logo[b-httzu5lrit] {
        flex-direction: column;
    }
    .text-container[b-httzu5lrit] {
        padding-left: 0;
    }
    .app-info[b-httzu5lrit] {
        flex-direction: column;
    }
    .panel-menu[b-httzu5lrit] {
        grid-template-columns: repeat(auto-fill, 110px);
    }
}


/* /Pages/Admin.razor.rz.scp.css */
.admin-view[b-vjjc7zrp56] {
    padding: 1rem;
    display: flex;
    flex-direction:column;
}

.header[b-vjjc7zrp56] {
    padding-left: 1rem;
    color: var(--header-color);
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
.tab-view[b-vjjc7zrp56] {
    grid-area: tab-view;
    display: flex;
}
.cnt[b-vjjc7zrp56] {
    margin-left: .5rem;
}


.row-info[b-vjjc7zrp56] {
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: .5px solid var(--border-color);
    font-size: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    width:100%;

}
.info[b-vjjc7zrp56] {
    margin-left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}
    .info span[b-vjjc7zrp56] {
        margin-right: .5rem;
        cursor: default;
    }
.btn-add[b-vjjc7zrp56], .btn-pdf[b-vjjc7zrp56] {
    margin-left:1rem;
    padding-left:1rem;
    border-left:.5px solid var(--border-color);
}
    .btn-add span[b-vjjc7zrp56] {
        font-size: 2rem;
        color: var(--head-color);
        border-radius: 50%;
    }
    .btn-add:hover span[b-vjjc7zrp56],
    .btn-pdf:hover span[b-vjjc7zrp56]   {
        background-color: var(--btn-hover-bg-color);
        color: white;
    }

.btn-pdf span[b-vjjc7zrp56] {
    font-size: 2rem;
    color: var(--head-color);
}

.pan-search[b-vjjc7zrp56] {
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: .5px solid var(--border-color);
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .pan-search .btn-search[b-vjjc7zrp56] {
        color: var(--head-color);
        font-size: 2rem;
        margin-left:.5rem;
        /*border-radius: 50%;*/
    }
    .btn-search:hover[b-vjjc7zrp56] {
        background-color: var(--btn-hover-bg-color);
        color: white;
    }


.chbx[b-vjjc7zrp56] {
    display: flex;
    align-items: center;
    margin: 0 .5rem;
}


    .tiles[b-vjjc7zrp56] {
        margin-top: .5rem;
        display: grid;
        grid-template-columns: repeat(auto-fill, 385px);
        /*grid-template-rows:265px;*/
        gap: 5px;
        align-items: baseline;
        height: calc(100vh - 265px);
        overflow: auto;
    }


.btn-icn[b-vjjc7zrp56] {
    margin-right: .5rem;
    font-size: 1.5rem;
}

.btn-dt[b-vjjc7zrp56] {
    flex: 1;
    margin-left: .5rem;
    margin-right: .5rem;
    padding-left: .5rem;
    border-left: .5px solid var(--text-color);
}

.btn-text[b-vjjc7zrp56] {
    flex: 0;
    white-space: nowrap;
}
.row-status[b-vjjc7zrp56] {
    padding:.25rem 0;
    font-size: 1rem;
    display: flex;
    flex-direction: row;
    /*align-items: center;*/
    width: 100%;
}
.icon-button[b-vjjc7zrp56] {
    margin-left: .5rem;
    padding: .25rem;
    border-radius: .5rem;
    background-color: white;
    color: var(--text-color);
}
.icon-button:hover[b-vjjc7zrp56] {
    background-color: var(--btn-hover-bg-color);
    color: white;
}
/* /Pages/Contact.razor.rz.scp.css */

.contact-container[b-gdfb2kxyqc] {
    margin:.25rem auto;
    padding: 1.5rem 1.5rem 1.5rem 2rem ;
    display: flex;
    flex-direction: column;
    color: var(--text-color);
    max-width: 500px;
    border:1px solid var(--border-color);
    box-shadow:var(--box-shadow);
}
.header[b-gdfb2kxyqc] {
    flex:1;
    display:flex;
    flex-direction:row;
}

.legende[b-gdfb2kxyqc] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
    align-self: flex-end;
    justify-self: end;
    font-size: .75rem;
    color: var(--text-color);
}
.req-fld[b-gdfb2kxyqc] {
    align-self: start;
    margin: 0 .25rem;
    color: var(--logo-color-1);
}

.inputs[b-gdfb2kxyqc] {
    display: flex;
    flex-direction: column;
}

    .inputs label[b-gdfb2kxyqc] {
        margin-top: .5rem;
        margin-bottom: .25rem;
        color:var(--text-color);
    }

.buttons[b-gdfb2kxyqc] {
    margin-top: .5rem;
    display: flex;
    flex-direction: row;
}
.footer[b-gdfb2kxyqc] {
    cursor:default;
    margin-top: 1rem;
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    grid-template-rows: 32px 32px;
    gap: 0 .25rem;
    grid-template-areas:
        "icn txt copy-err btn";

    align-items: center;
}
.btn[b-gdfb2kxyqc] {
    padding: .25rem 1rem;
    grid-area:btn;
    display:flex;
    align-items:center;
}
    .btn .material-icons[b-gdfb2kxyqc] {
        margin-right: .5rem;
    }
.icn[b-gdfb2kxyqc] {
    grid-area: icn;
    font-size: 1.5rem;
}
.txt[b-gdfb2kxyqc] {
    grid-area: txt;
}
.icn-err[b-gdfb2kxyqc] {
    color: var(--logo-color-1);
}
.icn-success[b-gdfb2kxyqc] {
    color: var(--logo-color-3);
}
.txt-err[b-gdfb2kxyqc] {
    color: var(--logo-color-1);
    min-width: 257px;
    align-self:center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.copy-err[b-gdfb2kxyqc] {
    grid-area: copy-err;
}

.txt-success[b-gdfb2kxyqc] {
    color: var(--logo-color-3);
}

textarea[b-gdfb2kxyqc] {
    resize: none;
}

.close-btn[b-gdfb2kxyqc] {
    cursor: pointer;
    margin-left: auto;
    display: flex;
    align-items: center;
    color: var(--primary-color);
}

    .close-btn span[b-gdfb2kxyqc] {
        padding: 5px;
        font-size: 1rem;
    }

        .close-btn span:hover[b-gdfb2kxyqc] {
            font-weight: bold;
        }
/* /Pages/Docs.razor.rz.scp.css */
.grid-container[b-wfzu6jklob] {
    padding: 1rem;
    display: grid;
    grid-template-columns: 30% 1fr;
    grid-template-rows: 4rem 1fr;

    grid-template-areas: "header header" "list pdf-view";
}
.header[b-wfzu6jklob] {
    padding-left: 1rem;
    color: var(--header-color);
    grid-area: header;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.cnt-docs[b-wfzu6jklob] {
    margin-left:.5rem;
}
.list[b-wfzu6jklob] {
    padding: 0 .5rem;
    grid-area: list;
    display:flex;
    flex-direction:column;
}
.doc-group[b-wfzu6jklob] {
    cursor: default;
    padding: .5rem 1rem;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto;
    grid-column-gap: 1rem;
    grid-template-areas:
        "grp-icon grp-name grp-open"
        "grp-icon grp-desc grp-open";
    border:.5px solid var(--border-color);
    margin-bottom:.125rem;
    background-color:whitesmoke;
}
.doc-group:hover[b-wfzu6jklob] {
    background-color: var(--btn-hover-bg-color);
    color: var(--btn-color);
}
    .doc-group:hover .grp-icon[b-wfzu6jklob], .doc-group:hover .grp-open[b-wfzu6jklob]
    {
        color: var(--btn-color);
    }
.grp-icon[b-wfzu6jklob] {
    grid-area: grp-icon;
    font-size: 2rem;
    color: var(--text-color);
}
.grp-name[b-wfzu6jklob] {
    grid-area: grp-name;
    color: var(--text-color);
}
.grp-desc[b-wfzu6jklob] {
    grid-area: grp-desc;
    font-size: .75rem;
    color: var(--text-color);
}
.grp-open[b-wfzu6jklob] {
    grid-area: grp-open;
    font-size: 2rem;
    color: var(--text-color);
}
.doc-item[b-wfzu6jklob] {
    cursor: default;
    margin-left: 1rem;
    padding: .5rem 1rem;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto;
    grid-column-gap: 1rem;
    grid-template-areas:
        "icon doc-name"
        "icon description";
    color: var(--text-color);
}
    .doc-item:hover[b-wfzu6jklob] {
        background-color: var(--btn-hover-bg-color);
        color: var(--btn-color);
    }
.icon[b-wfzu6jklob] {
    grid-area: icon;
    font-size: 2rem;
    color: var(--text-color);
}
.doc-item:hover .icon[b-wfzu6jklob] {
    color: var(--btn-color);
}
.active[b-wfzu6jklob] {
    background-color: var(--btn-hover-bg-color);
    color: var(--btn-color);
}
.active .icon[b-wfzu6jklob]{
    color: var(--btn-color);
}
.doc-name[b-wfzu6jklob] {
    grid-area: doc-name;
}
.description[b-wfzu6jklob] {
    grid-area: description;
    font-size:.75rem;
}
.pdf-view[b-wfzu6jklob] {
    width:100%;
    grid-area: pdf-view;
    display: flex;
    background-color: whitesmoke;
    border: .5px solid var(--border-color);
}
.loader[b-wfzu6jklob] {
    padding:1rem;
    width: 2.5rem;
    height: .5rem;
    display: flex;
}
.error[b-wfzu6jklob] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: darkred;
}
.error .material-icons[b-wfzu6jklob] {
    margin-right:.5rem;
    font-size:3rem;
}

@media (max-width: 1000px) {
    .grid-container[b-wfzu6jklob] {
        grid-template-columns: 1fr;
        grid-template-rows: 4rem auto 1fr;
        grid-template-areas: 
            "header" 
            "list" 
            "pdf-view";
    }
    .pdf-view[b-wfzu6jklob]{
        margin-top:.25rem;
    }
}
/* /Pages/Experiences.razor.rz.scp.css */
.experienses[b-02x30yfk15] {
    padding: 1rem 1rem 1rem 2rem;
    display: flex;
    flex-direction: column;
}

.tiles[b-02x30yfk15] {
/*    margin-top: .5rem;*/
    padding-top: 1rem;
    padding-left: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, 18rem);
    gap: .125rem;
    align-items: center;
    max-height: calc(100vh - 245px);
    overflow: auto;
}


.tile[b-02x30yfk15] {
    background-color: white;
    margin: .25rem;
    padding: 1rem;
    display: flex;
    width: 15rem;
    height: 15rem;
    align-items: center;
    justify-content: center;
    border: .5px solid var(--border-color);
    box-shadow: var(--box-shadow);
}
    .tile:hover[b-02x30yfk15] {
        outline: .5px solid rgb(32, 170, 212);
        transform:scale(1.1);
    }

    .tile img[b-02x30yfk15] {
        max-width: 10rem;
        object-fit: scale-down;
        transition: .5s ease;
    }

/* /Pages/Home.razor.rz.scp.css */

.middle-panel[b-22ujza5yeg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    justify-content: center;
}
/*    .middle-panel img {
        max-width: 50%;
        border-radius: 50%;
        z-index: 2;
    }*/
    

.text-container[b-22ujza5yeg] {
    font-family: 'Gabriola';
    flex: 1 1 auto;
    padding: 50px 20px 20px;
    width: 90%;
    max-width: 700px;
    color: #0d47a1;
    font-size: 25px;
    line-height: 25px;
}


.flip-card[b-22ujza5yeg] {
    background-color: transparent;
    width: 305px;
    height: 305px;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

.flip-card-inner[b-22ujza5yeg] {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner[b-22ujza5yeg] {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front[b-22ujza5yeg], .flip-card-back[b-22ujza5yeg] {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front[b-22ujza5yeg] {
    width: 300px;
    height: 300px;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;

}
.arb-img[b-22ujza5yeg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

/* Style the back side */
.flip-card-back[b-22ujza5yeg] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2rem;
    color: white;
    font-family: 'Gabriola', arial;
    font-size: 2em;
    background: rgba(51,181,229,1);
    transform: rotateY(180deg);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
}


/*@media (max-width: 768px) {
    .flip-card-front img {
        width: 200px;
        height: 200px;
    }

    .flip-card {
        width: 205px;
        height: 205px;
    }
}*/
/* /Pages/Imprint.razor.rz.scp.css */
.imprint-container[b-chptkdhi4g] {
/*    width: 100%;
    height: calc(100vh - 96px);*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px 20px 10px 20px;
}

h3[b-chptkdhi4g] {
    color: rgba(0,0,0,0.65);
}
.view-container[b-chptkdhi4g] {
    background-color:yellow;
}