/* DS Core Global CSS */
:root {
  --dsg-color-primary: #2c2d4e;
  --dsg-color-secondary: #a4a5cc;
  --dsg-color-primary-invert: #d3d2b1;
  --dsg-color-secondary-invert: #5b5a33;
  --operating-level-1: #00ff0040;
  --operating-level-2: #80ff0040;
  --operating-level-3: #ffff0040;
  --operating-level-4: #ff800040;
  --operating-level-5: #ff000040;
}

.csv-feed.views-data-export-feed a.feed-icon,
div.views-data-export-feed .feed-icon {
    display: inline-flex !important;    
    align-items: center !important;
    justify-content: center;
    column-gap: 8px;                 
    text-indent: 0 !important;          
    width: auto !important;             
    height: 40px !important;            
    overflow: visible !important;       
    background-color: var(--dsg-color-primary);
    color: #ffffff !important;
    border-radius: 20px;
    padding: 0 20px !important;        
    text-decoration: none !important;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.3px;
    transition: background 0.25s ease, opacity 0.25s ease;
    box-shadow: none;
    opacity: 0.9 !important;
}

.csv-feed.views-data-export-feed a.feed-icon:hover,
div.views-data-export-feed .feed-icon:hover {
    opacity: 1 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.csv-feed .feed-icon {
  background-image: none !important;
}

body .view-id-all_stations.view-display-id-page_all_stations {
  display: flex !important;
  flex-wrap: wrap !important;
}

body .view-id-all_stations.view-display-id-page_all_stations .view-filters,
body .view-id-all_stations.view-display-id-page_all_stations .view-content {
  width: 100% !important;
}

body .view-id-all_stations.view-display-id-page_all_stations .pager {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  margin: 1rem 0 0.5rem !important;
}

body .view-id-all_stations.view-display-id-page_all_stations .view-footer,
body .view-id-all_stations.view-display-id-page_all_stations .feed-icons {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  margin: 2rem 0 1.5rem !important; !important;
  vertical-align: middle !important;
}

body .view-id-all_stations.view-display-id-page_all_stations .view-footer {
  margin-left: auto !important;
   margin-right: 2rem !important;
}

body .view-id-all_stations.view-display-id-page_all_stations .feed-icons {
  margin-right: auto !important;
}

body .ajax-new-content {
  opacity: 1 !important;
}
body.theme-name-seven header.content-header {
  margin-bottom: 1rem;
  background: var(--dsg-color-primary);
  color: white;
}
body.theme-name-seven header.content-header h1,
body.theme-name-seven header.content-header h5 {
  font-weight: normal;
}
body.theme-name-seven header.content-header a {
  color: white;
}
body.theme-name-seven header.content-header .main-title-prefix {
  margin: 1rem 0 -1rem;
}
body.theme-name-seven header.content-header ul.menu a.is-active {
  color: var(--dsg-color-secondary);
}
body.theme-name-seven header.content-header ul.tabs li.tabs__tab {
  background-color: var(--dsg-color-secondary);
  color: black;
}
body.theme-name-seven header.content-header ul.tabs li.tabs__tab a {
  color: black;
}
body.theme-name-seven header.content-header ul.tabs li.tabs__tab.is-active {
  background-color: white;
}
body.theme-name-seven header.content-header ul.tabs li.tabs__tab.is-active a {
  color: black;
}
body.theme-name-seven .color-primary-button,
body.theme-name-seven input[id^=edit-submit] {
  background-color: var(--dsg-color-primary);
  color: white;
  background-image: none;
  font-weight: normal;
}
body.theme-name-seven .color-primary-button:hover, body.theme-name-seven .color-primary-button:focus, body.theme-name-seven .color-primary-button:active,
body.theme-name-seven input[id^=edit-submit]:hover,
body.theme-name-seven input[id^=edit-submit]:focus,
body.theme-name-seven input[id^=edit-submit]:active {
  background-color: var(--dsg-color-secondary);
  color: black;
  background-image: none;
  font-weight: normal;
}
body.theme-name-seven .view .views-table.tablesaw thead th {
  text-align: center;
  text-transform: none;
  font-size: medium;
}
body.theme-name-seven .view .views-table.tablesaw tbody td.views-field-created {
  text-wrap: nowrap;
}
body.theme-name-seven .views-table.tablesaw thead th {
  text-align: center;
}
body.theme-name-seven #block-seven-sitebranding {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 0.5rem 0;
  text-align: center;
}
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr .views-field-field-location,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr .views-field-nid,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr .views-field-title,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr .views-field-changed,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr .views-field-operations {
  display: none;
}
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-battery-voltage,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-charging-regulator,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-data-delay,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-operating-temperature,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-humidity,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-pressure,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-rainfall,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-solar-radiation,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-temperature,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-wind-direction,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-wind-gust,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-wind-speed,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-water-distance,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-water-level,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-water-speed,
body.user-role-app_admin .view.view-id-all_stations.view-display-id-page_all_stations tr.station-type-52 .views-field-field-water-supply {
  display: none;
}
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-field-battery-voltage,
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-field-charging-regulator,
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-field-data-delay,
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-field-operating-temperature,
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-field-solar-radiation,
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-field-wind-direction,
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-field-wind-gust,
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-field-water-distance,
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-field-water-level,
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-field-water-speed,
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-field-water-supply,
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-field-location,
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-nid,
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-title,
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-changed,
body.user-role-app_admin .view.view-id-all_predictions.view-display-id-page_all_predictions tr .views-field-operations {
  display: none;
}
body form#node-alert-form .field--name-field-kanones,
body form#node-alert-form .field--name-field-energo,
body form#node-alert-form .field--name-field-urgency,
body form#node-alert-form .field--name-field-email-to,
body form#node-alert-form .field--name-field-simeioseis, body form#node-alert-edit-form .field--name-field-kanones,
body form#node-alert-edit-form .field--name-field-energo,
body form#node-alert-edit-form .field--name-field-urgency,
body form#node-alert-edit-form .field--name-field-email-to,
body form#node-alert-edit-form .field--name-field-simeioseis {
  margin-top: 1.5rem;
}
body form#node-alert-form .field--name-field-kanones .paragraph--type--alert-metric-rule.paragraph--view-mode--preview, body form#node-alert-edit-form .field--name-field-kanones .paragraph--type--alert-metric-rule.paragraph--view-mode--preview {
  display: flex;
}
body form#node-alert-form .field--name-field-kanones .field--name-field-metric-comparison, body form#node-alert-edit-form .field--name-field-kanones .field--name-field-metric-comparison {
  margin: 0 0.5rem;
}
body form#node-alert-form .field--name-field-kanones .paragraphs-actions [name=field_kanones_collapse_all],
body form#node-alert-form .field--name-field-kanones .paragraphs-actions [name=field_kanones_edit_all], body form#node-alert-edit-form .field--name-field-kanones .paragraphs-actions [name=field_kanones_collapse_all],
body form#node-alert-edit-form .field--name-field-kanones .paragraphs-actions [name=field_kanones_edit_all] {
  display: none;
}
body form#node-alert-form .field--name-field-kanones .paragraphs-actions .paragraphs-dropdown .paragraphs-dropdown-toggle, body form#node-alert-edit-form .field--name-field-kanones .paragraphs-actions .paragraphs-dropdown .paragraphs-dropdown-toggle {
  display: none;
}
body form#node-alert-form .field--name-field-kanones .paragraphs-actions .paragraphs-dropdown .paragraphs-dropdown-actions, body form#node-alert-edit-form .field--name-field-kanones .paragraphs-actions .paragraphs-dropdown .paragraphs-dropdown-actions {
  position: static;
  display: block;
}
body form#node-alert-form .field--name-field-kanones .paragraph-type--alert-metric-rule .form-wrapper, body form#node-alert-edit-form .field--name-field-kanones .paragraph-type--alert-metric-rule .form-wrapper {
  display: flex;
  justify-content: space-between;
}
body.user-role-app_admin form#node-alert-form .entity-content-form-revision-information, body.user-role-app_admin form#node-alert-edit-form .entity-content-form-revision-information {
  display: none;
}
body.user-role-app_admin form#node-alert-form .field--name-field-kanones .tabledrag-toggle-weight-wrapper,
body.user-role-app_admin form#node-alert-form .field--name-field-kanones .field-multiple-drag,
body.user-role-app_admin form#node-alert-form .field--name-field-kanones .paragraph-type, body.user-role-app_admin form#node-alert-edit-form .field--name-field-kanones .tabledrag-toggle-weight-wrapper,
body.user-role-app_admin form#node-alert-edit-form .field--name-field-kanones .field-multiple-drag,
body.user-role-app_admin form#node-alert-edit-form .field--name-field-kanones .paragraph-type {
  display: none;
}
body.user-role-app_admin form#node-notification-form .entity-content-form-revision-information, body.user-role-app_admin form#node-notification-edit-form .entity-content-form-revision-information {
  display: none;
}
body.user-role-app_admin form#node-notification-form .field--name-title, body.user-role-app_admin form#node-notification-edit-form .field--name-title {
  display: none;
}
body .bef-exposed-form .bef-link.bef-link--selected {
  text-decoration: underline;
}
body #block-seven-page-title {
  margin: 1rem 0;
}
body #block-seven-views-block-notifications-block-unread-badge {
  background: var(--dsg-color-primary-invert);
  text-align: center;
  border-radius: 25%;
  line-height: 1;
  float: left;
  padding: 0.5rem;
  margin: 0 1rem 0 -0.5rem;
  color: black;
}
body .navigation.menu--main, body .navigation.menu--account {
  float: left;
  margin-bottom: 1rem;
}
body .navigation.menu--main li, body .navigation.menu--account li {
  margin-right: 1rem;
}
body #block-seven-primary-local-tasks {
  clear: both;
}
body .view-id-all_stations.view-display-id-page_all_stations tr.is-published-0 {
  background-color: #ffcccc;
}
body .view-id-all_stations.view-display-id-page_all_stations .view-filters {
  margin-bottom: 3rem;
}
body .view-id-all_stations.view-display-id-page_all_stations .view-content caption {
  font-size: larger;
}
body .view-id-all_stations.view-display-id-page_all_stations .view-content caption strong {
  font-weight: bold;
  margin-right: 0.5rem;
}
body .view-id-all_stations.view-display-id-page_all_stations .view-content tbody .views-field-field-type {
  text-align: center;
}
body .view-id-all_stations.view-display-id-page_all_stations .view-content tbody .views-field-field-type .tablesaw-cell-content {
  float: none;
}
body .view-id-all_stations.view-display-id-page_all_stations .form--inline {
  flex-wrap: wrap;
}
body .view-id-all_stations.view-display-id-page_all_stations .form--inline > *:not(:first-child):not(:last-child) {
  margin-left: 1.75rem;
}
body .view-id-all_stations.view-display-id-page_all_stations iframe {
  margin-left: auto;
  flex: 0 0 100%;
  width: 100%;
  height: 400px;
}
body .view-id-all_stations.view-display-id-page_all_stations #edit-field-type-target-id ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}
body .view-id-all_stations.view-display-id-page_all_stations #edit-field-type-target-id ul li {
  display: inline-block;
  margin-right: 1.75rem;
}
body .view-id-all_stations.view-display-id-page_all_stations .view-footer {
  text-align: center;
  margin: 2rem 0 0;
}
body .view-id-all_stations.view-display-id-page_all_stations .view-footer .export-current-view-to-csv {
  margin-left: 3rem;
}
body .view-id-alerts.view-display-id-page_alerts .view-header {
  margin-bottom: 3rem;
}
body .view-id-alerts.view-display-id-page_alerts .view-filters {
  margin-bottom: 3rem;
}
body .view-id-alerts.view-display-id-page_alerts .view-filters .views-exposed-form .form--inline > *:not(:first-child) {
  margin-left: 1.75rem;
}
body .view-id-alerts.view-display-id-page_alerts .view-filters .views-exposed-form #edit-field-type-target-id ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}
body .view-id-alerts.view-display-id-page_alerts .view-filters .views-exposed-form #edit-field-type-target-id ul li {
  display: inline-block;
  margin-right: 1.75rem;
}
body .view-id-alerts.view-display-id-page_alerts .view-content tr.is-published-0 {
  background-color: #ffcccc;
}
body .view-id-alerts.view-display-id-page_alerts .view-content tr.is-active-0 {
  color: #aaaaaa;
}
body .view-id-alerts.view-display-id-page_alerts .view-content .views-field-field-kanones .tablesaw-cell-content {
  width: 100%;
}
body .view-id-alerts.view-display-id-page_alerts .view-content .paragraph--type--alert-metric-rule.paragraph--view-mode--preview {
  display: flex;
  justify-content: space-between;
}
body .view-id-alerts.view-display-id-page_alerts .view-footer {
  text-align: center;
  margin: 3rem 0;
}
body .view-id-notifications.view-display-id-page_notifications .view-content tbody .views-field-field-is-unread {
  float: none;
  text-align: left;
}
body .view-id-notifications.view-display-id-page_notifications .view-content tbody .views-field-field-is-unread .tablesaw-cell-content {
  float: none;
  font-size: 2rem;
}
body .view-id-notifications.view-display-id-page_notifications .view-content tbody .views-field-field-is-unread em {
  filter: grayscale(1);
  opacity: 0.33;
  font-style: normal;
}
body .view-id-notifications.view-display-id-page_notifications .view-footer {
  text-align: center;
  margin: 3rem 0;
}
body .view-id-all_predictions.view-display-id-page_all_predictions tr.is-published-0 {
  background-color: #ffcccc;
}
body .view-id-all_predictions.view-display-id-page_all_predictions .view-filters {
  margin-bottom: 3rem;
}
body .view-id-all_predictions.view-display-id-page_all_predictions .view-content caption {
  font-size: larger;
}
body .view-id-all_predictions.view-display-id-page_all_predictions .view-content caption strong {
  font-weight: bold;
  margin-right: 0.5rem;
}
body .view-id-all_predictions.view-display-id-page_all_predictions .view-content tbody .views-field-field-type {
  text-align: center;
}
body .view-id-all_predictions.view-display-id-page_all_predictions .view-content tbody .views-field-field-type .tablesaw-cell-content {
  float: none;
}
body .view-id-all_predictions.view-display-id-page_all_predictions .form--inline {
  flex-wrap: wrap;
}
body .view-id-all_predictions.view-display-id-page_all_predictions .form--inline > *:not(:first-child) {
  margin-left: 1.75rem;
}
body .view-id-all_predictions.view-display-id-page_all_predictions #edit-field-type-target-id ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}
body .view-id-all_predictions.view-display-id-page_all_predictions #edit-field-type-target-id ul li {
  display: inline-block;
  margin-right: 1.75rem;
}
body .view-id-all_predictions.view-display-id-page_all_predictions .view-footer {
  text-align: center;
  margin: 3rem 0;
}
body .block-ds-core.block-chart-block .wrapper-chart-area .chart-area {
  display: none;
  width: 1280px;
  height: 640px;
  text-align: center;
}
body .block-ds-core.block-chart-block .wrapper-chart-area .chart-area #chart_reset_zoom {
  margin-bottom: 3rem;
}
body .block-ds-core.block-chart-block .wrapper-chart-area .chart-data {
  display: none;
  word-wrap: break-word;
}
body article .custom-node-dates {
  margin-top: 3rem;
  float: left;
  background-color: #f4f4f4;
  padding: 1rem;
}
body article.node--type-alert.node--view-mode-full .node__content > .field {
  margin-bottom: 1.5rem;
}
body article.node--type-alert.node--view-mode-full .paragraph--type--alert-metric-rule.paragraph--view-mode--preview {
  display: flex;
}
body article.node--type-station.node--view-mode-full .node__content > .field {
  margin-bottom: 1.5rem;
}
body article.node--type-notification.node--view-mode-full .node__content > .field {
  margin-bottom: 1.5rem;
}
body article.node--type-notification.node--view-mode-full .field--name-field-is-unread .field__item {
  font-size: 1.5rem;
}
body article.node--type-notification.node--view-mode-full .field--name-field-is-unread em {
  filter: grayscale(1);
  opacity: 0.33;
  font-style: normal;
}
body article.node--type-prediction.node--view-mode-full .node__content > .field {
  margin-bottom: 1.5rem;
}

/* LOGO */
.site-name {
  font-size: 1.3em;
}

/* MENU MAIN */
.menu--main {
  display: flex;
  flex-direction: row;
}
.menu--main .menu {
  display: flex;
  margin: 0;
}
.menu--main .menu li {
  list-style: none;
}

/* MENU ACCOUNT */
.menu--account {
  display: flex;
  flex-direction: row;
}
.menu--account .menu {
  display: flex;
  margin: 0;
}
.menu--account .menu li {
  list-style: none;
}

.views-exposed-form .form--inline {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#chart-main-wrapper {
    position: relative;
    height: 600px;
}
#chart-brush-wrapper {
    position: relative;
    height: 130px;
    margin-top: 6px;
    cursor: crosshair;
    padding: 0 0 40px 0;
}
#brush-overlay-left,
#brush-overlay-right {
    position: absolute;
    top: 0;
    height: 100%;
    background: rgba(200, 200, 200, 0.7);
    pointer-events: none;
    box-sizing: border-box;
}