/* ============================================================================
   Eureka WebUI sobre ZK10 - estilos generales
   Correcciones de compatibilidad visual para layouts clasicos
   ============================================================================ */

/* ============================================================================
   01. Variables generales
   ============================================================================ */

:root {
	--adempiere-login-background: #003764;
	--adempiere-loader-accent: #149ad6;
	--adempiere-loader-text: #263645;
	--adempiere-loader-border: #d7e0e7;
}

/* ============================================================================
   02. Header principal y layout base
   ============================================================================ */

.desktop-header,
.desktop-header.z-borderlayout,
.desktop-header .z-borderlayout,
.desktop-header .z-west,
.desktop-header .z-center,
.desktop-header-left,
.desktop-header-right {
	background: var(--adempiere-login-background) !important;
	background-image: none !important;
	border-color: var(--adempiere-login-background) !important;
}

/* Layout estructural ZK10: quitar padding agregado por el tema. */
.z-west,
.z-east,
.z-center,
.z-north,
.z-south,
.z-west-body,
.z-east-body,
.z-center-body,
.z-north-body,
.z-south-body,
.z-tabpanel,
.z-tabpanels,
.z-panel-body {
	padding: 0 !important;
}

/* Encabezados de regiones Borderlayout. */
.z-north-header,
.z-south-header,
.z-west-header,
.z-center-header,
.z-east-header {
	font-family: "Segoe UI", Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 13px !important;
	font-weight: 800;
	line-height: 15px;
	padding: 5px 3px 4px 5px;
}

/* ============================================================================
   03. Ventanas ZK
   ============================================================================ */

.z-window {
	padding: 5px;
}

.z-window-content {
	padding: 0;
}

.z-window.z-window-embedded {
	padding: 0 !important;
}

.z-window-embedded > .z-window-content {
	padding: 0 !important;
}

/* Ventanas AD: barra de estado y pestanas laterales. */
.adwindow-status {
	background: #ffffff !important;
	border-top: 1px solid #b8c8d9 !important;
	box-sizing: border-box !important;
	color: #000000 !important;
	font-family: "Segoe UI", Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	height: 22px !important;
	line-height: 20px !important;
	min-height: 22px !important;
	overflow: hidden !important;
	padding: 0 2px !important;
	white-space: nowrap !important;
	width: 100% !important;
}

.adwindow-status.message-info {
	height: 22px !important;
	min-height: 22px !important;
}

.adwindow-status.message-error {
	height: 50px !important;
	min-height: 50px !important;
}

.adwindow-status .statusbar-row {
	align-items: center !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 4px !important;
	height: 100% !important;
	line-height: 20px !important;
	min-width: 0 !important;
	overflow: hidden !important;
	width: 100% !important;
}

.adwindow-status .status-image {
	flex: 0 0 16px !important;
	height: 16px !important;
	width: 16px !important;
}

/* Mensaje izquierdo: debe ceder todo el espacio necesario al bloque de totales. */
.adwindow-status .status-left {
	box-sizing: border-box !important;
	flex: 1 1 0 !important;
	min-width: 0 !important;
	overflow: hidden !important;
	text-align: left !important;
}

.adwindow-status .status-line-container {
	box-sizing: border-box !important;
	line-height: 20px !important;
	min-width: 0 !important;
	overflow: hidden !important;
	width: 100% !important;
}

/* Bloque derecho: totales + contador. No debe reducirse ni quedar oculto. */
.adwindow-status .status-detail,
.adwindow-status .status-detail-container {
	align-items: center !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex: 0 0 auto !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 4px !important;
	justify-content: flex-end !important;
	margin-left: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	overflow: visible !important;
	text-align: right !important;
	white-space: nowrap !important;
	width: auto !important;
}

/* Texto izquierdo */
.adwindow-status .status-line,
.adwindow-status .message-info-text,
.adwindow-status .message-error-text {
	background: transparent !important;
	color: #000000 !important;
	display: block !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 20px !important;
	overflow: hidden !important;
	padding: 0 !important;
	text-align: left !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

/* Totales, contador y posibles componentes agregados a la barra. */
.adwindow-status .status-info,
.adwindow-status .status-db,
.adwindow-status .status-detail-container > * {
	background: #ffffff !important;
	color: #000000 !important;
	display: block !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 20px !important;
	padding: 0 !important;
	position: relative !important;
	text-align: right !important;
	vertical-align: middle !important;
	white-space: nowrap !important;
}

/* Totales: debe conservar ancho natural, como en la barra clasica. */
.adwindow-status .status-info {
	flex: 0 0 auto !important;
	max-width: none !important;
	min-width: max-content !important;
	overflow: visible !important;
	text-overflow: clip !important;
	z-index: 1 !important;
}

/* Contador de registros: visible, compacto y ajustado al contenido. */
.adwindow-status .status-db {
	box-sizing: border-box !important;
	flex: 0 0 max-content !important;
	margin-left: 6px !important;
	min-width: 0 !important;
	width: auto !important;
	max-width: max-content !important;
	overflow: visible !important;
	text-align: right !important;
	text-overflow: clip !important;
	white-space: nowrap !important;
	z-index: 2 !important;
}

/* Componentes adicionales agregados con addStatusComponent(), por ejemplo [ +*1/1 ]. */
.adwindow-status .status-detail-container > *:not(.status-info):not(.status-db) {
	flex: 0 0 auto !important;
	overflow: visible !important;
	text-overflow: clip !important;
	z-index: 2 !important;
}

/* ============================================================================
   ADWindow - pestanas laterales clasicas
   Mantiene jerarquia/indexado nativo, permite multilinea y pega al borde derecho.
   ============================================================================ */

.adwindow-nav {
	background: #e6e6e6 !important;
	box-sizing: border-box !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	padding: 0 !important;
}

.adwindow-left-nav,
.adwindow-right-nav {
	max-width: 132px !important;
	min-width: 132px !important;
	width: 132px !important;
}

.adwindow-left-nav {
	border-right: 1px solid #008ee8 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.adwindow-right-nav {
	border-left: 1px solid #008ee8 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.adwindow-nav .z-west-body,
.adwindow-nav .z-east-body {
	box-sizing: border-box !important;
	margin: 0 !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	padding: 0 !important;
}

.adwindow-nav-content {
	box-sizing: border-box !important;
	display: block !important;
	margin: 0 !important;
	max-width: 100% !important;
	overflow-x: hidden !important;
	padding: 0 !important;
	text-align: right !important;
	width: 100% !important;
}

/*
 * Pestañas laterales de ventanas AD.
 * No se fuerza ancho completo para no perder la jerarquia/indexado nativo.
 * Se alinean al borde derecho con float.
 */
.adwindow-navbtn-sel,
.adwindow-navbtn-uns,
.adwindow-navbtn-dis {
	box-sizing: border-box !important;
	clear: both !important;
	float: right !important;
	height: auto !important;
	margin-right: 0 !important;
	min-height: 34px !important;
	overflow: visible !important;
	text-align: right !important;
	text-overflow: clip !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* Texto interno: permitir 2 o mas lineas y alinear a la derecha */
.adwindow-navbtn-sel .z-button-content,
.adwindow-navbtn-uns .z-button-content,
.adwindow-navbtn-dis .z-button-content,
.adwindow-navbtn-sel .z-button-cnt,
.adwindow-navbtn-uns .z-button-cnt,
.adwindow-navbtn-dis .z-button-cnt,
.adwindow-navbtn-sel .z-label,
.adwindow-navbtn-uns .z-label,
.adwindow-navbtn-dis .z-label {
	box-sizing: border-box !important;
	display: block !important;
	line-height: 14px !important;
	overflow: visible !important;
	text-align: right !important;
	text-overflow: clip !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

.adwindow-nav-content:after {
	clear: both;
	content: "";
	display: block;
}

/* ============================================================================
   05. Paneles ZK
   ============================================================================ */

.z-panel {
	border-radius: 6px !important;
}

.z-panel-header {
	padding: 4px;
}

.z-panelchildren,
.z-panelchildren-noheader,
.z-panelchildren-noborder,
.z-panelchildren-noheader.z-panelchildren-noborder {
	padding: 0 !important;
}

.z-panel-noheader.z-panel-noframe > .z-panelchildren,
.z-panel-noheader.z-panel-noborder > .z-panelchildren,
.z-panel-noheader.z-panel-noframe > .z-panelchildren-noheader,
.z-panel-noheader.z-panel-noborder > .z-panelchildren-noheader {
	padding: 0 !important;
}

/* Iconos clasicos de expandir/colapsar panel. */
.z-panel-icons .z-panel-icon,
.z-panel-header .z-panel-icon {
	-webkit-appearance: none !important;
	appearance: none !important;
	background-color: transparent !important;
	background-image: url(../theme/default/images/zul/wnd/ol-btn.png) !important;
	background-repeat: no-repeat !important;
	border: 0 !important;
	box-shadow: none !important;
	color: transparent !important;
	cursor: pointer !important;
	display: inline-block !important;
	float: right;
	font-size: 0 !important;
	height: 16px !important;
	line-height: 16px !important;
	margin: 0 1px !important;
	min-height: 16px !important;
	min-width: 16px !important;
	overflow: hidden !important;
	padding: 0 !important;
	text-align: left !important;
	text-indent: -9999px !important;
	vertical-align: top !important;
	width: 16px !important;
}

.z-panel-icons .z-panel-icon:before,
.z-panel-icons .z-panel-icon:after,
.z-panel-header .z-panel-icon:before,
.z-panel-header .z-panel-icon:after {
	content: none !important;
	display: none !important;
}

.z-panel-icons .z-panel-exp,
.z-panel-icons .z-panel-expand,
.z-panel-header .z-panel-exp,
.z-panel-header .z-panel-expand {
	background-position: 0 -64px !important;
}

.z-panel-icons .z-panel-exp-over,
.z-panel-icons .z-panel-exp:hover,
.z-panel-icons .z-panel-expand:hover,
.z-panel-header .z-panel-exp-over,
.z-panel-header .z-panel-exp:hover,
.z-panel-header .z-panel-expand:hover {
	background-position: -16px -64px !important;
}

.z-panel-icons .z-panel-col,
.z-panel-icons .z-panel-collapse,
.z-panel-header .z-panel-col,
.z-panel-header .z-panel-collapse,
.z-panel-collapsed .z-panel-icons .z-panel-expand,
.z-panel[z\.open="false"] .z-panel-icons .z-panel-expand {
	background-position: 0 -96px !important;
}

.z-panel-icons .z-panel-col-over,
.z-panel-icons .z-panel-col:hover,
.z-panel-icons .z-panel-collapse:hover,
.z-panel-icons .z-panel-collapse:focus,
.z-panel-header .z-panel-col-over,
.z-panel-header .z-panel-col:hover,
.z-panel-header .z-panel-collapse:hover,
.z-panel-collapsed .z-panel-icons .z-panel-expand:hover,
.z-panel[z\.open="false"] .z-panel-icons .z-panel-expand:hover {
	background-position: -16px -96px !important;
}

/* ============================================================================
   06. Celdas, grillas, listas y arboles
   ============================================================================ */

/* ZK10 agrega aire extra en celdas de layout clasico. */
.z-column-content,
.z-row-content,
.z-group-content,
.z-groupfoot-content,
.z-footer-content,
.z-cell-content {
	padding: 3px !important;
}

.z-panel .z-grid-body .z-cell {
	padding: 7px 11px !important;
}

.z-listheader-content,
.z-listcell-content,
.z-listgroup-content,
.z-listgroupfoot-content,
.z-listfooter-content {
	padding: 2px 6px;
}

.z-listbox,
.z-listbox-header,
.z-listbox-body,
.z-listbox-footer {
	background: #ffffff !important;
}

.z-listbox-header table,
.z-listbox-body table,
.z-listbox-footer table {
	min-width: 100% !important;
}

.z-treecol-content,
.z-treecell-content,
.z-treefooter-content {
	padding: 2px !important;
}

.z-tree-icon,
.z-tree-line {
	width: 3px;
}

.docStatus td:first-child {
	align-content: center;
	text-align: right;
	width: 20px;
}
/* Centre the native row selector in its narrow, fixed-width column.  ZK 10
   renders it as an inline element, which otherwise leaves it stuck to the
   left edge in every information/selection window. */
.z-listitem-checkable,
.z-listheader-checkable {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	align-content: center;
}

/* Advanced search: centre row editors inside the selection highlight and
   keep the drop-down affordance visible on list-backed query values. */
.find-advanced-panel .z-listitem > .z-listcell {
	vertical-align: middle !important;
}

.find-advanced-panel .z-combobox,
.find-advanced-panel .z-bandbox {
	display: inline-flex;
	overflow: visible !important;
}

/* ZK can clip the native combo trigger when the editor is resized inside a
   ListCell. Draw a permanent affordance inside lookup/list editors so they
   never look like plain text inputs. Pointer events pass through to ZK. */
.find-advanced-panel .find-advanced-list-editor::after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #222222;
	content: "";
	pointer-events: none;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-35%);
	z-index: 2;
}

.find-advanced-panel .z-combobox-input,
.find-advanced-panel .z-bandbox-input {
	min-width: 0 !important;
	width: calc(100% - 24px) !important;
}

.find-advanced-panel .z-combobox-button,
.find-advanced-panel .z-bandbox-button {
	display: inline-flex;
	flex: 0 0 24px !important;
	visibility: visible !important;
}


/* ============================================================================
   07. Editores de formulario
   ============================================================================ */

/* Moved to forms.css, which is loaded after this stylesheet. */
@media not all {

/* ZK10 form editors: keep classic Eureka compact field height. */
.z-combobox,
.z-datebox,
.z-bandbox,
.z-timebox,
.z-spinner {
	align-items: stretch !important;
	box-sizing: border-box !important;
	display: inline-flex;
	height: 20px !important;
	line-height: 20px !important;
	min-height: 20px !important;
	vertical-align: middle !important;
}

.z-combobox-input,
.z-combobox-inp,
.z-datebox-input,
.z-datebox-inp,
.z-bandbox-input,
.z-bandbox-inp,
.z-timebox-input,
.z-timebox-inp,
.z-spinner-input,
.z-spinner-inp {
	box-sizing: border-box !important;
	font-family: "Segoe UI", Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 12px !important;
	height: 20px !important;
	line-height: 18px !important;
	min-height: 20px !important;
	min-width: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 6px !important;
	padding-right: 6px !important;
	padding-top: 0 !important;
}

.z-combobox-button,
.z-combobox-img,
.z-datebox-button,
.z-datebox-img,
.z-bandbox-button,
.z-bandbox-img,
.z-timebox-button,
.z-timebox-img,
.z-spinner-button,
.z-spinner-img {
	align-items: center !important;
	box-sizing: border-box !important;
	display: inline-flex;
	font-size: 13px !important;
	height: 20px !important;
	justify-content: center !important;
	line-height: 20px !important;
	margin: 0 !important;
	min-height: 20px !important;
	min-width: 22px !important;
	padding: 0 !important;
	position: static !important;
	transform: none !important;
	vertical-align: top !important;
	width: 22px !important;
}

/* Datebox: input and trigger must read as a single control. */
.z-datebox-input,
.z-datebox-inp {
	border-radius: 4px 0 0 4px !important;
	flex: 1 1 auto !important;
}

.z-datebox-button,
.z-datebox-img {
	background-color: #087fca !important;
	background-image: url("../images/Calendar24.png") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
	border-color: #087fca !important;
	border-left: 0 !important;
	border-radius: 0 4px 4px 0 !important;
	color: transparent !important;
	flex: 0 0 22px !important;
	margin: 0 !important;
	overflow: hidden !important;
	text-indent: -9999px !important;
}

.z-datebox-button:hover,
.z-datebox-img:hover {
	background-color: #006fb4 !important;
	border-color: #006fb4 !important;
}

.z-datebox-button i,
.z-datebox-img i,
.z-datebox-button::before,
.z-datebox-img::before {
	content: none !important;
	display: none !important;
}

/*
 * Eureka editors render lookup/calculator controls as a two-cell table.
 * Join both cells visually and replace the legacy 10px assets with the
 * high-resolution icons supplied for these compact buttons.
 */
tr:has(> td.editor-button) > td:first-child {
	width: 100% !important;
}

tr:has(> td.editor-button) > td:first-child > input {
	border-radius: 4px 0 0 4px !important;
	border-right: 0 !important;
	box-sizing: border-box !important;
	height: 20px !important;
	margin: 0 !important;
	width: 100% !important;
}

tr > td.editor-button {
	height: 20px !important;
	min-width: 22px !important;
	padding: 0 !important;
	width: 22px !important;
}

tr > td.editor-button > button.editor-button {
	align-items: center !important;
	background-color: #087fca !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
	border: 1px solid #087fca !important;
	border-radius: 0 4px 4px 0 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	display: inline-flex;
	height: 20px !important;
	justify-content: center !important;
	margin: 0 !important;
	min-height: 20px !important;
	min-width: 22px !important;
	padding: 0 !important;
	transform: none !important;
	vertical-align: top !important;
	width: 22px !important;
}

tr > td.editor-button > button.editor-button:hover {
	background-color: #006fb4 !important;
	border-color: #006fb4 !important;
}

tr > td.editor-button > button.editor-button:disabled,
tr > td.editor-button > button.editor-button[disabled] {
	background-color: #cfd3d6 !important;
	border-color: #cfd3d6 !important;
}

tr > td.editor-button > button.editor-button:has(img[src$="Calculator10.png"]) {
	background-image: url("../images/Calculator24.png") !important;
}

tr > td.editor-button > button.editor-button:has(img[src$="BPartner10.png"]) {
	background-image: url("../images/BPartner24.png") !important;
}

tr > td.editor-button > button.editor-button:has(img[src$="Product10.png"]) {
	background-image: url("../images/Product24.png") !important;
}

tr > td.editor-button > button.editor-button:has(img[src$="Locator10.png"]) {
	background-image: url("../images/Locator24.png") !important;
}

tr > td.editor-button > button.editor-button:has(img[src$="Calculator10.png"]) > img,
tr > td.editor-button > button.editor-button:has(img[src$="BPartner10.png"]) > img,
tr > td.editor-button > button.editor-button:has(img[src$="Product10.png"]) > img,
tr > td.editor-button > button.editor-button:has(img[src$="Locator10.png"]) > img {
	opacity: 0 !important;
}

.z-combobox-button i,
.z-datebox-button i,
.z-bandbox-button i,
.z-timebox-button i,
.z-spinner-button i {
	font-size: 13px !important;
	line-height: 20px !important;
}

}

/* ============================================================================
   08. Checkbox
   ============================================================================ */

.z-checkbox,
.z-checkbox-content {
	color: #000 !important;
	font-family: "Segoe UI", Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: normal !important;
	line-height: 16px !important;
}

.z-checkbox input[type="checkbox"] {
	height: 14px !important;
	margin: 0 4px 0 0 !important;
	vertical-align: middle !important;
	width: 14px !important;
}

.z-checkbox input[type="checkbox"]:focus,
.z-checkbox input[type="checkbox"]:active {
	box-shadow: none !important;
	outline: none !important;
}

input[type="checkbox"]::before,
input[type="checkbox"]::after,
input[type="checkbox"]:checked::before,
input[type="checkbox"]:checked::after,
.z-checkbox input[type="checkbox"]::before,
.z-checkbox input[type="checkbox"]::after,
.z-checkbox input[type="checkbox"]:checked::before,
.z-checkbox input[type="checkbox"]:checked::after {
	content: none !important;
	display: none !important;
}

.z-checkbox-content {
	display: inline-block !important;
	vertical-align: middle !important;
}

.z-checkbox input[type="checkbox"] + label,
.z-checkbox input[type="checkbox"]:checked + label,
.z-checkbox input[type="checkbox"]:focus + label {
	background: transparent !important;
	box-shadow: none !important;
	outline: none !important;
}

/* ============================================================================
   09. Botones y toolbar
   ============================================================================ */

.z-toolbarbutton {
	padding: 2px;
}

/* DocAction/Form buttons: the theme width belongs to the button, not to its icon. */
button.form-button img.z-button-image,
button.form-button > img.form-button.z-button-image,
img.form-button.z-button-image {
	display: inline-block !important;
	height: 16px !important;
	margin-right: 6px !important;
	max-height: 16px !important;
	max-width: 16px !important;
	min-height: 16px !important;
	min-width: 16px !important;
	object-fit: contain !important;
	vertical-align: middle !important;
	width: 16px !important;
}

/* ============================================================================
   10. Tabs
   ============================================================================ */

.z-tabs,
.z-tabs-content {
	line-height: 20px;
	min-height: 20px;
}

.z-tab {
	padding: 0 6px;
}

.z-tab-button+.z-tab-text {
    margin-right: 18px;
}

/* ============================================================================
   11. Paginacion
   ============================================================================ */

.z-paging-input {
	height: 22px;
	text-align: center;
}

.z-paging-button {
	margin: 0;
}

/* ============================================================================
   12. Login
   ============================================================================ */

.login-panel #txtUserId,
.login-panel #txtPassword,
.login-panel #lstLanguage,
.login-panel #lstLanguage input,
.login-panel #lstLanguage .z-combobox-input,
.login-panel #lstLanguage .z-combobox-button {
	box-sizing: border-box !important;
	font-size: 12px !important;
	height: 20px !important;
	line-height: 20px !important;
	min-height: 20px !important;
}

.login-panel #lstLanguage .z-combobox-input {
	padding: 0 4px !important;
}

.login-panel #lstLanguage .z-combobox-button {
	padding: 0 !important;
	width: 20px !important;
}

/* ============================================================================
   13. Field groups en ventanas Eureka
   ============================================================================ */

/* Field groups in AD windows: hide only the artificial spacer row from the ZK5 layout. */
.adtab-form-grid tr.adtab-fieldgroup-spacer {
	display: none !important;
}

.adtab-form-grid tr.adtab-fieldgroup td.z-group-inner {
	background: #ffffff !important;
	background-image: none !important;
	border-top: 1px solid #b8c1ca !important;
}

.adtab-form-grid tr.adtab-fieldgroup-toggle td,
.adtab-form-grid tr.adtab-fieldgroup-toggle td.z-row-inner {
	background: #ffffff !important;
	background-image: none !important;
	border-top: 1px solid #b8c1ca !important;
}

.adtab-form-grid tr.adtab-fieldgroup .z-group-content,
.adtab-form-grid tr.adtab-fieldgroup .z-group-cnt {
	color: #1f2f3d !important;
	cursor: pointer !important;
	font-weight: 700 !important;
}

.adtab-form-grid tr.adtab-fieldgroup-toggle .adtab-fieldgroup-title {
	align-items: center !important;
	color: #1f2f3d !important;
	cursor: pointer !important;
	display: flex !important;
	font-weight: 700 !important;
	gap: 7px !important;
	line-height: 18px !important;
}

.adtab-form-grid tr.adtab-fieldgroup-toggle .adtab-fieldgroup-caret {
	color: #0076c9 !important;
	display: inline-block !important;
	font-size: 20px !important;
	line-height: 10px !important;
	text-align: center !important;
	width: 10px !important;
}

.adtab-form-grid tr.adtab-fieldgroup-toggle .adtab-fieldgroup-text {
	font-weight: 700 !important;
}

.adtab-form-grid tr.adtab-fieldgroup .z-group-icon,
.adtab-form-grid tr.adtab-fieldgroup .z-group-img {
	background-image: url("../theme/default/images/zul/common/toggle.png") !important;
	background-repeat: no-repeat !important;
	display: inline-block !important;
	height: 8px !important;
	margin: 0 7px 0 2px !important;
	opacity: 1 !important;
	vertical-align: middle !important;
	width: 8px !important;
}

.adtab-form-grid tr.adtab-fieldgroup .z-group-img-open {
	background-position: 0 -8px !important;
}

.adtab-form-grid tr.adtab-fieldgroup .z-group-img-close {
	background-position: 0 0 !important;
}

/* ============================================================================
   14. Indicador de procesamiento
   ============================================================================ */

.z-loading {
	background: #fff !important;
	border: 1px solid var(--adempiere-loader-border) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18) !important;
	box-sizing: border-box !important;
	color: var(--adempiere-loader-text) !important;
	min-width: 116px !important;
	padding: 18px 20px !important;
	text-align: center !important;
}

.z-loading-indicator {
	background: transparent !important;
	border: 0 !important;
	box-sizing: border-box !important;
	color: var(--adempiere-loader-text) !important;
	display: block !important;
	font-family: "Segoe UI", Tahoma, Verdana, Arial, sans-serif !important;
	font-size: 13px !important;
	line-height: 18px !important;
	padding: 0 !important;
	text-align: center !important;
	white-space: nowrap !important;
}

.z-loading-icon,
.z-apply-loading-icon {
	animation: adempiere-zk10-spin 0.85s linear infinite !important;
	background: none !important;
	border: 5px solid #d7e2ea !important;
	border-radius: 50% !important;
	border-top-color: var(--adempiere-loader-accent) !important;
	box-sizing: border-box !important;
	display: block !important;
	font-size: 0 !important;
	height: 42px !important;
	line-height: 0 !important;
	margin: 0 auto 9px auto !important;
	padding: 0 !important;
	position: static !important;
	width: 42px !important;
}

.z-loading-icon::before,
.z-loading-icon::after,
.z-apply-loading-icon::before,
.z-apply-loading-icon::after {
	content: none !important;
	display: none !important;
}

@keyframes adempiere-zk10-spin {
	to {
		transform: rotate(360deg);
	}
}

/* ============================================================================
   Entrega Manual - grid nativo clásico
   ============================================================================ */

.allocation-form-layout {
	height: 100% !important;
	min-height: 0 !important;
	width: 100% !important;
}

.allocation-parameter-grid,
.allocation-footer-grid,
.allocation-parameter-grid .z-grid-body,
.allocation-footer-grid .z-grid-body {
	height: auto !important;
	overflow: visible !important;
	width: 100% !important;
}

.allocation-parameter-grid .z-grid-body table,
.allocation-footer-grid .z-grid-body table {
	table-layout: auto !important;
	width: 100% !important;
}

.allocation-parameter-grid .z-row-inner,
.allocation-parameter-grid .z-row-content,
.allocation-footer-grid .z-row-inner,
.allocation-footer-grid .z-row-content {
	box-sizing: border-box !important;
	height: auto !important;
	min-height: 28px !important;
	overflow: visible !important;
	padding: 0 !important;
	vertical-align: middle !important;
}

.allocation-criteria {
	align-items: center !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px 18px !important;
	padding: 6px 8px !important;
	width: 100% !important;
}

.allocation-footer-criteria {
	padding-bottom: 4px !important;
	padding-top: 4px !important;
}

.allocation-criteria-field {
	align-items: center !important;
	box-sizing: border-box !important;
	column-gap: 6px !important;
	display: grid !important;
	flex: 1 1 280px !important;
	grid-template-columns: max-content minmax(120px, 1fr) !important;
	max-width: 400px !important;
	min-width: 220px !important;
}

.allocation-difference-field {
	grid-template-columns: max-content max-content minmax(120px, 1fr) !important;
}

.allocation-criteria-checkbox {
	align-items: center !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex: 0 1 220px !important;
	min-height: 26px !important;
	min-width: 180px !important;
}

.allocation-confirm-field {
	align-items: center !important;
	display: flex !important;
	flex: 0 0 auto !important;
	margin-left: auto !important;
	min-height: 28px !important;
}

.allocation-criteria-label,
.allocation-currency-label {
	line-height: 22px !important;
	white-space: nowrap !important;
}

.allocation-criteria-editor {
	box-sizing: border-box !important;
	min-width: 0 !important;
}

.allocation-criteria-editor.z-textbox,
.allocation-criteria-editor.z-bandbox,
.allocation-criteria-editor.z-combobox,
.allocation-criteria-editor .z-textbox,
.allocation-criteria-editor .z-bandbox,
.allocation-criteria-editor .z-combobox,
.allocation-criteria-editor .z-bandbox-input,
.allocation-criteria-editor .z-combobox-input {
	box-sizing: border-box !important;
	max-width: 400px !important;
	width: 100% !important;
}

.allocation-main-center,
.allocation-main-center .z-center-body,
.allocation-info-panel {
	box-sizing: border-box !important;
	height: 100% !important;
	min-height: 240px !important;
	overflow: hidden !important;
	width: 100% !important;
}

.allocation-detail-panel,
.allocation-detail-panel > .z-borderlayout {
	box-sizing: border-box !important;
	height: 100% !important;
	min-height: 120px !important;
	width: 100% !important;
}

.allocation-detail-panel .z-listbox {
	height: 100% !important;
	width: 100% !important;
}

@media (max-width: 720px) {
	.allocation-criteria {
		gap: 6px !important;
	}

	.allocation-criteria-field,
	.allocation-criteria-checkbox {
		flex-basis: 100% !important;
		max-width: 400px !important;
		min-width: 0 !important;
	}

	.allocation-confirm-field {
		margin-left: 0 !important;
	}
}

.inoutgen-native-grid,
.inoutgen-native-grid .z-grid-body {
	height: 100% !important;
	overflow: visible !important;
	width: 100% !important;
}

.inoutgen-native-grid .z-grid-body table {
	table-layout: auto !important;
	width: auto !important;
	min-width: 100% !important;
}

.inoutgen-native-grid .z-row-inner,
.inoutgen-native-grid .z-row-content {
	box-sizing: border-box !important;
	height: 26px !important;
	line-height: 22px !important;
	min-height: 26px !important;
	overflow: visible !important;
	padding-bottom: 1px !important;
	padding-top: 1px !important;
	vertical-align: middle !important;
	white-space: nowrap !important;
}

.inoutgen-native-grid .z-label {
	line-height: 22px !important;
	white-space: nowrap !important;
}

.inoutgen-native-grid .z-textbox,
.inoutgen-native-grid .z-combobox,
.inoutgen-native-grid .z-bandbox {
	vertical-align: middle !important;
}

/* ============================================================================
   StatusBar - mensajes de error visibles
   ============================================================================ */

.adwindow-status.message-error {
	height: 50px !important;
	min-height: 50px !important;
	overflow: visible !important;
}

.adwindow-status.message-error .statusbar-row {
	align-items: flex-start !important;
	height: 50px !important;
	min-height: 50px !important;
	overflow: visible !important;
	padding-top: 2px !important;
}

.adwindow-status.message-error .status-image {
	flex: 0 0 16px !important;
	margin-top: 2px !important;
}

.adwindow-status.message-error .status-left,
.adwindow-status.message-error .status-line-container {
	height: auto !important;
	min-height: 44px !important;
	overflow: visible !important;
}

.adwindow-status.message-error .status-line,
.adwindow-status.message-error .message-error-text {
	color: #b00000 !important;
	display: block !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 16px !important;
	max-height: 46px !important;
	overflow: visible !important;
	text-align: left !important;
	text-overflow: clip !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
}

.adwindow-status.message-error .status-detail,
.adwindow-status.message-error .status-detail-container {
	align-self: flex-start !important;
	padding-top: 0 !important;
}