html, body, .container, .form-horizontal {
    height: 100%;
}

body {
    background-color: #191919;
}

.form-horizontal {
    display: flex;
    justify-content: center;
    align-items: center;
}

.quadro {
    width: 500px;
    background: #fff;
    text-align: center;
    padding: 50px;
    border-radius: 3px;
    box-shadow: 0 12px 16px rgba(0,0,0,.26);
}

    .quadro img {
        margin-bottom: 35px;
    }

    .quadro label {
        display: block;
        text-align: left;
    }

    .quadro .btn-primary {
        background-color: #191919;
        border-color: #191919;
        padding: 15px 40px;
        text-transform: uppercase;
        color: #fff;
    }

    .quadro a {
        color: #191919;       
    }


    .modal_msg{
        align-items:center;background:rgba(0,0,0,0.7);display:flex;height:100%;justify-content:center;position:fixed;width:100%;
    }

    .modal_msg .container{
        background:#fff;border-radius:5px;height:auto;max-width:420px;overflow:hidden; padding:0; width:90%;
    }

    .modal_msg .topo{
        align-items:center;background:#007FF9;color:#fff;display:flex;justify-content:space-between; padding:15px 40px;
    }

    .modal_msg .topo h3{
        font-size:18px; margin:0;
    }
    
    .modal_msg .mensagem{
        overflow:hidden;padding:20px 40px;
    }

    .modal_msg .mensagem p,.modal_msg .mensagem ol,.modal_msg .mensagem ul{
        line-height:150%;margin:0 0 15px;
    }

    .modal_msg .mensagem .botao{
        background:#007FF9;border-radius:5px;color:#fff;float:right;font-size:13px;font-weight:500;height:37px;line-height:37px;padding:0 33px;text-decoration:none;
    }