.table-scroll {
    overflow: hidden;
    margin: 20px 0;
    border-radius: 7px;
    border: 1px solid #e1e4ea;
}
.tabla {
    width: 100%;
    padding: 0;
    border: 0;
    line-height: 1.1;
    color: #222;
    text-align: center;
    font-weight: 400;
    font-size: 11pt;
}
    .tabla td, .tabla th {
        padding: 8px 10px;
        text-align: left;
        vertical-align: middle;
    }
    .tabla th {
        background: #323232;
        color: #fff;
        font-size: 10pt;
    }

    .tabla tr {
        border-bottom: 1px solid #e1e4ea;
    }
    .tabla tr:last-child {
        border-bottom: none;
    }

    .tabla tr:nth-child(odd) {
        background-color: rgb(0 0 0/3%);
    }
    .tabla td:nth-child(4) {
        text-align: left
    }
    
.tabla-azul {
    background: #7fb4ce;
}
.tabla-verde {
    background: #78bbae;
}
.tabla-border-right-rojo {
    border-right: 2px dashed red !important; 
}