* {
    box-sizing: border-box;
    font-family: 'Courier New', Courier, monospace, Geneva, Tahoma, sans-serif;
    font-size: 12px;
  }
  h1 {
    font-size: 24px;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ddd;
    /* table-layout: fixed ;
    /* margin-left: auto; */
  }
  
  th, td {
    /*text-align: left;*/
    text-align: center;
    padding: 6px;
    height: 34px;
  }
  th {
    border-bottom: 1px solid darkblue;
    text-align: center;
  }
  th.blocker {
    text-align: center;
  }
    
  tr:nth-child(even) {
    background-color: #f2f2f2;
  }
  
  .status {
    font-size: 10px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
  }

  td.blocker {
    text-align: center;
  }
  th.blocker:hover {
    cursor: pointer;
    background-color: lightblue;
  }

  td.shift {
    cursor: unset;
    background-color: none;
    text-decoration-line: none;
  }
  td.shiftSelected {
    cursor: pointer;
    background-color: bisque;
    text-decoration-line: none;
  }
  td.shiftStriked {
    cursor: pointer;
    background-color: bisque;
    text-decoration-line: line-through;
  }
  td.shiftHighlighted {
    background-color: lightblue;
    text-decoration-line: none;
  }
  td.blocker {
    background-color: none;
    border-left: 1px solid darkblue;
    border-right: 1px solid darkblue;
    border-collapse: collapse;
  }
  td.blocker:hover {
    cursor: pointer;
    background-color: darkblue;
    color: white;
    border-left: 1px solid darkblue;
    border-right: 1px solid darkblue;
    border-collapse: collapse;
  }
  td.blockerPassive {
    background-color: none;
  }
  td.blockerHighlighted {
    /* background-color: lightblue; */
    cursor: pointer;
    background-color: lightcoral;
    border-left: 1px solid darkblue;
    border-right: 1px solid darkblue;
    border-collapse: collapse;
  }
  td.blockerHighlighted:hover {
    cursor: pointer;
    background-color: lightpink;
    color: white;
    border-left: 1px solid darkblue;
    border-right: 1px solid darkblue;
    border-collapse: collapse;
  }
  td.blockerPassiveHighlighted {
    /* background-color: lightblue; */
    background-color: lightcoral;
  }
  tr.blockerHighlighted {
    border: none;
  }

  tr.blockerHighlighted {
    border: 1px solid darkblue;
    border-collapse: collapse;
  }
  td.shiftCW:hover {
    cursor: pointer;
    background-color: darkblue;
    color: white;
  }
  td.shiftCW {
    font-size: x-small;
  }