/* Exact contractor/sanitation map colors at the same province positions on every map. */
.ap-map-svg .ap-province,
.ap-map-canvas .ap-province,
svg .ap-province{
  fill:transparent!important;
  stroke:transparent!important;
  stroke-width:4!important;
}
.ap-map-svg .ap-province:hover,
.ap-map-svg .ap-province:focus-visible,
.ap-map-canvas .ap-province:hover,
.ap-map-canvas .ap-province:focus-visible,
svg .ap-province:hover,
svg .ap-province:focus-visible{
  fill:rgba(255,255,255,.22)!important;
  stroke:#fff!important;
  filter:drop-shadow(0 0 5px rgba(2,56,102,.45))!important;
  outline:none!important;
}
.ap-map-svg .ap-province.active,
.ap-map-canvas .ap-province.active,
svg .ap-province.active{
  fill:rgba(254,144,3,.38)!important;
  stroke:#fff!important;
  filter:drop-shadow(0 0 6px rgba(2,56,102,.55))!important;
}

/* Flevoland has the fixed orange map color on every page. */
svg .ap-province[data-province="Flevoland"],
.ap-map-svg .ap-province[data-province="Flevoland"],
.ap-map-canvas .ap-province[data-province="Flevoland"]{
  fill:rgba(254,144,3,.68)!important;
}
svg .ap-province[data-province="Flevoland"]:hover,
svg .ap-province[data-province="Flevoland"]:focus-visible,
svg .ap-province[data-province="Flevoland"].active,
.ap-map-svg .ap-province[data-province="Flevoland"]:hover,
.ap-map-svg .ap-province[data-province="Flevoland"]:focus-visible,
.ap-map-svg .ap-province[data-province="Flevoland"].active,
.ap-map-canvas .ap-province[data-province="Flevoland"]:hover,
.ap-map-canvas .ap-province[data-province="Flevoland"]:focus-visible,
.ap-map-canvas .ap-province[data-province="Flevoland"].active{
  fill:rgba(254,144,3,.82)!important;
  stroke:#fff!important;
}