input#demo17,
input#demo171 {
    position: absolute;
    left: 0;
    top: 15px;
    width: 360px;
    opacity: 0;
    height: 43px;
    z-index: 99999999;
    cursor: pointer;
}

.demo__input {
    position: relative;
}

.datepicker__info--help {
    display: none !important;
}

/* ==========================================
   LUXURY GOLD THEME
========================================== */

.datepicker {
    width: 530px;
    background: #f6f1e8 !important;
    border: 1px solid rgba(171, 138, 98, 0.25);
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
    color: #222 !important;
    font-family: "Playfair Display", serif !important;
    font-size: 14px;
    line-height: 14px;
}

/* Header */
.datepicker__topbar {
    background: #f6f1e8 !important;
}

.datepicker__month-name,
.datepicker__month-day-of-week,
.datepicker__info--selected-label,
.datepicker__info--selected,
.datepicker__info-text {
    color: #222 !important;
}

/* Arrows */
.datepicker__month-button--next:after,
.datepicker__month-button--prev:after {
    filter: none !important;
}

/* Table reset */
#datepicker-demo17 tbody,
#datepicker-demo17 td,
#datepicker-demo17 tfoot,
#datepicker-demo17 th,
#datepicker-demo17 thead,
#datepicker-demo17 tr,
#datepicker-demo171 tbody,
#datepicker-demo171 td,
#datepicker-demo171 tfoot,
#datepicker-demo171 th,
#datepicker-demo171 thead,
#datepicker-demo171 tr {
    padding: 0;
}

.datepicker__month-day {
    color: #222 !important;
    border: 0 !important;
    padding: 9px 7px !important;
}

/* Today */
.datepicker__month-day--today {
    background: var(--sunset-gold) !important;
    color: #fff !important;
    border-radius: 50%;
}

/* Hover */
.datepicker__month-day--selected,
.datepicker__month-day--hovering {
    background: rgba(171,138,98,0.18) !important;
    color: #222 !important;
}

/* Selected dates */
.datepicker__month-day--first-day-selected,
.datepicker__month-day--last-day-selected {
    background: var(--sunset-gold) !important;
    color: #fff !important;
    background-image: none !important;
}

/* Disabled dates */


/* ==========================================
   REMOVE BLUE TRIANGLES
========================================== */

.datepicker__month-day--no-checkin,
.datepicker__month-day--no-checkout,
.datepicker__month-day--day-of-week-disabled {
    background: rgba(171,138,98,0.15) !important;
    color: #222 !important;
    background-image: none !important;
}

/* Force gold instead of blue */
.datepicker__month-day--no-checkin {
    background: var(--sunset-gold) !important;
    color: #fff !important;
    background-image: none !important;
}

.datepicker__month-day--no-checkout {
    background: var(--sunset-gold) !important;
    color: #fff !important;
    background-image: none !important;
}

.datepicker__month-day--no-checkin.datepicker__month-day--no-checkout,
.datepicker__month-day--disabled {
    background: var(--sunset-gold) !important;
    color: #fff !important;
    background-image: none !important;
}

/* Kill triangle pseudo elements */
.datepicker__month-day--no-checkin:before,
.datepicker__month-day--no-checkout:before,
.datepicker__month-day--no-checkin:after,
.datepicker__month-day--no-checkout:after {
    display: none !important;
    border: none !important;
    content: none !important;
}

/* Footer */
.datepicker__info {
    background: #efe7da !important;
    border-top: 1px solid rgba(171,138,98,0.15);
}

/* Buttons */
.datepicker__close-button,
.datepicker__clear-button,
.datepicker__submit-button {
    background: var(--sunset-gold) !important;
    color: #fff !important;
    border-radius: 8px;
    border: none;
}

.datepicker__close-button:hover,
.datepicker__clear-button:hover,
.datepicker__submit-button:hover {
    background: #95734f !important;
}

/* Extras */
.datepicker__month-day--with-extra span {
    display: block;
    margin-top: 5px;
    font-style: italic;
    font-weight: bold;
}

.datepicker__month-day--with-extra {
    padding: 0 7px;
}


#datepicker-demo17.datepicker,
#datepicker-demo171.datepicker {
    z-index: 999999;
}

/* Mobile */
@media (max-width: 500px) {
    .datepicker {
        width: 300px !important;
    }
}

@media (max-width: 360px) {
    .datepicker {
        width: 270px !important;
    }
}

@media (max-width: 320px) {
    .datepicker {
        width: 255px !important;
    }
}

/* ==========================================
   REMOVE RED X FROM DISABLED DAYS
========================================== */

.hotel-datepicker .datepicker__month-day--disabled:after,
.hotel-datepicker .datepicker__month-day--invalid:after,
.datepicker__month-day--disabled:after,
.datepicker__month-day--invalid:after {
    content: none !important;
    display: none !important;
}

/* Keep dates visible */

.hotel-datepicker .datepicker__month-day--disabled,
.hotel-datepicker .datepicker__month-day--invalid,
.datepicker__month-day--disabled,
.datepicker__month-day--invalid {
    color: #222 !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

/* Preserve gold blocked dates */

.hotel-datepicker .datepicker__month-day--no-checkin,
.hotel-datepicker .datepicker__month-day--no-checkout {
    background-color: var(--sunset-gold) !important;
    color: #fff !important;
}