/*datepicker'*/
.ui-datepicker,
.ui-datepicker div,
.ui-datepicker a,
.ui-datepicker button{
	border-radius: .25rem;
}
.ui-datepicker select{
	height: 28px;
	width: 45% !important;
}
.ui-datepicker .ui-datepicker-month{
	
	/*border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
	*/
	border: none;
	
	
	width: 45% !important;
	border-radius: .25rem;
	background-color: #ececec;
	color: #5b5d60;
	border: none;
	padding-left: 20px;
	-moz-appearance: none;
	-webkit-appearance: none;
    appearance: none;
	background-image: url(../images/Pfeil_Unten_16.png) !important;
	background-repeat: no-repeat;
	background-position: 93%;
	
}
.ui-datepicker .ui-datepicker-year{
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
	border-left: none;
	display: none;
}

.ui-datepicker{
	width: auto;
}
.ui-datepicker td span, .ui-datepicker td a {
	border: none !important;
	/*width: 60px;*/
	text-align: center;
	border-radius: .25rem;
	height: 30px;
	/*padding-top: 5px;*/
	line-height: 1.8;
}
.ui-datepicker .ui-datepicker-header{
	background: none;
	border: none;
	margin-top: 5px;
	margin-bottom: 5px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	width: 28px;
	height: 28px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
	/*width: 28px;
	height: 28px;
	background-position: center;*/
	display: none;
}



.ui-datepicker .ui-datepicker-next {
	
	background-image: url(../images/Pfeil_Rechts_24.png);

	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 1px;
	right: 1px;
	
}

.ui-datepicker .ui-datepicker-next:hover {
	

	background-color: #eb7921;
	border: none;
	top: 1px;
	right: 1px;
	
	
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	
}

.ui-datepicker .ui-datepicker-prev {
	
	background-image: url(../images/Pfeil_Links_24.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 1px;
	left: 1px;
	margin-left: 0;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	
}

.ui-datepicker .ui-datepicker-prev:hover {
	

	background-color: #ff6600;
	border: none;
	top: 1px;
	left: 1px;
	
	
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	
}


.ui-datepicker-header > .ui-datepicker-buttonpane > button.ui-datepicker-current{
	/*width: 28px;
	height: 28px;
	left: 2px;*/
	display: none;
}

/*Kalender Legende*/

.OTR_TextKalenderVerfuegbarkeitenLegende {
	margin-top: 1rem;
	
}

.otr-kalender-legende-box-ubo {
	
	margin-top: 1rem;
	
}

.otr-kalender-legende-box > div {
	
	margin-bottom: .4rem;
	display: flex;
}

.otr-kalender-legende-box .BpWebApp_Text {

    white-space: normal;
}


label.BpWebApp_Text_Label.otr-kalender-legende-icon {
    max-width: 30px;
    max-height: 18px;
	margin-right: .5rem;
    -webkit-border-radius: 10px;
    border-radius: 5px;
}


label.BpWebApp_Text_Label.otr-kalender-legende-liste-wegen-vorlauf-beschriftung {


    background: none;
    border: 1px solid #eb7921 !important;


}

label.BpWebApp_Text_Label.otr-kalender-legende-liste-online-nicht-aktiv-beschriftung {


    background: none;
    border: 1px solid #eb7921 !important;
	border-style: dashed !important;


}


label.BpWebApp_Text_Label.otr-kalender-legende-liste-buchbar-beschriftung {

    background-color: #eb7921;
    border: 1px solid #eb7921;

}

label.BpWebApp_Text_Label.otr-kalender-legende-liste-ausgebucht-beschriftung {

    background-color: #cccccc;
    border: 1px solid #cccccc;

}

label.BpWebApp_Text_Label.otr-kalender-legende-liste-keine-va-beschriftung {

    background-color: none;
    border: 1px solid #cccccc;

}