body {
  padding: 0;
  margin 0;
}

.love {
  color: white;
  font-size:1vh;
  text-decoration-line: unset;
  justify-content: center;
  display: flex;
}

.love:hover {
  color: red;
  text-decoration-line: underline;
}

.grid-container-onecol {
  display: grid;
  grid-template-columns: 88vw;
  margin: 0;
  padding: 0;
  column-gap: 0.5vw;
  row-gap: 0.5vh;
  width:100%;
  justify-content: center;
}

.grid-container-twocol {
  display: grid;
  grid-template-columns: 48vw 48vw;
  margin: 0;
  padding: 0;
  column-gap: 0.5vw;
  row-gap: 0.5vh;
  width:100%;
  justify-content: center;
}

.grid-container-threecol {
  display: grid;
  grid-template-columns: 32vw 32vw 32vw;
  margin: 0;
  padding: 0;
  column-gap: 0.1vw;
  row-gap: 0.1vh;
  width:100%;
  justify-content: center;
}

.grid-container-fourcol {
  display: grid;
  grid-template-columns: 24vw 24vw 24vw 24vw;
  margin: 0;
  padding: 0;
  column-gap: 0.1vw;
  row-gap: 0.35vh;
  width:100%;
  justify-content: center;
}

.grid-item {
  padding: 0.1vw;
  margin: 0.1vw;
  background-color: #FFFFFF;
  margin-left:auto;
  margin-left: auto;
}

.grid-item-text-center {
  text-align:center;
}

.grid-item-onecol {
  width: 88vw;
}

.grid-item-twocol {
  width: 47.5vw;
}

.grid-item-threecol {
  width: 31vw;
}

.grid-item-fourcol {
  width: 23vw;
}

h1 {
    margin-top: 0px;
}

hr {
    width: 90vw;
    height: 0.35vh;
    height: 0.4px;
    color: black;
    color: #999999;
    border-radius:5px;
    background-color: black;
    border: 0px black;

}

select, button, input, .ui-datepicker td a {
  border: 0px;
  border: None;
  border-radius:10px;
  text-align: center;
  /* padding: 0.15%; */
  margin-left: 0.15%; 
  box-shadow: #ff9933cc 0 0 6px 1px;
/*  font-size: 1vw; */
}
button {
  padding: 0.15vw;
  margin: 0.15vw;
}

img {
  box-shadow: #00000099 0 0 5px 1px;
  border-radius: 5px;

}
img:hover {
  box-shadow: #3399ff99 0 0 10px 3px;
  cursor: pointer;
}

.search-layer {
  top: 65px;
  left: .5em;
}

.ol-touch .search-layer {
  top: 80px;
}

.datebutton:active {
  background-color: #e3e3e3;
  transform: translateY(0.5px);
}

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  // padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}


.button {
  width: 50%;
}

html, body {
  background-color: #ffffff;
}

body {
  font-family: "Open Sans", sans-serif;
}

.ol-control button {
  background-color: #f8f8f8 !important;
  color: #000000 !important;
  border-radius: 0px !important;
}

.ol-zoom, .geolocate, .gcd-gl-control .ol-control {
  background-color: rgba(255,255,255,.4) !important;
  padding: 3px !important;
}

.ol-scale-line {
	background: none !important;
}

.ol-scale-line-inner {
	border: 2px solid #f8f8f8 !important;
	border-top: none !important;
	background: rgba(255, 255, 255, 0.5) !important;
	color: black !important;
}

#map {
  width: 60vw;
  height: 60vh;
  margin: 0 auto;
}


.flex-grid {
  display: flex;
  gap: 10px;
}
.col {
  flex: 1;
}

#menu {
  bakground-color: #fefefe;
  border-radius: 5px;
}

tr.tablesorter-headerRow th,
table#missionstable tbody td,
tablesorter-header th,
tablesorter-header td
{
  text-align:center;
}

@media (max-width: 768px) {
  .flex-grid {
  display: block;
}

select, button, input, .ui-datepicker td a {
	font-size: unset;
}

/* .grid-container {
	 grid-template-columns: 50vw;
  }
*/
.grid-container-twocol,
.grid-container-threecol {
  grid-template-columns: 88vw;
}

.grid-item-twocol,
.grid-item-threecol {
  width: 88vw;
 }

.grid-container-fourcol {
  grid-template-columns: 48vw 48vw;
}

.grid-item-fourcol {
  width: 47.5vw;
 }

#menu {
     font-size: 9px; 
}


}