.timeViewCntr {
  border: 1px solid #83aada;
  max-width: 800px;
}

.shiftTimeLine {
  display: grid;
  grid-template-columns: repeat(96, 1fr [col]);
  grid-template-rows: [time-labels] 15px [ticks] 5px;
  grid-auto-rows: auto;
  padding: 5px;
}

.tick {
  border-left: 1px solid #888888;
}

.timeAxis {
  border-top: 1px solid #888888;
}

.timeItem {
  border: solid 1px #8EB1DD;
  margin-top: 2px;  
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.continuedNextDayTimeItem {
  padding-right: 12px;
}

.continuedPriorDayTimeItem {
  padding-left: 12px;
}

.sks {
  background: #e6eef7;
}

.extendToGridLine {
  margin-right: -1px;
}

.extendNextDayIcon, .extendPriorDayIcon {
  margin-top: 4px;
  padding: 0 1px;
}

.extendNextDayIcon {
  text-align: right;
}

.extendPriorDayIcon {
  text-align: left;
}

.gridLine {
  border-left: 1px dashed #888888;
}

.timeViewComment {
  text-align: center;
}

.timeViewComment > span {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.currentUserAssigned {
  background: #f7e37e;
}