/*form styles*/

#byclaundry_pickup_radio_button p{ margin:0;}
#byclaundry_delivery_radio_button p{ margin:0;}

#byclaundry_pickup_date_field{ margin:0;}
#byclaundry_delivery_date_field{ margin:0;}

#byclaundry_loading_image{width: 11%;margin-top: 5px; padding-left: 6px; display: none;}

#byclaundry_loading_image_delivery{width:11%; margin-top:5px; padding-left:6px; display:none;}

.byclaundry_delivery_details_container hr, .byclaundry_pickup_details_container hr{height: 2px;background-color: #4169e1; margin:0;}

.byclaundry_delivery_details_container h4, .byclaundry_pickup_details_container h4{margin: 0px 0px 0px 0px;}

.ui-datepicker-today a.ui-state-default{ background-image:none !important;background-color:#ffa500;color:#fff; border: 1px solid #132bd861;}

#byclaundry_pickup_time{ background-color: #f2f2f2;border: none;color: #716d6d;margin-top: -13px;}

#byclaundry_delivery_time{  background-color: #f2f2f2;border: none;color: #716d6d;margin-top: -13px;}

.woocommerce-checkout-review-order-table thead{display:none;}

.payment_method_cod p{display:none;}

.site-header-cart{display:none;}

.site-search{display:none;}

#byclaundry_day_shipping_charges_field{ margin:0px;}

.storefront-full-width-content .woocommerce-products-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header {
text-align: center;padding: 0 0 2em;}		

.woocommerce-breadcrumb{margin-bottom:0em !important;}

#byclaundry_checkout_field{width:100%;}

.byclaundry_pickup_details_container{
	border: 1px solid #ccc;
	padding: 20px; 
	margin-bottom:20px; 
	width:49%;
	float:left;
	border-radius:5px;
	box-shadow: 0px 10px 1px #ddd, 0 10px 20px #ccc;
	}

.byclaundry_pickup_details_container h4{margin-top: -2px;text-transform: uppercase;font-size: 18px;font-weight: 500;}

.byclaundry_delivery_details_container{
	border: 1px solid #ccc;
	padding: 20px; 
	margin-bottom:20px; 
	width:49%;
	float:right; 
	border-radius:5px;
	box-shadow: 0px 10px 1px #ddd, 0 10px 20px #ccc;
	}

.byclaundry_delivery_details_container h4{margin-top: -2px;text-transform: uppercase;font-size: 18px;font-weight: 500;}

.byclaundry_pickup_details_container label { font-weight: 500; font-family:inherit;margin: 0px;}

.byclaundry_delivery_details_container label { font-weight: 500; font-family:inherit;margin:0px;}

#order_review_heading{float:left;}

#order_review{width:100%;}

.woocommerce-checkout-review-order-table{width: 50%;float: left;}

.woocommerce-checkout-payment{width:50%; float:right;}

.cart-contents:after{display:none !important;}

.byclaundry_textfield_blank_error{border: 1px solid #f00 !important;box-shadow:0px 0px 10px 6px #bbbbbb !important;}

#order_review_heading{margin-top:20px;}

.woocommerce-info{margin-bottom: 0.617924em;}

.payment_method_cod{padding:0px !important;}

.woocommerce-MyAccount-navigation-link--downloads{display:none;}

#msform{text-align: center; position: relative;}

#msform fieldset:not(:first-of-type) { display: none;}

#progressbar {
    margin:0px;
    overflow: hidden;
	padding-bottom:5px;
    counter-reset: step;
}

#progressbar li {

    list-style-type: none;

    color: #000;

    text-transform: uppercase;

    font-size: 12px;

    width: 49%;

    float: left;

    position: relative;

    letter-spacing: 1px;

}

#progressbar li:before {

    content: counter(step);
    counter-increment: step;
    width: 24px;
    height: 24px;
    line-height: 26px;
    display: block;
    font-size: 12px;
    border-radius: 25px;
    margin: 0 auto 10px auto;
	position: relative;
    z-index: 9999;
}

#progressbar li:after {

    content: '';

    width: 100%;

    height: 2px;

    position: absolute;

    left: -50%;

    top: 9px;

    /*z-index: -1;*/ /*put it behind the numbers*/

}

#progressbar li:first-child:after {content: none;}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {z-index: 9999 !important;}

#byclaundry_day_shipping_charges{ display:none;}

#byclaundry_pickup_time_error_msg{font-size: 12px;color: red;}

#byclaundry_delivery_time_error_msg{font-size: 12px;color: red;}

#byc_next_form_of_checkout_page{
	float:right;
	font-size: 18px;
	padding: 5px 20px 5px 20px;
	cursor: pointer;
	border-radius: 3px;
	}

#byc_next_form_delivery_details_page{
	
	 float:right;
	 font-size: 18px;
	 padding: 5px 20px 5px 20px;
	 cursor: pointer;
	 border-radius: 3px;
	}
#byc_prev_form_checkout_page_for_pickup_date_time_plugin{
	display:none; 
	float:left;
	font-size: 18px;
	padding: 5px 20px 5px 20px;
	cursor: pointer; 
	border-radius: 3px;
	}
	
#byc_prev_form_of_checkout_page_for_date_time_plugin{
	display:none; 
	float:left;
	font-size: 18px;
	padding: 5px 20px 5px 20px;
	cursor: pointer; 
	border-radius: 3px;
	}
#byc_next_form_of_checkout_page_for_payment{
	display:none;
	float:right;
	font-size: 18px;
	padding: 5px 20px 5px 20px;
	cursor: pointer; 
	border-radius: 3px;	
	}
	
#byc_prev_form_of_checkout_page_for_billing_and_shipping_details{
	
	 display:none;
	 float:left;
	 font-size: 18px;
	 padding: 5px 20px 5px 20px;
	 cursor: pointer;
	 border-radius: 3px;
	}	

.byclunday_service_pickup_time{
	list-style:none; 
	width: 29%;
	float:left; 
	border-radius: 11px 0;
	font-size: 16px;
	padding: 6px 6px;
	margin: 0 1% 2%;
	}
	
.byclunday_service_delivery_time{
	list-style:none; 
	width: 29%; 
	float:left;
	border-radius: 11px 0;
	font-size: 16px;
	padding: 6px 6px;
	margin: 0 1% 2%;	
}	



.byclaundryservice_post_code_submit{
border: 1px solid #ffa500;
color: #fff;
background: #ff9000;
border-radius: 3px;
	
}
    
.content{
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-19%, -50%);
    width: 750px;
    height: 204px;
    text-align: center;
    background-color: #18D2DF;
    box-sizing: border-box;
    padding: 10px;
    z-index: 9999;
    color: #fff;
    display: none;
	border-radius:10px;
}

.close-btn{
	
	position: absolute;
	right: 20px;
	top: 15px;
	background-color: black;
	color: white;
	border-radius: 50%;
	padding: 4px;
	cursor: pointer;
}


.content2 {
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-19%, -50%);
    width: 750px;
    height: 204px;
    text-align: center;
    background-color: #18D2DF;
    box-sizing: border-box;
    padding: 10px;
    z-index: 9999;
    color: #fff;
    display: none;
	border-radius:10px;
}

#byclaundryservice_popup_button{
	
    background-color: #fff;
    border: 1px solid #18D2DF;
    border-radius: 0px ;
    padding: 10px 20px;
    font-family: Poppins;
	
}

#byclaundryservice_popup_button:hover{
	
    background-color: #fff;
    color: #18D2DF;
}


@media screen and (max-width: 480px) and (min-width: 320px) {

#byclaundry_pickup_time {margin-top: -12px !important;}

#byclaundry_delivery_time{margin-top: -12px !important;}


.byclunday_service_pickup_time{

width: 46% !important;

font-size: 15px !important;

padding: 6px 6px !important;

margin: 0;

}

.byclunday_service_delivery_time{

width: 46% !important;

font-size: 15px !important;

padding: 6px 6px !important;

margin: 0;

}

.option-input{

height: 20px !important;

width: 20px !important;

}	

.option-input:checked::before {

height: 20px !important;

width: 20px !important;

font-size: 17.66667px !important;

line-height: 22px !important;

}

#progressbar li{

font-size: 11px !important;

}

.byclaundry_pickup_details_container h4{

font-size: 15px !important;

}

.byclaundry_delivery_details_container h4{

font-size: 15px !important;

}

.byclaundry_loading_image_pickup img{

width: 16% !important;

}

#byclaundry_loading_image_delivery{

width: 16% !important;

}	

}

html #progressbar{position:relative;z-index:1;margin:0 0 30px;padding:0}
html #progressbar li:first-child:after{display:none!important}
html #progressbar li:before{background:#eee;border:3px solid #eee;width:30px;height:30px;border-radius:50%;color:#000;font-size:15px;line-height:30px;font-weight:600;margin:0 auto 8px;box-shadow:0 0 0 2px #fff inset}
html #progressbar li:after{display:block!important;width:100%;position:absolute;right:50%;left:auto;height:4px;background:#eee;content:""!important;top:18px}
html #progressbar li{text-transform:capitalize;letter-spacing:normal;font-size:15px;font-weight:500}