/* 
	Various CSS fixups 
	------------------
*/

/* make fonts smaller */
.ui-widget {
	font-size: 80%;
}

.ui-widget .ui-widget {
	font-size: 100%;
}

/* fix vertical scrolling of menubar issue in north p:layoutUnit */
.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}

/* create style for in-lining p:selectOneMenu with p:commandButton */
.selectonemenu-align {
	display: inline-block;
	vertical-align: top;
}

/* no borders in generated table data */
.noborder td, .noborder tr {
	border-style: none !important;
	vertical-align: top;
}

/* limit width of p:autoComplete suggestions panel */
.ui-autocomplete-panel .ui-autocomplete-list {
	/* 	width: 500px !important; */
	
}

.ui-autocomplete-input.ui-autocomplete-dd-input {
	padding-right: 0px !important;
	padding-left: 0px !important;
}


/* p:selectOneMenu label width:0 Chrome bug fix */
.ui-selectonemenu label.ui-selectonemenu-label {
	/* width:100% !important; */
	
}

.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all
	{
	background: #ffffff !important;
}

/* highlight the current row when the mouse hovers over the row */
.ui-datatable tr.ui-datatable-even:hover, .ui-datatable tr.ui-datatable-odd:hover
	{
	/* background: #A6CE39; */
	
}

/**
 * AFTER WEBSHOP CSS
 */
.scroll-to-top {
	bottom: 55px;
	position: fixed;
	right: 20px;
	transition: all 0.5s linear;
}

.scroll-to-top-text {
	display:none;
}

.scroll-to-top:hover {
	filter: invert(100%);
}

.scroll-to-top:hover .scroll-to-top-text {
	
	display:block;
}

.ui-icon.fa {
     text-indent:0px;
     background-image:none;
     overflow: visible;
}

.transparent-noborder {
	background: transparent !important;
	border: none !important;
}

.button-icon-spacer span:last-of-type {
	margin-right:0.5em !important;
}

/* Class to fix width for new user wizard, add on autocomplete in NewUserDTO */
.new-user-auto-complete {
	width:80% !important;
}

ul.ui-menu-child {
    white-space: nowrap;
	min-width: 200px;
    width: auto !important;
}

.ui-panel-images {
    width: 100%;
    height: 100%;
}

.ui-galleria-panel {
    width: 100%;
    height: 100%;
}

/*
warning when some of the requirements are not meat
*/
.validation-warning {
	font-weight: bold !important;
	color:red;
}

/* Wizards: 
	-customerDocuments
	-unpaidBills
 */

.wizard-data-wrapper {
	border-bottom: 1px solid lightgrey;
}
 
.wizard-data {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 1em;
}

.wizard-user-data {
	display: flex;
	flex-direction: column;
}
 
.wizard-data > div,
.wizard-user-data > div {
	display: flex;
	margin-right: 1%;
	align-items: center;
}

.wizard-user-data > div {
	margin-bottom: 0.5em;
}

.wizard-data > div > span {
    margin-right: 1em;
}

.wizard-user-data > div > span {
	width: 6%;
}

.wizard-action-buttons > button.ui-state-focus,
.wizard-action-buttons > button.ui-state-active {
	background: #c9c9c9;
}

.wizard-ac > ul {
	font-size: small;
}

.wizard-ac > span > button.ui-state-active {
	background: #c9c9c9 !important;
}

.wizard-ac > span > button.ui-state-focus {
	background: #f6f6f6;
}

.wizard-select-one > div:last-of-type > span {
	background-image: url(/javax.faces.resource/images/ui-icons_777777_256x240.png?ln=primefaces-flat)!important;
}

.wizard-content-list {
	margin-top: 1em;
}

.wizard-contents-content {
	margin-left: 2%;
	width: 90%;
}

/* Login */

.login {
	top: 50%; 
	left: 50%;
	position: absolute; 
	transform: translate(-50%, -50%);
}

.login > div {
	display: flex;
}