.loginForm {
  height: 100vh;
  width: 100%;
  color: var(--gray1) !important;
}

.loginForm .backimage,
.loginForm .form .loginForm .backimage {
  background: url('../img/orienta-me/Login-2.png') no-repeat left center fixed;
}

.backimage2 {
  background-image: url("https://orienta-me.com/assets/globals/img/orienta-me/login/Login-back.png");
  background-size: cover;
}

/* .backimage2:before {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	width: 49.25%;
} */

.backimage2,
.backimage2.default,
.backimage2.latam,
.backimage2.udem,
.backimage2.walmart,
.backimage2.plexus {
  /* background: linear-gradient(rgba(57, 66, 136, 1), rgba(77, 193, 238, 1)); */
  background: linear-gradient(rgba(57, 66, 136, 1), rgba(77, 193, 238, 1)), url("https://orienta-me.com/assets/globals/img/orienta-me/login/Login-back.png") no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
}

.backimage2.hsbc,
.backimage2.sigma {
  background-color: rgba(220, 13, 23, 1);
  background-blend-mode: multiply;
}

.backimage2.tec {
  background-color: rgba(35, 68, 150, 1);
  background-blend-mode: multiply;
}

.backimage2.tecmilenio {
  background-color: rgba(37, 143, 54, 1);
  background-blend-mode: multiply;
}

/* .backimage2.sigma:before { background-color: rgba(211, 46, 63, 0.6); } */
.backimage2.sodexo {
  background-color: rgba(250, 191, 18, 1);
  background-blend-mode: multiply;
}

.backimage2.be{ background-color: rgba(155, 62, 134,.8); background-blend-mode: multiply; }

/* Versión con degradado lineal */
/* .backimage2.be {
  background-image: linear-gradient(
      to right,
      rgba(149, 63, 135, 1),
      rgba(149, 63, 135, 0.8)
  );
  background-color: rgba(149, 63, 135, 1);
  background-blend-mode: multiply;
} */


.backimage2 img.title {
  position: absolute;
  bottom: 50px;
  left: 100px;
  max-width: 500px;
}

#FormLogin i.fas,
#FormLogin i.fa {
  font-size: xx-large;
  color: var(--gray2);
}

input {
  background: var(--gray3);
}

.btn-primary {
  background-color: var(--portUsuarios);
  border: none;
}

a {
  color: var(--gray1) !important;
  text-decoration: none;
  font-weight: 600;
}

a:hover {
  color: var(--gray2) !important;
}

.checkbox input[type="checkbox"] {
  border: 2px solid var(--portUsuarios) !important;
}

.Btn-Blue {
  background-color: var(--portUsuarios) !important;
  color: white;
  border: none;
  margin: .5em;
  font-size: larger;
}

.Btn-Blue:hover,
.Btn-Blue:active,
.Btn-Blue:focus {
  background-color: var(--portLiv) !important;
  color: white;
}

#BoxQuestion {
  position: fixed;
  width: 60px;
  height: 60px;
  right: 20px;
  bottom: 20px;
  border-radius: 50%;
  background: #29538f !important;
  cursor: pointer;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

#BoxQuestion .fa-question {
  font-size: 32px;
  color: #FFF !important;
}

#BoxLogin-Right {
  height: 100vh;
  overflow-y: scroll;
  padding: 1em;
}

/* Chat Modal */
.Bg-1 {
  background-color: var(--portUsuarios) !important;
  color: white !important;
}