.table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto;
    height: 100%;
}

    .table-scroll table {
        /*width: 100%;
        min-width: 1200px;*/
        /*margin: auto;*/
        border-collapse: separate;
        /*border-spacing: 3px;*/
    }

        .table-scroll table thead th {
            background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0000E9), color-stop(1, #009500) );
            background: -moz-linear-gradient( center top, #0000E9 5%, #009500 100% );
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000E9', endColorstr='#009500');
            background-color: #0000E9;
            color: #FFFFFF;
            border-left: 1px solid #FFFFFF;
            width: 100px;
            height: 30px;
            line-height: 15px;
            padding: 3px 10px;
            display: table-cell;
            vertical-align: inherit;
            font-weight: bold;
            text-align: -internal-center;
        }

            .table-scroll table thead th:first-child {
                border: none;
            }

        /*.table-scroll table tbody td {
            color: #0000E9;
            border-left: 1px solid #E1EEF4;
        }*/

        .table-scroll table tbody .alt td {
            background: #E1EEF4;
            color: #0000E9;
        }

        /*.table-scroll table tbody td:first-child {
            border-left: none;
        }*/

        /*.table-scroll table tbody tr:last-child td {
            border-bottom: none;
        }*/

.table-wrap {
    position: relative;
}

/*.table-scroll th,
.table-scroll td {*/
/*padding: 5px 10px;*/
/*border: 1px solid #000;*/
/*background: #fff;
    
}*/

.table-scroll thead th {
    color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

/*.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #666;
    color: #fff;
    z-index: 4;
}*/

th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
}

thead th:first-child,
tfoot th:first-child {
    z-index: 5;
}

.th_NombreParametro {
    border: solid 2px #009500;
    background-color: #009500;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    width: 100px;
    font-size: 11px;
    font-weight: bold;
}

.div_NombreParametro1 {
    display: table;
    height: 20px;
    width: 130px;
    margin: auto;
}

.div_NombreParametro2 {
    display: table-cell;
    vertical-align: middle;
    height: 30px;
    width: 100px;
    margin: auto;
    font-size:11px;
}

.td_ValorFrecuencia_Par {
    border: solid 2px #E1EEF4;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    width: 100px;
    margin: auto;
    font-size: 11px;
    font-weight: normal;
}

.td_ValorFrecuencia_ParB {
    border: solid 2px #E1EEF4;
    border-radius: 10px;
    text-align: center;
    background-color: #fff;
    width: 100px;
    margin: auto;
    font-size: 11px;
    font-weight: normal;
}

.td_ValorFrecuencia_Impar {
    border: solid 2px #E1EEF4;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    background-color: #E1EEF4;
    width: 100px;
    margin: auto;
    font-size: 11px;
    font-weight: normal;
}

.td_ValorFrecuencia_ImparB {
    border: solid 2px #E1EEF4;
    border-radius: 10px;
    text-align: center;
    background-color: #E1EEF4;
    width: 100px;
    margin: auto;
    font-size: 11px;
    font-weight: normal;
}

.td_ValorFrecuencia_Amarillo {
    border: solid 2px #E1EEF4;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    background-color: #FFE97F;
    width: 100px;
    margin: auto;
    font-size: 11px;
    font-weight: normal;
}

.td_ValorFrecuencia_AmarilloB {
    border: solid 2px #E1EEF4;
    border-radius: 10px;
    text-align: center;
    background-color: #FFE97F;
    width: 100px;
    margin: auto;
    font-size: 11px;
    font-weight: normal;
}

.td_ValorFrecuencia_Rojo {
    border: solid 2px #E1EEF4;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    background-color: #FF5E5E;
    width: 100px;
    margin: auto;
    font-size: 11px;
    font-weight: normal;
}

.td_ValorFrecuencia_RojoB {
    border: solid 2px #E1EEF4;
    border-radius: 10px;
    text-align: center;
    background-color: #FF5E5E;
    width: 100px;
    margin: auto;
    font-size: 11px;
    font-weight: normal;
}

.td_ValorFrecuencia_Neutro {
    border: solid 2px #E1EEF4;
    border-radius: 10px;
    text-align: center;
    background-color: #fff;
    width: 100px;
    margin: auto;
    font-size: 11px;
    font-weight: normal;
}

.LetraBlanca{
    color: #fff !important;
}

.div_ValorFrecuencia1 {
    display: table;
    height: 30px;
    width: 100px;
    margin: auto;
}

.div_ValorFrecuencia2 {
    display: table-cell;
    vertical-align: middle;
    height: 20px;
    color: #1E4EFA;
    width: 100px;
    margin: auto;
    font-size: 12px;
    font-weight: bold;
}

.FiltrosTdMatrizOver {
    border: 2px solid #7FFFC5;
    background-color: #7FFFC5;
}

.FiltrosTdMatrizOverAmarillo {
    border: 2px solid #E1EEF4;
    background-color: yellow;
}

.FiltrosTdMatrizOverRojo {
    border: 2px solid #E1EEF4;
    background-color: red;
}

/****************************************************************************************************************************************************/
/* Media Query **************************************************************************************************************************************/
/****************************************************************************************************************************************************/

@media only screen and (max-width: 600px) {
    .div_NombreParametro2 {
        font-size: 10px;
    }

    .th_NombreParametro {
        width: 60px;
    }

    .td_ValorFrecuencia_Par {
        width: 60px;
    }

    .td_ValorFrecuencia_ParB {
        width: 60px;
    }

    .td_ValorFrecuencia_Impar {
        width: 60px;
    }

    .td_ValorFrecuencia_ImparB {
        width: 60px;
    }

    .td_ValorFrecuencia_Amarillo {
        width: 60px;
    }

    .td_ValorFrecuencia_AmarilloB {
        width: 60px;
    }

    .td_ValorFrecuencia_Rojo {
        width: 60px;
    }

    .td_ValorFrecuencia_RojoB {
        width: 60px;
    }

    .td_ValorFrecuencia_Neutro {
        width: 60px;
    }

    .table-scroll table thead th {
        width: 60px !important;
    }

    .tablaMobile{
        width:100% !important;
    }
}