html,
body,
div {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.header {
  background: #eee;
  height: 67.16px;
  display: flex;
  align-items: center;
  padding: 0 16px;
}

.header-logo {
  width: 50px;
  height: 50px;
}

.map {
  height: calc(100vh - 67.16px);
  z-index: 0;
}

.errorlist {
  color: #da292e;
}

.row-page {
  height: calc(100vh - 67.16px);
}

.sidebar-scroll {
  height: 100%;
  overflow-y: scroll;
}

.main-scroll {
  height: 100%;
  overflow-y: scroll;
}

/* Make table headers be fixed in place */
.table thead th {
  position: sticky;
  top: 0; /* Stick to the top of the container */
  z-index: 1; /* Ensure the header stays on top */
}

.hidden {
  display: none;
}

/* Add bubbles to slider
from: https://css-tricks.com/value-bubbles-for-range-inputs/ */
.range-wrap {
  position: relative;
  margin: 0 auto 1rem;
}

.form-range {
  width: 100%;
}

.bubble {
  padding: 1px 1px;
  position: absolute;
  border-radius: 1px; 
  left: 50%;
  transform: translateX(-50%);
}

.bubble::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background: "#3459e6";
  top: -1px;
  left: 50%;
} 

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.856);
  display: none;
}

.info-page {
  height: calc(100vh - 67.16px);
  width: 100%;
}

/*Alerts*/
.alert-center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1050;
}

.alert-message {
  z-index: 1050;
}

/*Optimisation tables*/
.optimisation-table-container {
  max-height: 50vh;

}

/*Set colour of options in tom-select widgets*/
.ts-control > .item {
  color: #7b8ab8;
}

.ts-dropdown-content > .option {
  color: #7b8ab8;
}