* {box-sizing: border-box}
body {
  font-family: "Lato", sans-serif;
}

table{
  border-collapse:collapse;
  border:1px solid #000000;
  overflow-x: auto;
/*  display: block; */
/*  width: fit-content; */
  width: 100%;
  table-layout: fixed;
}

table td{
  border:1px solid #000000;
}

table td.noborder{
  border:0px solid #000000;
  white-space: nowrap;
}

table td.smallwidth{
  width:30px;
}

/* Center table */
table.center {
    width:90%;
    margin-left:5%;
    margin-right:5%;
}

table.smallcenter {
  width:80%;
  margin-left:10%;
  margin-right:10%;
}

/* Colors for text */
.oktext {
  color: green;
}

.errortext {
  color: red;
}

/* Tab wrapper */
.wrapper {
}

/* Style the tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  width: 150px;
  height: 800px;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  color: black;
  padding: 8px 8px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  overflow: hidden;
  padding: 0px 12px;
  border: 1px solid #ccc;
  border-left: none;
  height: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto;
}

span.ptv {
  background-color: dimgrey;
  color: white;
  font-family: 'Nunito';
  font-size: 30pt;
  border-bottom-right-radius: 15px;
}

span.an {
  background-color: orangered;
  color: white;
  font-family: 'Nunito';
  font-size: 30pt;
}