/* ================= *
 * ## Noise Chart ##
 * ================= */

.noise-chart-component {
   clear: both;
   float: left;
   width: 100%;
}
.noise-chart-component > .chart-grid {
   height: 150px;
   width: 100%;
}


/* =================== *
 * ## Color palette ##
 * =================== */

[data-palette="airline"] {
   display: none;
}

[data-palette="noiselevel"] {
   border-spacing: 0;
}

.casper-palette-label.min,
.casper-palette-label.max {
   float: left;
   margin-top: 4px;
   width: 50%;
}
.casper-palette.gradient .casper-palette-label.min {
   text-align: left;
}
.casper-palette.gradient .casper-palette-label.max {
   text-align: right;
}

.casper-palette-label.max:after {
   content: " dB(A)";
}

[data-palette="noiselevel"] .casper-palette:after {
  content: "";
  clear: both;
  display: table;
}

[data-palette="noiselevel"] .casper-palette-item {
   margin-right: 0;
   float: left;
}

.casper-palette-swatch {
	margin-top: 4px;
}

[data-palette="noiselevel"] .casper-palette-swatch {
   border: none;
   height: 10px;
   margin-top: 6px;
}


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

.flight-info-component.departure .flight-info-row.destination,
.flight-info-component.destination .flight-info-row.departure {
   display: none;
}

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

.flighttracking-header .header-container { padding-right: 130px; }
.flighttracking-header .logo-container.client-logo { width: 130px; }

.flighttracking-header .logo-container.client-logo .logo {
   height: 100%;
   width: 100%
}

.flighttracking-header .logo-container.client-logo .logo .icon { height: 100%; }


/* ================= *
 * ## Help Guides ##
 * ================= */

.flighttype .item.inbound,
.flighttype .item.outbound,
.flighttype .item.others {
   width: 33.3%;
}

.flighttype .item.inbound .color { background-color: #CF5300; }
.flighttype .item.outbound .color { background-color: #5E4599; }
.flighttype .item.others .color { background-color: #146E0B; }

.altitude .item.fl0,
.altitude .item.fl200,
.altitude .item.fl400 {
   width: 33.3%;
}

.altitude .item.fl0 .color { background: linear-gradient(to right, #F28A00 0%,#FFD000 100%); }
.altitude .item.fl200 .color { background: linear-gradient(to right, #FFD000 0%,#88B800 100%); }
.altitude .item.fl400 .color { background: linear-gradient(to right, #88B800 0%,#00A5E2 100%); }

.noise-levels .item.db40,
.noise-levels .item.db50,
.noise-levels .item.db60,
.noise-levels .item.db70 {
   width: 25%;
}

.noise-levels .item.db40 .color { background: linear-gradient(to right, #004677 0%,#00a5e2 100%); }
.noise-levels .item.db50 .color { background: linear-gradient(to right, #00a5e2 0%,#86b800 100%); }
.noise-levels .item.db60 .color { background: linear-gradient(to right, #86b800 0%,#e74430 100%); }
.noise-levels .item.db70 .color { background: linear-gradient(to right, #e74430 0%,#d40024 100%); }


/* ============== *
 * ## Settings ##
 * ============== */

.gui-setting.inbound .label:after,
.gui-setting.outbound .label:after {
   content: " (NZAA)";
   left: 100%;
   padding-left: 5px;
   position: absolute;
   top: 0px;
}


.popup-component.cancellable .popup-container .footer {
   display: flex;
   justify-content: center;
}


/* =================== *
 * ## Splash Screen ##
 * =================== */

.splash-screen-component { padding-top: 70px; }