/*
.z-modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}*/

.item {
    margin: 5px;
}
.boton {
    padding: 3px 5px;
    font-size: 12px;
    margin: 8px;
    box-shadow: 1px 2px 4px #555;
    border-radius: 6px;
}

body{
    padding:0;
}
.z-window {
    padding:0;
}
.z-window-content {
    padding:0;
}
.z-combobox-readonly > input {
    background: #00000007;
}
.z-combobox-input {
    border: none;
    background: #00000007;
}
.z-combobox-readonly .z-combobox-button {
    background: transparent;
}
.z-combobox-button {
    border: none;
    background: transparent;
    height: auto;
}
.z-tabbox {
    border: none;
}
.z-tabpanel {
    border: none;
    padding:0;
}
.z-window-header {
    text-align:center;
    font-size: 18px;
    line-height: 40px;
    font-weight: 400;
    letter-spacing: 1px;
}

.icono .z-listcell-content{
    padding:4px 0;
}

.fa-solid{
    vertical-align:middle !important;
}
.sinBordes .z-column{
    border:none;
}
.sinBordes .z-listheader{
    border:none;
}

.linea {
    padding:10px;
}
.label{
    display:inline-block;
    width:60px;
    text-align:right;
}
.recuadro {
    box-shadow: 0px 1px 1px;
    border-radius: 2px 2px 10px 10px;
    display:inline-block;
    vertical-align: top;
    margin: 10px;
    width:365px;
    min-height:220px;
}
.tituloRecuadro {
    background: var(--bs-secondary);
    border-radius: 2px 2px 0 0;
    color:#fff;
}
.tituloRecuadro .z-label {
    line-height: 34px;
}
.filtro-usuario {
    vertical-align:middle;
    margin:5px;
}
.centrado .z-tabs-content {
    justify-content: center;
}
.botonCombo{
    line-height: 36px;
    margin-right: 5px;
}
.bandejas{
    border-radius: 4px 30px 0 0;
    border-top: 0.5px solid var(--bs-secondary);
    margin-right: 4px;
}
.bandejasExternas{
    border-radius: 4px 30px 0 0;
    border-top: 0.5px solid var(--bs-primary);
    margin-right: 4px;
    color: var(--bs-primary);
}
.z-checkbox-switch > .z-checkbox-mold {
  margin: 0 8px;
  zoom: 0.8;
}
.z-caption-content, .z-caption .z-label{
  line-height: 20px;
}
.z-bandbox-popup{
    max-width:500px;
}
.z-bandbox-popup .z-listbox{
    margin-top:8px;
}
.fondoSecundario .z-window-header {
    background: var(--bs-secondary);
    color:#fff;
}

.fondoSecundario .z-window-icon {
    color:#fff;
}

.z-messagebox-window{
    z-index:1900 !important;
}

/* Grilla de observaciones (runtime). Cuando el listbox tiene altura fija y el body
 * supera esa altura, ZK inyecta una celda sintetica al final del header (.z-listbox-bdfaker)
 * para alinear las columnas con el ancho de la barra de scroll. Esa celda no recibe el
 * estilo inline que aplicamos a los Listheader desde Java y queda con el fondo por defecto
 * del tema (que en este caso pinta verde/teal sobre la barra). La forzamos al mismo gris
 * claro de la cabecera para que se integre visualmente. */
html body .obs-runtime-grid .z-listbox-bdfaker,
html body .obs-runtime-grid .z-listbox-header .z-listbox-bdfaker {
    background: #f1f5f9 !important;
    border: 0 !important;
}

/* Clases globales usadas por componentes del runtime de procesos (ModeloBuild_distribucion).
 * Antes vivían sólo scoped en perfiles.zul / permisos.zul, por lo que en formularios de
 * proceso (Observaciones, etc.) los componentes quedaban sin estilo. */
html body .modern-input.z-textbox,
html body input.modern-input,
html body textarea.modern-input {
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    font-family: inherit;
    font-size: 13px;
    background: #fff;
    outline: none;
}
html body .modern-input.z-textbox:focus,
html body input.modern-input:focus,
html body textarea.modern-input:focus {
    border-color: var(--bs-primary, #00708a) !important;
    box-shadow: 0 0 0 2px rgba(0, 112, 138, 0.15) !important;
}

/* MARCADOR-OBS-BRAND-SPECIFICITY-2026 — si esto no aparece en devtools, el CSS no recargó */
/* Especificidad elevada con prefijo `html body` (mismo patrón que el bloque
   disabled de abajo): la marca solo gana sobre la regla del theme
   `html body .z-button {…!important}` si igualamos/superamos su especificidad.
   Sin esto, en contextos donde la regla del theme aplica (p.ej. el form de
   proceso embebido en el Portal Ciudadano) el botón quedaba sin estilo de marca.
   IMPORTANTE: estas reglas deben quedar ANTES del bloque disabled (línea ~207)
   para que un botón brand deshabilitado siga ganando el gris del disabled. */
html body .btn-brand-solid,
html body .z-button.btn-brand-solid {
    background-color: var(--bs-primary, #00708a) !important;
    border: 1px solid var(--bs-primary, #00708a) !important;
    color: #fff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
html body .btn-brand-solid:hover,
html body .z-button.btn-brand-solid:hover {
    opacity: 0.92;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;
}
html body .btn-brand-solid .z-button-icon,
html body .btn-brand-solid .z-button-content,
html body .z-button.btn-brand-solid .z-button-icon,
html body .z-button.btn-brand-solid .z-button-content {
    color: #fff !important;
}
/* Estado disabled — regla GENÉRICA para CUALQUIER botón ZK.
   En el theme global hay una regla `html body .z-button, html body .btn-primary`
   con !important que pinta TODOS los botones (incluso los disabled) con el
   color brand. Para anularla necesitamos mayor especificidad: prefijamos
   `html body` y matcheamos por [disabled] (el atributo HTML real) además de
   la clase ZK .z-button-disabled. */
/* MARCADOR-PAGOS-DISABLED-2026 — si esto no aparece en devtools, el CSS no recargó */
html body .z-button[disabled],
html body .z-button.z-button-disabled,
html body button.z-button[disabled],
html body button.z-button.z-button-disabled,
html body :is(.z-button, button.z-button)[disabled] {
    background-color: #cbd5e1 !important;
    background-image: none !important;
    border: 1px solid #94a3b8 !important;
    border-color: #94a3b8 !important;
    color: #64748b !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
    box-shadow: none !important;
}
html body .z-button[disabled]:hover,
html body .z-button.z-button-disabled:hover {
    opacity: 0.7 !important;
    box-shadow: none !important;
    background-color: #cbd5e1 !important;
    border-color: #94a3b8 !important;
    color: #64748b !important;
}
html body .z-button[disabled] .z-button-icon,
html body .z-button[disabled] .z-button-content,
html body .z-button.z-button-disabled .z-button-icon,
html body .z-button.z-button-disabled .z-button-content {
    color: #64748b !important;
}