@charset "UTF-8";

#gridContainer sup {
    font-size: 0.8em;
    vertical-align: super;
    line-height: 0;
}

/*.long-title h3 {*/
.kt-subheader__title {
    /*margin-bottom: 20px;*/
    margin: 0 !important;
    padding: 0 1rem 0 0 !important;
    font-family: var(--font-family-segoe) !important;
    /*font-weight: 200 !important;*/
    font-weight: bold !important;
    font-size: 20px !important;
    text-align: center !important;
    /*font-size: 1.2rem;*/
    /*color: #434349 !important;*/
    color: var(--blue-dark) !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.edu-TextDirection_vertical {
    writing-mode: vertical-lr;
    text-align: end;
    /*transform: rotate( 180deg);*/
}

.edu-TextDirection_vertical_inv {
    writing-mode: vertical-lr;
    text-align: start;
    transform: rotate( 180deg);
}

.edu-text-muted {
    color:#8fb3d0 !important;
    font-size: 0.8rem !important;
}

/* Reescribir estilo para modificar tamaño de fuente para dxDataGrid */
.dx-widget {
    /*font-size: 0.875rem!important;  /* 1rem */
}

/* Modo fullscreen para el grid */
.fullscreen-grid {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 1000;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    /*overflow: auto;*/
    width: 100% !important;
    height: 100% !important;
}

/* Ajuste para evitar scroll innecesario en pantalla completa */
.fullscreen-mode {
    overflow: hidden;
}

@media (max-width: 1300px) {
    .toolbar-buttons button i {
        display: none; /* Oculta los íconos */
    }

    .toolbar-buttons button {
        padding-left: 0.5rem; /* Ajusta el padding para compensar el espacio del ícono */
        padding-right: 0.5rem;
    }
}

.dx-datagrid-header-panel .dx-toolbar-items-container {
    height: 50px !important;
}

/* Reescribir estilo para modificar padding y alling de cada celda, manteniendo aling top en headers */
/*.dx-datagrid-content .dx-datagrid-table .dx-row > td,
.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle !important;
    padding: 3px 7px !important;
}*/
.dx-datagrid-content .dx-datagrid-table .dx-header-row:nth-of-type(-n+2) > td {
    /*vertical-align: middle !important;*/
    padding: 2px 7px !important;
}
/*.dx-datagrid-content .dx-datagrid-table .dx-row:nth-of-type(3) > td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}*/
/*.dx-datagrid-content .dx-datagrid-table .dx-row:nth-of-type(4) > td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}*/

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
    padding-bottom: 0px !important;
}

.dx-datagrid .dx-datagrid-headers .dx-header-filter, .dx-datagrid .dx-datagrid-headers .dx-header-row > td {
    vertical-align: top !important;
}
/* dxDataGrid. Tamaño columna multiselect record */
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
}

/* dxDataGrid. Reescribir estilo para modificar el aspecto de las celdas de cabeceras en dxDataGrid */
.colHeader[role="columnheader"] {
    font-weight: 600;
    background: #eef1ff;
    color: #7a7a7c;
}
/* dxDataGrid. Estilo propio para modificar el aspecto de las celdas con allowEditing = false */
.colLocked[role="gridcell"] {
    color: #bdbdbd;
    font-weight: 500;
    font-style: italic;
}
/* dxDataGrid. Tamaño de fuente para las columnas situadas en la zona "Group Panel" */
.dx-datagrid-group-panel {
    font-size: 0.875rem !important; /*14px;*/
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

/* Mobile. */
@media (max-width: 768px) {
    /* Imagen de Fondo para pantallas */ 
    .kt-container-bg-mobile {
        background-image: url('../../media/bg/bg-mobile-2.png');
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
    }
}
/* Tablet. */
@media (min-width: 769px) and (max-width: 1024px) {
    /*Imagen de Fondo para contenedor*/
    .kt-container-bg-tablet {
        background-image: url('../../media/bg/bg-mobile-1.png');
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
    }
}

/* Tablet-&-Mobile. */
@media (max-width: 1024px) {
  
}