/*
  Copyright 2018 Tobias Grundmann
  
  This file is part of Windenfahrerplan.
  
  Windenfahrerplan is free software: you can redistribute it and/or modify
  it under the terms of version 3 of the GNU General Public License as
  published by the Free Software Foundation
  
  Windenfahrerplan is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
  
  You should have received a copy of the GNU General Public License
  along with Windenfahrerplan.  If not, see <http://www.gnu.org/licenses/>.
*/
body {
    font-family: sans-serif;
    overflow-x: auto;
}
table {
	font-size: 12px;
}
th {
	font-weight: bold;
}	
#L52N13E {
    font-family: "Bitstream Vera Sans Mono", Helvetica, sans-serif;
    font-size: 2em;
    font-weight: bold;
    word-spacing: 0;
    text-align: justify;
    line-height: 99%;
    /*
	border: 1px solid black;*/
    padding: 0.2%;
    margin: 0 0.2% 0.2% 0;
    background-color: #FFFFFF;
    /*
    background-color: #004415;
    color: #FFFFFF;
    */
    display: inline-block;
    float:left;
}
#demo {
    display: inline-block;
    border: 0.1em dashed black;
    font-size: 1.2em;
    font-weight: bold;
    transform: rotate(-20deg);
    vertical-align: top;
    padding: 0.15em;
}
.headerDiv {
    vertical-align: bottom;
    display: inline-block;
    margin: 0.5em;
}

body, #legendeTable, #legendeTable th {
    background-color: #eeeeee;
}

table, th, td {
    border-collapse: collapse;
    border: 1px solid black;
    text-align: center;
    background-color: #cdeeFF;
    /*
    white-space: nowrap;
    */
}

legend {
    width: 100%;
}

fieldset {
    border: none;
}

.bereitschaft {
    padding: 0;
    margin: 0;
}

.fahrerDiv {
    text-align: left;
    display: inline-block;
    width: 100%;
    padding-left: 0.2em;
}


.fahrer {
    /*
    width: 100%;
    min-width: 10em;
    */
    min-height: 1.7em;
    text-align: left;
    overflow: hidden;
    white-space: nowrap
}

.fahrerMenu {
    float: left;
}

.fahrerFeature {
    text-align: center;
    font-size: 0.6em;
    min-width: 2.5em;
}

.tag {
    text-align: center;
    padding-left:  0.5em;
    padding-right: 0.5em;
}

#hinweisButton {
    display: inline-block;
}

.button {
    padding: .5em 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.5em;

    font-size: 1em;
    background: #cdeeFF;
    border: 1px solid #333;
    color: black;
    border-radius: .3em;

}
.button:hover {
    background: #0066dd;
    color: white;
}

#fahrerLoeschen {
    font-size: 0.70em;
    float: right;
    vertical-align: top;
}

#fahrerLoeschen:hover {
    background: #FF6600;
}

.overlayHidden {
    display: none;
}

.overlay {
    border-radius: .1em;
    border: 1px solid;
    margin: 0;
    width: 22em;
    background-color: #eeeeee;
    position: absolute;
    top: 10%;
    left: 10%;
}

#hinweisPopup {
    width: 30em;
}
#hinweistext {
    background-color: white;
    font-style: italic;
    font-weight: bold;
}

.modal {
    display: none; 
    position: fixed; 
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}

#neuerFahrerForm, #hinweisForm div {
    /*
    display: inline-block;
    */
    padding: 0.5em;
}

.right {
    float: right;
    text-align: right;

}
.arrow {
    font-weight: bold;
}
.active {
    color: #0088FF;
    padding-left: 0.4em;
    padding-right: 0.4em;
    /*
    margin: -1px;
    border: 1px solid red;
    */
}

.active:hover,
.active:focus {
    color:  #0066dd;
}

.close {
    display: block;
    /*
      line-height: 0.1em;
      font-size: 3em;
      padding: 0;
      color: #0088FF;
   */
    font-weight: bold;
    margin:  0;
}
.close span {
    float: right;
    font-size: 2em;
    padding-right: 0.5em;
}

/*
.close:hover,
.close:focus {
    color:  #0066dd;
}
*/

#error {
    font-weight: bold;
    background-color: #ffff00;	
    color: #FF4444;
}

.dropdownContHover {
    border: 2px solid blue;
}

.dropdownCont {
    position: relative;
    display: inline-block;
    width: 50%;
    margin: -2px;
    padding: 0;
}

.dropdown {
    margin: 1px;
    display: block;
    bottom: 110%;
    position: absolute;
    /*
    top: -10em;
    height: 100%;
    height: 125%;

    border: 1px solid red;
     */
    z-index: 1;
}

.dropdownHeader {
    display: inline-block;
    position: absolute;
    right: 110%;
    top: 0;
    background-color: #eeeeee;
    border: 2px solid blue;
    padding: 0.2em;
    min-width: 100%;
    font-weight: normal;
}

.dropdownOption {
    margin: 1px;
    border: 1px solid black;
    border-collapse: collapse;
    border-radius: .3em;
    font-weight: bold;
    padding: 0.2em;
}

.dropdownOption_yes:hover {
    background: #55FF55;
}
.dropdownOption_yes_frueh {
    background: linear-gradient(270deg,#EEEEEE,#EEEEEE, #55FF55);
    text-align: left;
}
.dropdownOption_yes_spaet {
    background: linear-gradient(90deg,#EEEEEE,#EEEEEE, #55FF55);
    text-align: right;
}
.dropdownOption_maybe:hover {
    background: #EEEE00;
}
.dropdownOption_maybe_frueh {
    background: linear-gradient(270deg,#EEEEEE,#EEEEEE, #EEEE00);
    text-align: left;
}
.dropdownOption_maybe_spaet {
    background: linear-gradient(90deg,#EEEEEE,#EEEEEE, #EEEE00);
    text-align: right;
}
.dropdownOption_no:hover {
    background:  #CC0000;
}
.dropdownOption_no_frueh {
    background: linear-gradient(270deg,#EEEEEE,#EEEEEE, #CC0000);
    text-align: left;
}
.dropdownOption_no_spaet {
    background: linear-gradient(90deg,#EEEEEE,#EEEEEE, #CC0000);
    text-align: right;
}
.dropdownOption_noentry:hover {
    background: #cdeeFF;
}
.dropdownOption_noentry_frueh {
    background: linear-gradient(270deg,#EEEEEE,#EEEEEE, #cdeeFF);
    font-weight: normal;
}
.dropdownOption_noentry_spaet {
    background: linear-gradient(90deg,#EEEEEE,#EEEEEE, #cdeeFF);
    font-weight: normal;
}
#tableContainer {
    /*
    overflow-x:auto;
    padding: 1em;

   */
}