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

 .content-container .content .section-description { font-size: 12px; }


/* ========= *
 * ## CPA ##
 * ========= */

.cpa-display-component .info-row .info-cell.label { text-transform: none; }


/* ========================= *
 * ## Date Time Component ##
 * ========================= */

.date-time-tab .sub {
   font-size: 12px;
   left: 0;
   padding: 0 10px;
   position: absolute;
   text-align: center;
   top: 30px;
   width: 100%;
}

/*.date-time-tab .content-container .content { padding-top: 40px; }*/
.date-time-tab .section-container .content-container { padding-top: 60px; }


/* ======================= *
 * ## Date Time Display ##
 * ======================= */

.role-date-display,
.role-date-time-display,
[data-role='dateTimeDisplay'].mobile-header-node,
.editor-section-container .overview .overview-container .monthName {
   text-transform: lowercase;
}


/* ================== *
 * ## Flight label ##
 * ================== */

.show-labels .casper-vehicle:after {
   content: attr(data-callsign) ' ' attr(data-rule) !important;
   width: 80px !important;
}


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

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

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

.flighttracking-header .logo-container.client-logo .logo .icon,
.flighttracking-header .logo-container.client-logo .logo .text {
   transform: translate(0,-50%);
   -webkit-transform: translate(0,-50%);
}

.flighttracking-header .logo-container.client-logo .logo .icon { height: 100%; }
.flighttracking-header .logo-container.client-logo .logo .text {
   padding: 0 10px 0 50px;
   width: 100%;
}


/* =========== *
 * ## Guide ##
 * =========== */

.guide-text .menu-list-bg > .gradient-container .gradient { opacity: .5; }


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

/* ## complaint ## */
#complaint.popup-component .role-buttons-container { height: 130px; }


/* =================== *
 * ## Splash Screen ##
 * =================== */
 
.splash-guide-popup-component .role-locale-button { font-size: 14px; }
.splash-screen-component { padding-top: 70px; }