.header-row .row, .week-container .row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.header-row .day-header, .header-row .week-number, .header-row .scroll-fill, .week-container .day-header, .week-container .week-number, .week-container .scroll-fill {
  background-color: lightgray;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  cursor: pointer;
}
.header-row .day-header, .header-row .week-number, .header-row .bce-day, .week-container .day-header, .week-container .week-number, .week-container .bce-day {
  padding-left: 1rem;
  padding-right: 1rem;
  border: 1px solid transparent;
  max-width: 12.5%;
  user-select: none;
}
.header-row .week-number .label, .week-container .week-number .label {
  font-size: large;
}
.header-row .week-number .week-select, .week-container .week-number .week-select {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  display: none;
}
.header-row .week-number .week-select:checked, .week-container .week-number .week-select:checked {
  display: block;
}
.header-row .week-number:hover .week-select, .week-container .week-number:hover .week-select {
  display: block;
}
.header-row .bce-day .day-select, .week-container .bce-day .day-select {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  display: none;
}
.header-row .bce-day .day-select:checked, .week-container .bce-day .day-select:checked {
  display: block;
}
.header-row .bce-day:hover .day-select, .week-container .bce-day:hover .day-select {
  display: block;
}
.header-row .day-header .weekday-select, .week-container .day-header .weekday-select {
  display: none;
}
.header-row .day-header .weekday-select:checked, .week-container .day-header .weekday-select:checked {
  display: block;
}
.header-row .day-header:hover .weekday-select, .week-container .day-header:hover .weekday-select {
  display: block;
}
.header-row .week-select, .header-row .weekday-select, .header-row .day-select, .week-container .week-select, .week-container .weekday-select, .week-container .day-select {
  cursor: pointer;
}

.week-container {
  flex-direction: row;
  max-height: 50vh;
}
.week-container .row {
  padding-left: 0;
  padding-right: 0;
}

.bce-day {
  display: block;
  min-height: 3em;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.bce-day.bce-work {
  background-color: ghostwhite;
}
.bce-day.bce-holiday {
  background-color: blue;
  color: white;
}
.bce-day.bce-holiday-red {
  background-color: red;
  color: white;
}
.bce-day .row {
  margin: 0;
  justify-content: center;
  min-height: 1.5rem;
}
.bce-day:hover {
  border: 1px solid blue;
}
.bce-day.selected {
  border: 1px solid darkorange;
  /*+ .selected{
      border-left:none;
  }*/
}

.workunit-row {
  margin-bottom: 2px;
}
.workunit-row input[type=time] {
  border: none;
  width: 100%;
  height: 100%;
}
.workunit-row .row.invalid-feedback {
  display: block;
}
.workunit-row .col-sm {
  display: flex;
  align-items: center;
}
.workunit-row .form-control {
  padding-right: calc(1.5em + 0.75rem);
}
.workunit-row .ctrl-start, .workunit-row .ctrl-end {
  min-width: 5em;
  display: flex;
  align-items: center;
}
.workunit-row .ctrl-start {
  padding-right: 1rem;
}
.workunit-row .ctrl-end {
  padding-left: 1rem;
}