body .ui-datatable .ui-column-customfilter {
    margin: 3px auto auto auto;
}
body .ui-datatable .ui-column-customfilter .ui-inputfield {
    padding: 3px 3px;
	color: red;
	font-weight: bold;
	min-width: 1px;
	width: max-content;
}
.ui-column-customfilter .p-datepicker.ui-calendar {
	width: 100%;
}
body .ui-datatable .ui-column-customfilter .ui-datepicker-trigger .ui-button-text {
	padding: 0.22em;
}
body .ui-datatable .ui-column-filter {
    margin: 3px auto auto auto;
 	color: red;
	font-weight: bold;
}
body .ui-datatable .ui-column-filter.ui-inputfield {
    padding: 3px 3px;
}


.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;
}

.page-title {
	font-size: 1.5rem;
	margin-top:0.4rem;
	margin-bottom:0.4rem;
}

.scrollable.ui-dialog {
	max-height: 90%;
	overflow-y: auto;
}
.scrollable.ui-dialog .ui-dialog-titlebar {
	position: sticky;
	top: 0;
	z-index: 1000;
}
.scrollable.ui-dialog .ui-dialog-footer {
	position: sticky;
	bottom: 0;
	z-index: 1000;
	padding: 0.4em 1em;
}

.no_scroll_content .ui-dialog-content {
	max-height: 90%;
	overflow: hidden;
}

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

tr td.main-data {
	font-weight: 600;
}
tr:not(.ui-state-highlight):not(.ui-state-hover) td.main-data {
	background-color: var(--blue-50);
	color: var(--blue-700);
}
tr.ui-state-highlight:not(.ui-state-hover) {
	background-color: #ffefcf !important;
}


.status-label {
	border-radius: 2px;
	padding: 0.25em 0.5rem;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: .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;
}


body .layout-main .ui-state-disabled {
	background: rgb(240, 240, 240);
	color: rgb(75, 108, 183);
	opacity: 1;
	border: none;
}

.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;
}
.big-dialog {
	max-width: 98% !important;
}

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 .ui-message {
	margin-top: 1px;
	padding-top: 0rem;
	padding-right: 0.2rem;
	padding-bottom: 0rem;
	padding-left: 0.2rem;
	font-size: 0.9rem;
}
body .field.vertical-layout .ui-message {
	display: block;
}
body .field.vertical-layout > label {
	display: block;
}
body .field {
	margin-bottom: 0.5rem;
}
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;
}
.logo img {
	height: 50px;
	margin-top: 3px;
	border-radius: 50%;
}
@media screen and (max-width: 1024px) {
	.main-body .layout-wrapper .layout-topbar {
		height: 60px;
	}

	.main-body .layout-wrapper .layout-main {
		padding-top: 60px;
	}
}

body .ui-card .ui-card-content {
	padding: 0 0 !important;
}


.megj p {
	margin: 0 0 0 0;
	line-height: 1.3;
}
.megj-table.ui-datatable .ui-datatable-data > tr > td {
	padding: 1rem 1rem;
	border: none;
}

.fixtime.ui-fluid .ui-button {
	width: auto !important;
}