body .ui-datatable .ui-datatable-header {
	padding: 0.5rem 0.5rem;
}
body .ui-datatable.ui-datatable-sm .ui-datatable-data>tr>td {
	padding: 0.3rem 0.3rem;
}
body .ui-datatable-data td .ui-button.ui-button-icon-only .ui-button-text {
	padding: 0.2rem;
}
body .ui-datatable-data td .ui-button.ui-button-icon-only {
	width: 2.1rem;
}
body .ui-datatable .ui-column-customfilter,
body .ui-treetable .ui-column-customfilter {
    margin: 3px auto auto auto;
}
body .ui-datatable .ui-column-customfilter .ui-inputfield,
body .ui-treetable .ui-column-customfilter .ui-inputfield {
	margin: 0.5rem auto auto auto;
    padding: 3px 3px;
	color: #2281a8;
	font-weight: bold;
	min-width: 1px;
	width: max-content;
}
body .ui-datatable .ui-column-customfilter .ui-selectonemenu,
body .ui-treetable .ui-column-customfilter .ui-selectonemenu {
	margin: 0.5rem auto auto auto;
	min-width: 1px !important;
	width: 100%;
}
.ui-column-customfilter .p-datepicker.ui-calendar {
	width: 100%;
}
body .ui-datatable .ui-column-customfilter .ui-datepicker-trigger .ui-button-text,
body .ui-treetable .ui-column-customfilter .ui-datepicker-trigger .ui-button-text{
	padding: 0.22em;
}
body .ui-datatable .ui-column-filter {
    margin: 3px auto auto auto;
 	color: #2281a8;
	font-weight: bold;
}
body .ui-datatable .ui-column-filter.ui-inputfield {
    padding: 3px 3px;
}

.hide-select-all.ui-datatable .ui-chkbox-all {
	display: none !important;
}
.auto_width.ui-datatable table {
	table-layout: auto !important;
}
.auto_width.ui-datatable th, .auto_width.ui-datatable td,
.auto_width.ui-datatable thead th, .auto_width.ui-datatable tbody td,
.auto_width.ui-datatable tfoot td, .auto_width.ui-datatable tfoot th {
	white-space: nowrap;
}
.no_header.ui-datatable table thead tr {
	display: none;
}
.no_header.ui-treetable table thead tr {
	display: none;
}
body .ui-treetable .ui-treetable-header {
	padding: 0.2rem 0.5rem;
}

.ui-cell-editor-input .ui-inputfield {
	width: 100%;
}


.no-highlight.ui-datatable .ui-state-highlight {
	background: inherit !important;
	color: inherit !important;
}

tr td.warn-data {
	font-weight: 600;
	color: var(--orange-600);
}
table:not(.no-highlight) tr:not(.ui-state-highlight):not(.ui-state-hover) td.warn-data {
	background-color: var(--yellow-100);
}
.no-highlight.ui-datatable  td.warn-data {
	background-color: var(--yellow-100);
}


tr td.ok-data {
	font-weight: 600;
	color: var(--green-400);
}
table:not(.no-highlight) tr:not(.ui-state-highlight):not(.ui-state-hover) td.ok-data {
	background-color: var(--green-100);
}
.no-highlight.ui-datatable  td.ok-data {
	background-color: var(--green-100);
}

tr td.main-data {
	font-weight: 600;
	color: var(--blue-700);
}
table:not(.no-highlight) tr:not(.ui-state-highlight):not(.ui-state-hover) td.main-data {
	background-color: var(--blue-50);
}
.no-highlight.ui-datatable  td.main-data {
	background-color: var(--blue-50);
}

tr td.editable-data {
	font-weight: 600;
	color: var(--indigo-400);
}
table:not(.no-highlight) tr:not(.ui-state-highlight):not(.ui-state-hover) td.editable-data {
	background-color: var(--indigo-100);
}
.no-highlight.ui-datatable  td.editable-data {
	background-color: var(--indigo-100);
}

table:not(.no-highlight) tr.ui-state-highlight:not(.ui-state-hover):not(.ui-datatable-selectable) {
	background-color: #ffefcf !important;
}
tr td.error-data {
	font-weight: 600;
	color: var(--red-500);
}
body .ui-datatable .ui-datatable-data>tr>td.separator, body .ui-datatable thead>tr>th.separator {
	padding: 1px;
	background-color: var(--blue-100);
	border: none;
}
body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow {
	background-color: var(--teal-50);
}

body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow {
	background-color: var(--teal-50);
}

tr.warn-data td {
	font-weight: 600;
	color: var(--orange-600);
}
table:not(.no-highlight) tr.warn-data:not(.ui-state-highlight):not(.ui-state-hover) td {
	background-color: var(--yellow-100);
}

tr.ok-data td {
	font-weight: 600;
	color: var(--green-400);
}
table:not(.no-highlight) tr.ok-data:not(.ui-state-highlight):not(.ui-state-hover) td {
	background-color: var(--green-100);
}

.status-label {
	border-radius: 2px;
	padding: 0.25em 0.5rem;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.3px;
}
.status-label.green {
	background: #c8e6c9;
	color: #256029;
}
.status-label.yellow {
	background: #feedaf;
	color: #8a5340;
}
.status-label.red {
	background: #ffcdd2;
	color: #c63737;
}
.status-label.blue {
	background: #cdf2ff;
	color: #2281a8;
}
.status-label.orange {
	background: #fae36f;
	color: #c27914;
}
.status-label.gray {
	background: #e3e3e3;
	color: #acacac;
}
.status-label.white {
	background: #ececec;
	color: #4a4a4a;
}

body .layout-main .ui-inputfield.ui-state-disabled {
	color: rgb(75, 108, 183);
	background: #f4f6fe;
	opacity: 1;
}

body .layout-main .error .ui-inputfield{
	background: #ffcdd2 !important;
	color: #c63737 !important;
	opacity: 1;
}

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

.ui-inputnumber.font-bold .ui-inputfield {
	font-weight:700 !important;
}

.ui-inputnumber.font-semibold .ui-inputfield {
	font-weight:600 !important;
}

body .layout-main .ui-inputfield.status-color.green,
body .layout-main .ui-inputnumber.status-color.green .ui-inputfield {
	background: #c8e6c9 !important;
	color: #256029 !important;
}
body .layout-main .ui-inputfield.status-color.yellow,
body .layout-main .ui-inputnumber.status-color.yellow .ui-inputfield {
	background: #feedaf !important;
	color: #8a5340 !important;
}
body .layout-main .ui-inputfield.status-color.red,
body .layout-main .ui-inputnumber.status-color.red .ui-inputfield {
	background: #ffcdd2 !important;
	color: #c63737 !important;
}
body .layout-main .ui-inputfield.status-color.blue,
body .layout-main .ui-inputnumber.status-color.blue .ui-inputfield {
	background: #cdf2ff !important;
	color: #2281a8 !important;
}
body .layout-main .ui-inputfield.status-color.orange,
body .layout-main .ui-inputnumber.status-color.orange .ui-inputfield {
	background: #fae36f !important;
	color: #c27914 !important;
}

.small-gutter [class^=col] { padding: 0.2rem 0.4rem; }
.small-gutter [class^=col-offset] { padding: 0; }

.ui-chkbox-box.ui-state-active + .ui-chkbox-label {
	font-weight: bold;
}

.stock_other_wh {
	background-color: #f1f1f1;
	width: 15px;
	height: 15px;
}
.stock_good {
	background-color: #e2eaff;
}
.stock_blocked {
	background-color: #ffda40;
}
.stock_scrap {
	background-color: #ffff64;
}
.stock_quarantine {
	background-color: #8bffb3;
}
.stock_production {
	background-color: #d8c6f3;
}
.stock_return {
	background-color: #ff86ac;
}


body .ui-dialog .ui-dialog-content {
	padding: 0 1rem 1rem 1rem;
}
body .ui-dialog .ui-dialog-titlebar {
	padding: 1rem;
}

body .ui-tabs {
	border: 1px solid #dee2e6;
}

body .layout-content .ui-message {
	margin-top: 1px;
	padding: 0.2em 0.2em;
	display: block;
	border-radius: 2px;
	font-size: 0.9em;
}


body .field {
	margin-bottom: 0.5rem;
}
body .field .ui-message {
	margin-top: 1px;
	padding: 0 0.2rem;
	font-size: 0.9rem;
	display: block;
}
body .field.vertical-layout .ui-message {
	display: block;
}
body .field.vertical-layout > label {
	display: block;
}
body .field>label {
	margin-bottom: 0.2rem;
}


body .ui-selectbooleanbutton.small  {
	width: 1.5rem;
	height: 1.5rem;
}
body .ui-selectbooleanbutton.small .ui-icon {
	font-size: 0.7rem;
	margin-top: -0.3rem;
	margin-left: -0.35rem;
}
.ui-treetable-scrollable-body {
	overflow-y: scroll !important;
	overflow-x: hidden !important;
}


.login-body .login-image {
	height: 160px;
	position: absolute;
	top: 0;
}
.login-body .login-panel {
	margin: 170px auto 0 auto;
	padding: 0;
	width: 500px;
}
.login-body .login-panel .grid .logo-container {
	text-align: center;
}
.login-body .login-panel .grid .logo-container .login-summary {
	line-height: inherit;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
}
.login-body .login-panel .ui-inputfield {
	margin-top: 0 !important;
}

body .ui-divider .ui-divider-content {
	font-size: 1.2rem;
	color: var(--blue-700);
	font-weight: bold;
}


.card {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.02), 0 0 2px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, 0.08);
	padding: 0.4rem;
}
.card .card-title {
	font-size: 1.05rem;
	font-weight: bold;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0.4rem;
	margin-right: 1rem;
}

.ui-accordion {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.02), 0 0 2px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, 0.08);
}

.form-dialog {
	max-width: 98vw;
	max-height: 95vh;
	margin-top: 1.25%;
}

.page-title {
	font-size: 1.5rem;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
	margin-right: 1rem;
}
.panel-title {
	font-size: 1.25rem;
	font-weight: normal;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
	margin-right: 1rem;
}

body .ui-selectonemenu.main-selector {
	background-color: var(--teal-600) !important;
}
body .ui-selectonemenu.main-selector .ui-selectonemenu-label {
	color: white;
}
body .ui-selectonemenu.main-selector .ui-selectonemenu-trigger .ui-icon {
	color: white;
}

body .ui-fluid .grid {
	margin-bottom: -0.5rem;
}

body .ui-tree.idoc-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
	margin: 2px;
	width: 100%;
	padding: 0;
}
body .ui-tree.idoc-tree .ui-tree-container .ui-treenode {
	padding: 0;
}

.ui-fileupload-simple .ui-fileupload-filename {
	display: none;
}

td.selectionDisabled .ui-chkbox {
	display: none;
}

.char_icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.8rem;
	height: 1.8rem;
	font-weight: 600;
	border-radius: 50%;
	opacity:0.7;
}

body .ui-overlaypanel .ui-overlaypanel-content {
	padding: 0.5rem;
}


/*
Használat:
	<div class="float-button-right">
		<a><i class="pi pi-wrench"/></a>
	</div>
 */

.float-button-right {
	position: fixed;
	top: 0; right: 0;
	z-index: 998;
}
.float-button-right a {
	display: block;
	position: absolute;
	width: 52px;
	height: 52px;
	line-height: 52px;
	background-color: var(--green-500);
	text-align: center;
	font-weight: 600;
	color: var(--primary-color-text);
	top: 140px;
	left: -51px;
	z-index: -1;
	overflow: hidden;
	cursor: pointer;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
}
.float-button-right a i {
	font-size: 26px;
	line-height: inherit;
	cursor: pointer;
	transform: rotate(360deg);
	transition: transform 1s;
}

.auto_height.ui-orderlist .ui-orderlist-list,
.auto_height.ui-picklist .ui-picklist-list {
	height: 60vh !important;
}

.ui-wizard-content {
	border: 1px solid #dee2e6;
	padding: 0.6rem 0.8rem;
	margin-bottom: 0.5rem;
}

/* Off állapot (false) */
body .ui-selectbooleanbutton.colored, body .ui-selectbooleanbutton.colored:hover {
	background-color: #2196F3;
	color: #fff;
	border-color: #2196F3;
}

/* On állapot (true) */
body .ui-selectbooleanbutton.colored.ui-state-active,
body .ui-selectbooleanbutton.colored.ui-state-active:not(.ui-state-disabled):hover {
	background-color: #FBC02D;
	color: #212529;
	border-color: #FBC02D;
}

.errorDialog.ui-dialog {
	z-index: 9999 !important;
	background-color: #f8f9fd !important;
	padding: 0 !important;
}

.errorDialog.ui-dialog .ui-dialog-titlebar {
	background-color: #940000 !important;
	color: white !important;
	margin: 0 !important;
}

.errorDialog.ui-dialog .ui-widget-content {
	background-color: #ffffff00 !important;
	border: none;
}

.errorDialog.ui-dialog .ui-dialog-content {
	padding: 1.5em 2em 0.5em 2em;
}

body .ui-commandlink:hover, body .ui-link:hover {
	color: #0276d1;
	text-decoration: underline;
}
body .ui-commandlink, body .ui-link {
	color: #2196F3;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
	text-decoration: underline;
}
.scroll-panel {
	overflow: auto;
	border-radius: 4px;
	border-color: #dee2e6;
	border-width: 1px;
	border-style: solid;
	padding: 0;
	background-color:var(--surface-overlay) !important;
}
.scroll-panel .ui-datatable-tablewrapper {
	overflow: unset;
}

body .ui-toolbar {
	background: #f8f9fa55;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

body .ui-dialog .ui-dialog-footer {
	padding: 0 1rem 1rem 1rem;
}

body .ui-outputlabel .ui-outputlabel-rfi {
	margin-left: 2px;
}

body .ui-fileupload-simple .ui-button {
	background: #0288D1;
	color: #ffffff;
	border: 1px solid #0288D1;
}