body.cm-login {
  background-color: #FFFFFF !important;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
}

.loader {
  background-color: #FFFFFF;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader div {
  display: flex;
}

.loader span {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 3px;
  opacity: 1;
  background: linear-gradient(270deg, #2F9E44, #264D7B, #3B82F6, #22C55E);
  background-size: 800% 800%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientShift 5s ease infinite;
}

.loader span:nth-child(1)  { animation-delay: 0s; }
.loader span:nth-child(2)  { animation-delay: 0.15s; }
.loader span:nth-child(3)  { animation-delay: 0.3s; }
.loader span:nth-child(4)  { animation-delay: 0.45s; }
.loader span:nth-child(5)  { animation-delay: 0.6s; }
.loader span:nth-child(6)  { animation-delay: 0.75s; }
.loader span:nth-child(7)  { animation-delay: 0.9s; }
.loader span:nth-child(8)  { animation-delay: 1.05s; }
.loader span:nth-child(9)  { animation-delay: 1.2s; }
.loader span:nth-child(10) { animation-delay: 1.35s; }
.loader span:nth-child(11) { animation-delay: 1.5s; }
.loader span:nth-child(12) { animation-delay: 1.65s; }
.loader span:nth-child(13) { animation-delay: 1.8s; }
.loader span:nth-child(14) { animation-delay: 1.95s; }
.loader span:nth-child(15) { animation-delay: 2.1s; }
.loader span:nth-child(16) { animation-delay: 2.25s; }
.loader span:nth-child(17) { animation-delay: 2.4s; }
.loader span:nth-child(18) { animation-delay: 2.55s; }
.loader span:nth-child(19) { animation-delay: 2.7s; }
.loader span:nth-child(20) { animation-delay: 2.85s; }

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.text-center {
  border-bottom: none !important;
}

.hide {
  display: none !important; /* cuando se envia el formulario los elementos ocultos no interfieren*/
}

/*menu derecho */
.btn.btn-primary.md-account-circle-white {
  background-color: #8ceca1 !;
  border-color: #3c8dbc;
  color: white; /* icono o texto blanco */
}

.login-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh; /* altura completa de la ventana */
}