@import "helpers";

body{
    background-color: $light;
}

#perfilMenu {
    background-color: $medium;
    margin-bottom: 20px;

    li {
        color: $textoDark;
        display: inline-block;
        font-family: $fontMedium;
        font-size: 16px;
        line-height: 40px;

        @media (max-width: 767px) {
            float: left;
            text-align: center;
            width: 50%;
        }

        a {
            @include transicao(0.3s);
            display: inline-block;
            line-height: 28px;
            padding: 0px 16px;
            width: 80%;
        }

        &:hover a, &.active {
            text-decoration: underline
        }
    }
}

#frmEmail, #frmSenha, #frmEmailConfirmacao {
    max-width: 370px;
}

.box {
    background-color: $medium;
    border: 1px solid $borders;
    margin: 20px 0px;
    padding: 20px;
    color: $textoDark;
}

.btnSalvar {
    @include transicao(0.3s);
    background-color: $highlight;
    border: none;
    color: $textoDark;
    font-family: $fontLight;
    font-size: 16px;
    font-weight: bold;
    height: 40px; 
    text-transform: uppercase;
    width: 145px;
    float:right;
    margin-bottom:30px;
    border: solid 1px $borders;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -webkit-box-shadow: 0px 10px 29px -17px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 29px -17px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 29px -17px rgba(0, 0, 0, 0.75);

    &:hover,&:focus {
        color: $textoDark;
        border-color: $success;
        background-color: $success;
    }
}

.msgOk {
    font-size: 14px;
    text-align: center;
    text-shadow: none;
}

.help-block{
    color: $textoMedium;
    font-size: 15px;
}