﻿
/*-----------Geral-----------*/

.body-content {
    min-height: 70vh;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-direction: column;
    background-color: #eeeef0;
}

.divContent {
    max-width: 500px;
    width: 90%;
    min-height: 450px;
    padding: 30px;
    margin: 40px auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    background-color: #FFFFFF;
    box-shadow: rgb(60 55 56 / 7%) 0px 0px 0px 1px, rgb(60 55 56 / 7%) 0px 0px 1px 0px, rgb(60 55 56 / 7%) 0px 2px 2px 0px;
    border-radius: 4px;
}

/*-----------Cabeçalho das Divs -----------*/

.divSenha-Header {
    padding: 0px 0 15px;
}

    .divSenha-Header h2 {
        padding: 0 0 15px;
        text-align: center;
    }

/*-----------Conteudo das Divs -----------*/

.divSenha-Content {
    flex: 1;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
}

    .divSenha-Content .divBlocoTextbox {
        margin-top: 20px;
        flex: 1;
    }

    .divSenha-Content .divButtons {
        margin-top: 30px;
        display: flex;
        text-align: center;
        flex-direction: column-reverse;
    }

        .divSenha-Content .divButtons .btn {
            width: 100%;
            height: 42px;
        }

            .divSenha-Content .divButtons .btn + .btn {
                margin-bottom: 12px;
            }

/*-----------Combo Texto + Textbox-----------*/

.divContentCampo + .divContentCampo {
    margin-top: 15px;
}

/*-----------Mobile-----------*/

@media screen and (max-width: 600px) {

    .divContent {
        padding: 30px 20px;
    }
}
