.loading {
    display: none;
    background-position: 50% 50%;
    position: fixed;
    z-index: 100000;
    background-image: url('/dist/img/peploading.gif');
    background-color: #DDF4FF;
    opacity: 0.6;
    filter: alpha(opacity=60);
    background-repeat: no-repeat;
}

.tramaBack {
    background-image: url('../dist/img/trama.png');
    height: 100%;
    background-position: left;
    background-repeat: no-repeat;
    background-size : cover;
}

.tramaBackMenu {
    /*background-image: url('../dist/img/trama2.png');*/
    height: 250px;
    background-position: right;
    background-repeat: no-repeat;
    position: relative;
}

.saltoAr {
    margin-top: 8px;
}

.saltoAb {
    margin-bottom: 8px;
}


/* Kendo Grid Icons */
.k-grid-kedit {
    background-color: #007bff !important;
    background-image: url('../dist/img/edit.png') !important;
    background-repeat: no-repeat;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
}

.k-grid-kcertificate {
    background-image: url('../dist/img/save2.png') !important;
    background-repeat: no-repeat;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
}

.k-grid-kadd {
    background-color: #3e8903 !important;
    background-image: url('../dist/img/add.png') !important;
    background-repeat: no-repeat;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    background-size: contain;
    background-position: center;
}

.k-grid-kdelete {
    background-color: #f80e06 !important;
    background-image: url('../dist/img/delete.png') !important;
    background-repeat: no-repeat;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
}

.k-grid-kcancel {
    background-color: #655b5a !important;
    background-image: url('../dist/img/cancel.png') !important;
    background-repeat: no-repeat;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
}

.k-grid td {
    padding-top: 0.2em !important;
    padding-right: 0.4em !important;
    padding-bottom: 0.2em !important;
    padding-left: 0.4em !important;
}
.k-grid-header th.k-header {
    font-weight: bold !important;

}

/* Kendo Grid: preferir comportamiento por defecto para mantener alineación header/body */

/* Styles for validation helpers*/
.field-validation-error, .validation-summary-errors {
    color: #ff0000;
}

    .validation-summary-errors ul {
        list-style: none;
    }

.field-validation-valid {
    display: none;
}

.input-validation-error {
    background-color: #ffeeee;
}

.editbtn, .delbtn, .editnst, .delnst {
    padding: .2em .3em;
}

/* grid btns */
.editbtn, .delbtn, .editnst, .delnst {
    padding: .2em .3em;
}

.ico-crud {
    background-image: url(editdel.png);
}

.ico-edit, .ico-del {
    display: block;
    overflow: hidden;
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
}

.ico-edit {
    background-position: 0 -1px;
}

.ico-del {
    background-position: -17px -1px;
}
/* grid btns */

/* form layout */
.efield {
    padding: 5px 0;
}

.elabel {
    text-align: right;
    width: 150px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    margin-top: 1px;
    padding-right: 3px;
}

    .elabel label {
        font-weight: 600;
    }

@media (max-width: 480px) {
    .elabel {
        text-align: left;
        display: block;
    }
}

.einput {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

    .einput .o-dd, .einput .awe-datepicker-field, .einput .awe-lookup-field, .einput, .einput .awe-multilookup-field, .einput .etxt {
        min-width: 15em;
    }

.awe-popup .einput .awe-multilookup-field .awe-display {
    max-height: 7.3em;
    overflow-y: auto;
}

/* misc */
.bar {
    padding: 5px 0;
}

.mbtn {
    padding: 0.4em 0.9em;
}


.avatar-image-container {
    overflow: hidden;
    width: 110px;
    height: 110px;
    max-height: 110px;
    border: 2px solid #00b1ad;
    border-radius: 110px;
}

.avatar-image-container img {
    width: 110px;
    height: 110px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0.15) !important;
}

.black-left-border {
    border-left: solid black 2px !important
}
/* Contenedor principal */
.preHerenciaMail-container {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}

/* Header */
.preHerenciaMail-header,
.preHerenciaMail-footer {
    background-color: #1D951B;
}

.preHerenciaMail-header {
    height: 4px;
}

.preHerenciaMail-footer {
    height: 2px;
}

/* Logo */
.preHerenciaMail-logo-container {
    text-align: center;
    margin: 20px 0;
}

.preHerenciaMail-logo {
    max-width: 150px;
}

/* Título */
.preHerenciaMail-title {
    color: #0056b3;
    font-size: 1.5em;
    margin-bottom: 10px;
}

/* Introducción */
.preHerenciaMail-intro {
    font-size: 1em;
    margin-bottom: 20px;
}

/* Cards */
.preHerenciaMail-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.preHerenciaMail-card-header {
    background-color: #f1f1f1;
    padding: 10px;
    font-weight: bold;
}

.preHerenciaMail-card-body {
    padding: 10px;
}

/* Listas */
.preHerenciaMail-list {
    list-style-type: disc;
    margin: 0 0 20px 20px;
}

.preHerenciaMail-subList {
    list-style-type: circle;
    margin: 5px 0 10px 20px;
}

.btn-redondeado-2026 {
    padding: 0.375rem 1rem; /* Aproximado a px-3 py-2 */
    border-radius: 50rem; /* rounded-pill */
    font-size: 1rem; /* Tamaño mediano similar a btn-md */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* Sombra ligera */
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.estado-badge {
    display: inline-block;
    min-width: 82px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    border-radius: 999px;
    padding: 4px 8px;
    text-transform: uppercase;
    line-height: 1.2;
}

.estado-badge--borrador {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffe69c;
}

.estado-badge--propuesto {
    background: #cfe2ff;
    color: #084298;
    border: 1px solid #9ec5fe;
}

.estado-badge--aprobado {
    background: #d1e7dd;
    color: #0f5132;
    border: 1px solid #a3cfbb;
}

.estado-badge--rechazado {
    background: #f8d7da;
    color: #842029;
    border: 1px solid #f1aeb5;
}

.estado-badge--archivado {
    background: #e9ecef;
    color: #495057;
    border: 1px solid #ced4da;
}