.help {cursor: help;}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: black;
  color: #fff;
  text-align: justify;
  border-radius: 6px;
  padding: 5px 9px;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -60px;
}

/* .tooltip .tooltiptext::after {
  content: "";
  position: fixed;
  bottom: 100%;
  left: 11%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
} */

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.table thead > tr > th {
  border-bottom: none;
}

.mescalina {
  table-layout : fixed;
  word-wrap    : break-word;
}

.mescalina > thead > tr > th:nth-of-type(2) {

}

#mescalina-airing {
  margin-bottom: 28px;
}

h3 {
  font-weight: bold;
  font-size  : 24.5px;
  line-height: 30px;
  margin     : 0px;
}

.center {
  text-align: center;
}

.navbar-search {
  max-width: 250px;
}

.footer {
  padding-right: 10px;
  height       : 60px;
  text-align   : right;
}

td.nope {
  background-color: rgb(255,  87,  87);
}

td.done {
  background-color: rgb( 89, 192, 109);
}

td.ongoing {
  background-color: rgb(152, 203, 251);
}

td.nope    a, td.nope    a:hover, td.nope    a:visited,
td.done    a, td.done    a:hover, td.done    a:visited,
td.ongoing a, td.ongoing a:hover, td.ongoing a:visited
{
  color: black;
}

.table-hover tbody tr:hover td.nope {
  background-color: rgb(255,  87,  87);
  opacity: 0.7;
}

.table-hover tbody tr:hover td.done {
  background-color: rgb( 89, 192, 109);
  opacity: 0.7;
}

.table-hover tbody tr:hover td.ongoing {
  background-color: rgb(152, 203, 251);
  opacity: 0.7;
}

.table-hover tbody tr:hover td {
  box-shadow: 0 0 0 1px white;
}

#myInput {
  background-image: url('https://i.imgur.com/Hcm3kst.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}