:root {
  --ec-color-dark: #06345F;
  --ec-color-light: #80AEDC;
  --paginator-button-font-size: 2vh;
}

* {
  scroll-behavior: smooth;
}

body {
  overflow: hidden;
}

.default-color, .bar-header, input:checked + .slider, .adam-card-popup > .card .card-location > .card-header, .bg-earth-console {
  background: var(--ec-color-light) !important;
  background-color: var(--ec-color-light) !important;
  border-color: var(--ec-color-light) !important;
}

.text-darkest {
  color: var(--ec-color-dark) !important;
}

.disabled {
  opacity: .4;
  pointer-events: none;
}

.step-nav-container {
  position: relative;
}

.step-icon {
  width: calc( var(--paginator-button-font-size) * 1.8 );
  height: calc( var(--paginator-button-font-size) * 1.8 );
  background-color: var(--ec-color-dark);
  border-radius: 100%;
  font-size: calc( var(--paginator-button-font-size) * 1.4 );
  font-weight: bold;
  line-height: 1.3;
  color: white;
}

.step-arrow {
  text-transform: uppercase;
  font-size: var(--paginator-button-font-size);
  font-weight: bold;
  vertical-align: baseline;
}

.step-arrow:hover {
  text-decoration: none;
}

.step-arrow-icon {
  font-size: calc( var(--paginator-button-font-size) * 1.4 );
}

.step-title {
  margin-right: .5rem;
  color: var(--ec-color-dark);
  font-size: calc( var(--paginator-button-font-size) * 1.5 );
}

.bar-container.responsive-visible .bar-body {
  margin-left: 45px !important;
}

/* leftbar-pills-tab: margin-top on leftbar NOT minimized */
#leftbar-pills-tab {
  margin-top: 1rem;
}
/* leftbar-pills-tab: margin-top on leftbar minimized */
.bar-container.responsive-visible #leftbar-pills-tab {
  margin-top: 3rem;
}

.bar-header {
  position: fixed;
  min-width: 250px;
  max-width: 250px;
  height: 100vh !important;
  box-shadow: -4px 0 10px 10px rgba(0, 0, 0, 0.2);
  z-index: 3;
  transition: all .3s ease-in-out;
}

.bar-header.responsive-visible {
  left: -200px;
}

.bar-header.responsive-visible .hamburger-menu {
  right: 8px;
}

.bar-header.responsive-visible .navbar-brand {
  display: none;
}

.bar-header.responsive-visible .leftbar-divider {
  margin-right: 0 !important;
}

.bar-header.responsive-visible .nav-item:not(.nav-item-about) {
  text-align: right !important;
  margin-right: 4px !important;
}
.bar-header.responsive-visible .nav-item-about {
  text-align: right !important;
  margin-right: 8px !important;
}

.bar-header.responsive-visible .nav-item-label {
  display: none;
}

.bar-header.responsive-visible .bar-header-bg {
  width: 50px;
  right: 0;
  left: unset;
  bottom: 2px;
}

.bar-header-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}

.bar-header .navbar-brand {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.bar-header .navbar-brand img {
  display: block !important;
  margin-left: auto;
  margin-right: auto;
  width: auto !important;
  height: 3.5rem !important;
}

.bar-body {
  position: relative;
  height: 95vh;
  margin-left: 250px;
  transition: all .3s ease-in-out;
}

#leftbar-pills-tab .nav-item {
  margin: .5vh 0 .5vh 2vh;
}

#leftbar-pills-tab .nav-item .nav-link {
  font-size: .95rem !important;
  transition: all .3s ease-in-out;
}

.leftbar-pills .nav-item .nav-link:hover,
.leftbar-pills .nav-item .nav-link.active, 
.leftbar-pills .nav-item .nav-link.active:hover {
  background: unset !important;
  background-color: unset !important;
  border-color: unset !important;
  color: var(--ec-color-dark) !important;
  font-weight: bold;
}

.leftbar-divider {
  width: 100%;
  height: .1rem;
  background-color: #89B7DF;
}

#leftbar-pills-tab .nav-item.nav-item-user {
  position: absolute;
  top: .5rem;
  right: .5rem;
}

.btn-darkest, .btn-darkest:not(:disabled):not(.disabled).active, .btn-darkest:not(:disabled):not(.disabled):active, .show>.btn-darkest.dropdown-toggle, .btn-outline-darkest:not(:disabled):not(.disabled).active, .btn-outline-darkest:not(:disabled):not(.disabled):active, .show>.btn-outline-darkest.dropdown-toggle {
  background: var(--ec-color-dark) !important;
  background-color: var(--ec-color-dark) !important;
  color: #fff;
}

.btn-darkest:hover {
  background: #055193 !important;
  background-color: #055193 !important;
  border-color: #055193 !important;
  color: #fff;
}

.btn-darkest:focus{
  box-shadow: 0 0 0 0.2rem var(--ec-color-dark);
}

.btn-dark, .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle, .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
  background: var(--ec-color-dark) !important;
  background-color: var(--ec-color-dark) !important;
  border-color: var(--ec-color-dark) !important;
  color: #fff;
}

.btn-dark:hover {
  background: #055193 !important;
  background-color: #055193 !important;
  border-color: #055193 !important;
  color: #fff;
}

.btn-dark:focus{
  box-shadow: 0 0 0 0.2rem var(--ec-color-dark);
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--ec-color-dark);
}

.btn-outline-dark, div.input-group.adam-dark span.input-group-text, .text-earth-console {
  color: #A9CBEF !important;
  background-color: transparent;
}

div.input-group.adam-dark input.form-control {
  border-color: #A9CBEF !important;
}

.btn-outline-dark:hover {
  background-color: var(--ec-color-light) !important;
  border-color: #A9CBEF !important;
  color: #fff;
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
  box-shadow: 0 0 0 0.2rem var(--ec-color-dark);
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--ec-color-dark);
}

.bar-content {
  display: block;
  position: absolute;
  top: 0;
  width: 100vw;
  height: 7vh;
  background: #A9CBEF;
  z-index: 2;
}

.hamburger-menu {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 1.4rem;
  width: 35px;
  background-color: var(--ec-color-light);
  padding: 1.4px 8px;
  cursor: pointer;
  border-radius: 6px;
  height: 35px;
}

.home-title {
  height: 1.5rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #767676;
}

.home-subtitle {
  height: calc( var(--paginator-button-font-size) * 0.4 );
  font-size: calc( var(--paginator-button-font-size) * 0.7 );
  line-height: calc( var(--paginator-button-font-size) * 0.8 );
  color: #767676;
}

#home-tab .stats-container .stat-card {
  height: max-content;
  background-color: #eaebef;
  border: 1px solid #e1e2e8;
}

#home-tab .stats-container .stat-icon {
  position: relative;
  font-size: 2.5rem;
  color: #C0C0C0;
}

#home-tab .stats-container .stack-icons {
  font-size: 1.25rem;
  color: #C0C0C0;
}
#home-tab .stats-container .stack-icons .fa-history {
  font-size: 1.25rem;
  color: #eaebef;
}
#home-tab .stats-container .stack-icons .fa-plus {
  font-size: 1.25rem;
  color: #eaebef;
}

#home-tab .stats-container .stat-icon-label {
  font-size: .75rem;
  color: #C0C0C0;
}

#home-tab .stats-container .stat-number {
  height: 2rem;
  max-width: 100%;
  line-height: 3vh;
  font-size: 3vh;
  color: #767676;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#vglobe {
  height: max-content;
}

#canvasOne-container {
  position: relative;
  height: 45rem;
}

.gis_map_water_group {
  margin-left: -0.25rem;
}

.gis_map_water_dropdown_toggle::after {
  display: none;
}

.gis_map_water_dropdown {
  left: auto !important;
  right: -0.35rem !important;
  width: max-content;
  min-width: max-content;
  margin-top: 0 !important;
  padding-top: 0.3rem;
  background: transparent;
}

.gis_map_water_button {
  margin-bottom: .3rem !important;
  background-color: #f8f9fa !important;
  border-color: #f8f9fa !important;
  text-align: center !important;
  color: #212529 !important;
}

.gis_map_water_button.active {
  color: #28a745 !important;
}

#edit-task-panel .os_select-container .form-group {
  margin-bottom: unset !important;
}

.jobs-table-body .task-list-btn {
  width: 1rem;
  font-size: 0.9rem;
}

.tab-content-resizer {
  position: relative;
  height: 80vh;
  overflow: hidden;
}

.tab-content-resizer.resizer-home {
  height: 80vh !important;
}

#loginPopup {
  height: 95vh !important;
}

#home-tab.tab-pane {
  height: 100%;
  overflow: hidden auto;
}

#datasets-tab.tab-pane,
#processors-tab.tab-pane,
#edit-task-tab.tab-pane {
  overflow: hidden auto;
}

#processor-inputs-wrapper-row {
  max-height: 49rem !important;
  overflow: hidden auto;
}

#products-wrapper-row .adam-list_body {
  max-height: 46rem !important;
  overflow: hidden auto;
}

#info-task-tab .card {
  position: relative;
  border: unset;
}
#job-tab .card,
#processors-tab .card,
#processors-wrapper-row .card,
#datasets-tab .card {
  position: relative;
  height: 17.5rem;
  border: unset;
}

#info-task-tab .card-header,
#job-tab .card-header,
#processors-tab .card-header,
#processors-wrapper-row .card-header,
#datasets-tab .card-header {
  position: relative;
  min-height: 5rem;
  max-height: 5rem;
  height: 5rem;
  border-left: 1px solid #eaebef !important;
  border-top: 1px solid #eaebef !important;
  border-right: 1px solid #eaebef !important;
  border-bottom: unset !important;
  border-radius: .5rem .5rem 0 0 !important;
  background-color: #fafafa;
  text-align: center;
  overflow: hidden;
}

#info-task-tab .card-header {
  min-height: 4.5vh;
  max-height: 4.5vh;
  height: 4.5vh;
}
#info-task-tab .card-header .nav-link {
  color: black;
}

#info-task-tab .card-header .nav-link.active {
  font-weight: bold;
}

#info-task-tab .card-body,
#job-tab .card-body,
#processors-tab .card-body,
#processors-wrapper-row .card-body,
#datasets-tab .card-body {
  background-color: #fafafa;
  border-left: 1px solid #eaebef !important;
  border-top: 3px solid var(--ec-color-dark) !important;
  border-right: 1px solid #eaebef !important;
  border-bottom: 1px solid #eaebef !important;
  border-radius: 0 0 .5rem .5rem !important;
}
#info-task-tab .card-body {
  max-height: 55vh;
  overflow: hidden auto;
}

#datasets-tab .card-body {
  max-height: 13.5rem;
  overflow: hidden auto;
}

#job-tab .card-footer,
#processors-tab .card-footer,
#processors-wrapper-row .card-footer,
#datasets-tab .card-footer {
  position: absolute;
  bottom: .6rem;
  left: 0;
  width: 100%;
  background-color: unset;
  border: unset;
}

#job-tab .processor-logo,
#processors-tab .processor-logo,
#processors-wrapper-row .processor-logo,
#datasets-tab .processor-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  height: 100%;
  margin: auto;
  transform: translateX(-50%) translateY(-50%);
}

#edit-task-tab {
  flex-direction: column;
  justify-content: space-between;
}

.info-task-title, .processor-title, .dataset-title {
  font-size: 1rem;
  font-weight: bold;
  font-variant: small-caps;
}

.info-task-desc, .processor-desc, .dataset-desc {
  max-height: 6.5rem;
  overflow: hidden auto;
}

.jobs-processor-boolean div.col-8 {
  padding-top: 1rem !important;
  text-align: left !important;
}

.panel-separator {
  width: max-content;
  border-bottom: 2px solid var(--ec-color-dark);
  font-size: 1.25rem !important;
}

.input-separator {
  width: max-content;
  background-color: unset !important;
  border-bottom: 2px solid var(--ec-color-dark);
  font-size: 1rem !important;
}

footer {
  display: block;
  width: 100%;
  height: 5vh;
  margin-left: 250px;
  background: transparent;
  padding: 15px 20px 0 20px;
  transition: all .3s ease-in-out;
}

.responsive-visible footer {
  margin-left: 50px !important;
}

footer p {
  font-weight: 300;
  color: #515151;
}

footer p a,
footer p a:link,
footer p a:visited,
footer p a:hover {
  color: #515151;
}

@media only screen and (max-height: 540px) {
  #leftbar-pills-tab {
    max-height: 80vh;
    overflow: auto;
  }
}
@media only screen and (min-height: 361px) and (max-height: 540px) {
  #canvasOne-container {
    height: 50vh;
  }
  .tab-content.tab-content-resizer {
    height: 87vh !important;
  }
}
@media only screen and (min-height: 541px) and (max-height: 720px) {
  #paginator {
    height: 30vh;
  }
  #canvasOne-container {
    height: 60vh;
  }
  .tab-content.tab-content-resizer {
    height: 93vh !important;
  }
}
@media only screen and (min-height: 721px) and (max-height: 800px) {
  #canvasOne-container {
    height: 73vh;
  }
  .tab-content.tab-content-resizer {
    height: 93vh !important;
  }
}

@media only screen and (max-width: 768px) {
  #service-container {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .dataset_list-container {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1000px) {
}

@media only screen and (min-width: 1001px) and (max-width: 1200px) {
}

/* EC ICON */
.ec-icon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.ec-icon::before {
  content: url('/static/images/earth-console/earth_console_logo_login.png');
}

.btn-ec {
  background-color: var(--ec-color-dark);
  border: unset;
  color: white !important;
  transition: var(--adam-transition);
}
/* ######## */