/* Bootstrap-like jQuery UI datepicker */
#ui-datepicker-div,
.ui-datepicker {
  font-family: inherit;
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: .5rem;
  box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.15);
  padding: .75rem;
  z-index: 9999 !important;
  width:36em!important;
}

/* Header */
.ui-datepicker .ui-datepicker-header {
  background: transparent;
  border: 0;
  padding: .25rem .25rem .65rem .25rem;
  font-weight: 600;
}

/* Prev/Next buttons */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: .2rem;
  width: 2rem;
  height: 2rem;
  border-radius: .375rem;
  border: 0;
  background: transparent;
  cursor: pointer;
  box-shadow: none;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  background: rgba(0,0,0,.06);
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  background-image: none !important;
}

.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: .5rem;
  height: .5rem;
  border-top: 2px solid rgba(0,0,0,.55);
  border-right: 2px solid rgba(0,0,0,.55);
  transform: translate(-50%,-50%) rotate(225deg);
}

.ui-datepicker .ui-datepicker-next:before {
  transform: translate(-50%,-50%) rotate(45deg);
}

/* Title */
.ui-datepicker .ui-datepicker-title {
  line-height: 2rem;
  font-size: .95rem;
  font-weight: 700;
  letter-spacing: .2px;
}

/* Week header */
.ui-datepicker th {
  color: rgba(0,0,0,.55);
  font-weight: 600;
  font-size: .75rem;
  padding: .4rem 0;
}

/* Сетка дней */
.ui-datepicker table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: .45rem .5rem; /* увеличили расстояние */
}

/* Days */
.ui-datepicker td {
  width: 14.285714%;
  padding: 0;
  text-align: center;
}

/* Круглые дни */
.ui-datepicker td a,
.ui-datepicker td span {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;
  margin: 0 auto;

  border-radius: 50%;
  padding: 0;

  background: #f6f7f9;
  border: 1px solid rgba(0,0,0,.06);
  color: rgba(0,0,0,.75);
  text-decoration: none;

  transition: background .12s ease, border-color .12s ease, transform .12s ease, box-shadow .12s ease, color .12s ease;
}

.ui-datepicker td a:hover {
  background: #eef2ff;
  border-color: rgba(0,123,255,.25);
  transform: translateY(-2px);
}

/* Today */
.ui-datepicker .ui-datepicker-today a {
  background: #fff;
  border: 2px solid rgba(0,123,255,.75);
  color: #007bff;
  font-weight: 700;
}

/* Selected */
.ui-datepicker .ui-datepicker-current-day a {
  background: #007bff !important;
  border: 2px solid #007bff !important;
  color: #fff !important;
  font-weight: 700;
  box-shadow: 0 .35rem .9rem rgba(0,123,255,.28);
}

/* Disabled */
.ui-datepicker td.ui-state-disabled span {
  background: transparent;
  border-color: transparent;
  opacity: .28;
}

/* Выходные — не выделяем цветом */
.ui-datepicker-week-end a {
  color: rgba(0,0,0,.75);
  font-weight: 600;
}

/* Два месяца */
.ui-datepicker-multi .ui-datepicker-group {
  /*padding: 0 .65rem;*/
  padding: 0px;
}

.ui-datepicker-multi .ui-datepicker-group + .ui-datepicker-group {
  border-left: 1px solid rgba(0,0,0,.08);
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
}
/* Убираем фон-спрайт jQuery UI */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {

  background: none !important;       /* убираем картинку и градиент */
  background-image: none !important; /* дополнительная страховка */
  box-shadow: none;

  border: 1px solid rgba(0,0,0,.08);
  font-weight: 600;
  color: rgba(0,0,0,.75);
}
/* Мобилка */
@media (max-width: 576px) {
  .ui-datepicker-multi .ui-datepicker-group {
    width: 100% !important;
    padding: 0 !important;
    border-left: 0 !important;
  }
}