:root {
	--input-min-width: 100px;
	--input-width: auto;
	
	--input-height: 22px;
	--input-padding-left-right: 8px;
	--input-border-color: #a8a8a8;
	--input-border-width: 1px;
	
	--input-button-width: 22px;
	--input-button-height: 22px;
	--input-button-bg-color: #f8f9fa;
	--input-button-color: #f39313;
	
	--color-grey: #a8a8a8;
	--color-light-grey: #e9ecef;
	--color-orange: #f39313;
	--color-orange-alpha: #f3931344;
	--color-red: red;
	--color-lila: #3b0060;
	
	
/* Die folgenden Variablen können gesetzt werden. Diese Variablen haben einen Fallback-Wert */
/*	--input-select-min-width*/
/*	--input-select-width*/
	
/*	--input-spinner-min-width*/
/*	--input-spinner-width*/
	
/*	--input-date-min-width*/
/*	--input-date-width*/
	
/*	--input-textarea-min-width*/
/*	--input-textarea-width*/
/*	--input-textarea-height*/

/*	--input-text-min-width*/
/*	--input-text-width*/
	
/*	--input-text-wert-min-width*/
/*	--input-text-wert-width*/
	
/*	--input-text-text-min-width*/
/*	--input-text-text-width*/

/*	--input-slider-width*/
}



*::placeholder{
	font-style: italic;
}



body .ui-inputfield.ui-inputtextarea,
body .ui-inputfield.ui-inputtext,
body .ui-inputfield.ui-autocomplete-input,
body .ui-inputfield.ui-password{
	min-width: var(--input-min-width);
	width: var(--input-width);
	height: var(--input-height);
	padding: 0 var(--input-padding-left-right);
	border: var(--input-border-width) solid var(--input-border-color);
	vertical-align: unset;
	line-height: calc(var(--input-height) - 2 * var(--input-border-width));
	color: black;
}


body .ui-inputfield.ui-inputtextarea{
	min-width: var(--input-textarea-min-width, var(--input-min-width));
	width: var(--input-textarea-width, auto);
	height: var(--input-textarea-height, auto);
	line-height: 16px;
}


body .ui-inputfield.ui-inputtext,
body .ui-inputfield.ui-autocomplete-input,
body .ui-inputfield.ui-password{
	min-width: var(--input-text-min-width, var(--input-min-width));
	width: var(--input-text-width, var(--input-width));
}
body .ui-password-panel {
  	width: 1px;  /*damit die min-width von primefaces genommen wird. Diese entpricht der Länge des inputfields*/
}

body .ui-inputfield.ui-inputtext.pvnow-input-text{
	min-width: var(--input-text-text-min-width, var(--input-text-min-width, var(--input-min-width)));
	width: var(--input-text-text-width, var(--input-text-width, var(--input-width)));
}

body .ui-inputfield.ui-inputtext.pvnow-input-wert{
	min-width: var(--input-text-wert-min-width, var(--input-text-min-width, var(--input-min-width)));
	width: var(--input-text-wert-width, var(--input-text-width, var(--input-width)));
	text-align: right;
}
body .pvnow-output-wert{
	display: inline-block;  /*damit width gesetzt werden kann*/
	min-width: var(--input-text-wert-min-width, var(--input-text-min-width, var(--input-min-width)));
	width: var(--input-text-wert-width, var(--input-text-width, var(--input-width)));
	text-align: right;
}



body .ui-inputfield:focus,
body .ui-inputfield.ui-state-focus{
	box-shadow: none;
	border: var(--input-border-width) solid var(--color-orange);
}
body .ui-inputfield:hover,
body .ui-inputfield.ui-state-hover{
	box-shadow: none;
	border: var(--input-border-width) solid var(--color-orange);
}
body .ui-inputfield.ui-state-error{
	box-shadow: none;
	border: var(--input-border-width) solid var(--color-red);
}



body .pvnow-readonly.ui-inputfield,
body .pvnow-readonly.ui-inputfield:focus,
body .pvnow-readonly.ui-inputfield.ui-state-focus,
body .pvnow-readonly.ui-inputfield:hover,
body .pvnow-readonly.ui-inputfield.ui-state-hover{
	border: none;
}



body .ui-state-disabled, 
body .ui-widget-content .ui-state-disabled, 
body .ui-widget-header .ui-state-disabled,
body .pvnow-lookalike-ui-state-disabled {
    background-image: none;
    color: var(--color-lila);
    opacity: 0.65;
}



body .ui-selectonemenu{
	min-width: var(--input-select-min-width, var(--input-min-width)) !important;
	width: var(--input-select-width, var(--input-width)) !important;
	height: var(--input-height);
	border: none;
}
body .ui-selectonemenu.ui-state-focus,
body .ui-selectonemenu.ui-state-hover{
	box-shadow: none;
}
body .ui-selectonemenu .ui-inputfield.ui-selectonemenu-label{
	min-width: var(--input-select-min-width, var(--input-min-width)) !important;
	width: var(--input-select-width, var(--input-width)) !important;
	height: var(--input-height);
	padding: 0 var(--input-padding-left-right);
	padding-right: calc(var(--input-button-width) + var(--input-padding-left-right));
	border: var(--input-border-width) solid var(--input-border-color);
	vertical-align: unset;
	line-height: calc(var(--input-height) - 2 * var(--input-border-width));
	color: black;
}
body .ui-selectonemenu.ui-state-focus .ui-inputfield.ui-selectonemenu-label,
body .ui-selectonemenu.ui-state-hover .ui-inputfield.ui-selectonemenu-label{
	box-shadow: none;
	border: var(--input-border-width) solid var(--color-orange);
}
body .ui-selectonemenu.ui-state-error .ui-inputfield.ui-selectonemenu-label{
	box-shadow: none;
	border: var(--input-border-width) solid var(--color-red);
}
body .ui-selectonemenu .ui-selectonemenu-trigger {
	height: var(--input-button-height);
	width: var(--input-button-width);
	background-color: var(--input-button-bg-color);
	border: var(--input-border-width) solid var(--input-border-color);
	cursor: pointer;
}
body .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus,
body .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover{
	box-shadow: none;
	border: var(--input-border-width) solid var(--color-orange);
}
body .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-error{
	box-shadow: none;
	border: var(--input-border-width) solid var(--color-red);
}
body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{
	color: var(--input-button-color);
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item,
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row td{
	padding: 2px var(--input-padding-left-right);
	border: none;
}
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row td:first-of-type{
	display: none; /*hier wird eine leere column erzeugt, warum auch immer!*/
}
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight{
	background-color: var(--color-orange-alpha);
}
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-disabled{
	color: var(--color-lila);
}
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover{
	background-color: var(--color-light-grey);
}




body .ui-radiobutton,
body .ui-radiobutton .ui-radiobutton-box{
	width: 16px;
	height: 16px;
	border-width: 2px;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-focus{
	box-shadow: none;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-hover{
	border-color: var(--color-orange);
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active,
body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover{
 	border-color: var(--color-orange);
  	background: var(--color-orange);
}



body .ui-spinner {
	height: var(--input-height);
	border: none;
}
body .ui-spinner .ui-inputfield.ui-spinner-input{
	min-width: var(--input-spinner-min-width, var(--input-min-width));
	width: var(--input-spinner-width, var(--input-width));
	height: var(--input-height);
	padding: 0 var(--input-padding-left-right);
	padding-right: calc(2 * var(--input-button-width) + var(--input-padding-left-right));
	border: var(--input-border-width) solid var(--input-border-color);
	vertical-align: unset;
	line-height: calc(var(--input-height) - 2 * var(--input-border-width));
	color: black;
}
body .ui-spinner .ui-inputfield.ui-spinner-input.ui-state-focus,
body .ui-spinner .ui-inputfield.ui-spinner-input.ui-state-focus ~ .ui-spinner-button,
body .ui-spinner .ui-inputfield.ui-spinner-input.ui-state-hover,
body .ui-spinner .ui-inputfield.ui-spinner-input.ui-state-hover ~ .ui-spinner-button{
	box-shadow: none;
	border: var(--input-border-width) solid var(--color-orange);
}
body .ui-spinner .ui-button.ui-spinner-button {
	height: var(--input-button-height);
	width: var(--input-button-width);
	background-color: var(--input-button-bg-color);
	border: var(--input-border-width) solid var(--input-border-color);
	cursor: pointer;
}
body .ui-spinner .ui-button.ui-spinner-button.ui-spinner-up {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
body .ui-spinner .ui-button.ui-spinner-button.ui-spinner-down {
	border-radius: 0;
	right: calc(var(--input-button-width) - var(--input-border-width));
}
body .ui-spinner .ui-button.ui-spinner-button .ui-button-text {
	padding: 0;
}
body .ui-spinner .ui-button.ui-spinner-button .ui-icon{
	color: var(--input-button-color);
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}



body .ui-calendar > .ui-inputfield{
	min-width: var(--input-date-min-width, var(--input-min-width));
	width: var(--input-date-width, var(--input-width));
	height: var(--input-height);
	padding: 0 var(--input-padding-left-right);
	border: var(--input-border-width) solid var(--input-border-color);
	vertical-align: unset;
	line-height: calc(var(--input-height) - 2 * var(--input-border-width));
	color: black;
}
body .ui-calendar > .ui-inputfield.ui-state-focus,
body .ui-calendar > .ui-inputfield.ui-state-hover{
	box-shadow: none;
	border: var(--input-border-width) solid var(--color-orange);
}
body .ui-datepicker .ui-datepicker-group{
	padding: 0;
}
body .ui-datepicker .ui-datepicker-group .ui-datepicker-header{
	padding: 0.5rem;
}
body .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-month,
body .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-year {
	margin: 0;
}
body .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next{
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	margin-top: -0.5rem;
}
body .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar{
	margin: 0;
}
body .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar th,
body .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar td{
	padding: 0.25rem;
}
body .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar th > span,
body .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar td > span{
	width: 1.5rem;
  	height: 1.5rem;
  	line-height: 1.5rem;
  	cursor: default;
}
body .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar td > a{
	width: 1.5rem;
  	height: 1.5rem;
  	line-height: 1.5rem;
}
body .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar td > a:hover{
	background-color: var(--color-orange);
	color: white;
}
body .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar td > a.ui-state-active{
	background-color: var(--color-orange);
	color: white;
}
body .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar td.ui-datepicker-today > a{
	color: black;
}



body .ui-chkbox .ui-chkbox-box{
	width: 16px;
	min-width: 16px;
	height: 16px;
	border-width: 2px;
}
body .ui-chkbox .ui-chkbox-box.ui-state-hover{
	border-color: var(--color-orange);
}
body .ui-chkbox .ui-chkbox-box.ui-state-active,
body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover{
 	border-color: var(--color-orange);
  	background: var(--color-orange);
}
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon{
	width: 12px;/* 16 - 2 * 2, border wird abgezogen*/
	min-width: 12px;
	height: 12px;
	font-size: 12px;
	line-height: normal;
	margin: 0;
	scale: 1 !important;
	top: 0;
	left: 0;
}



body .ui-slider{
	width: var(--input-slider-width, var(--input-width));
	background-color: var(--color-grey);
}
body .ui-slider .ui-slider-range{
	background-color: var(--color-orange);
}
body .ui-slider .ui-slider-handle{
	background-color: white;
	border-color: var(--color-orange);
}
body .ui-slider .ui-slider-handle.ui-state-active,
body .ui-slider .ui-slider-handle.ui-state-hover{
	background: var(--color-orange);
	border-color: var(--color-orange);
}



body .ui-inplace .ui-inplace-display{
	padding: 0;
}
body .ui-inplace .ui-inplace-content .ui-inputfield.ui-state-focus,
body .ui-inplace .ui-inplace-content .ui-inputfield.ui-state-hover{
	box-shadow: none;
	border: var(--input-border-width) solid var(--color-orange);
}
body .ui-inplace .ui-inplace-content .ui-inputfield.ui-state-error{
	box-shadow: none;
	border: var(--input-border-width) solid var(--color-red);
}
body .ui-inplace .ui-inplace-content .ui-inplace-editor {
	margin-left: 5px;
}
body .ui-inplace .ui-inplace-content .ui-inplace-editor .ui-inplace-save .ui-icon{
	background: transparent url( "/javax.faces.resource/media/icons/speichern.png.xhtml?ln=pvatnow&v=1_0_35") no-repeat center;
}
body .ui-inplace .ui-inplace-content .ui-inplace-editor .ui-inplace-cancel .ui-icon{
	background: transparent url( "/javax.faces.resource/media/icons/abbrechen.png.xhtml?ln=pvatnow&v=1_0_35") no-repeat center;
}
body .ui-inplace .ui-inplace-content .ui-inplace-editor .ui-inplace-save .ui-icon:before,
body .ui-inplace .ui-inplace-content .ui-inplace-editor .ui-inplace-cancel .ui-icon:before{
	content: "";
}



body .ui-selectmanymenu .ui-inputfield.ui-state-focus,
body .ui-selectmanymenu .ui-inputfield.ui-state-hover{
	box-shadow: none;
	border: var(--input-border-width) solid var(--color-orange);
}
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover{
	box-shadow: none;
	background-color: var(--color-light-grey);
}
body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight{
	box-shadow: none;
	background-color: var(--color-orange-alpha);
}



body .ui-selectonelistbox .ui-inputfield.ui-state-focus,
body .ui-selectonelistbox .ui-inputfield.ui-state-hover{
	box-shadow: none;
	border: var(--input-border-width) solid var(--color-orange);
}
body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover{
	box-shadow: none;
	background-color: var(--color-light-grey);
}
body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight{
	box-shadow: none;
	background-color: var(--color-orange-alpha);
}



body .ui-picklist .ui-picklist-list-wrapper .ui-picklist-caption,
body .ui-picklist .ui-picklist-list-wrapper .ui-picklist-list{
	border-radius: 0;
	color: black;
}
body .ui-picklist .ui-picklist-list-wrapper .ui-picklist-list .ui-picklist-item{
	color: black;
}
body .ui-picklist .ui-picklist-list-wrapper .ui-picklist-list .ui-picklist-item.ui-state-hover{
	background-color: var(--color-light-grey);
}
body .ui-picklist .ui-picklist-list-wrapper .ui-picklist-list .ui-picklist-item.ui-state-highlight{
	background-color: var(--color-orange-alpha);
}
body .ui-picklist .ui-picklist-list-wrapper .ui-picklist-list .ui-picklist-item.ui-picklist-outline{
	outline: none;
}
body .ui-picklist .ui-picklist-buttons .ui-picklist-button-add-all,
body .ui-picklist .ui-picklist-buttons .ui-picklist-button-remove-all{
	display: none;
}
body .ui-picklist .ui-picklist-buttons .ui-picklist-button-add .ui-icon{
	background: transparent url( "/javax.faces.resource/media/icons/pfeil-rechts.png.xhtml?ln=pvatnow&v=1_0_35") no-repeat center;
}
body .ui-picklist .ui-picklist-buttons .ui-picklist-button-remove .ui-icon{
	background: transparent url( "/javax.faces.resource/media/icons/pfeil-links.png.xhtml?ln=pvatnow&v=1_0_35") no-repeat center;
}
body .ui-picklist .ui-picklist-buttons .ui-picklist-button-add .ui-icon:before,
body .ui-picklist .ui-picklist-buttons .ui-picklist-button-remove .ui-icon:before{
	content: "";
}