#header {
  background: var(--color-primary-deep-blue);
  color: white;

  position: fixed;
  top: 0;

  width: 100%;
  height: 5rem;

  z-index: 1100;
  padding: 0;
}

.application-logo {
  margin: 1.3rem 1rem;
  vertical-align: top;
}

#header .sidebar-button {
  width: 3.8rem;
  height: 3.4rem;

  background: transparent url("/assets/sidebar-toggle.svg") no-repeat center
    center;
  background-size: 2.2rem 1.7rem;

  border: none;
  border-radius: 0.3rem;
  margin: 0.8rem;

  cursor: pointer;
}

#header .sidebar-button.active {
  background-color: rgba(255, 255, 255, 0.2);
}

#header .login-panel {
  line-height: 4.8rem;
  font-size: 1.4rem;

  float: right;
  margin: auto 0.4rem;
}

#header .login-panel .current-user {
  vertical-align: middle;
  padding: 1rem 1.4rem;
}

#header .login-panel .logout-button {
  background: transparent;
  border: none;
  font-weight: 700;

  padding: 1rem 0rem;
  margin-right: 2rem;
}

._dash-loading-callback {
  background: transparent url("/assets/loading.gif") no-repeat center center;
  background-size: 2rem 2rem;

  width: 2.4rem;
  height: 2.4rem;

  position: fixed;

  top: 1.4rem;
  left: 26rem;

  z-index: 2000;
  border-radius: 4rem;
}

.language-dropdown-wrapper {
  float: right;

  width: 19rem;
  padding: 0.7rem 2rem;
}

.language-dropdown-wrapper #current-language {
  display: none !important;
}

.language-dropdown-wrapper .Select-menu-outer {
  color: black;
}

.language-dropdown-wrapper .Select-control {
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
}

#language-dropdown .Select-control .Select-value .Select-value-label {
  color: white;
  background: transparent url("/assets/language-selector.png") no-repeat 0
    0.2rem;
  padding-left: 2.4rem;

  background-size: 1.5rem;
  font-size: 1.4rem;
}

#language-dropdown .Select-control .Select-clear-zone {
  display: none;
}

#language-dropdown .Select-arrow {
  border-color: white transparent transparent;
}