@charset "UTF-8";

/* FONT FACE */
@font-face { font-family:'Open Sans'; src:url('../fonts/open-sans-regular.eot'); src:url('../fonts/open-sans-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-regular.woff') format('woff'), url('../fonts/open-sans-regular.ttf') format('truetype'), url('../fonts/open-sans-regular.svg#open-sans') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'Open Sans SemiBold'; src:url('../fonts/open-sans-semibold.eot'); src:url('../fonts/open-sans-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-semibold.woff') format('woff'), url('../fonts/open-sans-semibold.ttf') format('truetype'), url('../fonts/open-sans-semibold.svg#open-sansSemiBold') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'Open Sans Bold'; src:url('../fonts/open-sans-bold.eot'); src:url('../fonts/open-sans-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-bold.woff') format('woff'), url('../fonts/open-sans-bold.ttf') format('truetype'), url('../fonts/open-sans-bold.svg#open-sansbold') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'DIN Bold'; src:url('../fonts/din-bold.eot'); src:url('../fonts/din-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/din-bold.woff') format('woff'), url('../fonts/din-bold.ttf') format('truetype'), url('../fonts/din-bold.svg#dinbold') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'DIN Alternate Light'; src:url('../fonts/din-alternate-light.eot'); src:url('../fonts/din-alternate-light.eot?#iefix') format('embedded-opentype'), url('../fonts/din-alternate-light.woff') format('woff'), url('../fonts/din-alternate-light.ttf') format('truetype'), url('../fonts/din-alternate-light.svg#din-alternate-light') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'DIN Alternate Medium'; src:url('../fonts/din-mediumalternate.eot'); src:url('../fonts/din-mediumalternate.eot?#iefix') format('embedded-opentype'), url('../fonts/din-mediumalternate.woff') format('woff'), url('../fonts/din-mediumalternate.ttf') format('truetype'), url('../fonts/din-mediumalternate.svg#din-mediumalternate') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'Open Sans Italic'; src:url('../fonts/open-sans-italic.eot'); src:url('../fonts/open-sans-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-italic.woff') format('woff'), url('../fonts/open-sans-italic.ttf') format('truetype'), url('../fonts/open-sans-italic.svg#open-sansitalic') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'Open Sans Bold Italic'; src:url('../fonts/open-sans-bolditalic.eot'); src:url('../fonts/open-sans-bolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-bolditalic.woff') format('woff'), url('../fonts/open-sans-bolditalic.ttf') format('truetype'), url('../fonts/open-sans-bolditalic.svg#open-sansBoldItalic') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'Open Sans SemiBold Italic'; src:url('../fonts/open-sans-semibolditalic.eot'); src:url('../fonts/open-sans-semibolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-semibolditalic.woff') format('woff'), url('../fonts/open-sans-semibolditalic.ttf') format('truetype'), url('../fonts/open-sans-semibolditalic.svg#open-sansSemiBoldItalic') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'Open Sans Light Italic'; src:url('../fonts/open-sans-lightitalic.eot'); src:url('../fonts/open-sans-lightitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-lightitalic.woff') format('woff'), url('../fonts/open-sans-lightitalic.ttf') format('truetype'), url('../fonts/open-sans-lightitalic.svg#open-sanslight-italic') format('svg'); font-weight:normal; font-style:normal }

body { line-height:1; background:#000 url('../images/fundo_mrio.jpg') no-repeat center center fixed; background-size:cover }

* { outline:none; font-family:'Open Sans', sans-serif; margin:0; padding:0 }
p { margin:0; padding:0 }
a { margin:0; padding:0; font-size:100%; text-decoration:none; vertical-align:baseline; background:transparent }
a:hover, a:active { outline:0 }
body.login { background:none; overflow:hidden }
input[type="text"]::-ms-clear { display:none }
body.login .fancybox-overlay { background:#FFF !important }
body.login .fancybox-lock .fancybox-overlay { overflow:hidden !important; overflow-y:hidden !important }

.conteudo { z-index:1; position:relative; height:100% }
img.logo { width:104px; margin:20px 0 0 20px }
section { margin:30px 0 30px 5px }

label { display:inline-block; vertical-align:top; width:14px; height:30px }
label img { width:14px; vertical-align:top; margin:10px 0 0 20px; filter:invert(29%) sepia(96%) saturate(583%) hue-rotate(178deg) brightness(87%) contrast(84%) }

input[type="text"], input[type="password"], input[type="tel"] { border:none; border-bottom:2px solid #D1D1D4; background:none; padding:10px; padding-left:28px; font:normal 14px 'Open Sans Bold', sans-serif; width:150px; transition:.2s; }
input[type="text"]:active, input[type="password"]:active, input[type="tel"]:active
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus
input[type="text"]:hover, input[type="password"]:hover, input[type="tel"]:hover { outline:none; border-bottom-color:#6A679E }
.mt70 { margin-top:70px }

.background { max-width:360px; max-height:600px; margin:0 auto; position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; background:url('../images/background-login.jpg') no-repeat bottom right; clip-path:inset(0 0 0 0) }
.background span { transform:rotate(45deg); position:absolute }
.background span.shape1 { height:560px; width:520px; background:#FFF; top:-63px; right:120px; border-radius:0 3px 0 0; border:14px solid #ECECEC }
.background span.shape2 { height:300px; width:300px; background:#1B437C; top:-50px; right:-50px }

input[type="button"], input[type="submit"] { border-radius:5px; margin:20px 0 0 20px; border:none; color:#FFF; cursor:pointer; text-transform:uppercase; background:#2d5e9a; height:36px; line-height:22px; font-size:14px; text-align:center; padding:0 15px }
input[type="button"]:hover, input[type="submit"]:hover { background:#E10025; transition:1s }
input[type="button"].esqueci_senha { border:none; text-decoration:none; color:#428BCA; font:normal 14px 'Open Sans SemiBold', sans-serif; cursor:pointer; padding:0; display:inline-block; margin:-15px 0 0 20px; text-transform:none; background:none }
input[type="button"].esqueci_senha:hover { color:#E10025; opacity:1 }

.erro p { font:normal 14px 'Open Sans SemiBold', sans-serif; color:#C9302C; margin:130px 0 0 20px }
.alert_message { text-align:center; padding:10px 20px; min-width:250px; max-width:500px }
.alert_message h1 { color:#252c33; margin-top:10px; text-transform:uppercase; font:26px/1 'Din Bold'; letter-spacing:-0.98px }
.alert_message p { font:normal 14px 'Open Sans', sans-serif; margin:20px 0; display:inline-block; line-height:18px }
.alert_message input[type="button"] { float:none; margin:10px; height:32px; padding:0 20px; min-width:70px }

.clear { clear:both; font-size:1px; height:1px; line-height:1px; display:block }

#pnlAlterarSenha { max-width:360px; margin:0 auto }
#pnlAlterarSenha p, #pnlAlterarSenha span { font:normal 13px 'Open Sans SemiBold', sans-serif }
#pnlAlterarSenha p { margin:30px 0 10px 25px }
#pnlAlterarSenha span { margin-left:30px; display:block; line-height:22px; vertical-align:top; transition:0.4s }
#pnlAlterarSenha span img { width:14px; margin:4px 7px 0 0; vertical-align:top; line-height:22px; transition:0.4s }
#pnlAlterarSenha span.ok { color:#009a2d }
#pnlAlterarSenha span.ok img { filter:invert(32%) sepia(94%) saturate(1303%) hue-rotate(117deg) brightness(93%) contrast(104%) }
#pnlAlterarSenha section { margin:20px 0 20px 5px }
#pnlAlterarSenha .background span.shape1 { height:820px; width:570px; top:-63px; right:120px }
#pnlAlterarSenha #btnCancelar { margin-left:5px }

.loading { position:fixed; z-index:99999; left:0; top:0; width:100%; height:100%; background:#FFF }
.loading .loader { font-size:10px; width:1em; height:1em; border-radius:50%; position:absolute; text-indent:-9999em; animation:mulShdSpin 1.1s infinite ease; transform:translateZ(0); left:calc(50% - 1em); top:calc(50% - 1em) }
@keyframes mulShdSpin {
    0%, 100% { box-shadow:0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.5), -1.8em -1.8em 0 0em rgba(0,0,0, 0.7); }
    12.5% { box-shadow:0em -2.6em 0em 0em rgba(0,0,0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.5); }
    25% { box-shadow:0em -2.6em 0em 0em rgba(0,0,0, 0.5), 1.8em -1.8em 0 0em rgba(0,0,0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2); }
    37.5% { box-shadow:0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.5), 2.5em 0em 0 0em rgba(0,0,0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2); }
    50% { box-shadow:0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2); }
    62.5% { box-shadow:0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.5), 0em 2.5em 0 0em rgba(0,0,0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2); }
    75% { box-shadow:0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.5), -1.8em 1.8em 0 0em rgba(0,0,0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0,0,0, 0.2); }
    87.5% { box-shadow:0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.5), -2.6em 0em 0 0em rgba(0,0,0, 0.7), -1.8em -1.8em 0 0em #000000; }
}

input:-webkit-autofill, input:-webkit-autofill:hover,
input:-webkit-autofill:focus { -webkit-text-fill-color:#000; -webkit-box-shadow:0 0 0px 1000px #FFF inset; transition:none }