* {
    font-family: 'Montserrat Alternates', serif;
    font-size: 13px;
}

select {
    font-family: 'Montserrat Alternates', serif;
    font-size: 13px;
}

select > option {
    font-family: 'Montserrat Alternates', serif;
    font-size: 13px;
}

a:hover {
    text-shadow: 0px 0px 5px orangered;
}

input:hover {
    box-shadow: 0px 0px 5px orangered;
}

select:hover {
    box-shadow: 0px 0px 5px orangered;
}

.km-body {
    height: complex;
    margin: 0 10px;
}


.km-fixed-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-image: linear-gradient(lightslategrey, white);
}

.km-fixed-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background-image: linear-gradient(white, lightslategrey);
    text-align: center;
    font-size: 8px;
    width: 100%;
    min-height: 50px;
}

.navbar-brand {
    font-weight: bolder;
    font-size: 20px;
    color: black;
}

table {
    background-color: white;
}

tr:nth-child(odd) {
    background-color: ghostwhite;
}

tr:nth-child(even) {
    background-color: lightgrey;
}

.ueberschrift2 {
    background-color: grey;
    font-weight: bold;
}

input:valid {
    contet: '\2713';
    display: inline-block;
    color: green;
    padding: 0 6px 0 0;
}

.myFlexItem {
    min-width: 500px;
}

.myFlexContainer {
    display: flex;
    flex-flow: row wrap;
}

.session-info{
    text-align: center;
    color: black;
    background-color: greenyellow;
    /*-webkit-box-shadow: 5px 5px 15px 5px #808080;*/
    /*box-shadow: 5px 5px 15px 5px #808080;*/
    border: 0px hidden black;
    border-radius: 15px;
    margin: 2px 50px 2px 50px;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
}
.session-info::before{
    content: "\1F6C8";
    font-size: 15px;
}
.session-warning{
    text-align: center;
    color: black;
    background-color: orange;
    /*-webkit-box-shadow: 5px 5px 15px 5px #808080;*/
    /*box-shadow: 5px 5px 15px 5px #808080;*/
    border: 0px hidden black;
    border-radius: 15px;
    margin: 2px 50px 2px 50px;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
}
.session-warning::before{
    content: "\26A0";
    font-size: 15px;
}
.session-error{
    text-align: center;
     color: yellow;
    background-color: red;
    /*-webkit-box-shadow: 2px 2px 8px 2px #808080;*/
    /*box-shadow: 2px 2px 8px 2px #808080;*/
    border: 0px hidden black;
    border-radius: 15px;
    margin: 2px 50px 2px 50px;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    font-size: 17px;
}
.session-error::before{
    content: "\274C";
    font-size: 17px;
}

/*Tabelle!*/
div.blueTable {
    border: 1px solid #1C6EA4;
    background-color: #EEEEEE;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
    border: 1px solid #AAAAAA;
    padding: 3px 2px;
}
.divTable.blueTable .divTableBody .divTableCell {
    font-size: 13px;
}
.divTable.blueTable .divTableRow:nth-child(even) {
    background: #D0E4F5;
}
.divTable.blueTable .divTableHeading {
    background: #1C6EA4;
    background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    border-bottom: 2px solid #444444;
}
.divTable.blueTable .divTableHeading .divTableHead {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    border-left: 2px solid #D0E4F5;
}
.divTable.blueTable .divTableHeading .divTableHead:first-child {
    border-left: none;
}

.blueTable .tableFootStyle {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background: #D0E4F5;
    background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
    background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
    background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
    border-top: 2px solid #444444;
}
.blueTable .tableFootStyle {
    font-size: 14px;
}
.blueTable .tableFootStyle .links {
    text-align: right;
}
.blueTable .tableFootStyle .links a{
    display: inline-block;
    background: #1C6EA4;
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 5px;
}
.blueTable.outerTableFooter {
    border-top: none;
}
.blueTable.outerTableFooter .tableFootStyle {
    padding: 3px 5px;
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell; text-align: center; }
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}
.divTableTime { max-width: 50px; text-align: right;  }

.timeeditlabel {
    text-align: right;
    background: red;
}

.h2link{
font-size: large;

}