.react-calendar {
  max-width: 500px;
  font-family: Montserrat, sans-serif;
  font-weight: light;
  font-size: 16px;
}

.react-calendar__navigation {
  text-align: center;
  margin-bottom: 1rem;
}

.react-calendar__month-view__weekdays__weekday {
  text-transform: lowercase;
  opacity: 0.8;
}

.react-calendar__tile:hover {
  text-decoration: underline;
}

.react-calendar__navigation__label__labelText {
  font-size: 20px;
  text-transform: uppercase;
  font-family: eurostile, sans-serif;
  font-weight: bold;
}

.react-calendar__month-view__days__day,
.react-calendar__year-view__months__month {
  padding: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.react-calendar__month-view__days__day--neighboringMonth {
  opacity: 0.5;
}

.react-calendar__month-view__weekdays__weekday {
  opacity: 0.8;
  text-align: center;
  padding: 10px;
}

.react-calendar__month-view__weekdays__weekday > abbr {
  text-decoration: none;
  margin-bottom: -1px;
}

/*sdf;ljsdflksjdfkls*/

.react-calendar__tile--hasActive {
  background: #76baff;
}
.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}
.react-calendar__tile--active {
  background: #006edc;
  color: white;
}

.react-calendar__tile--active:not(.react-calendar__tile.is-selected) {
  border-radius: 50px;
}

/* .react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
} */
.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
  /* border-radius: 0 !important; */
}

.react-calendar__tile.is-start {
  border-radius: 50px 0px 0px 50px;
}

.react-calendar__tile.is-end {
  border-radius: 0px 50px 50px 0px;
}

.react-calendar__tile.is-selected {
  background: #006edc;
  color: white;
}

.react-calendar__tile.react-calendar__tile--active {
  /* border-radius: 0 !important; */
}
/* .react-calendar__tile {
  display: flex;
  justify-content: center;
  align-items: center;
}
*/
.react-calendar__tile > abbr {
  margin-bottom: -1px;
  display: block;
}

.react-calendar__month-view__days {
  row-gap: 15px;
}

.react-calendar__month-view__weekdays {
  margin-bottom: 7px;
}