/*datepicker*/
#datepicker1_grab,
#book_datepicker1_grab {
    position: absolute;
    display: none;
    z-index: 9999;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 38px;
}

#datepicker1,
#book_datepicker1 {
    position: relative;
    display: none;
    width: 34%;
}

#new_form_grab div.datepicker {
    background: #FFFFFF;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    height: 277px;
    width: 295px;
}

#datepicker2 {
    position: absolute;
    display: none;
    margin-left: 58%;
    z-index: 9999;
}

.ui-widget.ui-widget-content {
    width: 100%;
    padding-bottom: 40px;
}

.dp-highlight .ui-state-default {
  background: #484;
  color: #FFF;
}

#new_form_grab .ui-datepicker .ui-datepicker-title {
    color: #999;    
}

#new_form_grab .ui-datepicker .ui-datepicker-title .ui-datepicker-month{
    color: #040404; 
}

#new_form_grab .ui-datepicker .ui-datepicker-header {
    background: #fff;
    border: 0;
}

#new_form_grab .ui-datepicker-calendar tbody {
    background: #f7f7f6;
}

#new_form_grab .ui-state-default {
    text-align: center;
    background: #fff;
    border: 1px solid #f5f5f0;
}

#new_form_grab .ui-state-default:hover {
    background: var(--color_b);
}

.ui-widget span {
    font-family: "ArponaLight","GenYoMin2TWM", sans-serif;
}

#new_form_grab .ui-state-default.ui-state-hover:hover {
    color: #fff;
} 

#new_form_grab .ui-datepicker td {
    border: 0;
    padding: 0px;
}

#new_form_grab .dp-highlight .ui-state-default {
    background: #b5b5b5;
    color: #6c6c6c;
}

#new_form_grab .dp-selectlight .ui-state-default {
    background: #1C1C1C;
    color: #fff;
}

#new_form_grab .ui-datepicker-unselectable.ui-state-disabled  span.ui-state-default { 
    background: #f7f7f6;
}

.datePickerClose,
.book_datePickerClose {
    background: url(../images/data_close.png) no-repeat top right;
    z-index: 2;
    display: none;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 12px;
    top: 15px;
    cursor: pointer;
}

.datePickerClearAll,
.book_datePickerClearAll {
    bottom: 11px;
    display: none;
    font-size: 12px;
    padding-left: 14px;
    position: absolute;
    right: 12px;
}

.clearIcon,
.book_clearIcon {
    background: url(../images/imgL1.png) no-repeat -179px -13px;
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 6px;
}
.clearIcon a{
    text-decoration: underline;
}


div#new_form_grab table.datepickerViewDays td.datepickerNotInMonth,div#search-bar-calendar table.datepickerViewDays td.datepickerNotInMonth.datepickerSelected,div#search-bar-calendar table.datepickerViewDays td.datepickerDisabled {
    background: #f7f7f6 !important
}

div#new_form_grab table.datepickerViewDays td.datepickerNotInMonth a,div#search-bar-calendar table.datepickerViewDays td.datepickerNotInMonth.datepickerSelected a,div#search-bar-calendar table.datepickerViewDays td.datepickerDisabled a {
    color: #f7f7f6;
    cursor: default
}

div#new_form_grab table.datepickerViewDays td.datepickerDisabled a {
    color: #b3b3b3
}

div#new_form_grab table.datepickerViewDays td.datepickerNotInMonth a {
    color: #f7f7f6
}

div#new_form_grab table.datepickerViewDays td.datepickerSelectedDisabled {
    background: #1C1C1C !important
}

div#new_form_grab table.datepickerViewDays td.datepickerSelectedDisabled a {
    color: #fff
}

div#new_form_grab table.datepickerViewDays td.datepickerSelected {
    background: #b5b5b5
}

div#new_form_grab table.datepickerViewDays td.datepickerSelected a {
    color: #6c6c6c
}

div#new_form_grab table.datepickerViewDays td.date-checkin,div#search-bar-calendar table.datepickerViewDays td.date-checkout {
    background: #1C1C1C
}

div#new_form_grab table.datepickerViewDays td.date-checkin a,div#search-bar-calendar table.datepickerViewDays td.date-checkout a {
    color: #fff
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 85px;
}