/* Styles definition here */
#fbuilder .medium,#fbuilder select{padding:10px; background: #303030;
    border: none;
    color: #fff;
    margin: 10px 10px 10px 0; width:100%;}
.availableslot a {background:#ff9813 !important; }
#fbuilder .slots .htmlUsed.currentSelection a{background:#0f61f3 !important;}
.fieldCalendar,.slotsCalendar {font-family: Copperplate Gothic Bold;}
#fbuilder .ui-datepicker th{text-shadow:none; color: #ff9813;}
.ahb_m #fbuilder .ui-datepicker-calendar .ui-state-default{text-shadow:none;}
.ahb_m #fbuilder .ui-datepicker-calendar .ui-state-active{background: #ff9813 !important; color:#fff !important;}
.ahb_m #fbuilder .ui-datepicker-next, .ahb_m #fbuilder .ui-datepicker-prev{border-color:#fff !important;}
#fbuilder button.pbSubmit {
    border-radius: 0px;
    background-color: #ff9813;
    padding-top: 0.3em;
    padding-right: 1.5em;
    padding-bottom: 0.3em;
    padding-left: 1.5em;
    border: none;
font-family: "SF Sports Night";
font-size:17px;
line-height:26px;
transform: skewX(-25deg);
}
#fbuilder button.pbSubmit:hover{    background: #0f61f3 !important;}
form{    background: #272727;
    padding: 20px 30px 30px;
    box-shadow: 0px 2px 7px #000; margin-bottom:40px;}
#fbuilder .fform h1{font-size: 16px;
    font-family: Copperplate Gothic Bold; padding-bottom:10px;}
#fbuilder .slots div{border:none; font-size:14px;}
#fbuilder .top_aligned .fields label {
    font-size: 14px;
}
 #fbuilder .ui-datepicker-header{padding-top:10px !important;}
#fbuilder .slots{font-size:14px;}
#fbuilder .medium {
    width: 100% !important;
}
@media only screen and (min-width: 820px) {
div#field_1-2 {
    float: left;
    width: 47%;
    margin-right: 20px;
}
div#field_1-3 {
    float: left;
    width: 50%;
}
}
div#field_1-3 label{opacity:0;}
table.ui-datepicker-calendar {
    font-size: 14px;
}
#fbuilder .fform span{font-size:14px; padding-bottom:10px;}