#ui-datepicker-div {
  width: unset;
  text-align: center;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(121, 121, 121);
  z-index: 1100 !important;
}

.ui-datepicker .ui-datepicker-title{
  margin: 0 0.5em;
  font-weight: 800;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  text-indent: 0rem;
  /* Use custom rules to center the icon */
  margin: 0;
  transform: translate(-50%, -50%);
}

.ui-datepicker-calendar tbody tr a,
.ui-datepicker-calendar tbody tr span
{
  display: flex;
  font-weight: 800;
  width: 3em;
  height: 3em;
  margin: 0rem auto;
  text-align: center;
  justify-content: center;
  align-items: center;
}

#ui-datepicker-div .datepicker-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  justify-content: center;
}

#ui-datepicker-div .legend-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

#ui-datepicker-div .legend-color {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
}

#ui-datepicker-div .legend-color-available,
.ui-datepicker-calendar td.available {
  background-color: #CDE4DE;
  text-decoration: underline;
}

#ui-datepicker-div .legend-color-fulled,
.ui-datepicker-calendar td.fulled {
  background-color: #F2D4D4;
}

#ui-datepicker-div .legend-color-almost,
.ui-datepicker-calendar td.almost {
  background-color: #F4F0D5;
  text-decoration: underline;
}

.ui-datepicker-calendar td.available {
  text-decoration: underline;
}

.ui-datepicker-unselectable span {
  color: rgb(204, 204, 204);
}

.ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker-next {
  right: 2px;
}

.ui-datepicker-prev.ui-state-disabled,
.ui-datepicker-next.ui-state-disabled {
  display: none;
}

#ui-datepicker-div:empty {
  border: none;
}

.datepicker input.hasDatepicker+div {
  position: absolute;
  display: block;
  top: 50%;
  right: .75rem;
  width: .6rem;
  height: .5rem;
  transform: translateY(-50%);
  background-image: url(../../assets/image/select_icon.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
}