@charset "UTF-8";
/* Adapted from https://github.com/FontFaceKit/open-sans */
/* BEGIN Light */
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/open-sans/Light/OpenSans-Light.eot?v=1.1.0");
  src: url("/fonts/open-sans/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/open-sans/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("/fonts/open-sans/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("/fonts/open-sans/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("/fonts/open-sans/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/open-sans/LightItalic/OpenSans-LightItalic.eot?v=1.1.0");
  src: url("/fonts/open-sans/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/open-sans/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("/fonts/open-sans/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("/fonts/open-sans/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("/fonts/open-sans/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
}
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/open-sans/Regular/OpenSans-Regular.eot?v=1.1.0");
  src: url("/fonts/open-sans/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/open-sans/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("/fonts/open-sans/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("/fonts/open-sans/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("/fonts/open-sans/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/open-sans/Italic/OpenSans-Italic.eot?v=1.1.0");
  src: url("/fonts/open-sans/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/open-sans/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("/fonts/open-sans/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("/fonts/open-sans/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("/fonts/open-sans/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/open-sans/Semibold/OpenSans-Semibold.eot?v=1.1.0");
  src: url("/fonts/open-sans/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/open-sans/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("/fonts/open-sans/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("/fonts/open-sans/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("/fonts/open-sans/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0");
  src: url("/fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("/fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("/fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("/fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/open-sans/Bold/OpenSans-Bold.eot?v=1.1.0");
  src: url("/fonts/open-sans/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/open-sans/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("/fonts/open-sans/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("/fonts/open-sans/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("/fonts/open-sans/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/open-sans/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0");
  src: url("/fonts/open-sans/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/open-sans/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("/fonts/open-sans/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("/fonts/open-sans/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("/fonts/open-sans/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/open-sans/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0");
  src: url("/fonts/open-sans/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/open-sans/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("/fonts/open-sans/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("/fonts/open-sans/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("/fonts/open-sans/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal;
}
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0");
  src: url("/fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("/fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("/fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("/fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic;
}
/* END Extrabold Italic */

.sortable th:not(.no-sort) {
  cursor: pointer;
}
.sortable th:not(.no-sort):hover::after {
  content: " ▸";
}
.sortable th:not(.no-sort)::after {
  content: " ▸";
}
.sortable th:not(.no-sort).dir-d::after {
  content: " ▾";
}
.sortable th:not(.no-sort).dir-u::after {
  content: " ▴";
}

@font-face {
  font-family: "Font Awesome 5 Pro Solid";
  font-style: normal;
  font-weight: 900;
  src: url("../../fontawesome/webfonts/fa-solid-900.eot");
  src: url("../../fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../../fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("../../fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("../../fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}
.font-large, #contact .title, #legalNotice .title, #overviewMap .legend .btn, .station-details .station-navigation-wrapper, .station-details .header, #rivers .station-graph-entry .header, #alerts .item .alert-date, #alerts .item .title, #news .item .date, #externalLinks .item .content .title, #home #welcome .title, .info-page .consequences-and-tips .ct-title, .info-page .title {
  font-size: 18px;
  line-height: 27px;
}

.font-xlarge, #news .item .title {
  font-size: 24px;
  line-height: 36px;
}

.font-medium, .station-details .info-table thead .title, #rivers .station-name, #rivers .station-table, #rivers .river, #rivers .river-cell a, #basins .basin, #alerts .item .link-report, #news #archive, #externalLinks .item .content, #home #welcome .subtitle, #menu .menu-item a, #infoMenu .menu-item a, #header #languages .language, .info-page .subtitle {
  font-size: 16px;
  line-height: 24px;
}

.font-normal, .station-details.graph-widget .info-table thead, .station-details.graph-widget .station-navigation-wrapper, .station-details .info-table, #alerts .item .alert-content, #header #navigation .item a, body, .info-page .subtitle-2 {
  font-size: 14px;
  line-height: 21px;
}

.font-small, .station-details.graph-widget .info-table, #footer {
  font-size: 10px;
  line-height: 15px;
}

.inline-block {
  display: inline-block;
}

.nowrap {
  white-space: nowrap;
}

li.no-marker::marker {
  content: "";
}

.carousel-indicators li {
  border-radius: 10px !important;
}

.spacer-v-20 {
  margin-top: 20px;
}

.spacer-v-10 {
  margin-top: 10px;
}

.well {
  background: #F5F5F5;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

[data-content-id] {
  cursor: pointer;
}
[data-content-id]::before {
  font-family: "Font Awesome 5 Pro Solid";
  content: "\f0da";
  width: 20px;
  display: inline-block;
}
[data-content-id][data-is-shown=true]::before {
  content: "\f0d7";
}

.info-content {
  display: none;
}

.columns-3 {
  width: calc((100% - (3 - 1) * 16px) / 3);
}

.columns-3-span-2 {
  width: calc((100% - (3 - 1) * 16px) / 3 * 2 + (2 - 1) * 16px);
}

.columns-3,
.columns-3-span-2 {
  display: inline-block;
  vertical-align: top;
  float: left;
}
.columns-3 + .columns-2,
.columns-3-span-2 + .columns-2 {
  margin-left: 16px;
}

/* ALERT LEVEL RELATED STYLES */
.alert-bg-normal {
  color: black;
  background-color: rgb(96, 141, 43);
}

.alert-bg-standby {
  color: black;
  background-color: rgb(243, 203, 61);
}

.alert-bg-prealert {
  color: black;
  background-color: rgb(235, 106, 35);
}

.alert-bg-alert {
  color: white;
  background-color: rgb(211, 21, 27);
}

/* GENERAL GRAPH SETTINGS */
.water-level-indicator.measured {
  border-color: #7eb6eb;
  background-color: rgb(170, 207, 242);
}
.water-level-indicator.simulated {
  border-color: #c6c6c6;
  background-color: rgb(223, 223, 223);
}
.water-level-indicator.estimated {
  border-color: black;
  stroke-dasharray: 3, 3;
  background-color: rgb(248, 248, 248);
}
.water-level-indicator.vigilance {
  border-color: #ffff19;
  background-color: rgb(255, 255, 127);
}
.water-level-indicator.prealerte {
  border-color: #ff8819;
  background-color: rgb(255, 189, 127);
}
.water-level-indicator.alerte {
  border-color: #ff1919;
  background-color: rgb(255, 127, 127);
}

iframe.width-changed {
  width: 100%;
  display: block;
  border: 0;
  height: 0;
  margin: 0;
}

* {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.alert-level-info-box {
  display: flex;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border: solid 1px black;
}
.alert-level-info-box .color-indicator {
  flex: 0 0 2rem;
  border-right: solid 1px black;
}
.alert-level-info-box .info-text {
  padding: 0.75rem;
  padding-right: 1.5rem;
}
.alert-level-info-box .info-text > p:last-child {
  margin-bottom: auto;
}

.info-page {
  text-align: justify;
  line-height: normal;
}
.info-page .title {
  font-weight: bold;
  text-transform: uppercase;
  color: #ED1B2E;
  margin-top: 12px;
}
.info-page .subtitle {
  font-weight: bold;
  margin-top: 12px;
}
.info-page .alert-level-info-box .subtitle {
  margin-top: 0;
}
.info-page .subtitle-2 {
  font-weight: bold;
  margin-top: 8px;
  color: #5A5B5C;
}
.info-page hr {
  height: 3px;
  color: #5A5B5C;
  background-color: #5A5B5C;
  border-color: #5A5B5C;
}
.info-page .reference {
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;
}
.info-page .indent {
  margin-left: 36px;
}
.info-page .figure-title {
  display: block;
  text-align: center;
  font-weight: bold;
  color: #5A5B5C;
  margin: 6px 0;
}
.info-page .faq-table {
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  margin: 8px 0;
  display: inline-block;
}
.info-page .faq-table tr + tr {
  border-top: dashed 1px black;
}
.info-page .faq-table td {
  padding: 2px 6px;
  text-align: left;
}
.info-page .faq-table td + td {
  padding-left: 12px;
}
.info-page .spaced-table th + th, .info-page .spaced-table td + td {
  padding-left: 16px;
}
.info-page ul.spaced li + li, .info-page ol.spaced li + li {
  margin-top: 11px;
}
.info-page .info-thresholds-wrapper {
  width: 500px;
  max-width: 100%;
  display: inline-block;
}
.info-page .info-thresholds-wrapper .info-thresholds {
  width: 100%;
  text-align: left;
}
.info-page .info-thresholds-wrapper .info-thresholds thead th, .info-page .info-thresholds-wrapper .info-thresholds tbody td + td, .info-page .info-thresholds-wrapper .info-thresholds td.subheader {
  text-align: center;
}
.info-page .info-thresholds-wrapper .info-thresholds td {
  background-color: #F5F5F5;
}
.info-page .info-thresholds-wrapper .info-thresholds th, .info-page .info-thresholds-wrapper .info-thresholds td.subheader {
  background-color: #DEDEDF;
}
.info-page .thresholds-table {
  margin: 30px 0;
  text-align: left;
}
.info-page .thresholds-table thead td {
  font-style: italic;
}
.info-page .thresholds-table td + td, .info-page .thresholds-table th + th {
  padding-left: 15px;
}
.info-page .thresholds-table .values-de td {
  font-weight: bold;
  padding-top: 8px;
}
.info-page .thresholds-table .values-de td.desc {
  font-weight: normal;
}
.info-page .thresholds-table .values-fr td, .info-page .thresholds-table .values-en td {
  font-style: italic;
}
.info-page .thresholds-table .values-en td {
  padding-bottom: 8px;
}
.info-page .consequences-and-tips {
  background-color: #f5f5f5;
  padding: 12px;
  text-align: left;
  margin-left: 12px;
}
.info-page .consequences-and-tips .ct-title {
  font-weight: bold;
}
.info-page .consequences-and-tips .ct-title img {
  display: inline-block;
  width: 40px;
  margin-right: 10px;
}
.info-page .consequences-and-tips .ct-subtitle {
  font-weight: bold;
  margin-left: 40px;
}
.info-page .consequences-and-tips hr {
  height: 1px;
  color: #5A5B5C;
  background-color: #5A5B5C;
  border-color: #5A5B5C;
  margin-top: 10px;
  margin-bottom: 10px;
}

#answerPhoneTable [title] {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #A9AAAD;
}

.error-block {
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 50px;
  text-align: center;
  line-height: 200%;
  border: solid 1px #DEDEDF;
  background-color: #F5F5F5;
}

.simple-language-link {
  display: inline-block;
}
.simple-language-link > a {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.simple-language-link > a .simple-language-icon {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
  flex-grow: 0;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* GOVBAR FIXES */
.govbar {
  z-index: 300 !important;
}

/* CONSEQUENCES AND TIPS */
.ct-container .ct-header {
  cursor: pointer;
  padding: 8px;
}
.ct-container .ct-header::before {
  font-family: "Font Awesome 5 Pro Solid";
  content: "\f0da";
  width: 20px;
  display: inline-block;
}
.ct-container .ct-header[data-is-shown=true]::before {
  content: "\f0d7";
}
.ct-container.ct-standby .ct-header {
  background-color: rgb(243, 203, 61);
  color: black;
}
.ct-container.ct-prealert .ct-header {
  background-color: rgb(235, 106, 35);
  color: black;
}
.ct-container.ct-alert .ct-header {
  background-color: rgb(211, 21, 27);
  color: white;
}
.ct-container .ct-contents {
  display: none;
  padding: 8px;
  background-color: #f5f5f5;
}

.water-level-graph {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.water-level-graph .axis path,
.water-level-graph .axis line {
  fill: none;
  stroke: black;
  shape-rendering: crispEdges;
}
.water-level-graph .levels.area.measured {
  fill: rgb(170, 207, 242);
}
.water-level-graph .levels.area.simulated {
  fill: rgb(223, 223, 223);
}
.water-level-graph .levels.area.estimated {
  fill: rgb(248, 248, 248);
}
.water-level-graph .levels.area.vigilance {
  fill: rgb(255, 255, 127);
}
.water-level-graph .levels.area.prealerte {
  fill: rgb(255, 189, 127);
}
.water-level-graph .levels.area.alerte {
  fill: rgb(255, 127, 127);
}
.water-level-graph .levels.line {
  stroke-width: 2;
}
.water-level-graph .levels.line.measured {
  stroke: #7eb6eb;
}
.water-level-graph .levels.line.simulated {
  stroke: #c6c6c6;
}
.water-level-graph .levels.line.estimated {
  stroke: black;
  stroke-dasharray: 5, 5;
}
.water-level-graph .levels.line.vigilance {
  stroke: #ffff19;
}
.water-level-graph .levels.line.prealerte {
  stroke: #ff8819;
}
.water-level-graph .levels.line.alerte {
  stroke: #ff1919;
}
.water-level-graph .cote.bar.vigilance {
  stroke: rgb(243, 203, 61);
}
.water-level-graph .cote.bar.prealerte {
  stroke: rgb(235, 106, 35);
}
.water-level-graph .cote.bar.alerte {
  stroke: rgb(211, 21, 27);
}
.water-level-graph .grid .tick {
  stroke: #5A5B5C;
  stroke-opacity: 0.5;
  shape-rendering: crispEdges;
}
.water-level-graph .grid .domain {
  display: none;
}
.water-level-graph .overlay {
  fill: none;
  pointer-events: all;
}
.water-level-graph .focus circle {
  fill: none;
  stroke: black;
}
.water-level-graph .no-data {
  font-size: 18px;
  fill: #A9AAAD;
  font-weight: bold;
  text-transform: uppercase;
}

html, body, #page {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
}

body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: black;
  text-align: center;
  height: 100%;
}

#page {
  position: relative;
  margin: auto;
  padding: 40px;
  padding-top: 20px;
  text-align: left;
  max-width: 1280px;
}

a {
  color: #5A5B5C;
}

a:hover, a:active, .item.active a {
  color: #ED1B2E;
  text-decoration: none;
}

.mapTooltip {
  position: absolute;
  padding: 2px 10px;
  border: solid 1px #5A5B5C;
  background-color: #F5F5F5;
  border-radius: 4px;
  white-space: nowrap;
  display: block;
  overflow: visible;
  z-index: 100000;
}

#header {
  text-align: center;
  /*height: 60px;*/
  line-height: 60px;
}
#header #govlogo {
  text-align: left;
}
#header #govlogo img {
  width: 240px;
  height: 60px;
}
#header #navigation .item a {
  font-weight: bold;
  text-transform: uppercase;
}
#header #navigation .item + .item::before {
  content: "|";
  font-weight: bold;
  color: #ED1B2E;
  display: inline-block;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
#header #languages {
  text-align: right;
}
#header #languages .language {
  font-weight: bold;
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
  color: white;
  background-color: #5A5B5C;
}
#header #languages .language.active, #header #languages .language:hover {
  background-color: #ED1B2E;
}
#header #headerSimpleLanguageLink {
  text-align: center;
  line-height: normal;
}

#globalAlert {
  border: solid 1px #5A5B5C;
  padding: 1em;
  line-height: normal;
}
#globalAlert > p:last-child {
  margin-bottom: 0;
}

#menu {
  margin-top: 20px;
}

#banner_carousel {
  width: 100%;
}
#banner_carousel.small-carousel {
  height: 60px;
  overflow-y: hidden;
}
#banner_carousel .carousel-indicators {
  bottom: 4px;
}
#banner_carousel .carousel-indicators li {
  width: 20px;
  height: 20px;
  background-color: #E4E5DF;
  border: none;
}
#banner_carousel .carousel-indicators li.active {
  background-color: #ED1B2E;
}

.carousel-end-of-page {
  margin-top: 20px;
}

#infoMenu {
  margin-top: 20px;
}
#infoMenu .top-border {
  border-top: solid 1px black;
}

#menu .menu-item, #infoMenu .menu-item {
  display: inline-block;
  margin-top: 20px;
  line-height: 100px;
}
#menu .menu-item .valign, #infoMenu .menu-item .valign {
  display: inline-block;
  width: calc(100% - 120px);
  line-height: 24px;
  vertical-align: middle;
}
#menu .menu-item a, #infoMenu .menu-item a {
  font-weight: bold;
  text-transform: uppercase;
  float: left;
  line-height: 100px;
  width: 100%;
  height: 100px;
}
#menu .menu-item.active a, #infoMenu .menu-item.active a {
  color: #ED1B2E;
}
#menu .menu-item .icon, #infoMenu .menu-item .icon {
  width: 100px;
  height: 100px;
  margin-right: 15px;
  float: left;
}

#menuSeparator .dash {
  display: inline-block;
  width: 48.75%;
  height: 5px;
  background-color: #5A5B5C;
  margin-top: 15px;
  float: left;
}
#menuSeparator .dash + .dash {
  float: right;
}

.separator {
  border-bottom: solid 5px #5A5B5C;
  margin-top: 10px;
  margin-bottom: 10px;
}

#footer {
  color: white;
  text-align: center;
  background-color: #5A5B5C;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  line-height: 20px;
  margin: 0 40px;
}

#home #welcome, #home #externalLinks {
  margin-top: 30px;
}
#home #welcome {
  background-color: #F5F5F5;
  padding: 10px;
  min-height: 320px;
  text-align: justify;
  /* right-align with menu separator dash */
}
@media (min-width: 1200px) {
  #home #welcome.col-lg-6 {
    width: 48.75%;
    margin-right: 1.25%;
  }
}
#home #welcome .title {
  font-weight: bold;
  color: #5A5B5C;
  text-transform: uppercase;
}
#home #welcome .subtitle {
  font-weight: bold;
  text-align: left;
}

#externalLinks .item {
  display: flex;
  height: 100px;
  line-height: 100px;
}
#externalLinks .item.v-item {
  margin-top: 15px;
  margin-bottom: 15px;
}
#externalLinks .item .logo {
  flex: 0 0 166px;
  padding-right: 15px;
  border-right: solid 1px #5A5B5C;
  margin-right: 15px;
  display: inline-block;
  height: 100px;
  text-align: end;
}
#externalLinks .item .logo img {
  max-width: 150%;
  max-height: 100%;
}
#externalLinks .item .content .title {
  font-weight: bold;
  color: #5A5B5C;
  text-transform: uppercase;
}

#news {
  color: #5A5B5C;
}
#news #archive, #news .item {
  margin-top: 20px;
}
#news #archive {
  font-weight: bold;
  text-align: center;
}
#news #archive .panel {
  border: none;
}
#news #archive .panel-heading {
  background-color: #5A5B5C;
  color: white;
  text-transform: uppercase;
}
#news #archive .list-group-item {
  background-color: #F5F5F5;
  border: none;
  border-top: solid 1px white;
}
#news #archive .list-group-item.active, #news #archive .list-group-item:hover {
  background-color: #DEDEDF;
}
#news .item {
  background-color: #F5F5F5;
  padding: 20px;
}
#news .item .separator {
  width: 100%;
  border-bottom: solid 1px #5A5B5C;
  margin-bottom: 20px;
}
#news .item .date {
  font-weight: bold;
}
#news .item .date .day-of-week {
  font-weight: normal;
  text-transform: uppercase;
}
#news .item .title-row {
  margin-bottom: 2px;
}
#news .item .title {
  line-height: 24px;
  font-weight: bold;
}
#news .item .image img {
  max-width: 100%;
}
#news .item .text {
  color: black;
  line-height: 1.6;
}
#news .item .text .link {
  margin-top: 8px;
}
#news .item .attachment {
  margin-top: 12px;
}

#alerts .item {
  margin-top: 20px;
}
#alerts .item .title {
  color: #5A5B5C;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: solid 1px black;
  margin-bottom: 20px;
}
#alerts .item .alert-content-wrapper {
  display: table;
}
#alerts .item .rivers-icon {
  width: 135px;
  margin-right: 20px;
  display: table-cell;
}
#alerts .item .alert-content {
  display: table-cell;
  width: 100%;
  background-color: #F5F5F5;
  vertical-align: top;
}
#alerts .item .alert-text {
  padding: 10px;
}
#alerts .item .alert-date {
  font-weight: bold;
  padding: 5px;
  padding-left: 10px;
  color: white;
}
#alerts .item .alert-date .day-of-week {
  text-transform: uppercase;
  font-weight: normal;
  display: block;
}
#alerts .item .alert-date .alert-icon {
  height: 45px;
  margin: 4px;
}
#alerts .item .alert-type-standby {
  color: black;
  background-color: rgb(243, 203, 61);
}
#alerts .item .alert-type-prealert {
  color: black;
  background-color: rgb(235, 106, 35);
}
#alerts .item .alert-type-alert {
  color: white;
  background-color: rgb(211, 21, 27);
}
.basins-content {
  float: right;
  width: 74.1675%;
  margin-top: 5px;
}
.basins-content .water-level-graph-container {
  width: 100%;
  height: 320px;
}

.water-level-indicator {
  border-style: solid;
  border-width: 2px;
}

#basins .basin {
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 22.5025%;
  border-top: solid 5px #5A5B5C;
  border-bottom: solid 1px #5A5B5C;
}
#basins .basin + .basin {
  margin-left: 3.33%;
}
#basins .basin img.icon-basin {
  width: 100%;
  max-width: 155px;
  margin-bottom: 15px;
}
#basins .basin.active, #basins .basin:hover {
  background-color: #DEDEDF;
  color: #ED1B2E;
}
#basins .basin.inactive {
  opacity: 0.5;
}
#basins .basin.inactive:hover {
  opacity: 1;
}

#rivers {
  /* GRAPH */
}
#rivers .river-wrapper {
  display: block;
}
#rivers .river, #rivers .river-cell a {
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  color: #5A5B5C;
  background-color: #DEDEDF;
  padding: 2px 0;
  margin-top: 3px;
  width: 22.5025%;
}
#rivers .river:hover, #rivers .river.active, #rivers .river-cell a:hover, #rivers .river-cell a.active {
  color: white;
}
#rivers .river .inner, #rivers .river-cell a .inner, #rivers .station-name .inner {
  height: 35px;
  line-height: 35px;
}
#rivers .river:hover .inner, #rivers .river.active .inner, #rivers .river-cell a:hover .inner, #rivers .river-cell a.active .inner, #rivers .station-name:hover .inner, #rivers .station-name.active .inner {
  background-color: #5A5B5C;
}
#rivers .station-table {
  width: 100%;
  color: #5A5B5C;
  background-color: white;
}
#rivers .station-table tr {
  height: 39px;
  line-height: 35px;
}
#rivers .water-levels-header {
  padding-top: 4px;
}
#rivers .water-levels-header .water-levels-header-content {
  background-color: #5A5B5C;
  color: white;
  text-transform: uppercase;
  text-align: center;
  padding: 0 10px;
}
#rivers .river-cell {
  width: 22.5025%;
}
#rivers .river-cell a, #rivers .station-name a {
  display: inline-block;
  width: 100%;
}
#rivers .content-margin {
  width: 3.33%;
}
#rivers tr.station-data, #rivers .station-name-link {
  border-top: solid 1px #5A5B5C;
  border-bottom: solid 1px #5A5B5C;
}
#rivers tr.station-data + tr.station-data,
#rivers .station-name-link.not-first {
  border-top: none;
}
#rivers .station-name {
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  text-align: left;
  padding: 2px 0;
  width: 22.5025%;
  background-color: white;
}
#rivers .station-name.active .inner {
  background-color: #DEDEDF;
  color: #ED1B2E;
}
#rivers td.station-name, #rivers .station-name-link .inner {
  padding-left: 15px;
}
#rivers td.station-name {
  width: 100%;
}
#rivers .new-day {
  margin-left: 15px;
}
#rivers .water-level-date {
  font-weight: bold;
}
#rivers .water-level-date,
#rivers .water-level-value {
  text-align: right;
  padding-right: 8px;
}
#rivers .water-levels-not-available {
  color: red;
  text-align: center;
}
#rivers .icon-graph {
  height: 22px;
}
#rivers .station-graph-entry .header {
  text-transform: uppercase;
  text-align: center;
  background-color: #5A5B5C;
  color: white;
  height: 35px;
  line-height: 35px;
  padding: 0 5px;
}
#rivers .station-graph-entry .station-graph {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#rivers .station-graph-entry .station-graph > * > * {
  padding: 10px;
}
#rivers .station-graph-entry .water-level-graph-container, #rivers .station-graph-entry .station-graph-legend {
  min-height: 320px;
  border: solid 1px black;
}
#rivers .station-graph-entry .station-graph-legend {
  line-height: 30px;
  background-color: #F5F5F5;
}
#rivers .station-graph-entry .station-graph-legend .station-operator {
  max-height: 75px;
  max-width: 100%;
  padding: 5px;
  background-color: white;
}
#rivers .station-graph-entry .water-level-indicator-container {
  white-space: nowrap;
}
#rivers .station-graph-entry .water-level-indicator {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
#rivers .station-graph-entry .separator {
  margin: 5px 0;
  border-top: solid 1px black;
}

.station-details .header {
  text-transform: uppercase;
  text-align: center;
  background-color: #5A5B5C;
  color: white;
  line-height: 35px;
  padding: 0 5px;
  margin-bottom: 10px;
}
.station-details .station-navigation-wrapper {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - (3 - 1) * 40px) / 3);
  background-color: #DEDEDF;
  color: #5A5B5C;
  text-transform: uppercase;
  height: 31px;
  line-height: 31px;
  font-weight: bold;
}
.station-details .station-navigation-wrapper.not-empty {
  border: solid 1px #5A5B5C;
}
.station-details .station-navigation-wrapper.station-current {
  border: solid 1px #5A5B5C;
  background-color: #5A5B5C;
}
.station-details .station-navigation-wrapper.station-current, .station-details .station-navigation-wrapper.station-current a {
  color: white;
}
.station-details .station-navigation-wrapper .station-icon {
  float: left;
  height: 29px;
  border-right: solid 1px #5A5B5C;
}
.station-details .station-navigation-next {
  display: inline-block;
  vertical-align: top;
  height: 31px;
  width: 39px;
  text-align: center;
  line-height: 29px;
}
.station-details .station-navigation-next img {
  height: 25px;
}
.station-details .info-table {
  font-weight: bold;
  width: 100%;
  margin-bottom: 10px;
}
.station-details .info-table thead {
  background-color: #F5F5F5;
}
.station-details .info-table thead .title {
  background-color: #A9AAAD;
  color: white;
  text-transform: uppercase;
}
.station-details .info-table tbody {
  background-color: #F5F5F5;
  color: black;
}
.station-details .info-table tr, .station-details .info-table tr.title {
  height: 28px;
  line-height: 28px;
  border-bottom: solid 1px #A9AAAD;
}
.station-details .info-table td, .station-details .info-table th {
  padding-left: 20px;
  vertical-align: top;
}
.station-details .info-table td.info-table-label, .station-details .info-table td.compact {
  padding-right: 10px;
  white-space: nowrap;
  width: 1px;
}
.station-details .info-table td.info-table-value {
  white-space: nowrap;
}
.station-details .info-table-reference-period {
  padding-right: 10px;
}
.station-details .info-table-comment {
  display: block;
  padding-bottom: 20px;
}
.station-details .main-column {
  float: left;
  width: calc(100% - (100% - (3 - 1) * 40px) / 3 - 40px);
  margin-top: 10px;
}
.station-details .right-column {
  width: calc((100% - (3 - 1) * 40px) / 3);
  float: right;
  margin-top: 10px;
}
.station-details .station-detail-photo {
  width: 100%;
}
.station-details .water-level-graph-container {
  width: 100%;
  height: 320px;
}
.station-details .notes {
  border: solid 1px #5A5B5C;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.station-details .station-detail-map {
  margin-top: 10px;
  height: 250px;
}
.station-details .station-gauge {
  margin-top: 10px;
  width: 100%;
  border: solid 1px black;
}
.station-details .station-gauge-info {
  position: absolute;
  top: 20px;
  right: 10px;
}
.station-details .station-gauge-info img {
  width: 25px;
}
.station-details .station-no-recent-measurements {
  font-weight: bold;
  color: #ED1B2E;
  margin-bottom: 10px;
}
.station-details .station-operator-link {
  display: block;
  text-align: center;
}
.station-details .station-operator-link .station-operator {
  max-width: 100%;
  max-height: 100px;
}

/* station-widget overrides for normal .station-details */
.station-details.station-widget .station-navigation-wrapper {
  width: 100%;
}

/* graph-widget overrides for normal .station-details */
.station-details.graph-widget .station-navigation-wrapper {
  line-height: 29px;
  width: 100%;
}
.station-details.graph-widget .info-table {
  width: auto;
  margin: 0px auto; /* centers the table */
  margin-top: 10px;
}
.station-details.graph-widget .info-table thead th {
  padding-left: 10px;
  padding-right: 10px;
}
.station-details.graph-widget .info-table tr {
  height: 21px;
  line-height: 21px;
  border-bottom: solid 1px #A9AAAD;
}
.station-details.graph-widget .info-table td, .station-details.graph-widget .info-table th {
  padding-left: 5px;
}
.station-details.graph-widget .info-table td.info-table-label, .station-details.graph-widget .info-table td.compact {
  padding-right: 5px;
}
.station-details.graph-widget .water-level-graph-container {
  width: 100%;
  height: 240px;
}

#overviewMap {
  margin-top: 10px;
  height: 1024px;
}
#overviewMap .legend {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1000;
  text-align: left;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.75);
}
#overviewMap .legend .btn {
  text-transform: uppercase;
  font-weight: bold;
}
#overviewMap .legend p:last-child {
  margin-bottom: 0;
}
#overviewMap .legend .station-flood-status {
  width: 20px;
  height: 20px;
}
#overviewMap .legend .content {
  display: none;
  text-align: left;
}
#overviewMap .legend .collapse-expand {
  width: 100%;
}
#overviewMap .legend .collapse-expand + .content {
  margin-top: 10px;
}

.station-operator-list {
  margin-top: 10px;
  text-align: center;
}
.station-operator-list .station-operator {
  padding: 10px;
  width: 20%;
  min-width: 200px;
  display: inline-block;
}
.station-operator-list .station-operator .station-operator-logo {
  max-height: 80px;
  max-width: 100%;
}

#userForm {
  margin-top: 20px;
}

#legalNotice {
  text-align: justify;
}

#contact, #legalNotice {
  line-height: 23px;
}
#contact .title, #legalNotice .title {
  color: #ED1B2E;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
}
#contact .contact-photo, #contact .legal-notice-photo, #legalNotice .contact-photo, #legalNotice .legal-notice-photo {
  width: 100%;
}

#faq .link-logo {
  height: 64px;
  vertical-align: middle;
  padding-right: 15px;
  border-right: solid 1px #5A5B5C;
  margin-right: 15px;
}

/*# sourceMappingURL=inondations-desktop.css.map */