/* A Drive eredeti modern csomagjából hiányzó hs-datepicker.js helyettesítése:
   a meglévő jQuery UI Datepicker API megtartásával hozzáigazítjuk az új UI-hoz. */
html[data-hs-view="modern"] .ui-datepicker {
  z-index:20050!important;
  width:min(24.4rem,calc(100vw - 1rem)); padding:0;
  font:inherit; color:var(--hs-page-ink,#213b3a);
  background:#fff; border:1px solid #d5e4de; border-radius:1.12rem;
  overflow:hidden; box-shadow:0 1rem 2.6rem rgba(31,49,49,.16);
}
html[data-hs-view="modern"] .ui-datepicker .ui-datepicker-header {
  position:relative; padding:.8rem .45rem; color:#fff;
  background:linear-gradient(110deg,var(--hs-page-accent-dark,#25544a),var(--hs-page-accent,#427767));
  border:0; border-radius:0;
}
html[data-hs-view="modern"] .ui-datepicker .ui-datepicker-title { margin:0 2.3rem;line-height:2rem; }
html[data-hs-view="modern"] .ui-datepicker .ui-datepicker-title select {
  width:46%; max-width:46%; margin:0 1%;padding:.25rem .2rem;
  border-radius:.55rem;border:1px solid rgba(255,255,255,.34);
  color:#fff;background:#376d61;font:inherit;font-size:.78rem;
}
html[data-hs-view="modern"] .ui-datepicker .ui-datepicker-prev,
html[data-hs-view="modern"] .ui-datepicker .ui-datepicker-next {top:.75rem;cursor:pointer;}
html[data-hs-view="modern"] .ui-datepicker .ui-datepicker-prev span,
html[data-hs-view="modern"] .ui-datepicker .ui-datepicker-next span {filter:brightness(0) invert(1);}
html[data-hs-view="modern"] .ui-datepicker table { width:100%;border-collapse:separate;border-spacing:2px;padding:.35rem;margin:0 0 .35rem;}
html[data-hs-view="modern"] .ui-datepicker th {padding:.55rem .1rem;font-size:.72rem;color:#607a72;}
html[data-hs-view="modern"] .ui-datepicker td {padding:1px;border:0;}
html[data-hs-view="modern"] .ui-datepicker td a,
html[data-hs-view="modern"] .ui-datepicker td span {display:grid;place-items:center;min-height:2.4rem;
   border:1px solid transparent; border-radius:.65rem; background:transparent; color:#213b3a;
   font-size:.82rem;font-weight:650;text-align:center;text-decoration:none;}
html[data-hs-view="modern"] .ui-datepicker td a:hover {color:#fff;background:#477d71;}
html[data-hs-view="modern"] .ui-datepicker td .ui-state-active {color:#fff;background:#356d60;border-color:#356d60;}
html[data-hs-view="modern"] .ui-datepicker .ui-datepicker-other-month {opacity:.42;}
html[data-hs-view="modern"] #datepicker.ui-datepicker {position:relative;width:100%;max-width:100%;
  box-shadow:0 .8rem 2rem rgba(35,61,58,.08);}
html[data-hs-view="modern"] #datepicker.ui-datepicker td a,
html[data-hs-view="modern"] #datepicker.ui-datepicker td span {min-height:3rem;font-size:.95rem;}
@media(max-width:575px){html[data-hs-view="modern"] #datepicker.ui-datepicker td a,
 html[data-hs-view="modern"] #datepicker.ui-datepicker td span {min-height:2.35rem;font-size:.78rem;}}