.ventana-titulo .z-window-header {
    padding-left: 20px !important;
}

.logo-cpbox {
    max-width: 110px;
    height: auto;
    object-fit: contain; /* o 'cover' si quieres llenar el contenedor */
    display: block;
}

.topcontainer {
    width: 100%;
}

.topleftdiv {
    float: left;
    width: 100px;
}

.toprightdiv {
    float: right;
    padding-top: 10px;
}

.toprightdiv1 {
    position: absolute;
    top: 28px;
    right: 100px;
}

.nombreSocio {
    margin-left: 4px;   /* Separación desde el borde izquierdo */
    display: block;     /* Asegura que ocupe todo el ancho disponible */
}

.nombreSocio separator {
    width: 100px;        /* o el ancho que desees */
    margin-left: 4px;    /* separación desde el borde izquierdo */
    margin-right: 0;
    display: block;
}

.nombreSociolabel {
    font-weight: bold;
     color: #A52A2A;
    padding-left: 2px;
}

.screenheader {
    float: left;
    padding-left: 2px;
}

.screenheaderlabel {
    font-size: 1.5em !important;
    font-weight: 600;
    color: #A52A2A;
    display: block;
    text-align: center;
    padding: 2px 0;
}

.screenheaderlabel.z-label {
    font-size: 14px !important;
    font-weight: 600;
    color: #A52A2A;
    text-align: center;
    display: block;
    padding: 2px 0;
}

.screenheaderlabel2,
.screenheaderlabel2.z-label {
    font-weight: 600;
    color: #A52A2A;
    text-align: center;
    display: block;
    padding: 2px 0;
}

/* tamaño específico */
.screenheaderlabel2 {
    font-size: 1.5em !important;
}

.screenheaderlabel2.z-label {
    font-size: 14px !important;
}


.screenheaderbuts {
    float: right;
    margin-top: 1px;
}

.screenheaderbuts.z-button {
    background-color: #0093F9 !important;
    padding: 2px 16px;
}

.z-button {
    background-color: #0093F9 !important;
    padding: 2px 16px;
}

.btn-small-icon img {
    width: 20px !important;
    height: 20px !important;
}

.btn-small-icon-list {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 auto !important; /* centrado horizontal */
    outline: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; /* para que tome la altura del listcell */
    cursor: pointer;
}

.btn-small-icon-list img {
    width: 18px !important;
    height: 18px !important;
}

.btn-small-icon:focus {
    background-color: #0093F9 !important;  /* color de fondo */
    color: white !important;              /* color del texto/icono */
    outline: none !important;             /* quita borde azul del navegador */
    border-radius: 4px;                   /* opcional */
}

.btn-small-icon:hover {
    background-color: #00aeef !important;
    cursor: pointer;
}


.btn-medio-icon-list {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 auto !important; /* centrado horizontal */
    outline: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; /* para que tome la altura del listcell */
    cursor: pointer;
}

.btn-medio-icon-list img {
    width: 45px !important;
    height: 20px !important;
}

.btn-medio-icon-list:focus {
    background-color: #0093F9 !important;  /* color de fondo */
    color: white !important;              /* color del texto/icono */
    outline: none !important;             /* quita borde azul del navegador */
    border-radius: 4px;                   /* opcional */
}

.btn-medio-icon-list:hover {
    background-color: #00aeef !important;
    cursor: pointer;
}



.btn-big-icon-list {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 auto !important; /* centrado horizontal */
    outline: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; /* para que tome la altura del listcell */
    cursor: pointer;
}

.btn-big-icon-list img {
    width: 332x !important;
    height: 32px !important;
}

.btn-big-icon-list:focus {
    background-color: #0093F9 !important;  /* color de fondo */
    color: white !important;              /* color del texto/icono */
    outline: none !important;             /* quita borde azul del navegador */
    border-radius: 4px;                   /* opcional */
}

.btn-big-icon-list:hover {
    background-color: #00aeef !important;
    cursor: pointer;
}



.clearboth {
    clear: both;
}


.sectionSeperator {
    margin-bottom: 5px;
    padding-bottom: 0.25em;
    margin-left: 2px;
    border-bottom: 4px solid;
}

.sectionpadding {
    padding-left: 20px;
}


/* ----------------------------------------------------------------------------------------------------------------------- */
/* Menu app
/* ----------------------------------------------------------------------------------------------------------------------- */
.z-menubar {
    border-bottom: none;
    border-top: none;
    padding: 1px;
}
/* Menu fondo de menuitem    */
.z-menu-content:hover,.z-menuitem-content:hover {

    background: none;
    background: none;
}

.z-menu-selected>.z-menu-content {
    border-color:  #8FBC8F;
    background:  #00aeef;
}

.z-menu-icon,.z-menu-icon:hover,.z-menu-icon:active {
    color: white;
}

.z-menu-icon {
    right: 0px;
}

.z-icon-caret-down {
    right: 0px;
    toprightdiv: 18px !important;
}



.z-menuitem-text {
    font-size: 12px !important;
    font-family: Verdana, sans-serif;
}

.z-tabpanel .z-menuitem-text {
    font-size: 12px !important;
}

.z-menu-text {
    font-size: 14px !important;
}

.z-tabs {
    min-height: 28px !important;
    padding: 0 !important;
}

.z-tabs-content {
    min-height: 28px !important;
    padding: 0 !important;
}

.maintab.z-tabpanels {
    font-size: 14px !important;
    height: 28px !important;
    padding: 0 !important;
}


.maintab.z-tabpanel {
    font-size: 14px !important;
    height: 28px !important;
    padding: 0 !important;
}

.maintab.z-tab {
    font-size: 14px !important;
}

.z-tab-text {
    font-size: 14px !important;
}

.z-tab-button {
    margin-left: 12px !important;
    display: flex;
    align-items: center;
}

.z-tab-icon {
    margin-left: 8px !important;
    font-size: 14px !important; /* o el tamaño que prefieras */
}


.maintabtext.z-tab {
    border-bottom: 1px solid #ccc !important; /* antes probablemente era 2px o más */
    border: none !important;
    box-shadow: none !important;
    height: 28px !important;
    line-height: 28px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.maintabtext .z-tab-text {
    font-size: 14px !important;
    line-height: 28px !important;
}

.z-tab {
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 10px !important;
}

.z-tab .z-tab-text {
    font-size: 12px !important;  /* o lo que necesites */
    line-height: 28px !important;
}

.maintabtext.z-tab-selected {
    background: #FFFAAA; /* azul muy suave */
    border: none !important;
}

.maintabtext.z-tab-selected .z-tab-text {
    background-color: #FFFAAA ;  /* seleccion de boton   #E6ECF0*/
    border-radius: 1px 1px 1px 1px;
    cursor: default;
    font-weight: bold;
}

.maintabtext.z-tab:hover {
    background-color: #e6f2ff; /* azul suave */
    cursor: pointer;
}


.z-tabpanel {
    padding: 0px 8px !important;
    margin: 0 !important;
    border: none !important;
    height: 100% !important;
}

.z-menuitem {
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 !important;
    line-height: 28px !important;
}

.z-menubar.z-menubar-horizontal {
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 !important;
    line-height: 28px !important;
}

.z-menu-content {
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 10px !important; /* ajusta si el texto queda muy pegado */
}

.z-menu {
    height: 28px !important;
}

.z-north-body {
    border: 1px solid #ccc !important; /* Cambia el grosor y color */
    padding: 0 !important;             /* Elimina relleno si no es necesario */
    line-height: normal !important;    /* Evita alturas innecesarias */
}

.z-north-body {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.z-menu-content,
.z-menuitem-content,
.z-menu-text {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 8px !important; /* ajusta si lo ves apretado */
}

.z-menuitem:hover,
.z-menu:hover {
    border: none !important;
    background-color: #f0f0f0 !important; /* efecto al pasar mouse */
    box-shadow: none !important;
}

/* Limpiar bordes y estilos de la barra de menú horizontal */
.z-menubar {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Limpiar ítems de menú (nivel 1 y anidados) */
.z-menu, .z-menuitem {
    margin: 0 !important;
    padding: 0 !important;
    height: 28px !important;
    line-height: 28px !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Limpiar aún más los contenidos internos */
.z-menu-content, .z-menuitem-content {
    padding: 0 10px !important;
    height: 28px !important;
    line-height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    border: none !important;
    background: transparent !important;
}

/* Efecto hover personalizado si deseas */
.z-menu:hover,
.z-menuitem:hover {
    background-color: #f4f4f4 !important;
    cursor: pointer;
}


/* Opcional: quitar bordes inferiores que a veces pone ZK */
.z-menubar .z-menu:after,
.z-menubar .z-menuitem:after {
    border: none !important;
}

.z-center-noborder,
.z-center-body {
    padding: 0 !important;
    margin-top: 0 !important;
}

.z-center-body {
    padding-top: 0 !important;
    background: transparent !important;
    border: none !important; /* Agrega borde en los 4 lados */
    box-sizing: border-box !important; /* Asegura que el borde no afecte el tamaño del layout */
    border-radius: 4px; /* Opcional: esquinas redondeadas */
}

.coop-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden; /* Opcional: útil si no quieres scroll */
}
Ï

.z-window,
.z-window-modal,
.z-window-content {
    box-sizing: border-box !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden;
}

.z-window-header{
    box-sizing: border-box !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    border: none !important;
    overflow: hidden;
}

.z-window-embedded {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 4px;
    height: 100% !important;
}

.z-borderlayout,
.z-center-body {
    overflow: hidden;
    height: 100% !important;
}

.z-south-body {
    min-height: 50px !important;
    background-color: #fdfdfd; /* opcional para pruebas */
}

.z-row-content,
.z-row-inner,
.z-column-content,
.z-group-content,
.z-groupfoot-content,
.z-footer-content,
.z-checkbox-content,
.z-spinner-content,
.z-radio-content,
.z-label {
    font-size: 12px !important;
}

.z-textbox,
.z-decimalbox,
.z-intbox,
.z-longbox,
.z-doublebox,
.z-spinner,
.z-combobox {
    font-size: 12px !important;
    height: 28px !important; /* opcional, para reducir la altura */
    line-height: 14px !important; /* opcional, para ajustar alineación vertical */
}

.z-checkbox input[type="checkbox"] {
    transform: scale(0.8);
}

.sectionpadding {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}

.z-panelchildren {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.z-listbox-header,
.z-listheader,
.z-listheader-content {
    min-height: 30px !important;
    line-height: 30px !important;
    padding: 0 8px !important; /* ajusta horizontalmente si se ve apretado */
}

.z-listheader-content {
    font-size: 12px !important;
    font-family: Verdana, sans-serif;
    font-weight: normal; /* o bold si prefieres */
    padding: 0 6px !important; /* ajusta si se ve apretado o muy suelto */
    height: 30px !important;
    line-height: 30px !important;
}

.z-listcell-content {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
}

.z-listitem {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
}


.cell-icon-center .z-listcell-content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}

.z-column,
.z-column-content {
    height: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
    padding: 0 8px !important;
}

.z-auxheader-content {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
}

.z-row,
.z-cell,
.z-cell-content {
    height: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
    padding: 0 8px !important;
}

.z-row-content,
.z-row-inner,
.z-cell,
.z-cell-content {
    height: 30px !important;         /* Controla el alto total */
    min-height: 30px !important;
    max-height: 30px !important;
    line-height: 30px !important;    /* Alinea el contenido verticalmente */
    padding: 0 6px !important;       /* Reduce el espacio interior */
    margin: 0 !important;            /* Elimina márgenes extra */
    font-size: 12px !important;      /* Uniformiza tamaño de fuente */
}

.z-grid-footer,
.z-footer,
.z-footer-content {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    line-height: 30px !important;
    padding: 0 8px !important; /* opcional: ajusta el espaciado horizontal */
}

.grid-container {
    display: grid;
    grid-template-rows: 50px 1fr;
    grid-template-columns: 1fr;
    height: 100% !important;
    gap: 5px;
}

.grid-container > div {
    border: 0.5px solid #7EC6FE;
    border-radius: 4px;
    padding: 0.5em;
    color: #149CFA;
    background: white;
}

.z-tabbox {
    height: 100% !important;
    overflow: hidden;
}

.z-tabpanels {
    flex: 1 1 auto !important;   /* Permite que crezca dentro del tabbox */
    overflow: hidden !important;
    height: calc(100% - 35px) !important;     /* Evita forzar 100% si el padre no lo tiene bien */
    min-height: 0 !important;    /* Muy importante para evitar que flex se rompa */
    padding: 0 !important;
    box-sizing: border-box;
}


.z-tabpanel {
    flex: 1 1 auto !important;
    overflow: hidden !important;
    min-height: 0 !important;
    max-height: 100% !important;
    box-sizing: border-box;
}


.z-textbox,
.z-decimalbox,
.z-intbox,
.z-longbox,
.z-doublebox,
.z-datebox,
.z-spinner,
.z-comboitem,
.z-combobox {
    font-size: 12px !important;
    height: 22px !important; /* opcional, para reducir la altura */
    line-height: 14px !important; /* opcional, para ajustar alineación vertical */
}

.z-combobox .z-combobox-input {
    font-size: 12px !important;
    height: 22px !important;        /* para hacerlo más compacto */
    line-height: 14px !important;
    padding: 2px 6px !important;    /* opcional: menos espacio interior */
}

.z-combobox-button {
    font-size: 12px !important;
    min-width: 22px !important;
    height: 20px !important;
    padding: 4px 6px !important;
}

.z-combobox {
    font-size: 12px !important;
    height: 22px !important;
}

.z-datebox .z-datebox-input {
    font-size: 12px !important;
    height: 22px !important;        /* para hacerlo más compacto */
    line-height: 14px !important;
    padding: 2px 6px !important;    /* opcional: menos espacio interior */
}

.z-datebox-button {
    font-size: 12px !important;
    min-width: 22px !important;
    height: 20px !important;
    padding: 4px 6px !important;
}

.z-datebox {
    font-size: 12px !important;
    height: 22px !important;
}

.z-spinner {
    font-size: 12px !important;
    height: 22px !important;
}

.z-spinner .z-spinner-input{
    font-size: 12px !important;
    height: 22px !important;        /* para hacerlo más compacto */
    line-height: 14px !important;
    padding: 2px 6px !important;    /* opcional: menos espacio interior */
}

.z-spinner-button {
    font-size: 12px !important;
    min-width: 22px !important;
    height: 30px !important;
    padding: 4px 6px !important;
}

.scroll-panel {
    overflow-y: auto !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
}

.clien-grid.z-grid {
    border: none;
    overflow: hidden;
    zoom: 1;
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
}


.modulo-separador .z-label {
    background-color: #b4ecf7 !important;
    color: #A52A2A !important;
    display: block;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
}

.separacion-north {
    margin-bottom: 10px !important;
}

.contenido-center {
    padding-top: 10px !important;
}


.z-notification-content {
    background-color: rgba(173, 216, 230, 0.6) !important; /* blanco con 40% opacidad */
    backdrop-filter: blur(2px); /* opcional: efecto de difuminado de fondo */
    -webkit-backdrop-filter: blur(2px); /* soporte para Safari */
    color: #0d47a1 !important;            /* texto azul oscuro */
    font-size: 12px !important;
    font-weight: 400;
    font-family: "Segoe UI", sans-serif;
    padding: 16px 15px !important;
    border-radius: 16px;
    min-width: 280px;
    max-width: 480px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
}

.z-notification-icon {
    display: none !important;
}

/* Cambiar fondo y texto del <listitem> completo */
.z-listitem.highlight-row {
    background-color: #FFFAAA !important;  /* Fondo celeste claro */
    color: #003366 !important;             /* Texto azul oscuro */
}

/* Aplicar a todas las celdas internas */
.z-listitem.highlight-row .z-listcell {
    background-color: #FFFAAA !important;
    color: #003366 !important;
}

/* Aplicar también a labels o contenido interno (opcional) */
.z-listitem.highlight-row .z-label {
    color: #003366 !important;
}

/* También afecta el botón si está dentro de la fila */
.z-listitem.highlight-row button {
    filter: brightness(1.2); /* O cambia el color directamente si usas botones personalizados */
}

.pdf-modal {
    background-color: #f9f9f9;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
}