/**
 * Datepicker style
 *
 * @author Leanza Francesco
 * @version 1.0.0
 */

/* Date Picker Input */

.yith-wcbk-has-date-picker {
    position : relative;
}

.yith-wcbk-has-date-picker:after {
    font-family            : Dashicons;
    text-indent            : 0;
    position               : absolute;
    speak                  : none;
    font-variant           : normal;
    text-transform         : none;
    -webkit-font-smoothing : antialiased;
    bottom                 : 8px;
    right                  : 8px;
    line-height            : 1.85;
    margin                 : 0;
    text-align             : center;
    font-weight            : 400;
    color                  : #333;
    content                : "\f347";
    font-size              : 17px;
}

.yith-wcbk-has-date-picker input.yith-wcbk-date-picker {
    padding-right : 30px !important;
}

.yith-wcbk-booking-search-form-input .yith-wcbk-has-date-picker:after {
    bottom    : auto;
    top       : 7px;
    font-size : 13px;
}

.yith-wcbk-booking-search-form-input .yith-wcbk-has-date-picker input.yith-wcbk-date-picker {
    padding-right : 22px !important;
}

/* Date Picker Calendar */
#ui-datepicker-div.yith-wcbk-datepicker.ui-widget-content {
    font-family: Verdana,Arial,sans-serif;
    width: 300px;
    background    : #fff;
    border-radius : 3px;
    padding       : 0;
    overflow      : hidden;
    border        : none;
    box-shadow    : 0 0 0 1px #bbb inset !important
}

.yith-wcbk-datepicker .ui-datepicker-header {
    background    : #353840;
    border-radius : 0;
    border        : none;
    color         : #e3e4ea;
}

.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-title {
    font-size   : 13px;
    line-height : 40px;
}

.yith-wcbk-datepicker .ui-state-hover,
.yith-wcbk-datepicker .ui-widget-content .ui-state-hover,
.yith-wcbk-datepicker .ui-widget-header .ui-state-hover,
.yith-wcbk-datepicker .ui-state-focus,
.yith-wcbk-datepicker .ui-widget-content .ui-state-focus,
.yith-wcbk-datepicker .ui-widget-header .ui-state-focus {
    border-radius : 0;
    background    : transparent;
    border        : none;
}

.yith-wcbk-datepicker .ui-widget-header .ui-icon {
    background : transparent;
}

.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-next-hover,
.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-next {
    right  : 2px;
    top    : 7px;
    cursor : pointer;
}

.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-prev-hover,
.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-prev {
    left   : 2px;
    top    : 7px;
    cursor : pointer;

}

.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-next-hover,
.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-next-hover {
    color : #c6c6c6;
}

.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-prev span,
.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-next span {
    position : static;
}

.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-prev span:after,
.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-next span:after {
    font-family            : Dashicons;
    text-indent            : 0;
    position               : absolute;
    width                  : 100%;
    height                 : 100%;
    speak                  : none;
    font-variant           : normal;
    text-transform         : none;
    -webkit-font-smoothing : antialiased;
    top                    : 0;
    left                   : 0;
    line-height            : 1.85;
    margin                 : 0;
    text-align             : center;
    font-weight            : 400;
    color                  : #f1f1f1;
}

.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-prev span:after {
    content : "\f341";
}

.yith-wcbk-datepicker.ui-datepicker .ui-datepicker-next span:after {
    content : "\f345";
}

.yith-wcbk-datepicker.ui-datepicker table {
    width     : 90%;
    margin    : 5%;
    border    : none;
    font-size : 12px;
}

.yith-wcbk-datepicker.ui-datepicker tr {
    border: 0;
}

.yith-wcbk-datepicker.ui-datepicker th {
    padding : .1em;
}

.yith-wcbk-datepicker .ui-state-default,
.yith-wcbk-datepicker.ui-widget-content .ui-state-default,
.yith-wcbk-datepicker .ui-widget-header .ui-state-default {
    border     : none;
    background : transparent;
    font-weight: 400;
    color: #555;
}

.yith-wcbk-datepicker.ui-datepicker td span,
.yith-wcbk-datepicker.ui-datepicker td a {
    text-align : center;
    position   : relative;
}

.yith-wcbk-datepicker.ui-datepicker td a.ui-state-highlight:before {
    content       : '';
    width         : 25px;
    height        : 25px;
    position      : absolute;
    top           : -2px;
    left          : 6px;
    border-radius : 50%;
    background    : #e3e5e8;
    z-index       : -1;
}

.yith-wcbk-datepicker.ui-datepicker td a.ui-state-active {
    color : #fff;
}

.yith-wcbk-datepicker.ui-datepicker td a.ui-state-active:before {
    content       : '';
    width         : 25px;
    height        : 25px;
    position      : absolute;
    top           : -2px;
    left          : 6px;
    border-radius : 50%;
    background    : #353840;
    z-index       : -1;
}