body.login {
   min-height: 600px;
   background: #FFF url(../images/bg_login.jpg) top center no-repeat;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}

.login a {
   color: #999;
}

.login a:hover {
   color: #ff6600;
}

.login a:visited {
   color: #999 !important;
}

.login .gradient {
   position: fixed;
   top: 0;
   left: 0;
   z-index: -1;
   width: 100%;
   height: 100%;
   background: url(../Images/gradient.png);
   background-position: center center;
   background-size: cover;
}

.login-screen {
   overflow-x: hidden;
}

body.login #main-wrapper {
   min-height: 100%;
   position: relative;
}

body.login #logo {
   width: 360px;
   height: 200px;
   margin: 0 auto;
   margin-top: 20px;
   margin-bottom: 20px;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
}

body.login #wrapper {
   border: 2px solid;
   /*padding: 10px;*/
   margin: 0 auto;
   margin-top: 5%;
   border-color: #ffffff;
   width: 400px;
   border-radius: 8px;
}

body.login #wrapper.login {
   max-width: 900px;
}

.login #wrapper-content {
   width: 95%;
   margin: 0 auto;
}

.login #infos {
   border: 0px solid !important;
   width: 56%;
   margin: 0 auto;
   padding: 0 20px 0 0;
   float: left;
   text-align: center
}

.login #infos ul li {
   font-size: 21px;
   line-height: 26px;
   font-weight: 300;
}

.login #formulario {
   border: 0px !important;
   padding: 0;
   width: 80%;
   margin: 0 auto;
}

.login-screen #wrapper>.logoWrapper {
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain;
   width: 100%;
   height: 120px;
   margin: 0;
   padding: 30px 0;
   background-color: #fff;
}

.login-screen #wrapper>.brands-wrapper {
   width: 100%;
   padding: 40px 0 0px 0;
   background-color: #fff;
}

.login-screen #wrapper>.brands-wrapper ul {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   justify-content: space-between;
   width: 90%;
   margin: 0 auto;
}

.login-screen #wrapper>.brands-wrapper ul li {
   width: 100%;
   display: inline-block;
   margin-bottom: 0px;
   text-align: center;

}


.login-screen #wrapper>.brands-wrapper ul li img {
   width: 80%;
}

body.login #wrapper #inside {
   background-color: #fff;
   border: 0px solid #444;
   padding-bottom: 30px;
}

body.login #wrapper #inside #titulo {
   font-size: 20px;
   text-transform: uppercase;
}


body.login #wrapper #inside form {}

.login-screen #wrapper #inside label {
   display: block;
   font-size: 16px;
   color: #555;
   margin-left: 0px;
   margin-bottom: 2px;
}

body.login #wrapper #inside .markup {
   width: 100%;
}

.login-screen .forgot {
   font-size: 13px;
   color: green;
   cursor: pointer;
   margin-top: 15px;
}

li.linha.m20 {
   margin: 40px 0 20px 0;
}

.maskPlaca {
   text-transform: uppercase;
}

/*FIX HEIGHT ON MOBILE*/
@media only screen and (max-height: 650px) {
   /*body.login #logo {
       display: none;
   }

   body.login #wrapper {
       margin-top: 5%;
   }*/
}

@media only screen and (max-height: 450px) {
   body.login {
      /*        min-height: 500px;*/
   }

   /* body.login #logo {
           display: none;
       }

       body.login #wrapper {
           margin-top: 2%;
       }*/
}

/*FIX WIDTH ON MOBILE*/
@media only screen and (max-width: 402px) {
   body.login #wrapper {
      width: 85%;
   }
}

@media only screen and (max-width: 360px) {
   body.login #logo {
      width: 85%;
   }
}

body.login #wrapper #inside .markup .info {
   display: none;
}

body.login #wrapper #inside .markup .normal {
   background-color: #e3e414;
}

body.login #wrapper #inside .markup .atrasado {
   background-color: #e68c0c;
}

body.login #wrapper #inside .markup .urgente {
   background-color: #e42e14;
}

body.login #wrapper #inside .markup .comparecido {
   background-color: #339a1f;
}

body.login #wrapper #inside .markup .ag_liberacao_terminal {
   background-color: #666;
}

body.login #wrapper #inside .markup .transito_terminal {
   background-color: #2461a0;
}



/* CADASTRO */

body.login #wrapper.cadastro {
   max-width: 900px;
   margin-top: 2%;
   margin-bottom: 2%;
}

.login-screen #wrapper.cadastro>.logoWrapper {
   height: 60px;
}

body.login #wrapper #inside {}

.cadastro #formulario {
   width: 618px;
   padding: 0;
   margin: 0 auto;
   float: none;
}

.cadastro .item .title {
   margin-bottom: 30px !important;
   font-size: 22px !important;
   text-transform: uppercase !important;
   line-height: 30px !important;
   font-weight: normal !important;
}

.cadastro .item {
   position: absolute;
   top: 0px;
   width: 618px;
   height: 585px;
}

/*
.login input[type=text], .input-wrap input[type=password] {
   width: 100% !important;
   font-size: 20px !important;
   padding: 5px !important;
   border: 2px solid #ccc !important;
   background: #f9f9f9 !important;
   outline: none;
   transition: all 0.25s ease 0s;
   color: #333;
}
*/
.login #formulario .markup li {
   margin-bottom: 20px !important;
}

.login-screen #wrapper #inside .txt-sistema {
   line-height: normal;
   font-family: 'Passion One';
   font-size: 39px;
   color: #878787;
   text-align: center;
   margin: 0 !important;
   margin-bottom: 30px !important;
}

.login .gradient {
   position: fixed;
   top: 0;
   left: 0;
   z-index: -1;
   width: 100%;
   height: 100%;
   background: url(../images/gradient.png);
   background-position: center center;
   background-size: cover;
}

/*
.login #formulario input[type="text"], .login #formulario input[type="password"], .login #formulario input[type="email"], .login #formulario select, .login #formulario textarea {
   background-color: #ffffff;
   border: 2px solid #bbbbbb;    
   color: #555555;
   font-size: 15px;
   height: 37px;
   
   padding: 7px;
   transition: all 0.2s ease-out 0s;
   width: 100%;
   outline-color: #67ac4a;
   border-radius: 4px;
   padding: 5px !important;
}
*/
label.required {
   color: #bf0101 !important;
}