﻿#simple_table_datagrid {
    font-family: arial, sans-serif;
    font-size: 13px;
    border-collapse: collapse;
    width: 100%;
    background-color: #ffffff;
    fill: white;
}

    #simple_table_datagrid th {
        text-align: left;
        font-weight: bold;
        color: white;
        font-size: 13px;
        padding: 4px;
        border: 1px solid #ffffff;
        background-color: aqua;
    }

    #simple_table_datagrid .link-style {
        font-family: arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: inherit; /* Mantiene el color del texto */
        text-decoration: none; /* Elimina el subrayado si no lo deseas */
    }

    #simple_table_datagrid .left-align {
        text-align: left;
    }

    #simple_table_datagrid .right-align {
        text-align: right;
    }

    #simple_table_datagrid .center-align {
        text-align: center;
    }

    #simple_table_datagrid td {
        font-weight: normal;
        border-width: 1px;
        font-size: 13px;
        border-color: #FCFCFC;
        border-style: solid;
        padding: 4px;
    }

    #simple_table_datagrid tr:nth-child(even) {
        /*                background-color: #fff5ec;*/
        /*background-color: #dededc;*/
        /*background-color: #f0f0f0;*/
        background-color: #ebebeb;
    }

    #simple_table_datagrid tr:hover {
        /*            background-color: #ffff99;
                 background-color: #0DD5CE;*/
        background-color: #ceffff;
    }

    #simple_table_datagrid tr > th {
        background: #004750;
        color: #ffffff;
    }

    #simple_table_datagrid th:hover {
        /*            background: #ffff99;*/
        background: #ceffff;
        color: black;
    }



#simple_table_datagrid1 {
    font-family: arial, sans-serif;
    font-size: 11px;
    border-collapse: collapse;
    width: 100%;
    background-color: #ffffff;
    color: black;
}

    #simple_table_datagrid1 tr > th {
        background: #78909C;
        text-align: center;
        color: #ffffff;
    }

    #simple_table_datagrid1 th {
        text-align: left;
        font-weight: bold;
        font-size: 15px;
        text-align: center;
        padding: 4px;
        border: 1px solid #ffffff;
    }



#simple_table_datagridc {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    background-color: #ffffff;
    color: black;
}

    #simple_table_datagridc tr > th {
        background: #78909C;
        text-align: center;
        color: #ffffff;
    }

    #simple_table_datagridc th {
        text-align: left;
        font-weight: bold;
        font-size: 13px;
        text-align: center;
        padding: 4px;
        border: 1px solid #ffffff;
    }

    #simple_table_datagridc td {
        font-size: 13px;
        padding: 4px;
        cursor: pointer;
    }

    #simple_table_datagridc .right-align {
        text-align: right;
    }

    #simple_table_datagridc .right-align-clickable {
        text-align: right;

    }




#simple_table_datagrid_oscuro {
    font-family: arial, sans-serif;
    font-size: 13px;
    border-collapse: collapse;
    width: 100%;
}
    #simple_table_datagrid_oscuro tr > th {
        text-align: left;
        font-weight: bold;
        color: white;
        font-size: 13px;
        padding: 4px;
        border: 1px solid #ffffff;
        background-color: aqua;
    }

    #simple_table_datagrid_oscuro td {
        font-weight: normal;
        border-width: 1px;
        font-size: 13px;
        border-color: #FCFCFC;
        border-style: solid;
        padding: 4px;
    }
    #simple_table_datagrid_oscuro .link-style {
        font-family: arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: inherit; /* Mantiene el color del texto */
        text-decoration: none; /* Elimina el subrayado si no lo deseas */
    }

    #simple_table_datagrid_oscuro .left-align {
        text-align: left;
    }

    #simple_table_datagrid_oscuro .right-align {
        text-align: right;
    }

    #simple_table_datagrid_oscuro .center-align {
        text-align: center;
    }

    #simple_table_datagrid_oscuro tr > th {
        background: #BBBDC0;
        color: black;
    }