/*-- scss:(imports) --*/
.light-aquamarine {
  color: #89d2d7; }

.light-teal {
  color: #4fc2c6; }

.light-turquoise {
  color: #037784; }

.light-evergreen {
  color: #00545c; }

.light-brown {
  color: #482412; }

.light-lightbrown {
  color: #84604e; }

.light-orange {
  color: #faad19; }

.light-darkorange {
  color: #c68f2c; }

.light-aliceblue {
  color: #b4f3f9; }

.light-gainsboro {
  color: #dffeff; }

.dark-lightblue {
  color: #12b4d3; }

.dark-darkblue {
  color: #0278aa; }

.dark-navyblue {
  color: #003949; }

.dark-brown {
  color: #482412; }

.dark-lightbrown {
  color: #84604e; }

.dark-lighterbrown {
  color: #b58d7a; }

.dark-purple {
  color: #6f608c; }

.dark-lightpurple {
  color: #a596c2; }

.dark-darkcyan {
  color: #00a6d4; }

.dark-darkturquoise {
  color: #0977a8; }

/* Sass */
.scenario_1 {
  color: #4fc2c6; }

.dark-mode .scenario_1 {
  color: #00a6d4; }

.scenario_2 {
  color: #00545c; }

.dark-mode .scenario_2 {
  color: #a596c2; }

@font-face {
  font-family: 'rennerbook';
  src: url("fonts/renner__400_book-webfont.woff2") format("woff2"), url("fonts/renner__400_book-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'rennerbook';
  src: url("fonts/renner__800_book-webfont.woff2");
  font-weight: bold;
  font-style: normal; }

/*-- scss:(functions) --*/
/*-- scss:(functions) --*/
/*-- scss:(rules) --*/
.sidebar-icon {
  font-size: 3rem !important;
  margin-bottom: 4px; }

aside#sidebar {
  display: flex;
  align-items: top; }

[class*=sidebar-dark-] {
  background-color: #003949; }

.ui_row {
  margin-bottom: 5px; }

.main-footer {
  height: 28px;
  padding: 0;
  padding-right: 5px; }
  .main-footer * {
    margin-left: 20px; }

@media (min-width: 992px) {
  .sidebar {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 2vh;
    width: 100%; }
  .sidebar-mini.sidebar-collapse .main-sidebar {
    margin-left: 0;
    width: 6rem; }
  .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 6rem !important; } }

.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-item {
  margin-bottom: 6vh; }
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-item .nav-icon {
    margin-right: 2rem;
    margin-left: .5rem; }
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-item .nav-link {
    white-space: normal; }
    .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-item .nav-link p {
      display: inline !important; }

.sidebar-mini.sidebar-collapse .main-sidebar:not(:hover) .nav-sidebar .nav-item {
  margin-bottom: 6vh; }
  .sidebar-mini.sidebar-collapse .main-sidebar:not(:hover) .nav-sidebar .nav-item .nav-icon {
    margin-right: 2rem;
    margin-left: .5rem; }
  .sidebar-mini.sidebar-collapse .main-sidebar:not(:hover) .nav-sidebar .nav-item .nav-link {
    white-space: normal; }
    .sidebar-mini.sidebar-collapse .main-sidebar:not(:hover) .nav-sidebar .nav-item .nav-link p {
      display: none; }

.sidebar-mini .main-sidebar .nav-sidebar .nav-item {
  margin-bottom: 6vh; }
  .sidebar-mini .main-sidebar .nav-sidebar .nav-item .nav-icon {
    margin-right: 2rem;
    margin-left: .5rem; }
  .sidebar-mini .main-sidebar .nav-sidebar .nav-item .nav-link {
    white-space: normal; }
    .sidebar-mini .main-sidebar .nav-sidebar .nav-item .nav-link p {
      display: inline; }

.sidebar-mini .main-sidebar .nav-sidebar .nav-item .nav-link.active {
  background-color: #482412; }
  .sidebar-mini .main-sidebar .nav-sidebar .nav-item .nav-link.active span {
    color: #c68f2c; }

.driver-fix-stacking {
  z-index: 1000 !important; }

.riverviz_guide header, .riverviz_guide div, .riverviz_guide button {
  font-family: rennerbook !important; }

.riverviz_guide .driver-popover-description {
  font-size: 1rem; }

.riverviz_guide .driver-popover-title {
  font-size: 1.25rem; }

.echarts4r.html-widget {
  height: 100%; }

.row {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto; }

.tippy i, a {
  color: #037784 !important; }

.tippy-content {
  color: #037784;
  background-color: #fff; }

.tippy-tooltip, .tippy-box, .tippy-backdrop {
  background-color: #fff;
  box-shadow: 1px 1px 2px 1px #037784; }

.tippy-arrow {
  color: #037784; }
  .tippy-arrow::before {
    border-top-color: #037784 !important;
    bottom: -8px !important; }

/*-- Font color --*/
p, strong, em, span, li, div, body {
  color: #000;
  font-family: "rennerbook"; }

.card-footer .accordion .card-header {
  cursor: pointer; }
  .card-footer .accordion .card-header .card-title a {
    color: #037784 !important; }

.ib_icon {
  color: #c68f2c;
  background-color: unset !important; }

.dark-mode .ib_icon {
  color: #b58d7a; }

.dark-mode .tippy i, .dark-mode a {
  color: #037784 !important; }

.dark-mode .tippy-content {
  color: #fff;
  background-color: #003949; }

.dark-mode .tippy-tooltip, .dark-mode .tippy-box, .dark-mode .tippy-backdrop {
  background-color: #003949;
  box-shadow: 1px 1px 2px 1px #12b4d3; }

.dark-mode .tippy-arrow {
  color: #fff; }
  .dark-mode .tippy-arrow::before {
    border-top-color: #12b4d3 !important;
    bottom: -8px !important; }

.dark-mode .accordion .card-header {
  background-color: #003949; }

.dark-mode .card-footer .accordion .card-header {
  cursor: pointer; }
  .dark-mode .card-footer .accordion .card-header .card-title a {
    color: #fff !important; }

.dark-mode .navbar {
  background-color: #003949; }
  .dark-mode .navbar i.fa-bars {
    color: #fff; }

.dark-mode .noUi-horizontal .noUi-tooltip {
  background-color: #343a40; }

.dark-mode .noUi-connect {
  background: #482412; }

.dark-mode .main-header {
  border-bottom: 1px solid #003949; }

.dark-mode .card {
  background-color: #003949 !important;
  border-color: #fff !important; }

.dark-mode p, .dark-mode strong, .dark-mode em, .dark-mode span, .dark-mode li, .dark-mode div, .dark-mode body {
  color: #fff;
  font-family: "rennerbook"; }

.dark-mode h1, .dark-mode h2, .dark-mode h3 {
  color: #fff;
  font-family: "rennerbook"; }

.dark-mode h4, .dark-mode h5, .dark-mode h6 {
  color: #b58d7a;
  font-family: "rennerbook"; }

.dark-mode #driver-popover-content {
  background-color: #454d55; }
  .dark-mode #driver-popover-content .driver-popover-description {
    color: #fff; }

.dark-mode #body-scenario_chooser1-box_scenario_chooser h1, .dark-mode #body-scenario_chooser1-box_scenario_chooser h2, .dark-mode #body-scenario_chooser1-box_scenario_chooser h3 {
  color: #fff;
  font-family: "rennerbook"; }

.dark-mode #body-scenario_chooser1-box_scenario_chooser h4, .dark-mode #body-scenario_chooser1-box_scenario_chooser h5, .dark-mode #body-scenario_chooser1-box_scenario_chooser h6 {
  color: #12b4d3;
  font-family: "rennerbook"; }

.dark-mode .main-sidebar .nav-sidebar .nav-item {
  margin-bottom: 6vh; }
  .dark-mode .main-sidebar .nav-sidebar .nav-item .nav-icon {
    margin-right: 2rem;
    margin-left: .5rem; }
  .dark-mode .main-sidebar .nav-sidebar .nav-item .nav-link {
    white-space: normal; }
    .dark-mode .main-sidebar .nav-sidebar .nav-item .nav-link p {
      color: #fff; }

.dark-mode .main-sidebar .nav-sidebar .nav-item .nav-link.active {
  background-color: #482412; }
  .dark-mode .main-sidebar .nav-sidebar .nav-item .nav-link.active span {
    color: #fff; }

.dark-mode #desc_box, .dark-mode .info-box {
  background-color: #003949; }

h1, h2, h3 {
  color: #037784; }
  h1.dark_mode, h2.dark_mode, h3.dark_mode {
    color: #12b4d3; }

h4, h5, h6 {
  color: #c68f2c; }
  h4.dark-mode, h5.dark-mode, h6.dark-mode {
    color: #fff; }

.tab-icon {
  height: 50px;
  transform: scale(1.5); }

.svg-icon {
  z-index: inherit; }

#body-scenario_chooser1-box_scenario_chooser {
  z-index: inherit;
  max-width: 100%;
  box-sizing: border-box; }
  #body-scenario_chooser1-box_scenario_chooser h1, #body-scenario_chooser1-box_scenario_chooser h2, #body-scenario_chooser1-box_scenario_chooser h3 {
    color: #037784;
    font-family: "rennerbook"; }
  #body-scenario_chooser1-box_scenario_chooser h4, #body-scenario_chooser1-box_scenario_chooser h5, #body-scenario_chooser1-box_scenario_chooser h6 {
    color: #c68f2c;
    font-family: "rennerbook"; }
  #body-scenario_chooser1-box_scenario_chooser .card-title {
    z-index: inherit;
    float: left;
    font-size: 1.1rem;
    display: flex;
    font-weight: 400;
    margin: 0;
    width: 94%;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start; }
  #body-scenario_chooser1-box_scenario_chooser .svg-icon {
    z-index: inherit;
    width: 5%;
    height: 5%;
    margin-top: 10px;
    background-color: white;
    border-radius: 50%; }
  #body-scenario_chooser1-box_scenario_chooser.collapsed-card {
    width: fit-content;
    opacity: .7; }
    #body-scenario_chooser1-box_scenario_chooser.collapsed-card .title {
      display: none !important; }
    #body-scenario_chooser1-box_scenario_chooser.collapsed-card .card-title i.fa {
      display: none; }
    #body-scenario_chooser1-box_scenario_chooser.collapsed-card:hover {
      opacity: 1; }
    #body-scenario_chooser1-box_scenario_chooser.collapsed-card .svg-icon {
      width: 25px !important;
      height: 25px !important; }

#scenario_panel {
  z-index: 1044; }
  #scenario_panel #scenario_scroll:hover {
    overflow-y: scroll; }
  #scenario_panel > .row, #scenario_panel .ui_row {
    margin: unset;
    margin-bottom: 5px; }

.text-center title {
  width: 100%;
  margin-left: 0px; }

.fa-sun {
  color: #ffac00 !important; }

.fa-moon {
  color: #fff !important; }

.leaflet-top {
  z-index: 1 !important; }

.rt-filter {
  color: #495057; }

div.grid-summary div.card-header {
  display: none; }

#grid-summary-infoboxes .info-box-icon {
  width: 10px !important;
  font-size: 1.25rem !important; }

#grid-summary-infoboxes, #grid-summary-infoboxes #grid-summary-description .card {
  height: 10vh; }

#grid-summary-infoboxes .info-box-text, #grid-summary-infoboxes .progress-description {
  white-space: normal; }

#grid-summary-infoboxes .info-box-content {
  padding: 0 5px; }

.card {
  height: 100% !important; }

#desc_box > div.card-header {
  display: none; }

.container-fluid {
  padding: 0px; }

.card-body {
  padding: .5rem; }

#body-reservoirs-vulnerable_traces-selections {
  display: flex;
  justify-content: space-around; }

.text-left {
  margin-left: 2%; }

/*-- scss:(functions) --*/
.light-aquamarine {
  color: #89d2d7; }

.light-teal {
  color: #4fc2c6; }

.light-turquoise {
  color: #037784; }

.light-evergreen {
  color: #00545c; }

.light-brown {
  color: #482412; }

.light-lightbrown {
  color: #84604e; }

.light-orange {
  color: #faad19; }

.light-darkorange {
  color: #c68f2c; }

.light-aliceblue {
  color: #b4f3f9; }

.light-gainsboro {
  color: #dffeff; }

.dark-lightblue {
  color: #12b4d3; }

.dark-darkblue {
  color: #0278aa; }

.dark-navyblue {
  color: #003949; }

.dark-brown {
  color: #482412; }

.dark-lightbrown {
  color: #84604e; }

.dark-lighterbrown {
  color: #b58d7a; }

.dark-purple {
  color: #6f608c; }

.dark-lightpurple {
  color: #a596c2; }

.dark-darkcyan {
  color: #00a6d4; }

.dark-darkturquoise {
  color: #0977a8; }

/* Sass */
.scenario_1 {
  color: #4fc2c6; }

.dark-mode .scenario_1 {
  color: #00a6d4; }

.scenario_2 {
  color: #00545c; }

.dark-mode .scenario_2 {
  color: #a596c2; }

/*-- scss:(functions) --*/
@keyframes gradient {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*-- scss:(rules) --*/
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0; }

.modal-dialog {
  margin: 0px; }

.dark-mode #splash {
  background-image: url("../img/splash_dark.png"); }

#splash {
  background-image: url("../img/splash_light.png");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  width: 100vw; }
  #splash h1, #splash h2, #splash h3 {
    color: #037784;
    font-family: "rennerbook"; }
  #splash h4, #splash h5, #splash h6 {
    color: #c68f2c;
    font-family: "rennerbook"; }
  #splash .dark-mode {
    background-color: transparent !important; }
    #splash .dark-mode h1, #splash .dark-mode h2, #splash .dark-mode h3 {
      color: #12b4d3;
      font-family: "rennerbook"; }
    #splash .dark-mode h4, #splash .dark-mode h5, #splash .dark-mode h6 {
      color: #6f608c;
      font-family: "rennerbook"; }
    #splash .dark-mode #splash_title {
      background: rgba(0, 57, 73, 0.95); }
  #splash #splash_title {
    background: rgba(255, 255, 255, 0.95);
    padding: 50px;
    border-radius: 10px; }
    #splash #splash_title button.action-button > i {
      font-size: xx-large; }
  #splash #intro_carousel .carousel-indicators {
    margin-bottom: -15px; }

/* Animation */
.waves {
  position: relative;
  width: 100%;
  height: 15vh;
  margin-bottom: -7px;
  /*Fix for safari gap*/
  min-height: 100px;
  max-height: 150px; }

.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; }

.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s; }

.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s; }

.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s; }

.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s; }

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0); }
  100% {
    transform: translate3d(85px, 0, 0); } }

/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height: 40px;
    min-height: 40px; } }