/* Styles definition here */

#fbuilder .fields, #fbuilder .fform {
    padding: 5px 20px;
}

#fbuilder .fields, #fbuilder .fform {
    padding: 5px 20px;
    margin-bottom: 20px;
}

#fbuilder .slots .htmlUsed a{text-decoration: line-through;background:#ddd;color:#000}

#fbuilder .slots .currentSelection a{background:#b6befc;color:#000}

#fbuilder .slots div.htmlUsed a {color: #000;}

#fbuilder .ahb_list .ahb_list_service {
    border: none;
    background: none;
    padding: 10px;
    margin-right: 10px;
    display: inline-block;
}

#fbuilder .ahb_list{margin:5px 0px}
#fbuilder .ahb_list .ahb_list_time{border:0px;background:#3bb880;padding:10px;margin-right:10px;display:inline-block}
#fbuilder .ahb_list .ahb_list_service{border:0px;background:#3bb880;padding:10px;margin-right:10px;display:inline-block}
#fbuilder .ahb_list a{border:0px;background:#fff;padding:10px;color:#000;display:inline-block}

#fbuilder .ui-datepicker-inline { max-width:none !important; }

.pbSubmit:hover { background-color: #4CAF50; color: white; }

#fbuilder .pbreak .pbPrevious, .pbreak .pbNext, .pbSubmit {
    display: block;
    float: unset;
    cursor: pointer;
    padding: 10px 20px;
    text-align: center;
}

.cp_cff_clean #fbuilder .pbSubmit, .cp_cff_clean #fbuilder .pbPrevious, .cp_cff_clean #fbuilder .pbNext {
    color: #fff;
    font-size: 20px;
    background: #0093DA;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0px 0px 20px 0px;
}

#wpadminbar {
    direction: ltr;
    color: #ccc;
    font-size: 13px;
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 2.46153846;
    height: 32px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 600px;
    z-index: 9999999;
	background: #23282d;
}

input[type="button"], input[type="reset"], input[type="submit"] {
    background: none repeat scroll 0 0;
    color: #000000;
    font-size: 15px;
    line-height: 1;
    padding: 10px 30px;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    border-radius: 0px;
    font-weight: 600;
    text-transform: uppercase;
	margin-left: 45%;
}

.cp_cff_clean #fbuilder {
    color: #384248;
    font-family: "MuseoSans-100" "Lucida Grande","Lucida Sans Unicode",Verdana,"Jamrul",sans-serif;
    text-shadow: none;
}

#fbuilder span.uh {
    display: block;
    font-size: 20px;
    clear: both;
}

#fbuilder .ahb_list .ahb_list_service {
    border: none;
    background: none;
    padding: 10px;
    margin-right: 10px;
    display: inline-block;
}

#fbuilder .ahb_list .ahb_list_time {
    border: none;
    background: none;
    padding: 10px;
    margin-right: 10px;
    display: inline-block;
}

@media print{
   .noprint{
       display:none;
   }
}

.ui-datepicker {
    background-color: white;
}

#fbuilder table.ui-datepicker-calendar {
    font-size: 30px;
	line-height: 2;
}

.ahbfield_service { display: none }

.ahb_slot_availability { display: block !important; }

.book-date-size {
	font-size: 30px;
	line-height: 0.1;
}

.children-num ul {
	margin-left: 5px;
}

/*.slotsCalendar {
	display: none;
}

.usedSlots {
	display: none;
}*/

.slotsCalendar.slotsCalendarfieldname7_1 {
    background-color: #fff;
}

#fbuilder .slots {
    border: none;
}

.usedSlots.usedSlotsfieldname7_1 {
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
}

.booking-data {
    margin-top: -40px;
}

select#fieldname21_1 {
    height: 50px;
}

.selected-slot {
	display: none;
}

.cp_cff_clean #fbuilder legend {
    font-size: 30px;
}

#field_1-16 > div.dfield > div.usedSlots.usedSlotsfieldname7_1 > div > a {
	display: none;
}

#field_1-15 > div.dfield > div.usedSlots.usedSlotsfieldname7_1 > div > a {
	display: none;
}

.l{
	display:none
}

.cp_cff_clean #fbuilder .fields.section_breaks label, .cp_cff_clean #fbuilder .fform span, .cp_cff_clean #fbuilder .uh {
    line-height:1.5;
}
.tourmaster-body .ui-datepicker .ui-datepicker-month, .tourmaster-body .ui-datepicker .ui-datepicker-year {
    background:none;
}

#fbuilder .large {
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
	font-size: 20px;
}

.book-date-size {
    padding-top: 5%;
}

/*phone number*/
#fbuilder .uh_phone input {
    text-align: center;
    font-size: 20px;
    min-width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#fbuilder *, #fbuilder ::after, #fbuilder ::before {
    box-sizing: border-box;
    font-size: 20px;
}

.ahb_m2 #fbuilder .ui-datepicker-title {
    color: white;
}

.ahb_m2 #fbuilder .ui-datepicker-header {
    font-size: 1.6rem;
    background: #3995D0;
    font-weight: 300;
    line-height: 70px;
}

.ahb_m2 #fbuilder .fieldCalendarService, .ahb_m2 #fbuilder .usedSlots, .ahb_m2 #fbuilder .usedSlots, .ahb_m2 #fbuilder .totalCost {
    width: 100%;
    margin-top: 5%;
}

#fbuilder .small {
    width: 25% !important;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

#fbuilder .ui-datepicker .ui-datepicker-prev, #fbuilder .ui-datepicker .ui-datepicker-next {
    width: 24px;
    height: 24px;
}
.ahb_m2 #fbuilder .ui-datepicker-next, .ahb_m2 #fbuilder .ui-datepicker-prev {
    border-top: 2px solid white;
    border-right: 2px solid white;
}

#fbuilder .pbreak .pbPrevious, #fbuilder .pbreak .pbNext, #fbuilder .pbSubmit {
    width: 500px;
    margin-left: 30%;
    padding: 10px 20px;
	font-family: "sarabun", sans-serif;
	text-transform: none;
}

#fbuilder .pbSubmit {
    color: white;
    height: 60px;
    background: red;
}

.ahb_m2 #fbuilder .fieldCalendar, #fbuilder .slotsCalendar {
    width: auto;
    display: block;
}

.booking-data > label > span.r {
	display: none;
}

#fbuilder *, #fbuilder ::after, #fbuilder ::before {
    line-height: 200%;
}

#fbuilder .ui-state-default, #fbuilder .ui-widget-content .ui-state-default, #fbuilder .ui-widget-header .ui-state-default, #fbuilder .ui-button, #fbuilder html .ui-button.ui-state-disabled:hover, #fbuilder html .ui-button.ui-state-disabled:active {
    line-height: 20px;
}