html, body {
  height: 100%;
  overflow: clip;
  margin: 0;
}
*{
  box-sizing: border-box;
}
p, ul {font-size: 17px; font-family: sans-serif;
}
#content {
  height: 100%;
}
.heading {
    position: relative;
	  text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    background-color: Lightseagreen;
    color: white;
    padding: 0.5px;
 }
.left {
  float: left;
  width: 25%;
  background: Cornsilk;
  height: 98%;
  overflow: scroll;
  box-sizing: border-box;
  padding: 5em;
}
.right {
  float: left;
  width: 75%;
  background: PowderBlue;
  height: 98%;
  overflow: scroll;
  box-sizing: border-box;
  padding: 5em;
}
.under {
  text-decoration: underline black;
 }
 /* το παρακάτω προστέθηκε για να ωραιοποιηθεί ο πίνακας του html */
 .table {
  text-align: center;
  position: relative;
  border-collapse: collapse; 
/*  background-color: #f6f6f6;*/
  background: lightseagreen;
}/* Spacing */

/*εδώ θέλουμε να είναι  ορατό και στην οθόνη των κινητών αλλά τελικά δεν δουλεύει...
@viewport {width: extent-to-zoom 80%; 
    height: auto;
	zoom: 1.0;
}
*/
td, th {
  border: 1px solid #999;
  padding: 20px;
}
th {
  background: brown;
  color: white;
  border-radius: 0;
  position: static;
  top: 0;
  padding: 10px;
}
.primary{
  background-color: #000000
}

tfoot > tr  {
  background: black;
  color: white;
}
tbody > tr:hover {
  background-color: #ffc107;
}