.mainCaption { 
    display: flex; 
    background-color: #2196f3;
    color: black;
    font-size: 18px; 
    align-items:  center;
}

.mainCaption .z-caption-content { 
    flex-grow: 1; 
    text-align: center; 
    display: inline-block; 
    flex-grow: 1; 
    margin-right: 1px; 
}

 

/* ========================================================================== */
/* Tema visual eOne Admin                                                     */
/* ========================================================================== */

html,
body {
    height: 100%;
    margin: 0;
    background: #f4f7fb;
    color: #172033;
    font-family: "Segoe UI", Arial, sans-serif;
}

.z-label,
.z-radio-content,
.z-checkbox-content {
    color: #263247;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
}

/* Cabecera y navegación */
.index-header {
    min-height: 48px;
    padding: 7px 12px;
    border: 1px solid #dfe6ef;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(25, 45, 75, .06);
}

.index-title {
    color: #172033;
    font-size: 14px;
    letter-spacing: .1px;
}

.menuuser.z-menubar,
.menuuser .z-menubar {
    border: 0;
    background: transparent;
}

.menuuser .z-menu-content,
.menuuser .z-menuitem-content {
    min-height: 32px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #40516b;
    font-size: 13px;
    transition: background-color .15s ease, color .15s ease;
}

.menuuser .z-menu-content:hover,
.menuuser .z-menuitem-content:hover {
    border-color: #dbeafe;
    background: #eff6ff;
    color: #0b63ce;
}

.index-content {
    background: #f4f7fb;
}

.index-footer {
    min-height: 30px;
    border-top: 1px solid #dfe6ef;
    background: #ffffff;
}

/* Controles */
.z-textbox,
.z-decimalbox,
.z-intbox,
.z-longbox,
.z-doublebox,
.z-combobox-input,
.z-bandbox-input,
.z-datebox-input,
.z-timebox-input,
.z-spinner-input,
.z-doublespinner-input {
    box-sizing: border-box;
    min-height: 30px;
    padding: 6px 9px;
    border: 1px solid #cfd8e6;
    border-radius: 6px 0 0 6px;
    background: #ffffff;
    color: #172033;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    outline: none;
}

.z-textbox:focus,
.z-decimalbox:focus,
.z-intbox:focus,
.z-longbox:focus,
.z-doublebox:focus,
.z-combobox-input:focus,
.z-datebox-input:focus {
    border-color: #2684ff;
    box-shadow: 0 0 0 3px rgba(38, 132, 255, .14);
}

.z-combobox-button,
.z-datebox-button,
.z-bandbox-button {
    min-height: 30px;
    border: 1px solid #cfd8e6;
    border-left: 0;
    border-radius: 0 6px 6px 0;
    background: #f7f9fc;
    color: #40516b;
}

.field-readonly {
    background: #eef2f7 !important;
    color: #34445c !important;
}

.z-button,
.z-button:active,
.z-button:focus {
    min-height: 32px;
    padding: 6px 12px;
    border: 1px solid #1677df;
    border-radius: 7px;
    background: #1687e8;
    box-shadow: 0 2px 5px rgba(22, 119, 223, .18);
    color: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-shadow: none;
}

.z-button:hover {
    border-color: #0968c7;
    background: #0b72d1;
}

/* Barra de clientes */
.toolbar {
    margin: 8px 6px 6px;
    padding: 8px 10px;
    border: 1px solid #e0e7f0;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(25, 45, 75, .05);
}

.toolbar .z-textbox {
    min-height: 32px;
}

.badge {
    border: 1px solid transparent;
    box-shadow: none;
}

.badge-firma {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #c2410c;
}

.badge-eone {
    border-color: #a5f3fc;
    background: #ecfeff;
    color: #0e7490;
}

.client-list.z-listbox {
    margin: 0 6px 6px;
    border: 1px solid #dfe6ef;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(25, 45, 75, .05);
    overflow: hidden;
}

.client-list .z-listhead,
.client-list .z-listheader {
    border-color: #1976d2;
    background: #1976d2;
}

.client-list .z-listheader-content {
    padding-top: 9px;
    padding-bottom: 9px;
    background: #1976d2;
    color: #ffffff;
    font-weight: 600;
    text-align: left;
}

.client-list .z-listcell {
    border-color: #edf1f6;
    background: #ffffff;
}

.client-list .z-listcell-content {
    min-height: 35px;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #29364a;
    font-size: 12px;
}

.client-list .z-listitem:hover > .z-listcell,
.client-list .z-listitem:hover .z-listcell-content {
    background: #f2f7fd !important;
}

.client-list .z-listitem-selected > .z-listcell,
.client-list .z-listitem-selected .z-listcell-content {
    background: #e5f2fc !important;
}

.client-actions {
    gap: 4px;
}

.client-actions .z-button {
    min-width: 31px;
    min-height: 29px;
    padding: 4px 7px;
    border-color: #d7e5f6;
    background: #edf5ff;
    box-shadow: none;
    color: #1769aa;
}

.client-actions .z-button:hover {
    border-color: #9dc6ef;
    background: #dbeeff;
}

.client-actions .btn-action-big {
    border-color: #dc2626;
    background: #e53935;
    color: #ffffff;
}

.client-actions .btn-action-big:hover {
    background: #c62828;
}

/* Ventanas y formularios */
.z-window {
    border: 1px solid #d8e0eb;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(20, 36, 58, .22);
    overflow: hidden;
}

.z-window-header {
    min-height: 22px;
    padding: 10px 14px;
    border: 0;
    background: #176fc1;
    color: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.z-window-content {
    border: 0;
    background: #ffffff;
}

.z-window-icon {
    color: #ffffff;
}

.z-grid {
    border-color: #e2e8f0;
    background: #ffffff;
}

.z-row > .z-row-inner,
.z-row > .z-cell {
    padding: 5px 8px;
    border-color: #edf1f6;
    background: #ffffff;
}

.z-row:hover > .z-row-inner,
.z-row:hover > .z-cell {
    background: #f8fafc;
}

/* Paginación */
.z-paging {
    margin-right: 0;
    padding: 7px 12px;
    border-top: 1px solid #e3e9f1;
    background: #f8fafc;
}

.z-paging-button {
    border-radius: 5px;
    color: #3d4c63;
}

.z-paging-info,
.z-paging div.z-paging-info {
    right: 12px;
    color: #718096;
}

/* Login */
.login-window.z-window {
    max-width: calc(100vw - 32px);
    border: 0;
    border-radius: 20px;
    box-shadow: 0 28px 80px rgba(16, 43, 75, .22);
}

.login-window .z-window-content {
    padding: 0;
    border-radius: 20px;
    background: #ffffff;
    overflow: hidden;
}

.login-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 22px;
    background: linear-gradient(135deg, #075eae, #168eea);
}

.login-company {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.login-internal-badge {
    padding: 5px 9px;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 20px;
    background: rgba(255,255,255,.14);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

.login-content {
    padding: 30px 38px 26px;
}

.login-brand {
    display: block;
    margin-bottom: 25px;
    text-align: center;
}

.login-logo {
    display: block;
    width: 185px;
    height: auto;
    margin: 0 auto 18px;
}

.login-title {
    display: block;
    margin-bottom: 5px;
    color: #172033;
    font-size: 24px;
    font-weight: 700;
}

.login-subtitle {
    display: block;
    color: #718096;
    font-size: 13px;
    font-weight: 400;
}

.login-form {
    display: block;
    width: 100%;
}

.login-error {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 10px 12px;
    border: 1px solid #fecaca;
    border-radius: 9px;
    background: #fff1f2;
    color: #b42318;
    font-size: 12px;
    font-weight: 600;
}

.login-field { margin-bottom: 16px; }

.login-field-label {
    display: block;
    margin-bottom: 7px;
    color: #34455d;
    font-size: 12px;
    font-weight: 700;
}

.login-input-wrap {
    display: flex;
    align-items: center;
    border: 1px solid #cdd9e7;
    border-radius: 10px;
    background: #f8fbfe;
    transition: border-color .2s, box-shadow .2s;
}

.login-input-wrap:focus-within {
    border-color: #1687e8;
    box-shadow: 0 0 0 3px rgba(22,135,232,.13);
    background: #fff;
}

.login-field-icon {
    width: 42px;
    color: #6b829c;
    font-size: 14px;
    text-align: center;
}

.login-grid.z-grid {
    border: 0;
    background: transparent;
}

.login-grid .z-grid-header,
.login-grid .z-auxhead,
.login-grid .z-auxheader,
.login-grid .z-rows,
.login-grid .z-row,
.login-grid .z-row-inner,
.login-grid .z-cell {
    border: 0;
    background: transparent;
}

.login-grid .z-row-inner,
.login-grid .z-cell {
    padding: 6px 4px;
}

.login-field-row .z-label {
    color: #40516b;
    font-size: 12px;
    font-weight: 600;
}

.login-input.z-textbox {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px 10px 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.login-action-row .z-row-inner,
.login-action-row .z-cell {
    padding-top: 14px;
}

.login-submit {
    box-sizing: border-box;
    width: 100%;
    min-height: 45px;
    margin-top: 5px;
    border: 1px solid #126fc8;
    border-radius: 10px;
    background: linear-gradient(135deg, #0874d1, #168eea);
    box-shadow: 0 7px 18px rgba(22, 119, 223, .25);
    color: #ffffff;
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.login-submit:hover {
    background: linear-gradient(135deg, #075eae, #0c7bd8);
}

.login-security-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #e5edf5;
    color: #718096;
    font-size: 10px;
    text-align: center;
}

.login-support-row .z-row-inner,
.login-support-row .z-cell {
    padding-top: 16px;
}

.login-support {
    color: #718096;
    font-size: 12px;
    font-weight: 500;
}

@media (max-width: 700px) {
    .index-header {
        border-radius: 0;
    }

    .toolbar {
        margin-left: 4px;
        margin-right: 4px;
    }

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

    .login-content { padding: 25px 22px 22px; }

    .login-logo {
        width: 145px;
    }

    .login-title {
        font-size: 20px;
    }
}



/* Utilidades de presentación */
.text-center { text-align: center; }
.content-center { text-align: center; justify-content: center; }
.text-danger { color: red !important; }
.text-danger-strong { color: red; font-weight: bold; }
.text-success-strong { color: green; font-weight: bold; }
.text-secondary-strong { color: #555; font-weight: bold; }
.text-muted { color: #777; }
.text-md { font-size: 16px; }
.text-lg { font-size: 18px; }
.text-xl { font-size: 20px; }
.text-xxl { font-size: 22px; }
.action-icon-xl { font-size: 50px; }
.field-readonly { background-color: silver; font-weight: bold; }
.history-content { padding: 10px; }
.badge-purple {
    background: #f3e5f5;
    color: #6a1b9a;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
}

/* Estructura principal */
.index-main { min-width: 320px; }

.index-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    min-height: 42px;
    padding: 4px 8px;
    gap: 8px;
}

.index-title {
    min-width: 180px;
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
}

.index-nav {
    margin-left: auto;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.admin-sri-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0 12px;
}

.admin-sri-logo {
    width: 39px;
    height: 22px;
    object-fit: contain;
}

.admin-sri-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.admin-sri-badge .z-label {
    color: inherit !important;
}

.admin-sri-value {
    font-weight: 700 !important;
}

.admin-sri-dot {
    color: currentColor;
    font-size: 8px;
}

.admin-sri-up {
    color: #166534;
    background: #dcfce7;
    border-color: #86efac;
}

.admin-sri-down {
    color: #ffffff;
    background: #c62828;
    border-color: #b71c1c;
}

.admin-sri-degraded {
    color: #854d0e;
    background: #fef9c3;
    border-color: #fde047;
}

.admin-sri-error-monitor,
.admin-sri-monitoreo {
    color: #6b21a8;
    background: #f3e8ff;
    border-color: #d8b4fe;
}

.admin-sri-unknown {
    color: #475569;
    background: #e2e8f0;
    border-color: #cbd5e1;
}

.index-content {
    width: 100%;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
}

.index-page {
    width: 100%;
    min-width: 1180px;
}

.index-footer {
    box-sizing: border-box;
    width: 100%;
    padding: 3px 8px;
    text-align: center;
}

@media (max-width: 900px) {
    .index-header {
        display: block;
        min-height: 74px;
    }

    .index-title {
        width: 100%;
        min-width: 0;
        line-height: 30px;
        text-align: left;
    }

    .index-nav {
        width: 100%;
        margin-left: 0;
    }
}


/* Vista: home.zul */
.dashboard {
        box-sizing: border-box;
        width: 100%;
        padding: 16px;
        background: #f5f7fa;
        }

        .dashboard-title {
        display: block;
        margin: 0;
        color: #263238;
        font-size: 22px;
        font-weight: bold;
        }

        .dashboard-header {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        margin-bottom:14px;
        }

        .dashboard-year {
        display:flex;
        align-items:center;
        gap:6px;
        white-space:nowrap;
        }

        .dashboard-cards {
        display: grid;
        grid-template-columns: repeat(5, minmax(145px, 1fr));
        gap: 12px;
        width: 100%;
        }

        .dashboard-card {
        box-sizing: border-box;
        min-height: 105px;
        padding: 14px;
        border: 1px solid #dfe5eb;
        border-left: 5px solid #2196f3;
        border-radius: 6px;
        background: #ffffff;
        box-shadow: 0 2px 5px rgba(0,0,0,.08);
        }

        .card-green { border-left-color: #43a047; }
        .card-gray { border-left-color: #78909c; }
        .card-red { border-left-color: #e53935; }
        .card-orange { border-left-color: #fb8c00; }
        .card-purple { border-left-color: #8e24aa; }

        .dashboard-card-label {
        display: block;
        min-height: 36px;
        color: #607d8b;
        font-size: 13px;
        font-weight: bold;
        }

        .dashboard-card-value {
        display: block;
        margin-top: 5px;
        color: #263238;
        font-size: 30px;
        font-weight: bold;
        }

        .dashboard-chart {
        box-sizing: border-box;
        width: 100%;
        margin-top: 16px;
        padding: 12px;
        border: 1px solid #dfe5eb;
        border-radius: 6px;
        background: #ffffff;
        box-shadow: 0 2px 5px rgba(0,0,0,.08);
        }

        .dashboard-bottom {
        display: grid;
        grid-template-columns: minmax(0, 3fr) minmax(300px, 1fr);
        gap: 16px;
        }

        .dashboard-plan-title {
        display:block;
        margin-bottom:10px;
        font-size:16px;
        font-weight:bold;
        }

        @media (max-width: 1200px) {
        .dashboard-cards { grid-template-columns: repeat(3, minmax(145px, 1fr)); }
        .dashboard-bottom { grid-template-columns: 1fr; }
        }

        @media (max-width: 700px) {
        .dashboard { padding: 10px; }
        .dashboard-cards { grid-template-columns: repeat(2, minmax(135px, 1fr)); }
        }

/* Vista: pages/emisor_list.zul */
/* ===== FILAS POR PRIORIDAD ===== */
        .row-rojo {
        background-color: #ffe5e5 !important;
        }

        .row-naranja {
        background-color: #fff4e0 !important;
        }

        /* ===== TOOLBAR ===== */
        .toolbar {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px 10px;
        width: 100%;
        padding: 6px 10px;
        }

        .toolbar-search,
        .toolbar-filters,
        .toolbar-badges {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
        }

        .toolbar-filters {
        flex: 1 1 auto;
        }

        .toolbar-badges {
        margin-left: auto;
        }

        /* ===== BADGES ===== */
        .badge {
        padding: 4px 10px;
        border-radius: 14px;
        font-size: 12px;
        font-weight: 600;
        }

        .badge-firma {
        background: #ffe0b2;
        color: #bf360c;
        }

        .badge-eone {
        background: #b2ebf2;
        color: #004d40;
        }
        
        .badge-coop {
            color: green;
        }

        /* ===== BOTON ACCION ===== */
        .btn-action {
        background: #e53935;
        color: #fff;
        font-weight: 600;
        }

        /* ===== HOVER ===== */
        .z-listitem:hover {
        background: #f5faff !important;
        }
        
        .btn-action-big {
        background: #e53935;
        color: #fff;
        font-weight: bold;
        border-radius: 6px;
        }

        .client-list .z-listheader-content,
        .client-list .z-listcell-content {
        box-sizing: border-box;
        padding-left: 6px;
        padding-right: 6px;
        }

        .client-list .col-razon .z-listcell-content {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 500;
        }

        .client-actions {
        display: flex;
        align-items: center;
        gap: 2px;
        white-space: nowrap;
        }

        .client-actions .z-button {
        min-width: 30px;
        padding-left: 7px;
        padding-right: 7px;
        }

        @media (max-width: 1450px) {
        .toolbar-badges { width: 100%; justify-content: flex-end; }
        }

        @media (max-width: 1220px) {
        .toolbar-search, .toolbar-filters { flex: 1 1 100%; }
        .toolbar-badges { justify-content: flex-start; }
        }




/* Menu General */
body.breeze {
    padding: 0;
}


.font1 {
    font-weight: bold;
    font-size:   15px;
}




.header {
    background:  #2196f3;
    height: 70px;
    width:  100%;
}






.header-div {
    height: 32px;
    width:  100%;
    background: #2196f3;
    padding: 0px 0px; 
}

.header-logo {
    width: 10%;
    float:  left;
    position: relative;

}
.header-logo  img {
    width: 100%;
    height: 32px;
    background: none;
}


.header-menubar {
    width:  60%;
    float:  left;
    position: relative;
}

.header-user {
    width:  30%;
    float:  right;
}



.z-menubar {
    background: #2196f3;
    font-size:  15px;
}

.z-menupopup ul {
    
} 




#footer-pie {
    font-weight:  bold;
    font-family: Arial,Sans-serif;
    font-size: 14px;
    color: #bc3315;
    width: 100%;
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
}

.clearboth {
    clear: both;
}


.screenheaderlabel {
    font-size: 14px;
    font-weight: bolder;
    color: black;
}

.screenheaderlabel .z-radio-content {
    font-family: Verdana;
    font-size: 15px;
    font-weight: normal;
    color: brown;
}

.screentitle {
    font-size: 14px;
    font-weight: bolder;
    color: #0C6BA8;
}


.sectionpadding {
    padding-left: 20px;
}
.screenheader {
    float: left;
    padding-left: 20px;
}
.screensubheaderlabel {
    font-size: 12px;
    font-weight: bolder;
    color: #0C6BA8;
    padding-left: 20px;
}
.screensubheaderlabel2 {
    font-size: 12px;
    font-weight: bolder;
    color: #0C6BA8;
    padding-left: 20px;
    float: right;
}


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

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

.floatcenter {
    margin: 0 auto;
    width: 50%;
    margin: 0 auto;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.floatleftspacing {
    float: left;
    padding-left: 20px
}
.mylist.z-listbox {
    background-image: none;
}




.mylist .z-listitem.z-listitem-selected>.z-listcell {
    background: #FFE4C4;
}

/* odd Rows Color */
.mylist .z-listitem.z-listbox-odd {
    background-image: none;
    background-color: transparent;
}

/* When moving the mouse on the list */
.z-listitem:hover .z-listcell-content {
    background-image: none;
    background-color: #D9EFFA;
}

/* odd Rows Selected Color */
.mylist .z-listitem.z-listbox-odd.z-listitem-seld {
    background-image: none;
    background-color: red;
}

.mylist .z-listitem-seld {
    background-image: none;
    background-color: red;
}

/* Ascending sort order image*/
.mylist .z-icon-caret-up {
    background-image: none;
    background-image: url("../images/sort_up_16x16.gif");
    height: 20px;
    width: 28px;
    float: left;
    font-size: 0;
}

/* Descending sort order image*/
.mylist .z-icon-caret-down {
    background-image: none;
    background-image: url("../images/sort_down_16x16.gif");
    height: 20px;
    width: 28px;
    float: left;
    font-size: 0;
}




/* ----------------------------------------------------------------------------------------------- */
/* 	Start: Pagination 	@CHARSET "ISO-8859-1";																		   */
/* ----------------------------------------------------------------------------------------------- */
.z-paging-first {
    background: url(../images/first.gif) center no-repeat;
}

.z-paging-last {
    background: url(../images/last.gif) center no-repeat;
}

.z-paging-next {
    background: url(../images/next.gif) center no-repeat;
}

.z-paging-previous {
    background: url(../images/previous.gif) center no-repeat;
}

.z-paging .z-paging-icon {
    color: #2184BA;
    font-size: 0px;
}

.z-paging {
    background: none repeat scroll 0 0 transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 0 0 1px;
    display: block;
    padding: 6px 15px 6px 10px;
    position: relative;
    margin-right: 84px;
}

.z-paging-info,.z-paging div.z-paging-info {
    right: -70px;
}

.z-paging-button {
    border: none;
}


/* ----------------------------------------------------------------------------------------------- */
/* 	Start:  Loading Process */
/* ----------------------------------------------------------------------------------------------- */

.z-loading {
    background-color: red;
    border: 3px outset #A0A0A0;
    font-weight: bold;
    padding: 2px;
    font-size: 14px;
}

.z-loading-indicator {
    color: gray;
    border: none;
}

.z-loading-icon {
    background-image: url('../images/load1.gif');
    height: 25px;
    width: 25px;
}

/* Nuevos efectos */
.z-menu-content, .z-menuitem-content {
    color: #000000;
}

.z-menu-text, .z-menuitem-text {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    line-height: 16px;
    color: #000000;
    text-shadow: none ;
}



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

.z-label, .z-radio-content, .z-checkbox-content, .z-loading {
    font-size: 12px;
    font-weight: bold;
}

/* Header Column forecolor Color */
.mylist .z-listheader-content {
    color: black;
    background: #2196f3;  
}

.z-tab-text {
    color: #000000;
}
.z-tab-selected {
    backgroundx: #2196f3;
}
.z-tab {
    font-size: 14px;
}

.z-button,.z-button:active,.z-button:focus {
    /* Color del boton devecua  */
    background: #2196f3;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer;
    /* Color texto del boton devecua  */
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    /* -------------  */
    padding: 6px 5px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #795548;;
}

.z-button:hover {
    background: #0069c0;
}

.z-window-header {
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    color: #000000;
    background: #2196f3;
}
  

.z-listbox-header table th {
    text-align: center;
}

.z-auxheader-content {
    font-family: Arial,Sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    color: #000000;
    padding: 4px 5px 3px;
    overflow: hidden;
}

.login-btn {
    border-radius: 10px;
    font-size: 16px;
    width: 120px;
}

.login-btn2 {
    background: #2196f3;
    border-radius: 10px;
    font-size: 16px;
    
    width: 150px;
}

.graf-div {
    height: 100%;
    width:  100%;
}

.graf1-div {
    width: 50%;
    float:  left;
    position: relative;
}
.graf2-div {
    width: 50%;
    float:  right;
    position: relative;
}
.z-combobox-button {
    font-size: 14px;
    font-weight: bold;
    background: #2196f3;
}
.z-combobox-input, .z-bandbox-input, .z-datebox-input, .z-timebox-input, .z-spinner-input, .z-doublespinner-input {
    font-family: Arial,Sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: #000000;
    height: 24px;
    border: 1px solid #cfcfcf;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    margin: 0;
    padding: 4px 5px;
    line-height: 12px;
    background: #6ec6ff;
}

.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox {
    font-family: Arial,Sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: #000000;
    background: #b1cbd8;
}

.z-label, .z-radio-content, .z-checkbox-content, .z-loading {
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: #000000;
}

 

/* Gestión de novedades para eOne */
.admin-news-page { padding: 18px; background: #f4f7fb; box-sizing: border-box; }
.admin-news-header, .admin-news-toolbar, .admin-preview-heading-row, .admin-dialog-actions {
    display: flex; align-items: center; gap: 10px;
}
.admin-news-header { justify-content: space-between; margin-bottom: 14px; }
.admin-news-heading { display: block; font-size: 22px; font-weight: 700; color: #15263a; }
.admin-news-subheading { display: block; margin-top: 3px; color: #64748b; }
.admin-news-toolbar { padding: 12px; margin-bottom: 12px; background: #fff; border: 1px solid #dbe4ee; border-radius: 9px; }
.admin-news-search { width: 360px; }
.admin-news-total { margin-left: auto; color: #64748b; font-weight: 600; }
.admin-primary-button, .admin-secondary-button, .admin-grid-action { border-radius: 7px; }
.admin-news-list { min-height: 360px; border: 1px solid #dbe4ee; border-radius: 9px; background: #fff; overflow: hidden; }
.admin-news-list .z-listheader { background: #168eea; color: #fff; }
.admin-grid-action { min-width: 34px; }
.admin-grid-action-danger { color: #c62828; }
.admin-status-active, .admin-status-inactive { padding: 4px 9px; border-radius: 12px; font-weight: 600; }
.admin-status-active { color: #11783d; background: #dcfce7; }
.admin-status-inactive { color: #7b8794; background: #edf1f5; }
.admin-news-editor-window .z-window-content, .admin-news-preview-window .z-window-content { background: #f4f7fb; }
.admin-news-editor-layout { display: grid; grid-template-columns: minmax(390px, 1fr) minmax(390px, 1fr); gap: 16px; height: calc(100% - 58px); }
.admin-news-form-pane, .admin-news-preview-pane, .admin-news-preview-shell { background: #fff; border: 1px solid #dbe4ee; border-radius: 10px; padding: 16px; box-sizing: border-box; overflow: auto; }
.admin-section-title { display: block; font-size: 17px; font-weight: 700; color: #172b42; margin-bottom: 12px; }
.admin-form-grid { border: 0; }
.admin-html-label { display: block; font-weight: 600; margin: 14px 0 6px; }
.admin-html-editor, textarea.admin-html-editor {
    display: block; width: 100%; min-width: 100%; height: 260px;
    padding: 10px; resize: vertical; white-space: pre-wrap; overflow: auto;
    font-family: Consolas, "Courier New", monospace; font-weight: 400;
    line-height: 1.45; box-sizing: border-box; background: #fff;
}
.admin-field-help { display: block; color: #64748b; font-size: 12px; margin-top: 5px; }
.admin-preview-heading-row { justify-content: space-between; }
.admin-news-preview-card { min-height: 350px; padding: 28px; border: 1px solid #dde5ef; border-radius: 20px; background: #fff; box-sizing: border-box; }
.admin-news-preview-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.admin-news-preview-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 12px; font-size: 19px; }
.admin-news-type { padding: 6px 13px; border-radius: 16px; font-weight: 700; font-size: 12px; }
.admin-news-version { color: #94a3b8; font-weight: 600; font-size: 12px; }
.admin-news-preview-title { display: block; color: #10213a; font-size: 25px; font-weight: 750; margin-bottom: 8px; }
.admin-news-preview-subtitle { display: block; color: #60758f; font-weight: 600; margin-bottom: 22px; }
.admin-news-preview-media { display: block; width: 100%; margin: 0 auto 22px; }
.admin-news-media-image, .admin-news-media-video { display: block; width: auto; max-width: 100%; height: auto; margin: 0 auto; border-radius: 12px; object-fit: contain; }
.admin-news-media-video { width: 100%; background: #0f172a; }
.admin-news-preview-content { display: block; color: #1f3651; font-size: 14px; line-height: 1.65; }
.admin-news-preview-content ul { padding-left: 23px; }
.admin-news-blue .admin-news-preview-icon, .admin-news-blue .admin-news-type { color: #0875d1; background: #e3f2fd; }
.admin-news-purple .admin-news-preview-icon, .admin-news-purple .admin-news-type { color: #7e22ce; background: #f3e8ff; }
.admin-news-green .admin-news-preview-icon, .admin-news-green .admin-news-type { color: #16803d; background: #dcfce7; }
.admin-news-orange .admin-news-preview-icon, .admin-news-orange .admin-news-type { color: #c24f09; background: #ffedd5; }
.admin-news-red .admin-news-preview-icon, .admin-news-red .admin-news-type { color: #c62828; background: #fee2e2; }
.admin-dialog-actions { justify-content: flex-end; padding-top: 12px; }
@media (max-width: 1050px) {
    .admin-news-editor-layout { display: block; overflow: auto; }
    .admin-news-preview-pane { margin-top: 14px; }
    .admin-news-search { width: 100%; }
}

/* Vista previa de la tarjeta de renovación */
.renewal-preview-window .z-window-content { background: #eef4fa; }
.renewal-preview-shell { padding: 18px; }
.renewal-card-screen { overflow: hidden; border: 1px solid #d8e6f3; border-radius: 22px; background: #fff; box-shadow: 0 14px 38px rgba(16, 64, 120, .14); }
.renewal-card-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 30px; background: linear-gradient(135deg, #0b69c1, #168eea); }
.renewal-logo-box { width: 190px; padding: 8px 13px; box-sizing: border-box; border-radius: 12px; background: #fff; box-shadow: 0 6px 16px rgba(0,0,0,.12); }
.renewal-logo { display: block; width: 100%; height: auto; }
.renewal-header-message { min-width: 225px; padding: 10px 18px; border: 1px solid rgba(255,255,255,.22); border-radius: 14px; background: rgba(255,255,255,.13); text-align: center; }
.renewal-header-kicker { display: block; color: rgba(255,255,255,.78); font-size: 10px; font-weight: 600; letter-spacing: 2px; }
.renewal-confirmed { display: block; margin-top: 3px; color: #fff; font-size: 18px; font-weight: 700; letter-spacing: .6px; }
.renewal-card-body { padding: 28px 34px 27px; }
.renewal-status-row { display: flex; align-items: center; gap: 7px; margin-bottom: 9px; }
.renewal-status-icon { color: #16803d; font-size: 17px; }
.renewal-status { color: #16803d; font-size: 13px; font-weight: 700; letter-spacing: .5px; }
.renewal-title { display: block; margin-bottom: 6px; color: #10213a; font-size: 26px; font-weight: 700; }
.renewal-subtitle { display: block; margin-bottom: 22px; color: #5b708b; font-size: 14px; }
.renewal-data-box { overflow: hidden; border: 1px solid #d7e9f8; border-radius: 16px; background: #f4faff; }
.renewal-data-row { padding: 13px 20px; border-bottom: 1px solid #dcebf7; }
.renewal-data-row-last { border-bottom: 0; }
.renewal-data-label { display: block; color: #647a94; font-size: 10px; font-weight: 700; letter-spacing: .6px; }
.renewal-data-value { display: block; margin-top: 3px; color: #10213a; font-size: 15px; font-weight: 700; line-height: 20px; }
.renewal-data-pair { display: grid; grid-template-columns: 1.15fr 1fr 1fr; border-top: 1px solid #c9e1f3; background: #e7f4fe; }
.renewal-summary-item { padding: 14px 20px; }
.renewal-summary-item + .renewal-summary-item { border-left: 1px solid #c9e1f3; }
.renewal-data-big { margin-top: 5px; color: #0b69c1; font-size: 22px; }
.renewal-payment-row { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #c9e1f3; background: #f4faff; }
.renewal-payment-item { padding: 13px 20px; }
.renewal-payment-item + .renewal-payment-item { border-left: 1px solid #dcebf7; }
.renewal-note { display: block; margin-top: 20px; padding-top: 16px; border-top: 2px solid #168eea; color: #647a94; font-size: 12px; text-align: center; }
.renewal-preview-actions { display: flex; justify-content: flex-end; gap: 8px; padding-top: 15px; }
.renewal-preview-actions .admin-primary-button { color: #fff; background: #0d75d1; }