table {
  font-size: 0.9rem; 
  overflow: auto;
  max-height: calc(100vh - 100px);
}

tr {
  vertical-align: middle;
}

tbody tr {
  height: 42px;
}
#monthly-report > tbody tr {
  height: 30px;
}
tbody td {
  cursor: pointer;
  
}

th.date { background-color:rgb(201, 218, 248); }
th.total { background-color:rgb(255, 229, 153); }
th.stock { background-color:rgb(216, 216, 216); }

th.worker-nickname, th.socks-nickname {
  background-color: rgb(217, 234, 211);
}
th.inactive {
  background-color: rgb(255, 228, 228);
}

td.selected
{
  background-color:rgb(231, 238, 247) !important;
}

thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}


tbody th.date {
  position: sticky;
  left: 0;
}

th.today {
  background-color:rgb(164, 196, 252);
  white-space: pre-wrap !important;
  line-height: 0.6rem !important;
  top: -15px;
  /* outline: thin solid rgb(247, 115, 115) !important; */
}
/* tr:has(.today) {
  outline: thin solid rgb(247, 115, 115) !important;
} */
td.today {
  background-color:rgb(251, 253, 219);
}

thead th.socks-nickname {
  position: sticky;
  top: 0;
  z-index: 1;
}

thead th.stock {
  position: sticky;
  top: 30;
  z-index: 1;
}

thead th.stock {
  position: sticky;
  top: 0;
  z-index: 1;
}

thead th.header { background-color:rgba(92, 115, 126, 0.26); }
tbody th.general-design { background-color:rgb(237, 244, 255); }
tbody th.finger-design { background-color:rgb(255, 253, 226); }

#left-top {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 2;
}

#left-top-second {
  position: sticky;
  left: 0;
  top: 30;
  z-index: 2;
}

.show {
  transition: opacity 20ms;
}

#search_start_date, #search_end_date {
  min-width: 130px !important;
  max-width: 200px !important;
}