:root {
  --bs-blue: #237fb7;
  --bs-primary: #237fb7;
}

a {
  color: #237fb7;
}

.col-3 {
  width: 30%;
}
.col-7 {
  width: 70%;
}
.col-sm-3 {
  width: 30%;
  text-align: right;
  white-space: nowrap;
  position: relative;
}
.col-sm-5 {
  text-align: right;
  white-space: nowrap;
  position: relative;
  min-width: 162px;
}
.col-sm-6 {
  text-align: right;
}
.col-sm-6-left {
  flex: 0 0 auto;
  width: 50%;
  text-align: left;
  white-space: nowrap;
  position: relative;
}
.col-sm-7 {
  margin-bottom: 0;
  white-space: nowrap;
  position: relative;
}
.col-sm-8 {
  margin-bottom: 0;
  white-space: nowrap;
  position: relative;
}
.col-sm-9 {
  margin-bottom: 0;
  white-space: nowrap;
  position: relative;
}

.table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

.form-check-input:checked {
  background-color: #237fb7;
  border-color: #237fb7;
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #237fb7;
  border-color: #237fb7;
}

.form-range::-webkit-slider-thumb {
  background-color: #237fb7;
}
.form-range::-moz-range-thumb {
  background-color: #237fb7;
}

.btn-primary {
  background-color: #237fb7;
  border-color: #237fb7;
}
.btn-primary:disabled, .btn-primary.disabled {
  background-color: #237fb7;
  border-color: #237fb7;
}
.btn-outline-primary {
  color: #237fb7;
  border-color: #237fb7;
}
.btn-outline-primary:hover {
  background-color: #237fb7;
  border-color: #237fb7;
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  background-color: #237fb7;
  border-color: #237fb7;
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #237fb7;
}
.btn-link {
  color: #237fb7;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #237fb7;
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  background-color: #237fb7;
}

.nav-link {
  color: #237fb7;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #237fb7;
}

.page-link {
  color: #237fb7;
}

.page-item.active .page-link {
  background-color: #237fb7;
  border-color: #237fb7;
}

.progress-bar {
  background-color: #237fb7;
}

.list-group-item.active {
  background-color: #237fb7;
  border-color: #237fb7;
}

.modal .form-control {
  border-radius: 2px;
  box-shadow: none;
  border-color: #dddddd;
}
.modal textarea.form-control {
  resize: vertical;
}
.modal .btn {
  border-radius: 2px;
  min-width: 100px;
}
.modal form label {
  font-weight: normal;
}

.link-primary {
  color: #237fb7;
}
.border-primary {
  border-color: #237fb7 !important;
}

.text-red {
  --bs-text-opacity: 1;
  color: rgb(194, 10, 10);
}

table#sites-table.dataTable tbody tr:hover {
  background-color: lightgrey;
}
table#samplings-table.dataTable tbody tr:hover {
  background-color: lightgrey;
}
table#levels-within-site-table.dataTable tbody tr:hover {
  background-color: lightgrey;
}
table#markers-list.dataTable tbody tr:hover {
  background-color: lightblue;
}

.page-container {
  position: relative;
  min-height: 100vh;
}

.content-wrap {
  padding-bottom: 4.5rem; /* Footer height */
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4.5rem; /* Footer height */
}

.cursor-pointer {
  cursor: pointer;
}