﻿
/*Tablas*/
.contenedorTabla {
    width: 100%;
    margin-top: 20px;
    background: #F2F2F2;
    padding: 10px 0;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 5px 10px 10px -11px #004868;
}

.contenedorDiv {
    width: 100%;
    margin-top: 20px;
    background: #F2F2F2;
    padding: 10px 0;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 5px 10px 10px -11px #0641B8;
}


.Divs {
    width: 50%;
    margin-top: 20px;
    background: #15284B;
    color: white;
    padding: 10px 0;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: .9;
}


.tabla {
    margin-top: 20px;
    width: 95%;
}


.cabeceraTabla {
    font-size: 16px;
    font-weight: bold;
    background-color: none;
    /*background-color: #141f3e;*/
    background-color: #0641B8;
    color: #FFF;
}

    .cabeceraTabla tr td {
        padding: 10px;
        text-align: center;
    }

.bodyTablas {
    font-size: 12px;
}

    .bodyTablas tr td {
        padding: 3px 0;
        text-align: center;
    }

.btnCrearPdf {
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #000;
    background-color: #0a385a;
    opacity: 0.7;
}

    .btnCrearPdf:hover {
        cursor: pointer;
        opacity: 1;
    }

    .btnCrearPdf svg {
        color: #FFF;
        font-size: 20px;
        opacity: 0.7;
    }


.punteroTabla:hover {
    cursor: pointer;
    background-color: #FFF;
    font-weight: bold;
    /*opacity: 0.5;*/
}

/*Tabla para mostrar contenedores por referencia*/

.trMenuDesplegableTabla {
    background: #f2f2f2;
}

.tablaMostrarDatos {
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    /*.tableContenedoresRefencias td:nth-child(2) {
        width: 150px;
        text-align: center;
    }*/

    .tablaMostrarDatos thead {
        font-size: 13px;
    }

        .tablaMostrarDatos thead tr {
            /*background: #15284b;*/
            background-color: #f2f2f2;
            color: #000;
            font-weight: bold;
        }

            .tablaMostrarDatos thead tr td {
                text-align: center;
                width: 100px;
            }

                .tablaMostrarDatos thead tr td:nth-child(1) {
                    text-align: center;
                    width: 10px;
                }

                .tablaMostrarDatos thead tr td:nth-child(6) {
                    text-align: center;
                    width: 110px;
                }

                .tablaMostrarDatos thead tr td:nth-child(7) {
                    text-align: center;
                    width: 180px;
                }

                .tablaMostrarDatos thead tr td:nth-child(8) {
                    text-align: center;
                    width: 150px;
                }

    .tablaMostrarDatos tbody {
        background: #f2f2f2;
        font-size: 12px;
    }

        .tablaMostrarDatos tbody tr td {
            text-align: center;
            padding-bottom: 3px;
        }

.tdMostrarContenedores:hover {
    cursor: pointer;
}


