/* Styles definition here */
.ahbfield_service { display: none }
.ui-datepicker-header {
  background: #009fe3;
  color: #fff;
  font-weight: normal;
  -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: none;
  filter: dropshadow(color=#000, offx=1, offy=-1);
  line-height: 30px;
  border-width: 0;
  border-style: solid;
  border-color: #111;
}
.ahbfield_quantity_div {
	font-family: 'opensans-semibold';
	text-transform: uppercase;
	display: inline-block;
	word-wrap: break-word;
	hyphens: auto;
	font-size: 1.063em;
	padding: 1em 0
}
.ahbfield_quantity_label {
	
}
.ahb_list_quantity::after {
	/*content:' Persone/n'*/
}
.ui-datepicker-calendar .ui-state-active {
	background: #5bb354/*#009fe3*/;
  -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: none;
  filter: dropshadow(color=#4d7a85, offx=0, offy=1);
  border: 1px solid #55838f;
  position: relative;
}
#fbuilder .ui-datepicker-inline {
  width: 100%;
  max-width: 500px;
}
#fbuilder .slots .currentSelection {
  border: none!important;
  padding: 7px!important;
}
#fbuilder .slots div {
  width: 100%;
	border: none;
	padding: 7px
}
#fbuilder .slots {
	border: 0;
	width: 100%;
	max-width: 500px
}
#fbuilder .slots div::before {
	/*content: 'Bitte wählen Sie den Termin durch Klick auf die angezeigte Buchung darunter: ';
	padding-left: 0*/
}
.ahb_list {
  padding: 15px 10px;
  background-color: #5ab253;
  max-width: 500px;
  width: 100%;
  color: #fff;
  font-family: 'opensans-semibold';
}
.ahb_list::before {
	content: 'Ihr gewählter Termin: ';	
}
.ahb_slot_availability .p::after {
	content: " von ";
}
.ui-datepicker {
	font-family: 'opensans-semibold';
	text-transform: uppercase;
	font-size: 1.2em;
	font: none
}
.ui-datepicker-header {
	background: #898989;
  color: #fff;
  font-weight: 300;
  text-shadow: none;
  line-height: 50px;
  font-size: 1.188em/*1.82em*/;
}
#fbuilder .pbSubmit {
  background: rgba(0, 159, 227, 1);
  color: #fff;
  display: inline-block;
  cursor: pointer;
  margin: 10px 10px 0 0;
  padding: 12px 20px;
}
#fbuilder .pbSubmit:hover {
  background: rgba(0, 127, 178, 1);
  color: #fff;
  display: inline-block;
  cursor: pointer;
  margin: 10px 10px 0 0;
  padding: 12px 20px;
}
#fbuilder .slots div.htmlUsed a {
  color: #ffffff;
  background-color: #e25600;
}
#fbuilder .slots div a {
	background: #5ab253;
	color: #ffffff;
	box-shadow: none;
	display: inline-block;
	padding: 4px;
	text-decoration: none;
	width: 100%
}
.ui-datepicker-calendar tr {
	background-color: transparent/*#bbbbbb*/
}
.ui-datepicker-unselectable .ui-state-default {
  /*background: #e25600;*/
	background: rgba(0, 0, 0, 0.2);
  color: #fff;
}
.ui-datepicker td span, .ui-datepicker td a {
	text-shadow: none;
	height: 1.7em/*3em*/;
	line-height: 1.7/*3*/
}
.usedSlots.usedSlotsfieldname1_1,
.usedSlots.usedSlotsfieldname1_1 a {
	background-color: transparent/*#009fe3*/;
	color: #404040/*#fff*/;
	margin-top: 10px;
}
.ahb_list {
	padding: 15px 10px;	
}
.ahb_slot_availability {
	display: inline-block !important;
}
.ahb_slot_availability::before {
	content: ' ';
	padding-left: 7px
}
.ahb_slot_availability::after {
	/*content: ' Plätzen frei ';*/
	content: ' Termin frei  \00BB  bitte auswählen! ';
}


.ui-datepicker tbody > tr > td {
	border-bottom: 1px solid #bbb;
	padding: 0.15em!important;
}
#fbuilder .slots div a:hover {
	background: #666;
}
.ui-datepicker-prev {
	height: 50px;
	background-image: none;
}
.ui-datepicker-next {
	height: 50px;
	background-image: none;
}
.ui-datepicker-next::before {
	content: "⯈";
	position: relative;
	top: -44px;
	right: 5px;
	color: #fff;
}
.ui-datepicker-prev::before {
	content: "⯇";
	position: relative;
	top: -44px;
	left: 5px;
	color: #fff;
}
span .p,
span .t {
	display: none
}