@charset "utf-8";

/* ID:26121 */

span.ui-icon {
	display: inline;
	margin: 0 4px;
	position: relative;
	&.ui-icon-triangle-1-s{
		display: block;
	}
}

.ui-autocomplete-loading{
	background-color: grey;
}

ul.ui-multiselect-checkboxes{
	margin: 0!important;
	ul.ui-multiselect-optgroup{
		margin:0;
		a{
			padding:0;
		}
	}
	/* entfernt Wackeln von Optgroups onhover*/
	label{
		border: none;
	}
}

.ui-multiselect-optgroup > ul{
	margin:0!important;
}

div.ui-multiselect-menu.ui-widget-content{
	background: white;
	border: 1px solid grey;
	z-index:10200;/*due to elements position flex*/
}

/* widget Rand*/
.ui-widget{
	border:none;
	font-family: inherit;
	font-size:inherit;
	input,
	select,
	textarea,
	button{
		font-family: inherit;
	}
}

a.ui-multiselect-all i.fas,
a.ui-multiselect-none i.fas {
	color: blue;
	margin-right: .5ex;
}

a.ui-multiselect-close i.fas{
	color: blue;
}
/* sonst klebt das Element zu weit rechts*/
span.ui-multiselect-open{
	padding-right: .5em;
}
/* Buttons verschieben sich durch das margin zu 'Treppenstufen''*/
button.ui-multiselect-collapser{
	margin-bottom: 0;
}

span.ui-spinner{
	padding-left:2em;
	padding-right:3em;
	&.ui-spinner-disabled{
		opacity: 1;
	}
	.ui-spinner-input{
		border-width: 1px;
		border-style: solid;
	}

	a.ui-spinner-up {
    position:absolute;
    right:1em;
	}

	a.ui-spinner-down {
    left:0;
    position:absolute;
	}
	.ui-spinner-button{
    color: #337ab7 !important;
    height:100%;
    width:2em;
		.fas {
			left: 50%;
		}
	}
}

.window_panel {
	font-size: inherit;
}

.ui-widget-content{
	background: inherit;
	a:not(.button){
		color:inherit;
	}
}

.ui-autocomplete{
	/*since we have this element in dialog, z-index must be higher than 100*/
	background-color: white;
	border: 1px solid grey;
	max-height: 27em;
	overflow-y: auto;
	z-index:10200;
}

.ui-helper-reset {
	line-height: inherit;
}

/*dialog buttons*/
.ui-icon[class*=" fa-"] {
	/* Remove the jQuery UI Icon */
	background: none repeat scroll 0 0 transparent;
	/* Remove the jQuery UI Text Indent */
	text-indent: 0;
	/*Icon should not be cropped*/
	overflow: visible;
}

/* Allow use of icon-large to be properly aligned */
.ui-icon.icon-large {
	margin-top: -0.75em;
}

.ui-button-icon-only .ui-icon[class*=" fa-"] {
	margin-left: -7px;
}
.ui-front {
	z-index: 10000 !important;
}

.ui-widget-overlay {
	background: darkgrey;
}

.ui-tabs{
	.ui-tabs-panel{
		padding: 1em 0;
	}
	/* jquery Tabsteuerung*/
	ul.ui-tabs-nav{
		border:none;
		background: none;
		li{
			border-bottom-width: 1px;
			border-radius: 5px;
			a{
				&:link,
					&:visited,
					&:active,
					&:focus,
					&:hover{
					color:inherit;
					border:none;
				}
			}
		}
	}
}

.ui-state-hover,
.ui-state-default,
.ui-state-focus{
	border: none;
}
.ui-widget-content,
.ui-widget-header{
	.ui-state-hover,
	.ui-state-focus,
	.ui-state-default,
	.ui-state-active /*personalselector*/{
		border: none;
	}
}
.ui-multiselect-grouplabel {
	text-align: left;
}
/*content, wegen jqueryfix border: none
fixme: dies kann mit den anderen Inputelementen zusammengeführt werden */
button.ui-multiselect{
	background: white !important;
	background-image: none !important;
	border-radius: 5px;
	border:1px solid grey!important;
	color:black!important;
	display: inline-block;
	font-weight: normal;
	margin: 0;
	min-width: 6em;
	overflow-x: hidden;
	padding: 4px 0 3px 4px;
	span{
		/*don't add padding at icon*/
		&.ui-icon{
			background-image: none;
			padding:0;
		}
	}
	&:hover{
		background: white;
		background-image: none;
	}
}

.ui-widget-content button.ui-state-default.ui-multiselect{
	font-weight: normal;
}

/* Multiselect als Ersatz für Select (Aktives Element Stylen)*/
.ui-multiselect-single .ui-state-active{
	color: black;
	&.ui-state-hover{
		background: #0073ea;
		background-image: none;
		color: white;
	}
}

body{
	&.plain {
		div.ui-multiselect-menu.ui-widget-content:not(.ui-multiselect-listbox) {
			box-shadow: 0 0 7px 0 grey;
		}
		/* am pc Abstand zwischen text/checkbox anpassen*/
		.ui-multiselect-single .ui-multiselect-checkboxes{
			font-style: italic;
			max-height: 45vh;
			overflow: auto!important;
			label {
				line-height: 1em;
				/* leere Einträge haben sonst keine Höhe*/
				min-height: 1em;
				padding: 1px 5px !important;
				&.ui-state-active,
				&.ui-state-hover{
					/*bold braucht mehr Platz*/
					padding: 1px 2px !important;
				}
			}
		}
		button.ui-multiselect{
			padding-top: 1px;
			padding-bottom:1px;
		}
		.ui-multiselect-header {
			margin-bottom: 0;
			padding: 1px 0 1px 4px;
		}
		a.ui-multiselect-close i.fas {
			font-size:1em;
		}
		.ui-multiselect-optgroup{
			i.fas{
				line-height: 1em;
			}
			& > ul {
				padding:0;
			}
		}

		.ui-multiselect-grouplabel {
			font-size:1.1em;
			padding:0;
		}

		.ui-multiselect-checkboxes{
			input[type=checkbox]{
				margin-right: 0.5em;
			}
			label{
				font-size:1.1em;
				padding-top: 0;
				padding-bottom: 0;
				input{
					min-height: 0;
					top:0;
				}
			}
		}

	}
	&.touch{
		.ui-autocomplete{
			/*fix small iphones; Tastatur überdeckt autocompleter (#3843)*/
			max-height: 14em;
		}
		.ui-multiselect-menu{
			.ui-multiselect-checkboxes {
				/* multiselector berechnet höhe für Einzelselektor nicht richtig, vh berücksichtigt kein BrowserUI
				 daher genug Platz lassen für delektor + Header*/
				max-height: 80vh;
				/* leeres Element ist zu klein*/
				min-height: 14em;
				i{
					line-height: 1;
				}
				input[type="checkbox"]{
					font-size: 0.9rem;
					padding:0;
					margin:0 1em;
				}
				li{
					font-size: 110%;
				}
				&.ui-helper-reset {
					overflow: auto !important;
				}
			}
			label{
				padding: 12px!important;
			}
		}
	}

	.ui-widget-header,
	.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 {
		background-image: none;
	}
	.ui-tooltip.ui-widget-shadow{
		opacity: 1;
	}
}

/* startseite jquery Farbe*/
.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;
	background: var(--mainBarColor);
}
.ui-state-hover{
	color:var(--themeFontColor);
}

ul.ui-tabs-nav{
	/*jquery Widget- Farbanpassungen*/
	.ui-state-default{
		color: var(--themeColor);

	}
	.ui-state-active{
		color: var(--accordionFontColor);
	}
}
.ui-widget-content,
.ui-widget-content table tbody tr{
	color:var(--mainfontColor);
}
/*tabnavigation nicht ausgewählt*/
.ui-tabs-tab.ui-state-default {
	background: #EDEDED;
	&:hover {
		background: var(--mainBarColor);
		color:var(--accordionFontColor);
	}
}

/*tabnavigation ausgewählt*/
li.ui-state-active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: none;
	background: var(--accordionColor);
	color: var(--accordionFontColor);
}


a.ui-multiselect-grouplabel,
.ui-multiselect-grouplabel,
button.ui-multiselect-collapser{
	background-color: var(--themeColor) !important;
	color: var(--themeFontColor) !important;
}