/* ======================== *
 * ## Black (#000000) ##
 * @var  --default-font-col
 * ======================== */

/* ## border-color ## */
.casper-calendar-component .pika-table:before {
   border-color: #005667;
}

/* ## color ## */
body,
.calendar-news-items .news-item-container .content,
.casper-calendar-component .pika-table th,
.noise-intro-button-bar ul li a.active,
.noise-kruimelpad ul li:not(:last-child):after,
.noise-kruimelpad ul li a,
.noise-today-bar .noise-today-bar-body .noise-today-elem:after,
.noise-today-bar .noise-today-bar-body .noise-today-text {
   color: #000000;
}

/* ## fill ## */
.noise-today-bar .meteo-component .role-windDirVisual svg,
.navbar-logo-container .icon {
   fill: #000000;
}

/* ## stroke ## */
.meteo-component .weather-vane #rope {
   stroke: #000000;
}

/* ## background-color (important) ## */
.casper-calendar-component.period-from .role-period-from,
.casper-calendar-component.period-upto .role-period-upto,
.casper-calendar-component .pika-table .is-today .pika-button {
   background-color: #6A6A6A !important;
}

/* ================================= *
 * ## Grey (#7FAAB3) ##
 * @var  --noise-line-vertical-color
 * ================================= */
h2.border-bottom div {
   border-color: #7FAAB3;
}

h2.border-bottom div:empty {
   border-color: transparent;
}

/* ============================== *
 * ## Blue (#004D5C) ##
 * @var  --noise-mobile-menu-dark
 * ============================== */


/* ===================== *
 * ## Blue (#000000) ##
 * @var  --noise-bg-dark
 * ===================== */

/* ## background-color ## */
.casper-calendar-component .period-clear-button .icon,
.casper-calendar-component .pika-next,
.casper-calendar-component .pika-prev,
.faq-page .noise-faq-el.opened .noise-faq-question:hover .noise-faq-button,
.glossar-page .noise-faq-el.opened .noise-faq-question:hover .noise-faq-button,
.full-row-swiper .swiper-buttons-container .swiper-button:not(.swiper-button-disabled):hover,
.navbar .navbar-search-btn.search-bar-open,
.noise-btn-secondary,
.noise-btn-secondary:hover,
.noise-faq-el.opened .noise-faq-question::after,
.noise-searchbar-toggler-closer div,
.noise-today-btn.noise-today-open.btn-round,
.noise-today-toggler-closer .noise-btn-round,
.read-more:hover ,
.noise-bg-dark,
.noise-bg-secondary {
   background-color: #000000;
}

/* ## border-color ## */
.navbar-collapse.show .navbar-nav .nav-item a.nav-link,
.navbar-collapse.collapsing .navbar-nav .nav-item a.nav-link,
.noise-table-calendar tr {
   border-color: #000000;
}

/* ## color ## */
.calendar-news-items .news-item-container .title,
.meteo-item,
.noise-navbar .dropdown-menu .dropdown-item,
.noise-today-questions a,
.read-more {
   color: #000000;
}

/* ## fill ## */
.full-row-swiper .swiper-buttons-container .swiper-button .icon,
.meteo-component .role-visual svg,
.meteo-component .role-windSpeedVisual svg,
.meteo-item .meteo-info .role-windDirVisual svg,
.navbar-search-btn.btn-round .icon #magnifier {
   fill: #000000;
}

/* ## stroke ## */
.full-row-swiper .swiper-buttons-container .swiper-button .icon,
.navbar-search-btn.btn-round .icon #magnifier {
   stroke: #000000;
}


/* ====================== *
 * ## Blue (#2F2F2F) ##
 * @var  --noise-bg-light
 * ====================== */

/* ## background ## */
h4.noise-title-bar,
#noise-footer,
.editor-footer,
.editor-header,
.casper-calendar-component.enabled-dates .pika-table td:not(.is-disabled) .pika-button:hover,
.casper-calendar-component.trigger-active .role-trigger,
.casper-calendar-component:not(.period-idle) .pika-table td.is-selected .pika-button:hover,
.casper-calendar-component .period-mode-button,
.casper-calendar-component .pika-table .is-endperiod .pika-button,
.casper-calendar-component .pika-table .is-inperiod .pika-button,
.casper-calendar-component .pika-table .is-inperiod:not(.is-endperiod) .pika-button:after,
.casper-calendar-component .pika-table .is-startperiod .pika-button,
.casper-calendar-component .pika-table .is-startperiod + .is-endperiod .pika-button:before,
.casper-calendar-component .pika-table .is-startperiod + .is-inperiod .pika-button:before,
.casper-calendar-component.enabled-dates .pika-table .is-selected .pika-button,
.db-nmt-container.select .db-label-container .db-label,
.dropdown-component .role-listitems .list-item[data-value].highlight,
.dropdown-component.nmt-period-list .role-list .tip-container .tip,
.faq-page .noise-faq-el .noise-faq-answer,
.glossar-page .noise-faq-el .noise-faq-answer,
.faq-page .noise-faq-el.opened .noise-faq-button,
.glossar-page .noise-faq-el.opened .noise-faq-button,
.navbar-collapse.collapsing,
.navbar-collapse.show,
.navbar-menu-btn-container.mobile-menu-open,
.navbar-toggler,
.noise-navbar .dropdown-menu .dropdown.active .dropdown-item:hover,
.noise-navbar .dropdown-menu .dropdown-item:hover,
.noise-navbar .dropdown-menu .dropdown-item.show:hover,
.noise-navbar .nav-item.active > .dropdown-menu > .active > .dropdown-item:not(.dropdown-toggle),
.noise-navbar .dropdown-menu.show li.active li.active .dropdown-item,
.noise-bg-light,
.casper-calendar-component .pika-title,
.noise-select,
.noise-table-calendar::before,
.page-sidemenu ul li a,
.row-item .item-header.filled-header,
.search-location-component .pac-item.pac-item-selected {
   background-color: #2F2F2F;
}


/* ## border-color ## */
.casper-calendar-component .pika-single,
.nline-bottom:after,
.nline-left:after,
.nline-right:after,
.nline-top:after,
.noise-table-calendar::before,
.row .row-item + .row-item {
    border-color: #2F2F2F;
}

/* ## color ## */
a:hover,
.noise-navbar .navbar-brand,
.noise-navbar .navbar-text,
.noise-intro-button-bar ul li a,
.noise-navbar .navbar-brand,
.noise-navbar .navbar-nav .nav-link,
.noise-navbar .navbar-text,
.row-item .item-header {
   color: #2F2F2F;
}

h2, h4 {
   color: #2F2F2F !important;
}


/* ===================== *
 * ## Grey (#F3F3F3) ##
 * @var  --noise-bg-gray
 * ===================== */

/* ## background ## */
.casper-calendar-component.trigger-inactive .role-trigger,
.checkbox .role-button,
.group-checkbox .role-button,
.navbar-search-btn-container,
.noise-gray-panel,
.noise-gray-sub-panel .f3-item,
.noise-navbar-btn-search,
.noise-searchbar > div,
.noise-table-calendar td,
.noise-today-bar,
.noise-gray-panel,
.noise-gray-sub-panel .f3-item:after,
.noise-today-open .noise-today-btn-container,
.noise-today-toggler-closer,
.radio-checkbox .role-button,
.search-location-component .search-location-autocomplete-list:after {
   background-color: #F3F3F3;
}


/* ==================== *
 * ## Grey (#6A6A6A) ##
 * ==================== */

/* ## color ## */
.calendar-news-items .control-bar .role-read-more,
.casper-calendar-component.enabled-dates .pika-table .pika-button,
.dropdown-component .role-listitems .list-item[data-value].highlight,
.dropdown-component .role-listitems .list-item[data-value].select.highlight,
.noise-btn-primary,
.noise-navbar .dropdown.active > .dropdown-item,
.noise-navbar .dropdown-menu .dropdown-item.show,
.noise-navbar .navbar-nav .nav-item.active .nav-link,
.noise-navbar .nav-item:hover .nav-link {
   color: #6A6A6A;
}

/* ## color (important)## */
.search-location-component .pac-item:hover,
.search-location-component .pac-item:hover .pac-item-query {
   color: #6A6A6A !important;
}

/* ## fill ## */
.calendar-news-items .control-bar .swiper-button .icon,
.casper-calendar-component .period-clear-button .icon,
.casper-calendar-component .pika-next svg,
.casper-calendar-component .pika-prev svg,
.checkbox .role-button .icon,
.db-page .databrowser-map-controls-container .databrowser-gui-control-button .role-button .icon,
.dropdown-component.list-closed .list-toggle .icon,
.f3-new-item-wrapper .news-item.new-item .item-button .item-button-icon,
.faq-page .noise-faq-el .noise-faq-button .icon,
.glossar-page .noise-faq-el .noise-faq-button .icon,
.full-row-swiper .swiper-buttons-container .swiper-button .icon,
.group-checkbox .role-button .icon,
.navbar-search-btn.btn-round .icon #magnifier,
.nmt-positions-layer .db-nmt-inactive .db-nmt-icon #background,
.nmt-legend-container.nmt-inactive .icon #background,
.noise-navbar .dropdown.active > .dropdown-item ~ .dropdown-icon,
.noise-navbar .dropdown-menu .dropdown-item.show ~ .dropdown-icon,
.noise-navbar .nav-item:not(.active):hover .dropdown-indicator,
.noise-navbar .nav-item.active .dropdown-indicator,
.noise-today-mobile-item.active svg,
.radio-checkbox .role-button .icon {
   fill: #6A6A6A;
}

/* ## stroke ## */
.calendar-news-items .control-bar .swiper-button .icon,
.casper-calendar-component .period-clear-button .icon,
.casper-calendar-component .pika-next svg,
.casper-calendar-component .pika-prev svg,
.checkbox .role-button .icon,
.db-page .databrowser-map-controls-container .databrowser-gui-control-button .role-button .icon,
.dropdown-component.list-closed .list-toggle .icon,
.f3-new-item-wrapper .news-item.new-item .item-button .item-button-icon,
.faq-page .noise-faq-el .noise-faq-button .icon,
.glossar-page .noise-faq-el .noise-faq-button .icon,
.full-row-swiper .swiper-buttons-container .swiper-button .icon,
.group-checkbox .role-button .icon,
.navbar-search-btn.btn-round .icon #magnifier,
.noise-navbar .dropdown.active > .dropdown-item ~ .dropdown-icon,
.noise-navbar .dropdown-menu .dropdown-item.show ~ .dropdown-icon,
.noise-navbar .nav-item:not(.active):hover .dropdown-indicator,
.noise-navbar .nav-item.active .dropdown-indicator,
.radio-checkbox .role-button .icon,
.runway-use-component #active > g.closed line,
.runway-use-component #active > g line.closed {
   stroke: #6A6A6A;
}


/* ================================ *
 * ## Blue (#E5EAED) ##
 * @var  --noise-primary-accent-col
 * ================================ */

/* ## background-color ## */
.busy-logo .center,
.carousel-indicators li.active,
.casper-calendar-component.enabled-dates .pika-table td:not(.is-disabled) .pika-button,
.casper-calendar-component:not(.period-idle) .pika-table td.is-selected .pika-button,
.casper-calendar-component:not(.period-from) .role-period-from:hover,
.casper-calendar-component:not(.period-upto) .role-period-upto:hover,
.casper-calendar-component.trigger-active .role-trigger:hover,
.casper-calendar-component .period-clear-button .icon:hover,
.checkbox .role-button,
.db-page .databrowser-map-controls-container .databrowser-gui-control-button.active:hover .role-button,
.dropdown-component .role-listitems .list-item[data-value].highlight,
.dropdown-component .role-listitems .list-item[data-value].select.highlight,
.faq-page .noise-faq-button,
.glossar-page .noise-faq-button,
.full-row-swiper .swiper-buttons-container .swiper-button,
.navbar-logo-container .logo-background,
.navbar-menu-btn-container,
.noise-news-link,
.noise-navbar .navbar-nav .nav-item.active,
.noise-navbar .dropdown.active > .dropdown-item,
.noise-navbar .dropdown-menu .dropdown-item.show,
.noise-pagination .page-item .page-link.noise-pagination-link-accent,
.noise-today-btn.btn-round,
.noise-today-mobile .noise-today-mobile-item,
.noise-today-question::after,
.noise-today-toggler-opener .noise-btn-round,
.search-bar-open.navbar-search-btn,
.dropdown-component.list-closed .list-toggle,
.f3-new-item-wrapper .news-item.new-item .item-button .item-button-icon,
.noise-bg-primary,
.noise-btn-primary,
.page-sidemenu .f3-selected-menu-item a,
.calendar-news-items .control-bar .role-read-more,
.calendar-news-items .control-bar .swiper-button,
.calendar-news-items .control-bar .swiper-pagination-container,
.casper-calendar-component .pika-next:hover,
.casper-calendar-component .pika-prev:hover,
.row-item .item-links .item-link,
.group-checkbox .role-button,
.radio-checkbox .role-button,
.search-location-component .pac-item:hover {
   background-color: #E5EAED;
}

/* ## border-color ## */
.busy-logo,
.dropdown-component .display-wrapper .display-container,
.search-location-component .input-container {
   border-color: #E5EAED;
}

/* ## color ## */
.faq-page .noise-faq-el .noise-faq-answer .read-more:after,
.faq-page .noise-faq-el .noise-faq-answer .read-more a,
.glossar-page .noise-faq-el .noise-faq-answer .read-more:after,
.glossar-page .noise-faq-el .noise-faq-answer .read-more a,
.noise-kruimelpad ul li,
.noise-primary-accent,
.noise-today .noise-today-btn .label,
.noise-today-mobile .noise-today-mobile-item.active,
.noise-today-mobile .noise-today-mobile-item.active *,
.today-toggler-bottom-bar .today-toggler div,
#noise-footer a {
   color: #E5EAED;
}

/* ## outline-color  ## */
.f3-item-wrapper:hover .f3-edit {
   outline-color: #E5EAED;
}


/* ## stroke ## */
.busy-logo #circleBorder,
.navbar-logo-container .icon #lines,
.navbar-logo-container .icon #visual {
   stroke: #E5EAED;
}


/* ===================================== *
 * ## Blue (#CED2D5) ##
 * @var  --noise-primary-accent-col-dark
 * ===================================== */
.checkbox:hover .role-button,
.dropdown-component.list-closed .display-wrapper:hover .list-toggle,
.faq-page .noise-faq-question:hover .noise-faq-button,
.glossar-page .noise-faq-question:hover .noise-faq-button,
.group-checkbox:hover .role-button,
.radio-checkbox:not(.disabled):hover .role-button {
   background-color: #CED2D5;
}

/* ## color ## */
.casper-calendar-component .pika-table .pika-button,
.casper-calendar-component.enabled-dates .pika-table .is-disabled .pika-button,
.faq-page .noise-faq-el .noise-faq-answer .read-more:hover:after,
.faq-page .noise-faq-el .noise-faq-answer .read-more:hover a,
.glossar-page .noise-faq-el .noise-faq-answer .read-more:hover:after,
.glossar-page .noise-faq-el .noise-faq-answer .read-more:hover a {
   color: #CED2D5;
}


/* ====================================== *
 * ## Blue (#B45A00) ##
 * @var  --noise-primary-accent-col-light
 * ====================================== */

/* ================================== *
 * ## Blue (#457492) ##
 * @var  --noise-secondary-accent-col
 * ================================== */

/* ## background ## */
.swiper-pagination-bullet-active {
   background: #457492;
}

/* ## background-color ## */
button, input.button,
.btn-text,
.calendar-news-items .control-bar .swiper-button:hover,
.calendar-news-items .control-bar .role-read-more:hover,
.checkbox.checked .role-button,
.db-page .databrowser-map-controls-container .databrowser-gui-control-button.active.checked .role-button,
.dropdown-component.list-open .list-toggle,
.dropdown-component .role-listitems .list-item[data-value].select,
.f3-item-wrapper .f3-item-menu,
.f3-new-item-wrapper .news-item.new-item .item-button:hover .item-button-icon,
.f3-search-results li > a,
.full-row-swiper .swiper-buttons-container .swiper-button:not(.swiper-button-disabled):hover,
.group-checkbox.checked .role-button,
.location-label-container .location-label,
.location-label-container .location-label .tip:after,
.noise-btn-primary:hover,
.noise-news-link:hover,
.radio-checkbox.checked .role-button {
   background-color: #457492;
}

/* ## background-color !important ## */
.casper-calendar-component.enabled-dates .pika-table .is-selected .pika-button {
   background-color: #457492 !important;
}

/* ## border-color ## */
.f3-item-wrapper .f3-item-menu,
.f3-item-wrapper:hover .f3-edit {
   border-color: #457492;
}

/* ## color ## */
.noise-nav-link,
#noise-footer a:hover {
   color: #457492;
}

/* ## color (important) ## */
.search-location-component .pac-item-query .pac-matched,
.search-location-component .pac-item:hover .pac-item-query .pac-matched {
   color: #457492 !important;
}


/* ======================================= *
 * ## Blue (#385d76) ##
 * @var  --noise-secondary-accent-col-dark
 * ======================================= */

/* ## background-color ## */
button:hover, input.button:hover,
.btn-text:hover,
.checkbox.checked:hover .role-button,
.db-page .databrowser-map-controls-container .databrowser-gui-control-button.active.checked:hover .role-button,
.dropdown-component.list-open .display-wrapper:hover .list-toggle,
.group-checkbox.checked:hover .role-button,
.radio-checkbox.checked:hover .role-button {
   background-color: #385D76;
}

/* ## color ## */
.noise-nav-link:hover {
   color: #385D76;
}


/* ================================= *
 * ## Orange (#F39501) ##
 * @var  --noise-tertiery-accent-col
 * ================================= */

/* ## fill ## */
.nmt-positions-layer .db-nmt-active .db-nmt-icon #background,
.nmt-legend-container.nmt-active .icon #background {
   fill: #F39501;
}


/* =========================== *
 * @var  --noise-outbound-dark
 * @hex  #A64200
 * =========================== */


/* ===================== *
 * @var  --noise-inbound
 * @hex  #5E4599
 * ===================== */

/* fill */
.runway-use-component #label .text.inbound,
.runway-use-component .runways-svg .flight.inbound { fill: #70AD47; }

/* stroke */
.runway-use-component #active > g.inbound line.runway { stroke: #70AD47; }

/* stroke !important */
.runway-use-component #active > g.inbound.outbound line.runway[id$="in"] { stroke: #70AD47 !important; }


/* ====================== *
 * @var  --noise-outbound
 * @hex  #CF5300
 * ====================== */

/* fill */
.runway-use-component #label .text.outbound,
.runway-use-component .runways-svg .flight.outbound { fill: #2581FC; }
 
/* stroke */
.runway-use-component #active > g.outbound line.runway { stroke: #2581FC; }

/* stroke !important */
.runway-use-component #active > g.inbound.outbound line.runway[id$="out"] { stroke: #2581FC !important; }


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

/* ## background-color ## */
.casper-calendar-component .pika-table .pika-button,
.casper-calendar-component.data-enabled .pika-table .is-disabled .pika-button,
.dropdown-component .display-container,
.dropdown-component .role-list .list-container,
.dropdown-component .role-list .tip-container .tip,
.navbar-menu-btn-container .hamburger .hamburger-inner,
.navbar-menu-btn-container .hamburger .hamburger-inner::before,
.navbar-menu-btn-container .hamburger .hamburger-inner::after,
.navbar-menu-btn-container .hamburger.is-active .hamburger-inner,
.navbar-menu-btn-container .hamburger.is-active .hamburger-inner::before,
.navbar-menu-btn-container .hamburger.is-active .hamburger-inner::after,
.noise-news-date,
.search-location-component .input-container .role-input,
.search-location-component .pac-container,
.search-location-component .role-ac-list .tip {
   background-color: #FFFFFF;
}

/* ## color ## */
button, input.button,
.btn-text,
.calendar-news-items .control-bar .role-read-more:hover,
.casper-calendar-component .period-mode-button .label,
.casper-calendar-component .pika-title .pika-label,
.casper-calendar-component .pika-table .is-endperiod .pika-button,
.casper-calendar-component .pika-table .is-inperiod .pika-button,
.casper-calendar-component .pika-table .is-startperiod .pika-button,
.casper-calendar-component.enabled-dates .pika-table .is-selected .pika-button,
.casper-calendar-component:not(.period-idle) .pika-table td.is-selected .pika-button,
.casper-calendar-component:not(.period-idle) .pika-table .pika-button:hover,
.casper-calendar-component.trigger-active .role-trigger .label,
.db-nmt-container.select .db-label-container .db-label,
.dropdown-component .group-checkbox.checked .role-label,
.f3-item-menu .f3-icon,
.glossar-page .noise-faq-el .noise-faq-answer,
.noise-btn-primary:hover,
.noise-navbar .dropdown-menu .dropdown-item:hover,
.noise-navbar .dropdown-menu.show li.active li.active .dropdown-item,
.noise-navbar .nav-item.active > .dropdown-menu > .active > .dropdown-item:not(.dropdown-toggle),
.read-more:hover,
button:hover, input.button:hover {
   color: #FFFFFF;
}

/* ## color !important ## */
.casper-calendar-component .pika-table .is-today .pika-button {
   color: #FFFFFF !important;
}

/* ## fill  ## */
.checkbox.checked .role-button .icon,
.db-page .databrowser-map-controls-container .databrowser-gui-control-button.active.checked .role-button .icon,
.f3-new-item-wrapper .news-item.new-item .item-button:hover .item-button-icon,
.group-checkbox.checked .role-button .icon,
.noise-today-mobile-item svg,
.noise-navbar .dropdown-menu .dropdown.active .dropdown-item:hover ~ .dropdown-icon,
.noise-navbar .dropdown-menu .dropdown-item.show:hover ~ .dropdown-icon,
.radio-checkbox.checked .role-button .icon {
    fill: #FFF;
}

/* stroke */
.checkbox.checked .role-button .icon,
.db-page .databrowser-map-controls-container .databrowser-gui-control-button.active.checked .role-button .icon,
.f3-new-item-wrapper .news-item.new-item .item-button:hover .item-button-icon,
.group-checkbox.checked .role-button .icon,
.noise-navbar .dropdown-menu .dropdown.active .dropdown-item:hover ~ .dropdown-icon,
.noise-navbar .dropdown-menu .dropdown-item.show:hover ~ .dropdown-icon,
.radio-checkbox.checked .role-button .icon {
   stroke: #FFF;
}