/* Styles definition here */
#fbuilder .column2:nth-child(even) .dfield{margin-right:10px;}
#fbuilder .column4 .dfield{margin-right:10px;}
#fbuilder .side_by_side{margin:10px 10px 0px 0px;}

[type='text'],[type='password'],[type='date'],[type='datetime'],[type='datetime-local'],[type='month'],[type='week'],[type='email'], [type='number'],[type='search'],[type='tel'],[type='time'],[type='url'],[type='color'], 
textarea{height:auto;padding:7px;text-align: center;}
#fbuilder .large{width:98% !important;padding-left:0;padding-right:5;}

#fbuilder select {padding-right:20px !important;}
#fbuilder fieldset .fields.clearer.column4{width:100%}
#fbuilder .sq-payment-form iframe{height:50px !important}

.classavailability .ahb_slot_availability{display: block !important;}

.uh_phone .l{display:none}

.specialHidden .ui-datepicker-inline,.specialHidden .slots,.specialHidden .ahb_list_time{display:none !important}

.eventOrganizer .totalCost{display:none !important}

#sq-walletbox{display:none !important}

#fbuilder .notavailslot a{ background:#FF0000; }

.highlightgreen { background-color:#90EE90;}
.highlightred {background-color:#FF0000;}


/* time slots at left */
#fbuilder .ui-datepicker-inline{max-width:100%}
#fbuilder .usedSlotsfieldname1_1{clear:both}
#fbuilder .fieldCalendarfieldname1_1,#fbuilder .slotsCalendarfieldname1_1{
   width: 100%;
    display: inline-flex;
    float: left;
}
#fbuilder .dfield .fieldCalendarfieldname1_1,
#fbuilder .dfield .slotsCalendarfieldname1_1 {
    max-width: 49%;
    min-width: 50%;
    margin: 0;
    padding:5px;
}
@media (max-width: 640px) {
  #fbuilder .dfield {
    display: flex;
    flex-wrap: wrap;
  }
  #fbuilder .dfield .fieldCalendarfieldname1_1,
  #fbuilder .dfield .slotsCalendarfieldname1_1 {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
  }
}
/* time slots end */ 
#fbuilder .column20{width:20%;float:left}
#fbuilder .column30{width:30%;float:left}
.maxwidth100{max-width:100%}

.boxyellow {background-color:#FFFF00;outline-style:dashed;padding:10px;line-height:normal;}
.box {background-color:#ff3333;outline-style:dashed;padding:10px;line-height:normal;}
.boxnocolor {outline-style:dashed;padding:10px;line-height:normal;clear: both;}

.maincontactbox {background-color:#ff3333;outline-style:dashed;padding:10px;line-height:normal;clear: both;}
.maincontactboxnocolor {outline-style:dashed;padding:10px 10px 10px 20px;line-height:normal;clear: both;}
.maincontactbox-gs {background-color:#00dc6f;outline-style:dashed;padding:10px;line-height:normal;clear: both;}
.maincontactbox-yel {background-color:#FFFF00;outline-style:dashed;padding:10px;line-height:normal;clear: both;}

.calendarhidden .fieldCalendar{display:none !important}
.qtamax5 .ahbfield_quantity_label{color:#fff}
.qtamax5 .ahbfield_quantity_label:before{content:"HOW MANY CHILDREN?";color:#000;}