/* Flex-Standard Elemente */

.flex_container_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1em;
}

.flex_container_terminzeile {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.flex_container_justify_center {
    justify-content: center;
}

.termin_tabelle_header {
    font-weight: bold;
    padding: 1em;
    background-color: #eeeeee;
    border-top: thin solid;
    border-bottom: thin solid;
    border-color: #9f9e9e;
}

textarea {
    border-radius: 0.25em;
    font-size: 1em;
    padding: 0.5em;
}
.dev_border {
    border: thin solid darkslategray;
}

.dev_border_red {
    border: thin solid red;
}
.dev_border_green {
    border: thin solid green;
}

.flex_container_item_center {
    align-items: center;
}

.flex_container_item_top {
    align-items: flex-start;
}

/* soll Umbrueche innerhalb eines Elementes vermeiden */
.breakInsideAvoid {
    break-inside: avoid;
}

.info_wartung {
    font-size: 3em;
    color: darkgreen;
    border: 4px solid lightgreen;
    border-radius: 20px;
    width: 30%;
    padding: 5px;
    text-align: center;
    background-color: #baf5edb5;
    position: absolute;
    margin-left: 10%;
}

.noScriptLine {
    color: red;
    font-size: 1.3em;
    text-align: center;
    width: 100%;
}

.headLineMessage {
    color: black;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0 10px 10px;
    text-align: left;
    width: 100%;
}

.infoBenutzer {
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 10px;
    text-align: right;
}

.nav1fontstyle {
    color: #000000;
    float: left;
    font-size: 1em;
    text-align: center;
    text-decoration: underline;
}

.nav1passiv {
    background-color: #cef6ce;
}

.nav1aktiv {
    background-color: #5fb404;
}

.nav2fontstyle {
    color: #000000;
    float: left;
    font-size: 1em;
    text-align: center;
    text-decoration: underline;
}

.nav2passiv {
    background-color: #cef6ce;
}

.nav2aktiv {
    background-color: #5fb404;
}

.nav3fontstyle {
    color: #000000;
    float: left;
    font-size: 1em;
    text-align: center;
    text-decoration: underline;
}

.nav3passiv {
    background-color: #cef6ce;
}

.nav3aktiv {
}

.navInitial, .nav_pfeil_seitenwahl {
    /*border: thin solid blue;*/
    padding: 0 0.4em;
    margin: 0 0.2em;
    cursor: pointer;
    color: #1d0f88;
    text-decoration: underline;
}


.navInitial.aktiv {
    font-weight: bold;
    color: #021839;
    text-decoration: none;
}

.navSeitenzahlBox {
    width: 4em;
}

.navSeitenzahlText {
    width: 3em;
    text-align: end;
}

.nav_pfeil_seitenwahl {

}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.demoBorders {
    height: 200px;
}

.clearline {
    clear: both;
}

.clearFloat {
    clear: both;
}

.floatLeft {
    float: left;
}

.hideVisibility {
    visibility: hidden;
}

.showVisibility {
    visibility: visible;
}

.clearlinefilled {
    background-color: #666666;
    clear: both;
    height: 2px;
}

.themeZeile {
    background-color: #b9d57d;
    border: thin solid black;
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px 0;
    text-align: center;
}

.deputab {
    border-collapse: collapse;
    /*font: 1.4em Arial, Helvetica, sans-serif;*/
    width: 100%;
}

.deputab td {
    border-bottom: medium none;
    color: #000000;
    /*height: 5px;*/
    /*padding: 3px;*/
    padding: 1em;
    vertical-align: top;
}

.deputab .deaktiviert td {
    color: #a5a5a5 !important;
}

.deputab th {
    background-color: #eeeeee;
    border-bottom: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;
    color: #000000;
    font-weight: bold;
    /*padding: 4px 0;*/
    padding: 1em;
    text-align: left;
}

.wordBreakAll {
    word-break: break-all;
}

.tableRowBottomLine {
    border-bottom: 1px solid #c9c9c9;
}

.tableRowTopLine {
    border-top: 1px solid #c9c9c9;
}

.tableTrInnerLines {
    background-color: #f4f4f4;
    border-bottom: thin solid;
    border-top: thin solid;
}

.tdTitleLine {
    font-weight: bold;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 3px;
}

.contentLine {
    padding: 3px 3px 3px 25px;
}

.zeile_gross
{
    padding: 1em;
    margin-bottom: 1em;
}

.graue_zeile_gross
{
    font-weight: bold;
    padding: 1em;
    background-color: #eeeeee;
    border-top:thin solid;
    border-bottom: thin solid;
    border-color: #9f9e9e;
    margin-bottom: 1em;
}

.back_color_lightblue {
    background-color: #b2e5e2;
}

.termin_zeile_grau
{
    font-weight: bold;
    padding: 1em;
    background-color: #eeeeee;
    border-top:thin solid;
    border-bottom: thin solid;
    border-color: #9f9e9e;
}

.gruene_zeile_gross
{
    background-color: #b9d57d;
    text-align: center;
    font-size: 1.2em;
    padding: 0.2em;
}

.kategorie_titel {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 0.5em;
}

.kategorie_bezeichnung {
    padding-bottom: 1.5em;
}

.tdEndLine {
    background-color: #05502d;
    height: 3px;
}


.labelLine {
    padding-right: 10px;
    text-align: right;
    width: 100%;
}

.semesterLine {
    background-color: #eef7dc;
    border: thin solid grey;
    font-size: 1em;
    font-weight: bold;
}

.deputab img.middle {
    margin: auto;
}

.hospital_textfield {
    min-width: 100%;
    padding: 1em;
}

.data_termin_nr::before {
    content: attr(data-index_label) '. ';
}

.coverAll {
    background-color: #ccc;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
}

.coverContent {
    background-color: #fff;
    margin-left: auto;
    min-height: 50px;
    opacity: 1;
    position: absolute;
    top: 150px;
    width: 600px;
    z-index: 100;
}

.coverTable {
    border: thin solid #000;
    border-collapse: collapse;
    margin: auto;
    width: 94%;
}

.coverTabelCell {
    border: thin solid #000;
    padding: 2px;
}

.coverHeadLine {
}

.brightGrey {
    background-color: #eeeeee;
}

.brightGreen {
    background-color: #99c01b;
}

.darkGreen {
    background-color: #05502d;
}

.brightRed {
    background-color: #ffcccd;
}

.brightYellow {
    background-color: #ffffcc;
}

.persInfoLine {
    background-color: #ffa0a0;
    color: black;
    font-weight: bold;
    text-align: center;
}

.textLeft {
    text-align: left;
}

.textCenter {
    text-align: center;
}

.textRight {
    text-align: right;
}

.textBold {
    font-weight: bold;
}

.textNoWrap {
    white-space: nowrap;
}

.errorLine {
    color: #ff0000;
    font-size: 1.3em;
    margin: 1em 0;
    width: 90%;
}

.login_vergessen {
    font-size: 0.8em;
    font-weight: bold;
    color: #303da1;
    padding-left: 2em;
    text-decoration: underline;
}

.send_email {
    font-weight: bold;
}
.infoLine {
    color: #00aa00;
    font-size: 1.3em;
    margin: auto;
    padding: 5px 5px 0;
    width: 90%;
}

.dateTimeLine {
    background-color: #fff7d7;
    margin-right: 5px;
}

.dateTimeGroup {
    margin-right: 5px;
}

.dateTimeDate {
    border-color: #c0c0c0 #d9d9d9 #d9d9d9;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    margin-right: 4px;
}

.dateTimeText {
    border-color: #c0c0c0 #d9d9d9 #d9d9d9;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    margin-right: 4px;
}

.errorCacheError {
    color: #ff0000 !important;
}

.errorSameDate {
    color: #fda465 !important;
}

.noError {
    color: #5c9300;
}

a.noError {
    color: #5c9300;
    text-decoration: none;
}
.terminZeile {
    border-bottom: thin solid #737373;
    padding: 1em;
}

.nachweisLabel {
    margin-left: 0.8em;
    margin-right: 0.3em;
}

.nachweisInput {
    border: thin solid green;
    margin-left: 0.8em;
    margin-right: 0.3em;
}

Select Option {
    margin-left: 8px;
    margin-right: 4px;
}

.dateTimeLabel {
    font-size: 0.8em;
    text-align: center;
    width: 100%;
}

.dateTimefield {
    padding-right: 5px;
    padding: .5em;
}

.zCounter {
    padding-right: 5px;
    padding: .5em;
    text-align: right;
    width: 5em;
}

.marginLeft30 {
    margin-left: 30px;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft5 {
    margin-left: 5px;
    padding: .5em;
}

.marginRight5 {
    margin-right: 5px;
}

.inputDatum {
    text-align: center;
}

.inputLength100 {
    width: 100%;
}

.inputLength99 {
    width: 99%;
}

.inputLength90 {
    width: 90%;
}

.inputLength80 {
    width: 80%;
}

.inputLength70 {
    width: 70%;
}

.inputLength60 {
    width: 60%;
}

.inputLength65 {
    width: 65%;
}

.inputLength50 {
    width: 50%;
}

.inputLength49 {
    width: 49%;
}

.inputLength40 {
    width: 40%;
}

inputLength36 {
    width: 36%;
}

.inputLength33 {
    width: 33%;
}

.inputLength30 {
    width: 30%;
}

.inputLength25 {
    width: 25%;
}

.inputLength20 {
    width: 20%;
}

.inputLength16 {
    width: 16%;
}

.inputLength15 {
    width: 15%;
}

.inputLength10 {
    width: 10%;
}

.inputLength05 {
    width: 5%;
}

.inputLength2em {
    width: 5em;
}

.inputLength5em {
    width: 5em;
}

.inputLength130px {
    width: 130px;
}

.inputLength75px {
    width: 75px;
}

.inputLength50px {
    width: 50px;
}

.inputLength45px {
    width: 45px;
}

.inputLength30px {
    width: 30px;
}

.inputLength10px {
    width: 10px;
}

.rowLineHighlight {
    background-color: #a9de37;
}

.rowLineUneven {
    background-color: #e6e6e6;
}

.rowLineEven {
    background-color: #ffffff;
}

.custom-combobox {
    display: inline-block;
    font-size: 1em;
    position: relative;
    width: 85%;
}

.custom-combobox-toggle {
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    position: absolute;
    top: 0;
}


.custom-combobox-input {
    margin: 0;
    padding: 0.3em;
    width: 85%;
}

.info_sortFilter {
    width: 100%;
    text-align: center;
    color: blue;
    ont-size: 1.3em;
}

.text_klein7 {
    font-size: 0.7em;
}

.text_klein8 {
    font-size: 0.8em;
}

.dozent_waehlen {
    width: 8em;
    float: left;
    text-align: right;
    font-size: 1.2em;
}

.pic_9 {
    width: 9px;
    height: 9px;
}

.pic_16 {
    width: 16px;
    height: 16px;
}

.pic_20 {
    width: 20px;
    height: 20px;
}

.pic_50 {
    width: 50px;
    height: 50px;
}

.vert_middle {
    vertical-align: middle;
}

.paddleft_50 {
    padding-left: 50px;
}

.paddleft_25 {
    padding-left: 25px;
}

.paddleft_20 {
    padding-left: 20px;
}

.paddleft_15 {
    padding-left: 15px;
}

.
.color_lightOrange {
    background-color: #F6E3CE;
}

.rahmen_deputat {
    border: medium solid #CCCCCC;
    padding: 5px;
    margin: 5px;
}

.div_dozentform {
    padding-top: 15px;
    width: 77%;
    margin: auto;
}

.dozedit_abstand {
    padding: 5px 0 5px 0;
    width: 100%;
    background-color: #CCC;
    margin-top: 10px;
    margin-bottom: 10px;
}


.dozedit_trenner {
    width: 12em;
    margin: auto;
}

.abstand_item_hinzu {
    max-height: 50px;
    max-width: 350px;
    overflow: hidden;
    margin: 1em auto;
}

.item_hinzu {
    display: table-cell;
    /*vertical-align: middle;*/
    color: #000000;
}

.inputHeight100 {
    height: 100%;
}

.lehrleistung_timeline {
    line-height: 30px;
    width: 350px;
    margin: auto;
}

.hidden {
    display: none;
}

.abstandUnten {
    margin-bottom: 1em;
}

/* Tabelle fuer Zeiten bei Curr. Lehre */
.text_disabled {
    background-color: transparent;
    border: thin solid lightgrey;
}

.font-size_0_9 {
    font-size: 0.9em;
}

.font-size_1_2 {
    font-size: 1.2em;
}


/* Dozentenuebersicht */

#tbl_fachstufenuebersicht .dozueb_fach_1,
.dozueb_fach_1 {
    color: #002d1a;;
}

#tbl_fachstufenuebersicht .dozueb_fach_2,
.dozueb_fach_2 {
    font-size: 0.9em;
    color: #003eff;
}

#tbl_fachstufenuebersicht .dozueb_fach_3,
.dozueb_fach_3 {
    font-size: 0.9em;
    color: #c77405;
}

#tbl_fachstufenuebersicht .dozueb_fach_2,
#tbl_fachstufenuebersicht .dozueb_fach_3 {
    font-size: 1em;
    padding-left: 2em;

}

/* Kontaktseite */
.kontakt {

}

.abstandHalb {
    line-height: 0.3;
}

.border {
    border: thin solid black;
    margin-right: 1em;
    padding: 0 1em;
}


.flex_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.flex_container_noWrap {
    flex-wrap: nowrap;
}

.align_conten_center {
    align-content: center;
}

.flex_justify_content_spaceBetween {
    justify-content: space-between;
}


.flex_justify_content_spaceEvenly {
    justify-content: space-evenly;
}


.flex_container_column {
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
}

.flex_container_column_randlos {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.kachel30 {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 1em;
    width: 30%;
    min-height: 3em;
    box-shadow: 9px 8px 9px 2px rgba(0,0,0,0.55);
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: 2px 2px 2px 2px rgb(179 179 179 / 67%);
    -moz-box-shadow: 9px 8px 9px 2px rgba(0, 0, 0, 0.55);
    border: 3px solid #adadad;
    padding: 0.5em;
    background-color: #fffee8;
}


.kachel_links {

    align-items: flex-start;
}

.kachel_rechts {
    align-items: flex-end;
}

.paddingTop1em {
    padding-top: 1em;
}

.paddingBottom1em {
    padding-bottom: 1em;
}

.paddingBottom2em {
    padding-bottom: 2em;
}

/* kann Abstaende wieder aufheben */
.abstandUntenNull {
    margin-bottom: 0em;
}

.toggle_label {
    cursor: pointer;
    background: red;
    width: 42px;
    border: 2px solid #d1c5c5;
    border-radius: 10px;
    height: 26px;
    transition: background 0.3s;
}

input[type="checkbox"]:checked + .toggle_label {
    background: green;
    transition: background 0.3s;
}

.toggle_label span::before {
    position: relative;
    content: "";
    display: block;
    left: 1px;
    top: 1px;
    width: 20px;
    height: 20px;
    background: sienna;
    border-radius: 50%;
    transition: background 0.3s, left 0.3s;
}

input[type="checkbox"]:checked + .toggle_label span::before {
    left: 16px;
    background: greenyellow;
    transition: background 0.3s, left 0.3s;
}

.wartungsmeldung {
    font-size: 1.2rem;
    color: darkred;
    text-align: center;
}
/* Toggle-Wertung Button Leistungsedit-Formular */
#checkbox_wertung {
    display:none;
}
.check_slider {
    display: block;
    width: 12rem;
    height: 26px;
    background-color: #ff9090;
    border: 2px solid blue;
    border-radius: 10px;
}

.check_slider_box:checked ~ .check_slider
{
    background: #82c99c;
}
.check_slider_box:checked ~ .check_slider:after {
    content: 'Werten';
    background: #9bff00;
    transform: translate(3.5rem, 0);
}

.check_slider:after {
    height: 19px;
    width: 8rem;
    background: red;
    content: 'keine Wertung';
    position: relative;
    border-radius: 20px;
    top: 1px;
    left: 1px;
    transition: transform 0.25s ease;
    display: block;
    text-align: center;
    border: thin solid darkgreen;
    line-height: 1.3em;
}

#checkbox_wertung_infotext {
    color:#1e00ff;
    font-size: smaller;
    padding-top:0.2em;
}

.size16x16 {
    width: 16px;
    height: 16px;
}

.overflowWrapAnywhere {
    overflow-wrap: anywhere;
}

.status_icon
{
    margin-left: 8px;
    vertical-align: top;
}

/* Dozenten-Edit Seite */
.checkboxInfotext {
    padding: 0 5px 0 10px;
}

.infotext_zustimmung_section {
	text-align: center;
	display: block;
	width: 100%;
	border: thick solid #d2d2d2;
	padding: 1em;
	border-radius: 20px;
}

.infotext_zustimmung_text {
	display: block;
	font-size: 1.2em;
	padding-bottom: 0.4em;
}

/* Link und enthaltene Grafik mittig zu einem Input-Feld*/
#extLink_vorlesungsverzeichnis {
    vertical-align: middle;
    margin-left: 1em;
}

/* Icon fuer Profilfunktion */
img.compare_svg {
    width: 16px;
    margin-left: 0.5em;
}

/* Kontaktdaten auf Link zusenden Seite */
.link_kontakt {
    margin-top: 3em;
}

.link_kontakt p {
    margin: 0.5em 0;
}
.link_kontakt p {
    margin: 0.5em 0;
}


/* zeigt ein "extern-Link" Icon hinter dem Element mit der entspr. Klasse */
/* Klasse wird zur Zeit nur in den Webtexten von Lehreinrichtungen verwendet */
/* Die Variante ueber ein Hintergrundbild ermoeglicht die Verkleinerung des Images */
.external_link_icon::after {
    content: "";
    background-image: url('/bilder/external_link.svg');
    background-size: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 5px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}