
/* ------------------------------------------------------------------------------------- */
/*----------- GRID VIEW ---------------------------------------------------------------- */

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle !important;
    border-top: 1px solid #ddd;
    position: relative;
}


/*------ CLASES ESPECIALES PARA LAS COLUMNAS -------------- */

.grid-view .columna-en-negrita{
    font-weight: 600 !important;
}

.grid-view .columna-en-negrita.big-letter{
    font-size: 16px;
}

.grid-view .columna-en-negrita.azul{
    font-weight: 600 !important;
    color: #1565c0 !important;
}

.grid-view .align-content-center{
    text-align: center;
    align-items: center !important;
}

.grid-view .align-content-top{
    vertical-align: top !important;
}

.grid-view .not-set{
    font-family: "Roboto Condensed", sans-serif;
    font-style: italic;
    font-weight: 400 !important;
}

.grid-view .grid-view a{
    color: #1565c0; /* azul oscuro*/
    text-decoration: none;
}

.grid-view .grid-view td{
  font-family: 'Roboto', sans-serif !important;
}

.grid-view .letra-grande{
    font-size: 18px;
}

/*------ COLUMNAS CON LONGITUD MÁXIMA ESPECÍFICA ---------------- */
.adjust-width-250{
    max-width: 250px !important;  
    
}

.adjust-width-250 p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
     line-clamp: 3; 
    -webkit-box-orient: vertical;
}


/*------ BOTONES -------- */

.boton-action-tabla{
    padding: 4px;
    height: 27px;
    text-align: center;
    font-size: 12px;
    margin-bottom: 5px;
    cursor: pointer;
    width: 90px;
    color: #1565c0 !important;
    font-weight: 500;
    margin-right: 10px;
    font-family: 'Roboto', sans-serif;
}

.boton-action-tabla:hover{
    color: #01527A;
    text-decoration: underline;
}

.boton-action-tabla a{
    color: #1565c0 !important;
}

.boton-action-tabla.fondo-azul {
    background-color: #1565c0 !important;
    color: white !important;
    font-size: 13px !important;
}

.boton-action-tabla.fondo-rojo {
    background-color: #b71c1c !important;
    color: white !important;
    font-size: 13px !important;
}

.boton-action-tabla.fondo-gris {
    background-color: #DBDBDB !important;
    color: #1565c0 !important;
    font-size: 13px !important;
}

.boton-action-tabla.grande{
    padding: 10px;
    height: auto;
}

.boton-action-tabla.grande i{
    font-size: 18px !important;
    margin-bottom: 5px;
}

.boton-action-tabla.grande img{
    margin-bottom: 5px;
}
