.statistics .date {
  font-size: 17px;
}

.datepicker--cell.-current-, .datepicker--day-name {
  color: rgb(var(--gc-color-primary));
}

.datepicker--cell.datepicker--cell-day.-weekend- {
  color: #e44510;
}

.datepicker--cell.datepicker--cell-day.-weekend-.-disabled-, .datepicker--cell.datepicker--cell-day.-weekend-.-other-month- {
  color: #f48a66;
}

.datepicker--cell.datepicker--cell-day.-weekend-.-selected-, .datepicker--cell.datepicker--cell-day.-weekend-.-disabled-.-selected-, .datepicker--cell.datepicker--cell-day.-weekend-.-other-month-.-selected- {
  color: #fff;
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb, .datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 12px;
  width: 12px;
  border-radius: 2px;
  background: rgb(var(--gc-color-primary));
  margin-top: -5px;
}

.datepicker--time-row input[type=range]::-moz-range-thumb, .datepicker--time-row input[type=range]:focus::-moz-range-thumb {
  border: none;
  height: 12px;
  width: 12px;
  border-radius: 2px;
  background: rgb(var(--gc-color-primary));
}
/*hide the outline behind the border*/
.datepicker--time-row input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

.datepicker--time-row input[type=range]::-ms-thumb, .datepicker--time-row input[type=range]:focus::-ms-thumb {
  border: none;
  height: 12px;
  width: 12px;
  border-radius: 2px;
  background: rgb(var(--gc-color-primary));
}

.datepicker--cell.-in-range-, .datepicker--cell.-in-range-.-focus- {
  background: rgba(var(--gc-color-primary), 0.4);
}

.datepicker--cell.-current-.-in-range- {
  color: #fff;
}

.datepicker--cell.-range-from-, .datepicker--cell.-range-to- {
  border-color: rgb(var(--gc-color-primary));
  background-color: rgba(var(--gc-color-primary), 0.4);
}

.datepicker--cell.-selected-.datepicker--cell-day.-other-month-, .datepicker--cell.-selected-.datepicker--cell-year.-other-decade- {
  background: rgba(var(--gc-color-primary), 0.4);
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-, .datepicker--cell.-selected-.-focus- {
  background: rgb(var(--gc-color-primary));
}

.page-link {
  color: rgb(var(--gc-color-primary));
}

.page-item.active .page-link {
  color: #fff;
  background-color: rgb(var(--gc-color-primary));
  border-color: rgb(var(--gc-color-primary));
}