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

/* ## border-color ## */
.noise-editable .edit-set-container {
   border-color: #000000;
}

/* ## color ## */
body .pika-button,
body .pika-button:hover,
body .pika-table th,
.map-controls .map-options-button:hover .role-label,
.map-controls .map-options-button.checked .role-label,
.map-controls .screenshot-button .role-button:hover .label,
.map-controls .map-options-group.switch-on .label,
.noise-editable .edit-set-container .edit-set-value:hover {
	color: #000000;
}

/* ## fill ## */
.map-controls .screenshot-button .role-button:hover .icon {
   fill: #000000;
}

.nmt-positions-layer .nmt-pos-icon-container .nmt-pos-icon #shadow {
   fill: rgba(0,0,0,.25);
}



/* ==================== *
 * ## Grey (#A9A9A9) ##
 * ==================== */

/* ## border-color ## */
body .pika-label {
	border-color: #A9A9A9;
}


/* ==================== *
 * ## Grey (#AEB3B0) ##
 * ==================== */

/* ## background ## */
body .pika-button {
	background: #AEB3B0;
}

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

/* ## border-color ## */
.enquiry .button-container {
   border-top-color: #CCCCCC;
}


/* ==================== *
 * ## Grey (#CECECE) ##
 * ==================== */

/* ## border-color ## */
.map-controls .map-options .map-options-column {
   border-color: #CECECE;
}


/* ==================== *
 * ## Grey (#D9D9D9) ##
 * ==================== */

/* ## background-color ## */
.analysis-prop-list .display-wrapper .list-toggle,
.pac-item:hover,
.role-tools .tools-dropdown .tip-container {
	background-color: #D9D9D9;
}


/* ==================== *
 * ## Grey (#B0B0B0) ##
 * ==================== */

/* ## border-color ## */
.analysis-prop-list .display-wrapper,
.analysis-prop-list .role-listitems,
.analysis-prop-list.list-open .role-list .tip,
.pac-item,
.role-tools .dropdown-component.list-open:after,
.role-tools .dropdown-component .role-listitems,
.rt-component .rt-time-controller,
.rt-component .rt-button-container {
	border-color: #B0B0B0;
}


/* ==================== *
 * ## Grey (#8C8585) ##
 * ==================== */

/* ## fill ## */
.nmt-positions-layer .nmt-pos-icon-container .nmt-pos-icon #background {
   fill: #8C8585;
}


/* ==================== *
 * ## Grey (#333333) ##
 * ==================== */

.map-controls .map-options-control > .display-wrapper .label,
.map-controls .map-options-section-header {
   color: #333333;
}

/* ===================== *
 * ## Green (#282D2A) ##
 * ===================== */


/* ===================== *
 * ## Green (#32493C) ##
 * ===================== */

/* ## border-color ## */
body td.is-selected .pika-button,
body td.is-today .pika-button {
	border-color: #32493C;
}


/* ===================== *
 * ## Green (#364741) ##
 * ===================== */

/* ## background-color ## */
.location-label .tip:after {
   background-color: #364741;
}


/* ===================== *
 * ## Green (#39403D) ##
 * ===================== */

/* ## background-color ## */
.mi-distance-container .map-icon .icon {
   background-color: #39403D;
}

body .date-selector-wrapper,
.admin-div .header .title,
.airspace-layer .airspace-icon-container .map-icon-label,
.casper-chart-component .chart-export-button:hover .label,
.casper-grid-layer .role-label-container .grid-label,
.columns-dropdown .column-assignment-container > .header,
.role-tools .tools-dropdown .list-container .gui-button:hover,
.popup-dropdown .header {
   color: #39403D;
}


/* ===================== *
 * ## Green (#4E5D58) ##
 * ===================== */

/* ## border-color ## */
.login-form {
   border-color: #4E5D58;
}

/* ===================== *
 * ## Green (#62766F) ##
 * ===================== */

/* ## background color ## */
.map-icon-label-tether .tether-line,
.map-shape-label-tether .tether-line {
   background-color: #62766F;
}

/* ## color ## */
body,
.legacy-chart-component .role-subheader .role-title,
.pac-item,
.pac-item-query {
   color: #62766F;
}


/* ===================== *
 * ## Green (#90A79C) ##
 * ===================== */

/* ## border-color ## */
body .pika-button {
	border-color: #90A79C;
}


/* ===================== *
 * ## Green (#A0ABA6) ##
 * ===================== */

/* ## background ## */
body .date-selector-wrapper,
body .pika-single {
	background: #A0ABA6;
}

/* ## border-color ## */
body .pika-title {
	border-color: #A0ABA6;
}


/* ===================== *
 * ## Green (#A3B870) ##
 * ===================== */

/* border-color */
.noise-editable [data-role='edit'] {
   border-color: #A3B870;
}


/* ===================== *
 * ## Green (#5F9133) ##
 * ===================== */

/* ## color ## */
.admin-div .body .admin-table th,
.ag_editor .ag_label,
.details-table > tbody > tr > th,
.pac-item .pac-item-query .pac-matched {
   color: #5F9133;
}

.rt-audio-component .rt-component {
   --rt-control-bg: #5F9133;
}


/* ===================== *
 * ## Green (#C0CCC6) ##
 * ===================== */

/* ## background ## */
body .pika-title {
	background: #C0CCC6;
}


/* ===================== *
 * ## Green (#D8E5D8) ##
 * ===================== */

/* ## border-color ## */
.map-zoom-range .zoom-level-button {
	border-color: #D8E5D8;
}


/* ===================== *
 * ## Green (#E7F3C9) ##
 * ===================== */

/* ## background-color ## */
.list-component .list-row.select .list-cell { 
   background-color: #E7F3C9;
}


/* ==================== *
 * ## Pink (#FFD9B3) ##
 * ==================== */

.list-component .list-row.highlight .list-cell,
.list-component .list-row.hover .list-cell {
   background-color: #FFD9B3;
}


/* ===================== *
 * ## Green (#CDE0D9) ##
 * ===================== */

/* ## color ## */
.login-form .title-text {
   color: #CDE0D9;
}


/* ===================== *
 * ## Green (#C6F15D) ##
 * ===================== */

/* ## background-color ## */
.list-component .list-row.current .list-cell {
   background-color: #C6F15D;
}


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

/* ## background ## */
.f3-rendered .role-HC,
.map-controls .dropdown-component.list-open.map-controls-button,
.map-controls .search-location-component .role-ac-list .search-location-autocomplete-container,
.noise-editable .edit-set-container,
.page .main {
   background: #FFFFFF;
}

/* ## background-color ## */
.analysis-prop-list .role-list .tip,
.analysis-prop-list .role-listitems,
.map-controls .dropdown-component .role-list .tip,
.map-controls .dropdown-component .role-list .list-container,
.map-controls .map-legend-container {
	background-color: #FFFFFF;
}

/* ## color ## */
body td.is-selected .pika-button,
body td.is-today .pika-button,
.dashboard-header,
.login-form .content-text,
.login-form .login-form-row label {
	color: #FFFFFF;
}

/* ## fill ## */
.airports-layer .airport-icon-container .map-icon,
.location-label .svg-icon,
.map-controls .compass-container .icon #left,
.map-controls .map-controls-button.checked .role-button .icon,
.map-zoom-range .role-decrease .icon,
.map-zoom-range .role-increase .icon,
.map-zoom-range .role-indicator .icon {
	fill: #FFF;
}


/* ======================================= *
 * ## Gradient Grey (#FFFFFF - #E6E6E6) ##
 * ======================================= */

.map-controls .dropdown-component:not(.list-open).map-controls-button:hover,
.map-controls .map-controls-button:not(.dropdown-component):not(.checked):hover {
   /background: #FFFFFF; /* Old browsers */
   /background: linear-gradient(180deg, #FFFFFF 0%,#E6E6E6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* ======================================= *
 * ## Gradient Grey (#FFFFFF - #D6D6D6) ##
 * ======================================= */

.map-controls .map-controls-button {
   /background: #FFFFFF; /* Old browsers */
   /background: linear-gradient(180deg, #FFFFFF 0%,#D6D6D6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* ======================================= *
 * ## Gradient Grey (#EEF1EF - #DBE1DD) ##
 * ======================================= */

body .pika-button:hover {
   background: #EEF1EF; /* Old browsers */
   background: linear-gradient(180deg, #EEF1EF 0%,#DBE1DD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* ======================================= *
 * ## Gradient Grey (#171A18 - #39403D) ##
 * ======================================= */

.map-controls .map-controls-button.checked {
   /background: #171A18; /* Old browsers */
   /background: linear-gradient(180deg, #171A18 0%,#39403D 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* ======================================== *
 * ## Gradient Green (#CBD7CB - #B1BDB1) ##
 * ======================================== */

.map-zoom-range .zoom-level-button {
   /background: #CBD7CB; /* Old browsers */
   /background: linear-gradient(180deg, #CBD7CB 0%,#B1BDB1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* ======================================== *
 * ## Gradient Green (#D3E0D3 - #CBD7CB) ##
 * ======================================== */

.map-zoom-range .zoom-level-button:hover {
   /background: #D3E0D3; /* Old browsers */
   /background: linear-gradient(180deg, #D3E0D3 0%,#CBD7CB 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* ======================================== *
 * ## Gradient Green (#E5EAE8 - #C0CCC6) ##
 * ======================================== */

body .pika-button {
   background: #E5EAE8; /* Old browsers */
   background: linear-gradient(180deg, #E5EAE8 0%,#C0CCC6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* ======================================== *
 * ## Gradient Green (#38423D - #9DACA5) ##
 * ======================================== */

body td.is-selected .pika-button {
   background: #38423D; /* Old browsers */
   background: linear-gradient(180deg, #38423D 0%,#9DACA5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* ======================================== *
 * ## Gradient Green (#8E998E - #6F776E) ##
 * ======================================== */

.map-zoom-range .role-decrease,
.map-zoom-range .role-increase,
.map-zoom-range .role-indicator-container .role-indicator {
   /background: #8E998E; /* Old browsers */
   /background: linear-gradient(180deg, #8E998E 0%,#6F776E 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* ======================================== *
 * ## Gradient Green (#A6B3A4 - #8E998E) ##
 * ======================================== */

.map-zoom-range .role-decrease:not(.button-disabled):hover,
.map-zoom-range .role-increase:not(.button-disabled):hover {
   /background: #A6B3A4; /* Old browsers */
   /background: linear-gradient(180deg, #A6B3A4 0%,#8E998E 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* ======================================== *
 * ## Gradient Green (#485953 - #364741) ##
 * ======================================== */

.location-label,
.login-title {
   background: #485953;
   background: -webkit-linear-gradient(top, #485953 0%,#364741 100%);
}