@media screen and (max-width: 992px) {
    .alert-system {top: 1vh;left: 1vw;width: 98vw;}
    #login{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;}
    #login{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-pg {position: fixed;display: block;top: 0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 11;}
#loader-pg img {position: relative;display: block;top: 40%;left: calc(50% - 115px);width: 220px;height: auto;}
#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;}
#loader-pg .spinner {animation: rotator 1.4s linear infinite;}
#loader-pg .path {stroke: #4285F4;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;}
/*********************************
 ******* INICIO | FORMS **********
 *********************************/
form{margin: 0;}
form.form-group{margin-bottom: 0!important;}
form.form-group label{position: relative;display: block;width: 220px;border: none!important;background: transparent!important;font-family: OpenSansLight, sans-serif;font-size: 13px;font-weight: bold;text-align: left;padding: 0 20px 0 0!important;color: #616161!important;z-index: 0;}
form.form-group .checkbox-inline label,
form.form-group .checkbox label,
form.form-group .radio label{padding-left: 20px!important;}
form.form-group .col-sm-2,
form.form-group .col-sm-3,
form.form-group .col-sm-4,
form.form-group .col-sm-6,
form.form-group .col-sm-8,
form.form-group .col-sm-12,
form.form-group .col-md-2,
form.form-group .col-md-3,
form.form-group .col-md-4,
form.form-group .col-md-6,
form.form-group .col-md-8,
form.form-group .col-md-12{padding: 2px 5px!important;z-index: 1;}
form.form-group input[type=text],
form.form-group input[type=password],
form.form-group input[type=email],
form.form-group input[type=number],
form.form-group select{border-radius: 0!important;position: relative;border: none!important;box-shadow: none!important;background: transparent!important;border-bottom: 2px solid #ddd!important;width: 100%!important;float: left!important;z-index: 1;transition: .1s;}
form.form-group .btn-calendar i{font-size: 20px;}
form.form-group textarea{width: 100%!important;resize: none;height: 200px;border-radius: 0;}
form.form-group input:-webkit-autofill,
form.form-group input:-webkit-autofill:focus,
form.form-group input:-webkit-autofill:hover{-webkit-box-shadow: 0 0 0 1000px white inset!important;}
form.form-group input:focus,
form.form-group select:focus{border-bottom: 2px solid #616161!important;}
form.form-group button[type=submit]{position: relative;float: right;margin-top: 5px;padding: 10px 15px;background: #fff;font-family: OpenSans, sans-serif;color: #616161;font-weight: bold;border: none;border-radius: 0;box-shadow: 0 1px 3px rgba(0,0,0,.3);}
form.form-group .input-checks{position: relative;float: left;width: 100%;text-align: center;padding: 15px!important;background: #eee;border-radius: 0;border: 1px solid #bbb;color: #616161!important;z-index: 1;}
form.form-group .input-checks label{position: relative;display: inline-block;width: auto;color: #616161!important;}
/************** CORPO ****************/
#login{position: relative;margin: 0 auto;padding: 25px 50px 90px;}
#login img#logo {position: relative;display: block;margin: 30px auto 50px auto;padding: 5px;width: 70%;height: auto;}
#login label {position: relative;display: block;font-family: OpenSans, sans-serif;font-size: .8em;}
#login input.input-login {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;}
#login input.input-login:focus {border-bottom: 1px solid #616161;box-shadow: none;}
#login input.input-login:-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;}
#login .btn-group{width: 100%;}
#login .btn-group .col-md-4,
#login .btn-group .col-md-8{padding: 25px 0 20px;}
#login button.btn-acesso {position: relative;display: block;margin: 0 0 0 auto;color: #fff;background: #0272d2;transition: .3s;}
#login button.btn-acesso.submited{padding: 4px 20px 8px 15px;}
#login button.btn-acesso:hover {background: #1565C0;}
#login button.btn-acesso:active {background: #0D47A1;}
#login button.btn-acesso:focus {outline: none;}

#form-esqueci-senha button.btn-enviar-senha {position: relative;display: block;margin: 0 0 0 auto;color: #fff;background: #053ec0;transition: .3s}
#form-esqueci-senha button.btn-enviar-senha.submited{padding: 4px 20px 8px 15px;}
#form-esqueci-senha button.btn-enviar-senha:hover {background: #053ec0;}
#form-esqueci-senha button.btn-enviar-senha:active {background: #1a0da1;}
#form-esqueci-senha button.btn-enviar-senha:focus {outline: none;}

#form-esqueci-senha .modal-footer{border: none;}

#form-acesso .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;}
#form-acesso .class-anchor:hover {color: #0000ff;}
#form-acesso .class-anchor:active {color: #000096;}
#form-acesso .class-anchor:focus {outline: none;}

#login button.btn-close{position: relative;background: transparent;color: #1E88E5;left: -15px;}
#login button.btn-close:active{background: #BBDEFB;}
#login button.btn-close:focus{outline: none;border-color: transparent;box-shadow: none;}
#login hr {position: relative;display: block;margin: 15px auto;border: 2px solid #fff;width: 100%;}
#login a {position: relative;display: block;width: 250px;margin-top: 5px;font-size: 1.4em;color: white;font-family: OpenSansLight, serif;text-decoration: none;}
#login a:hover {text-decoration: underline;}
#login i {margin-right: 5px;}
#login #div-aviso label {font-size: 1.2em;}
#login #div-aviso small {position: relative;display: block;margin-bottom: 25px;font-size: .9em;}
#modalAlertBrowser{z-index: 12;}
#modalAlertBrowser.modal-small .modal-dialog {width: 50% !important;}
#modalAlertBrowser img {position: relative;display: block;margin: 25px auto;width: 60px;height: 60px;}
#modalAlertBrowser p {font-family: OpenSansLight, sans-serif;font-size: 1em;color: #616161;text-align: center;padding: 5px 15px;}
#modalAlertBrowser p#p-build-browser {font-family: OpenSans, sans-serif;font-weight: bold;font-size: 1.2em;color: #616161;}
#modalAlertBrowser a {text-decoration: none;font-family: OpenSans, sans-serif;font-weight: bold;color: #29B6F6;}
#modalAlertBrowser button[type=button] {position: relative;display: block;margin: 20px auto;padding: 10px 15px;background: #03A9F4;font-family: OpenSans, sans-serif;color: #fff;font-weight: bold;border: none;border-radius: 0;box-shadow: 0 1px 3px rgba(0, 0, 0, .3);}

.alert-new-system{
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.alert-new-system h2{padding: 10px;margin: 0;font-size: 1em;background: #F44336;color: #fff;}
.alert-new-system h2 a{color: #fff;}
.playstore-icon {
    width: 100%;
    position: relative;
    margin: 50px auto auto auto;
    display: block;
    text-align: center;
}
.playstore-icon img {
    width: 60px;
}
.alert-to-api {
    width: 80%;
    padding: 10px;
    margin: 10px auto auto auto;
    text-align: center;
}
.alert-to-api a{text-decoration: none;
    color: black;
    font-weight: bold;}