[data-role="time"]:hover {
   background-color: transparent;
   border: 1px solid transparent;
}

[data-setting='map-provider'], [data-setting='vehicle-palette'] {
   display: none;
}

.show-delay .casper-vehicle[data-otp="late"] {
   background-color: rgba(224,48,48,0.5);
   border-radius: 50%;
}

.show-delay .casper-vehicle[data-otp="early"] {
   background-color: rgba(16,213,16,0.5);
   border-radius: 50%;
}

[data-terminal="0"]:before {
   content: "General Aviation Terminal/Cargo";
}

[data-terminal="1"]:before {
   content: "South Terminal";
}

[data-terminal="2"]:before {
   content: "North Terminal";
}

.flighttype[data-des-af="EGKK"]:before {
   content: "Inbound";
}

.flighttype[data-dep-af="EGKK"]:before {
   content: "Outbound";
}

.flighttype[data-cdm-state="IBK"]:before {
   content: "On stand";
}

[data-filter] {
   display: none;
}

[data-filter="inbound"][data-des-af="EGKK"] {
   display: inline;
}

[data-filter="outbound"][data-dep-af="EGKK"], [data-filter="outbound"][data-cdm-state="IBK"] {
   display: inline;
}

.comma-separated + .comma-separated:before {
   content: ", ";
}

.cdm-time, .cdm-time-affix {
   display: inline-block;
   white-space: nowrap;
   float: left;
   width: 50%;
   font-size: 90%;
}

.cdm-time:after {
   content: ":" attr(data-not-empty);
}

#fl-class-VEH + label, #fl-class-INB + label {
   display: block;
}

.show-labels .casper-vehicle[data-callsign="-"]:after {
   content: none;
}

.show-labels .casper-vehicle:after {
   top: -15px;
}

.show-labels .casper-vehicle:before {
   top: 3px;
}

.casper-vehicle-sobt {
   background-color: #AAAAAA;
   display: none;
   left: 20px;
   position: absolute;
   top: 20px;
}

#map:not(.show-sobt-delay) .casper-vehicle-sobt {
   display: none !important;
}

.casper-vehicle-sobt:after {
   border-style: solid;
   border-color: #7C7C7C;
   content: "";
   left: 0;
   position: absolute;
   top: 0;
}

/*
 * sobt-zoom
 * 13
 */
.casper-vehicle-sobt[data-sobt-zoom="13"], .casper-vehicle-sobt[data-sobt-zoom="13"]:after {
   border-radius: 13px;
   height: 26px;
   width: 26px;
}
.casper-vehicle-sobt[data-sobt-zoom="13"] {
   margin-left: -13px;
   margin-top: -13px;
}
.casper-vehicle-sobt[data-sobt-zoom="13"]:after { border-width: 3px; }

/* 14 */
.casper-vehicle-sobt[data-sobt-zoom="14"], .casper-vehicle-sobt[data-sobt-zoom="14"]:after {
   border-radius: 16px;
   height: 32px;
   width: 32px;
}
.casper-vehicle-sobt[data-sobt-zoom="14"] {
   margin-left: -16px;
   margin-top: -16px;
}
.casper-vehicle-sobt[data-sobt-zoom="14"]:after { border-width: 4px; }

/* 15 */
.casper-vehicle-sobt[data-sobt-zoom="15"], .casper-vehicle-sobt[data-sobt-zoom="15"]:after {
   border-radius: 19px;
   height: 38px;
   width: 38px;
}
.casper-vehicle-sobt[data-sobt-zoom="15"] {
   margin-left: -19px;
   margin-top: -19px;
}
.casper-vehicle-sobt[data-sobt-zoom="15"]:after { border-width: 4px; }

/* 16 */
.casper-vehicle-sobt[data-sobt-zoom="16"], .casper-vehicle-sobt[data-sobt-zoom="16"]:after {
   border-radius: 22px;
   height: 44px;
   width: 44px;
}
.casper-vehicle-sobt[data-sobt-zoom="16"] {
   margin-left: -22px;
   margin-top: -22px;
}
.casper-vehicle-sobt[data-sobt-zoom="16"]:after { border-width: 5px; }

/* 17 */
.casper-vehicle-sobt[data-sobt-zoom="17"], .casper-vehicle-sobt[data-sobt-zoom="17"]:after {
   border-radius: 25px;
   height: 50px;
   width: 50px;
}
.casper-vehicle-sobt[data-sobt-zoom="17"] {
   margin-left: -25px;
   margin-top: -25px;
}
.casper-vehicle-sobt[data-sobt-zoom="17"]:after { border-width: 5px; }

.casper-vehicle-sobt-count {
   color: #FFFFFF;
   //font-weight: bold;
   height: 100%;
   text-align: center;
   width: 100%;
}

.casper-vehicle-sobt[data-sobt-zoom="13"] > .casper-vehicle-sobt-count {
   font-size: 14px;
   line-height: 26px;
}
.casper-vehicle-sobt[data-sobt-zoom="14"] > .casper-vehicle-sobt-count {
   font-size: 18px;
   line-height: 32px;
}
.casper-vehicle-sobt[data-sobt-zoom="15"] > .casper-vehicle-sobt-count {
   font-size: 22px;
   line-height: 38px;
}
.casper-vehicle-sobt[data-sobt-zoom="16"] > .casper-vehicle-sobt-count {
   font-size: 26px;
   line-height: 44px;
}
.casper-vehicle-sobt[data-sobt-zoom="17"] > .casper-vehicle-sobt-count {
   font-size: 30px;
   line-height: 50px;
}

/*
 * sobt-state
 */
.casper-vehicle-sobt[data-sobt-state="on_time"] { background-color: #9BBB59; }
.casper-vehicle-sobt[data-sobt-state="late"] { background-color: #F79646; }
.casper-vehicle-sobt[data-sobt-state="over_due"] { background-color: #C0505D; }

.casper-vehicle-sobt[data-sobt-state="on_time"]:after { border-color: #71893F; }
.casper-vehicle-sobt[data-sobt-state="late"]:after { border-color: #B66D31; }
.casper-vehicle-sobt[data-sobt-state="over_due"]:after { border-color: #8C3836; }

div[data-palette="sobtCountdown"] .casper-palette-swatch {
   border-style: solid;
   border-width: 2px;
   height: 20px;
}
div[data-palette="sobtCountdown"] .casper-palette-swatch:after {
   color: #FFFFFF;
   content: "";
   font-weight: bold;
   font-size: 16px;
   height: 17px;
   line-height: 12px;
   position: absolute;
   text-align: center;
   width: 69px;
}
div[data-palette="sobtCountdown"] #ontime_1 .casper-palette-swatch { border-color: #71893F; }
div[data-palette="sobtCountdown"] #ontime_2 .casper-palette-swatch { border-color: #71893F; }
div[data-palette="sobtCountdown"] #late_1 .casper-palette-swatch { border-color: #B66D31; }
div[data-palette="sobtCountdown"] #late_2 .casper-palette-swatch { border-color: #8C3836; }

div[data-palette="sobtCountdown"] #ontime_2 .casper-palette-swatch:after { content: "x"; }
div[data-palette="sobtCountdown"] #late_1 .casper-palette-swatch:after { content: "x"; }

div[data-palette="taxiblocks"] .casper-palette-swatch {
   border-style: solid;
   border-width: 1px;
   height: 10px;
}
div[data-palette="taxiblocks"] #tsb_temp .casper-palette-swatch { border-color: #FFFF44; }
div[data-palette="taxiblocks"] #tsb_closed .casper-palette-swatch { border-color: #FF4444; }
div[data-palette="taxiblocks"] #tsb_work .casper-palette-swatch { border-color: #5588FF; }


/* ================= *
 * ## Flight Info ##
 * ================= */

.flight-info-component .info-table .info-row {
   height: 20px;
   line-height: 20px;
}

.flight-info-component .info-table .info-row .info-cell.label {
   font-size: 11px;
   width: 50%;
}


/* =================== *
 * ## Flight Labels ##
 * =================== */

.casper-tab .section-description-container.inblock-section,
.casper-tab .section-description-container.inbound-section,
.casper-tab .section-description-container.outbound-section,
.casper-vehicle-label .label-section {
   display: none;
}

.casper-tab .section-description-container.inblock-section[data-fl_state="IBK"],
.casper-tab .section-description-container.inbound-section[data-fl_state="INB"],
.casper-tab .section-description-container.outbound-section[data-fl_state="OUT"],
.casper-vehicle-label .label-section.vehicle[data-v_state="CAR"],
.casper-vehicle-label .label-section.vehicle[data-v_state="TOWING"],
.casper-vehicle-label .label-section.vehicle[data-v_state="TRUC"],
.casper-vehicle-label .label-section.vehicle[data-v_state="VAN"],
.casper-vehicle-label .label-section.inbound[data-fl_state="INB"],
.casper-vehicle-label .label-section.local[data-fl_state="LOC"],
.casper-vehicle-label .label-section.outbound[data-fl_state="OUT"],
.casper-vehicle-label .label-section.inblock[data-fl_state="IBK"],
.casper-vehicle-label .label-section.other {
   display: block;
}

.casper-vehicle-label .label-section.vehicle[data-v_state="CAR"] ~ .label-section,
.casper-vehicle-label .label-section.vehicle[data-v_state="TOWING"] ~ .label-section,
.casper-vehicle-label .label-section.vehicle[data-v_state="TRUC"] ~ .label-section,
.casper-vehicle-label .label-section.vehicle[data-v_state="VAN"] ~ .label-section,
.casper-vehicle-label .label-section.inbound[data-fl_state="INB"] ~ .label-section,
.casper-vehicle-label .label-section.local[data-fl_state="LOC"] ~ .label-section,
.casper-vehicle-label .label-section.outbound[data-fl_state="OUT"] ~ .label-section,
.casper-vehicle-label .label-section.inblock[data-fl_state="IBK"] ~ .label-section {
   display: none;
}

.casper-vehicle-label,
.show-labels .casper-vehicle:after {
   content: attr(data-callsign) " / " attr(data-fltnr);
   x-min-width: 110px;
}

.label-row .label-row-label { width: auto; }
.label-row .label-row-value + .label-row-label { padding-left: 10px; }

.casper-vehicle-label .label-section .table-content td { font-size: 10px; }
.casper-vehicle-label .label-section .table-content td.label { font-weight: bold; }
.casper-vehicle-label .label-section .table-content td span.label-row-label {
   font-weight: bold;
   padding-right: 5px;
}

/* ======================= *
 * ## Display Component ##
 * ======================= */

.display-component { padding-top: 102px; }


/* ========= *
 * ## GUI ##
 * ========= */

.gui-map-controls-component { top: 100px; }


/* ============ *
 * ## Header ##
 * ============ */

.flighttracking-header { height: 100px; }

.flighttracking-header .alert-container {
   display: flex;
   flex: 1 0 100%;
   justify-content: center;
   position: relative;
   z-index: 2;
}

.flighttracking-header .alert-container .alerts {
   float: left;
   height: 100%;
   position: relative;
}

.flighttracking-header .alert-container .border-container {
   height: 1px;
   padding: 0 10px;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 3;
}

.flighttracking-header .alert-container .border-container .border {
   float: left;
   height: 100%;
   opacity: .5;
   position: relative;
   width: 100%;
}

.flighttracking-header .alert-container .liac-info {
   float: left;
   position: relative;
   line-height: 24px;
   top: 50%;
   transform: translate(0,-50%);
}

.flighttracking-header .alert-container .liac-info .background {
  border-radius: 14px;
  display: flex;
  padding: 2px 6px;
}

.flighttracking-header .alert-container .liac-info .icon {
   height: 24px;
   margin-right: 5px;
   padding: 2px;
   width: 24px;
}
.flighttracking-header .alert-container .liac-info .encapsulate { margin-left: 5px; }

.flighttracking-header .fill-container,
.flighttracking-header .alert-container,
.flighttracking-header .meteo-container {
   height: 50%;
}

.flighttracking-header .overflow-container { top: 102px; }


/* ========== *
 * ## LIAC ##
 * ========== */

g#liac #late #fill { opacity: .75; }


/* ========== *
 * ## Menu ##
 * ========== */

.flighttracking-menu.gui-menu { padding-top: 100px; }