.aimDateTimePicker{
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0px;
  top: 0px;
  margin-left: -1px;
  margin-top: 5px;
  z-index: 9000;
  background: rgb(0, 32, 91);
  width: 580px;
  height: auto;
  -moz-border-radius: 2px;
       border-radius: 2px;
  overflow: visible;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
     -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  color: #ffffff;
  font-size: 16px;
  line-height: 50px;
  opacity: 0;
  -webkit-transition: 0.5s opacity ease-out;
  -moz-transition: 0.5s opacity ease-out;
  transition: 0.5s opacity ease-out;
}
.aimDateTimePicker.includeSeconds{
  width: 670px;
}
.aimDateTimePicker.noDate, .aimDateTimePicker.noDate.includeSeconds, .aimDateTimePicker.noTime{
  width: 350px;
}

.aimDateTimePicker .aimDateTimePickerDate{
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 350px;
  height: auto;
  border-right: 1px solid #ffffff;
  text-align: left;
  vertical-align: middle;
}
.aimDateTimePicker.noTime .aimDateTimePickerDate{
  border-right: none;
}

.aimDateTimePicker .aimDateTimePickerDate:before, .aimDateTimePicker .aimDateTimePickerDate:after{
  display: block;
  content: "";
  font-size: 0px;
  position: absolute;
  right: -1px;
  top: 0px;
  width: 1px;
  height: 50px;
  background: rgb(0, 32, 91);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 32, 91, 1)), color-stop(rgba(0, 32, 91, 1)), to(rgba(0, 32, 91, 0)));
  background: -moz- oldlinear-gradient(top, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
  background: linear-gradient(180deg, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
}
.aimDateTimePicker .aimDateTimePickerDate:after{
  top: auto;
  bottom: 0px;
  background: rgb(0, 32, 91);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 32, 91, 1)), color-stop(rgba(0, 32, 91, 1)), to(rgba(0, 32, 91, 0)));
  background: -moz- oldlinear-gradient(bottom, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
  background: linear-gradient(0deg, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
}
.aimDateTimePicker.noTime .aimDateTimePicker .aimDateTimePickerDate:before, .aimDateTimePicker.noTime .aimDateTimePicker .aimDateTimePickerDate:after{
  display: none;
}

.aimDateTimePicker .aimDateTimePickerYear, .aimDateTimePicker .aimDateTimePickerMonth{
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: auto;
  height: 50px;
  background: rgb(0, 115, 150);
  line-height: 49px;
  border-bottom: 1px solid #ffffff;
  text-align: center;
  font-weight: bold;
}
.aimDateTimePicker .aimDateTimePickerYear{
  font-size: 24px;
}
.aimDateTimePicker .aimDateTimePickerMonth{
  font-size: 20px;
}
.aimDateTimePicker .aimDateTimePickerYear:before, .aimDateTimePicker .aimDateTimePickerYear:after, .aimDateTimePicker .aimDateTimePickerMonth:before, .aimDateTimePicker .aimDateTimePickerMonth:after{
  display: block;
  content: "";
  font-size: 0px;
  position: absolute;
  left: 0px;
  bottom: -1px;
  width: 50px;
  height: 1px;
  background: rgb(0, 32, 91);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 32, 91, 1)), color-stop(rgba(0, 32, 91, 1)), to(rgba(0, 32, 91, 0)));
  background: -moz- oldlinear-gradient(left, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
  background: linear-gradient(90deg, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
}
.aimDateTimePicker .aimDateTimePickerYear:after, .aimDateTimePicker .aimDateTimePickerMonth:after{
  left: auto;
  right: 0px;
  background: rgb(0, 32, 91);
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 32, 91, 1)), color-stop(rgba(0, 32, 91, 1)), to(rgba(0, 32, 91, 0)));
  background: -moz- oldlinear-gradient(right, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
  background: linear-gradient(-90deg, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
}

.aimDateTimePicker .aimDateTimePickerYearLess, .aimDateTimePicker .aimDateTimePickerYearMore, .aimDateTimePicker .aimDateTimePickerMonthLess, .aimDateTimePicker .aimDateTimePickerMonthMore{
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 49px;
  height: 100%;
  -moz-border-radius: 2px;
       border-radius: 2px;
  text-decoration: none;
  background: rgb(0, 32, 91);
  -webkit-transition: 0.25s all ease-out;
  -moz-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}
.aimDateTimePicker .aimDateTimePickerYearLess:hover, .aimDateTimePicker .aimDateTimePickerYearMore:hover, .aimDateTimePicker .aimDateTimePickerMonthLess:hover, .aimDateTimePicker .aimDateTimePickerMonthMore:hover{
  background: rgb(0, 169, 224);
}
.aimDateTimePicker .aimDateTimePickerYearMore, .aimDateTimePicker .aimDateTimePickerMonthMore{
  left: auto;
  right: 0px;
}
.aimDateTimePicker .aimDateTimePickerYearMore:before, .aimDateTimePicker .aimDateTimePickerMonthMore:before, .aimDateTimePicker .aimDateTimePickerYearLess:before, .aimDateTimePicker .aimDateTimePickerMonthLess:before{
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  content: "+";
  font-weight: bold;
  font-size: 22px;
  color: #ffffff;
}
.aimDateTimePicker .aimDateTimePickerYearLess:before, .aimDateTimePicker .aimDateTimePickerMonthLess:before{
  /*transform: rotate(-180deg);*/
  content: "−";
}

.aimDateTimePicker .aimDateTimePickerDay{
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 14%;
  height: 50px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  -moz-border-radius: 2px;
       border-radius: 2px;
  font-weight: normal;
  background: transparent;
  -webkit-transition: 0.25s background ease-out;
  -moz-transition: 0.25s background ease-out;
  transition: 0.25s background ease-out;
}
.aimDateTimePicker .aimDateTimePickerDay.weekend{
  font-weight: bold;
  background: rgba(255, 255, 255, .05);
  color: rgba(255, 255, 255, .5);
}
.aimDateTimePicker .aimDateTimePickerDay.selected{
  background: rgb(0, 115, 150);
}
.aimDateTimePicker .aimDateTimePickerDay:hover, .aimDateTimePicker .aimDateTimePickerDay.weekend:hover, .aimDateTimePicker .aimDateTimePickerDay.selected:hover{
  background: rgb(0, 169, 224);
}

.aimDateTimePicker .aimDateTimePickerTime{
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  top: -5px;
  width: auto;
  padding: 0px 30px;
  height: 72px;
  line-height: 72px;
  font-size: 32px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
}
.aimDateTimePicker.noDate .aimDateTimePickerTime, .aimDateTimePicker.noDate.includeSeconds .aimDateTimePickerTime{
  padding-top: 20px;
  padding-bottom: 20px;
  height: 112px;
  width: 350px;
}

.aimDateTimePicker .aimDateTimePickerHours, .aimDateTimePicker .aimDateTimePickerMinutes, .aimDateTimePicker .aimDateTimePickerSeconds{
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 72px;
  height: 72px;
  margin-left: 20px;
  box-sizing: border-box;
  vertical-align: middle;
  background: rgba(0, 32, 91, 1);
  -moz-border-radius: 36px;
       border-radius: 36px;
  overflow: visible;
}
.aimDateTimePicker .aimDateTimePickerHours{
  margin-left: 0px;
}
.aimDateTimePicker .aimDateTimePickerMinutes:before, .aimDateTimePicker .aimDateTimePickerSeconds:before{
  display: inline-block;
  position: absolute;
  left: -20px;
  top: 0px;
  width: 20px;
  height: 70px;
  text-align: center;
  content: ":";
  font-weight: bold;
}




.aimDateTimePicker input, .aimDateTimePicker input[type=text], .aimDateTimePicker input[type=tel]{
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  margin-left: -35px;
  margin-top: -35px;
  -moz-border-radius: 35px;
       border-radius: 35px;
  background: rgb(0, 115, 150);
  border: 2px solid #ffffff;
  color: #ffffff;
  font-weight: bold;
  line-height: 71px;
  font-size: 32px;
  text-align: center;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
}
.aimDateTimePicker input:focus, .aimDateTimePicker input[type=text]:focus, .aimDateTimePicker input[type=tel]:focus{
  background: #ffffff;
  color: rgb(0, 32, 91);
  cursor: text;
}



@media all and (max-width: 580px){
  .aimDateTimePicker{
    width: 350px;
  }
  .aimDateTimePicker.noDate, .aimDateTimePicker.noDate.includeSeconds, .aimDateTimePicker.noTime{
    width: 350px;
  }
  .aimDateTimePicker .aimDateTimePickerDate{
    border-right: none;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 20px;
  }
  .aimDateTimePicker.noTime .aimDateTimePickerDate{
    border-bottom: none;
    margin-bottom: 0px;
  }
  .aimDateTimePicker .aimDateTimePickerDate:before, .aimDateTimePicker .aimDateTimePickerDate:after{
    display: block;
    content: "";
    font-size: 0px;
    position: absolute;
    left: 0px;
    top: auto;
    bottom: -1px;
    height: 1px;
    width: 50px;
    background: rgb(0, 32, 91);
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 32, 91, 1)), color-stop(rgba(0, 32, 91, 1)), to(rgba(0, 32, 91, 0)));
    background: -moz- oldlinear-gradient(left, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
    background: linear-gradient(90deg, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
  }
  .aimDateTimePicker .aimDateTimePickerDate:after{
    left: auto;
    right: 0px;
    background: rgb(0, 32, 91);
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 32, 91, 1)), color-stop(rgba(0, 32, 91, 1)), to(rgba(0, 32, 91, 0)));
    background: -moz- oldlinear-gradient(right, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
    background: linear-gradient(-90deg, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
  }
  .aimDateTimePicker .aimDateTimePickerTime{
    margin-bottom: 20px;
    width: 350px;
  }
}
@media all and (max-width: 670px){
  .aimDateTimePicker.includeSeconds{
    width: 350px;
  }
  .aimDateTimePicker.noDate, .aimDateTimePicker.noDate.includeSeconds, .aimDateTimePicker.noTime{
    width: 350px;
  }
  .aimDateTimePicker.includeSeconds .aimDateTimePickerDate{
    border-right: none;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 20px;
  }
  .aimDateTimePicker.noTime .aimDateTimePickerDate{
    border-bottom: none;
    margin-bottom: 0px;
  }
  .aimDateTimePicker.includeSeconds .aimDateTimePickerDate:before, .aimDateTimePicker.includeSeconds .aimDateTimePickerDate:after{
    display: block;
    content: "";
    font-size: 0px;
    position: absolute;
    left: 0px;
    top: auto;
    bottom: -1px;
    height: 1px;
    width: 50px;
    background: rgb(0, 32, 91);
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 32, 91, 1)), color-stop(rgba(0, 32, 91, 1)), to(rgba(0, 32, 91, 0)));
    background: -moz- oldlinear-gradient(left, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
    background: linear-gradient(90deg, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
  }
  .aimDateTimePicker.includeSeconds .aimDateTimePickerDate:after{
    left: auto;
    right: 0px;
    background: rgb(0, 32, 91);
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 32, 91, 1)), color-stop(rgba(0, 32, 91, 1)), to(rgba(0, 32, 91, 0)));
    background: -moz- oldlinear-gradient(right, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
    background: linear-gradient(-90deg, rgba(0, 32, 91, 1), rgba(0, 32, 91, 1), rgba(0, 32, 91, 0));
  }
  .aimDateTimePicker.includeSeconds .aimDateTimePickerTime{
    margin-bottom: 20px;
    width: 350px;
  }
}

/**
 * Overlay for modal dialogs
 */
body.aimBlur>*{
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');
filter: blur(2px);
-webkit-filter: blur(2px);
-moz-transition: .5s ease-out;
transition: .5s ease-out;
-webkit-transition: .5s ease-out;
-moz-transition-property: .5s ease-out;
-o-transition-property: .5s ease-out;
}
body>.aimOverlay{
display: block;
opacity: 1;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
z-index: 10000;
filter: none;
-webkit-filter: none;
-moz-transition: .2s ease-out;
transition: .2s ease-out;
-webkit-transition: .2s ease-out;
-moz-transition-property: .2s ease-out;
-o-transition-property: .2s ease-out;
}
body>.aimOverlay.hidden{
opacity: 0;
}

/**
 * Modal dialogs
 */
.aimModal{
display: block;
position: relative;
top: 0px;
margin: auto;
margin-top: 30vh;
padding: 0px;
padding-bottom: 65px;
width: 95%;
max-width: 400px;
height: auto;
max-height: 95%;
background: rgb(0, 115, 150);
border: none;
-moz-border-radius: 2px;
     border-radius: 2px;
-webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, .7);
   -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, .7);
        box-shadow: 0px 15px 30px rgba(0, 0, 0, .7);
text-align: center;
color: rgb(250, 250, 250);
overflow: hidden;
-moz-transition: .2s ease-out;
transition: .2s ease-out;
-webkit-transition: .2s ease-out;
-moz-transition-property: .2s ease-out;
-o-transition-property: .2s ease-out;
}

.aimModal.hidden{
-moz-transform: scale(.9,.9);
     transform: scale(.9,.9);
-webkit-transform: scale(.9,.9);
}
.aimModalTitle{
padding: 0px;
padding-top: 7px;
padding-bottom: 7px;
background: rgb(0, 32, 91);
font-weight: bold;
font-size: 20px;
line-height: 20px;
color: rgb(250, 250, 250);
text-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
}
.aimModalContent{
position: relative;
max-height: 390px;
overflow: auto;
padding: 5px 40px;
padding-bottom: 6px;
text-align: left;
}
@media all and (max-height: 500px){
.aimModalContent{
max-height: 190px;
}
}
.aimModalText{
	padding-top: 5px;
	padding-bottom: 6px;
}

.aimModalButtonBar{
position: absolute;
bottom: 0px;
padding: 0px;
padding-top: 7px;
padding-bottom: 7px;
width: 100%;
min-height: 50px;
background: rgb(0, 32, 91);
}
.aimModalButton{
display: inline-block;
margin: 7px 10px;
padding: 7px 15px;
min-width: 60px;
background: rgb(255, 255, 255);
border: 2px solid rgb(0, 169, 224);
border-left-width: 4px;
border-right-width: 4px;
-moz-border-radius: 2px;
     border-radius: 2px;
font-size: 16px;
color: rgb(0, 32, 91);
line-height: 20px;
font-weight: bold;
text-align: center;
cursor: pointer;
-moz-transition: 0.2s ease-out;
transition: 0.2s ease-out;
-webkit-transition: 0.2s ease-out;
-moz-transition-property: 0.2s ease-out;
-o-transition-property: 0.2s ease-out;
-webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
        transform: translateZ(0);
}
.aimModalButton:hover,.aimModalButton.selected{
color: rgb(255, 255, 255);
background: rgb(0, 115, 150);
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, .5);
   -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, .5);
        box-shadow: 0px 3px 5px rgba(0, 0, 0, .5);
}
.aimModalButton.ok{
background: rgb($green+1);
border-color: rgb($green0);
color: rgb($green-2);
}
.aimModalButton.ok:hover,.aimModalButton.ok.selected{
border-color: rgb($green+1);
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, .5), 0px 0px 10px rgba($green+2,.5);
   -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, .5), 0px 0px 10px rgba($green+2,.5);
        box-shadow: 0px 3px 5px rgba(0, 0, 0, .5), 0px 0px 10px rgba($green+2,.5);
}
.aimModalButton.cancel{
background: rgb($red+2);
border-color: rgb($red+1);
color: rgb($red-1);
}
.aimModalButton.cancel:hover,.aimModalButton.cancel.selected{
border-color: rgb($red+2);
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, .5), 0px 0px 10px rgba($red+2,.5);
   -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, .5), 0px 0px 10px rgba($red+2,.5);
        box-shadow: 0px 3px 5px rgba(0, 0, 0, .5), 0px 0px 10px rgba($red+2,.5);
}
.aimModal input[type="text"]{
	display: inline-block;
	width: 100%;
	max-width: 310px;
	height: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	background: #ffffff;
	border: none;
	-moz-border-radius: 2px;
	     border-radius: 2px;
	font-size: 16px;
	line-height: 35px;
	color: rgb(0, 32, 91);
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
.aimModal input[type="text"]:focus{
	background: #ffffff;
	color: rgb(0, 32, 91);
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}


.aimSuggestion{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: auto;
    min-width: 200px;
    height: 100px;
    overflow: auto;
    background: #ffffff;
    margin: 0px;
    margin-top: 0px;
    padding: 0px;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
            box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
    z-index: 100000;
}

.aimSuggestion a{
    display: block;
    margin: 0px;
    padding: 5px;
    width: auto;
    text-decoration: none;    
    color: rgb(0, 169, 224);
    border-top: 1px solid rgb(0, 32, 91);
    font-size: 80%;
    cursor: pointer;
}
.aimSuggestion a:first-child{
    border-top: none;
}
.aimSuggestion a span{
    display: block;
    font-weight: bold;
    font-size: 125%;    
    color: rgb(0, 32, 91);
    margin-bottom: 3px;
    pointer-events: none;
}
.aimSuggestion a.aimSuggestSelected{
    background: rgb(0, 115, 150);
    color: #ffffff;
}
.aimSuggestion a.aimSuggestSelected span{ 
    color: #ffffff;
}
#larsSimpleView{
  height: 0px;
  text-align: center;
  color: #555555;
  position: relative;
}

.larsSimpleViewReservation{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  -moz-border-radius: 10px;
       border-radius: 10px;
  background: rgb(0, 32, 91);
  border: 8px solid transparent;
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
  height: 80px;
  color: #ffffff;
  margin: 10px 30px;
  padding: 10px;
  padding-right: 93px;
  text-align: left;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.5;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .5), -40px -10px 0px #aaaaaa, 40px -10px 0px #aaaaaa, 40px 10px 0px #aaaaaa, -40px 10px 0px #aaaaaa;
     -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .5), -40px -10px 0px #aaaaaa, 40px -10px 0px #aaaaaa, 40px 10px 0px #aaaaaa, -40px 10px 0px #aaaaaa;
          box-shadow: 0px 1px 2px rgba(0, 0, 0, .5), -40px -10px 0px #aaaaaa, 40px -10px 0px #aaaaaa, 40px 10px 0px #aaaaaa, -40px 10px 0px #aaaaaa;
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.2s all ease-out;
  -moz-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.larsSimpleViewReservation.hidden{
  opacity: 0;
}
.larsSimpleViewReservation.new{
  left: -120%;
}
.larsSimpleViewReservation.inProgress{
  /*box-shadow: 0px 1px 2px rgba(0,0,0,0.5), -40px -10px 0px rgb(255, 221, 181), 40px -10px 0px rgb(255, 221, 181), 40px 10px 0px rgb(255, 221, 181), -40px 10px 0px rgb(255, 221, 181);*/
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
     -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
  opacity: 1;
}
.larsSimpleViewReservation.future{
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .5), -40px -10px 0px #d4d4d4, 40px -10px 0px #d4d4d4, 40px 10px 0px #d4d4d4, -40px 10px 0px #d4d4d4;
     -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .5), -40px -10px 0px #d4d4d4, 40px -10px 0px #d4d4d4, 40px 10px 0px #d4d4d4, -40px 10px 0px #d4d4d4;
          box-shadow: 0px 1px 2px rgba(0, 0, 0, .5), -40px -10px 0px #d4d4d4, 40px -10px 0px #d4d4d4, 40px 10px 0px #d4d4d4, -40px 10px 0px #d4d4d4;
  opacity: 1;
}
.larsSimpleViewReservation.light{
  background: rgb(0, 168, 135);
  border-color: rgb(0, 168, 135);
}
.larsSimpleViewReservation.light.ifr{
    border-color: rgb(0, 55, 44);
}
.larsSimpleViewReservation.medium{
  background: rgb(0, 169, 224);
  border-color: rgb(0, 169, 224);
}
.larsSimpleViewReservation.medium.ifr{
    border-color: rgb(0, 55, 74);
}
.larsSimpleViewReservation.heavy{
  background: rgb(110, 27, 105);
  border-color: rgb(110, 27, 105);
}
.larsSimpleViewReservation.heavy.ifr{
    border-color: rgb(36, 8, 34);
}
.larsSimpleViewReservationProgressbar{
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 64px;
  -moz-border-radius: 2px;
       border-radius: 2px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0px 0px;
  background: rgba(0, 0, 0, .25);
  width: 0%;
  margin: 0px 0px;
  z-index: -1;
}
.larsSimpleViewReservationAerodrome{
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0px 0px 0px 0px;
  width: 30px;
  height: 100%;
  background: #ffffff;
  color: #000000;
}
.larsSimpleViewReservationAerodrome span{
  display: block;
  width: 60px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  margin-left: -30px;
  margin-top: -15px;
  -webkit-transform: rotateZ(-90deg);
     -moz-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
  font-weight: bold;
}
.larsSimpleViewReservation.light .larsSimpleViewReservationAerodrome span{
  color: rgb(0, 168, 135);
}
.larsSimpleViewReservation.medium .larsSimpleViewReservationAerodrome span{
  color: rgb(0, 169, 224);
}
.larsSimpleViewReservation.heavy .larsSimpleViewReservationAerodrome span{
  color: rgb(110, 27, 105);
}
.larsSimpleViewReservationIdentification{
  display: block;
  float: left;
  width: 200px;
  height: 44px;
  margin: 0px;
  margin-bottom: 300px;
  padding: 0px;
  padding-right: 10px;
  font-weight: bold;
  font-size: 40px;
  border-right: 3px solid #ffffff;
  line-height: 44px;
  overflow: hidden;
}
.tcc .larsSimpleViewReservationIdentification{
  margin-left: 30px;
}
.larsSimpleViewReservationFlightRules{
  display: block;
  float: left;
  width: 70px;
  height: 44px;
  margin: 0px;
  margin-bottom: 300px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 22px;
  text-align: center;
  font-size: 16px;
  border-right: 3px solid #ffffff;
  overflow: hidden;
}
.larsSimpleViewReservationWtc{
  display: block;
}
.larsSimpleViewReservationStartTime, .larsSimpleViewReservationEndTime{
  display: block;
  float: left;
  width: 90px;
  height: 44px;
  margin: 0px;
  margin-bottom: 300px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-size: 34px;
  border-right: 3px solid #ffffff;
  line-height: 44px;
  overflow: hidden;
}
.larsSimpleViewReservationEndTime{
  margin-right: 10px;
}
.larsSimpleViewReservationActivity{
  display: inline;
  margin: 0px;
  padding: 0px;
  line-height: 23px;
  font-size: 16px;
  overflow: hidden;
  position: relative;
  top: 0px;
  -webkit-transition: 1s top ease-out;
  -moz-transition: 1s top ease-out;
  transition: 1s top ease-out;
}
.larsSimpleViewReservation.touched .larsSimpleViewReservationActivity{
  top: -250px;
  -webkit-transition: 20s top ease-out;
  -moz-transition: 20s top ease-out;
  transition: 20s top ease-out;
}

a.larsSimpleViewReservationEndNow{
  display: none;
  position: absolute;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  right: 0px;
  top: 0px;
  height: 64px;
  width: 64px;
  margin: 0px;
  background: transparent;
  font-size: 0px;
  overflow: hidden;
  -webkit-transition: 0.2s background ease-out;
  -moz-transition: 0.2s background ease-out;
  transition: 0.2s background ease-out;
}
.inProgress a.larsSimpleViewReservationEndNow{
  display: block;
}
a.larsSimpleViewReservationEndNow:hover{
  background: rgba(0, 0, 0, .5);
}
.larsSimpleViewReservation:after{
  display: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
  font-size: 0px;
  width: 3px;
  height: 44px;
  background: #ffffff;
  position: absolute;
  right: 64px;
  top: 10px;
}
.larsSimpleViewReservation.inProgress:after{
  display: block;
}
a.larsSimpleViewReservationEndNow:before{
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
  font-size: 0px;
  width: 20px;
  height: 20px;
  background: transparent;
  border: 10px solid transparent;
  border-right-width:  0px;
  border-left-color: #ffffff;
  border-left-width: 20px;
  position: absolute;
  left: 18px;
  top: 22px;
}
a.larsSimpleViewReservationEndNow:after{
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
  font-size: 0px;
  width: 5px;
  height: 20px;
  background: #ffffff;
  position: absolute;
  left: 38px;
  top: 22px;
}

.larsSimpleViewEndNowDialog{
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  right: -100%;
  top: 0px;
  width: -moz-calc(100% - 223px);
  width: calc(100% - 223px);
  height: 64px;
  background: rgb(0, 32, 91);
  line-height: 64px;
  padding: 0px;
  padding-left: 10px;
  color: #ffffff;
  -webkit-transition: 0.2s right ease-out;
  -moz-transition: 0.2s right ease-out;
  transition: 0.2s right ease-out;
}
.larsSimpleViewEndNowDialog.shown{
  right: 0%;
}
.light .larsSimpleViewEndNowDialog{
  background: rgb(0, 55, 44);
}
.medium .larsSimpleViewEndNowDialog{
  background: rgb(0, 55, 74);
}
.heavy .larsSimpleViewEndNowDialog{
  background: rgb(36, 8, 34);
}

a.larsSimpleViewEndNowDialogYes, a.larsSimpleViewEndNowDialogNo{
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 64px;
  height: 64px;
  -moz-border-radius: 2px;
       border-radius: 2px;
  line-height: 64px;
  text-align: center;
  background: transparent;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: 0.2s background ease-out;
  -moz-transition: 0.2s background ease-out;
  transition: 0.2s background ease-out;
}
a.larsSimpleViewEndNowDialogNo:hover{
  background: rgba(255, 0, 0, .5);
}
a.larsSimpleViewEndNowDialogYes:hover{
  background: rgba(0, 255, 0, .5);
}
a.larsSimpleViewEndNowDialogYes{
  right: 67px;
}

.larsSimpleViewReservationPlaceholder{
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100px;
  line-height: 100px;
  text-align: center;
  color: #aaaaaa;
  font-size: 16px;
  background: #ffffff;
}

#larsSimpleViewCurrentTime{
  display: block;
  font-family: "Lucida Console", Monaco, monospace;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: -5px;
  text-align: center;
  color: rgb(0, 32, 91);
  font-weight: bold;
  font-size: 50px;
  line-height: 50px;
}

@media all and (max-width: 930px){
  .larsSimpleViewReservationActivity{
    visibility: hidden;
  }
  .larsSimpleViewEndNowDialog{
    line-height: 22px;
    padding-right: 138px;
    padding-top: 10px;
  }
}

@charset "UTF-8";

@font-face{
  font-family: "icons";
  src:url(../images/icons.ttf) format("truetype"),
    url(../images/icons.woff) format("woff"),
    url(../images/icons.svg#aimportalv1) format("svg");
  font-weight: normal;
  font-style: normal;
}


/**
 * CSS reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
}
em{
	font-style: italic;
}
strong, h1, h2, h3, h4, h5, h6{
	font-weight: bold;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***************************************************/

html{
	font-family: arial, sans-serif;
	background: #ffffff;
	color: #333333;
	font-size: 16px;
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: none;
}
body{
    position: relative;
    height: auto;
    min-height: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 50px;
}
body.landing{
    padding-top: 0px;
}
body.atsu{
    padding-top: 120px;
}

header{
    height: 0px;
}
body.aimBlur>header{
    filter: none;
    -webkit-filter: none;
    opacity: 0.7;
}
.landing header{
    height: 300px;
}

h1{
	position: fixed;
	left: 0px;
	top: 0px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 11px;
    color: rgb(0, 32, 91);
	width: 165px;
	margin-left: 62px;
	margin-right: auto;
	z-index: 1000;
}

.landing h1{
	position: static;
    font-size: 20px;
    line-height: 22px;
    color: rgb(0, 32, 91);
    width: 330px;
    margin-left: auto;
    margin-right: 0px;
}

.atsu h1{
    position: fixed;
    top: 9px;
    left: auto;
    right: 0px;
    width: 150px;
    color: #ffffff;
    font-size: 8px;
    line-height: 9px;
    z-index: 10001;
}

h1 strong{
    display: block;
    font-family: 'Arial Narrow', 'HelveticaNeue-CondensedBold', arial, sans-serif;
    font-stretch: condensed;
    font-size: 34px;
    line-height: 29px;
    position: relative;
    left: -1px;
}

.landing h1 strong{
    position: relative;
    font-size: 68px;
    line-height: 58px;
    left: -3px;
}

.atsu h1 strong{
    font-size: 26px;
    line-height: 22px;
}

h1 strong:before{
   display: block;
   text-transform: none;
   content: "q";
   font-family: "icons";
   font-weight: normal;
   font-size: 130px;
   line-height: 70px;
   position: relative;
   left: -15px;
   padding-top: 30px;
}

.landing h1 strong:before{
   position: relative;
   font-size: 260px;
   line-height: 140px;
   left: -30px;
   top: 0px;
   padding-top: 30px;
}

.atsu h1 strong:before{
   position: absolute;
   left: -115px;
   bottom: auto;
   top: -15px;
   padding-top: 0px;
   font-size: 100px;
}

header aside{
	position: fixed;
    left: 0px;
    top: 0px;
    width: 250px;
    height: 100%;
    background: rgb(0, 32, 91);
    overflow: hidden;
    font-size: 0px;
}

.landing header aside{
	position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    background: rgb(0, 32, 91);
    overflow: hidden;
    font-size: 0px;
	width: 65%;
	width: -moz-calc(100% - 420px);
	width: calc(100% - 420px);
    z-index: 100;
}

.atsu header aside{
    width: 100%;
    height: 60px;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
            box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
    z-index: 10000;
}

header aside:before{
    position: absolute;
    display: block;
    right: -20px;
    bottom: -40px;
    width: 500px;
    height: 200%;
    background: rgb(0, 169, 224);
    background-image: url(../images/logoFullScreenBg3.svg);
    -moz-background-size: 380px auto;
         background-size: 380px auto;
    background-position: bottom right;
    background-repeat: no-repeat;
    content: " ";
}

.landing header aside:before{
    right: -20%;
    bottom: 0px;
    width: 120%;
    height: 100%;
    -moz-background-size: 130%;
         background-size: 130%;
    background-position: bottom 50% right;
}

.atsu header aside:before{
    right: auto;
    left: 0px;
    width: 380px;
    background-color: rgb(0, 169, 224);
    -moz-background-size: 250px auto;
         background-size: 250px auto;
    background-position: bottom 43% right;
}

header aside:after{
    position: absolute;
    display: block;
    left: 20px;
    bottom: 20px;
    width: 50%;
    height: 25px;
    background: transparent;
    background-image: url(../images/logotyp.svg);
    background-position: 0px 0px;
    -moz-background-size: 100% auto;
         background-size: 100% auto;
    background-repeat: no-repeat;
    content: " ";
    z-index: 100;
}

.landing header aside:after{
    position: absolute;
    display: block;
    left: 7%;
    bottom: auto;
    top: 7%;
    width: 30%;
    height: 10%;
    background-color: rgb(0, 169, 224);
    background-image: url(../images/logotyp.svg);
    -moz-background-size: contain;
         background-size: contain;
}

.atsu header aside:after{
    width: 150px;
    height: 35px;
    top: 14px;
    left: 25px;
}


.en header aside:after{
    background-image: url(../images/logotypEN.svg);
}

footer{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0px;
    padding-bottom: 30px;
    font-size: 10px;
    color: #aaaaaa;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding-left: 250px;
}
.landing footer{
    width: 420px;
    left: auto;
    right: 0px;
    padding-left: 0px;
}

.atsu footer{
    padding-left: 0px;
}

a{
    color: rgb(0, 169, 224);
    transition: 0.3s ease-out color, 0.3s ease-out box-shadow;
    -ms-transition: 0.3s ease-out color, 0.3s ease-out box-shadow;
    -moz-transition: 0.3s ease-out color, 0.3s ease-out box-shadow;
    -o-transition: 0.3s ease-out color, 0.3s ease-out box-shadow;
    -webkit-transition: 0.3s ease-out color, 0.3s ease-out box-shadow;
}
a:hover{
    color: rgb(0, 32, 91);
}

.larsMessage{
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: 0.3s all ease-out;
  -moz-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}
.larsMessage ul{
    display: block;
    margin: 0px;
    padding: 0px;
}
.larsMessage ul li{
    display: block;
    position: relative;
    list-style: none;
    background: rgb(171, 227, 216);
    color: rgb(0, 111, 89);
    font-weight: bold;
    margin: 5px 0px;
    padding: 10px 20px;
    padding-left: 60px;
    -moz-border-radius: 2px;
         border-radius: 2px;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .1);
       -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, .1);
            box-shadow: 0px 2px 2px rgba(0, 0, 0, .1);
}
.larsMessage ul li:before{
    display: block;
    position: absolute;
    left: 15px;
    top: 3px;
    width: 30px;
    height: 30px;
    -moz-border-radius: 15px;
         border-radius: 15px;
    background: rgb(0, 168, 135);
    color: rgb(0, 55, 44);
    content: "✔";
    text-align: center;
    line-height: 30px;
}
.larsMessage ul li.error{
    background: rgb(224, 93, 116);
    color: rgb(68, 3, 14);
}
.larsMessage ul li.error:before{
     background: rgb(136, 6, 29);
     color: rgb(68, 3, 14);
     content: "!";
     font-size: 35px;
     -moz-border-radius: 5px;
          border-radius: 5px;
     -moz-animation: error 1.25s infinite linear;
          animation: error 1.25s infinite linear;
     -webkit-animation: error 1.25s infinite linear;
     -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
        -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
             box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
}
@-moz-keyframes error{
    0%{
        -moz-transform: scale(1) rotate(-5deg);
             transform: scale(1) rotate(-5deg);
    }
    50%{
        -moz-transform: scale(1.3) rotate(5deg);
             transform: scale(1.3) rotate(5deg);
        background: rgb(207, 10, 44);
    }
    100%{
        -moz-transform: scale(1) rotate(-5deg);
             transform: scale(1) rotate(-5deg);
    }
}
@keyframes error{
    0%{
        -webkit-transform: scale(1) rotate(-5deg);
           -moz-transform: scale(1) rotate(-5deg);
                transform: scale(1) rotate(-5deg);
    }
    50%{
        -webkit-transform: scale(1.3) rotate(5deg);
           -moz-transform: scale(1.3) rotate(5deg);
                transform: scale(1.3) rotate(5deg);
        background: rgb(207, 10, 44);
    }
    100%{
        -webkit-transform: scale(1) rotate(-5deg);
           -moz-transform: scale(1) rotate(-5deg);
                transform: scale(1) rotate(-5deg);
    }
}
@-webkit-keyframes error{
    0%{
        -webkit-transform: scale(1) rotate(-5deg);
    }
    50%{
        -webkit-transform: scale(1.3) rotate(5deg);
        background: rgb(207, 10, 44);
    }
    100%{
        -webkit-transform: scale(1) rotate(-5deg);
    }
}

.larsContent, .larsMessage{
    margin-left: 250px;
    padding: 20px 50px;
}
.larsContent{
  padding-bottom: 100px;
}

.atsu .larsContent, .atsu .larsMessage{
    margin-left: 0px;
}
.atsu .larsContent{
	padding-bottom: 100px;
	padding-left: 0px;
	padding-right: 0px;
}

.larsLanguage{
    text-align: right;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 20px;
}
.landing .larsContent, .landing .larsLanguage{
    margin-right: 0px;
    margin-left: auto;
    width: 320px;
    padding: 20px 50px;
    position: static;
}

.larsLanguage a{
    display: inline-block;
    position: relative;
    padding-left: 40px;
    text-decoration: none;
}
.larsLanguage a:before{
    display: block;
    position: absolute;
    left: 0px;
    top: -9px;
    width: 32px;
    height: 32px;
    background: #ffffff url(../images/langEN.svg);
    background-position: 1px 1px;
    -moz-background-size: 30px 30px;
         background-size: 30px 30px;
    background-repeat: no-repeat;
    content: " ";
    -moz-border-radius: 16px;
         border-radius: 16px;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
    transition: 0.3s ease-out box-shadow;
    -ms-transition: 0.3s ease-out box-shadow;
    -moz-transition: 0.3s ease-out box-shadow;
    -o-transition: 0.3s ease-out box-shadow;
    -webkit-transition: 0.3s ease-out box-shadow;
}
.en .larsLanguage a:before{
    background-image: url(../images/langCZ.svg);
}
.atsu .larsLanguage a{
  font-size: 0px;
  line-height: 26px;
  padding-left: 20px;
}
.larsLanguage a:hover:before{
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
            box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}
.landing .larsContent{
    padding-bottom: 220px;
}
.larsContent p{
    margin: 10px 0px;
}
.larsContent ul{
    margin: 10px 0px;
}
.larsContent li{
    margin: 3px;
    margin-left: 20px;
    margin-right: 0px;
    list-style-type: circle;
}

.larsUser, .larsNav{
    text-align: right;
    position: absolute;
    right: 120px;
    top: 0px;
    padding: 20px;
}
.larsUser{
  padding-right: 0px;
}
.atsu .larsUser{
  right: 45px;
}



.larsNav{
    text-align: left;
    right: auto;
    left: 250px;
    margin-left: 50px;
    padding-left: 0px;
}
.larsUser a, .larsNav a{
    position: relative;
    padding-left: 40px;
    text-decoration: none;
}
.larsUser a:before, .larsNav a:before, .larsNotificationsPanel a:before{
    display: block;
    position: absolute;
    left: 0px;
    top: -10px;
    font-family: "icons";
    content: "t";
    font-size: 35px;
}
.larsNav a:before{
    content: "z";
}
.larsNav span, .larsUser span, .larsLanguage span{
  display: inline-block;
  vertical-align: middle;
}
.larsNav span:after, .larsUser span:after, .larsLanguage span:after{
  content: "|";
  display: inline-block;
  margin-left: 5px;
  margin-right: 2px;
}
.larsNav span:last-child:after, .larsLanguage span:last-child:after{
  display: none;
}
.larsNav a{
    display: inline-block;
    vertical-align: middle;
}
.larsNav a.larsRefresh:before{
    content: "v";
    top: -10px;
}

.larsNav a.larsSoundToggle{
    padding-left: 0px;
    text-align: center;
    width: 30px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: none;
    line-height: 18px;
    margin-top: 0px;
    vertical-align: middle;   
}

.larsNav a.larsSoundToggle:before{
    /*
    content: " ";
    font-weight: normal;
    font-size: 30px;
    top: 0px;
    color: rgb(0, 169, 224);
    z-index: -1;
    text-shadow: none;
    */
    display: block;
    position: absolute;
    left: 0px;
    top: -9px;
    width: 32px;
    height: 32px;
    background: #ffffff url(../images/speaker_on.svg);
    background-position: 1px 1px;
    -moz-background-size: 30px 30px;
         background-size: 30px 30px;
    background-repeat: no-repeat;
    content: "";
}

.larsNav a.larsSoundToggle.soundoff:before{
    display: block;
    position: absolute;
    left: 0px;
    top: -9px;
    width: 32px;
    height: 32px;
    background: #ffffff url(../images/speaker_off.svg);
    background-position: 1px 1px;
    -moz-background-size: 30px 30px;
         background-size: 30px 30px;
    background-repeat: no-repeat;
    content: "";    
}

.larsNav a.larsSoundToggle.soundoff:hover:before {
    display: block;
    position: absolute;
    left: 0px;
    top: -9px;
    width: 32px;
    height: 32px;
    background: #ffffff url(../images/speaker_off_hover.svg);
    background-position: 1px 1px;
    -moz-background-size: 30px 30px;
         background-size: 30px 30px;
    background-repeat: no-repeat;
    content: "";  
    
    /*filter: brightness(0) saturate(100%) invert(12%) sepia(53%) saturate(2849%) hue-rotate(205deg) brightness(88%) contrast(108%);*/
}

.larsNav a.larsNotifications, .larsNotificationsPanel a.larsNotifications{
  padding-left: 0px;
  text-align: center;
  width: 30px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: none;
  line-height: 18px;
  margin-top: -5px;
  vertical-align: middle;
  
}
.larsNav a.larsNotifications:before, .larsNotificationsPanel a.larsNotifications:before{
  content: "p";
  font-weight: normal;
  font-size: 30px;
  top: 0px;
  color: rgb(0, 169, 224);
  z-index: -1;
  text-shadow: none;
}
.larsNav a.larsNotifications:hover:before, .larsNotificationsPanel a.larsNotifications:hover:before{
  color: rgb(0, 32, 91);
}
@-webkit-keyframes alertshadow{
  0%   {text-shadow: -2px -2px 0px rgb(207, 10, 44), 2px -2px 0px rgb(207, 10, 44), 2px 2px 0px rgb(207, 10, 44), -2px 2px 0px rgb(207, 10, 44), -2px 0px 0px rgb(207, 10, 44), 2px 0px 0px rgb(207, 10, 44), 0px -2px 0px rgb(207, 10, 44), 0px 2px 0px rgb(207, 10, 44);}
  50%  {text-shadow: -2px -2px 0px rgb(255, 100, 134), 2px -2px 0px rgb(255, 100, 134), 2px 2px 0px rgb(255, 100, 134), -2px 2px 0px rgb(255, 100, 134), -2px 0px 0px rgb(255, 100, 134), 2px 0px 0px rgb(255, 100, 134), 0px -2px 0px rgb(255, 100, 134), 0px 2px 0px rgb(255, 100, 134);}
  100% {text-shadow: -2px -2px 0px rgb(207, 10, 44), 2px -2px 0px rgb(207, 10, 44), 2px 2px 0px rgb(207, 10, 44), -2px 2px 0px rgb(207, 10, 44), -2px 0px 0px rgb(207, 10, 44), 2px 0px 0px rgb(207, 10, 44), 0px -2px 0px rgb(207, 10, 44), 0px 2px 0px rgb(207, 10, 44);}
}
@-moz-keyframes alertshadow{
  0%   {text-shadow: -2px -2px 0px rgb(207, 10, 44), 2px -2px 0px rgb(207, 10, 44), 2px 2px 0px rgb(207, 10, 44), -2px 2px 0px rgb(207, 10, 44), -2px 0px 0px rgb(207, 10, 44), 2px 0px 0px rgb(207, 10, 44), 0px -2px 0px rgb(207, 10, 44), 0px 2px 0px rgb(207, 10, 44);}
  50%  {text-shadow: -2px -2px 0px rgb(255, 100, 134), 2px -2px 0px rgb(255, 100, 134), 2px 2px 0px rgb(255, 100, 134), -2px 2px 0px rgb(255, 100, 134), -2px 0px 0px rgb(255, 100, 134), 2px 0px 0px rgb(255, 100, 134), 0px -2px 0px rgb(255, 100, 134), 0px 2px 0px rgb(255, 100, 134);}
  100% {text-shadow: -2px -2px 0px rgb(207, 10, 44), 2px -2px 0px rgb(207, 10, 44), 2px 2px 0px rgb(207, 10, 44), -2px 2px 0px rgb(207, 10, 44), -2px 0px 0px rgb(207, 10, 44), 2px 0px 0px rgb(207, 10, 44), 0px -2px 0px rgb(207, 10, 44), 0px 2px 0px rgb(207, 10, 44);}
}
@keyframes alertshadow{
  0%   {text-shadow: -2px -2px 0px rgb(207, 10, 44), 2px -2px 0px rgb(207, 10, 44), 2px 2px 0px rgb(207, 10, 44), -2px 2px 0px rgb(207, 10, 44), -2px 0px 0px rgb(207, 10, 44), 2px 0px 0px rgb(207, 10, 44), 0px -2px 0px rgb(207, 10, 44), 0px 2px 0px rgb(207, 10, 44);}
  50%  {text-shadow: -2px -2px 0px rgb(255, 100, 134), 2px -2px 0px rgb(255, 100, 134), 2px 2px 0px rgb(255, 100, 134), -2px 2px 0px rgb(255, 100, 134), -2px 0px 0px rgb(255, 100, 134), 2px 0px 0px rgb(255, 100, 134), 0px -2px 0px rgb(255, 100, 134), 0px 2px 0px rgb(255, 100, 134);}
  100% {text-shadow: -2px -2px 0px rgb(207, 10, 44), 2px -2px 0px rgb(207, 10, 44), 2px 2px 0px rgb(207, 10, 44), -2px 2px 0px rgb(207, 10, 44), -2px 0px 0px rgb(207, 10, 44), 2px 0px 0px rgb(207, 10, 44), 0px -2px 0px rgb(207, 10, 44), 0px 2px 0px rgb(207, 10, 44);}
}
@-webkit-keyframes alert{
  0%   {color: rgb(207, 10, 44); text-shadow: 0px 0px 0px rgb(207, 10, 44);}
  50%  {color: rgb(255, 100, 134); text-shadow: 0px 0px 10px rgb(255, 100, 134);}
  100% {color: rgb(207, 10, 44); text-shadow: 0px 0px 0px rgb(207, 10, 44);}
}
@-moz-keyframes alert{
  0%   {color: rgb(207, 10, 44); text-shadow: 0px 0px 0px rgb(207, 10, 44);}
  50%  {color: rgb(255, 100, 134); text-shadow: 0px 0px 10px rgb(255, 100, 134);}
  100% {color: rgb(207, 10, 44); text-shadow: 0px 0px 0px rgb(207, 10, 44);}
}
@keyframes alert{
  0%   {color: rgb(207, 10, 44); text-shadow: 0px 0px 0px rgb(207, 10, 44);}
  50%  {color: rgb(255, 100, 134); text-shadow: 0px 0px 10px rgb(255, 100, 134);}
  100% {color: rgb(207, 10, 44); text-shadow: 0px 0px 0px rgb(207, 10, 44);}
}
.larsNav a.larsNotifications.alert{
  text-shadow: -2px -2px 0px rgb(207, 10, 44), 2px -2px 0px rgb(207, 10, 44), 2px 2px 0px rgb(207, 10, 44), -2px 2px 0px rgb(207, 10, 44), -2px 0px 0px rgb(207, 10, 44), 2px 0px 0px rgb(207, 10, 44), 0px -2px 0px rgb(207, 10, 44), 0px 2px 0px rgb(207, 10, 44);
  -webkit-animation-name: alertshadow;
     -moz-animation-name: alertshadow;
          animation-name: alertshadow;
  -webkit-animation-duration: 0.7s;
     -moz-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.larsNav a.larsNotifications.alert:hover{
  text-shadow: -2px -2px 0px rgb(0, 32, 91), 2px -2px 0px rgb(0, 32, 91), 2px 2px 0px rgb(0, 32, 91), -2px 2px 0px rgb(0, 32, 91), -2px 0px 0px rgb(0, 32, 91), 2px 0px 0px rgb(0, 32, 91), 0px -2px 0px rgb(0, 32, 91), 0px 2px 0px rgb(0, 32, 91);
}
.larsNav a.larsNotifications.alert:before, .larsNotificationsPanel a.larsNotifications.alert:before{
  color: rgb(207, 10, 44);
  text-shadow: 0px 0px 0px rgb(207, 10, 44);
  -webkit-animation-name: alert;
     -moz-animation-name: alert;
          animation-name: alert;
  -webkit-animation-duration: 0.7s;
     -moz-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.larsNav a.larsNotifications.alert:hover:before, .larsNotificationsPanel a.larsNotifications.alert:hover:before{
  color: rgb(0, 32, 91);
}
.larsNav a.larsSettings:before{
    content: "x";
    font-size: 28px;
    top: 0px;
    left: 6px;
}
.larsNav a.larsReservationsList:before{
    content: "a";
    font-size: 24px;
    left: 8px;
}
.larsNav a.larsSimpleView:before{
  content: "g";
  font-size: 24px;
  left: 7px;
  top: 0px;
}
.larsNav a.larsComplexView:before{
  content: "f";
  font-size: 28px;
  top: -7px;
  left: 2px;
}
.larsNav a.larsMenu:before{
  content: "d";
  font-size: 24px;
  left: 5px;
  top: -5px;
}
.larsNav > span:before{
    content: "";
}

.atsu .larsUser, .atsu .larsNav, .atsu .larsLanguage{
    top: 65px;
}
.atsu .larsNav{
    left: 0px;
    margin-left: 10px;
    text-align: left;
}


.larsNav .active:after{
  display: block;
  width: 96px;
  height: 50px;
  background: rgb(0, 32, 91);
  -moz-border-radius: 3px 3px 0px 0px;
       border-radius: 3px 3px 0px 0px;
  position: absolute;
  left: -6px;
  top: -15px;
  content: " ";
  font-size: 0px;
  z-index: -1;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
     -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}
.larsNav menu{
  display: block;
  background: rgb(0, 32, 91);
  margin: 0px;
  padding: 0px;
  position: absolute;
  left: 40px;
  top: 50px;
  z-index: 9990;
  overflow: hidden;
  -moz-border-radius: 0px 3px 3px 3px;
       border-radius: 0px 3px 3px 3px;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, .5);
     -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, .5);
          box-shadow: 0px 5px 5px rgba(0, 0, 0, .5);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.2s opacity ease-out;
  -moz-transition: 0.2s opacity ease-out;
  transition: 0.2s opacity ease-out;
}
.larsNav menu.visible{
  display: block;
  opacity: 1;
  pointer-events: all;
}
.larsNav menu span{
  display: block;
  height: 50px;
  line-height: 50px;
}
.larsNav menu span:after{
  display: none;
}
.larsNav menu span a{
  display: block;
  height: 50px;
  padding-right: 10px;
}
.larsNav menu span a:before{
  top: 0px;
}
.larsNav .active:hover, .larsNav menu a:hover, .larsNav .active:hover:after{
  color: #ffffff;
  background: rgb(0, 115, 150);
}

.aimSSO{
 position: absolute;
 right: 0px;
 bottom: 72px;
 width: 420px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 font-size: 12px;
 line-height: 14px;
 color: #aaaaaa;
}


.aimSSO .aimSSOLogin{
 display: block;
 background: rgb(0, 32, 91);
 border: 2px solid rgb(0, 169, 224);
 border-left-width: 4px;
 border-right-width: 4px;
 text-align: center;
 margin: 5px auto;
 height: 35px;
 min-width: 150px;
 max-width: 250px;
 font-weight: bold;
 cursor: pointer;
 -moz-border-radius: 2px;
      border-radius: 2px;
 font-family: arial, sans-serif;
 font-size: 16px;
 line-height: 35px;
 text-decoration: none;
 color: #ffffff;
 -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
         box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
 transition: 0.3s ease-out all;
 -ms-transition: 0.3s ease-out all;
 -moz-transition: 0.3s ease-out all;
 -o-transition: 0.3s ease-out all;
 -webkit-transition: 0.3s ease-out all;
}
.aimSSO .aimSSOLogin.medium{
  display: inline-block;
  font-size: 12px;
  min-width: 127px;
  max-width: 127px;
}
.aimSSO .aimSSOLogin.half{
  display: inline-block;
  min-width: 119px;
  max-width: 119px;
}
.aimSSO .aimSSOLogin.small{
  display: inline-block;
  font-size: 12px;
  min-width: 50px;
  max-width: 50px;
}
.aimSSO .aimSSOLogin:hover{
 background: rgb(0, 115, 150);
 -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
         box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
}
.aimSSO span{
 display: block;
 max-width: 250px;
 margin: 0px auto;
}

.aimSSO #aimSsoExplanation{
 display: block;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
 position: absolute;
 right: 70%;
 bottom: -30px;
 padding: 15px;
 width: 250px;
 height: auto;
 background: rgb(0, 169, 224);
 color: #ffffff;
 text-align: left;
 -moz-border-radius: 2px;
      border-radius: 2px;
 -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, .5);
         box-shadow: 0px 2px 10px rgba(0, 0, 0, .5);
 opacity: 1;
 z-index: 1000;
 -webkit-transition: 0.3s ease-out all;
 -moz-transition: 0.3s ease-out all;
 transition: 0.3s ease-out all;
}
.aimSSO #aimSsoExplanation:after{
 display: block;
 position: absolute;
 right: -10px;
 bottom: 40px;
 content: " ";
 font-size: 0px;
 width: 20px;
 height: 20px;
 background: rgb(0, 169, 224);
 -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
         transform: rotateZ(45deg);
}
.aimSSO #aimSsoExplanation.hidden{
 opacity: 0;
}

.aimSSO #aimSsoExplanationLink{
 display: block;
 text-align: center;
 max-width: 100px;
 margin: 10px auto;
 font-size: 14px;
}

h2{
    text-align: center;
    font-size: 28px;
    margin-left: 250px;
    margin-top: 10px;
    color: rgb(0, 32, 91);
}
.atsu h2{
    margin-left: 0px;
}
h2:before, h2:after{
    display: inline-block;
    font-size: 0px;
    width: 100px;
    height: 5px;
    background: rgb(0, 169, 224);
    content: " ";
    vertical-align: middle;
    margin-right: 30px;
    -moz-border-radius: 1px;
         border-radius: 1px;
}
h2:after{
    margin-right: 0px;
    margin-left: 30px;
}
.atsu p{
    text-align: center;
    margin: 0px;
    margin-top: 10px;
}
.larsReservation{
    min-height: 57px;
    background: rgb(0, 32, 91);
    -moz-border-radius: 2px;
         border-radius: 2px;
    color: rgb(245, 245, 245);
    margin: 30px 0px;
    overflow: visible;
    padding: 0px;
    padding-bottom: 3px;
    text-align: right;
    position: relative;

}
.larsReservation.deleted{
    background: #aaaaaa;
    min-height: 84px;
}
.larsReservation.changed{
    background: rgb(0, 115, 150);
    min-height: 84px;
}
.larsReservation div{
    display: block;
    padding: 0px 10px;
    line-height: 20px;
    margin: 5px 0px;
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
    border-right: 2px solid rgb(0, 169, 224);
    max-height: 50px;
    min-width: 110px;
    float: left;
    text-align: center;
    z-index: 2;
    position: relative;
    pointer-events: none;
}
.larsReservation.deleted div{
    border-right-color: #cccccc;
}
.larsReservation div:first-child{
    min-width: 60px;
}
.larsReservation .larsExtent{
    font-size: 16px;
    line-height: 25px;
}
.larsReservation .larsExtent span{
    display: block;
    float: left;
    margin: 0px 20px;
    text-align: center;
    position: relative;
}
.larsReservation .larsExtent span:first-child:after{
    content: "–";
    font-weight: bold;
    display: block;
    position: absolute;
    right: -25px;
    top: 12px;
}
.larsReservation .larsReservationComment{
    clear: both;
    width: auto;
    padding: 0px 10px;
    margin: 0px 0px;
    float: none;
    min-height: 24px;
    line-height: 24px;
    text-align: left;
    position: relative;
    margin-top: 0px;
    font-size: 14px;
    border-right: none;
    color: rgb(207, 10, 44);
    background: #eeeeee;
    text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, -1px -1px 1px #ffffff, 1px -1px 1px #ffffff;
}
.larsReservation .larsReservationComment span{
  font-style: italic;
}
.larsReservation.changed:before, .larsReservation.deleted:before{
    display: block;
    background: rgb(207, 10, 44);
    content: "!";
    position: absolute;
    left: -8px;
    top: 22px;
    line-height: 14px;
    height: 14px;
    width: 14px;
    font-size: 14px;
    -moz-border-radius: 6px;
         border-radius: 6px;
    color: #ffffff;
    text-align: center;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
            box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}
.larsReservation.changed .larsReservationComment{
    color: rgb(226, 124, 0);
    background: rgb(200, 236, 247);
}
.larsReservation.changed:before{
    background: rgb(226, 124, 0);
}

.larsReservation a{
    display: block;
    line-height: 40px;
    margin: 5px 0px;
    padding: 5px;
    font-size: 0px;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    width: 100%;
    width: -moz-calc(100% - 70px);
    width: calc(100% - 70px);
    height: 40px;
    position: absolute;
    right: 55px;
    top: 0px;
    z-index: 0;
}
.larsReservation a:hover{
    background: rgb(0, 115, 150);
}
.larsReservation.changed a:hover{
    background: rgb(0, 169, 224);
}
.larsReservation a.larsDelete{
    margin-right: 5px;
    right: 0px;
    width: 40px;
    border-left: 2px solid rgb(0, 169, 224);
}
.larsReservation a:before{
    font-size: 20px;
    font-family: "icons";
    content: "e";
    line-height: 40px;
    display: block;
    position: absolute;
    right: 17px;
    top: 5px;
}
.larsReservation a.larsDelete:before{
    content: "r";
    left: 16px;
}
.larsReservation a:after{
    display: block;
    content: " ";
    font-size: 0px;
    width: 2px;
    height: 50px;
    position: absolute;
    right: 55px;
    top: 0px;
    background: rgb(0, 169, 224);
}
.larsReservation a.larsDelete:after{
    display: none;
}

.larsEmpty{
    text-align: center;
    border: 2px dashed rgb(0, 115, 150);
    -moz-border-radius: 2px;
         border-radius: 2px;
    padding: 20px;
}

.larsNewReservation, .larsEntryTooltip a, .larsReservationTooltip a{
    background: rgb(0, 32, 91);
    border: 2px solid rgb(0, 169, 224);
    border-left-width: 4px;
    border-right-width: 4px;
    -moz-border-radius: 2px;
         border-radius: 2px;
    display: block;
    margin: 30px;
    margin-left: 0px;
    margin-right: auto;
    width: 200px;
    text-align: center;
    text-decoration: none;
    padding: 10px;
    color: #ffffff;
    font-weight: bold;
}
.larsNewReservation{
  display: inline-block;
}
.larsNewReservation:hover{
    background: rgb(0, 115, 150);
    color: #ffffff;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
            box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
}
.larsTemplates{
  display: inline-block;
  margin: 30px;
  margin-right: 0px;
  margin-left: auto;
  float: right;
  line-height: 36px;
  position: relative;
  padding: 0px;
  padding-left: 35px;
  text-decoration: none;
}
.larsTemplates:before{
    font-size: 32px;
    /*font-family: "icons";*/
    content: "★";
    text-decoration: none;
    line-height: 36px;
    display: block;
    position: absolute;
    left: 0px;
    top: -1px;
}
.larsTemplates:after{
  display: block;
  font-size: 0px;
  content: " ";
  width: -moz-calc(100% - 35px);
  width: calc(100% - 35px);
  margin-left: 35px;
  margin-right: 0px;
  height: 1px;
  background: rgb(0, 169, 224);
  position: absolute;
  right: 0px;
  bottom: 7px;
}
.larsTemplates:hover:after{
  background: rgb(0, 32, 91);
}

h3{
    margin: 30px 0px;
    margin-bottom: 20px;
}

label{
    display: inline-block;
    background: rgb(0, 169, 224);
    border: none;
    -moz-border-radius: 2px;
         border-radius: 2px;
    font-size: 16px;
    line-height: 35px;
    color: #ffffff;
    font-family: 'Arial Narrow', 'HelveticaNeue-CondensedBold', arial, sans-serif;
    font-stretch: condensed;
    padding: 0px 10px;
    margin: 0px;
    margin-right: 10px;
    position: relative;
    margin-bottom: 25px;
}

label.disabled, input[disabled] + label{
    background: #dddddd;
}

input[type=checkbox], input[type=radio]{
    margin-left: 20px;
    margin-right: 0px;
    padding: 0px;
    opacity: 0;
    width: 13px;
}

input[type=checkbox] + label, input[type=radio] + label{
    -moz-border-radius: 2px;
         border-radius: 2px;
    padding-left: 35px;
    margin-left: -33px;
    margin-right: 20px;
    cursor: pointer;
}
input[type=checkbox] + label:before, input[type=radio] + label:before{
    display: block;
    background: #ffffff;
    width: 21px;
    height: 21px;
    font-size: 0px;
    line-height: 21px;
    font-family: arial, sans-serif;
    content: "✔";
    text-align: center;
    position: absolute;
    left: 7px;
    top: 7px;
    -moz-border-radius: 1px;
         border-radius: 1px;
    color: #ffffff;
    transition: 0.2s ease-out color;
    -ms-transition: 0.2s ease-out color;
    -moz-transition: 0.2s ease-out color;
    -o-transition: 0.2s ease-out color;
    -webkit-transition: 0.2s ease-out color;
}
input[type=radio] + label:before{
    -moz-border-radius: 10px;
         border-radius: 10px;
    content: "●";
    line-height: 17px;
}
input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before{
    color: rgb(0, 32, 91);
    font-size: 21px;
}
input[type=radio]:checked + label:before{
    font-size: 30px;
}
label[for=larsDescription]{
    -moz-border-radius: 2px 2px 0px 0px;
         border-radius: 2px 2px 0px 0px;
}
label[for=larsEobt], label[for=larsTemplateName], label[for=larsTemplateSelect]{
	opacity: 1;
	transition: 0.5s ease-out all;
    -ms-transition: 0.5s ease-out all;
    -moz-transition: 0.5s ease-out all;
    -o-transition: 0.5s ease-out all;
    -webkit-transition: 0.5s ease-out all;
}
label[for=larsAcftType]{
	margin-bottom: 8px;
}

label span{
    display: block;
    position: absolute;
    width: 150px;
    left: -60px;
    bottom: 40px;
    height: auto;
    background: rgb(0, 115, 150);
    -moz-border-radius: 2px;
         border-radius: 2px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
            box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
    padding: 10px 20px;
    z-index: -1;
    font-size: 14px;
    line-height: 16px;
    opacity: 0;
    pointer-events: none;
    transition: 0.2s ease-out opacity;
    -ms-transition: 0.2s ease-out opacity;
    -moz-transition: 0.2s ease-out opacity;
    -o-transition: 0.2s ease-out opacity;
    -webkit-transition: 0.2s ease-out opacity;
}
label:hover span{
    z-index: 1500;
    opacity: 1;
}
label:hover span:after{
    content: " ";
    display: block;
    position: absolute;
    bottom: -7px;
    left: 50%;
    width: 15px;
    height: 15px;
    margin-left: -9px;
    background: rgb(0, 115, 150);
    transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
}
span.aimFormWrongExpl{
    background: rgb(200, 16, 46);
    position: absolute;
    left: 0px;
    top: 0px;
    width: auto;
    display: block;
    line-height: 14px;
    padding: 2px 10px;
    text-align: left;
    max-width: 500px;
    opacity: 1;
    z-index: 50001;
    margin: 2px -1px;
    font-family: 'Arial Narrow', 'HelveticaNeue-CondensedBold', arial, sans-serif;
    font-stretch: condensed;
    font-size: 14px;
    color: #ffffff;
    -moz-border-radius: 2px;
         border-radius: 2px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
            box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}


input[type=text], input[type=tel], input[type=email], textarea, select{
    display: inline-block;
    background: rgb(0, 32, 91);
    border: none;
    -moz-border-radius: 2px;
         border-radius: 2px;
    color: #ffffff;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 35px;
    padding: 0px 5px;
    height: 36px;
    margin: 0px;
    margin-left: 10px;
    margin-right: -12px;
}
select{
    position: relative;
    padding-right: 0px;
    min-width: 110px;
    -webkit-appearance: none;
    background-image: url(../images/select.svg);
    -moz-background-size: 15px 15px;
         background-size: 15px 15px;
    background-position: right 3px top 10px;
    background-repeat: no-repeat;
}
select#larsTemplateSelect{
  min-width: 250px;
}


input[type=text][disabled], input[type=tel][disabled], input[type=email][disabled], textarea[disabled], select[disabled]{
    background: #999999;
    pointer-events: none;
}

input[type=text].aimFormWrong, input[type=tel].aimFormWrong, input[type=email].aimFormWrong, textarea.aimFormWrong{
    background: rgb(200, 16, 46);
}

input#larsAcftType{
		min-width: 180px;
}

input#larsEobt, input#larsDateTimeBeginning, input#larsDateTimeEnd{
    margin-right: 5px;
}

input#larsMatriculation{
    width: 100px;
}
input#larsAdep, input#larsAdes{
    width: 130px;
}
input#larsEobt{
    width: 50px;
}
input#larsPic{
    width: 200px;
}

input#larsRemember{
    margin-top: 40px;
}

textarea{
    display: block;
    -moz-border-radius: 0px 2px 2px 2px;
         border-radius: 0px 2px 2px 2px;
    margin-top: -25px;
    width: 100%;
    max-width: 500px;
    height: 100px;
    margin-left: 0px;
    margin-right: 10px;
}
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus{
    background: rgb(0, 115, 150);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
            box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
}
input[type=text].aimFormWrong:focus, input[type=tel].aimFormWrong:focus, input[type=email].aimFormWrong:focus, textarea.aimFormWrong:focus{
    background: rgb(200, 16, 46);
}

.larsFormAerodrome, .larsFormFlightRules{
    display: block;
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    width: 50%;
    margin-top: 30px;
    margin-bottom: 30px;
    background: transparent;
    height: 220px;
    position: relative;
    float: left;
}
.larsFormAerodrome:after, .larsFormFlightRules:after{
    display: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: rgb(0, 115, 150);
    width: 50px;
    height: 50px;
    padding: 0px;
    line-height: 50px;
    -moz-border-radius: 25px;
         border-radius: 25px;
    border: none;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    content: "1";
    position: absolute;
    top: -17px;
    left: 10px;
}
.larsFormFlightRules:after{
    content: "2";
}

.larsFormRest{
    clear: both;
    margin-bottom: 50px;
    opacity: 1;
    transition: 0.5s ease-out all;
    -ms-transition: 0.5s ease-out all;
    -moz-transition: 0.5s ease-out all;
    -o-transition: 0.5s ease-out all;
    -webkit-transition: 0.5s ease-out all;
}
.larsFormRest > span{
    font-style: italic;
    display: block;
    color: #555555;
    font-size: 14px;
    position: relative;
    top: -10px;
}

.larsFormTempl{
  text-align: center;
  margin-top: 20px;
  margin-bottom: -30px;
}

.larsFormAerodrome h3, .larsFormFlightRules h3{
    margin-top: 0px;
    line-height: 100%;
}
.larsFormAerodrome{
	z-index: 2;
}
.larsFormFlightRules{
    border-left: 1px dotted rgb(0, 32, 91);
    z-index: 1;
}
.larsFormFlightRules label[for=larsFlightRulesVfr], .larsFormFlightRules label[for=larsFlightRulesIfr]{
    position: relative;
    left: 12px;
}
.larsFormFlightRules label[for=larsWakeTurbulence]{
    margin-left: -10px;
    margin-right: -10px;

}

.larsFormAerodrome:before{
    display: block;
    position: absolute;
    top: 20px;
    left: 50%;
    margin: 0px;
    margin-left: -150px;
    padding: 0px;
    font-family: "icons";
    content: "w";
    font-size: 300px;
    line-height: 215px;
    color: rgb(0, 32, 91);
}
.larsFormAerodrome input#larsAerodromeLkkv, .larsFormAerodrome label[for=larsAerodromeLkkv]{
    position: absolute;
    left: 50%;
    margin-left: -135px;
    top: 85px;
}
.larsFormAerodrome input#larsAerodromeLktb, .larsFormAerodrome label[for=larsAerodromeLktb]{
    position: absolute;
    left: 50%;
    margin-left: 30px;
    top: 155px;
}
.larsFormAerodrome input#larsAerodromeLkmt, .larsFormAerodrome label[for=larsAerodromeLkmt]{
    position: absolute;
    left: 50%;
    margin-left: 100px;
    top: 115px;
}

.larsFormAerodrome input#larsAerodromeLkvo, .larsFormAerodrome label[for=larsAerodromeLkvo]{
    position: absolute;
    left: 50%;
    margin-left: -53px;
    top: 82px;
}

input[type=submit]{
    display: block;
    background: rgb(0, 32, 91);
    border: 2px solid rgb(0, 169, 224);
    -moz-border-radius: 2px;
         border-radius: 2px;
    border-left-width: 4px;
    border-right-width: 4px;
    text-align: center;
    margin: 25px auto;
    height: 36px;
    padding: 0px;
    min-width: 150px;
    max-width: 250px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 2px;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 29px;
    text-decoration: none;
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
       -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
            box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
    transition: 0.3s ease-out all;
    -ms-transition: 0.3s ease-out all;
    -moz-transition: 0.3s ease-out all;
    -o-transition: 0.3s ease-out all;
    -webkit-transition: 0.3s ease-out all;
    -webkit-appearance: none;
}
input[type=submit]:hover{
    background: rgb(0, 115, 150);
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
            box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
}
#larsPrompt{
	text-align: center;
	font-style: italic;
	display: none;
	clear: both;
}

.larsEntryTooltip, .larsReservationTooltip{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    background: rgb(0, 32, 91);
    color: #ffffff;
    z-index: 12000;
    width: 500px;
    height: 110px;
    margin-left: -250px;
    margin-top: -50px;
    -moz-border-radius: 2px;
         border-radius: 2px;
    padding: 20px;
    text-align: center;
    opacity: 0;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
            box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
    display: none;
    -moz-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: 0.3s opacity ease-out;
    -moz-transition: 0.3s opacity ease-out;
    transition: 0.3s opacity ease-out;
}
.larsReservationTooltip{
    position: fixed;
    height: auto;
    width: 600px;
    margin-left: -300px;
    cursor: move;
    z-index: 12000;
}
.larsEntryTooltip:after{
    display: block;
    position: absolute;
    left: 50%;
    bottom: -13px;
    background: rgb(0, 32, 91);
    width: 25px;
    height: 25px;
    margin-left: -13px;
    content: " ";
    -webkit-transform: rotateZ(45deg);
       -moz-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
    z-index: -1;
    pointer-events: none;
}

.larsEntryTooltip a, .larsReservationTooltip a{
    display: inline-block;
    font-size: 12px;
    width: 150px;
    margin: 20px;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 16px;
}
.larsEntryTooltip a{
    width: 110px;
    margin-left: 5px;
    margin-right: 5px;
}
.larsEntryTooltip a:hover, .larsReservationTooltip a:hover{
    background: rgb(0, 115, 150);
}

.larsReservationTooltip h3{
  display: block;
  margin: -20px -20px 20px -20px;
  padding: 0px 0px 0px 30px;
  width: auto;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  text-align: left;
  -moz-border-radius: 2px 2px 0px 0px;
       border-radius: 2px 2px 0px 0px;
  background: rgb(0, 115, 150);
}
.larsReservationTooltip label{
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    overflow: visible;
}
.larsReservationTooltip label div{
  display: block;
  margin: 0px -10px;
  width: auto;
  padding: 0px 10px;
  height: 40px;
  line-height: 40px;
  font-size: 22px;
  background: #ffffff;
  color: rgb(0, 32, 91);
  -moz-border-radius: 0px 0px 2px 2px;
       border-radius: 0px 0px 2px 2px;
  text-align: left;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.larsReservationTooltip.del label div{
  text-decoration: line-through;
  color: rgb(226, 124, 0);
}
.larsReservationTooltip label div:hover{
  overflow: visible;
  z-index: 100000;
  text-shadow: -2px 0px 0px rgba(255, 255, 255, 1), 2px 0px 0px rgba(255, 255, 255, 1), 0px -2px 0px rgba(255, 255, 255, 1), 0px 2px 0px rgba(255, 255, 255, 1), -2px -2px 0px rgba(255, 255, 255, 1), 2px -2px 0px rgba(255, 255, 255, 1), -2px 2px 0px rgba(255, 255, 255, 1), 2px 2px 0px rgba(255, 255, 255, 1);
}
.larsReservationTooltip label div del{
  color: rgb(226, 124, 0);
  margin-right: 5px;
  text-decoration: line-through;
}
.larsReservationTooltip label div div{
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  width: 70px;
  text-align: center;
  background: rgb(0, 115, 150);
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  -moz-border-radius: 0px 0px 0px 2px;
       border-radius: 0px 0px 0px 2px;
}
.larsReservationTooltip label div:hover div{
  text-shadow: none;
  overflow: hidden;
}
.larsReservationTooltip label div div div{
  position: static;
  display: block;
  width: auto;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  font-family: arial, sans-serif;
  letter-spacing: 0.15em;
}
.larsReservationTooltip label div#larsResStart, .larsReservationTooltip label div#larsResEnd{
  padding-left: 80px;
  width: 170px;
}
.larsReservationTooltip.list label div#larsResStart, .larsReservationTooltip.list label div#larsResEnd{
  padding-left: 10px;
  width: 240px;
}
.larsReservationTooltip label div#larsResStart.changed, .larsReservationTooltip label div#larsResEnd.changed{
  padding-left: 120px;
  width: 130px;
}
.larsReservationTooltip label div.changed div{
  width: 110px;
}
.larsReservationTooltip label[for=larsResStart], .larsReservationTooltip label[for=larsResEnd]{
  -moz-border-radius: 2px 2px 2px 5px;
       border-radius: 2px 2px 2px 5px;
}
.larsReservationTooltip label div#larsResIdentification{
   width: 267px;
}
.larsReservationTooltip label div#larsResFlightRules{
  width: 60px;
  text-align: center;
}
.larsReservationTooltip label[for=larsResFlightRules]{
  text-align: center;
}
.larsReservationTooltip label div#larsResAcftType{
  width: 80px;
}
.larsReservationTooltip label div#larsResWakeTurbulence{
  width: 30px;
  text-align: center;
}
.larsReservationTooltip label[for=larsResWakeTurbulence]{
  text-align: center;
}
.larsReservationTooltip label div#larsResADep, .larsReservationTooltip label div#larsResADes{
  width: 160px;
}
.larsReservationTooltip label div#larsResEobt{
  width: 130px;
}
.larsReservationTooltip label[for=larsResActivity]{
  float: right;
}
.larsReservationTooltip label div#larsResActivity{
  height: 150px;
  width: 250px;
  font-size: 16px;
  line-height: 24px;
  overflow: auto;
}
.larsReservationTooltip label div#larsResPic, .larsReservationTooltip label div#larsResEmail, .larsReservationTooltip label div#larsResTelephone{
  width: 240px;
  font-size: 16px;
  line-height: 24px;
  height: 24px;
}
.larsReservationTooltip label div a{
  display: inline;
  border: none;
  background: transparent;
  color: inherit;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.larsReservationTooltip label div a:hover{
  background: transparent;
  color: rgb(0, 115, 150);
}
.larsReservationTooltip>div{
  padding-left: 10px;
  text-align: left;
  line-height: 20px;
}
.larsReservationTooltip>div#larsReservationTooltipButtons{
  text-align: center;
}

.larsReservationTooltip div#larsReservationTooltipSpecial{
  display: none;
  font-size: 16px;
  color: #ffffff;
  padding: 0px 15px;
}

.larsReservationTooltip.adhocReason{
  font-size: 0px;
  margin-top: 0px;
}
.larsReservationTooltip.adhocReason div#larsReservationTooltipSpecial{
  display: block;
}

.larsReservationTooltip.adhocReason label, .larsReservationTooltip.adhocReason>div, .larsReservationTooltip.adhocReason>div#larsReservationTooltipButtons a, .larsReservationTooltip.blockage label, .larsReservationTooltip.blockage>div, .larsReservationTooltip.blockage>div#larsReservationTooltipButtons a{
  display: none;
}
.larsReservationTooltip.blockage{
  text-align: left;
  padding-left: 30px;
}
.larsReservationTooltip.blockage h3{
  margin-left: -30px;
}
.larsReservationTooltip.blockage label[for=larsResStart]{
  margin-left: -5px;
}
.larsReservationTooltip.blockage label[for=larsResStart], .larsReservationTooltip.blockage label[for=larsResEnd], .larsReservationTooltip.blockage label[for=larsResActivity]{
  display: inline-block;
}
.larsReservationTooltip.blockage label[for=larsResActivity]{
  font-size: 0px;
  float: none;
  margin-top: -40px;
  margin-left: -5px;
}
.larsReservationTooltip.blockage label div#larsResActivity{
  width: 525px;
  height: auto;
}

.larsEntryTooltip form{
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: rgb(0, 32, 91);
}
.larsEntryTooltip label{
    margin-top: 0px;
    margin-bottom: 10px;
}
.larsEntryTooltip input[type=text]{
    background: #ffffff;
    color: rgb(0, 32, 91);
    width: 30px;
}
.larsEntryTooltip input#larsCapReason{
    width: 120px;
}
.larsEntryTooltip input::-webkit-input-placeholder{
  font-size: 14px;
  color: #cccccc;
}
.larsEntryTooltip input::-moz-placeholder{
  font-size: 14px;
  color: #cccccc;
}
.larsEntryTooltip input::-ms-input-placeholder{
  font-size: 14px;
  color: #cccccc;
}
.larsEntryTooltip input::placeholder{
  font-size: 14px;
  color: #cccccc;
}
.larsEntryTooltip input:focus::-webkit-input-placeholder{
  color: rgba(255, 255, 255, 0);
}
.larsEntryTooltip input:focus::-moz-placeholder{
  color: rgba(255, 255, 255, 0);
}
.larsEntryTooltip input:focus::-ms-input-placeholder{
  color: rgba(255, 255, 255, 0);
}
.larsEntryTooltip input:focus::placeholder{
  color: rgba(255, 255, 255, 0);
}
.larsEntryTooltip input[type=text].aimFormWrong{
    background: rgb(200, 16, 46);
}
.larsEntryTooltip input[type=submit]{
    display: inline-block;
    line-height: 28px;
    margin-top: 0px;
    min-width: 90px;
}

#larsLegendSource{
    display: none;
}

#larsSettingsForm table{
  border-collapse: collapse;
}
#larsSettingsForm td, #larsSettingsForm th{
  border: 1px dotted rgb(0, 115, 150);
  background: transparent;
  padding: 5px 10px;
}
#larsSettingsForm table input{
  left: 0px;
  margin: 0px 0px;
  width: 110px;
  text-align: center;
}
#larsSettingsForm th{
  background: rgb(0, 115, 150);
  color: #ffffff;
  border-style: solid;
  border-color: #ffffff;
}
#larsSettingsForm tr:last-child td, #larsSettingsForm tr:last-child th{
  border-bottom: none;
}
#larsSettingsForm td:last-child{
  border-right: none;
}
#larsSettingsForm tr.readOnly th{
  background: #aaaaaa;
}
#larsSettingsForm tr.readOnly td{
  color: #aaaaaa;
}


#larsSettingsForm div h3{
  background: rgb(0, 169, 224);
  color: #ffffff;
  margin: -20px -20px;
  padding: 10px 20px;
  margin-bottom: 20px;
  font-size: 20px;
  text-align: left;
}

.larsDefaultCapacity, #larsSettingsForm>div{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: auto;
    height: auto;
    margin-bottom: 30px;
    -moz-border-radius: 3px;
         border-radius: 3px;
    border: 2px solid rgb(0, 169, 224);
    padding: 20px;
    text-align: center;
    z-index: 9990;
}
.larsDefaultCapacity p, .larsDefaultCapacity div, #larsSettingsForm>div p{
    text-align: left;
}
.larsDefaultCapacity div{
    display: block;
    border-top: 1px solid rgb(0, 115, 150);
    min-height: 50px;
    margin: 20px 0px;
    padding-top: 40px;
    position: relative;
}
.larsDefaultCapacity div:before{
    content: attr(title);
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgb(0, 115, 150);
    color: #ffffff;
    padding: 10px;
    -moz-border-radius: 0px 0px 5px 0px;
         border-radius: 0px 0px 5px 0px;
    width: 80px;
    text-align: center;
    font-weight: bold;
}
.larsDefaultCapacity div{
  border-top-color: #aaaaaa;
}
.larsDefaultCapacity div.other:before{
  background: #aaaaaa;
}
.larsDefaultCapacity a, a#larsSettingsArrdepAddRule{
    display: block;
    background: rgb(0, 32, 91);
    font-weight: bold;
    font-size: 26px;
    text-decoration: none;
    color: #ffffff;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 2px;
         border-radius: 2px;
    margin-left: 70px;
    margin-top: -10px;
}
a#larsSettingsArrdepAddRule{
  margin-left: 0px;
}

div.larsDefaultCapacityInterval{
    border-top: none;
    margin: 10px 0px 10px 50px;
    padding: 0px 0px 0px 0px;
    min-height: 10px;
    height: 25px;
}
div.larsDefaultCapacityInterval:before{
    display: none;
}
div.larsDefaultCapacityInterval a, a.larsSettingsArrdepRuleDelete{
    display: inline-block;
    margin-left: 25px;
    margin-top: 0px;
    font-size: 0px;
    text-align: center;
    width: 14px;
    height: 14px;
    line-height: 14px;
    background: #cf0a2c;
    padding: 3px;
    -moz-border-radius: 10px;
         border-radius: 10px;
    text-decoration: none;
}
div.larsDefaultCapacityInterval a:before, a.larsSettingsArrdepRuleDelete:before{
    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
    font-family: "icons";
    content: "r";
    text-decoration: none;
}
.larsDefaultCapacity label{
    font-size: 12px;
    -moz-border-radius: 2px;
         border-radius: 2px;
    line-height: 14px;
    margin-right: -5px;
    margin-left: 20px;
}
.larsDefaultCapacity label:after{
    display: none;
}
.larsDefaultCapacity select{
   min-width: 20px;
   width: 50px;
   font-size: 12px;
   line-height: 14px;
   height: 20px;
   padding: 0px;
   padding-left: 5px;
   background: rgb(0, 32, 91);
   color: #ffffff;
   -webkit-appereance: none;
}
.larsDefaultCapacity > select{
   margin-right: 20px;
}
.larsDefaultCapacity input{
   margin: 0px;
   margin-right: -10px;
   margin-left: 10px;
   width: 25px;
   height: 20px;
   border: none;
   padding: 0px;
   padding-left: 5px;
   -moz-border-radius: 0px 2px 2px 0px;
        border-radius: 0px 2px 2px 0px;
   font-size: 12px;
   line-height: 13px;
   background: rgb(0, 32, 91);
   color: #ffffff;
}

div#larsSettingsArrdepRulesContainer h4, div#larsSettingsArrdepOtherRulesContainer h4{
  text-align: left;
  margin-bottom: 20px;
}

div#larsSettingsArrdepOtherRulesContainer{
  color: #aaaaaa;
  margin-top: 30px;
  margin-bottom: 30px;
}

div.larsSettingsArrdepRule{
  text-align: left;
}

.larsArrdepPriority, .larsArrdepFlights, .larsArrdepCapacity{
  width: 30px;
}
select.larsArrdepWTC{
  min-width: 50px;
}
input.larsArrdepFlights{
  margin-right: 10px;
}

.larsLoading{
    pointer-events: none;
}
.larsLoading *{
    opacity: 0.5;
}
.larsLoading:before{
    display: block;
    position: absolute;
    background: rgb(0, 32, 91);
    width: 150px;
    height: 150px;
    left: 50%;
    top: 50%;
    margin-left: -75px;
    margin-top: -75px;
    content: " ";
    z-index: 100000;
    -moz-border-radius: 75px;
         border-radius: 75px;
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
            box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
}
.larsLoading:after{
    display: block;
    position: absolute;
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-left: -75px;
    margin-top: -75px;
    font-family: "icons";
    content: "v";
    font-size: 100px;
    color: #ffffff;
    z-index: 100001;
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -moz-animation: loading 2s infinite linear;
         animation: loading 2s infinite linear;
    -webkit-animation: loading 2s infinite linear;
}
@-moz-keyframes loading{
    0%{
        -moz-transform: rotate(0deg);
             transform: rotate(0deg);
    }
    100%{
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
    }
}
@keyframes loading{
    0%{
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-webkit-keyframes loading{
    0%{
        -webkit-transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
    }
}

.larsDismiss, a.larsDismiss{
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    left: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    line-height: 26px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-size: 0px;
    background: #000000;
    color: #000000;
    font-weight: normal;
    border: 2px solid #ffffff;
    min-width: 30px;
    -moz-border-radius: 15px;
         border-radius: 15px;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
            box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
    text-decoration: none;
}
.larsDismiss:hover, a.larsDismiss:hover{
    background: rgb(0, 169, 224);
}
.larsDismiss:before, a.larsDismiss:before{
    font-size: 16px;
    color: #ffffff;
    font-family: "icons";
    content: "r";
}

h3.larsArchive{
  margin-top: 0px;
  text-align: center;
  font-size: 18px;
}
form.larsArchive{
  margin: 20px 1%;
}
form.larsArchive input[type=submit]{
  display: inline-block;
}
table.larsArchive{
  border-collapse: separate;
  border-spacing: 2px;
  margin: 10px 1%;
  width: 98%;
}
table.larsArchive th, table.larsArchive td{
  text-align: left;
  overflow: hidden;
  font-size: 14px;
  background: #eeeeee;
  padding: 8px 2px;
  -moz-border-radius: 1px;
       border-radius: 1px;
  -webkit-transition: 0.3s all ease-out;
  -moz-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  border: none;
}
table.larsArchive th.hidden, table.larsArchive td.hidden{
  display: none;
}
table.larsArchive th{
  background: rgb(0, 169, 224);
  color: #ffffff;
  font-weight: bold;
}
table.larsArchive a{
  color: #ffffff;
  text-decoration: none;
}
table.larsArchive a.asc:before{
  content: "▲";
  margin-right: 2px;
}
table.larsArchive a.desc:before{
  content: "▼";
  margin-right: 2px;
}
table.larsArchive a:hover{
  color: rgb(0, 32, 91);
}
table.larsArchive tr:nth-child(even) td{
  background: #cccccc;
}
table.larsArchive tr:hover td{
  cursor: pointer;
  background: rgb(0, 115, 150);
  color: #ffffff;
}

table.larsArchive tr.aimTableFilter td{
  background: #eeeeee;
}
table.larsArchive tr.aimTableFilter:hover td{
  color: #ffffff;
  background: rgb(0, 115, 150);
}
table.larsArchive span.aimTableFilterMatch{
  color: #000000;
  background: #ddbb22;
}
table.larsArchive tr.aimTableFilteredOut{
  display: none;
}


.larsNotificationsPanel{
  display: block;
  position: fixed;
  left: -505px;
  top: 60px;
  width: 500px;
  height: 700px;
  z-index: 9999;
  background: rgb(0, 32, 91);
  -webkit-transition: 0.15s ease-out left;
  -moz-transition: 0.15s ease-out left;
  transition: 0.15s ease-out left;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
     -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}
.larsNotificationsPanel.shown{
  left: 0px;
}
.larsNotificationsPanel a.larsNotifications{
  display: inline-block;
  position: relative;
  line-height: 65px;
  background: transparent;
  margin-top: 0px;
  padding-left: 10px;
  text-decoration: none;
}
.larsNotificationsPanel a.larsNotifications:before{
  left: 10px;
}
.larsNotificationsPanel a.larsNotifications:hover:before{
  color: rgb(0, 115, 150);
}
.larsNotificationsPanel a.larsNotifications.alert:hover:before{
  color: rgb(0, 115, 150);
}
.larsNotificationsPanel h3{
  display: inline-block;
  line-height: 65px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  color: #ffffff;
}

.larsNotificationsClose{
  font-size: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 65px;
  height: 65px;
}
a.larsNotificationsClose:before, a.larsNotificationsClose:after{
  display: block;
  position: absolute;
  left: 18px;
  top: 29px;
  width: 29px;
  height: 6px;
  background: #ffffff;
  content: " ";
  font-size: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
a.larsNotificationsClose:after{
  -webkit-transform: rotateZ(-45deg);
     -moz-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
a.larsNotificationsClose:hover:before, a.larsNotificationsClose:hover:after{
  background: rgb(0, 169, 224);
}
.larsNotificationsPanelContents{
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0px 0px 0px 0px;
  width: 100%;
  height: auto;
  background: rgb(0, 115, 150);
  overflow-y: auto;
  line-height: 65px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  border: 2px solid rgb(0, 169, 224);
  border-left: 0px;
  border-right: 0px;
  -webkit-overflow-scrolling: touch;
}
.loading .larsNotificationsPanelContents{
  color: rgb(0, 115, 150);
  pointer-events: none;
}
.loading .larsNotificationsPanelContents div{
  opacity: 0.5;
}
.larsNotificationsPanel.loading:before{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: 0px;
  margin-left: -50px;
  margin-top: -60px;
  background: rgb(0, 32, 91);
  -moz-border-radius: 50px;
       border-radius: 50px;
  z-index: 1000;
  content: " ";
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
     -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
}
.larsNotificationsPanel.loading:after{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: 0px;
  margin-left: -50px;
  margin-top: -60px;
  z-index: 1000;
  content: "v";
  font-family: 'icons';
  font-size: 70px;
  line-height: 100px;
  text-align: center;
  color: #ffffff;
  z-index: 1000;
  -moz-animation: loading 2s infinite linear;
       animation: loading 2s infinite linear;
  -webkit-animation: loading 2s infinite linear;
}
.larsNotificationsPanelContents div{
  display: block;
  width: auto;
  position: relative;
  height: 65px;
  border: none;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  margin: -65px 0px 0px 0px;
  background: rgb(0, 115, 150);
  z-index: 1;
}
.larsNotificationsPanelContents div.new{
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: rgb(30, 129, 158);
}
.larsNotificationsPanelContents div + div{
  margin-top: -1px;
}
.larsNotificationsPanelContents div.new + div{
  border-top: 1px solid #ffffff;
}
.larsNotificationsPanelContents div:last-child{
  margin-bottom: -1px;
}
.larsNotificationsPanelContents div a{
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 65px;
  margin: 0px;
  padding: 10px 0px 10px 100px;
  text-align: left;
  text-decoration: none;
  color: #aaaaaa;
  line-height: 22px;
  border-right: 65px solid rgb(0, 115, 150);
}
.larsNotificationsPanelContents div a:hover{
  background: rgb(0, 169, 224);
  color: #ffffff;
}
.larsNotificationsPanelContents div a:before{
  display: none;
}
.larsNotificationsPanelContents div.new a{
  color: #ffffff;
  border-right: 65px solid rgb(30, 129, 158);
}
.larsNotificationsPanelContents div a.larsNotificationMarkRead{
  left: auto;
  right: 0px;
  width: 65px;
  padding: 0px 0px 0px 0px;
  border-right: none;
  font-size: 0px;
}
.larsNotificationsPanelContents div a.larsNotificationMarkRead:before{
  display: block;
  position: absolute;
  left: 22px;
  top: 21px;
  width: 21px;
  height: 21px;
  border: 1px solid #aaaaaa;
  -moz-border-radius: 2px;
       border-radius: 2px;
  content: " ";
  font-size: 0px;
}
.larsNotificationsPanelContents div.new a.larsNotificationMarkRead:before{
  border: 1px solid #ffffff;
}
.larsNotificationsPanelContents div a.larsNotificationMarkRead:after{
  display: block;
  position: absolute;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  left: 20px;
  top: 17px;
  width: 35px;
  height: 21px;
  border: none;
  border-left: 10px solid #ffffff;
  border-bottom: 10px solid #ffffff;
  content: " ";
  font-size: 0px;
  -webkit-transform: rotateZ(-45deg);
     -moz-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
  opacity: 1;
  -webkit-transition: 0.3s ease-out opacity;
  -moz-transition: 0.3s ease-out opacity;
  transition: 0.3s ease-out opacity;
}
.larsNotificationsPanelContents div.new a.larsNotificationMarkRead:after{
  opacity: 0;
}
.larsNotificationsPanelContents div a .larsNotificationTime{
  position: absolute;
  left: 0px;
  top: 10px;
  margin: 0px;
  line-height: 45px;
  height: 45px;
  background: transparent;
  border: none;
  width: 80px;
  border-right: 1px solid #aaaaaa;
  text-align: center;
  pointer-events: none;
}
.larsNotificationsPanelContents div a .larsNotificationTime span{
  display: inline-block;
  background: #aaaaaa;
  color: rgb(0, 115, 150);
  width: 100%;
  font-weight: bold;
}
.tcc .larsNotificationsPanelContents div a .larsNotificationTime{
  line-height: 22px;
}

.larsNotificationsPanelContents div a:hover .larsNotificationTime, .larsNotificationsPanelContents div.new a .larsNotificationTime{
  border-right-color: #ffffff;
}
.larsNotificationsPanelContents div a:hover .larsNotificationTime span, .larsNotificationsPanelContents div.new a .larsNotificationTime span{
  background: #ffffff;
}
.larsNotificationsPanelContents div.new a .larsNotificationTime:before{
  display: block;
  position: absolute;
  left: 0px;
  top: -10px;
  width: 10px;
  height: 65px;
  content: " ";
  font-size: 0px;
  background: rgb(207, 10, 44);
}
.larsNotificationsPanelContents div a strong{
  display: block;
  text-align: left;
}
a.larsNotificationsMarkAllRead, a.larsNotificationsVfrOnly{
  display: inline-block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 65px;
  line-height: 65px;
  padding-left: 55px;
  color: #ffffff;
  text-decoration: none;
}
a.larsNotificationsVfrOnly{
  left: auto;
  right: 0px;
  padding-right: 20px;
  padding-left: 45px;
}
a.larsNotificationsMarkAllRead:before{
  content: "s";
  left: 12px;
  top: 0px;
}
a.larsNotificationsVfrOnly:before{
  font-family: arial, sans-serif;
  content: " ";
  display: block;
  background: #ffffff;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  width: 24px;
  height: 24px;
  -moz-border-radius: 2px;
       border-radius: 2px;
  position: absolute;
  left: 10px;
  top: 20px;
}
a.larsNotificationsVfrOnly.active:before{
  color: rgb(0, 32, 91);
  content: "✔";
}
a.larsNotificationsMarkAllRead:hover, a.larsNotificationsVfrOnly:hover{
  color: rgb(0, 169, 224);
}

.larsArchiveTableFilter{
  background: #ffffff;
}
.larsArchiveTableFilter.fixed{
  position: fixed;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  left: 0px;
  top: 60px;
  padding: 5px;
  padding-left: 10px;
  padding-bottom: 0px;
  padding-top: 25px;
  width: 100%;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
     -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}
input#larsFilterL{
  margin-left: 35px;
}
label[for=larsFilterText]{
  margin-left: 15px;
}

a.larsExportCsv{
  display: inline-block;
  vertical-align: middle;
  margin-left: 45px;
  margin-right: 5px;
  position: relative;
  text-decoration: none;
  float: right;
  line-height: 35px;
}
a.larsExportCsv:before{
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: -35px;
  top: 50%;
  margin-top: -18px;
  width: 26px;
  height: 34px;
  background: transparent;
  border: 3px solid rgb(0, 169, 224);
  -moz-border-radius: 2px;
       border-radius: 2px;
  color: rgb(0, 169, 224);
  font-family: "icons";
  content: "a";
  font-size: 20px;
  text-align: center;
  line-height: 32px;
  -webkit-transition: 0.5s all linear;
  -moz-transition: 0.5s all linear;
  transition: 0.5s all linear;
}
a.larsExportCsv:after{
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: -35px;
  top: 50%;
  margin-top: -18px;
  width: 8px;
  height: 8px;
  content: " ";
  font-size: 0px;
  background: #ffffff;
  border: 4px solid transparent;
  border-right-color: rgb(0, 169, 224);
  border-bottom-color: rgb(0, 169, 224);
  -moz-border-radius: 0px 0px 2px 0px;
       border-radius: 0px 0px 2px 0px;
  -webkit-transition: 0.5s all linear;
  -moz-transition: 0.5s all linear;
  transition: 0.5s all linear;
}
a.larsExportCsv:hover:before{
  border-color: rgb(0, 32, 91);
  color: rgb(0, 32, 91);
}
a.larsExportCsv:hover:after{
  border-right-color: rgb(0, 32, 91);
  border-bottom-color: rgb(0, 32, 91);
}

.larsTerms{
  font-size: 16px;
  line-height: 24px;
}
.larsTerms h3{
  font-size: 22px;
  line-height: 28px;
  color: rgb(0, 32, 91);
  border-bottom: 1px solid rgb(0, 169, 224);
}
.larsTerms p{
  text-align: justify;
  margin: 0px 0px 24px 0px;
}
.larsTerms ul{
  margin: -24px 0px 0px 0px;
}
.larsTerms ul li{
  list-style-type: disc;
}



@media all and (max-width: 800px) and (orientation: landscape){
    .landing h1{
        width: auto;
        margin-left: 150px;
        padding-left: 80px;
    }
    .landing header aside{
        width: 150px;
    }
    .landing header aside:before{
        background-position: bottom -100px right;
    }
    .landing header aside:after{
        width: 70%;
        left: 13%;
    }
    .landing .larsContent, .landing .larsLanguage{
        width: auto;
        margin-left: 150px;
    }
    .landing footer{
        width: 100%;
        padding-left: 150px;
    }
    .aimSSO{
        width: 100%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0px;
        padding-left: 150px;
    }
}
@media all and (max-width: 800px) and (orientation: landscape) and (max-height: 700px){
    .landing header{
        height: 200px;
    }
    .landing h1{
        font-size: 15px;
        line-height: 17px;
        width: 248px;
    }
    .landing h1 strong{
        font-size: 51px;
        line-height: 44px;
        left: -2px;
    }
    .landing h1 strong:before{
        font-size: 195px;
        line-height: 105px;
        left: -23px;
        padding-top: 15px;
    }
}
@media all and (orientation: portrait){
    .landing header{
        height: 280px;
    }
    .landing h1{
        position: static;
        font-size: 15px;
        line-height: 17px;
        padding-left: 0px;
        width: 205px;
        margin-left: auto;
        margin-right: auto;
    }
    .landing h1 strong{
        font-size: 51px;
        line-height: 44px;
        left: -2px;
    }
    .landing h1 strong:before{
        font-size: 195px;
        line-height: 105px;
        left: -23px;
        padding-top: 95px;
    }
    .landing header aside{
        width: 100%;
        height: 60px;
        -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
           -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
                box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
    }
    .landing header aside:before{
        right: 0px;
        width: 100%;
        background-color: rgb(0, 169, 224);
        -moz-background-size: 250px auto;
             background-size: 250px auto;
        background-position: bottom 43% right;
    }
    .landing header aside:after{
        width: 150px;
        height: 35px;
        top: 14px;
        left: 25px;
    }
    .landing .larsContent, .landing .larsLanguage{
        width: auto;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .landing footer{
        width: 100%;
        padding-left: 0px;
    }
    .aimSSO{
        width: 100%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0px;
    }
}
@media all and (orientation: portrait) and (max-width: 410px){
    .landing header{
        height: 200px;
    }
    .landing header aside:before{
        -moz-background-size: 190px auto;
             background-size: 190px auto;
        background-position: bottom 45% right -20px;
    }
    .landing header aside:after{
        top: 19px;
        left: 15px;
        width: 100px;
        height: 25px;
    }
    .landing h1{
        position: static;
        font-size: 10px;
        line-height: 11px;
        padding-left: 0px;
        width: 135px;
        margin-left: auto;
        margin-right: auto;
    }
    .landing h1 strong{
        font-size: 34px;
        line-height: 29px;
        left: -1px;
    }
    .landing h1 strong:before{
        font-size: 130px;
        line-height: 70px;
        left: -15px;
        padding-top: 75px;
    }
    .landing .larsContent, .landing .larsLanguage{
        padding: 5px 15px;
        font-size: 14px;
    }
    .landing .larsLanguage a:before{
        left: 10px;
        top: -6px;
        width: 24px;
        height: 24px;
        background-position: 0px 0px;
        -moz-background-size: 24px 24px;
             background-size: 24px 24px;
        -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
           -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
                box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
    }
    .aimSSO, .landing footer{
        position: static;
        margin-top: 30px;
    }
}
@media all and (max-width: 1100px){
  .atsu.tcc header aside::after{
    display: none;
  }
  .atsu.tcc header aside::before{
    width: 200px;
  }
  .atsu.tcc h1{
    width: 110px;
  }

}

@media all and (max-width: 980px){
    body{
        padding-top: 120px;
    }
    header aside{
        width: 100%;
        height: 60px;
        -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
           -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
                box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
        z-index: 1000;
    }
    header aside:before{
        right: auto;
        left: 0px;
        width: 50%;
        background-color: rgb(0, 169, 224);
        -moz-background-size: 250px auto;
             background-size: 250px auto;
        background-position: bottom 43% right;
    }
    header aside:after{
        width: 150px;
        height: 35px;
        top: 14px;
        left: 25px;
    }
    h1{
        position: fixed;
        top: 9px;
        left: auto;
        right: 0px;
        width: 150px;
        color: #ffffff;
        font-size: 8px;
        line-height: 9px;
        z-index: 1001;
    }
    h1 strong{
        font-size: 26px;
        line-height: 22px;
    }
    h1 strong:before{
        position: absolute;
        left: -115px;
        bottom: auto;
        top: -15px;
        padding-top: 0px;
        font-size: 100px;
    }
    h2, .larsContent, .larsMessage{
        margin-left: auto;
        margin-right: auto;
    }
    footer{
        position: static;
        padding-left: 0px;
    }
    .larsLanguage, .larsUser, .larsNav{
        top: 65px;
    }
    .larsNav{
    	left: 0px;
    	margin-left: 20px;
    }
    .atsu .larsLanguage{
      display: none;
    }
    .atsu .larsUser{
        font-size: 0px;
        right: 0px;
    }
    .atsu .larsUser a{
        font-size: 16px;
    }
    .atsu .larsNav a.larsNavCapacity{
      font-size: 0px;
      line-height: 18px;
    }
    .atsu  .larsNav a.larsNavCapacity:before{
      top: -5px;
    }

}
@media all and (max-width: 850px){
  .atsu.tcc h1{
    width: 0px;
  }
}
@media all and (max-width: 760px){
    h1{
        width: 110px;
    }
    header aside:before{
        width: 170px;
    }
    header aside:after{
        display: none;
    }
    h2:before, h2:after{
        width: 60px;
    }
    .larsFormAerodrome, .larsFormFlightRules{
        border-left: none;
        float: none;
        display: block;
        width: auto;
        margin-left: -50px;
        margin-right: -50px;
        overflow: hidden;
    }
    .larsLanguage{
        display: none;
    }
    .larsUser{
        min-width: 20px;
        padding-right: 10px;
        right: 0px;
    }
    .larsUser:after{
        content: "";
    }
    .larsUser span:last-child:after{
      display: none;
    }
    .larsNav{
        margin-left: 10px;
    }
    .larsReservation{
        margin-left: -40px;
        margin-right: -40px;
    }
    .larsReservation.changed, .larsReservation.deleted{
      min-height: 50px;
    }
    .larsReservation div{
        font-size: 14px;
        padding: 0px 2px;
        min-width: 100px;
        position: absolute;
        left: 0px;
        top: 25px;
        border-right: none;
        line-height: 25px;
        text-align: center;
    }
    .larsReservation.larsTemplate div:first-child{
      line-height: 50px;
    }
    .larsReservation.changed div, .larsReservation.deleted div{
        bottom: 55px;
    }
    .larsReservation div:first-child{
        line-height: 25px;
        height: 50px;
    }
    .larsReservation div:first-child, .larsReservation .larsExtent{
        position: relative;
        left: 0px;
        top: 0px;
        bottom: 0px;
        z-index: 150;
        min-width: 100px;
        border-right: 2px solid rgb(0, 169, 224);
    }
    .larsReservation.deleted div:first-child{
        border-right-color: #cccccc;
    }
    .larsReservation .larsExtent{
        font-size: 12px;
        line-height: 25px;
    }
    .larsReservation .larsExtent span{
        margin: 0px 5px;
    }
    .larsReservation .larsExtent span:first-child:after{
        right: -8px;
    }
    .larsReservation .larsReservationComment{
      top: 0px;
      font-size: 12px;
      min-height: 16px;
      line-height: 16px;
    }
    .larsTemplates{
      display: block;
      float: none;
      margin-right: auto;
      width: 150px;
      left: 5px;
    }
    .larsNewReservation{
      margin-left: auto;
      display: block;
    }
}

@media all and (max-width: 420px){
    h1 strong:before{
        display: none;
    }
    .larsContent, .larsMessage{
        padding-left: 0px;
        padding-right: 0px;
    }
    .larsUser{
        font-size: 0px;
    }
    .larsUser a{
        font-size: 16px;
    }
    h2:before, h2:after{
        display: none;
    }
    .larsFormAerodrome, .larsFormFlightRules{
        margin-left: 0px;
        margin-right: 0px;
        overflow: hidden;
    }
    .larsFormRest{
        padding-left: 10px;
    }
    textarea{
        width: 90%;
    }
    .larsReservation{
        margin-left: 2px;
        margin-right: 2px;
        min-height: 50px;
    }
    .larsReservation div{
      top: 18px;
    }
    .larsReservation div:first-child{
        height: 40px;
    }
    .larsReservation.larsTemplate div:first-child{
      line-height: 40px;
    }
    .larsReservation div:first-child, .larsReservation .larsExtent{
        line-height: 20px;
    }
    .larsReservation div, .larsReservation div:first-child, .larsReservation .larsExtent{
        font-size: 10px;
        min-width: 65px;
    }
    .larsReservation a{
        height: 30px;
        width: 25px;
        right: 35px;
    }
    .larsReservation a.larsDelete{
        width: 20px;
    }
    .larsReservation a:before{
        left: 7px;
        line-height: 32px;
    }
    .larsReservation a:after{
        height: 40px;
        left: -2px;
    }
    .larsReservation a.larsDelete:before{
        left: 7px;
    }
    .larsReservation .larsReservationComment{
      font-size: 10px;
      line-height: 14px;
      min-height: 14px;
    }
    .larsReservation.changed:before, .larsReservation.deleted:before{
      top: 18px;
      left: -2px;
    }
}

@media all and (max-width: 360px){
  .larsFormAerodrome{
    overflow: visible;
  }
}

.larsTimesheet{
	background: #dddddd;
	overflow: hidden;
	height: 510px;
	width: auto;
	margin: 0px 0px;
	white-space: nowrap;
	position: relative;
}


.larsTimesheet div{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.larsTimeline{
    position: relative;
    background: #dddddd;
    width: auto;
    min-width: 2160px;
    height: 75px;
    z-index: /*50*/ auto;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
            box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
    cursor: move;
    cursor: col-resize;
}
.larsTimeLabel{
    display: inline-block;
    text-align: center;
    min-width: 90px;
    position: relative;
    height: 75px;
    font-size: 12px;
    line-height: 12px;
    padding-top: 10px;
}
.larsTimeLabel:first-child{
    min-width: 45px;
    margin-top: 0px;
    color: transparent;
}
.larsTimeLabel:before{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    content: " ";
    min-width: 59px;
    width: 100.9%;
    height: 20px;
    border-right: 1px solid #888888;
    position: absolute;
    bottom: 0px;
    left: -0.9%;
}
.larsTimeLabel:first-child:before{
    left: 0%;
    min-width: 29px;
}
.larsTimeLabel:after{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 50%;
    min-width: 30px;
    border-right: 1px solid #888888;
    height: 40px;
    content: " ";
}
.larsTimeLabel:first-child:after{
    display: none;
}

.larsSun{
 display: block;
 position: absolute;
 bottom: 1px;
 margin-left: -10px;
 font-size: 16px;
 text-align: center;
 width: 20px;
 line-height: 16px;
 padding-top: 50px;
 text-shadow: 0px 0px 1px rgba(0, 0, 0, .9);
 overflow: hidden;
}
.larsSun span{
 display: block;
 font-size: 10px;
 line-height: 8px;
}
.larsSun.larsSunRise, .larsSun.larsTwilightBeginning{
 left: 22%;
}
.larsSun.larsSunSet, .larsSun.larsTwilightEnd{
 left: 67%;
}
.larsSun.larsTwilightBeginning, .larsSun.larsTwilightEnd{
	font-size: 10px;
	line-height: 10px;
}
.larsSun.larsTwilightBeginning span, .larsSun.larsTwilightEnd span{
	font-size: 16px;
	position: relative;
	top: 4px;
}
.larsSun span+span, .larsSun.larsTwilightBeginning span+span, .larsSun.larsTwilightEnd span+span{
	color: #555555;
	width: 50px;
	font-size: 8px;
	line-height: 10px;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: 45px;
	top: auto;
	text-align: left;
	-webkit-transform: rotateZ(-90deg);
	   -moz-transform: rotateZ(-90deg);
	        transform: rotateZ(-90deg);
	text-shadow: -1px -1px 2px #dddddd, -1px 1px 2px #dddddd, 1px -1px 2px #dddddd, 1px 1px 2px #dddddd;
	opacity: 0;
}
.larsSun.larsTwilightBeginning span+span, .larsSun.larsTwilightEnd span+span{
	bottom: 40px;
}

.larsDayHeaders, .larsSlotContainer, .larsAdHeaders{
    display: inline-block;
    margin: 0px;
    padding: 0px;
		height: 435px;
    position: absolute;
    transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
}
.larsDayHeaders, .larsAdHeaders{
    top: 0px;
    border-top: 75px solid rgb(0, 32, 91);
    height: 510px;
    overflow: hidden;
    -moz-border-radius: 1px 0px 0px 1px;
         border-radius: 1px 0px 0px 1px;
    -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, .3);
       -moz-box-shadow: 2px 0px 3px rgba(0, 0, 0, .3);
            box-shadow: 2px 0px 3px rgba(0, 0, 0, .3);
    z-index: 50;
    background: rgb(0, 32, 91);
}
.larsAdHeaders{
	display: none;
	width: 30px;
	height: auto;
	background: rgb(0, 32, 91);
	z-index: 51;
}
.larsSlotContainer{
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    margin: 0px;
    padding: 0px;
    margin-left: 100px;
    width: 100%;
    border-right: 100px solid #ffffff;
    -moz-border-radius: 1px 1px 0px 0px;
         border-radius: 1px 1px 0px 0px;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 435px;
    position: relative;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
}

.larsDay{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0px;
    padding: 0px;
	border: none;
	width: auto;
	min-width: 2160px;
	height: 89px;
	min-height: 89px;
	display: block;
	position: relative;
	font-size: 0px;
	top: 0px;
	z-index: 1;
	/*transition: 0.1s ease-out top;*/
}

.larsAerodrome{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	border: none;
	width: auto;
	min-width: 2160px;
	height: auto;
	display: block;
	position: relative;
	font-size: 0px;
	top: 0px;
        /**
         * @Mirek
         * z-index: 1; zneviditelni duvod snizeni kapacity v zobrazeni ATSU, proto vznikla nova trida .resAtsu  
         */
	z-index: 1;
  border-bottom: 3px solid rgb(13, 41, 48);
}
.larsAerodrome.resAtsu{
    /* viz komentar ve tride .larsAerodrome */
    z-index: auto;
}
.larsAerodrome.larsLast{
	border-bottom: none;
}


.larsDay + .larsDay{
	border-top: 1px solid rgb(13, 41, 48);
	height: 90px;
}
.larsDay *{
    font-size: 16px;
}

.larsDayHeader, .larsAdHeader{
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
  display: block;
	background: rgb(0, 169, 224);
	text-align: center;
	width: 100px;
	height: 90px;
	min-height: 90px;
	border: none;
	border-bottom: 1px solid rgb(13, 41, 48);
	padding-top: 25px;
	padding-bottom: 1px;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: rgb(13, 41, 48);
	cursor: default;
	position: relative;
	/*transition: 0.1s ease-out top;*/
}
.larsDayHeader.larsLast{
	height: 92px;
	min-height: 92px;
	border-bottom-width: 3px;
}
.larsAdHeader{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	background: rgb(0, 115, 150);
	color: #ffffff;
	width: 30px;
	height: 182px;
	min-height: 182px;
	padding-top: 0px;
	border-bottom-width: 3px;
}
.larsAdHeader span{
	line-height: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -15px;
	margin-left: -116px;
	height: 30px;
	width: 232px;
	display: block;
	font-weight: bold;
	-webkit-transform: rotateZ(-90deg);
	   -moz-transform: rotateZ(-90deg);
	        transform: rotateZ(-90deg);
}
.larsPrevDay, .larsNextDay{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: visible;
    z-index: 1000;
    background: rgb(0, 32, 91);
    width: 100px;
    height: 75px;
    cursor: pointer;
    -moz-border-radius: 1px 1px 0px 0px;
         border-radius: 1px 1px 0px 0px;
    font-size: 0px;
}
.larsPrevDay.larsDisabled, .larsNextDay.larsDisabled{
   background: #e6e6e6;
}

.larsPrevDay:before, .larsNextDay:before{
    display: block;
    color: #ffffff;
    font-size: 22px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    line-height: 75px;
    text-align: center;
    content: "▲";
}
.larsNextDay{
	top: auto;
    bottom: 0px;
    -moz-border-radius: 0px 0px 1px 1px;
         border-radius: 0px 0px 1px 1px;
}
.larsNextDay:before{
   content: "▼";
}

.larsTimeSlot{
    display: inline-block;
	font-size: 0px;
	min-width: 15px;
	height: 100%;
	background: #ffffff;
	border-right: 1px solid #cfcfcf;
	cursor: pointer;
	margin-top: 0px;
	position: relative;
}
.larsTimeSlot:nth-child(odd){
	background: #fafafa;
}
.larsTimeSlot.larsNotAvailable{
	background: #999999;
	border-right: 1px solid #999999;
	cursor: not-allowed;
}



.larsTimeSlot.larsNight{
    background: #E0E0E0;
    border-right: 1px solid #B2B2B2;
}
.larsTimeSlot.larsNight:nth-child(odd){
    background: #D3D3D3;
}
.larsTimeSlot.larsNight.larsNotAvailable{
    background: #898989;
    border-right: 1px solid #898989;
}

.larsTimeSlot.larsAlmostFull, .larsTimeSlot.larsAlmostFull:nth-child(odd){
    background: rgb(246, 212, 171);
    border-right: 1px solid rgb(236, 169, 87);
}
.larsTimeSlot.larsFull, .larsTimeSlot.larsFull:nth-child(odd){
    background: rgb(226, 124, 0);
    border-right: 1px solid rgb(149, 82, 0);
}
.larsTimeSlot.larsExceeded, .larsTimeSlot.larsExceeded:nth-child(odd){
    background: rgb(207, 10, 44);
    border-right: 1px solid rgb(136, 6, 29);
}

.larsTimeSlot.larsEntry, .larsTimeSlot.larsNight.larsEntry:nth-child(odd), .larsTimeSlot.larsAlmostFull.larsEntry, .larsTimeSlot.larsFull.larsEntry, .larsTimeSlot.larsExceeded.larsEntry{
    background: rgb(0, 32, 91);
    border-right: 1px solid rgb(0, 32, 91);
    z-index: 1000;
}

.larsTimeSlot .larsCapacityGraph, .larsTimeSlot .larsTotalCapacityGraph{
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50%;
    background: rgb(0, 169, 224);
    z-index: 101;
    font-size: 10px;
    font-family: 'Arial Narrow', 'HelveticaNeue-CondensedBold', arial, sans-serif;
    color: #ffffff;
    text-align: center;
		padding: 0px;
		margin: 0px;
    padding-top: 2px;
		opacity: 0;
		pointer-events: none;
}
.larsTimeSlot .larsTotalCapacityGraph{
	z-index: 100;
}
.larsTimeSlot .larsTotalCapacityGraph{
    background: rgb(0, 115, 150);
		-webkit-box-shadow: 5px -5px 5px rgba(0, 0, 0, .5);
		   -moz-box-shadow: 5px -5px 5px rgba(0, 0, 0, .5);
		        box-shadow: 5px -5px 5px rgba(0, 0, 0, .5);
}
.larsTimeSlot.larsEntry .larsCapacityGraph, .larsTimeSlot.larsEntry .larsTotalCapacityGraph{
    opacity: 1;
}
.larsTimeSlot.larsExceeded .larsCapacityGraph{
	background: rgb(207, 10, 44);
	-webkit-box-shadow: 3px -3px 5px rgba(0, 0, 0, .5);
	   -moz-box-shadow: 3px -3px 5px rgba(0, 0, 0, .5);
	        box-shadow: 3px -3px 5px rgba(0, 0, 0, .5);
}
.larsTimeSlot.larsExceeded .larsTotalCapacityGraph{
	background: rgb(0, 169, 224);
	z-index: 102;
}



.larsHandle{
    position: absolute;
    display: block;
    margin-left: 0px;
    left: -35px;
    top: -66px;
    width: 70px;
    height: 60px;
    background: rgb(0, 169, 224);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
            box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    z-index: 1000;
    cursor: ew-resize;
}
.larsHandle.larsCloseToLeft{
    left: 55px;
}
.larsHandle.larsCloseToRight{
    left: -125px;
}
.larsHandle:after{
    position: absolute;
    left: 30px;
    bottom: -3px;
    display: block;
    background: rgb(0, 169, 224);
    width: 10px;
    height: 10px;
    content: " ";
    font-size: 0px;
    transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    z-index: -1;
}
.larsHandle.larsCloseToLeft:after{
    bottom: 0px;
    left: 12px;
    transform: rotateZ(155deg) scale(11,.7) rotateZ(45deg);
    -ms-transform: rotateZ(155deg) scale(11,.7) rotateZ(45deg);
    -moz-transform: rotateZ(155deg) scale(11,.7) rotateZ(45deg);
    -webkit-transform: rotateZ(155deg) scale(11,.7) rotateZ(45deg);
    -o-transform: rotateZ(155deg) scale(11,.7) rotateZ(45deg);
}
.larsHandle.larsCloseToRight:after{
    bottom: 0px;
    left: auto;
    right: 13px;
    transform: rotateZ(25deg) scale(11,.7) rotateZ(45deg);
    -ms-transform: rotateZ(25deg) scale(11,.7) rotateZ(45deg);
    -moz-transform: rotateZ(25deg) scale(11,.7) rotateZ(45deg);
    -webkit-transform: rotateZ(25deg) scale(11,.7) rotateZ(45deg);
    -o-transform: rotateZ(25deg) scale(11,.7) rotateZ(45deg);
}
.larsHandle.larsEnd{
    top: 5px;
}
.larsHandle.larsEnd.larsCloseToLeft{
    left: 55px;
}
.larsHandle.larsEnd.larsCloseToRight{
    left: -125px;
}
.larsHandle.larsEnd:after{
    bottom: auto;
    top: -3px;
}
.larsHandle.larsEnd.larsCloseToLeft:after{
    top: 0px;
    left: 12px;
    transform: rotateZ(205deg) scale(11,.7) rotateZ(45deg);
    -ms-transform: rotateZ(205deg) scale(11,.7) rotateZ(45deg);
    -moz-transform: rotateZ(205deg) scale(11,.7) rotateZ(45deg);
    -webkit-transform: rotateZ(205deg) scale(11,.7) rotateZ(45deg);
    -o-transform: rotateZ(205deg) scale(11,.7) rotateZ(45deg);
}
.larsHandle.larsEnd.larsCloseToRight:after{
    top: 0px;
    left: auto;
    right: 13px;
    transform: rotateZ(335deg) scale(11,.7) rotateZ(45deg);
    -ms-transform: rotateZ(335deg) scale(11,.7) rotateZ(45deg);
    -moz-transform: rotateZ(335deg) scale(11,.7) rotateZ(45deg);
    -webkit-transform: rotateZ(335deg) scale(11,.7) rotateZ(45deg);
    -o-transform: rotateZ(335deg) scale(11,.7) rotateZ(45deg);
}
.larsHandlePlus, .larsHandleMinus{
    display: block;
    position: absolute;
    left: -55px;
    top: 0px;
    width: 55px;
    background: rgb(0, 32, 91);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .3);
       -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .3);
            box-shadow: 0px 0px 3px rgba(0, 0, 0, .3);
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
    line-height: 60px;
    text-align: center;
    -moz-border-radius: 3px 0px 0px 3px;
         border-radius: 3px 0px 0px 3px;
    cursor: pointer;
}
.larsHandlePlus:hover, .larsHandleMinus:hover{
    color: #ffffff;
}
.larsHandlePlus.larsDisabled, .larsHandleMinus.larsDisabled{
    background: #e6e6e6;
    cursor: not-allowed;
}
.larsHandlePlus{
    left: auto;
    right: -54px;
    -moz-border-radius: 0px 3px 3px 0px;
         border-radius: 0px 3px 3px 0px;
}

.larsTimesheetReservation{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    background: #ffffff;
    border: 3px solid #ffffff;
    font-family: 'Arial Narrow', 'HelveticaNeue-CondensedBold', arial, sans-serif;
    font-stretch: condensed;
    font-size: 10px;
    color: #ffffff;
    line-height: 14px;
		height: 20px;
    padding: 0px 2px;
		padding-left: 5px;
    -moz-border-radius: 2px;
         border-radius: 2px;
    overflow: hidden;
    margin-top: 5px;
    margin-left: -1px;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);
       -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);
            box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);
    z-index: 1000;
    cursor: pointer;
		pointer-events: none;
		opacity: 0.5;
}
.larsTimesheetReservation *{
    pointer-events: none;
}
.larsTimesheetResContainer{
    overflow: visible;
}


.larsTimesheetReservation strong{
		display: block;
    font-weight: bold;
    font-size: 10px;
    text-shadow: 0px 0px 1px #ffffff;
}
.larsTimesheetReservation.blockage{
	background: rgb(0, 32, 91);
	border-color: rgb(0, 32, 91);
	pointer-events: all;
}
.larsTimesheetReservation.adhocReason{
	background: rgb(80, 80, 80);
	border-color: rgb(80, 80, 80);
	border-left-color: rgb(0, 0, 0);
	border-right-color: rgb(0, 0, 0);
	border-top-width: 0px;
	padding-top: 3px;
	-moz-border-radius: 5px 5px 0px 0px;
	     border-radius: 5px 5px 0px 0px;
	-webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, .3);
	   -moz-box-shadow: 0px -5px 5px rgba(0, 0, 0, .3);
	        box-shadow: 0px -5px 5px rgba(0, 0, 0, .3);
	display: none;
}
.larsTimesheetReservation.myOwn{
	pointer-events: all;
	opacity: 1;
}

.larsDraggedOver .larsTimesheetReservation.adhocReason{
	display: block;
}

.larsTimesheetReservation.ifr{
    border-color: #555555;
}
.larsTimesheetReservation.light{
    background: rgb(0, 168, 135);
    border-color: rgb(0, 168, 135);
}
.larsTimesheetReservation.light.ifr{
    border-color: rgb(0, 55, 44);
}
.larsTimesheetReservation.medium{
    background: rgb(0, 169, 224);
    border-color: rgb(0, 169, 224);
}
.larsTimesheetReservation.medium.ifr{
    border-color: rgb(0, 55, 74);
}
.larsTimesheetReservation.heavy{
    background: rgb(110, 27, 105);
    border-color: rgb(110, 27, 105);
}
.larsTimesheetReservation.reason{
    background: rgb(0, 0, 0);
    border-color: rgb(0, 0, 0);
}
.larsTimesheetReservation.heavy.ifr{
    border-color: rgb(36, 8, 34);
}
.larsDay .larsTimeSlot.larsEntry, .larsDay.larsToday .larsTimeSlot, .larsToday .larsTimesheetReservation{
    opacity: 1;
}

.larsTimesheetResContainer.larsDraggedOver .larsTimesheetReservation{
	opacity: 0.3;
	pointer-events: none;
}
.larsTimesheetResContainer.larsDraggedOver.finished .larsTimesheetReservation{
	z-index: 0;
}


.larsTimesheetLegend{
	position: absolute;
	left: 100px;
	bottom: 0px;
	font-size: 10px;
	line-height: 30px;
	padding-left: 10px;
        width: auto;
        width: -moz-calc(100% - 100px);
        width: calc(100% - 100px);
}
.larsTimesheetLegend.legendWarning{
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        background: #cf0a2c;
        padding-right: 100px;
        font-size: 12px;
}
.larsTimesheetLegend div{
	display: inline-block;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	height: 15px;
	width: 15px;
	position: relative;
	margin-top: 0px;
	top: 3px;
	margin-left: 10px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	cursor: default;
}
.atsu .larsTimesheetLegend div{
	height: 15px;
}

.larsCurrentTime{
    display: block;
    position: absolute;
    left: 50%;
    margin: 0px;
    top: 2px;
    z-index: 999;
    background: rgb(0, 115, 150);
    width: 80px;
    margin-left: -40px;
    height: auto;
    text-align: center;
    -moz-border-radius: 2px;
         border-radius: 2px;
    color: #ffffff;
    font-size: 14px;
    line-height: 26px;
    font-weight: bold;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
       -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
            box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
}
.larsCurrentTime:before{
    display: block;
    position: absolute;
    left: 50%;
    margin: 0px;
    margin-left: -5px;
    bottom: -5px;
    width: 10px;
    height: 10px;
    background: rgb(0, 115, 150);
    content: " ";
    font-size: 0px;
    transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
}
.larsCurrentTime:after{
    display: block;
    position: absolute;
    left: 50%;
    margin: 0px;
    margin-left: -1px;
    bottom: -22px;
    width: 2px;
    height: 20px;
    background: rgb(0, 115, 150);
    content: " ";
    font-size: 0px;
}
.larsCurrentTime.max{
    margin-left: -72px;
}
.larsCurrentTime.max:before, .larsCurrentTime.max:after{
    left: 90%;
}
.larsCurrentTime.min{
    margin-left: -8px;
}
.larsCurrentTime.min:before, .larsCurrentTime.min:after{
    left: 10%;
}

.atsu .larsTimesheet{
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    margin-top: 5px;
    z-index: 9900;
    max-width: 100%;
    height: 550px;
}
.atsu .larsDayHeader.larsToday{
	height: 137px;
	min-height: 137px;
	padding-top: 45px;
}
.atsu .larsAdHeader.larsToday{
	height: 229px;
	min-height: 229px;
}
.atsu .larsDay{
    background: #000000;
}
.atsu .larsDay.larsToday{
	height: 136px;
	min-height: 136px;
}
.atsu .larsDay + .larsDay.larsToday{
    height: 137px;
}
.atsu .larsTimesheetReservation{
		font-size: 10px;
		padding-left: 5px;
		line-height: 14px;
		height: 20px;
		margin-top: 34px;
		pointer-events: all;
		opacity: 1;
}
.atsu .larsTimesheetReservation.adhocReason{
	margin-top: 0px;
}
.atsu .larsToday .larsTimesheetReservation{
	line-height: 10px;
	height: 40px;
	margin-top: 46px;
}
.atsu .larsToday .larsTimesheetReservation.adhocReason{
	margin-top: 0px;
	height: 20px;
	line-height: 14px;
}
.atsu .larsToday .larsTimesheetReservation.adhocReason.showReason{
        display: block;
}
.atsu .larsTimesheetReservation strong{
	display: block;
	float: left;
	position: relative;
	font-size: 14px;
	line-height: 16px;
	top: -1px;
	margin-left: -1px;
	margin-right: 5px;
	vertical-align: middle;
}
.atsu .larsTimesheetReservation.adhocReason strong{
	float: none;
}
.atsu .larsToday .larsTimesheetReservation strong{
	display: block;
	float: none;
	line-height: 20px;
	margin-right: 0px;
	top: 0px;
}
.atsu .larsToday .larsTimesheetReservation.adhocReason strong{
	line-height: 14px;
}


.atsu .larsTimeSlot{
    opacity: 0.7;
}

.atsu .larsCurrentTime{
	top: 25px;
}
.atsu .larsCurrentTime:after{
	bottom: -24px;
}
.atsu #larsRefreshCounter{
	display: inline-block;
	width: 25px;
	text-align: center;
	line-height: 12px;
}
.atsu #larsRefreshCounter.infinite{
  font-size: 20px;
	line-height: 8px;
	letter-spacing: -4px;
	margin-top: -4px;
	font-weight: bold;
	text-shadow: 0px 0px 1px #000000, 0px 0px 1px #000000, 0px 0px 1px #000000;
}

.tcc .larsAdHeaders{
	display: block;
}
.tcc .larsDayHeader{
	border-left: 30px solid rgb(0, 32, 91);
}

.tcc .larsSun:hover span+span, .tcc .larsSun:hover.larsTwilightBeginning span+span, .tcc .larsSun:hover.larsTwilightEnd span+span{
	opacity: 1;
}

.tcc .larsTimesheet{
	margin-top: -15px;
}

.atsu .larsAdSwitcher{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: auto;
	height: 50px;
	padding: 0px 20px;
	line-height: 50px;
	background: #ffffff;
	color: rgb(0, 32, 91);
	-moz-border-radius: 25px;
	     border-radius: 25px;
	border: 1px solid rgb(0, 32, 91);
	position: absolute;
	left: 50%;
	top: 67px;
	margin-left: 0px;
	z-index: 9998;
}
.atsu .larsAdSwitcher.loading{
	opacity: 0.5;
	pointer-events: none;
}
.atsu .larsAdSwitcher strong{
	display: inline-block;
	margin-right: 15px;
}
.atsu .larsAdSwitcher label:last-child{
	margin-right: 5px;
}
.atsu .larsAdSwitcher label span{
    bottom: auto;
    top: 40px;
		text-align: center;
}
.atsu .larsAdSwitcher label:hover span:after{
	bottom: auto;
	top: -7px;
}

@media all and (max-width: 1300px){
	.atsu .larsAdSwitcher{
		position: fixed;
		top: 5px;
		z-index: 10600;
	}
}

@media all and (max-width: 760px){
    .larsTimesheet{
        margin-left: -50px;
        margin-right: -50px;
    }
}
@media all and (max-width: 420px){
    .larsTimesheet{
        margin-left: -10px;
        margin-right: 0px;
    }
}