.hidden {
	opacity: 0 !important;
}
.hide {
    display: none !important;
}

.error>.help-text {
    display: block !important;
}

.help-text {
    display: none;
}



.transition {
	transition: all .1s ease-in;
}

body, html {
	background-color: transparent !important;
}

body.ob .form-group {
  margin: 0 0 9px;
}

body.ob .form-group:nth-child(1) {
  margin: 0 0 0px;

}

body.ob .form-group:nth-child(2) {
  margin: 0 0 0px;
  margin-top:10px;
}

body.ob .form-group:nth-child(3) {
  margin: 0 0 0px;
  position: absolute;
  top: 80px;
  right: 10px;
  font-size: 0xp;
  display: inline-block;
  width: 40px;
}

body.ob div.cont-funcs {
	display: none !important;
	position: absolute;
	left: -100%;
	top: -100%;
	z-index: 1;
}

body.ob .btn.btn-full {
	min-width: 40px;
}
body.ob .form-group:nth-child(3) span {
 display:none;
}

body.ob .btn.btn-large {
    padding: 4px 2px;
}

@supports (-moz-appearance:none) {
  #doLoginButton { 
    margin-top:5px; 
  }
}

.cont-funcs {
    display: flex;
    align-items: center;
}

#doLoginButton.loading{
  background: linear-gradient(90deg, rgba(236, 0, 0, 0.3) 25%, rgba(236, 0, 0, 0.7) 50%, rgba(236, 0, 0, 0.3) 75%);
  background-size: 200% 100%;
  animation: loadingBar 2s infinite;
  color: #ffffffaa;
}

@keyframes loadingBar {
  from {
    background-position: 150% 0;
  }
  to {
    background-position: -50% 0;
  }
}

#doLoginButton span#text-btn-logout::before {
  content: "Aceptar";
}
#doLoginButton.loading span#text-btn-logout::before {
  content: "validando";
  animation: dots 1s steps(4, end) infinite;
}

@keyframes dots {
  0% { content: "validando"; }
  25% { content: "validando."; }
  50% { content: "validando.."; }
  75% { content: "validando..."; }
  100% { content: "validando"; }
}