/* Styles definition here */
/*Removes Dropdown for Services (Padel Court 1 etc)*/
.ahbfield_service { display: none}
#fbuilder_1 {margin-top: 0px;}

/*back and Next button*/
.ahb_m2 #fbuilder .ui-datepicker-next, .ahb_m2 #fbuilder .ui-datepicker-prev {display: inline-block; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; margin: 30px 30px;}

.pbSubmit:hover { background-color: #4CAF50; color: white;}

/*For active date*/
.ahb_m2 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default.ui-state-active {color: #FFF; background: #000000;}
.ahb_m2 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default:hover {color: #FFF; background: #ac8b51;}
.ahb_m2 #fbuilder .ui-datepicker table {background-color: #FFFFFF;}

/*slots margins*/
.ahb_m2 #fbuilder .slots {padding: 50px 10px 25px;}

/*For slots date*/
.ahb_m2 #fbuilder .slots div a {width: 100%; border-radius: 15px; background: #f8f8f8; color: #000; border: 1px solid #343434; text-decoration: none; padding: 8px 12px;}

/*Active slots date*/
.ahb_m2 #fbuilder .slots div.currentSelection.htmlUsed a {color: #fff; border: 1px solid #000000; background: #000000 !important;}
.ahb_m2 #fbuilder .slots div:not(.htmlUsed) a:hover {border: 1px solid #ac8b51; background: #ac8b51; color: #fff;}

/*Inactive slots date*/
.ahb_m2 #fbuilder .slots div.htmlUsed a {background: #FFFFFF; color: #cccccc; border: 1px solid #cccccc;}

/*For selected slots time*/
.ahb_m2 #fbuilder .fieldCalendarService, .ahb_m2 #fbuilder .usedSlots, .ahb_m2 #fbuilder .usedSlots, .ahb_m2 #fbuilder .totalCost {margin-top: 0px; margin-bottom: 50px;}
.ahb_m2 #fbuilder a.cancel:before {color: #fff; background: #ac8b51; padding: 0px 10px; font-weight: bolder; margin-top: 0px; font-size: 12px;}

/*FORM*/
/*Texbox*/
#fbuilder .medium {width: 50% !important; border-radius: 5px; border: none; padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 20px;}
#fbuilder .uh_phone input {width: 100% !important; border-radius: 5px; border: none; padding-left: 25px; padding-right: 25px; padding-top: 20px; padding-bottom: 20px;}

/*Submit botton*/
#fbuilder .pbSubmit {background: #000000; color: #FFFFFF; display: inline-block; cursor: pointer; margin: 10px 10px 10px 10px; padding: 20px 50px; border-radius: 15px;} 

/*Captcha*/
.captcha {margin-top: 50px;}
#hdcaptcha_cp_appbooking_post_1 {margin-top: 5px; border-radius: 5px; border: none; padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 20px;}

/* STYLE FOR BOOKING TABLE BACKEND*/
/* styles for the whole table */
.cpappbtable {background: #FFFFFF; margin-top: 50px;}
 
/* styles for the table header cells */   
.cpappbtable th {background: #ac8b51; color: #FFFFFF; border: none !important;}
.cpappbtable .cpappbth {border: none; background: #000000; padding-left: 8px !important; }
/* styles for the table data cells */
.cpappbtable td {color: #000000;}

/* styles for the table header group cells */   
.cpappbheadermth,.cpappbheadermtd  {background: #d4d4d4; color: #FFFFFF; border: none !important;}        

/* styles for the table header column #1, same exists for column #2, #3, ... */  
.cpappbheader1 {}

/* styles for the table data cell column #1, same exists for column #2, #3, ... */
.cpappbcol1 { }