:root{
  --backlog-background:rgba(250, 250, 250, 0.8);
}

.b-theme-classic-dark{
  --backlog-background:rgba(80, 80, 87, 0.8);
}

.b-scheduler:nth-of-type(1){
  border-bottom:3px solid #777;
}
.b-scheduler:nth-of-type(1) .b-grid-headers{
  height:62px;
}
.b-scheduler:nth-of-type(1) .b-grid-row{
  border-bottom:none;
  background:var(--backlog-background);
}

.b-sch-event{
  display:grid;
  grid-template-columns:1fr;
  align-items:stretch;
  border-radius:10px;
}
.b-sch-event .remaining,
.b-sch-event .progress,
.b-sch-event .b-sch-event-content{
  grid-area:1/1;
}
.b-sch-event .remaining{
  background-color:rgba(255, 255, 255, 0.3764705882);
  justify-self:end;
}
.b-animating .b-sch-event .remaining{
  transition:width 0.2s ease-in-out;
}
.b-sch-event .progress{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:24em;
}
.b-animating .b-sch-event .progress{
  transition:width 0.2s ease-in-out;
}
.b-sch-event .percent{
  font-size:2.5em;
  margin-inline-end:0.5em;
}
.b-sch-event .percent:not(.hasValue){
  display:none;
}
.b-sch-event .b-sch-event-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  margin-inline-start:1.5em !important;
}
.b-sch-event .name{
  font-size:1.2em;
}
.b-sch-event .desc{
  max-width:20em;
  white-space:normal;
  font-size:0.8em;
}
.b-sch-event.backlog-event .percent,
.b-sch-event.backlog-event .desc{
  display:none;
}