/*
	CSS made by Kuddel
*/

* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

/*
[class*="col-"] {
  float: left;
  padding: 15px;
}
*/

/*
html {
  font-family: "Lucida Sans", sans-serif;
}
*/

/* For mobile phones:
[class*="col-"] {
  width: 100%;
}
 */
 
@media only screen and (min-width: 700px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 868px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}

.header_row {
	display: flex;
}

.header_row > div {
	width: auto;
}

div.header_1 {
	width: 30%;
}

div.status_line {
	width: 40%;
}

.row_1 {
	display: flex;
}

/*
.row_1 > div {
	width: auto;
}
*/

div.goingbackcontainer {
	width: 25%;
	text-align: right;
}


div.slidecontainer {
	width: 20%;
	padding-top: 10px
}

div.selectlist {
	width: 40%;
}

div.dates {
	width: 20%;
	text-align: center;
	padding-top: 20px
}

div.buttons {
  width: 20%;
  text-align: left;
  padding-top: 20px
}
  

  body {
	padding-left: 20px;
	padding-right: 20px;
  }
  
  /* # for id=, . for class= */
  #map {
	  /*width: 600px; */
	  width: 95%;
	  height: 550px;
	  border: 2px solid black;
  }
  
  h3 {
	color: black;
  }


  img {
	  border: 0px solid ;
	  width: 352px;
	  /* width: 80%; */
	  height: 288px;
  }
  
  display {
	  height: auto;
  }

  tr {
	height: 20px;
  }

  tr:hover {
	background-color: coral;
  }
  
  table, th, td {
	border: 1px solid;
  }
  
  table {
	width: 100%;
	height: auto;
  }
  
  select {
	width: 100%;
	height: 35px;
  }
  
  /*
  input {
	margin: 10px;
	width: auto;
	height: 40px;
  }
  */
  

  tbody {
	height: auto;
	overflow-x:auto;
  }