.imgLogin {
  background-repeat: no-repeat;
  height: 662px; }

.btn-logar {
  margin-top: -10%;
  width: 81.44%;
  height: 48px;
  border-radius: 4px;
  border: none;
  outline: 0 none;
  transition: all 1s ease; }

  .txtBlack1{
    font-family: Muli-Black;
    color: black;}

  .txtBlack2{
    font-family: Muli-Black;
    color: black;}

  .txtBold3{
    font-family: Muli-Bold;
    color: black;}

  #btnSolicitaSenha{
    display: none;}

.btn-logar:hover {
  background: #23A9F6;
  box-shadow: 0 2px 15px 0 #23A9F6;
  border-radius: 4px;
  transition: all 1s ease; }

.dados_login {
  margin-top: -5%;
  width: 100%;
  height: 100%;
  padding: 24% 10% 0% 15%;}

.col-lg-6.imgLogin {
  width: 54.411%;}

.col-lg-5.inputLogin {
  width: 45.59%; }

.dinput {
  width: 88.1%;
  margin-top: -1%; }

.back_login {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  overflow: hidden; }

.txtcolordefault {
  color: rgba(0, 0, 0, 0.8) !important; }

.img_bck {
  float: left;
  width: 100%; }

 .img_login_fundo {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url("/static/img/back.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }

.backmaintransp {
  width: 100%;
  height: 100%;
  position: absolute; }

.img-busines {
  width: 100%;
  height: 100%; }

.pasLost {
  margin-top: 3%; }

.inputmsg {
  margin-bottom: 0px; }

.esconder {
  display: none;}

.erro-campo{
  float: left;
  margin-top: 1px;}

#btnVoltaLogin{
  display: none;}

#btnSolicitarSenha{
  align-items: center;
}

/*Responsividade*/
@media (max-width: 700px){
  *{
    padding: 0;
    margin: 0;
    box-sizing: border-box;}

  #btnSolicitaSenha{
    display: none;}

  .imgLogin{
    display: none;}

  .col-lg-5.inputLogin{
    width: 100%;
    min-width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url("/static/img/background.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; 
    background-attachment: fixed; }
  
  .esconder-div{
    display: none;}

    #username,
    #password, #email {
      border-radius: 10px;
      width: 112% !important;
      height: 5vh !important;
      align-items: center;
      color: #333333;
      font-weight: 400;
      font-size: 12px;
      line-height: 17.57px;
      background-color: #FFFFFF;
      margin: 0;
      margin-left: -1.5%;
      font-family: Muli-SemiBold;}

    /*Email e senha*/
    .inputlabel{
      margin-top: 2%;
      color: #FFFFFF;
      line-height: 15.06px;
      font-size: 12px;
      text-align: center;
      align-items: center;
      font-family: Muli-Light;}

    /*icon de vizualizar a senha*/
    .icon_input{
      display: none;}

  /*---Login title---*/
   .txtBlack1{
    color: #FFFFFF;
    width: 800;
    font-size: 34px;
    line-height: 42.67px;
    width: 100%;
    height: 43px;
    align-items: center;
    font-family: Muli-Bold;
    margin-top: -55% !important;}
   
    /*---Campo email e senha---*/
    .inpunttext{
      border-radius: 5%;
      color: #333333;
      font-weight: 400;
      font-size: 18px;
      line-height: 17.57px;
      background-color: #FFFFFF;
      margin: 0;
      margin-left: -1.5%; 
      padding: 9.2% 3%;
      text-align: left;}

    #btnLogar{
      background-color: #333333 !important;
      height: 7.5vh;
      /*margin-top: -10px;*/
    }

    /*--BTN esqueci minha senha--*/
   #btnEsqueciSenha{
    margin-top: -5px !important;}

    .pasLost{
      margin-top: -08.8% !important;
    }

    /*div + id que abaixo do campo de inserir senha*/
    #password-login{
    margin-top: -2%;}

    /*---Campo de entrar---*/
    /*---BTN entrar---*/
    .txtBlack{
      /*margin-top: -10% !important;*/
      border-radius: 10px;
      width: 108% !important;
      height: 7.5vh !important;      
      color: #FFFFFF;
      font-size: 14px;
      margin-left: -5.9%;
      font-family: Muli-Bold;
      margin: 0;
      align-items: center;}
      
    /*--Div de login engloba tudo, exceto o background--*/
    .dados_login{
      text-align: left;
      align-items: center;
      width: 100%;
      height: 100%;
      padding: 1%;
      margin-top: 20%;}
    
    /*---Esta div englova várias classes*/
    .col-lg-12{
      align-items: center;
      margin: 1.8%;}
  /*Esqueceu sua senha*/
    .col-lg-6{
      text-align: right;
      color: #FFFFFF; /*#FFFFFF*/
      margin: 0;
      align-items: center;}

    /*btnEntrar*/
    .bkDefault{
      margin-left: -5.9%;
      align-items: center;
      font-family: Muli-Bold;
      height: 7.8vh;
      margin-top: -2%; }
      
    .dinput{
      margin-top: -3.5%;
      padding: 0;}
      
    .pasLost{
      margin-top: -18%;
      margin-left: -5%;
      text-align: right;}
    
    /*2° tela de login*/
    /*Title 1*/
    .txtBlack2{
      font-family: Muli-Bold;
      color: #FFFFFF;
      font-size: 34px;
      text-align: center;}

    /*Subtitle*/
    .txtBold#esqueceuSenha,
    #redefinida{
      text-align: justify;
      color: #333333;
      width: 80%;
      max-width: 9%;
      font-size: 14px;}

    #btnVoltarLogin:not(.esconder) {
      text-align: center;
      width: 97%;
      margin-left: 4.5%;
      height: 7.5vh;
      display: inline-block;
      padding: 10px 16px; 
      font-size: 14px; 
      background-color: #333333; 
      color: #FFFFFF !important; 
      border: none; 
      border-radius: 9px; 
      line-height: 5vh;}
  
    .col-lg-12.txtBold#esqueceuSenha{
      text-align: justify;
      max-width: 80%;}

  /*--Mensagem de erro--*/
    .txtBold#erro-solicitacao,
    .txtBold#erro-login{
      color: #FFFFFF;
      background-color: #FF4141;
      border-radius: 4%;
      font-size: 10px;
      text-align: center;
      font-family: Muli-Light;}
     
    #btnSolicitarSenha.bkDefault{
      margin-top: -155% !important;
      background-color:#333333 !important;}

      .mb-24{
        display: none;
      }

    .col-xs-12{
      padding: 0 0 0 0;}

      /*campo de email*/
    .col-xs-12 #email{
      background-color: #FFFFFF;
      margin-top: -5% !important;}

      /*titulo solicitar nova senha*/
   /* .txtBlack2#login{
      margin-top: -10% !important;}*/

    #esqueceuSenha{
      margin-top: -10% !important;}

      

  
  }