@media print {
  .noPrint{
    display:none;
  }
}

@media not print {
  .noScreen{
    display:none;
  }
}


body {
    background-image:url("logo.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-origin: content-box;
    background-size: 20%;
}
th {
  background:#00adba; //#c0c0c0;
  //color:white;
  text-align:left;
}

td {
  vertical-align:top;
}

a {
  text-decoration:none;
  color:green;
}

.line td {
  border-top: solid 1px black;
}

.edit {
  background:#e50051; //red;
}

.edit td {
  border-top: solid 1px black;
}


.tooltip {
  font-size:larger;
  font-weight: bold;
  background: #312783; //#c0c0c0;
  color:white;
  position: relative;
  padding: 10px 10px 2px 10px;      
  width: 100%;
}

.tooltip .tooltiptext {
    font-size: medium;
    font-weight: normal;
    visibility: hidden;
    width: 95vw;
    background-color: #ffffc0;
    color: black;
//    text-align: center;
    border:1px solid black;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
//    position: relative;
    z-index: 1;
    top: 100%;
    left: 0%;
//    right: 0%;
    margin-left: 0px;
    opacity: 0;
    transition: opacity 1s;
  }

.tooltip input {
  display:none;
}
.tooltip input:checked+span {
  visibility: visible;
  opacity: 1;
}