/* ================= *
 * ## 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;
}


/* ================= *
 * ## 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%); }


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

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