/* Styles definition here */
#fbuilder .ui-datepicker table, #fbuilder .ui-datepicker thead, #fbuilder .ui-datepicker tr, #fbuilder .ui-datepicker th, #fbuilder .ui-datepicker td {border: 0px;}
#fbuilder .ui-datepicker{box-shadow:none}

/* calendar width }*/
#fbuilder .ui-datepicker-inline {
    width: 100%;
    max-width: 480px;
}

/*calendar days header */
#fbuilder .ui-datepicker th{background:#fff;color: #333;}
.ui-datepicker-header {
    background: #000;
    color: #e0e0e0;
    font-size:16px;
	font-family: poppins;
    /* -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2); */
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    /* box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2); */
    /* text-shadow: 1px -1px 0px #000; */
    filter: dropshadow(color=#000, offx=1, offy=-1);
    line-height: 30px;
    border-width: 0;
    border-style: solid;
    border-color: #111;
}

/*calendar header text */
#fbuilder .ui-datepicker-header { background:#fff ;color:#000; text-shadow:none}

/*calendar date text */

.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #666666;
	font-family:poppins;
    text-shadow: 1px 1px 0px #fff;
    filter: dropshadow(color=#fff, offx=0, offy=0);
    box-shadow: none;
    border: 0px;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    font-weight: normal;
    text-align: center;
	font-size:15px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #666666;
    font-family: poppins;
    text-shadow: 0px 0px 0px #fff;
    filter: dropshadow(color=#fff, offx=0, offy=0);
    box-shadow: none;
    border: 0px;
}

#fbuilder .ui-datepicker-unselectable .ui-state-default {
    background: #fff;
    color: #999;
    font-family: poppins;
	font-size:15px;
}

#fbuilder .ui-datepicker-selectable .ui-state-default {
    background: #fff;
    color: #000;
    font-family: poppins;
	font-size:15px;
}

.ui-datepicker-calendar .ui-state-active {
    background: #999;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    color: #e0e0e0;
    text-shadow: 0px 0px 0px #4d7a85;
    filter: dropshadow(color=#4d7a85, offx=0, offy=1);
    border: 1px solid #000;
    position: relative;
}

/*Timeslots*/

.sb_m #fbuilder .slots {
    border: 0px;
    box-shadow: none;
}

#fbuilder .slots {
    border: 0px solid #888;
     width: 100%;
	font-size:18px;
    max-width: 520px;
    padding: 6px;
	    margin-left: -10px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .5);
}
#fbuilder .slots div a {
    background: #ededed;
    box-shadow: none;
    display: inline-block;
    padding: 3px;
    font-size: 15px !important;
}
/*Arrows*/
.ui-datepicker-prev { 
    transform: rotate(-135deg);
}

.ui-datepicker-prev { 
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    background: none;
    margin: 10px;
}

.ui-datepicker-next {
    transform: rotate(45deg);
}

.ui-datepicker-next { 
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    background: none;
    margin: 10px;
}