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

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


/* ==================== *
 * ## Casper Vehicle ##
 * ==================== */



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


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

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


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

.flighttracking-header { height: 50px; }
.flighttracking-menu.gui-menu { padding-top: 50px; }

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

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

.flighttracking-header .overflow-container { top: 50px; }
.flighttracking-header .overflow-container .border-container { height: 0; }
.flighttracking-header .overflow-container .gradient-container { border: 0; }


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

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


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

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


/* =========== *
 * ## Guide ## 
 * =========== */
 
.guide-text .menu-list-bg > .gradient-container { opacity: 1; }


/* ===================== *
 * ## Hover Label (Menu)
 * ===================== */

.main-menu .role-hover-label .background-container .gradient.dark { opacity: 0; }


/* ===================== *
 * ## Popup Component ##
 * ===================== */

.popup-container .header .role-title { border-bottom: 2px solid rgba(107,10,93,.85); }

.flighttracking-header .logo-container.casper-logo .logo .text { height: 16px; }


/* ============================= *
 * ## Flight Search Component ##
 * ============================= */


/* ===================================== *
 * ## Flight Display Search Component ##
 * ===================================== */
/*
.flight-display-search-component .role-search-input { font-size: 12px; }
.flight-display-search-component .role-search-input.input-placeholder { font-style: italic; }

.flight-display-search-component .search-filter-type-container {
   float: left;
   padding-top: 10px;
   position: relative;
   width: 100%;
}

.flight-display-search-component .search-location-label { 
   float: left;
   font-size: 12px;
   line-height: 12px;
   margin-bottom: 6px;
   position: relative;
   text-align: center;
   width: 100%;
}

.search-filter-type-container .search-filter-type {
   float: left;
   position: relative;
   width: 50%;
}

.search-filter-type-container .gui-menu-button {
   height: 30px;
   position: relative;
   width: 30px;
}

.search-filter-type-container .gui-menu-button .icon { padding: 8px; }

.search-filter-type-container .left .gui-menu-button { float: left; }
.search-filter-type-container .right .gui-menu-button { float: right; }

.search-filter-type-container .gui-menu-button .role-label {
   height: 30px;
   line-height: 30px;
   position: absolute;
}

.search-filter-type-container .left .gui-menu-button .role-label {
   left: 30px;
   margin-left: 5px;
   text-align: left;
}

.search-filter-type-container .right .gui-menu-button .role-label {
   margin-right: 5px;
   right: 30px;
   text-align: right;
}
*/

/* ======================== *
 * ## Flight Filter List ##
 * ======================== */
/*
.flight-filter-list {
   float: left;
   position: relative;
   width: 100%;
}

.flight-filter-list .role-list-header .list-cell {
   font-weight: bold;
   text-transform: uppercase;
}
*/