body {
 overflow: hidden; 
}

div.botoes {
	display: flex; 
  	flex-direction: row-reverse;
  	justify-content: space-between;
  	align-items: baseline;
}

.main-container {
  margin-top: -8px;
  margin-left: -8px;
  margin-right: -8px;
  min-height: 100vh;
  background-color: #16a085;
  background-image: url("../_lib/img/grp__NM__img__NM__img_menu_fundo.jpeg");
  
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: 'Rubik', sans-serif;
  font-size: 13px;
}

.main-container a {
  text-decoration: none;
}

.main-container .login-wrapper {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 172px 6px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 172px 6px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 172px 6px rgba(0,0,0,0.2); 

  width: 100%;
  max-width: 900px;
  min-height: 520px;
  display: flex;
}

/* Estilos del contenedor del formulario */
.main-container .login-wrapper .form-wrapper {
  min-width: 45%;
  
  display: flex;
  flex-direction: column;
}

/* Estilos del header del formulario */
.main-container .login-wrapper .form-wrapper .form-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  
  padding: 15px;
  margin-top: 15px;

  font-weight: 900;
}

.main-container .login-wrapper .form-wrapper .form-header .fa-arrow-left,
.main-container .login-wrapper .form-wrapper .form-header .register-link,
.main-container .login-wrapper .form-wrapper .form-container .forgot-pass {
  color: #686b72;
}

/* Estilos del formulario y sus mensajes */
.main-container .login-wrapper .form-wrapper .form-container {
  padding: 0px 22px;
}

.main-container .login-wrapper .form-wrapper .form-container .form-messages {
  text-align: left;
  line-height: 20px;
  margin-bottom: 30px;
}

.main-container .login-wrapper .form-wrapper .form-container .form-messages h2 {
  margin-bottom: 15px;
  margin-top: 30px;
  font-size: 20px;
  font-weight: 600;
}

.main-container .login-wrapper .form-wrapper .form-container .form input {
  width: 100%;
  margin-bottom: 15px;
  background-color: #eeeeee;
  border: none;
  padding: 10px;
}

.main-container .login-wrapper .form-wrapper .form-container .form input:focus {
  outline: 2px solid #C4651E;
}

.main-container .login-wrapper .form-wrapper .form-container .form a {
  display: block;
}

.main-container .login-wrapper .form-wrapper .form-container .form .forgot-pass {
  text-align: right;
  font-weight: 900;
}

.main-container .login-wrapper .form-wrapper .form-container .form .login-button {
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 10px;
  border-radius: 50px;
  background-color: #16a085;
  text-align: center;
  margin: 2px;
  width: 200px;
}

/* Separador */
.main-container .login-wrapper .form-wrapper .form-container .separator {
  border: 2px solid #e8e9ea;
  margin-bottom: 35px;
}

/* Otras opciones de login */
.main-container .login-wrapper .form-wrapper .form-container .login-options {
  margin: 0px 0px;
  text-align: center;
}

.main-container .login-wrapper .form-wrapper .form-container .login-options .login-text {
  margin-bottom: 15px;
}

.main-container .login-wrapper .form-wrapper .form-container .login-icons {
  color: #16a085;
  font-size: 20px;
}

.main-container .login-wrapper .form-wrapper .form-container .login-icons .fa-facebook-square,
.main-container .login-wrapper .form-wrapper .form-container .login-icons .fa-google,
.main-container .login-wrapper .form-wrapper .form-container .login-icons .fa-twitter {
  color: #C4651E;
  padding: 0px 10px;
}

/* Estilos del lado derecho */

.main-container .image-wrapper {
  background: url("../_lib/img/grp__NM__img__NM__img_menu_direita.jpeg");
  background-position: center;
  background-size: cover;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.main-container .image-wrapper .image-message {
  color: #fff;
  line-height: 20px;

  padding: 50px 70px 70px 40px;

  display: flex;
  flex-direction: row;
}

.main-container .image-wrapper .image-message .image-hr-container {
  margin: 0px 0px;
}

.main-container .image-wrapper .image-message .image-hr-container .image-hr {
  border: 1px solid #e8e9ea;
  min-width: 30px;
}

.main-container .image-wrapper .image-message .image-text h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}

#id_error_display_fixed{
  background-color: rgb(198, 198, 198);
  position: absolute;
  z-index: 1000;
  top: 50%;
  left: 40%;
  padding: 20px;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
 .main-container .image-wrapper{
	display: none;
 }
 #id_error_display_fixed{
    background-color: rgb(198, 198, 198);
    position: absolute;
    z-index: 1000;
    top: 40%;
    left: 10%;
    padding: 20px;
    border-radius: 5px;
  }
}