/***************************************************************************************************/
/** pretizeni default CSS PrimeFaces ***************************************************************/
/***************************************************************************************************/
input.ui-inputfield:read-only, .ui-widget-content input.ui-inputfield:read-only, .ui-widget-header input.ui-inputfield:read-only {
	background-color: #f5f5f5;
	border-color: #d8d8d8 !important;
}

input:disabled, select:disabled, textarea:disabled, button:disabled {
	cursor: not-allowed !important;
	background: #f5f5f5 !important;
	border-color: #d8d8d8 !important;
	opacity: 1;
}

input[readonly="readonly"], select[readonly="readonly"], textarea[readonly="readonly"], button[readonly="readonly"], .ui-selectonemenu.ui-state-disabled {
	cursor: default !important;
	background: #f5f5f5 !important;
	border-color: #d8d8d8 !important;
	opacity: 1;
}

.ui-chkbox-box.ui-state-disabled {
	border-color: #d8d8d8 !important;
}

.ui-panelgrid .ui-panelgrid-cell {
	padding: 4px 0 !important;
}

body .ui-panelgrid .ui-panelgrid-cell {
	background: inherit !important;
}

.ui-inputnumber > .ui-inputfield {
	text-align: right;
}

/***************************************************************************************************/
/** UI-BUTTON **************************************************************************************/
/***************************************************************************************************/
.ui-button {
	margin: 0 2px 2px 0 !important;
}

button.ui-button.ui-state-default {
	padding: 3px 15px;
}

body .ui-autocomplete .ui-autocomplete-dropdown {
	padding: 0;
}

body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text {
	font-size: 13.2px;
}

/***************************************************************************************************/
/** UI-SELECTONEMENU *******************************************************************************/
/***************************************************************************************************/
.ui-selectonemenu {
	min-width: 200px !important;
}

/***************************************************************************************************/
/** UI-DATATABLE ***********************************************************************************/
/***************************************************************************************************/
.ui-datatable {
	border: 1px solid var(--color-35);
	border-bottom: 4px solid var(--color-35);
	border-top: 4px solid var(--color-35);
}

.ui-datatable table {
	table-layout: auto;
}

.ui-datatable .ui-paginator {
	background: var(--color-extra-light) none;
}

body .ui-paginator .ui-paginator-pages {
	padding-left: 6px;
	padding-right: 6px;
}

.ui-datatable .ui-paginator a {
	background: var(--color-secondary) none;
	color: #fff !important;
	font-weight: bold;
	font-size: 13.2px;
	margin-left: 1px !important;
	margin-right: 1px !important;
}

.ui-datatable .ui-paginator a.ui-state-active, .dataTable .ui-paginator a:hover {
	background: var(--color-secondary) none !important;
	border: 1px solid #000 !important;
	-moz-box-shadow: 0 0 4px #000;
	-webkit-box-shadow: 0 0 4px #000;
	box-shadow: 0 0 4px #000;
}

.ui-datatable .ui-paginator a.ui-state-disabled:hover {
	border: 1px solid var(--color-secondary);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ui-datatable .ui-paginator select {
	background: var(--color-secondary) none;
	color: #fff;
	font-weight: bold;
	font-size: 13.2px;
	border-radius: 0;
	padding: 2px 15px;
	border: 1px solid var(--color-secondary);
}

.ui-datatable .ui-paginator select.ui-state-hover {
	cursor: pointer;
	border: 1px solid #000;
	-moz-box-shadow: 0 0 4px #000;
	-webkit-box-shadow: 0 0 4px #000;
	box-shadow: 0 0 4px #000;
}

.ui-datatable .ui-datatable-footer {
	border-radius: 0 !important;
}

.ui-datatable table tbody tr td.selectControl {
	width: 16px;
}

.ui-datatable table tbody tr td.editControl {
	width: 37px;
}

.ui-datatable table thead tr th.ui-state-default {
	background: #808080 none;
	color: #fff;
}

/***************************************************************************************************/
/** UI-TABS ****************************************************************************************/
/***************************************************************************************************/
.ui-tabs .ui-tabs-nav {
	background-color: var(--color-extra-light) !important;
}

.ui-tabs .ui-tabs-nav li {
	margin: .2em .2em 0 !important;
	border: 0 !important;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover {
	background-color: var(--color-light) !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-outline {
	box-shadow: none !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background-color: var(--color-secondary) !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	color: white !important;
}

.ui-tabs .ui-tabs-panel {
	border: 1px solid #ddd;
}