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

/* ## color (important) ## */
.f3-edit-active + .f3-item,
.noise-header .f3-item-wrapper .f3-edit {
   color: #000000 !important;
}

/* ==================== *
 * ## Blue (#2681fd) ##
 * ==================== */

/* ## border-color ## */
.f3-edi.f3-image:empty {
   border-color: #2681fd;
}

/* ==================== *
 * ## Gray (#6C757D) ##
 * ==================== */

 /* ## fill (important) ## */
.db-nmt-icon #background,
.nmt-legend-container .icon #background {
   fill: #6C757D;
}

/* ## fill (important) ## */
.full-row-swiper .swiper-buttons-container .swiper-button.swiper-button-disabled .icon {
   fill: #6C757D !important;
}

/* ## stroke (important) ## */
.full-row-swiper .swiper-buttons-container .swiper-button.swiper-button-disabled .icon {
   stroke: #6C757D !important;
}


/* ==================== *
 * ## Grey (#AAAAAA) ##
 * ==================== */

/* ## border-color ## */
.f3-item-menu {
   border-color: #AAAAAA;
}

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


/* ==================== *
 * ## Grey (#CDCDCD) ##
 * ==================== */

/* ## background ## */
.casper-calendar-component .pika-table .is-today.is-disabled .pika-button {
   background: #CDCDCD;
}

/* ## background-color ## */
.checkbox .role-button,
.group-checkbox .role-button,
.radio-checkbox .role-button {
   background-color: #CDCDCD;
}


/* ==================== *
 * ## Grey (#DDDDDD) ##
 * ==================== */

/* ## color ## */
#noise-footer a:hover {
   color: #DDDDDD;
}


/* ==================== *
 * ## Grey (#E5EEF0) ##
 * ==================== */

/* ## border-color ## */
.noise-navbar .dropdown-menu .dropdown-item {
   border-color: #E5EEF0;
}


/* ==================== *
 * ## Grey (#F1F1F1) ##
 * ==================== */

/* ## background ## */
.noise-info-bar,
.noise-kruimelpad,
.noise-pagination .page-item .page-link,
.read-more {
   background: #F1F1F1;
}


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

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


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

/* ## background ## */
.carousel-indicators li,
.casper-calendar-component .button-container,
.search-bar-toggler.btn-round,
.noise-content-tile,
.noise-header .f3-item-wrapper .f3-edit,
.noise-intro-button-bar ul li a.active,
.noise-navbar .navbar-nav .nav-item.show,
.noise-searchbar-toggler-opener div,
.noise-select,
.noise-table-calendar tr,
.noise-today .noise-today-btn,
.noise-today-bar.noise-today-open,
.noise-today-btn-container,
.noise-today-mobile .noise-today-mobile-item.active {
   background: #FFFFFF;
}

/* ## background-color ## */
.db-graphic-container .db-label-container .db-label,
.db-page .databrowser-map-controls-container .databrowser-gui-control-button .role-button,
.navbar {
   background-color: #FFFFFF;
}

/* ## color ## */
button,
h4.noise-title-bar,
#noise-footer,
#noise-footer a,
.btn,
.btn-text,
.button,
.casper-calendar-component .pika-title .pika-label,
.calendar-news-items .control-bar .role-read-more,
.calendar-news-items .control-bar .role-swiper-pagination,
.dropdown-component .radio-checkbox:hover .role-label,
.dropdown-component .radio-checkbox.checked .role-label,
.dropdown-component .role-listitems .list-item[data-value].highlight,
.dropdown-component .role-listitems .list-item[data-value].select,
.editor-header,
.faq-page .noise-faq-el .noise-faq-answer,
.noise-bg-dark,
.noise-bg-light,
.noise-bg-primary,
.noise-bg-secondary,
.noise-btn-primary,
.noise-btn-primary:hover,
.noise-btn-secondary,
.noise-btn-secondary:hover,
.noise-container-header h1,
.noise-faq-answer .read-more a,
.noise-news-date,
.noise-navbar .dropdown.active > .dropdown-item,
.noise-navbar .dropdown-menu .dropdown-item:hover,
.noise-navbar .dropdown-menu .dropdown-item.show,
.noise-news-link a,
.noise-pagination .page-item .page-link.noise-pagination-link-accent,
.noise-pagination .page-item.active .page-link,
.noise-select,
.noise-table-calendar,
.noise-today-mobile .noise-today-mobile-item span,
.page-sidemenu ul li a,
.row-item .item-header.filled-header,
.row-item .item-links .item-link {
   color: #FFFFFF;
}

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

/* ## fill ## */
#noise-footer .casper-logo,
.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,
.databrowser-map-controls-container .databrowser-gui-control-button.active:hover .icon,
.databrowser-map-controls-container .databrowser-gui-control-button.checked .icon,
.dropdown-component .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,
.full-row-swiper .swiper-buttons-container .swiper-button:not(.swiper-button-disabled):hover .icon,
.group-checkbox .role-button .icon,
.location-label-container .location-label .svg-icon,
.navbar-search-btn.btn-round .icon #cross,
.noise-navbar .dropdown.active > .dropdown-icon,
.noise-navbar .dropdown.show > .dropdown-icon,
.noise-navbar .dropdown-menu .dropdown-item:hover ~ .dropdown-icon,
.noise-navbar .dropdown-menu .dropdown-item.show ~ .dropdown-icon,
.noise-navbar .nav-item.active .dropdown-indicator,
.noise-today-btn.btn-round .icon,
.radio-checkbox .role-button .icon {
   fill: #FFFFFF;
}


/* ## 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,
.databrowser-map-controls-container .databrowser-gui-control-button.active:hover .icon,
.databrowser-map-controls-container .databrowser-gui-control-button.checked .icon,
.dropdown-component .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,
.full-row-swiper .swiper-buttons-container .swiper-button:not(.swiper-button-disabled):hover .icon,
.group-checkbox .role-button .icon,
.location-label-container .location-label .svg-icon,
.navbar-search-btn.btn-round .icon #cross,
.noise-navbar .dropdown.active > .dropdown-icon,
.noise-navbar .dropdown.show > .dropdown-icon,
.noise-navbar .dropdown-menu .dropdown-item:hover ~ .dropdown-icon,
.noise-navbar .dropdown-menu .dropdown-item.show ~ .dropdown-icon,
.noise-navbar .nav-item.active .dropdown-indicator,
.noise-today-btn.btn-round .icon,
.radio-checkbox .role-button .icon {
   stroke: #FFFFFF;
}