.ui-datepicker,
.ui-datepicker th,
.ui-datepicker.booking .ui-datepicker-buttonpane button { font-family: 'brandon-grotesque-black', Helvetica, Arial, sans-serif; }
.ui-datepicker th,
.ui-datepicker .ui-datepicker-title { font-weight: normal; letter-spacing: 1px; text-transform: uppercase; }

.ui-datepicker.booking { background-color: #3693bf; border: 0; font-size: 24px; padding: 0; width: 390px; }
.ui-datepicker.booking .ui-widget-header { background: none; border: 0; color: #fff; font-weight: normal; }
.ui-datepicker.booking .ui-datepicker-prev,
.ui-datepicker.booking .ui-datepicker-next { border: 1px solid #3693bf; border-radius: 0; top: 1px; }
.ui-datepicker.booking .ui-widget-content	.ui-datepicker-prev.ui-state-hover,
.ui-datepicker.booking .ui-widget-header .ui-datepicker-next.ui-state-hover { border: 1px solid #fff; }
.ui-datepicker.booking .ui-datepicker-prev.ui-state-hover,
.ui-datepicker.booking .ui-datepicker-next.ui-state-hover { border: 1px solid #fff; }
.ui-datepicker.booking .ui-datepicker-prev { left: 1px; }
.ui-datepicker.booking .ui-datepicker-next { right: 1px; }
.ui-datepicker.booking .ui-widget-header .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); }
.ui-datepicker.booking th { color: #fff; font-size: 14px; padding: 0.7em .3em 1.7em; }
.ui-datepicker.booking .ui-state-default,
.ui-datepicker.booking .ui-widget-content .ui-state-default,
.ui-datepicker.booking .ui-widget-header .ui-state-default { background: none; border: 1px solid #fff; color: #fff; padding: 5px 0; }
.ui-datepicker.booking .ui-state-disabled .ui-state-default,
.ui-datepicker.booking .ui-widget-content .ui-state-disabled .ui-state-default,
.ui-datepicker.booking .ui-widget-header .ui-state-disabled .ui-state-default { border: 1px solid #5fc1ea; color: #5fc1ea; }
.ui-datepicker.booking .ui-state-highlight,
.ui-datepicker.booking .ui-widget-content .ui-state-highlight,
.ui-datepicker.booking .ui-widget-header .ui-state-highlight { background: none; border: 1px solid #000000; color: #000000; }
.ui-datepicker.booking .ui-state-active,
.ui-datepicker.booking .ui-widget-content .ui-state-active,
.ui-datepicker.booking .ui-widget-header .ui-state-active { background: #fff; border: 1px solid #fff; color: #000000; }
.ui-datepicker.booking .ui-state-hover,
.ui-datepicker.booking .ui-widget-content .ui-state-hover,
.ui-datepicker.booking .ui-widget-header .ui-state-hover,
.ui-datepicker.booking .ui-state-focus,
.ui-datepicker.booking .ui-widget-content .ui-state-focus,
.ui-datepicker.booking .ui-widget-header .ui-state-focus { background: none; border: 1px solid #000; color: #000; }
.ui-datepicker.booking .ui-state-disabled,
.ui-datepicker.booking .ui-widget-content .ui-state-disabled,
.ui-datepicker.booking .ui-widget-header .ui-state-disabled { filter: Alpha(Opacity=100); opacity: 1; }
.ui-datepicker.booking .ui-datepicker-buttonpane button.ui-datepicker-current { display: none; }
.ui-datepicker.booking .ui-datepicker-buttonpane { border: 0; display: none; padding: 0; }
.ui-datepicker.booking .ui-datepicker-buttonpane button { border: 0; font-size: 15px; font-weight: normal; letter-spacing: 1.5px; margin: 0; padding: 0; text-transform: uppercase; }

.ui-datepicker.quote { border-radius: 0; font-size: 18px; padding: 0; }
.ui-datepicker.quote .ui-datepicker-header { border: 0; border-radius: 0; }
.ui-datepicker.quote .ui-state-highlight,
.ui-datepicker.quote .ui-widget-content .ui-state-highlight,
.ui-datepicker.quote .ui-widget-header .ui-state-highlight { background: #3693bf; border-color: #3693bf; color: #fff; }

@media screen and (max-width: 1550px) {
	.ui-datepicker.booking { width: 335px; } 
}

@media screen and (max-width: 1200px) {
	.ui-datepicker.booking .ui-datepicker-buttonpane { display: block; }
}

@media screen and (max-width: 1023px) {
	.ui-datepicker.booking { width: 280px; }
}