/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
span.woocommerce-input-wrapper.ddfwCalander { display: block;}
.ddfwCalander:before { content: ''; background: url(../css/img/calendar.svg); position: absolute; left: 6px; top: 10px; width: 26px; height: 26px; background-repeat: no-repeat;z-index: 999; }
span.woocommerce-input-wrapper.ddfwCalander { position: relative; }
input#datepicker { padding-left: 40px; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #fff !important;}
select#ddfw_time_slots { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; height: 48px; color: #000; font-size: 1.6rem; }
#ui-datepicker-div { z-index: 9999 !important;}

@media only screen and (max-width: 567px) {
	
	#ui-datepicker-div { width: 280px; overflow-y: scroll; max-width: 100%;}
}