/** initial font size -> this value will influence the whole layout */
.ui-widget {
	font-size: 10pt !important;
}

body {
	margin: 0px;
}

/** this kind of box-sizing is easier to handle */
* {
	box-sizing: border-box;
}

/** for not required fields in table header */
.ui-datatable th{
	font-weight: normal!important;
}

/** for required fields in table header */
.ui-datatable th.ui-state-required {
	font-weight: bold!important;
}

/** same padding value from data content */
.ui-left-panel div.ui-accordion-content{
	padding: 0.2em;
}

/** ...but primefaces does its calculation on base of content-box */
.ui-inputswitch, .ui-inputswitch *, .ui-chkbox-box, .ui-chkbox-box *, .ui-progressbar, .ui-progressbar *, .ui-radiobutton-box, .ui-radiobutton-box * {
	box-sizing: content-box;
}

/** because of changed box-sizing the width of the emulated selectbox trigger has to be reset */
.ui-selectonemenu .ui-selectonemenu-trigger {
	width: auto !important;
}

/** deactivates the border of the element */
.noBorder, .noBorder > .ui-widget-content {
	border: none !important;
}

/** deactivates the border radius for the layout unit */
.noCornerRadius {
	-webkit-border-radius: 0px !important;
	-moz-border-radius:    0px !important;
	border-radius:         0px !important;
}

/** deactivates the padding of the element and specific generated child elements */
.noPadding, .noPadding > .ui-widget-content, .noPadding > .ui-overlaypanel-content {
	padding: 0px !important;
}

/** sets smaller padding for accordion tabs */
.smallPadding .ui-accordion-content {
	padding: 0.2em !important;
}

/** fix to let the menu overlay the content */
.noScroll .ui-layout-unit-content {
	overflow: visible !important;
}

/** north is not resizable but this container has a height and it handicaps the menubar! */
body > .ui-layout-resizer-north {
	height: 0px !important;
}

/** fix so the button that simulates a select box is visible in table cells */
.fixButton > input {
	margin-right: 2.4em;
}
.fixButton > .ui-autocomplete-dropdown {
	right: 0px;
}

/** smaller buttons */
.smallButton {
	font-size: 75% !important;
}

/** buttons with this class are just as big as the icon and should have no text */
.tinyButton {
	font-size: 50% !important;
	vertical-align: top;
}

/** fix to get breadcrumb icon next to link */
.ui-breadcrumb ul li span {
	float: left;
}

/** expand submenu width */
.ui-menu .ui-menu-parent .ui-menu-child {
	min-width: 15em;
	width: auto!important;
}

/** no wrapping of menu items */
.ui-menuitem {
	white-space: nowrap;
}

/** different color for changed value fields */
.ui-state-changed:not(.ui-chkbox):not(.ui-autocomplete), .ui-state-changed > .ui-chkbox-box, .ui-state-changed > .ui-inputfield {
	background-color: #d9edf7;
}

/** better formatting for datalist */
.ui-datalist:not(:first-child) {
	margin-top: 1em;
}
dl {
	padding: 0px 0.5em;
}
dt {
	font-weight: bold;
}
dd:not(:last-child) {
	margin-bottom: 1em;
}

/** prevent background in header from being overridden */
.ui-menu > .ui-widget-content {
	background: none;
}

/** fix alignment of primefaces replacement elements */
.ui-selectonemenu {
	vertical-align: bottom;
}
.ui-chkbox-box {
	vertical-align: middle;
}
*[id$=filterTab] .ui-chkbox .ui-chkbox-box {
	display: block;
}

/** align buttons in dialog footer to right */
.ui-dialog-footer, .ui-panel-footer {
	text-align: right !important;
	white-space: nowrap;
}

/** primesfaces omits the border of the accordion panel -> reactivate it */
.ui-accordion-content.ui-helper-reset.ui-widget-content {
	border: 1px solid #a8a8a8 !important; /** TODO color might not match if style template is changed! - find another way to redisplay the border */
	border-top: none !important;
}

/** let the tree use availbale space */
.ui-tree {
	width: auto !important;
}
.ui-tree .ui-tree-container {
	overflow: visible !important;
}

/** do not break lines within tables */
th, td {
	white-space: nowrap;
}

/** layout for icons within table header */
th i {
	margin-left: 1em;
	margin-right: 0.25em;
}

/** change to bold on hoover would crash table layout */
tr.ui-state-hover {
	font-weight: normal !important;
}

/** less padding for this buttons */
.numberButton span {
	padding: 0.3em 0.5em !important;
}

/** fix to set correct inline height */
.myPortlet .ui-panel-content{
	position: absolute;
	top: 30px; left: 0; bottom: 0; right: 0;
}

.portletSwitch .ui-carousel-header {
	height: 28px!important;
	padding-top: 5px!important;
}

.portletSwitch .ui-carousel-header select {
	visibility: hidden;
}

.ovaTable .ovaColorPicker{
	display: inline-block; vertical-align: top;
}

.ovaTable .ovaColorPicker button{
	padding-bottom: 3px;
}

/** this set the style for saturday on calendar object */
/** TODO: multi language? */
.ui-datepicker-calendar  *:nth-child(7), .ui-datepicker-calendar *:nth-child(1n+7) .ui-state-default {
	color: #FFB2B2;
}
/** this set the style for sunday on calendar object */
/** TODO: multi language? */
.ui-datepicker-calendar  *:nth-child(8), .ui-datepicker-calendar *:nth-child(1n+8) .ui-state-default {
	color: red;
}

/** this set the style for the hover from saturday and sunday dates on calendar object */
/** TODO: multi language? */
.ui-datepicker-calendar *:nth-child(1n+7) .ui-state-default:hover, .ui-datepicker-calendar *:nth-child(1n+8) .ui-state-default:hover {
	color: #1C4257;
}

/** set the min height for a empty display cell in auto complete */
/** TODO: this goes better! no min-height of elements */
.ui-autocomplete-item {
	min-height: 20px;
}

.ui-autocomplete .ui-button-icon-only .ui-button-text {
	padding: .3em;
}