/* botones de comando */
.dx-datagrid .dx-link {
    text-decoration: underline;
    cursor: pointer;
    color: #eb262c;
}

.card {
    border-radius: 0.6rem;
}

/* Textos de headers */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 600;
    line-height: 1.3;
    color: #eb263e;
}

/* Color de fondo del renglón intercalado en el grid */
dx-datagrid .dx-row-alt > td, .dx-datagrid .dx-row-alt > tr > td {
    background-color: #f5dddd!important;
}

/* Botón primario en login */
.btn-dark {
    color: #ffffff;
    background-color: #747577;
    border-color: #747577;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(46 54 80 / 8%);
}

/* Barra superior en versión móvil */
.navbar-theme-primary:not(.headroom) {
    background-color: #747577;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid #ddd;
    background: #eb262d1e;
    color: black;
}

/* Para el título de grids */
.grid-title {
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
    color: #1b2128 !important;
    font-weight: 600;
    /* font-size: larger; */
}
.grid-title .highlight{
    padding: 10px;
    color: #FF8400 !important;
    font-weight: 600;
    /* font-size: larger; */
}

.height-50 {
    height: 50px;
}

.padding-0 {
    padding: 0px;
}

.color-black {
    color: black;
}

.sidebar .nav {
    white-space: normal;
}

.login-error {
    color: white;
    background-color: #eb262c;
    font-weight: 700;
    margin-top: 10px;
    padding: 10px;
}

/* Para PivotGrid */
.dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
    text-align: center;
    border: 1px solid #ddd;
    color: black;
    font-weight: 600;
}

.dx-pivotgrid .dx-grandtotal {
    background-color: #f5f5f5;
    color: black!important;
    font-weight: 600;
}


#gridEmployeesContainer {
    height: 80vh;
}