/*
WKB webiste CSS

Date			   Reason	  
2017-09-05 	 First issue 
2020-11-25  Added css for blinking indicator 

*/

/*Box model to include padding and borders in element size*/
* {
  box-sizing: border-box;
}

/*Font family for all HTML in website unless overridden by later style*/
html {
  font-family: Arial;
}

.w3-main {
  margin-left: 150px;
}


table {
  table-layout: auto; 
  font-size: 12px; 
}


/*css to avoid whitespace wrapping in tables*/
table, th, td{
    white-space: nowrap;
    border: 1px solid; 
    border-color: #c3bfbf; 
    border-collapse: collapse;
}


/*css for scrollable booking-table*/
#res_table {
  table-layout: fixed; 
  border-collapse: collapse;
}

#res_table td, th {
  border: 1px solid black;
  padding: 2px;
  text-align: center;
  width:38px;
}

#res_table tr {
  height: 38px;
}

#res_table .dag {
  border: 1px solid black;
  position: absolute;
  padding-top: 5px;
  left: 8px;
  width: 41px; 
  height: 39px;
} 

#res_table .datum {
  border: 1px solid black;
  position: absolute;
  padding-top: 5px;
  left: 48px;
  width: 120px; 
  height: 39px;
}

.tooltip {
  background-color: black;
  color: white;
}  

.outer {
  position:relative;
}

.inner {
  overflow-x: scroll;
  overflow-y: visible;
  max-width: 520px;
  margin-left:  151px;
}

.btn {
  width: 30px;
  height: 30px;
  margin: 1px;
  padding: 1px;
  cursor: pointer;
}


/*flex for engine log graph*/
#div-chart {
  max-width: 1000px; 
}

.selectorholder {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between;
  border:  3px;
  //margin-bottom:  15px;
}

.selectorholder > select {
  border-width: 3px;
}

.chartcontainer {
  padding-top: 2px;
}

#form {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
}

.blinker {
  margin-left: 10px;
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}