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-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 {
    padding: 9px 7px!important;
    border: 0!important
}

.datepicker__month-day--invalid {
    color: #000;
    text-decoration: line-through
}

.datepicker__month-day--disabled:after {
    content: "";
    left: 50%;
    position: absolute;
    color: #b2b3b7;
    font-size: 16px;
    top: 50%;
    transform: translate(-50%,-50%)
}

.datepicker__month-day--day-of-week-disabled,.datepicker__month-day--no-checkin,.datepicker__month-day--no-checkout {
    background-color: rgb(255 255 255 / 50%)
}

.datepicker__month-day--first-day-selected,.datepicker__month-day--last-day-selected {
    background-color: var(--secondary-color)!important;
    color: #eee5e5
}

.datepicker__month-day--disabled,.datepicker__month-day--no-checkin.datepicker__month-day--no-checkout {
    cursor: text;
    text-decoration: line-through;
    position: relative;
    background-color: #60682e!important;
    background-image: unset;
    color: #fff!important
}

.datepicker__month-day--no-checkout {
    background-image: url(check-out-box.png);
    background-size: cover;
    background-color: transparent
}

.datepicker__month-day--no-checkin {
    background-image: url(check-in-box.png);
    background-color: transparent;
    background-size: cover
}

.datepicker__month-day--no-checkin:before {
    border-bottom: unset
}

.datepicker__month-day--no-checkout:before {
    border-top: unset
}

.datepicker__month-day--hovering,.datepicker__month-day--selected {
    background-color: rgb(151 134 103 / 20%)!important;
    color: var(--black-color)!important;
}

.datepicker__month-day--first-day-selected,.datepicker__month-day--last-day-selected {
    background-color: var(--btn-color)!important;
    background-image: unset!important;
    color: var(--white-color)!important
}

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

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

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

.datepicker__month-day--hovering.datepicker__month-day--no-checkin {
    transition-duration: .2s;
    transition-property: color,background-color,border-color;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    color: #333
}

#month-1-demo17 .datepicker__month-button--next,#month-2-demo17 .datepicker__month-button--prev {
    display: none
}

.datepicker {
    width: 530px;
    left: 0
}

.datepicker__clear-button,.datepicker__close-button,.datepicker__submit-button {
    background-color: var(--btn-color)!important
}

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

    .datepicker__info--help {
        margin-bottom: 10px
    }

    #month-1-demo17 .datepicker__month-button--next {
        display: none
    }
}

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

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