.ui-timepicker-div dl dd {
	margin-top: 27px;
}
.ui-slider .ui-slider-handle:before {
	display: none;
}
.ui-slider .ui-slider-handle:after {
	display: none;
}
.ui-slider-horizontal {
	height: 0.8em;
}
.ui-slider .ui-slider-handle:last-child {
	margin-left: -0.6em;
}
.ui-slider .ui-slider-handle {
	width: 1.2em;
	height: 1.2em;
}

#wlogics_delivery_time_container #wlogics_delivery_time_field,
#wlogics_collection_time_container #wlogics_collection_time_field {
	margin-bottom: 0px;
}
#wlogics_delivery_time_container #wlogics_delivery_time_wrap,
#wlogics_collection_time_container #wlogics_collection_time_wrap {
	display: flex;
}
#wlogics_delivery_time_container #wlogics_delivery_time_wrap .btn,
#wlogics_collection_time_container #wlogics_collection_time_wrap .btn {
	margin-top: 0px;
	padding: 13px 29px;
	border-radius: 0px;
	border-width: 1px 1px 1px 1px;
	border-color: #dddddd;
	border-style: solid;
	margin-right: -1px;
}
#wlogics_delivery_time_container #wlogics_delivery_time_wrap .btn:active,
#wlogics_delivery_time_container #wlogics_delivery_time_wrap .btn.active,
#wlogics_collection_time_container #wlogics_collection_time_wrap .btn:active,
#wlogics_collection_time_container #wlogics_collection_time_wrap .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 5%);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 5%);
}

/* css for buttons AM/PM on the checkout page when WooCommerce blocks are used */
#wl_delivery_time_am,
#wl_delivery_time_pm,
#wl_collection_time_am,
#wl_collection_time_pm
{
	position: absolute;
	width: 46px;
	height: 38px;
	right: 55px;
	top: 6px;
	border-radius: 4px;
	text-align: center;
	padding: 0;
	cursor: pointer;
}

#wl_delivery_time_pm,
#wl_collection_time_pm {
	right: 5px;
}