html {
   min-height: 100%;
}
body {
   background-image: url(../assets/images/originals/fundo3.jpg) !important;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   color: #0b739b;
}
.alertaAtrazo{
   position: fixed;
   bottom: 0;
   right: 0;
   width: 450px;
   text-align: center;
}
.conteudo{
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   height: 100vh;
}
.card{
   width: 50%;
   border-radius: 10px;
   box-shadow: -24px 24px 57px 16px rgba(0,0,0,0.52);
   -webkit-box-shadow: -24px 24px 57px 16px rgba(0,0,0,0.52);
   -moz-box-shadow: -24px 24px 57px 16px rgba(0,0,0,0.52);
   background-color: rgba(255, 255, 255, 0.7);

   border: 1px solid #f3f3f3;
   padding: 0;
}
.ladoA{
   height: 60vh;
   border-top-left-radius: 10px 10px;
   border-bottom-left-radius: 10px 10px;
   border-right: 1px solid #f2f2f2;
   background-color: rgba(68, 163, 214, 0.2);
}
.ladoB img{
   width: 70%;
   margin: 20px auto;
   display: block;
}
.btn-samuel{
   width: 90%;
}
.card-body{
   padding: 0 0 0 15px;
}
.benvindoA{
   margin: 10vh auto;
   width: 100%;
   text-align: center;
   letter-spacing: .2rem;
   font-size: 1.5rem;
}
.novoLogin{
   margin: 0 auto;
   padding-top: 27vh;
   width: 100%;
   text-align: center;
   font-size: 1.5rem;

}

.benvindoB{
   margin: 1vh auto;
   width: 100%;
   text-align: center;
   letter-spacing: .2rem;
   font-size: 1.5rem;
}
.formularios{
   width: 70%;
   margin: 7vh auto;
   margin-bottom: 3vh;
   max-width: 70%;
}
.icones{
   width: 90%;
   padding-top: 15vh;
   text-align: center;
   display:inline-flex;
   margin:  auto;
   align-items: center;
   justify-content: center;

}
.icones img{
   width: 30px;
   height: 30px;
   margin-left: 5px;
}
.suporte{
   width: 90%;
   position: absolute;
   bottom: 10px;
   text-align: center;
   font-size: 1.3rem;
   border-top: 1px solid #a0dcf1;
   padding: 11px 0;


}
.suporte img{
   width: 35px;
   height: 35px;
}

a.samuel:link, a.suamel:visited, a.samuel:active{
   color: #055a78;
}

hr{
   border-color: #a0dcf1;
}
.input-group-text{
   background: #FFF;
   border-color: #A1DDE8;
   color: #17A2B8
}
.form-control{
   border-color: #17a2b838 !important;
}
.coluna_recover{
   text-align: left;
   padding-top: 5px;
}
.confusao2{
   display: none;
}
.errors{
   width: 70%;
   margin: 0 auto;
}
@media (max-width: 1400px) {
   .formularios{
      margin: 5vh auto;
      width: 85%;
      max-width: 85%;
      margin-bottom: 10px;
   }
   .icones{
      padding-top: 15vh;
   }
   .errors{
      width: 85%;
      margin: 0 auto;
   }
   .alert{
      font-size: 0.8rem !important;
   }
   .form-group {
      margin-bottom: 0 !important;
   }
   .ladoA{
      height: 70vh;
   }
   .confusao{
      margin-top: 10px;
   }
}
@media (max-width: 980px) {

   .ladoA{
      display: none;
   }
   .ladoB{
      height: 80vh;
   }
   .card{
      width: 90%;
   }
   .formularios{
      width: 90% !important;
      margin: 7vh auto;
      max-width: 90%;
      margin-bottom: 0px;
   }
   .card-body{
      padding: 0;
   }
   .logarEtapas{
      width: 100%;
   }
   .coluna_recover{
      text-align: center;
      margin-top: 20px;
   }
   .btn-samuel{
      width: 90%;
      bottom: 40px;
   }
   .confusao2{
      display: initial;
   }
   .confusao{
      display: none;
   }

}