.tablagen {

    display: table;

    width: 100%;

}



.fila {

    display: table-row;

}



.col {

    display: table-cell;

    padding: 10px;

    background: #ddd;

}



.popupFondo {

    font-family: 'Proxima Nova', 'Open Sans', helvetica, arial, sans-serif;

    display: none;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    position: fixed;

    z-index: 999;

    background-color: rgba(0,0,0,.6);

}



.popupHeader h2 {

    color: white;

}





.popupVentana {

    box-sizing: border-box;

    /*width: 80%;*/

    /*height: 80%;*/

    max-height: 80%; /*550px;*/

    top: 10%;

    position: relative;

    margin: 5vh auto;

    /*background-color: #dadfe4;*/

    max-width: 820px;

    -webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2);

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    overflow: auto;

    border-left: 1em #F9B233 solid;

    background: #d9dfe4;

    background-image: url('../../../assets/images/fondoPP.png');

    background-position: top right;

    background-repeat: no-repeat;

    background-size: 45%;

}



@media (max-width: 500px) {

    .popupVentana {

        margin: 15vh auto;

    }

    .popupCont input {

        width:8rem;

    }

}



    .popupHeader {

        box-sizing: border-box;

        height: 4rem;

        /*background-color: #0070ad*/ /*#00ad9d !important;*/

        /*padding: 10px;*/

        overflow: hidden;

        position: relative;

        text-align: center;

        max-width: 100%;

        display: block;

        clear: both;

        background-image: url('../../../assets/images/300-300x165.png');

        background-size: contain;

        background-repeat: no-repeat;

        margin-top: 1rem;

    }



    .popupCont form {

        padding: 40px 30px;

        text-align: center;

    }



    .popupCont input {

        border-radius: 3px !important;

        /*padding: 10px !important;*/

        background-color: #fff;

        color: rgba(0,0,0,0.5);

        border: none;

    }



    #buscaContrato {

        line-height: 40px;

        height: 40px;

    }



        #buscaContrato label, #buscaContrato input {

            float: left;

        }



    .popupCont input[type=button], .popupCont input[type=submit] {

        background-color: #0070ad /*#00ad9d*/ !important;

        color: #FFF;

        font-weight: 600;

        text-transform: uppercase;

        letter-spacing: 1px;

    }



    .triangle {

        fill: #0070ad /*#00ad9d*/;

    }



    .popupClose {

        background: white;

        width: 20px;

        height: 20px;

        border-radius: 25px;

        -webkit-border-radius: 25px;

        -moz-border-radius: 25px;

        position: absolute;

        cursor: pointer;

        top: 5px;

        right: 5px;

        border-width: 3px;

        border-style: solid;

        border-color: #0070ad;

        background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%, white 56%,transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%, white 56%,transparent 56%, transparent 100%);

        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);

        transition: all 0.3s ease;

    }