.selectedTime{
  display: flex;
  height: 100%;
}
.scheduleWrap span.selectedBlue{
  background-color: #1A73E8 !important;
}
.scheduleWrap span.selectedGrey{
  background-color: #DADADA;
}
.scheduleWrap span.selectedRed{
  background-color: #CC3A3D;
}
.selectedTime:hover{
  /* background-color: #88b0e4; */
  cursor: pointer;
}
.scheduleWrap table tbody tr td{
  padding: 2px 4px 2px 0px;
  height: 42px;
}
.scheduleWrap .table thead tr th{
  padding: 4px 4px;
  height: 42px;
  border-color: transparent;
}
.scheduleWrap .table  th:first-child {
  width: 50px;
}
.scheduleWrap .table  tr td:first-child {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.scheduleWrap .table  th:not(:first-child){
  width: calc((100%) / 7); 
}
.scheduleWrap .table thead tr th span.active,.scheduleWrap table thead tr th span.shiftName:hover{
  background-color: #1B1717;
  color: white ;
  cursor: pointer;
}
.scheduleWrap .dayName{
  height: 42px;
  background-color: #F4F4F4;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 10px;
}
.scheduleWrap .timeName{
  height: 42px;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 0px;
  text-align: center;
}

.scheduleWrap table tfoot tr{
  border: none;
}
.scheduleWrap table tfoot tr td{
  padding: 4px 4px;
  /* height: 42px; */
  border: none;
  color: #111624;
  font-size: 16px;
  font-weight: 700;
  line-height: 45px;
  text-align: center;
}
.scheduleWrap .totalTime{
  height: 50px;
  background-color: #F4F4F4;
  display: block;
  border: none;
  margin-top: 20px;
}
.scheduleWrap .timeDay{
  height: 50px;
  display: block;
  border: none;
  margin-top: 20px;
}
.scheduleWrap .shifts{
  display: none;
}
.scheduleWrap .shiftActive{
  display: contents;
}
p.titleFs24{
  color: var(--Neutral04, #4D4D4D);
  font-size: 24px;
  font-weight: 600;
}

.scheduleWrap .table  tr td:first-child {
  position: relative;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;

}
.scheduleWrap .table  tr td:first-child::before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  width: 20%;
  height: 1px;
  background-color: #dee2e6;
}
.scheduleWrap .table  tr.trFirst td:first-child::before {
  background-color: transparent;
}
.scheduleWrap .table tfoot tr td:first-child::before {
  background-color: transparent !important;
}

.scheduleWrap table tbody tr.trFirst td {
  height: 15px;
  border-top: 1px solid transparent;
}
.scheduleWrap table tbody tr.trEnd td{
  height: 20px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-bottom: 1px solid transparent;
}
.scheduleWrap table tbody tr.trEnd td span{
  height: 20px;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 0px;
  text-align: center;
}
.scheduleWrap .table-bordered>:not(caption)>*{
  border-color: #dee2e6;
}
.teacherSchedule:hover{
  cursor: pointer !important;
}