/* Styles definition here */
#formheader_1, #formheader_2, #formheader_3, .fieldCalendarService {display:none !important;}
.ui-datepicker * {text-shadow: none !important; font-family:'Open sans', sans-serif;}
#fbuilder .ui-datepicker-inline/*, #fbuilder .slots, .usedSlots*/ { max-width:100% !important; }

.ui-datepicker {
    box-shadow: 0 0 30px rgba(0,0,0,0.15)!important;
    border: none !important;
	padding: 11px !important;}

.ui-datepicker-prev, .ui-datepicker-next, .ui-widget-header .ui-icon {background-image:none !important;}
.ui-datepicker .ui-datepicker-prev-hover {left:2px !important;}
.ui-datepicker .ui-datepicker-next-hover {right:2px !important;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top:2px !important;}
.ui-datepicker .ui-datepicker-title {line-height:3.8em !important; font-size:14px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {height:100%;}
.ui-datepicker-prev:before, .ui-datepicker-next:after{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053"; line-height:52px; color:#fff;}
.ui-datepicker-next:after{content: "\f054";}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
	border: none !important;
    background: none !important;
}

#fbuilder .ui-datepicker-calendar td, #fbuilder .ui-datepicker-calendar th {height: 30px !important; line-height: 24px !important;}
#fbuilder .ui-datepicker-calendar td a { line-height: 24px !important;}
.ui-datepicker-calendar .ui-state-default {background: #f8f8f8 !important;}
.ui-datepicker-unselectable .ui-state-default {background: #fff !important;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:#fff !important; border:none !important;}
.ui-datepicker-current-day a{color:#fff !important;}
.ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-state-hover {background: #0099EB !important; box-shadow: none !important;}
.ui-datepicker-header {background: #0099EB !important; color:#fff !important;}
.ui-datepicker tbody td {border-right: 1px solid #f0f0f0 !important;}
.ui-datepicker tbody tr {border-bottom: 1px solid #f0f0f0 !important;}
.ui-datepicker-prev, .ui-datepicker-next {line-height: 100% !important;}
#fbuilder .pbreak .pbPrevious, .pbreak .pbNext, .pbSubmit {background: #0099EB !important; color:#fff !important;}
table.ui-datepicker-calendar{margin-bottom: 0!important;}

select.ahbfield_service {
    padding: .6em 1.4em .5em .8em !important;
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box !important;
    margin: 10px 0 -1px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff !important;
    background-image: url('https://www.ajmservices.ch/wp-content/uploads/2020/03/png-caret.png'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%) !important;
    background-repeat: no-repeat, repeat !important;
    background-position: right .7em top 50%, 0 0 !important;
    background-size: .65em auto, 100% !important;
}
select.ahbfield_service::-ms-expand {display: none;}
select.ahbfield_service:hover {border-color: #888 !important;}
select.ahbfield_service:focus {
    border-color: #aaa !important;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7) !important;
    box-shadow: 0 0 0 3px -moz-mac-focusring !important;
    color: #222 !important; 
    outline: none !important;
}
select.ahbfield_service option {font-weight:normal !important;}
#fbuilder .slots div {border:1px solid rgba(0,0,0,0.2) !important;}
#fbuilder .slots {box-shadow: none !important;border:none !important;}
#fbuilder .slots div a {color:#000 !important;}

.usedSlotsfieldname1_1 a, .usedSlotsfieldname1_2 a, .usedSlotsfieldname1_3 a {color:#0099EB !important; font-size: 80% !important;}
.usedSlotsfieldname1_2, .usedSlotsfieldname1_1, .usedSlotsfieldname1_3 {padding: 15px 0 !important;}

.ahb_list span.ahb_list_time {display: block !important;}
.ahb_list_service {display: inline-block !important; padding: 0 10px 0 0 !important; font-weight: 700 !important;}

.totalCost {display:none !important;}

.ahb_list {border-bottom: 1px solid #dedede !important; padding: 5px 0 !important;}
.zustimmen a {color:#0099EB !important; font-size: 80% !important;}