/******************************************************************************************/

/* Single Calendar Resets

/******************************************************************************************/

.wpsbc-container { position: relative; visibility: hidden; }

.wpsbc-container .wpsbc-calendars-wrapper { position: relative; }



.wpsbc-container .wpsbc-calendars:after { content: ''; display: block; clear: both; }



.wpsbc-container .wpsbc-calendars .wpsbc-calendar table { table-layout: fixed; width: 100%; border-collapse: collapse; margin: 0 !important; padding: 0 !important; border: 0 !important; min-width:auto; }

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table thead,

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tbody,

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr { border: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent; }

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr th,

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td { position: relative; border: 0 !important; padding: 0 !important; margin: 0 !important; vertical-align: middle; background: transparent; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; }









/******************************************************************************************/

/* Single Calendar Default Styles

/******************************************************************************************/

.wpsbc-container .wpsbc-calendars .wpsbc-calendar { position: relative; border: 1px solid #f1f1f1; background: #fff; margin-bottom: 1em; }

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table thead tr th {padding: 0 0 8px 0 !important; -webkit-box-sizing: content-box; box-sizing: content-box;}

.wpsbc-container .wpsbc-calendars .wpsbc-calendar-wrapper { padding: 8px 7px 7px 7px; -webkit-box-sizing: content-box; box-sizing: content-box; }



/******************************************************************************************/

/* Calendar Loading Overlay

/******************************************************************************************/

.wpsbc-container .wpsbc-overlay,

.wpsbc-overview-container .wpsbc-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba( 255,255,255,0.6 ); }



.wpsbc-overlay-spinner { position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -35px; width: 70px; text-align: center; }

.wpsbc-overlay-spinner > div { width: 12px; height: 12px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.wpsbc-overlay-spinner .wpsbc-overlay-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

.wpsbc-overlay-spinner .wpsbc-overlay-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } }

@keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } }



/******************************************************************************************/

/* Single Calendar Header

/******************************************************************************************/

.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header { text-align: center; padding: 8px; background: #f5f5f5 }



.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation { position: relative; padding: 0 30px; min-height: 26px; font-size: 13px; line-height: 26px; }



/******************************************************************************************/

/* Single Calendar Header Button Navigation

/******************************************************************************************/

.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-prev,

.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-next { position: absolute; display: block; top: 50%; height: 26px; width: 26px; line-height: 26px; margin-top: -13px; text-decoration: none; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #fff; background: #bdc3c7; border-radius: 2px; }



.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-prev { left: 0; }

.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-next { right: 0; }



.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-next .wpsbc-arrow,

.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-prev .wpsbc-arrow { position: absolute; top: 50%; margin-top: -5px; display: inline-block; width: 0; height: 0; border-style: solid; }



.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-next .wpsbc-arrow { right: 50%; margin-right: -5px; border-width: 5px 0 5px 8.7px; border-color: transparent transparent transparent #ffffff; }

.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-prev .wpsbc-arrow { left: 50%; margin-left: -5px; border-width: 5px 8.7px 5px 0; border-color: transparent #fff transparent transparent; }



/******************************************************************************************/

/* Single Calendar Header Select Navigation

/******************************************************************************************/

.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-select-container select { width: 100%; height: 26px; line-height: 26px; margin: 0 !important; padding: 0 10px !important; vertical-align: top; font-size: 13px; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; border: 1px solid #bdc3c7; }



/******************************************************************************************/

/* Single Calendar Table Week Numbers

/******************************************************************************************/

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table td .wpsbc-week-number { background: #e8e8e8; height: 32px; }



/******************************************************************************************/

/* Single Calendar Table Dates

/******************************************************************************************/

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr th,

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td { text-align: center; padding: 1px !important; font-size: 13px; }



.wpsbc-container .wpsbc-calendars .wpsbc-calendar table th { font-weight: bold; color: inherit; }



.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date { position: relative; width: 100%; height: 100%; overflow:hidden; }

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date-inner { position: relative; width: 100%; height: 32px; }

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date-inner .wpsbc-date-number { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; font-size: 13px; }



.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date.wpsbc-gap { background: #f7f7f7; }



/******************************************************************************************/

/* Legend: Legend Item

/******************************************************************************************/

.wpsbc-legend { text-align: left; margin: 1em 0; padding: 8px 8px 0; border: 1px solid #f1f1f1; background: #fff; -webkit-box-sizing: border-box !important; box-sizing: border-box !important;  line-height:0; }



.wpsbc-legend .wpsbc-legend-item { display: inline-block; margin-bottom: 8px; margin-right: 8px; }

.wpsbc-legend .wpsbc-legend-item-icon { position: relative; display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-right: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.wpsbc-legend .wpsbc-legend-item-name { display: inline-block; vertical-align: middle; font-size: 13px; }





/* Legend position: side */

.wpsbc-calendars-wrapper.wpsbc-legend-position-side { padding-right: 165px; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; }

.wpsbc-calendars-wrapper.wpsbc-legend-position-side .wpsbc-legend { position: absolute; top: 0; right: 0; width: 155px; margin-top: 0; }

.wpsbc-calendars-wrapper.wpsbc-legend-position-side .wpsbc-legend .wpsbc-legend-item { display: block; margin-right: 0; line-height: 18px;}



/******************************************************************************************/

/* Calendar: Legend Item Icon

/******************************************************************************************/

.wpsbc-calendars .wpsbc-legend-item-icon { position: absolute; z-index: 0; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }



.wpsbc-legend-item-icon[data-type="single"] div { display: none; }

.wpsbc-legend-item-icon[data-type="single"] div:first-of-type { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }





.wpsbc-legend-item-icon[data-type="split"] div svg {position:absolute; width:100%; height:100%; left: 0;top: 0;}



.wpsbc-legend-item-icon[data-type="blank"] {background-color: #f3f3f3; height: 100%;}



.wpsbc-ical-changeover .wpsbc-legend-item-icon:after { content: ""; display: block; width: 150%; height: 4px; position: relative; z-index: 1; transform: rotate(-45deg); transform-origin: right; right: calc(50% - 2px); top:-4px}

.wpsbc-ical-changeover .wpsbc-date-inner {z-index:2;}



/******************************************************************************************/

/* Calendar: Tooltip

/******************************************************************************************/

.wpsbc-container .wpsbc-tooltip,

.wpsbc-overview-container .wpsbc-tooltip { display: none; position: fixed; z-index: 2; left: 0; top: 0; font-size: 12px; background: #fff; text-align: left; padding: 10px; -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.1); box-shadow: 0 0 5px 1px rgba(0,0,0,0.1); -webkit-box-sizing: border-box; box-sizing: border-box; width: 180px; }



.wpsbc-container .wpsbc-date.wpsbc-tooltip-active .wpsbc-tooltip,

.wpsbc-overview-container .wpsbc-date.wpsbc-tooltip-active .wpsbc-tooltip { display: block; }



.wpsbc-container .wpsbc-tooltip strong,

.wpsbc-overview-container .wpsbc-tooltip strong { display: block; margin-bottom: 5px; }



.wpsbc-container .wpsbc-tooltip-corner,

.wpsbc-overview-container .wpsbc-tooltip-corner { position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 0; border-color: transparent red transparent transparent; z-index: 1; }



/******************************************************************************************/

/* Calendar Columns

/******************************************************************************************/

.wpsbc-container[data-columns] .wpsbc-calendars .wpsbc-calendar { float: left; margin-left: 5px; margin-right: 5px; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.wpsbc-container[data-columns] .wpsbc-calendars { margin-left: -5px; margin-right: -5px; }



.wpsbc-container[data-columns="6"] .wpsbc-calendars .wpsbc-calendar { width: calc( 16.6666% - 10px ); }

.wpsbc-container[data-columns="4"] .wpsbc-calendars .wpsbc-calendar { width: calc( 25% - 10px ); }

.wpsbc-container[data-columns="3"] .wpsbc-calendars .wpsbc-calendar { width: calc( 33.3333% - 10px ); }

.wpsbc-container[data-columns="2"] .wpsbc-calendars .wpsbc-calendar { width: calc( 50% - 10px ); }



/******************************************************************************************/

/* Overview Calendar Resets

/******************************************************************************************/

.wpsbc-overview-container { position: relative; visibility: visible; margin: 1.5em 0; }

.wpsbc-overview-container .wpsbc-calendars-wrapper { position: relative; float: left; }



.wpsbc-overview-container .wpsbc-overview-inner { /*position: relative;*/ overflow-x: auto; }



.wpsbc-overview-container .wpsbc-overview-row { margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; min-width: 987px; }



.wpsbc-overview-container .wpsbc-overview-row-content {padding-left:150px;}

.wpsbc-overview-container .wpsbc-overview-row-content > div { position: relative; display: block; border: 0; padding: 0; margin: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; }



/******************************************************************************************/

/* Overview Calendar Header Row Default Styles

/******************************************************************************************/

.wpsbc-overview-header .wpsbc-overview-row-content > div .wpsbc-date,

.wpsbc-overview-row-abbreviations .wpsbc-overview-row-content > div .wpsbc-date { background: #f3f3f3; }



/******************************************************************************************/

/* Overview Calendar Row Default Styles

/******************************************************************************************/

.wpsbc-overview-container .wpsbc-overview-row-content > div { float: left; padding: 1px; width: 3.225806%; min-width:27px; }

.wpsbc-overview-container .wpsbc-overview-row-content:after { content: ''; display: block; height: 0; clear: both; }



.wpsbc-overview-container .wpsbc-overview-row-content div .wpsbc-date { position: relative; width: 100%; height: 25px; line-height: 25px; font-size: 12px; vertical-align: middle; text-align: center; overflow: hidden; }

.wpsbc-overview-container .wpsbc-overview-row-content div .wpsbc-date-inner { position: relative; width: 100%; height: 100%; }



/******************************************************************************************/

/* Overview Calendar Row Header

/******************************************************************************************/

.wpsbc-overview-container .wpsbc-overview-row .wpsbc-overview-row-header { position:absolute; left:0; display: block; font-size: 12px; width: 150px; padding: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index:2; background-color: #ffffff; }

.wpsbc-overview-container .wpsbc-overview-row .wpsbc-overview-row-header-inner { position: relative; height: 100%; width: 100%; min-height: 25px; line-height: 15px; vertical-align: middle; background: #f3f3f3; padding: 5px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; }



/******************************************************************************************/

/* Overview Calendar Navigation

/******************************************************************************************/

.wpsbc-overview-container .wpsbc-overview-header-navigation .wpsbc-overview-row-header-inner { padding: 0 3px; }

.wpsbc-overview-container .wpsbc-overview-header-navigation .wpsbc-overview-row-header-inner select { height: 20px; line-height: 20px; font-size: 12px; width: 100%; margin: 0; padding: 0 5px !important; border: 1px solid #bdc3c7; }





.wpsbc-overview-container ::-webkit-scrollbar {-webkit-appearance: none;}

.wpsbc-overview-container ::-webkit-scrollbar:vertical {width: 12px;}

.wpsbc-overview-container ::-webkit-scrollbar:horizontal {height: 12px;}

.wpsbc-overview-container ::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff;}

.wpsbc-overview-container ::-webkit-scrollbar-track {border-radius: 10px; background-color: #ffffff;}



/******************************************************************************************/

/* Media Queries

/******************************************************************************************/

@media screen and (max-width: 420px){

    .wpsbc-calendars-wrapper.wpsbc-legend-position-side {padding-right: 0;}

    .wpsbc-calendars-wrapper.wpsbc-legend-position-side .wpsbc-legend {position: relative; top: auto; right: auto; width: auto;}

    .wpsbc-calendars-wrapper.wpsbc-legend-position-side .wpsbc-legend .wpsbc-legend-item {display: inline-block; margin-right: 8px;}

}





/******************************************************************************************/

/* Search Widget Default Theme

/******************************************************************************************/

.wpsbc-search-widget .wpsbc-search-widget-form-wrap h2 {font-size: 24px !important; line-height: 30px !important; padding: 0 !important; margin: 0 0 20px 0 !important; display: block !important;}

.wpsbc-search-widget .wpsbc-search-widget-form {position: relative;}

.wpsbc-search-widget .wpsbc-search-widget-form.wpsbc-searching {opacity: 0.5;}

.wpsbc-search-widget .wpsbc-search-widget-form::after {content:''; display:table; clear:both;}

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field {display: block; float: left; width: calc(50% - 10px); margin-right: 10px;}

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field.wpsbc-search-widget-field-submit {margin-right: 0; position: absolute; right: 0; bottom: 0; width: auto;}



 

/* Label */

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field label {display: block !important; padding: 0 0 5px 0 !important; margin: 0 !important; font-size: 16px !important; line-height: 22px !important; font-weight: bold !important; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left !important;}





/* Input */

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field input[type="text"] {width: 100% !important; padding: 0 0 0 35px !important; margin: 0 !important; font-size: 16px !important; height: 44px !important; line-height: 44px !important; font-family: inherit !important; background: #ffffff url(../img/date-icon.svg) no-repeat 6px center !important; background-size: 22px auto !important; border: 1px solid #cccccc !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 2px !important; outline: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease;}





/* Focus */

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field input[type="text"]:focus {border-color: #7f7f7f !important;}





/* Submit */

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field button.wpsbc-search-widget-datepicker-submit,

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field input[type="submit"] {width: auto !important; padding: 0 15px 0 15px !important; margin: 0 !important; font-size: 16px !important; height: 44px !important; line-height: 44px !important; font-family: inherit !important; font-weight: bold !important; color: #ffffff !important; background-color: #aaaaaa !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 2px !important; outline: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; letter-spacing: 0; text-transform: uppercase;}



.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field button.wpsbc-search-widget-datepicker-submit:hover,

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field input[type="submit"]:hover {background-color: #7f7f7f !important; color: #ffffff !important; cursor: pointer !important;}





/* Errors */

.wpsbc-search-widget .wpsbc-form-general-error {padding: 0 0 15px 0 !important; font-size: 16px !important; line-height: 26px !important; color:#ff2300 !important; font-weight: bold !important;}

.wpsbc-search-widget .wpsbc-search-widget-error-field {padding: 8px 0 0 0 !important; font-size: 14px !important; line-height: 14px !important; color:#ff2300 !important;}





/* Search Results */

.wpsbc-search-widget .wpsbc-search-widget-results-wrap {padding-top: 50px;}

.wpsbc-search-widget .wpsbc-search-widget-results-wrap h2 {font-size: 24px !important; line-height: 30px !important; padding: 0 0 10px 0 !important; margin: 0 !important; display: block !important;}



.wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-widget-result {position: relative; background: #f6f6f6; padding: 20px; margin-top: 10px;}

.wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-widget-result h3 {font-size: 20px !important; line-height: 26px !important; font-weight: normal !important; padding: 0 !important; margin: 0 !important; color: #1a1a1a !important;}

.wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-widget-result h3 a {color: #1a1a1a !important; text-decoration: none !important; font-weight: normal !important;}

.wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-widget-result h3 a:hover {color: #999 !important;}

.wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-widget-result .wpsbc-search-widget-result-button {width: auto !important; padding: 0 10px 0 10px !important; margin: -17px 0 0 0 !important; font-size: 14px !important; height: 34px !important; line-height: 36px !important; font-family: inherit !important; font-weight: bold !important; color: #ffffff !important; background-color: #aaaaaa !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 2px !important; outline: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; letter-spacing: 0; display: block; position: absolute; right: 20px; top: 50%;  text-transform: uppercase; text-decoration: none !important;}

.wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-widget-result .wpsbc-search-widget-result-button:hover {background-color: #7f7f7f !important; color: #ffffff !important; cursor: pointer !important;}





.wpsbc-search-widget-result {display:none;}







/* Small Widget */

.wpsbc-search-widget.small .wpsbc-search-widget-form {padding-right: 0 !important;}

.wpsbc-search-widget.small .wpsbc-search-widget-form .wpsbc-search-widget-field {float: none; width: 100%; margin-right: 0; margin-bottom: 16px;} 

.wpsbc-search-widget.small .wpsbc-search-widget-form .wpsbc-search-widget-field.wpsbc-search-widget-field-submit {position: relative; right: auto; bottom: auto; padding-top: 6px;}



.wpsbc-search-widget.small .wpsbc-search-widget-results-wrap {padding-top: 25px;}

.wpsbc-search-widget.small .wpsbc-search-widget-results-wrap .wpsbc-search-widget-result {padding: 10px 0 !important; background-color: transparent !important; border-bottom: 1px solid #cccccc !important; margin: 0 !important;}

.wpsbc-search-widget.small .wpsbc-search-widget-results-wrap .wpsbc-search-widget-result h3 {font-size: 16px !important; line-height: 22px !important;}

.wpsbc-search-widget.small .wpsbc-search-widget-results-wrap .wpsbc-search-widget-result .wpsbc-search-widget-result-button {position: relative; right: auto; top: auto; margin: 0 !important; display: inline-block; font-size: 12px !important; height: 28px !important; line-height: 28px !important; padding: 0 10px !important; margin: 6px 0 0 0 !important;}



/* Airbnb-style search form */

.wpsbc-search-widget .wpsbc-search-widget-form-wrap > h2 {display: none !important;}

.wpsbc-search-widget .wpsbc-search-widget-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    min-height: 80px;
    padding: 10px 80px 10px 0 !important;
    margin: 0 !important;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 999px;
    -webkit-box-shadow: 0 10px 32px rgba(0, 0, 0, 0.14);
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.14);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wpsbc-search-widget .wpsbc-search-widget-form::after {display: none;}

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field:first-child::after {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 10px;
    width: 1px;
    background: #dddddd;
}

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field label {
    padding: 0 !important;
    margin: 0 !important;
    color: #222222 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
}

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field input[type="text"] {
    width: 100% !important;
    height: 30px !important;
    padding: 0 0 0 28px !important;
    margin: -5px 0 0 !important;
    color: #6a6a6a !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    text-overflow: ellipsis;
    background: transparent url(../img/date-icon.svg) no-repeat left center !important;
    background-size: 20px auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer;
}

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field input[type="text"]:focus {border: 0 !important;}

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field.wpsbc-search-widget-field-submit {
    position: absolute;
    right: 10px;
    bottom: 9px;
    width: 60px;
    height: 60px;
    padding: 0;
    margin: 0;
}

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field button.wpsbc-search-widget-datepicker-submit {
    position: relative;
    width: 60px !important;
    min-width: 60px !important;
    height: 60px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    font-size: 0 !important;
    line-height: 0 !important;
    border-radius: 50% !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-transform: none;
}

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field button.wpsbc-search-widget-datepicker-submit::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 19px;
    height: 19px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    -webkit-transform: translate(-58%, -58%);
    -ms-transform: translate(-58%, -58%);
    transform: translate(-58%, -58%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field button.wpsbc-search-widget-datepicker-submit::after {
    content: '';
    position: absolute;
    top: 35px;
    left: 35px;
    width: 13px;
    height: 3px;
    background: #ffffff;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

@media screen and (max-width: 767px) {
    .wpsbc-search-widget.small .wpsbc-search-widget-form,
    .wpsbc-search-widget .wpsbc-search-widget-form {
        display: block;
        min-height: 0;
        padding: 7px 64px 7px 0 !important;
        border-radius: 30px;
    }

    .wpsbc-search-widget.small .wpsbc-search-widget-form .wpsbc-search-widget-field,
    .wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field {
        width: 50%;
        min-height: 46px;
        padding: 0 16px;
        margin: 0;
        float: left;
    }

    .wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field label {
        margin-bottom: 0 !important;
        font-size: 13px !important;
        line-height: 16px !important;
    }

    .wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field input[type="text"] {
        height: 24px !important;
        padding-left: 24px !important;
        margin-top: -3px !important;
        font-size: 14px !important;
        line-height: 24px !important;
        background-size: 17px auto !important;
    }

    .wpsbc-search-widget.small .wpsbc-search-widget-form .wpsbc-search-widget-field.wpsbc-search-widget-field-submit,
    .wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field.wpsbc-search-widget-field-submit {
        position: absolute;
        right: 7px;
        bottom: 9px;
        width: 46px;
        height: 46px;
        min-height: 0;
        padding: 0;
    }

    .wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field button.wpsbc-search-widget-datepicker-submit {
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
    }

    .wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field button.wpsbc-search-widget-datepicker-submit::before {
        width: 16px;
        height: 16px;
        border-width: 3px;
    }

    .wpsbc-search-widget .wpsbc-search-widget-form .wpsbc-search-widget-field button.wpsbc-search-widget-datepicker-submit::after {
        top: 27px;
        left: 27px;
        width: 11px;
        height: 3px;
    }
}



/* Datepicker */

.ui-datepicker.wpsbc-datepicker {padding: 0; margin: 0; border-radius: 4px; border: 1px solid #ccc;  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075); min-width: 17em; width: auto; z-index: 1000000 !important; max-width: 360px; overflow: hidden; background:#fff;}

.ui-datepicker.wpsbc-datepicker * {padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; border-radius: 0;}

.ui-datepicker.wpsbc-datepicker table {font-size: 13px; margin: 0; border: none; border-collapse: collapse; width: 100%;}

.ui-datepicker.wpsbc-datepicker .ui-widget-header,

.ui-datepicker.wpsbc-datepicker .ui-datepicker-header {background: #fff; border: none; color: #333; font-weight: normal;}

.ui-datepicker.wpsbc-datepicker .ui-datepicker-header .ui-state-hover {background: transparent; border-color: transparent; cursor: pointer;}

.ui-datepicker.wpsbc-datepicker .ui-datepicker-title {margin: 0; padding: 10px 0; color: #333; font-size: 14px; line-height: 14px; text-align: center;}

.ui-datepicker.wpsbc-datepicker .ui-datepicker-prev,

.ui-datepicker.wpsbc-datepicker .ui-datepicker-next {position: relative; top: 0; height: 34px; width: 34px;}

.ui-datepicker.wpsbc-datepicker .ui-datepicker-prev.ui-state-disabled,

.ui-datepicker.wpsbc-datepicker .ui-datepicker-next.ui-state-disabled {opacity:0.3;}

.ui-datepicker.wpsbc-datepicker .ui-state-hover.ui-datepicker-prev,

.ui-datepicker.wpsbc-datepicker .ui-state-hover.ui-datepicker-next {border: none;}

.ui-datepicker.wpsbc-datepicker .ui-datepicker-prev,

.ui-datepicker.wpsbc-datepicker .ui-datepicker-prev-hover {left: 0;}

.ui-datepicker.wpsbc-datepicker .ui-datepicker-next,

.ui-datepicker.wpsbc-datepicker .ui-datepicker-next-hover {right: 0;}

.ui-datepicker.wpsbc-datepicker .ui-datepicker-next span,

.ui-datepicker.wpsbc-datepicker .ui-datepicker-prev span {display: none;}

.ui-datepicker.wpsbc-datepicker .ui-datepicker-prev {float: left;}

.ui-datepicker.wpsbc-datepicker .ui-datepicker-next {float: right;}

.ui-datepicker.wpsbc-datepicker .ui-datepicker-prev:before,

.ui-datepicker.wpsbc-datepicker .ui-datepicker-next:before {font: normal 20px/34px 'dashicons'; padding-left: 7px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 34px; height: 34px; position: relative; top: 8px;}

.ui-datepicker.wpsbc-datepicker .ui-datepicker-prev:before {content: '\f341';}

.ui-datepicker.wpsbc-datepicker .ui-datepicker-next:before {content: '\f345';}

.ui-datepicker.wpsbc-datepicker .ui-datepicker-prev-hover:before,

.ui-datepicker.wpsbc-datepicker .ui-datepicker-next-hover:before {opacity: 0.7;}

.ui-datepicker.wpsbc-datepicker select.ui-datepicker-month,

.ui-datepicker.wpsbc-datepicker select.ui-datepicker-year {width: 33%; border: 1px solid #ccc; padding: 5px;}

.ui-datepicker.wpsbc-datepicker select.ui-datepicker-month {border-right: none;}

.ui-datepicker.wpsbc-datepicker thead {color: #333; font-weight: 600;}

.ui-datepicker.wpsbc-datepicker th {padding: 12px 13px; line-height: 1; border: 1px solid #f7f7f7; background: #f7f7f7;}

.ui-datepicker.wpsbc-datepicker td {padding: 0; border: 1px solid #f4f4f4;}

.ui-datepicker.wpsbc-datepicker td.ui-datepicker-other-month {background: #f9f9f9; opacity: 1;}

.ui-datepicker.wpsbc-datepicker tr:first-of-type td {border-top: 1px solid #f0f0f0;}

.ui-datepicker.wpsbc-datepicker td.ui-datepicker-current-day {background: #7f7f7f; }

.ui-datepicker.wpsbc-datepicker td.ui-datepicker-current-day a {color:#fff;}

.ui-datepicker.wpsbc-datepicker td .ui-state-default {background: transparent; border: none; text-align: center; text-decoration: none; width: auto; display: block; padding: 12px 13px; color: #333;}

.ui-datepicker.wpsbc-datepicker td .ui-state-default.ui-state-hover {-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075);box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075); background:#aaa; color:#fff;}

.ui-datepicker.wpsbc-datepicker td.ui-state-disabled .ui-state-default {opacity: 0.3;}



/* Pagination */

.wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-pagination ul {list-style: none !important; padding: 25px 0 15px 0 !important; margin: 0 !important;}

.wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-pagination ul li {list-style: none !important; padding: 0 5px !important; margin: 0 !important; display: inline-block !important;}

.wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-pagination ul li:before, .wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-pagination ul li:after {display: none !important;}

.wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-pagination ul li a {text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: normal !important; background-color: #aaaaaa !important; color: #ffffff !important; display: inline-block !important; padding: 5px 8px !important; border-radius: 2px !important; text-align: center !important;}

.wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-pagination ul li a:hover, .wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-pagination ul li a.wpsbc-pagination-active {background-color: #7f7f7f !important;}

.wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-pagination ul li a.wpsbc-pagination-disabled {cursor: default !important; background-color: #dadada !important;}

.wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-pagination ul li:first-child {padding-left: 0 !important;}

.wpsbc-search-widget .wpsbc-search-widget-results-wrap .wpsbc-search-pagination ul li:last-child {padding-right: 0 !important;}



/* Search datepicker theme */

#ui-datepicker-div.ui-datepicker.wpsbc-datepicker.mrp-search-datepicker {
    width: 360px !important;
    min-width: 0 !important;
    max-width: min(360px, calc(100vw - 16px)) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075) !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075) !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    z-index: 1000000 !important;
}

#ui-datepicker-div.mrp-search-datepicker *,
#ui-datepicker-div.mrp-search-datepicker *::before,
#ui-datepicker-div.mrp-search-datepicker *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#ui-datepicker-div.mrp-search-datepicker .ui-datepicker-header {
    height: 52px !important;
    padding: 0 !important;
    background: #f7f7f7 !important;
    border: 0 !important;
}

#ui-datepicker-div.mrp-search-datepicker .ui-datepicker-title {
    margin: 0 !important;
    padding: 0 44px !important;
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 52px !important;
    text-align: center !important;
}

#ui-datepicker-div.mrp-search-datepicker .ui-datepicker-prev,
#ui-datepicker-div.mrp-search-datepicker .ui-datepicker-next {
    position: absolute !important;
    top: 9px !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #bcc2c6 !important;
    border: 0 !important;
    border-radius: 2px !important;
    cursor: pointer !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

#ui-datepicker-div.mrp-search-datepicker .ui-datepicker-prev {left: 9px !important;}

#ui-datepicker-div.mrp-search-datepicker .ui-datepicker-next {right: 9px !important;}

#ui-datepicker-div.mrp-search-datepicker .ui-datepicker-prev span,
#ui-datepicker-div.mrp-search-datepicker .ui-datepicker-next span {display: none !important;}

#ui-datepicker-div.mrp-search-datepicker .ui-datepicker-prev::before,
#ui-datepicker-div.mrp-search-datepicker .ui-datepicker-next::before {
    position: static !important;
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    color: #ffffff !important;
    font: 400 28px/31px Arial, sans-serif !important;
    text-align: center !important;
}

#ui-datepicker-div.mrp-search-datepicker .ui-datepicker-prev::before {content: "\2039" !important;}

#ui-datepicker-div.mrp-search-datepicker .ui-datepicker-next::before {content: "\203A" !important;}

#ui-datepicker-div.mrp-search-datepicker table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
    font-size: 13px !important;
}

#ui-datepicker-div.mrp-search-datepicker thead,
#ui-datepicker-div.mrp-search-datepicker thead tr,
#ui-datepicker-div.mrp-search-datepicker thead th,
#ui-datepicker-div.mrp-search-datepicker thead th span {
    color: #2f2f2f !important;
    background: #ffffff !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

#ui-datepicker-div.mrp-search-datepicker thead th {
    padding: 12px 4px !important;
    border: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
}

#ui-datepicker-div.mrp-search-datepicker td {
    height: auto !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #f4f4f4 !important;
}

#ui-datepicker-div.mrp-search-datepicker td.ui-datepicker-other-month {
    background: #f7f7f7 !important;
    opacity: 1 !important;
}

#ui-datepicker-div.mrp-search-datepicker td .ui-state-default {
    display: block !important;
    padding: 9px 4px !important;
    margin: 0 !important;
    color: #333333 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
}

#ui-datepicker-div.mrp-search-datepicker td.ui-state-disabled .ui-state-default {opacity: 0.3 !important;}

#ui-datepicker-div.mrp-search-datepicker td.ui-datepicker-current-day {background: #287fc4 !important;}

#ui-datepicker-div.mrp-search-datepicker td.ui-datepicker-current-day .ui-state-default {
    color: #ffffff !important;
    font-weight: 700 !important;
}

#ui-datepicker-div.mrp-search-datepicker td .ui-state-default.ui-state-hover {
    color: #ffffff !important;
    background: #287fc4 !important;
}

@media screen and (max-width: 420px) {
    #ui-datepicker-div.ui-datepicker.wpsbc-datepicker.mrp-search-datepicker {
        width: calc(100vw - 16px) !important;
    }
}
