/* ======================= *
 * ## Color Declaration ##
 * ======================= */

:root {
   --primary: #3C67FD !important;
   --primary-dark: #3052CA !important;
   --primary-light: #6385FD !important;

   --secondary: #F47721 !important;
   --secondary-dark: #C35F1A !important;
   --secondary-light: #F6924D !important;

   --inbound: #2581FC !important;
   --inbound-dark: #1E67CA !important;
   --inbound-light: #519AFD !important;

   --outbound: #70AD47 !important;
   --outbound-dark: #5A8A39 !important;
   --outbound-light: #8DBD6C !important;

   --black: #000000 !important;
   --grey: #AAAAAA !important;
   --grey-dark: #6C757D !important;
   --grey-darker: #2F2F2F !important;
   --grey-light: #CDCDCD !important;
   --grey-lighter: #F2F2F2 !important;
   --white: #FFFFFF !important;
}


/* ================================ *
 * ## Color Category Declaration ##
 * ================================ */

:root {
   /* =================== *
    * ## Accessibility ##
    * =================== */

   --accessibility-fill: var(--grey);
   --accessibility-font: var(--grey);
   --accessibility-stroke: var(--grey);
   

   /* ============= *
    * ## Buttons ##
    * ============= */

   /* button */
   --button-bg: var(--primary);
   --button-fill: var(--white);
   --button-font: var(--white);
   --button-stroke: var(--white);

   /* button-hover */
   --button-hover-bg: var(--primary-dark);
   --button-hover-fill: var(--white);
   --button-hover-font: var(--button-font);
   --button-hover-stroke: var(--white);

   /* button-disabled */
   --button-disabled-bg: var(--grey-lighter);
   --button-disabled-fill: var(--grey-dark);
   --button-disabled-font: var(--grey-dark);
   --button-disabled-stroke: var(--grey-dark);

   /* button-selected */
   --button-selected-bg: var(--button-hover-bg);
   --button-selected-fill: var(--button-hover-fill);
   --button-selected-font: var(--button-hover-font);
   --button-selected-stroke: var(--button-hover-stroke);

   /* important */
   --button-important-bg: var(--secondary);
   --button-important-fill: var(--button-selected-fill);
   --button-important-font: var(--button-selected-font);
   --button-important-stroke: var(--button-selected-stroke);


   /* ====================== *
    * ## Calendar Buttons ##
    * ====================== */

   /* button */
   --calendar-button-bg: var(--black);
   --calendar-button-fill: var(--button-fill);
   --calendar-button-font: var(--button-font);
   --calendar-button-stroke: var(--button-stroke);

   /* button-hover */
   --calendar-button-hover-bg: var(--primary);
   --calendar-button-hover-fill: var(--button-hover-fill);
   --calendar-button-hover-font: var(--button-hover-font);
   --calendar-button-hover-stroke: var(--button-hover-stroke);

   /* button-disabled */
   --calendar-button-disabled-bg: var(--button-disabled-bg);
   --calendar-button-disabled-fill: var(--button-disabled-fill);
   --calendar-button-disabled-font: var(--button-disabled-font);
   --calendar-button-disabled-stroke: var(--button-disabled-stroke);


   /* ========================== *
    * ## Chart Export buttons ##
    * ========================== */

   /* button */
   --chart-export-button-bg: var(--grey);
   --chart-export-button-fill: var(--grey-dark);
   --chart-export-button-font: var(--black);
   --chart-export-button-stroke: var(--grey-dark);

   /* button-hover */
   --chart-export-button-hover-bg: var(--secondary);
   --chart-export-button-hover-fill: var(--white);
   --chart-export-button-hover-font: var(--white);
   --chart-export-button-hover-stroke: var(--white);


   /* ================ *
    * ## Checkboxes ##
    * ================ */

   /* checkbox */
   --checkbox-bg: var(--grey-lighter);
   --checkbox-fill: var(--black);
   --checkbox-stroke: var(--black);

   /* checkbox hover */
   --checkbox-hover-bg: var(--primary);
   --checkbox-hover-fill: var(--white);
   --checkbox-hover-stroke: var(--white);

   /* checkbox checked */
   --checkbox-checked-bg: var(--checkbox-hover-bg);
   --checkbox-checked-fill: var(--checkbox-hover-fill);
   --checkbox-checked-stroke: var(--checkbox-hover-stroke);


   /* ============ *
    * ## Footer ##
    * ============ */

   /* footer */
   --footer-bg: var(--grey-darker);
   --footer-font: var(--white);
   --footer-link: var(--white);
   --footer-link-hover: var(--grey-light);


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

   /* header */
   --item-header-bg: var(--grey-darker);
   --item-header-font: var(--white);


   /* =========== *
    * ## links ##
    * =========== */

   /* links */
   --link-text: var(--primary);
   --link-text-hover: var(--secondary);


   /* ============== *
    * ## Location ##
    * ============== */

   --location-bg: var(--primary);
   --location-border: var(--primary-dark);
   --location-fill: var(--white);
   --location-font: var(--white);
   --location-stroke: var(--white);


   /* ========== *
    * ## Menu ##
    * ========== */

   /* menu */
   --menu-bg: var(--white);
   --menu-border: var(--grey);
   --menu-fill: var(--grey-darker);
   --menu-font: var(--grey-darker);
   --menu-stroke: var(--grey-darker);

   /* menu hover */
   --menu-hover-bg: var(--white);
   --menu-hover-border: var(--primary);
   --menu-hover-fill: var(--primary);
   --menu-hover-font: var(--primary);
   --menu-hover-stroke: var(--primary);

   /* menu active */
   --menu-active-bg: var(--primary);
   --menu-active-fill: var(--white);
   --menu-active-font: var(--white);
   --menu-active-stroke: var(--white);

   /* dropdown show */
   --menu-dd-show-bg: var(--menu-bg);
   --menu-dd-show-fill: var(--primary);
   --menu-dd-show-font: var(--primary);
   --menu-dd-show-stroke: var(--primary);

   /* dropdown item */
   --menu-dd-item-bg: var(--menu-bg);
   --menu-dd-item-fill: var(--menu-font);
   --menu-dd-item-font: var(--menu-font);
   --menu-dd-item-stroke: var(--menu-stroke);

   --menu-dd-item-hover-bg: var(--menu-bg);
   --menu-dd-item-hover-fill: var(--primary);
   --menu-dd-item-hover-font: var(--primary);
   --menu-dd-item-hover-stroke: var(--primary);

   --menu-dd-item-active-bg: var(--secondary);
   --menu-dd-item-active-fill: var(--white);
   --menu-dd-item-active-font: var(--white);
   --menu-dd-item-active-stroke: var(--white);

   --menu-dd-item-active-hover-bg: var(--secondary-dark);
   --menu-dd-item-active-hover-fill: var(--menu-dd-item-active-fill);
   --menu-dd-item-active-hover-font: var(--menu-dd-item-active-font);
   --menu-dd-item-active-hover-stroke: var(--menu-dd-item-active-stroke);

   /* dropdown toggle */
   --menu-dd-toggle-bg: var(--menu-dd-item-bg);
   --menu-dd-toggle-fill: var(--menu-dd-item-fill);
   --menu-dd-toggle-font: var(--menu-dd-item-font);
   --menu-dd-toggle-stroke: var(--menu-dd-item-stroke);

   /* dropdown toggle show */
   --menu-dd-toggle-show-bg: var(--menu-bg);
   --menu-dd-toggle-show-fill: var(--primary);
   --menu-dd-toggle-show-font: var(--primary);
   --menu-dd-toggle-show-stroke: var(--primary);


   /* ========== *
    * ## News ##
    * ========== */

   --news-link-bg: var(--button-bg);
   --news-link-fill: var(--button-fill);
   --news-link-font: var(--button-font);
   --news-link-stroke: var(--button-stroke);

   --news-link-hover-bg: var(--button-hover-bg);
   --news-link-hover-fill: var(--button-hover-fill);
   --news-link-hover-font: var(--button-hover-font);
   --news-link-hover-stroke: var(--button-hover-stroke);


   /* ========= *
    * ## NMT ##
    * ========= */

   --nmt-fixed-fill: var(--primary);
   --nmt-mobile-fill: var(--secondary);


   /* ================== *
    * ## Radiobuttons ##
    * ================== */

   /* radiobutton */
   --radiobutton-bg: var(--checkbox-bg);
   --radiobutton-fill: var(--checkbox-fill);
   --radiobutton-stroke: var(--checkbox-stroke);

   /* radiobutton hover */
   --radiobutton-hover-bg: var(--checkbox-hover-bg);
   --radiobutton-hover-fill: var(--checkbox-hover-fill);
   --radiobutton-hover-stroke: var(--checkbox-hover-stroke);

   /* radiobutton checked */
   --radiobutton-checked-bg: var(--checkbox-checked-bg);
   --radiobutton-checked-fill: var(--checkbox-checked-fill);
   --radiobutton-checked-stroke: var(--checkbox-checked-stroke);


   /* ========== *
    * ## Text ##
    * ========== */

   /* text */
   --text-highlight: var(--secondary);
}


/* =================== *
 * ## Accessibility ##
 * =================== */

#accessibility-button {
   color: var(--accessibility-font);
   fill: var(--accessibility-fill);
   stroke: var(--accessibility-stroke);
}

#accessibility-button:hover {
   color: var(--menu-hover-font);
   fill: var(--menu-hover-fill);
   stroke: var(--menu-hover-stroke);
}

body.accessible-mode #accessibility-button {
   color: var(--accessibility-active-font);
   fill: var(--accessibility-active-fill);
   stroke: var(--accessibility-active-stroke);
}

/* ============= *
 * ## General ##
 * ============= */

body {
   color: var(--black);
}

/* ================== *
 * ## Accent Color ##
 * ================== */

#cc-window-settings .cc-window-settings-cookie input[type="checkbox"] {
   accent-color: var(--primary);
}


/* ================ *
 * ## Background ##
 * ================ */

#cc-window,
.dropdown-component .role-list .list-container,
.dropdown-component .role-listitems,
.navbar,
.page-sidemenu .f3-selected-menu-parent .f3-selected-menu-parent .f3-sub-menu {
   background: var(--white);
}

#cc-window .cc-window-buttons button.cc-btn-info,
#cc-window-settings .cc-window-settings-buttons button.cc-btn-settings-select {
   background-color: var(--grey);
}

#cc-window .cc-window-buttons button.cc-btn-info:hover,
#cc-window-settings .cc-window-settings-buttons button.cc-btn-settings-select:hover {
   background: var(--grey-dark);
}

.map-icon-label-tether .tether-line {
   background: var(--grey-darker);
}

.dropdown-component .display-container,
.noise-faq-answer,
.noise-grey-sub-panel,
.noise-today-bar,
.search-location-component .input-container .role-input {
   background: var(--grey-lighter);
}

[data-dimension=f3-website-tag] > span,
[data-dimension=f3-website-tag] > span:before,
#cc-window .cc-window-title,
#cc-window .cc-window-buttons button.cc-btn-accept,
#cc-window-settings .cc-window-settings-buttons button.cc-btn-settings-accept,
#cc-window-info .cc-modal-close,
#cc-window-settings .cc-modal-close,
li.tagit-choice,
li.tagit-choice:before,
.calendar-news-items .control-bar .role-read-more,
.calendar-news-items .control-bar .swiper-button,
.page-sidemenu ul li.f3-menu-parent > a,
.swiper-pagination-bullet-active {
   background: var(--primary);
}

#cc-window .cc-window-buttons button.cc-btn-accept:hover,
#cc-window-settings .cc-window-settings-buttons button.cc-btn-settings-accept:hover,
.calendar-news-items .control-bar .role-read-more:hover,
.calendar-news-items .control-bar .swiper-button:hover {
   background: var(--primary-dark);
}


/* ================== *
 * ## Border color ##
 * ================== */

.faq-page .noise-faq-el,
.noise-navbar .dropdown-menu .dropdown-item {
   border-color: var(--grey-light);
}

.page-sidemenu ul li > a {
   border-color: var(--black) !important;
}

#cc-window .cc-window-title,
#cc-window-info .cc-modal-close,
#cc-window-settings .cc-modal-close {
   border-color: var(--primary-dark);
}

.db-graphic-container.select .map-icon-label:before {
   border-top-color: var(--white);
}


/* =========== *
 * ## Color ##
 * =========== */

body a {
   color: var(--link-text);
}

body a:hover {
   color: var(--link-text-hover);
}

.calendar-news-items .news-item-container .title {
   color: var(--text-highlight);
}

.noise-nav-link {
   color: var(--link-text);
}

.noise-nav-link:hover {
   color: var(--link-text-hover);
}

.db-page .dropdown-component .group-checkbox.checked .role-label,
.db-page .dropdown-component .radio-checkbox.checked .role-label,
.noise-navbar .dropdown-menu .dropdown-item:hover {
   color: var(--white);
}

#cc-window-info .cc-modal-close,
#cc-window-settings .cc-modal-close {
   color: var(--grey-light);
}

.page-sidemenu ul li > a {
   color: var(--black);
}

#cc-window .cc-window-message a,
.page-sidemenu ul li > a:hover,
.page-sidemenu ul li.f3-selected-menu-item > a {
   color: var(--primary);
}

#cc-window .cc-window-message a:hover, #cc-window .cc-window-message a:visited {
   color: var(--primary-dark);
}

#cc-window .cc-window-title,
#cc-window-info .cc-modal-close:hover,
#cc-window-settings .cc-modal-close:hover,
.calendar-news-items .control-bar .role-read-more,
.page-sidemenu ul li.f3-menu-parent > a {
   color: var(--white);
}

/* ========== *
 * ## Fill ##
 * ========== */

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

.navbar-logo-container .icon #milieudienst,
.navbar-logo-container .icon #rijnmond {
   fill: var(--secondary);
}

.db-nmt-icon #background,
.nmt-legend-container .icon #background {
   fill: var(--grey-dark);
}

#noise-footer .casper-logo,
.calendar-news-items .control-bar .swiper-button svg {
   fill: var(--white);
}

.runway-use-component #label .text.inbound,
.runway-use-component .runways-svg .flight.inbound,
.runway-use-today .flight-icon.inbound,
.rwy-dist-container .map-icon-container.inbound .map-icon {
   fill: var(--inbound);
}


.runway-use-component #label .text.outbound,
.runway-use-component .runways-svg .flight.outbound,
.runway-use-today .flight-icon.outbound,
.rwy-dist-container .map-icon-container.outbound .map-icon {
   fill: var(--outbound);
}


/* ============ *
 * ## Stroke ##
 * ============ */

.runway-use-component #active > g.inbound line.runway {
   stroke: var(--inbound);
}

.runway-use-component #active > g.inbound.inbound line.runway[id$="in"] {
   stroke: var(--inbound) !important;
}

.runway-use-component #active > g.outbound line.runway {
   stroke: var(--outbound);
}

.runway-use-component #active > g.inbound.outbound line.runway[id$="out"] {
   stroke: var(--outbound) !important;
}

.rwy-dist-container .map-icon-container.inbound .map-icon {
   stroke: var(--inbound-dark);
}

.rwy-dist-container .map-icon-container.outbound .map-icon {
   stroke: var(--outbound-dark);
}


/* ============= *
 * ## Buttons ##
 * ============= */

/* idle */
button,
input[type="submit"],
.btn-text,
.db-page .databrowser-map-controls-container .databrowser-gui-control-button .role-button,
.dropdown-component .display-wrapper .list-toggle,
.dropdown-component .role-listitems .list-item[data-value].highlight,
.f3-new-item-wrapper .news-item.new-item .item-button .item-button-icon,
.full-row-swiper .swiper-buttons-container .swiper-button,
.login-form .login-button,
.noise-faq-button,
.noise-btn-primary,
.pika-single .pika-next,
.pika-single .pika-prev,
.pika-single .pika-row td:not(.is-disabled) .pika-button,
.row-item .item-header .info .ui-info-button,
.search-location-component .button-container .search-button,
.ui-button{
   background: var(--button-bg);
   color: var(--button-font);
   fill: var(--button-fill);
   stroke: var(--button-stroke);
}

/* hovered */
button:hover,
input[type="submit"]:hover,
.btn-text:hover,
.db-page .databrowser-map-controls-container .databrowser-gui-control-button .role-button:hover,
.dropdown-component .display-wrapper:hover .list-toggle,
.f3-new-item-wrapper .news-item.new-item .item-button:hover .item-button-icon,
.full-row-swiper .swiper-buttons-container .swiper-button:hover,
.login-form .login-button:hover,
.noise-faq-button:hover,
.noise-btn-primary:hover,
.pika-single .pika-next:hover,
.pika-single .pika-prev:hover,
.pika-single .pika-row td:not(.is-disabled) .pika-button:hover,
.row-item .item-header .info .ui-info-button:hover,
.search-location-component .button-container .search-button:hover,
.ui-button:hover{
   background: var(--button-hover-bg);
   color: var(--button-hover-font);
   fill: var(--button-hover-fill);
   stroke: var(--button-hover-stroke);
}

/* disabled */
.db-page .databrowser-map-controls-container .databrowser-gui-control-button.inactive .role-button,
.full-row-swiper .swiper-buttons-container .swiper-button.swiper-button-disabled,
.pika-single .pika-row td.is-disabled .pika-button,
.ui-button[disabled] {
   background: var(--button-disabled-bg);
   color: var(--button-disabled-font);
   fill: var(--button-disabled-fill);
   stroke: var(--button-disabled-stroke);
}

/* important */
.casper-calendar-component.enabled-dates .pika-table td.is-today .pika-button,
.pika-single .pika-row td.is-today:not(.is-disabled) .pika-button {
   background: var(--button-important-bg);
   color: var(--button-important-font);
   fill: var(--button-important-fill);
   stroke: var(--button-important-stroke);
}

/* selected */
.casper-calendar-component.enabled-dates .pika-table td.is-selected .pika-button,
.db-page .databrowser-map-controls-container .databrowser-gui-control-button.checked .role-button,
.dropdown-component.list-open .list-toggle,
.dropdown-component .role-listitems .list-item[data-value].select,
.faq-page .noise-faq-el.opened .noise-faq-button,
.pika-single .pika-row td.is-selected:not(.is-disabled) .pika-button {
   background: var(--button-selected-bg);
   color: var(--button-selected-font);
   fill: var(--button-selected-fill);
   stroke: var(--button-selected-stroke);
}


/* ====================== *
 * ## Calendar Buttons ##
 * ====================== */

.pika-single .pika-title button {
   background: var(--calendar-button-bg);
   color: var(--calendar-button-font);
   fill: var(--calendar-button-fill);
   stroke: var(--calendar-button-stroke);
}

.pika-single .pika-title button:hover {
   background: var(--calendar-button-hover-bg);
   color: var(--calendar-button-hover-font);
   fill: var(--calendar-button-hover-fill);
   stroke: var(--calendar-button-hover-stroke);
}


/* ============== *
 * ## Checkbox ##
 * ============== */

/* idle */
.checkbox .role-button,
.group-checkbox .role-button {
   background: var(--checkbox-bg);
   fill: var(--checkbox-fill);
   stroke: var(--checkbox-stroke);
}

/* hover */
.checkbox .role-button:hover,
.group-checkbox .role-button:hover {
   background: var(--checkbox-hover-bg);
   fill: var(--checkbox-hover-fill);
   stroke: var(--checkbox-hover-stroke);
}

/* checked */
.checkbox.checked .role-button,
.group-checkbox.checked .role-button {
   background: var(--checkbox-checked-bg);
   fill: var(--checkbox-checked-fill);
   stroke: var(--checkbox-checked-stroke);
}


/* ============ *
 * ## Footer ##
 * ============ */

#noise-footer {
   background: var(--footer-bg);
   color: var(--footer-font);
}

#noise-footer a { color: var(--footer-link); }
#noise-footer a:hover { color: var(--footer-link-hover); }


/* ============= *
 * ## Headers ##
 * ============= */

.noise-news-date,
.noise-title-bar,
.pika-single .pika-title,
.row-item .item-header.filled-header,
.ui-popup .role-header {
   background: var(--item-header-bg);
   color: var(--item-header-font);
}


/* ============== *
 * ## Location ##
 * ============== */

.location-label-container .location-label,
.location-label-container .location-label .tip:after {
   background: var(--location-bg);
   border-color: var(--location-border);
}

.location-label-container .location-label .svg-icon {
   fill: var(--location-fill);
   stroke: var(--location-stroke);
}


/* ========== *
 * ## Menu ##
 * ========== */

/* idle */
.noise-intro-button-bar ul li,
.noise-navbar .navbar-nav .nav-item {
   background: var(--menu-bg);
   border-color: var(--menu-border);
   fill: var(--menu-fill);
   stroke: var(--menu-stroke);
}
.noise-intro-button-bar ul li a,
.noise-navbar .navbar-nav .nav-item .nav-link {
   border-color: var(--menu-border);
   color: var(--menu-font);
}

/* hover */
.noise-intro-button-bar ul li:hover,
.noise-navbar .navbar-nav .nav-item:hover {
   background: var(--menu-hover-bg);
   fill: var(--menu-hover-fill);
   stroke: var(--menu-hover-stroke);
}
.noise-intro-button-bar ul li:hover a,
.noise-navbar .navbar-nav .nav-item:hover .nav-link {
   border-color: var(--menu-hover-border);
   color: var(--menu-hover-font);
}

/* dropdown */
.noise-navbar .navbar-nav .nav-item.dropdown.show {
   background: var(--menu-dd-show-bg);
   fill: var(--menu-dd-show-fill);
   stroke: var(--menu-dd-show-stroke);
}
.noise-navbar .navbar-nav .nav-item.dropdown.show .nav-link {
   color: var(--menu-dd-show-font);
}

/* active */
.noise-intro-button-bar ul li a.active,
.noise-navbar .navbar-nav .nav-item.active,
.noise-navbar .navbar-nav .nav-item.dropdown.active {
   background: var(--menu-active-bg);
   fill: var(--menu-active-fill);
   stroke: var(--menu-active-stroke);
}
.noise-intro-button-bar ul li a.active,
.noise-navbar .navbar-nav .nav-item.active .nav-link,
.noise-navbar .navbar-nav .nav-item.dropdown.active .nav-link {
   color: var(--menu-active-font);
}

/* Menu item */
.noise-navbar .dropdown-menu .dropdown-item {
   background: var(--menu-dd-item-bg);
   color: var(--menu-dd-item-font);
}
.noise-navbar .dropdown-menu .dropdown-item,
.noise-navbar .dropdown-menu .dropdown-item ~ .dropdown-icon {
   fill: var(--menu-dd-item-fill);
   stroke: var(--menu-dd-item-stroke);
}

.noise-navbar .dropdown-menu .dropdown-item:hover {
   background: var(--menu-dd-item-hover-bg);
   color: var(--menu-dd-item-hover-font);
}
.noise-navbar .dropdown-menu .dropdown-item:hover,
.noise-navbar .dropdown-menu .dropdown-item:hover ~ .dropdown-icon {
   fill: var(--menu-dd-item-hover-fill);
   stroke: var(--menu-dd-item-hover-stroke);
}

.noise-navbar .dropdown.active .dropdown-menu li.active .dropdown-item {
   background: var(--menu-dd-item-active-bg);
   color: var(--menu-dd-item-active-font);
}

.noise-navbar .dropdown.active .dropdown-menu li.active .dropdown-item:hover {
   background: var(--menu-dd-item-active-hover-bg);
   color: var(--menu-dd-item-active-hover-font);
}

.noise-navbar .dropdown-menu .dropdown-toggle {
   background: var(--menu-dd-toggle-bg);
   color: var(--menu-dd-toggle-font);
}
.noise-navbar .dropdown-menu .dropdown-toggle,
.noise-navbar .dropdown-menu .dropdown-toggle ~ .dropdown-icon {
   fill: var(--menu-dd-toggle-fill);
   stroke: var(--menu-dd-toggle-stroke);
}

.noise-navbar .dropdown-menu .dropdown-toggle.show {
   background: var(--menu-dd-toggle-show-bg);
   color: var(--menu-dd-toggle-show-font);
}
.noise-navbar .dropdown-menu .dropdown-toggle.show,
.noise-navbar .dropdown-menu .dropdown-toggle.show ~ .dropdown-icon {
   fill: var(--menu-dd-toggle-show-fill);
   stroke: var(--menu-dd-toggle-show-stroke);
}


/* ========== *
 * ## News ##
 * ========== */

.noise-news-link {
   background: var(--news-link-bg);
   color: var(--news-link-font);
   fill: var(--news-link-fill);
   stroke: var(--news-link-stroke);
}

.noise-news-link:hover {
   background: var(--news-link-hover-bg);
   color: var(--news-link-hover-font);
   fill: var(--news-link-hover-fill);
   stroke: var(--news-link-hover-stroke);
}


/* ========= *
 * ## NMT ##
 * ========= */

.db-nmt-container[nmt_type="FIXED"] .db-nmt-icon #background,
.nmt-legend-container.nmt-fixed #background {
   fill: var(--nmt-fixed-fill);
}

.db-nmt-container[nmt_type="MOBILE"] .db-nmt-icon #background,
.nmt-legend-container.nmt-mobile #background {
   fill: var(--nmt-mobile-fill);
}


/* ================== *
 * ## Radio Button ##
 * ================== */

/* idle */
.radio-checkbox .role-button {
   background: var(--radiobutton-bg);
   fill: var(--radiobutton-fill);
   stroke: var(--radiobutton-stroke);
}

/* hovered */
.radio-checkbox .role-button:hovered {
   background: var(--radiobutton-hover-bg);
   fill: var(--radiobutton-hover-fill);
   stroke: var(--radiobutton-hover-stroke);
}

/* checked */
.radio-checkbox.checked .role-button {
   background: var(--radiobutton-checked-bg);
   fill: var(--radiobutton-checked-fill);
   stroke: var(--radiobutton-checked-stroke);
}