.table-next>.thead-light-next>th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table-next>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    vertical-align: middle;
}

.table-next>thead-next>th {
    border-bottom-width: 2px;
    font-weight: 600;
}

.table-next td,
.table-next th,
tr {
    font-size: 14px;
    border-top-width: 0px;
    border-bottom: 1px solid;
    border-color: #ebedf2 !important;
    padding: 0 5px !important;
    /*ajusta el ancho entre las columnas de las tablas*/
    height: 20px;
    vertical-align: middle !important;
}

.table-next-sticky thead tr th {
    position: sticky !important;
    top: 0;
    z-index: 10;
}

.card-body-next {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.05rem 0.05rem !important;
}

pre .str,
code .str {
    color: #65B042;
}

/* string  - green */
pre .kwd,
code .kwd {
    color: #E28964;
}

/* keyword - dark pink */
pre .com,
code .com {
    color: #AEAEAE;
    font-style: italic;
}

/* comment - gray */
pre .typ,
code .typ {
    color: #89bdff;
}

/* type - light blue */
pre .lit,
code .lit {
    color: #3387CC;
}

/* literal - blue */
pre .pun,
code .pun {
    color: #fff;
}

/* punctuation - white */
pre .pln,
code .pln {
    color: #fff;
}

/* plaintext - white */
pre .tag,
code .tag {
    color: #89bdff;
}

/* html/xml tag    - light blue */
pre .atn,
code .atn {
    color: #bdb76b;
}

/* html/xml attribute name  - khaki */
pre .atv,
code .atv {
    color: #65B042;
}

/* html/xml attribute value - green */
pre .dec,
code .dec {
    color: #3387CC;
}

/* decimal - blue */

pre.prettyprint,
code.prettyprint {
    /* background-color: #000; */
    border-radius: 8px;
}

pre.prettyprint {
    width: 100%;
    /* margin: 1em auto; */
    /* padding: 1em; */
    white-space: pre-wrap;
}


/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
    margin-top: 0;
    margin-bottom: 0;
    color: #AEAEAE;
}

/* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
    list-style-type: none
}

/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {}

.pre-next {
    white-space: pre-line !important;
    ;
    display: block;
    overflow-x: auto;
    padding: 0.5em;
}

.pre-next>span {
    color: orangered !important;
}

.color-envairoment {
    color: orangered !important
}

.color-text-number {
    color: darkred !important
}

.color-text-string {
    color: #060 !important
}

@media print {

    pre .str,
    code .str {
        color: #060;
    }

    pre .kwd,
    code .kwd {
        color: #006;
        font-weight: bold;
    }

    pre .com,
    code .com {
        color: #600;
        font-style: italic;
    }

    pre .typ,
    code .typ {
        color: #404;
        font-weight: bold;
    }

    pre .lit,
    code .lit {
        color: #044;
    }

    pre .pun,
    code .pun {
        color: #440;
    }

    pre .pln,
    code .pln {
        color: #000;
    }

    pre .tag,
    code .tag {
        color: #006;
        font-weight: bold;
    }

    pre .atn,
    code .atn {
        color: #404;
    }

    pre .atv,
    code .atv {
        color: #060;
    }

    .pre-next {
        white-space: pre-line !important;
        ;
        display: block;
        overflow-x: auto;
        padding: 0.5em;
    }

    .pre-next>span {
        color: orangered !important;
    }

    .color-envairoment {
        color: orangered !important
    }

    .color-text-number {
        color: darkred !important
    }

    .color-text-string {
        color: #060 !important
    }
}