:root {
    --fkueberschiftbackground: #F5F5F5;
    --fkueberschiftborder: #C0C0C0;
    --fkueberschriftshadow: darkgray;
    --fktextueberschift: dodgerblue;
    --fkstandardheaderbackground: #ECF9FF;
    --fkfilterlabelfarbe: #212529;
    --fkrahmenimpressumwhatsnewshadow: silver;
    --fkimpressumliniewhatsnewfarbe: darkgray;
}

/* Bilder in die Mitte*/
.fk-centermage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}

/*Überschriftsbalken auf unseren Seiten*/
.fk-seitenueberschriftbalken {
    width: 100%;
    height: 3rem;
    display: flex;
    align-items: center;
    background-color: var(--fkueberschiftbackground);
    border-radius: 5px;
    border: 1px solid var(--fkueberschiftborder);
    box-shadow: 6px 6px 3px var(--fkueberschriftshadow);
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    color: var(--fktextueberschift);
    font-weight:400;
}

/*+ Inhalt unserer Seiten*/
.fk-seiteninhalt {
    height: calc(90vh - 6rem);
    position:relative;
/*    border: 1px solid lightgray;*/
}
/* Aussehen des Loading Spinners */
.fk-loading-spinner.e-spinner-pane .e-spinner-inner .e-spin-label {
    font-size: 20px;
    color: darkgrey;
}

/*Alle Formulargruppentitel einheitlich*/
.formulargruppe.e-form-group .e-group-title {
    color: var(--fktextueberschift);
    font-size: 20px;
    /*width: 300px;*/  /* Klappt nicht bei ganze Breite */
}

.fk-ueberschriftlabel {
    color: var(--fktextueberschift);
    font-size: 15px;
    font-weight:600;
    margin: 4px 4px;
}

/* Filterelement (Label und Rest) über den Listen*/
.fk-filterzeile {
    height: 5%;
    width: 100%;
    display: flex;
    align-items: center;
}
.fk-filterelement {
    height: 5%;
    display: flex;
    align-items: center;
    margin-right: 15px;
}

/* Der Aktualisierenknopf neben dem Filter */
.fk-filteraktualisieren {
    float: left;
    width: 140px;
}

.fk-filterlabel {
    color: var(-- --fkfilterlabelfarbe);
    font-size: 14px;
    font-weight: lighter;
    margin-right: 10px;
    float: left;
}

/*+ Einstellungen für alle predefined sfDialoge */
.e-alert-dialog .e-dlg-header-content {
    background: var(--fkstandardheaderbackground);
}


/*+ Einstellungen für alle predefined Kritischer Fehler */
.kritischerfehler .e-dialog .e-dlg-header-content {
    background: #FA8072;
}

.kritischerfehler .e-alert-dialog .e-footer-content {
    background: #FFF9F9;
}

.kritischerfehler .e-alert-dialog .e-dlg-content {
    background: #FFF9F9;
}


/* Icon Ja im Predefined Dialog */
.e-btn-icon.e-icons.e-check icon.e-icon-left:before {
    content: '\e7ff';
}
/* Icon Nein im Predefined Dialog */
.e-btn-icon.e-icons.e-close icon.e-icon-left:before {
    content: '\e7fc';
}

/*+ Einstellungen für alle sfDialoge */
/* Header */
.e-dialog .e-dlg-header-content {
    background: var(--fkstandardheaderbackground);
}

/*+ Einstellungen sfDatagrid */
/* Checkboxfilter Breite anpassen */
.e-checkboxfilter.e-popup.e-popup-open {
    width: 800px !important;
}

/*+ DIV "Disablen"*/
/*- Siehe Anmeldungsliste */
content-wrapper {
}

.content-wrapper.disabled {
    opacity: 0.5;
    pointer-events: none;
    touch-action: none;
    cursor: not-allowed;
}

/*+ Impressum / Whatsnew */
/* Rahmen für Impressum /Whatsnew */
.fk-rahmenimpressumwhatsnew {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid var(--fkueberschiftborder);
    box-shadow: 3px 3px 3px var(--fkrahmenimpressumwhatsnewshadow);
    padding: 15px 10px 15px 10px;
}
/* Überschrift des Impressums */
.fk-ueberschriftimpressumwhatsnew {
    font-size: 1.3rem;
    color: var(--fktextueberschift);
    font-weight: 400;
}
/* Linie im Impressum */
.fk-ueberschriftlinieimpressumwhatsnew {
    color: var(--fkimpressumliniewhatsnewfarbe);
    width =100%;
    margin: 0;
    padding: 0;
}