@import url(https://fonts.googleapis.com/css?family=Archivo+Black);
@import url(https://fonts.googleapis.com/css?family=Rubik);

body {
   width: 100%;
   height: 100%;
   font-family: Helvetica;
}

.login-container {
   display: grid;
   grid-template-columns: 1fr 2fr;
   grid-template-rows: 100vh;
}

.login-container .login-area-item {
}

.login-container header .login-logo-area {
   position: relative;
   width: 100%;
   top: 50%;
   transform: translateY(-50%);
   text-align: center;
}

.login-container main {
   background: linear-gradient(23deg, rgba(70, 75, 125, 1) 5%, rgba(167, 47, 132, 1) 100%);
}

.login-container main {
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: auto 36px;
}

.login-container main .login-area {
   position: relative;
   width: 400px;
   margin-left: auto;
   margin-right: auto;
   top: 50%;
   transform: translateY(-50%);
}

.login-container main .login-area .form-group label {
   color: #FFF
}

.login-container main .login-area .form-group input[type=text],
.login-container main .login-area .form-group input[type=password] {
   background-color: #FFF
}

.login-container main .login-area .links-portais {
   margin-top: 10px;
}

.login-container main .login-area .links-portais a {
   color: #FFF;
   text-decoration: none;
   font-size: 14px;
}

.login-container main .login-area .links-portais a:hover {
   text-decoration: underline;
}

.login-container main .login-area-messages {
   position: relative;
   width: 400px;
   margin-top: 50px;
   max-height: 300px;
   margin-left: auto;
   margin-right: auto;
   overflow-y: auto;
}

.login-container main .login-area-messages ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.login-container main .login-area-messages ul li {
   color: #FFF;
   padding: 5px 0px 5px 0px;
}

.login-container main .login-area-messages ul li.alert {
   /*color: #ec8233;*/
   margin-bottom: 0;
}

.login-container main .login-area-messages ul li a {
   color: #ec8233;
}

.login-container main .footer {
   color: #FFF;
   text-align: center;
}