@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, .form .btn, .form h4, #overviewMap .legend .btn, .station-details .station-navigation-wrapper, .station-details .header, #basins .basin, #alerts > .item .alert-date, #alerts > .item .title, #news .item .date, #externalLinks .item .content .title, #home #welcome .contents .title, #header #navigation .item.header-item a, .info-page .consequences-and-tips .ct-title, .info-page .title {
  font-size: 18px;
  line-height: 27px;
}

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

.font-medium, .form, .station-details .info-table thead .title, #basins .station-title, #basins .station-table tr, #basins .station-details-link, #basins .station-message, #basins .station, #basins .river, #alerts > .item .link-report, #news #archive, #home #welcome .contents .subtitle, #header #languages .language, #header #navigation .item .menu-item-label, #header #navigation .item > a, .info-page .subtitle {
  font-size: 16px;
  line-height: 24px;
}

.font-normal, .station-details .info-table, #alerts > .item .alert-content, #externalLinks .item .content, #menu .menu-item a, body, .info-page .subtitle-2 {
  font-size: 14px;
  line-height: 21px;
}

.font-small, #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: 15px;
  text-align: left;
}

a {
  color: #5A5B5C;
}
a:hover, a:active {
  color: #ED1B2E;
  text-decoration: none;
}

.page-header {
  border-bottom: solid 5px #5A5B5C;
  color: #5A5B5C;
  padding: 5px 0;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
}

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

.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 {
  margin-top: 10px;
}
#header #navigation .item > a {
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  min-height: 36px;
  line-height: 24px;
  color: #5A5B5C;
  border-bottom: solid 2px #DEDEDF;
  text-align: right;
  padding: 0 12px;
}
#header #navigation .item.active > a, #header #navigation .item a:hover {
  color: #ED1B2E;
}
#header #navigation .item.header-item a {
  line-height: 24px;
  background-color: #5A5B5C;
  color: white;
  border-top: solid 2px #DEDEDF;
}
#header #navigation .item .menu-item-label {
  line-height: 24px;
  padding: 6px 0;
  display: inline-block;
  width: calc(100% - 40px);
}
#header #navigation .item.sub-item > a {
  background-color: #F5F5F5;
  border-top: solid 2px white;
  border-bottom: solid 2px white;
  text-align: left;
}
#header #navigation .item.sub-item > a .icon {
  width: 32px;
  height: 32px;
  float: right;
}
#header #languages {
  display: flex;
  align-items: center;
  line-height: normal;
}
#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: 6px;
}
#menu .menu-item {
  display: inline-block;
  width: 50%;
  padding: 10px 0;
  height: 97px;
  line-height: 75px;
  border-bottom: solid 2px #A9AAAD;
}
@media (min-width: 940px) {
  #menu .menu-item {
    width: 25%;
  }
}
@media (max-width: 600px) {
  #menu .menu-item {
    height: 114px;
    text-align: center;
  }
}
#menu .menu-item.small {
  width: 33.33%;
  padding: 6px 0;
  line-height: 50px;
  height: 54px;
  text-align: center;
}
#menu .menu-item a {
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}
#menu .menu-item.active a {
  color: #ED1B2E;
}
#menu .menu-item .icon {
  width: 75px;
  height: 75px;
  margin-right: 10px;
}
@media (max-width: 600px) {
  #menu .menu-item .icon {
    margin-right: 0;
  }
}
#menu .menu-item.small .icon {
  width: 40px;
  height: 40px;
  margin-right: 3px;
}
#menu .menu-item .menu-item-label {
  white-space: nowrap;
}
@media (max-width: 600px) {
  #menu .menu-item .menu-item-label {
    display: block;
  }
}
#menu .menu-item.small .menu-item-label {
  display: inline;
}
@media (max-width: 599px) {
  #menu .menu-item.small {
    text-align: left;
    width: 100%;
    display: block;
  }
}
#menu .well {
  margin-top: 10px;
  margin-bottom: 10px;
}

#banner_carousel {
  width: 100%;
  border-bottom: solid 2px #A9AAAD;
}
#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;
}
#banner_carousel .carousel-inner > .item > img,
#banner_carousel .carousel-inner > .item > a > img {
  width: 100%;
}

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

#home #welcome, #home #externalLinks .item {
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: solid 2px #A9AAAD;
}
#home #welcome {
  padding-bottom: 6px;
  text-align: justify;
}
#home #welcome .contents {
  background-color: #F5F5F5;
  padding: 10px;
  min-height: 320px;
}
#home #welcome .contents .title {
  font-weight: bold;
  color: #5A5B5C;
  text-transform: uppercase;
}
#home #welcome .contents .subtitle {
  font-weight: bold;
  text-align: left;
}

#externalLinks .item {
  display: flex;
  height: 112px;
  line-height: 100px;
}
#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: 90%;
}
#externalLinks .item .content .title {
  font-weight: bold;
  color: #5A5B5C;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  #externalLinks .item {
    height: auto;
    flex-direction: column;
    text-align: center;
  }
  #externalLinks .item .logo {
    flex-basis: 112px;
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    text-align: center;
  }
}

#news {
  color: #5A5B5C;
}
#news #archive, #news .item {
  margin-top: 10px;
}
#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: 10px 0;
}
#alerts > .item + .item {
  margin-top: 20px;
}
#alerts > .item .title {
  line-height: normal;
  color: #5A5B5C;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: solid 2px #5A5B5C;
  margin-bottom: 10px;
}
@media (min-width: 385px) {
  #alerts > .item .alert-content-wrapper {
    display: table;
    width: 100%;
  }
  #alerts > .item .rivers-icon {
    margin-right: 20px;
    display: table-cell;
  }
  #alerts > .item .alert-content {
    display: table-cell;
  }
}
@media (max-width: 385px) {
  #alerts > .item .alert-content-wrapper {
    text-align: center;
  }
  #alerts > .item .rivers-icon {
    margin-bottom: 20px;
  }
  #alerts > .item .alert-content {
    text-align: left;
  }
}
#alerts > .item .rivers-icon {
  width: 135px;
}
#alerts > .item .alert-content {
  background-color: #F5F5F5;
  vertical-align: top;
  width: 100%;
}
#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 .water-level-graph-container {
  width: 100%;
  height: 320px;
}

#basins {
  margin: 10px 0;
}
#basins div.item, #basins a {
  display: block;
  color: #5A5B5C;
  font-weight: bold;
}
#basins a:hover, #basins a.active, #basins div.active a {
  color: #ED1B2E;
}
#basins .item {
  width: 100%;
  padding: 6px;
  height: 44px;
  line-height: 28px;
  border-top: solid 2px #DEDEDF;
  border-bottom: solid 2px #DEDEDF;
}
#basins .item .glyphicon {
  line-height: 28px !important;
}
#basins * + .item {
  height: 42px;
  border-top: 0;
}
#basins .basin {
  text-transform: uppercase;
}
#basins .river {
  text-transform: uppercase;
  background-color: #DEDEDF;
  border-top: solid 1px white;
  border-bottom: solid 1px white;
}
#basins .river.active {
  background-color: #5A5B5C;
  color: white;
}
#basins .station {
  background-color: #DEDEDF;
  border-top: solid 1px white;
  border-bottom: solid 1px white;
}
#basins .station.active {
  background-color: #A9AAAD;
}
#basins .station.active a {
  color: white;
}
#basins .station .icon {
  height: 100%;
  float: left;
  padding-right: 10px;
}
#basins .station .icon img {
  height: 100%;
}
#basins .station-message {
  padding: 10px;
  font-weight: bold;
}
#basins .water-levels-not-available {
  color: red;
}
#basins .station-table {
  width: 100%;
}
#basins .station-table .day-header {
  text-transform: uppercase;
}
#basins .station-table tr {
  border-bottom: solid 2px black;
}
#basins .station-table .water-level-date {
  width: 1px;
  white-space: nowrap;
  padding-right: 20px;
}
#basins .station-table tr, #basins .station-details-link {
  color: black;
  font-weight: bold;
  height: 32px;
  line-height: 30px;
}
#basins .station-table td, #basins .station-details-link {
  padding-left: 10px;
  padding-right: 10px;
}
#basins .station-details-link {
  background-color: #F5F5F5;
}
#basins .station-graph {
  padding: 10px;
  margin: 1px 0;
  border: solid 1px black;
}
#basins .water-level-graph-container {
  width: 100%;
  height: 300px;
}
#basins .station-graph-legend {
  text-align: center;
}
#basins .station-graph-legend .station-operator {
  max-height: 80px;
  padding: 10px;
  padding-top: 0;
  background-color: white;
}
#basins .water-level-indicators {
  text-align: left;
  display: inline-block;
}
#basins .water-level-indicator {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  margin-bottom: 4px;
  display: inline-block;
  width: 32px;
}

.station-details .header {
  text-transform: uppercase;
  text-align: center;
  background-color: #5A5B5C;
  color: white;
  padding: 5px 0;
  margin-bottom: 10px;
  font-weight: bold;
}
.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 !important;
}
.station-details .station-navigation-wrapper .station-icon {
  float: left;
  height: 29px;
  border-right: solid 1px #5A5B5C;
}
@media (max-width: 767px) {
  .station-details .station-navigation-wrapper {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.station-details .station-navigation-next {
  display: inline-block;
  vertical-align: top;
  height: 31px;
  width: 39px;
  text-align: center;
  line-height: 29px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../img/next-station-icon.png");
  background-size: 14px 27px;
}
@media (max-width: 767px) {
  .station-details .station-navigation-next {
    background-image: url("../../img/next-station-icon-down.png");
    background-size: 27px 14px;
  }
}
.station-details .info-table {
  font-weight: bold;
  width: 100%;
}
.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 .info-table, .station-details .station-detail-photo, .station-details .station-detail-map, .station-details .water-level-graph {
  margin-top: 10px;
}
.station-details .station-detail-photo {
  display: inline-block;
  max-width: calc(100% - 300px - 10px);
  max-height: 250px;
}
@media (max-width: 767px) {
  .station-details .station-detail-photo {
    max-width: 100%;
    float: none !important;
  }
}
.station-details .station-detail-map {
  display: inline-block;
  width: 300px;
}
@media (max-width: 767px) {
  .station-details .station-detail-map {
    width: 100%;
    display: block;
  }
}
.station-details .water-level-graph-container {
  width: 100%;
  height: 320px;
  margin-bottom: 10px;
  padding: 10px;
  border: solid 1px #5A5B5C;
}
.station-details .notes {
  border: solid 1px #5A5B5C;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.station-details .station-gauge {
  margin-top: 10px;
  width: 100%;
  max-width: 300px;
}
.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 {
  max-width: 100%;
  max-height: 100px;
}

#overviewMap {
  margin: 10px 0;
  height: 600px;
}
#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;
  margin-bottom: 10px;
  text-align: center;
}
.station-operator-list .station-operator {
  padding: 10px;
  width: 50%;
  min-width: 200px;
  display: inline-block;
}
.station-operator-list .station-operator .station-operator-logo {
  max-height: 80px;
  max-width: 100%;
}

#login {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
}

.form {
  background-color: #F5F5F5;
  color: #5A5B5C;
}
.form h4 {
  color: #ED1B2E;
  text-transform: uppercase;
  font-weight: bold;
}
.form .btn {
  background-color: #DEDEDF;
  border: solid 2px white;
}

#userForm {
  margin-top: 20px;
}

#legalNotice {
  text-align: justify;
}

#contact, #legalNotice {
  line-height: 23px;
}
#contact a, #legalNotice a {
  color: #5A5B5C;
}

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

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