.login-logo img{
    width: 100px;
    margin-bottom: 40px;
}

.login-box{
    min-height: 88vh !important;
}

.login-box2{
    min-height: 85vh !important;
}

.hidden{
    display: none !important;
}

.criterio-pass{
   padding:15px !important;
   border-radius: 7px !important;
}

.criterio-pass ul {
   /*list-style: none !important;*/
   padding: 0 !important;
   margin: 0 0 20px 0 !important;
}

.criterio-pass ul li {
   margin-bottom: 2px !important;
   font-size: 15px !important;
}
/*.criterio-pass ul li span:before{*/
/*   content: "X" !important;*/
/*}*/

/*.criterio-pass ul li.valid span:before{*/
/*   content: "✔" !important;*/
/*}*/

.criterio-pass li.valid {
   color: green !important;
}
.criterio-pass li.invalid {
   color: #999 !important;
}


/* Para dispositivos móveis */
@media (max-width: 767px) {
    .login-box {
        min-height: 100vh !important; /* Ajuste a altura conforme necessário */
    }
    .login-box2{
        min-height: 110vh !important;
    }
}

/* Para tablets */
@media (min-width: 768px) and (max-width: 991px) {
    .login-box {
        min-height: 100vh !important; /* Ajuste a altura conforme necessário */
    }
    .login-box2{
        min-height: 120vh !important;
    }
}


.loader {
  /* Estilos para o elemento de carregamento em geral */
  /* ... (seus estilos) */
}

.loading-container {
  position: relative;
}

.loading-border {
  position: absolute;
  width: 108px; /* 100px + 4px de espaçamento em cada lado */
  height: 108px; /* 100px + 4px de espaçamento em cada lado */
  border: 2px solid transparent;
  border-top-color: #007bff;
  border-radius: 50%;
  animation: spin 1s linear infinite, changeColor 4s linear infinite;
  padding: 4px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes changeColor {
  0%, 25% { border-top-color: #007bff; }
  50% { border-top-color: #00cc00; }
  75% { border-top-color: #ff9900; }
  100% { border-top-color: #ff0000; }
}


.card-img-top-2 {
  width: 70%;
}


.h-58 {
     height: 58px !important;
}



.bg-container{
    background: #fff;
}

@media (max-width: 768px){
    .bg-container{
        background: #f5f5f5 !important;
    }
}


.loader {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: white;
  display: flex;
  overflow: hidden;
}

.loading-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9997;
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(44,197,144,0.99)), to(rgba(117,235,146,0.99))) !important;*/
    /*background-image: linear-gradient(rgba(44,197,144,0.99) 0%, rgba(117,235,146,0.99) 100%) !important;*/
    background: rgba(255,255,255, 0.8);
}



.mc-login {
    margin-top: 3% !important;
}

@media (max-width: 767px) {
    .mc-login {
        margin-top: -60px !important;
    }
}