.date-picker-wrapper .month-wrapper table td {
  width: 57.5px;
  height: 55px;
}

.date-picker-wrapper {
  padding: 24px 32px 0px 32px !important;
  border: 0px;
  background: none;
  outline: none;
}

.date-picker-wrapper .month-wrapper {
  border: 0px;
}

.date-picker-wrapper .month-wrapper table {
  border-spacing: 2px;
}

.month-name {
  font-size: 18px !important;
  line-height: 23.4px !important;
  color: #495057 !important;
  font-weight: 500;
  font-family: "Noto Sans", sans-serif;
}

.week-name > th {
  font-size: 14px !important;
  line-height: 19.6px !important;
  letter-spacing: 0.16px !important;
  padding-bottom: 16px !important;
  color: #6c757d !important;
  font-weight: 400;
  text-transform: capitalize;
  font-family: "Noto Sans", sans-serif;
}

.day {
  color: #343a40;
  background-color: #dee2e6;
  width: 57.5px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 0px !important;
  padding: 0px !important;
}

.day.invalid {
  color: #adb5bd;
  background-color: #f8f9fa;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
  border: 1px solid #dd2c2f;
  background: #fde9eb;
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
  background: #c4beb6 !important;
}

.date-picker-wrapper .month-wrapper table .day.checked,
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background: #c4beb6 !important;
  color: #fff !important;
}

.day > .days {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  font-family: "Noto Sans", sans-serif;
}

.month-wrapper {
  padding: 0px !important;
}