/* Bakalarska prace
   Tema: Automaticka identifikace manevru ze zaznamu letovych dat
   Autor: Vit Morkovsky (xmorko03)
   Datum: 29.04.2023*/


/*nastaveni tabulky pro legendu udalosti*/
table, th{
  border: 1px dotted ;
  
}
td {
  border: 1px dotted ;
  padding-top: 6px;
}



/*spolecna trida pro text*/
.legend, .eventtable, .button2{
  text-align: center;
  text-overflow: ellipsis;
  font-family: sans-serif;
  font-size: 16px;
}

/*legenda letu*/
.legend {
  position: absolute;
  display: inline-block;
  left: 20px;
  top: 20px;
  padding: 6px 5px 5px 5px;
  background: rgba(84,84,84,1);
  border-radius: 7px;
  color: #edffff;
  z-index: 1;
}

/*legenda letu zobrazeni tabulky*/
.legend-opened {
  left: 0px;
  top: 30px;
  display: none;
  border-radius: 7px;
  position: absolute;
  background-color: GRAY;
  min-width: 360px;
  padding: 5px 5px 5px 5px;
}

.legend:hover .legend-opened {
  display: block;
}



/*styl tlacitek*/
.button2{
  position: absolute;
  display: block;
  border-radius: 7px;
  padding-top: 5px;
  padding-bottom: 4px;
  z-index: 1;
  background: rgba(84,84,84,1);
  color: #edffff;
  cursor: pointer;
  width: 140px;
}


/* styl panelu identifokovane udalosti */
.toolbar2 {
  background: rgba(84,84,84,1);
  position: absolute;
  width: 20%;
  top: 20px;
  
  /* nastaveni na stred */
  left:0;
  right:0;
  margin-left: auto;
  margin-right: auto;

  border-radius: 7px;
  padding-top: 5px;
  padding-right: 30px;
  padding-bottom: 5px;
  padding-left: 25px;
  text-align: center;

  /*nastaveni textu*/
  border-radius: 7px;
  font-family: sans-serif;
  font-size: 16px;
  color: #edffff;
}

/*tlacitko pridat let */
.toolbar3 {
  background: #747266;
  position: absolute;
  top: 60px;
  left: 165px;
  width: 280px;
}

/*tlacitko odebrat let */
.toolbar4 {
  background: #747266;
  position: absolute;
  top: 100px;
  left: 165px;
  width: 280px;
}

/*tlacitko JSON*/
.toolbar5 {
  background: #747266;
  position: absolute;
  display: inline-block;
  top: 20px;
  left: 165px;
}
/*tlacitko statistika*/
.toolbar6 {
  position: absolute;
  display: inline-block;
  top: 60px;
  left: 20px;
  width: 180px;
}

/*sbalene stlacitko Informace o letu*/
.flightdatabox label > span { 
  position: absolute;
  /*nastaveni ramecku*/
  top: 100px;
  left: 20px;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  background: rgba(84,84,84,1);
  cursor: pointer;
  /*nastaveni pisma*/
  text-align: center;
  text-overflow: ellipsis;
  border-radius: 7px;
  font-family: sans-serif;
  font-size: 16px;
  color: #edffff;
  width: 120px;
  
}

/*schovani checkboxu*/
.flightdatabox > input[type=checkbox] {
  position: absolute;
  top: -50px;
  left: -50px;
}
/*nastaveni tlacitka pro zobrazeni informaci o letu*/
.flightdatabox > input[type=checkbox] ~ * {
 position: absolute;
 width: 280px;
 max-height: 30vh;
 padding-left: 5px;
 background: rgba(128,128,128,0.95);
 overflow-x: hidden;
 overflow-y: auto;
 top: 115px;
 left: 20px;
 border-radius: 7px;
}
/*nastaveni schovani*/
.flightdatabox > input[type=checkbox]:not(:checked) ~ * {
 max-height: 0;
}
