/*Тело календаря*/
.xdsoft_datetimepicker {
  background: var(--white);
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}

.xdsoft_monthpicker {
  display: flex;
  align-items: center;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
  float: none;
  width: unset;
}

/* Навигация сверху */

/* .xdsoft_datetimepicker .xdsoft_label i, */
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAACCElEQVRoge2awUrDMBjH/3MyUfEy2FNNvatPsIM49eDJR+io7+ADKN49evEiiN4EQR/Bi+L8SzGFGNKtTbK1X+gfQkbSfvnSX/MlTYZWrVq1atXKUZ15t5GU+mwTAF0A4wb4UlqrQvysqgzGiXaPGCgrDfAhtEwYRwBSKc7HBsSEkUsMlDJAkgW2H/IhFcHIJWqkFIp/SrLJPXBKle0QdhOWVxqwHyOSxyGfS1kgDAwl1ewuE0auEFCGmr29OoCEgpIaNoO9XUtMOxbIB3UA8YViwpAIZHvGyNuvA4grFBsMaUCGBX3Q5RW+XIFUhVIEQxKQ3RIwcjmHL5/vkG6Fa6ce7TRBIwDXFj9uAFxZyi8BnC3E74I3wGWVUrQakjA67kk+kLzT/D7X6g+18md17ZNLWy5AfJaMNigSgKyoPAfyTbJnXPOh6l5VXcelraoh68Jzo+4UwMTj/rr0o9odqDwLwVuaLz0An+p3H8BX9i67+FoFiC+MXKGhpKrzVZLrdlBf5RmANa28p9VloDY9+1SsAGFqXvgKYWvWKs6Uz3fULcl3ki8kB1r5BslHkm8qX3dtowyQRcDQoYSyVQbKIvbkgqbYTgxTtatr00SFy0YrtvOQsZrrTImAgUhPDE0oYmAg4jP1fDU4lQQDkf/rRKRiDFlSZPt+Slog9ck618U6h0jR/7kOwC9/OKhA2Fzz3QAAAABJRU5ErkJggg==);
  background-color: #ccc;
  float: none;
}

.xdsoft_datetimepicker .xdsoft_prev {
  margin-right: 18%;
}

.xdsoft_datetimepicker .xdsoft_next {
  margin-left: auto;
}

.xdsoft_datetimepicker .xdsoft_label i {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_today_button {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
  padding: 10px 5px;
}

.xdsoft_datetimepicker .xdsoft_label, .xdsoft_option {
  background: var(--white);
  color: var(--primary);
  font-weight: 600;
  text-align: left;
  width: auto;
  border: 1px solid #eee;
  font-size: 16px;
  padding: 10px 10px;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
  background: var(--primary);
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
  background: var(--white);
  color: var(--primary);
  box-shadow: none;
}

/*Дни недели*/
.xdsoft_datetimepicker .xdsoft_calendar th {
  background: var(--white);
  color: var(--primary);
  text-transform: uppercase;
  font-weight: 400;
  border: none;
  height: 35px;
  font-size: 16px;
}

/* Ячейка даты */
.xdsoft_datetimepicker .xdsoft_calendar td {
  background: var(--white);
  color: var(--primary);
  padding: 6px;
  font-size: 16px;
}

.xdsoft_datetimepicker .xdsoft_calendar td>div {
  padding: 5px;
  text-align: center;
}

/* Отключённая ячейка */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_date.xdsoft_disabled {
  color: #7C7D81;
  opacity: .55;
} 

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
  background: var(--primary) !important;
  box-shadow: none;
}

/* Наведение на доступную ячейку */
.xdsoft_datetimepicker .xdsoft_calendar td:hover {
  background: var(--primary) !important;
  color: var(--white);
}

/* Наведение на отключённую ячейку */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover {
  background: var(--white) !important;
  color: #7C7D81 !important;
}

/* Наведение на отключённую ячейку */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: var(--primary);
}

/* Наведение на отключённую ячейку */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
  background: var(--primary);
  box-shadow: none;
  color: #fff;
}

/*Ячейка времени*/
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
  background: var(--white);
  color: var(--primary);
  padding: 15px 10px;
  margin: 0;
  border: none;
  min-width: 70px;
  line-height: 1;
  height: auto;
  font-size: 16px;
}

/*Наведение на доступное время*/
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
  background: var(--primary) !important;
}

/*Выбранное время*/
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
  background: var(--primary) !important;
  box-shadow: none;
}

/*
#date2 .xdsoft_time_variant {
  margin-top: 0 !important;
}
*/

/* Тело времени*/
.xdsoft_timepicker .xdsoft_prev, .xdsoft_timepicker .xdsoft_next {
  display: none !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  max-height: 130px;
  height: unset;
  min-height: 45px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
  width: unset !important;
}

.xdsoft_time_variant {
  max-width: 300px;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  margin: 0;
}