@import url('blazing-berry.bs5_green.min.css');

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: #ffffff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* icono del menu */
.icon-logo-small {
    height: 36px;
}

/* Popup grande */
/*.custom-popup-large {
    width: 500px !important;
    max-width: 80% !important;
    min-width: 300px !important;
    height: auto !important;*/
    /*max-height: 90vh !important;
    overflow: auto !important;*/
/*}*/
.custom-popup-large {
    width: 95% !important; /* Casi todo el ancho de la pantalla */
    max-width: 1200px !important; /* Limita el ancho máximo para pantallas muy grandes */
    min-width: 500px !important; /* Evita que sea demasiado pequeño en pantallas chicas */
    height: auto !important;
    /* Si quieres scroll cuando el contenido es muy grande: */
    max-height: 90vh !important;
    overflow: auto !important;
}

/* Popup chico */
.custom-popup-small {
    width: 500px !important;
    max-width: 70% !important;
    min-width: 300px !important;
    height: auto !important;
}

/* Popup chiquito */
.custom-popup-tiny {
    width: 270px !important;
    max-width: 50% !important;
    min-width: 270px !important;
    height: auto !important;
}

.grid-container-small {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: auto;
    max-width: 100%;
}
/* Estilo del grid */
.grid-container {
    max-width: 100%;
    overflow-x: auto;
}

.dxbl-grid {
    height: 80vh;
}

.dxbl-grid-header {
    /*background-color: rgba(0, 0, 0, 0.5) !important;*/
    /* background-color: #8BC53F !important;*/
    color: #3E3E40 !important;
    font-weight: bold !important;
}

.dxbl-menu-item {
    align-items: center;
}

.dxbl-grid-search-box-container {
    width: 600px !important; /* Ancho más grande */
    max-width: 100%; /* Que no se rompa en pantallas chicas */
    margin-left: 10px; /* Separación opcional */
}

.dxbl-grid .dxbl-image:not(.dxbl-image-fill) {
    fill: gray !important;
}

.dxbl-image:not(.dxbl-image-fill) {
    fill: gray;
}

.dx-datagrid-total-summary .dx-datagrid-summary-item {
    text-align: right;
}

.dxbl-grid .dxbl-grid-footer-row .dxbl-grid-summary-item {
    text-align: right;
}

div[dxbl-grid-summary-item] {
    text-align: right;
}