input#demo17 {
    position: absolute;
    left: 0px;
    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 {
    padding: 0px;
}

.datepicker__month-day {
    padding: 9px 7px !important;
}

.datepicker__month-day--disabled {
    color: #b2b3b7;
    text-decoration: line-through;
    position: relative;
}

.datepicker__month-day--invalid {
    color: #b2b3b7;
    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--no-checkin,
.datepicker__month-day--no-checkout,
.datepicker__month-day--day-of-week-disabled {
    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--no-checkin.datepicker__month-day--no-checkout,
.datepicker__month-day--disabled {
    color: #fff;
    cursor: text;
    text-decoration: line-through;
    position: relative;
    background-color: var(--secondary-color) !important;
    background-image: unset;
}

.datepicker__month-day--no-checkout {}

.datepicker__month-day--no-checkin {
    background-size: cover;
    text-decoration: auto;
    color: #646363;
    font-weight: bold;
}

.datepicker__month-day {
    border: 0px !important;
}

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

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

.datepicker__month-day--selected,
.datepicker__month-day--hovering {
    background-color: var(--secondary-color) !important;
    color: var(--white-color) !important;
    border-radius: 100%;
}

.datepicker__month-day--first-day-selected,
.datepicker__month-day--last-day-selected {
    background-color: #a9a9a9 !important;
    background-image: unset !important;
    color: var(--white-color) !important;
    border-radius: 0;
}

#datepicker-demo17.datepicker {
    z-index: 999999 !important;
}

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

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

.datepicker__month-day--hovering.datepicker__month-day--no-checkin {
    transition-duration: 0.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 {
    display: block;
}

#month-2-demo17 .datepicker__month-button--prev {
    display: block;
}

#datepicker-demo17.datepicker {
    width: 344px;
    background-color: #fff;
    margin-top: 0px;
    margin-left: -24px;
}

#datepicker-demo17 .datepicker__months {
    display: block;
}

#datepicker-demo17 .datepicker__months:before {
    display: none !important;
    content: none !important;
}

#datepicker-demo17 .datepicker__month {
    width: 100% !important;
    max-width: 100% !important;
}

#datepicker-demo17 .datepicker__month:nth-child(n+2) {
    display: none !important;
}

.datepicker__info--help {
    padding-top: 50px !important;
    padding-bottom: 10px !important;
    display: block !important;
}

.datepicker__close-button,
.datepicker__clear-button,
.datepicker__submit-button {
    background-color: #222 !important;
    top: 10px !important;
}

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

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

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

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

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

.datepicker__month-day--no-checkout {
  	background-size: cover;
    background-image: url(c2.png);
    color: #767778;
}



.datepicker__month-day--no-checkin {
    background-size: cover;
    text-decoration: auto;
    color: #767778 !important;
    font-weight: bold;
    background-image: url(c1.png);
}
.datepicker__month-day--selected, .datepicker__month-day--hovering {
    background-color: var(--secondary-color) !important;
    color: var(--white-color) !important;
    border-radius: 0;
    border: 1px solid #fff;
}