// новый datepicker
.mat-datepicker-toggle {
  position: relative;
  bottom: auto;
}
.mat-mdc-icon-button {
  padding: 0px !important;
  width: 19px !important;
  height: 19px !important;
  display: flex !important;
}
.mat-mdc-icon-button .mat-mdc-focus-indicator {
  width: 20px;
  height: 20px;
}
.mat-mdc-icon-button .mat-mdc-button-touch-target {
  height: 20px !important;
  width: 20px !important;
}
.mat-mdc-icon-button svg {
  color: var(--MIDLE-GRAY);
  width: 20px !important;
  height: 20px !important;
}
// body
.mat-datepicker-content {
  background-color: var(--WHITE) !important;
  color: var(--MIDLE-GRAY) !important;
}
.mat-datepicker-content.mat-datepicker-content-animations-enabled {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.mat-calendar-table-header tr:first-child {
  border-bottom: 2px solid var(--LIGHT-GRAY);
}
.mat-calendar-table-header th span {
  color: var(--DARK-GREY);
  font-size: 13px;
}
.mat-calendar-previous-button::after,
.mat-calendar-next-button::after {
  margin: 4px !important;
}
.mat-datepicker-content .mat-calendar-next-button {
  margin-left: 20px;
}
// circle
.mat-calendar-body-cell-content {
  border: none !important;
}
.mat-calendar-body-selected {
  background: var(--SUCCESS) !important;
  color: var(--WHITE) !important;
}
.mat-calendar-body-cell:hover > .mat-calendar-body-cell-content {
  background-color: var(--PRIMARY) !important;
  border: none !important;
  color: var(--WHITE);
}
.mat-calendar-body-today {
  border-color: var(--DARK-GREY) !important;
  background: var(--PRIMARY) !important;
  color: var(--WHITE) !important;
}
.mat-calendar-body-selected.mat-calendar-body-today {
  background: var(--SUCCESS) !important;
}
.mat-calendar-body-disabled
  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
    .mat-calendar-body-comparison-identical
  ) {
  color: var(--GRAY) !important;
}
.mat-calendar-body-cell:focus .mat-focus-indicator::before {
  content: none !important;
}

.mat-calendar-next-button[aria-label="Next month"],
.mat-calendar-previous-button[aria-label="Previous month"] {
  display: none !important;
}