#hours-worked-table {
  table-layout: auto;
  background: #ffffff;
  border-collapse: collapse;
  width: 100%;
}

#hours-worked-table th,
#hours-worked-table td {
  border: 1px solid #7a8fa6;
}

#hours-worked-table thead th {
  background: #00326b;
  color: #000000;
  border-color: #00326b;
}

#hours-worked-table th:first-child,
#hours-worked-table td:first-child {
  width: 1%;
  white-space: nowrap;
}

#hours-worked-table th:not(:first-child),
#hours-worked-table td:not(:first-child) {
  width: 7%;
}

#hours-worked-table tbody td:not(:first-child),
#hours-worked-table tfoot td:not(:first-child) {
  text-align: center;
}

#hours-worked-table tfoot {
  border-top: 2px solid #000000;
  background-color: #f8f9fa;
}

#hours-worked-table tfoot td {
  font-weight: bold;
}

#hours-worked-table tbody td:not(:first-child):empty,
#hours-worked-table tfoot td:not(:first-child):empty {
  background: #eef2f3;
}

#hours-worked-table th,
#hours-worked-table td {
  font-size: 10.5pt;
  padding: 3px 4px;
  line-height: 1.2;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  word-break: break-word;
  vertical-align: top;
  background: #ffffff;
}

#hours-worked-table thead th {
  background: #00326b;
  color: #000000;
  border-color: #00326b;
}

#hours-worked-table th,
#hours-worked-table td {
  color: #0a2f5f;
}

#hours-worked-table thead th:nth-child(4n+1),
#hours-worked-table tbody td:nth-child(4n+1) {
  background: #99B3C5;
}

#hours-worked-table thead th:nth-child(4n+2),
#hours-worked-table tbody td:nth-child(4n+2) {
  background: #FFA1AB;
}

#hours-worked-table thead th:nth-child(4n+3),
#hours-worked-table tbody td:nth-child(4n+3) {
  background: #FFC68D;
}

#hours-worked-table thead th:nth-child(4n+4),
#hours-worked-table tbody td:nth-child(4n+4) {
  background: #9ADBDE;
}

#hours-worked-table thead th:first-child,
#hours-worked-table tbody td:first-child {
  background: #ffffff !important;
  color: #0a2f5f;
}

#hours-worked-table thead th:last-child,
#hours-worked-table tbody td:last-child {
  background: #ffffff !important;
  color: #0a2f5f;
}

#hours-worked-table th {
  color: #0a2f5f;
}

.calendar-events {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 5px;
}

.calendar-event {
  font-size: 10pt;
  padding: 2px 8px;
  border-radius: 999px;
  border: 2px solid;
  line-height: 1.3;
  word-wrap: break-word;
  white-space: normal;
  display: inline-block;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.calendar-event-text {
  display: inline-block;
  line-height: 1.1;
  text-align: center;
}

.calendar-event-text.calendar-event-small {
  font-size: 8pt;
}