/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 13 2024 | 14:40:48 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

a.barcode-img img {position:absolute; left:10px; top:-50vh; width:200px; height:auto;}
#booking_form1 input {color:#000;}
.appointment-box-w {max-width:1000px;}
.appointment-box-w label {display:block !important; width:100%; margin-top:20px !important;}
.appointment-box-w input {border-radius:0px !important; border:1px solid #ccc !important}
.appointment-box-w .wbk_service_sub_img_clock, .appointment-box-w .wbk_service_sub_img_active_clock, .appointment-box-w span.wbk_single_service_sub_title_minutes, .appointment-box-w .wbk_local_time_switcher.wbl_local_time_switcher {display:none !important;}
.appointment-box-w ul.details-list-w {margin-top:45px !important;}
.appointment-box-w .wpcf7-drag-n-drop-file.d-none {display:block !important;}
.appointment-box-w span.form-error-message-w {font-size:21px; }
.appointment-box-w .form-error-w {top:85%;}

div#up-filter-header, .bup-front-cont {background:none;}
.bup-book-info-block1 label {color:#fff;}
.bup-front-cont h3, .bup-front-cont p.bup-unavailable-slot {color:#fff !important;}
ul.bup-time-slots-available-list li div.bup-timeslot-time {color:#fff !important;}
.bup-front-cont {border:none !important;}
ul.bup-time-slots-available-list li:hover {background:none !important;}
.bup-selected-staff-booking-info, .bup-time-slots-available-list li {color:#fff !important;}
.bup-front-cont label, .bup-front-cont .bup-profile-field span, .bup-profile-separator {color: #fff !important;}
ul.bup-time-slots-available-list {text-align:center;}
i.fa {font-family:"Font Awesome 5 Free" !important;}
.bup-front-cont h3 {font-weight:bold;}
.bup-front-cont p.bup-unavailable-slot {font-weight:normal !important; font-style: italic;}


@media only screen and (max-width: 650px) {
a.barcode-img img {position:absolute; left:4vh; top:-50vh; width:150px; height:auto;}
}

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

	.bg_image .footer-text-right p {text-align:center;}
.bg_image .footer-text-right p a {font-size:16px !important;}
.bg_image .footer-text-right img {display:block; margin:0 auto;}
.bg_image .footer-text-right {right:0 !important; width:100%; transform:translate(8%, 0);}
	div#vfbField155, div#vfbField156, div#vfbField157, div#vfbField158, div#vfbField159, div#vfbField160, div#vfbField161 {padding-left:0px;}
	
}