body { font-size: 13px; color: #555; }
* { margin: 0; }
.logo { margin: 20px auto 40px auto; text-align: center; }
body, input, a, h1 { font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; }
a { color: #4f74bf; }
a:hover { text-decoration: none; }
h1 { font-size: 18px; color: #676767; padding: 15px 20px; }

.content { max-width: 395px; margin: 0 auto; }
.decorated > span { position: relative; display: inline-block; }
.decorated { overflow: hidden; text-align: center; font-size: 16px; color: #767676; }
.decorated > span:before, .decorated > span:after { content: ''; position: absolute; top: 50%; border-bottom: 1px solid #d9d9d9; width: 591px; margin: 0 20px; }
.decorated > span:before { right: 100%; }
.decorated > span:after { left: 100%; }

.form { padding: 20px; margin: 10px; background-color: #fff; -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25); }
form input[type="text"] {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABgUlEQVR4Aa2RY7acQRCGgz+xPgefxvYd29LVXNQK4k3E9o5i7yCWljCp6tj88Zzzdlf101oyHo//if8neP7m+UckRV62Vd0aNQxjEhliDtMc1T7jxwKr3Rrx+XwQm4gxvD4v0NxvC0KR8Hwqk4JiqcigPBGfmPttQaFchGw+B4VigWC5XC4v/rbg4JGDc7RrJpdlUN5/+MDvn+D+0wehY6eOw3ByCFPTU3Duwll49OJx8JeCTZs2LRVFMeZw2FQc04IB0ke8mqFv40U++FOBoihpVVXBMI05/DZdlKWVyCrKpmmO8DtBkITYdwUcz23TdR1cLhfYnQ7YpqmACwGlLNscNnC4nKDqGnAcJ38jiMaiLVpIf0443UxEsOzxetg8ibC3+o3AH/TP0w5uj/unkNDt88x/IzAtJtmp4adQD11pw4YNy78Q3Lh7c+Hk2VOwY+9O6A56dEywOKwMyjRHteOnj8Ol65cAT/ClACfWIm4kg7SQWQQYlNkcq3mQDR+u8BYtVwzgcgbSoQAAAABJRU5ErkJggg==') /*/Content/Gerenciador/img/user.png*/ no-repeat 5px 10px;
}
form input[type="password"] {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAc0lEQVR4AZWNtQECQADEglRog2zAT0CFa4U7+y9CcLdLc/LCSUW6bKWru1GBDXPKMtcVznWcPkvyB5/X9W0OSrKlxllVU/L8/pYWWTKSpWk6/FNiol0xYigj3ZaJLQ3NM02ovRxqfvb3UH/3R2AqkyuHHHYrBCJWo0XyxQAAAABJRU5ErkJggg==') /*/Content/Gerenciador/img/lock.png*/ no-repeat 5px 12px;
}
#formulario-login-aluno-resp-prof #SenhaTopo {
    margin-top: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAc0lEQVR4AZWNtQECQADEglRog2zAT0CFa4U7+y9CcLdLc/LCSUW6bKWru1GBDXPKMtcVznWcPkvyB5/X9W0OSrKlxllVU/L8/pYWWTKSpWk6/FNiol0xYigj3ZaJLQ3NM02ovRxqfvb3UH/3R2AqkyuHHHYrBCJWo0XyxQAAAABJRU5ErkJggg==') /*/Content/Gerenciador/img/lock.png*/ no-repeat 5px 12px;
}
form input[type="text"], input[type="password"], input[type="submit"] { }
input[type="submit"] { -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); color: #fefefe; }
button[type="submit"] { -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); color: #fefefe; }
form input[type="text"], input[type="password"] { padding: 10px 0 10px 25px; border: 1px solid #E5E9EC; width: 92%; color: #838383; margin: 2px 0 0 0; font-size: 15px; }
form input[type="submit"] { padding: 10px 35px; font-size: 15px; }
form input[type="submit"]:hover { cursor: pointer; }
.btn { margin: 0; width: 100%; font-weight: bold; font-size: 16px !important; margin-top: 15px; }
#tac-checkbox, label, .forgotten-password-link { margin-top: 40px; }
.btn-default { background-color: #55859f; border: 1px solid #497289; }
.btn-default:hover { background-color: #649cba; }

.btn-default-portal { background-color: #428bca; border: 1px solid #3a7cb5; }
.btn-default-portal:hover { background-color: #4c9ce1; }

.error-box { display: none; }
.error { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #b94a48; background-color: #f2dede; padding: 8px 35px 8px 14px; margin-top: 15px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); border: 1px solid #eed3d7; }
.success { margin: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #3c763d; background-color: #e5f3df; padding: 8px 35px 8px 14px; margin-top: 15px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); border: 1px solid #d6e9c6; }

:focus { outline: 0; outline-color: transparent; outline-style: none; }

.field-validation-error { display: inline-block; top: 100%; left: 0; z-index: 2; position: relative; padding: 4px 2px; color: #f40e1a; font-size: 11px; line-height: 11px; text-align: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #f33 !important; background-color: #fee; }
.validation-summary-errors { font-weight: bold; color: #f00; }
.validation-summary-valid { display: none; }

.chk { margin: 0 0 0 0; vertical-align: top; cursor: pointer; }
.chk-usuario { margin-top: 15px; margin-bottom: 25px; }
label.css-label { margin-right: 35px; cursor: pointer; padding-left: 5px; }

.link-recommend-navegador { text-align: center; margin-top: 50px; font-weight: bold; color: #767676; }
.link-recommend-navegador a:hover { color: #428bca; text-decoration: underline; }

.link-reset-password { margin-top: 15px; }

#reset-password { max-width: 450px; min-width: 320px; margin: 0 auto; }
#reset-password input[type="text"] { background: none; padding-left: 15px; }

#reset-password .btn { margin: 0; }

.text-info span { margin-top: 15px; display: block; }

.help-block { font-size: 12px; margin-top: 5px; color: #888; display: none; }

:-moz-placeholder,
:-ms-input-placeholder,
::-webkit-input-placeholder { color: #a9a9a9; }
input:-moz-placeholder { color: #a9a9a9 !important; }
::-ms-clear { display: none; }
::-ms-reveal { display: none; }

.container-senha-login {
    position: relative;
    width: 100%;
    margin-top: 15px;
}

.olho-visibilidade-senha {
    position: absolute;
    top: 35px;
    right: 10px;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background-image: url('/Images/Site/olho_fechado.png'); /* Imagem do ícone de olho fechado */
    background-size: cover;
    cursor: pointer;
}

#boxAlert { display: none; }

.alert { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.alert, .alert h4 { color: #c09853 }
.alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255,255,255,.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }

.font-size-18x { font-size: 18px !important; }