.spinner {
    border: 16px solid silver;
    border-top: 16px solid #337AB7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    position: absolute;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/****
 * Main layout maincontent
 ****/
.mud-custom-maincontent {
    height: calc(100vh - var(--mud-appbar-height)) !important;
    /*padding-top: calc(var(--mud-appbar-height) + 1vh) !important;*/
    /*max-height: calc(90vh - var(--mud-appbar-height));*/
    /*overflow-y: scroll;*/
}

/****
 * Main layout app bar
 ****/
.mud-appbar .mud-toolbar-appbar {
    height: auto !important;
}

.mud-custom-height-without-appbar {
    max-height: calc(90vh - var(--mud-appbar-height));
}

/****
 * Zoekvelden
 ****/
.mud-input-control.searchfield .mud-input-outlined-border {
    border-radius: 999px !important;
}

.mud-input-control.searchfield .mud-input > input.mud-input-root-outlined {
    padding-top: 10px;
    padding-bottom: 10px;
}

/****
 * Knop die altijd zichtbaar is, onderin
 ****/
.mud-paper.alwaysvisiblebutton {
    position: fixed;
    bottom: 30px;
    left: 10px;
    right: 10px;
}

/****
 * Tabellen
 *****/
.mud-table-row .mud-table-cell.condensed-cell::before {
    content: initial !important;
}

.mud-table-row .mud-table-cell.condensed-cell {
    padding-left: 0px;
    padding-right: 0px;
}

/****
 * ReadOnly blokken
 ****/
.mud-paper.readonly-shadow {
    box-shadow: 0px 0px 3px 3px #fafafa;
}

/****
 * Vraagtekenknoppen
 ****/
.field-question button {
    margin-top: 22px;
    margin-left: 4px;
    padding: 4px;
}

.radio-question button {
    margin-top: -4px;
    margin-left: 4px;
    padding: 4px;
}

/****
 * Werknemers-pagina
 ****/
.werknemer-fixed-top {
    width: calc(100% - 32px);
    margin-top: -10px;
}

.werknemer-fixed-spacer {
    height: 55px;
    display: inline-block;
}

/****
 * Bericht modal
 ****/
.bericht-modal ul {
    list-style: initial;
}