/* Show it's not fixed to the top */

body {
  font-family: Verdana, sans-serif;
  background-color: #f3f3f3;
}

footer {
  width: auto;
  height: auto;
  background-color: #29424f;
}

a, a:hover {
  text-decoration: none !important;
  color: #000000;
}

header a,
footer a,
.Landbruksmeteorologi a {
  text-decoration: none !important;
  color: white;
}

header a:hover,
footer a:hover,
.Landbruksmeteorologi a:hover {
  text-decoration: underline !important;
  cursor: pointer !important;
  color: white;
}

ul.columns {
  margin-left: -70px;
  list-style-type: disc;
  -webkit-columns: 2;
  columns: 2;
  list-style-position: inside;
  font-size: 14px;
}

ul li.columns {
  float: left;
  margin-left: 20px;
  width: 50%;
}

.footer_text {
  width: auto;
  height: auto;
  background-color: #29424f;
  margin-left: auto;
  margin-right: auto;
}
.icon {
  width: 20px;
  height: 20px;
  border: none;
}

.SkBase {
  width: 180px;
  height: auto;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
  line-height: 1.71;
  letter-spacing: 1.75px;
  background-color: #00574d;
  color: #ffffff;
  margin-left: 0px;
}
.Sk {
  width: 170px;
  height: 42px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: none;
  line-height: 1.71;
  letter-spacing: 1.75px;
  background-color: #558e87;
  border-color: #558e87;
  color: #ffffff;
  /*margin-left: 20px;
  margin-top: 32px;*/
}

.Kart {
  width: 584px;
  height: 780px;
}

.vl {
  width: 1px;
  height: 44px;
  background-color: #ffffff;
  margin-top: 18px;
  margin-left: 20px;
}

.LMT {
  width: 453px;
  height: 54px;
  font-size: 48px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: 0.75px;
  color: #29424f;
}

.infotext {
  width: auto;
  height: 18px;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #ffffff;
}

h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

h5 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
}

.Mask-Copy-3 {
  width: 291px;
  height: 80px;
  background-color: #558e87;
}

.bg {
  height: auto;
  background-color: #ffffff;
}

.break {
  width: 16px;
}
.drift {
  width: 262px;
  height: 168px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: #29424f;
}
.img-responsive {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.info {
  width: auto;
  height: auto;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #000000;
}

/* The styles below where introduced when upgrading bootstrap to v5 + refactoring download form */
.download-form {
  background-color: white;
  font-size: 0.9rem;
}

.download-form a {
  text-decoration: underline !important;
}

.download-form select {
  font-size: 0.9rem;
}

#download-result {
  background-color: white;
}

#download-result a {
  text-decoration: underline !important;
}

#result-table th {
  font-weight: 650;
}

nav {
  background-color: #00574d;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 400;
}

nav a,
nav a.navbar-brand:hover {
  text-decoration: none !important;
  color: #ffffff;
}

nav a:hover {
  color: #ffffff;
  text-decoration: underline !important;
}

.alert-danger {
  font-size: 0.8rem;
}

.alert-custom {
  background-color: #d9ede2 !important;
  font-size: 0.9rem;
}

.alert-custom a {
  text-decoration: underline !important;
}

#stationTable th,
#stationTable td {
  font-size: 0.9rem;
}

#stationTable th.search {
  background-color: #558e87;
}

#stationTable th {
  background-color: #e5e8e9;
}

footer {
  color: #ffffff;
  font-size: 0.8rem;
}

h1 {
  font-size: 1.8rem;
}

.page-header {
  margin-top: 25px;
}

.back {
  color: #29424f;
  font-size: 16px;
  margin-left: 15px;
  margin-bottom: 20px;
}

.title {
  color: #29424f;
  font-size: 48px;
  font-weight: 600;
  margin-left: 15px;
  margin-bottom: 15px;
}

.form-check-input:checked {
  background-color: #2a414f !important;
  border-color: #2a414f !important;
}

#calculated-explanation {
  font-size: 12px;
  color: #a8a9aa;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  color: black !important;
  background-color: #e9ecef !important;
  border-color: black !important;
  margin-left: 3px;
}

#error-message {
  color: red;
}

.info-menu {
  font-size: 12px;
}

.info-menu a:hover {
  color: #000000;
  text-decoration: underline !important;
}

.info-menu li.selected {
  font-weight: 800;
}

.info-text {
  padding-top: 10px;
  font-size: 13px;
}

.alert-waterinfo {
  background-color: #D3E1F5;
}