/*Sobreposición de mensaje de error de datos obligatorios*/
.e-tooltip-wrap.e-griderror, .e-control.e-tooltip-wrap.e-popup.e-griderror {
    z-index: 1;
}

.e-grid .e-rowcell {
    font-size: 12px !important;
    line-height: 18px !important;
    padding: 2px 8px !important;
}

.e-grid .e-headercelldiv {
    font-size: 13px;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
}
/* GRID */
.grid-container {
    min-height: 250px; /* Altura mínima */
    height: auto; /* Permite que crezca dinámicamente */
    display: flex;
    flex-direction: column;
}

.custom-grid {
    flex: 1; /* Ocupa todo el espacio disponible del contenedor */
    width: 100%;
    overflow: visible; /* Sin scroll */
}

.btn {
    font-weight: 300 !important;
}

.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
    box-shadow: 0 0 0 1px #FAD03C inset;
}

.e-grid td.e-active {
    background: #FAD03C;
}

.e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
    background-color: #FAD03C;
}

.e-dropdownbase .e-list-item {
    font-size: 12px;
}

input.e-input, textarea.e-input, .e-input-group, .e-input-group.e-control-wrapper, .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled {
    font-size: 12px;
    font-weight: normal
}

.e-grid .e-row .e-input-group .e-input.e-field, .e-grid .e-row .e-input-focus .e-input.e-field {
    font-size: 12px;
}

.e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
    background-color: #FAD03C;
}

.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
    box-shadow: inset 2px 0 #FF24BD,inset 0 2px #FF24BD,inset -2px 0 #FF24BD,inset 0 -2px #FF24BD;
    color: #FF24BD
}

.e-calendar .e-btn.e-today.e-flat.e-primary, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
    background-color: #3CD8FA;
    border-color: #3CD8FA;
}

.e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title {
    font-size: 14px;
}

.e-calendar .e-content span.e-day, .e-bigger.e-small .e-calendar .e-content span.e-day {
    font-size: 12px;
}

.e-calendar .e-btn.e-today.e-flat.e-primary:hover, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:hover {
    background-color: #FF24BD;
    border-color: #FF24BD;
}


.authentication .desktop-logo,
.authentication .desktop-dark {
    height: 4rem;
    line-height: 4rem;
}

div:where(.swal2-container) div:where(.swal2-loader) {
    border-color: #3CD8FA rgba(0,0,0,0) #FF24BD rgba(0,0,0,0) !important
}

.buttons-menu-header {
    width: 15rem;
}

.nowrap {
    white-space: nowrap !important;
}


.serial-no-cell {
    background-color: #f5f5f5 !important;
    font-weight: bold !important;
    text-align: center !important;
    color: #333 !important;
}

#attachmentViewModal .modal-body {
    overflow: hidden;
}
/* evita scroll doble */
#attachmentViewModal .pdfviewer-wrapper {
    height: calc(100vh - 200px);
}

@media (max-width: 992px) {
    #attachmentViewModal .pdfviewer-wrapper {
        height: calc(100vh - 160px);
    }
}

/* NAVS MENUS*/
.nav {
    --bs-nav-link-padding-x: 0.5rem !important;
    --bs-nav-link-padding-y: 0.25rem !important;
}


/**KENDO*/
.k-grid td.k-state-selected, .k-grid th.k-state-selected, .k-grid tr.k-state-selected > td {
    color: #212529;
    background-color: #FAD03C;
}

.k-grid td, .k-grid th {
    padding: 1px 5px !important;
}
.k-grid {
    line-height: 2 !important;
    font-size: 0.74rem;
}
.k-grid-header {
    font-weight: 700;
}

/*COLORES*/
.text-profile {
    color: #6C63FF !important;
}
/* violeta - perfil */
.text-activity {
    color: #1E90FF !important;
}
/* azul - actividades */
.text-approval {
    color: #2ECC71 !important;
}
/* verde - aprobaciones */
.text-expense {
    color: #E67E22 !important;
}
/* naranja - gastos */
.text-accountability {
    color: #16A085 !important;
}
/* verde azulado - rendición */
.text-password {
    color: #F1C40F !important;
}
/* amarillo - contraseña */
.text-logout {
    color: #E74C3C !important;
}
/* rojo - salir */

.text-action {
    color: #F1C40F !important;
    pointer-events: none;
    filter: none !important;
    opacity: 1 !important;
    font-size: 0.9rem !important;
}
/* yellow brillante - acciones */

.custom-tooltip {
    --bs-tooltip-bg: rgb(var(--primary-rgb));
    --bs-tooltip-color: var(--custom-white);
}

/* Aplica a todas las Kendo Grid de la app */
.k-grid td,
.k-grid th {
    white-space: nowrap; /* No salta de línea */
    overflow: hidden; /* Oculta el texto que se pasa */
    text-overflow: ellipsis; /* Muestra "..." al final */
}



.k-grid .k-grid-content-locked .k-state-selected td {
    background-color: #FAD03C !important;
}

.btn-icon.btn-sm {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.7rem;
}

.btn.btn-sm {
    padding: 0.26rem 0.3rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
}