@charset "UTF-8";

@media screen and (max-width : 330px) {
    
    .modal-dialog {
        min-width: 300px !important;
    }
}

@media screen and (max-width : 380px) and (min-width : 340px) {

    .modal-dialog {
        min-width: 350px !important;
    }
}

#primeiroPasso {
    margin-left: 28%;
}

#ultimaEtapa {
    margin-left: 22%;
}

#primeiroPassoMessage {
    opacity: 0.7;
    font-size: 20px;
}

.preventLineBreak {
    white-space: nowrap;
}

.campoTextoForm {
    margin-bottom: 5px !important; 
}



.avancar {
    margin-right: 0px !important;
}

.modal-header .btn-close {
    margin-left: auto;
}

#bemVindo {
    margin-left: 31%;
}

#welcomeMessage {
    opacity: 0.7;
    text-align: center;
}

#email {
    white-space: nowrap;
}

.modal-header {
    justify-content: start;
}

#otherOptionDiv {
    display: flex;
    justify-content: center;
    margin-top: 3%;
}

#otherOption {
    opacity: 0.7;
}

#esqueceuSenha {
    display: flex;
}

#logar {
    background-color: #063970;
    border-color: #063970;
    font-weight: bold;
}

div.criar-conta-modalLogin {
    display: flex;
    justify-content: center;
}

#btn-criaConta {
    background-color: white;
    border-color: #063970;
    color: #063970;
    font-weight: bold;
    width: 100% !important;
}

div.entrar-com-linkedIn {
    margin-top: 3%;
}

#linkedIn {
    background-color: white;
    border-color: #063970;
    color: #063970;
    font-weight: bold;
    width: 100%;
}

.red {
    color: red;
}

.green {
    color: lightgreen;
}

.validacao {
    font-size: 12px !important;
}

.control-label {
    margin-right: 0px !important;
}

.campoObrigatorio {
    color: red;
}