/* ================ *
 * ## Casper Tab ##
 * ================ */

.flight-info-tab .content-container .content .sub-text {
   text-align: center;
}

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

.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 .role-live-button { margin-left: -50px; }

/* ================ *
 * ## Icon Layer ##
 * ================ */

.casper-vehicle.highlight .casper-vehicle-label:before {
   border-top-color: #0061C2;
}


/* ========= *
 * ## Map ##
 * ========= */

.show-labels .casper-vehicle:after { content: attr(data-type) !important; }
.casper-vehicle-label .label-row.content { margin-top: 0 !important; }


/* ========== *
 * ## Menu ##
 * ========== */
 
.flighttracking-menu.menu-expanded { width: 250px; }

.gui-component.menu-expanded .display-component { 
	transform: translate(250px, 0);
	-webkit-transform: translate(250px, 0);
}

.gui-component.menu-expanded .display-component > .display-container > .background-container .background {
   transform: translate(-250px, -52px);
   -webkit-transform: translate(-250px, -52px);
}

.gui-component.menu-expanded .flighttracking-header .casper-logo { width: 250px; }
.gui-component.menu-expanded .flighttracking-header .header-container { padding-left: 250px; }

.gui-menu .menu-button .overlay .background-container { width: 250px; }


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

.popup-container .footer { height: 80px; }
.popup-container .footer .button-container {
   display: block;
   float: left;
   position: relative;
   top: 50%;
   width: 100%;

   transform: translate(0,-50%);
   -webkit-transform: translate(0,-50%);
}