html,
body {
  background-color: #281E780D;
  opacity: 1;
  height: 100%;
  margin: 0;
  font-family: 'Montserrat', sans-serif;
}


.div_fullscreen{ height: 100%; }
.div_purple{ background-color: #281E78  }
.logo{ margin-top: 13vh }
.login_photo{ margin-top:  7vh; height: 45vh; width: 27vw; }
.form_container{ margin-top: 28.5vh; margin-left:260px; max-width: 32vw }

.title{
  top: 293px;
  left: 1066px;
  width: 260px;
  height: 49px;
  text-align: left;
  font: normal normal bold 40px/49px Montserrat;
  letter-spacing: 0px;
  color: #281E78;
  opacity: 1;
}

.subtitle{
  text-align: left;
  font: normal normal normal 18px/21px Montserrat;
  letter-spacing: 0px;
  color: #281E78;
  opacity: 1;
}

.border_line{ border: 1px solid #281E78; opacity: 1; max-width: 14vw; margin-left:0;  }

.form_login{ margin-top: 35px; }
.form_label{ font: normal normal bold 16px/19px Montserrat; letter-spacing: 0px; color: #281E78; opacity: 1;  }
.form_input{ background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #281E78; border-radius: 10px; opacity: 1; height: 50px  }
.form_label_info{ text-align: left; font: normal normal bold 16px/19px Montserrat; letter-spacing: 0px; color: #281E78;  }
a{ text-align: left; font: normal normal bold 16px/19px Montserrat; letter-spacing: 0px; color: #281E78;  }
.form_label_light{ text-align: left; font: normal normal 300 16px/19px Montserrat; letter-spacing: 0px; color: #281E78;}
.form_button { background: #281E78 0% 0% no-repeat padding-box; mix-blend-mode: darken; border-radius: 10px; opacity: 1;  width:100%; height:64px; }
.form_button_text { text-align: left; font: normal normal bold 20px/24px Montserrat; letter-spacing: 0px; color: #2CD5C4; opacity: 1; }

::placeholder {   font: normal normal 300 16px/19px Montserrat; letter-spacing: 0px; color: #B8B8B8; opacity: 1; } /* Firefox */
:-ms-input-placeholder {  font: normal normal 300 16px/19px Montserrat; letter-spacing: 0px; color: #B8B8B8; opacity: 1; }  /* Internet Explorer 10-11 */
::-ms-input-placeholder {  font: normal normal 300 16px/19px Montserrat; letter-spacing: 0px; color: #B8B8B8; opacity: 1; } /* Microsoft Edge */

/* INTERFAZ MOVIL */
.form_login_mobile{ margin-top: 17vh; padding: 0px 25px 0px 25px }
.div_purple_nobile{ background-color: #281E78; height:100px; padding:25px 50px 0px 25px  }
.login_photo_mobile{ height: 54px; width: 50vw; }
.form_button_mobile { background: #281E78 0% 0% no-repeat padding-box; mix-blend-mode: darken; border-radius: 10px; opacity: 1;  width:100%; height:7vh; }


.footer {  position: fixed; left: 0; bottom: 0; height: 36px; width: 100%; background: #2CD5C4 0% 0% no-repeat padding-box;  font: normal normal normal 12px/14px Montserrat; letter-spacing: 0px; color: #FFFFFF; text-align: center; padding-top: 10px }


@media (min-width: 1000px) and (max-width: 1600px) {
  .logo{ height: 60px }
  .login_photo{ height: 340px }
  .title{ font-size: 25px }
  .subtitle{ font-size: 15px }
  .form_login{ margin-top: 10px }
  .form_input{ height: 40px }
  .form_label_info{ font-size:13px }
  .form_label_light{ font-size:13px }
  .form_label_email{ font-size: 13px }
  .form_button_text{ font-size: 15px  }
  .form_button{ height: 48px }
  .form_container{ margin-top: 20vh }
}

/* CELULAR HORIZONTAL */
@media (max-width: 1000px) and (orientation:landscape) {
  .logo{ height: 40px }
  .login_photo{ height: 250px;width: 31vw; }
  .title{ font-size: 25px }
  .subtitle{ font-size: 15px }
  .form_login{ margin-top: 10px }
  .form_input{ height: 40px }
  .form_label_info{ font-size:13px }
  .form_label_light{ font-size:13px }
  .form_label_email{ font-size: 13px }
  .form_button_text{ font-size: 15px  }
  .form_button{ height: 48px }
  .form_container{ margin-top: 5vh; margin-left: 110px }
  .div_fullscreen{ background-color: #f4f3f8; }
}