@media screen and (max-width: 992px) {
    .alert-system {top: 1vh;left: 1vw;width: 98vw;}
    #recuperar-senha{width: 100%;}
}
@media screen and (min-width: 993px) {
    body{background: #f1f1f1;}
    .alert-system {bottom: 30px;left: 15px;width: auto;min-width: 300px;max-width: 700px;}
    #recuperar-senha{margin: 30px auto!important;width: 33%;height: auto;border-radius: 5px;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.3);}
}
/*********************************
 ************ FONTES *************
 *********************************/
@font-face {
    font-family: 'OpenSans';
    src: url("/assets/fonts/OpenSans/OpenSans-Regular.ttf");
    font-size: 1em;
}
@font-face {
    font-family: 'OpenSansLight';
    src: url("/assets/fonts/OpenSans/OpenSans-Light.ttf");
    font-size: 1em;
}
@font-face {
    font-family: 'FontAwesome';
    src: url('/assets/lib/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('/assets/lib/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/assets/lib/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/assets/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/assets/lib/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/assets/lib/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/************** LOADER ***************/
#loader-container-pg{position: relative;top: 40%;left: -5px;margin: 0 auto;width: 30px;height: 30px;background: transparent;border-radius: 50%;padding: 6px;}
#loader-login {position: relative;display: none;top: 4px;margin-left: 10px;}
#loader-login .spinner {animation: rotator 1.4s linear infinite;}
#loader-login .path {stroke: #fff;stroke-dasharray: 187;stroke-dashoffset: 0;transform-origin: center;animation: dash 1.4s ease-in-out infinite;}
@keyframes rotator {0% { transform: rotate(0deg); }100% { transform: rotate(270deg); }}
@keyframes dash {0% { stroke-dashoffset: 187; }50% {stroke-dashoffset: 46.75;transform:rotate(135deg);}100% {stroke-dashoffset: 187;transform:rotate(450deg);}}
/****************************************
 **************** ALERTAS ***************
 ****************************************/
.alert-system {position: fixed;text-align: left;z-index: 1100;}
.alert-system .scrollbar-conteudo {background: rgba(0, 0, 0, .1);}
.alert-system .log-list-alert {height: 200px;font-family: OpenSansLight, sans-serif;font-size: 12px;color: #f1f1f1;list-style: none;margin: 5px 0 0 0;padding: 0;}
.alert-system .log-list-alert ul {list-style: none;margin: 0;padding: 0;}
.alert-system .log-list-alert li {padding: 5px;}
.alert-system .log-list-alert li span {font-family: OpenSans, sans-serif;font-size: 14px;color: #f1f1f1;font-weight: bold;}
.alert-system button.btn-danger {position: relative;display: inline;float: right;}
.alert button.close, .alert-system button.close {position: absolute;top: 20px;right: 13px;font-size: 1.5em;color: #fff;border: none;cursor: pointer;opacity: 1;}
.alert button.close:focus,
.alert-system button.close:focus {outline: 0;}
.alert-system strong {font-size: 14px}
.alert-success, .alert-danger, .alert-warning, .alert-info {position: relative;display: block;margin: 5px auto;padding: 20px 30px 20px 15px;font-family: OpenSans, serif;font-weight: bold;color: #fff;font-size: 12px;border: none;border-radius: 0;width: auto;max-width: 700px;box-shadow: 2px 2px 4px rgba(0, 0, 0, .3);}
.alert-success {background: #004D40;}
.alert-danger {background: #B71C1C;}
.alert-warning {background: #FFB300;color: #000!important;}
.alert-warning span {color: #000 !important;}
.alert-warning i {color: #000 !important;}
.alert-info {background: #0277BD;}
.alert-info i {color: #fff !important;}
.alert-info span {color: #fff !important;}
.alert-progress {background: #fff;}
.alert-progress i {color: #616161 !important;}
.alert-progress span {color: #616161 !important;}
.alert-system i {position: relative;display: inline-block;top: 1px;margin-right: 10px;font-size: 16px;}
.alert-system i.error-alert-i,
.alert-system i.success-alert-i {color: #fff;}
.alert-system p {font-size: .8em;font-family: OpenSans, sans-serif;text-align: justify;}
.alert-system .btn-more-details-error,
.alert-system .btn-remove-details-error{position: relative;display: inline-block;top: -3px;padding: 6px 0;background: transparent;color: #eee;}
.alert-system .btn-remove-details-error{display: none;}
.alert-system .btn-more-details-error:active,
.alert-system .btn-more-details-error:focus,
.alert-system .btn-remove-details-error:active,
.alert-system .btn-remove-details-error:focus{outline: none;}
.alert-system .btn-more-details-error i,
.alert-system .btn-remove-details-error i{font-size: 16px;margin-right: 0;}
.alert-system .alert.show-details .btn-more-details-error{display: none;}
.alert-system .alert.show-details .btn-remove-details-error{display: inline-block;}
.alert-system pre.pre-details-error{display: none;height: 250px;padding: 0;}
.alert-system pre.pre-details-error.show{display: block;}
.alert-system pre.pre-details-error .scrollbar-conteudo{overflow-x: auto;}
/************** CORPO ****************/
#recuperar-senha{position: relative;margin: 0 auto;padding: 25px 50px 90px;}
#recuperar-senha img#logo {position: relative;display: block;margin: 30px auto 50px auto;padding: 5px;width: 70%;height: auto;}
#recuperar-senha label {position: relative;display: block;font-family: OpenSans, sans-serif;font-size: .8em;}
#recuperar-senha input.input-recuperar-senha {position: relative;display: block;width: 100%;height: auto;padding: 2px 2px 0 2px;margin: 10px auto;font-size: 14px;border: none;border-bottom: 1px solid #DDDDDD;border-radius: 0;box-shadow: none;}
#recuperar-senha input.input-recuperar-senha:focus {border-bottom: 1px solid #616161;box-shadow: none;}
#recuperar-senha input.input-recuperar-senha:-webkit-autofill, #sec-login input.login:-webkit-autofill:focus, #sec-login input.login:-webkit-autofill:hover {-webkit-box-shadow: 0 0 0 1000px white inset;}
#recuperar-senha .btn-group{width: 100%;}
#recuperar-senha button.btn-enviar-email-confirmacao,
#recuperar-senha button.btn-enviar-codigo-confirmacao{position: relative;display: block;margin: 0 0 0 auto;color: #fff;background: #0272d2;transition: .3s;}
#recuperar-senha button.btn-enviar-email-confirmacao:hover,
#recuperar-senha button.btn-enviar-codigo-confirmacao:hover{background: #1565C0;}
#recuperar-senha button.btn-enviar-email-confirmacao:active,
#recuperar-senha button.btn-enviar-codigo-confirmacao:active{background: #0D47A1;}
#recuperar-senha button.btn-enviar-email-confirmacao:focus,
#recuperar-senha button.btn-enviar-codigo-confirmacao:focus{outline: none;}

#recuperar-senha .class-anchor {position: relative;display: block;top: -5px;margin: 0;color: #1a0dab;transition: .3s;font-size:  12px!important;text-decoration: none;font-weight: bold;font-family: OpenSans, sans-serif;}
#recuperar-senha .class-anchor:hover {color: #0000ff;}
#recuperar-senha .class-anchor:active {color: #000096;}
#recuperar-senha .class-anchor:focus {outline: none;}

#recuperar-senha #div-aviso label {font-size: 1.2em;}
#recuperar-senha #div-aviso small {position: relative;display: block;margin-bottom: 25px;font-size: .9em;}

#div-id-btn-enviar-codigo-confirmacao,
#div-id-input-codigo-confirmacao,
#div-id-input-nova-senha,
#div-id-input-nova-senha-confirmacao{display: none}