main > article > p.note {
  color: var(--text-color);
  display: block;
  font-size: 12px;
}

article > div.table_header > div.sheet_day {
  background-color: var(--coloured-bg);
  width: 100%;
  font-size: 18px;
  color: var(--white);
  text-align: left;
  padding: 5px 5px 5px 5px;
}

article > div.table_header > div.sheet_role {
  background-color: var(--light-coloured-bg);
  width: 100%;
  text-align: left;
  padding: 5px 5px 5px 10px;
  border-color: var(--coloured-bg);
  border-style: none none solid none;
  border-width: 1px;
}

article > div.table_row > border_right {
  border-right-style: solid;
  border-right-color: var(--coloured-bg);
  border-right-width: 1px;
}

article > div.table_row > div.sheet_time,
article > div.table_row > div.sheet_user1,
article > div.table_row > div.sheet_user2,
article > div.table_row > div.sheet_user3,
article > div.table_row > div.sheet_user4,
article > div.table_row > div.sheet_user5 {
  width: 125px;
  text-align: left;
  padding: 5px 5px 5px 10px;
}

article > div.table_row > div.sheet_user1:hover,
article > div.table_row > div.sheet_user2:hover,
article > div.table_row > div.sheet_user3:hover,
article > div.table_row > div.sheet_user4:hover,
article > div.table_row > div.sheet_user5:hover {
  cursor: pointer;
}

article > div.table_row > div.sheet_user1 {
  text-align: center;
  width: 780px;
}

article > div.table_row > div.sheet_user2 {
  text-align: center;
  width: 388px;
}

article > div.table_row > div.sheet_user3 {
  text-align: center;
  width: 257px;
}

article > div.table_row > div.sheet_user4 {
  text-align: center;
  width: 192px;
}

article > div.table_row > div.sheet_user5 {
  text-align: center;
  width: 154px;
}