﻿/*estilos para tablas*/
/*tabla pura*/

.cHome {
    overflow-x: hidden;
    overflow-y: auto;
}

@media screen and (max-width: 1366px) {
    .tablaHome tbody {
        max-height: 52vh;
    }

    .cHome {
        max-height: 420px;
    }
}

@media screen and (min-width: 1367px) {
    .tablaHome tbody {
        max-height: 68vh;
    }

    .cHome {
        max-height: 720px;
    }
}
.seleccionado {
    background-color: #D5E2F3 !important;
}

.tabla {
    color: black;
    font-size: 9px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    border-collapse: collapse;
    background-color: inherit;
    border: none;
    margin: 0 auto; /* or margin: 0 auto 0 auto */
}

.theadBlock {
    display: block;
    padding: 0px;
    width: 100%;
}

.tabla thead, .tabla thead th {
    background-color: inherit;
}

    /*encabezado de tabla*/
    .tabla thead th {
        text-align: left;
        color: #338bbc;
        padding: 3px;
        text-transform: uppercase;
        border-bottom: solid 1.5px rgb(215,182,137);
    }

.tabla tbody {
    border-color: rgb(215,182,137);
    border-style: dotted;
    border-width: 0px;
}

.tbodyBlock {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
}

.tabla tfoot td {
    color: #161F49;
}

.tfootBlock {
    display: block;
    margin: 0px;
    padding: 0px;
}

/*filas impares*/
.tabla tbody tr:nth-child(even) {
    background-color: #f6f5f5;
}
/*filas pares*/
.tabla tbody tr:nth-child(odd) {
    background-color: white;
}
/*todas las celdas*/
.tabla td {
    border: none;
    padding: 3px;
    word-wrap: normal;
    word-break: break-all
}

.thRed th {
    border-bottom: solid 2px #842636 !important;
}
/*hover de las filas*/

.tabla tbody tr:hover {
    background-color: #edf9ff;
}

.text-right {
    text-align: right !important;
}
/*fin tabla pura*/

.tablaPop, .tablaHome {
    color: black;
    border-collapse: collapse;
    border: none;
    margin: 0 auto !important; /* or margin: 0 auto 0 auto */
}

    .tablaPop thead, .tablaHome thead {
        display: block;
        padding: 0px;
        width: 100% !important;
        border-bottom: solid 1.5px rgb(51, 122, 183);
        color: #126796 !important;
        margin: 0px;
        font-weight: bold;
    }

    .tablaPop th, .tablaHome th {
        border: none;
        height: 25px !important;
        background-color: #f8f8f8;
        font-size: 11px;
        text-transform: uppercase;
        padding: 3px !important;
    }

    .tablaHome th, .tablaHome thead {
        background-color: #fbf9f5;
    }

        .tablaHome th a li, .tablaPop th a li {
            color: #151e49 !important;
        }

    .tablaPop tbody, .tablaHome tbody {
        display: block;
        overflow-y: auto;
        overflow-x: hidden;
        /*background-color: #fbf9f5;*/
        border-color: rgb(215,182,137);
        border-style: dotted;
        border-width: 0px;
    }

    .tablaPop tfoot {
        display: block;
        margin: 0px;
        padding: 0px;
    }

        .tablaPop tfoot td {
            /*background-color:white;*/
            color: #161F49;
        }
