/* =============== *
 * ## Variables ##
 * =============== */

:root {
   --track-valid: #825C4C !important;
   --track-invalid: #C90A2D !important;
}


/* ================== *
 * ## Track Points ##
 * ================== */

.casper-track-points-layer .plot-container .plot-icon-container .map-icon { background-color: var(--track-valid); }

.casper-track-points-layer .plot-container[data-flag='MANUAL'] .plot-icon-container .map-icon,
.casper-track-points-layer .plot-container[data-flag='OUTLIER'] .plot-icon-container .map-icon {
   background-color: var(--track-invalid);
}

.casper-track-points-layer .map-icon-label-container[data-flag='MANUAL'] .label-row.callsign,
.casper-track-points-layer .map-icon-label-container[data-flag='OUTLIER'] .label-row.callsign {
   color: var(--track-invalid);
}


/* ===================== *
 * ## Black (#000000) ##
 * ===================== */

/* ## background-color ## */
.busy-logo .center {
   background-color: #000000;
}

/* ## border-color ## */
.busy-logo {
   border-color: #000000;
}

/* ## fill ## */
.airspace-layer #flyover #star,
.airspace-layer #LC #inner {
   fill: #000000;
}

/* ## stroke ## */
.airspace-layer #DME #outer_rect,
.airspace-layer #EH #inner,
.airspace-layer #EH #outer,
.airspace-layer #flyover #ring,
.airspace-layer #LC #outer,
.airspace-layer #RP,
.airspace-layer #VOR #outer,
.airspace-layer #VORDME #outer_hex,
.airspace-layer #VORDME #outer_rect,
.airspace-layer #VORTAC #outer,
.busy-logo #circleBorder,
.meteo-component .weather-vane #rope {
   stroke: #000000;
}


/* ===================== *
 * ## Brown (#825C4C) ##
 * ===================== */

/* ## background-color ## */
.casper-track-points-layer .plot-icon-container .map-icon {
   background-color: #825C4C;
}


/* ==================== *
 * ## Grey (#CCCCCC) ##
 * ==================== */

/* ## border-color ## */
.casper-layer-element .label-container .label,
.casper-layer-element .label-container .label:after,
.map-icon-label,
.map-icon-label:after,
.map-shape-label,
.map-shape-label:after {
   border-color: #CCCCCC;
}


/* ====================== *
 * ## Orange (#F78F1F) ##
 * ====================== */ 

/* ## fill ## */
.runway-use-component .runways-svg #pylon #front {
   fill: #F78F1F;
}

/* =================== *
 * ## Red (#C14958) ##
 * =================== */

/* ## background-color ## */
.locations-layer .location-container .map-icon-container .range {
   background-color: #C14958;
}


/* ## border-color ## */
.locations-layer .location-container .map-icon-container .range:after {
   border-color: #560d16;
}


/* ===================== *
 * ## White (#FFFFFF) ##
 * ===================== */

/* ## background-color ## */
.casper-layer-element .label-container .label,
.casper-layer-element .label-container .label:before,
.casper-map-layer .busy-logo,
.map-icon-label,
.map-shape-label {
   background-color: #FFFFFF;
}

/* ## fill ## */
.runway-use-component .runways-svg #pylon #back {
   fill: #FFFFFF;
}