/*@baseBG:#00a093;
@baseBG:#37adea;*/
/*@baseBG:#930000;*/
/*@baseBG:#4fd100;*/
/*#e6e6e6;*/
/*@hiliteBG:fade(white,90%);*/
/*@BGRibbon:fadeout(@baseBG,60%);*/
/*@WindowBG:black;*/
/*@GroupBG:@TitleBarBG;*/
/*@GroupFG:contrast(@GroupBG);*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body,
html {
  height: 100%;
}
html {
  background-color: var(--cb);
  color: var(--cp-fg);
  /*font-family: Gotham-Book;*/
}
body {
  font-family: var(--f1);
  font-size: var(--f1-s);
}
.xt-media-sm-dn body {
  overflow: hidden;
}
#MainCont {
  background: var(--cb-login);
}
#EnvLogo,
.quotebox,
.aspNetHidden {
  display: none;
}
.backg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--bg-login);
  filter: var(--ft-login-filter);
  animation: xt-moving-backg var(--bg-anim-time, 0s) linear infinite;
}
#form1 {
  /*background-color: #ffffff54;*/
  display: flex;
  width: 88rem;
  margin: auto;
  /* padding-top: 15rem; */
  /* height: 30rem; */
  height: 100%;
  align-items: center;
  /* padding: 5rem; */
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.xt-media-sm-dn #form1 {
  width: 90%;
  grid-template-columns: none;
  align-items: unset;
  padding-top: 1.6rem;
}
.loginbox {
  border-radius: 1.6rem;
  box-shadow: var(--e12);
  height: 56rem;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  padding: 4.8rem;
  background: var(--bg-loginbox);
  transform: var(--tf-loginbox);
  text-align: center;
}
.xt-media-sm-dn .loginbox {
  height: 49.6rem;
}
.loginbox #LoginMessage {
  margin-top: 14.4rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  text-align: left;
  display: block;
}
.xt-media-sm-dn .loginbox #LoginMessage {
  margin-top: 9.6rem;
}
.loginbox .LoginTitle2,
.loginbox .LoginTitle1 {
  display: none;
}
.loginbox .logintable {
  display: block;
}
.loginbox .logintable tbody,
.loginbox .logintable tr,
.loginbox .logintable td {
  display: block;
}
.loginbox .logintable .xt-label-cell {
  display: none;
}
.loginbox .logintable .xt-input-row {
  box-shadow: var(--e4);
  box-shadow: var(--e2);
  display: flex;
  padding: 1.6rem;
  margin-top: 1.6rem;
  border-radius: 0.48rem;
}
.loginbox .logintable .xt-input-row:before {
  font-family: fontawesome;
  padding-right: 1.6rem;
  line-height: 3.2rem;
  border-right: 1px solid var(--clh);
}
.loginbox .logintable .xt-input-row td {
  flex-grow: 1;
  padding-left: 1.6rem;
}
.loginbox .logintable .xt-input-row input {
  border: none;
  background-color: white;
  height: 3.2rem;
  width: 100%;
  font-size: 1.92rem;
}
.loginbox .logintable .xt-input-row input::placeholder {
  font-style: italic;
  font-size: 1.6rem;
}
.loginbox .logintable .xt-input-row.xt-name:before {
  content: '';
}
.loginbox .logintable .xt-input-row.xt-pwd:before {
  content: '';
}
.loginbox .logintable .xt-action-row td {
  display: grid !important;
  /* text-align: center; */
  justify-items: center;
  margin-top: 3.2rem;
}
.loginbox .logintable .xt-action-row .LoginButton {
  cursor: pointer;
  background: var(--cb-login);
  color: var(--c1-fg);
  border: none;
  padding: 0.8rem 1.6rem;
  border-radius: 0.48rem;
  width: fit-content;
  font-size: 2.08rem;
  margin-bottom: 1.6rem;
}
.loginbox .logintable .xt-action-row .LoginButton:before {
  font-family: fontawesome;
  content: '';
  padding-right: 0.8rem;
}
.loginbox .logintable .xt-action-row #LinkRecover {
  height: 3.8rem;
  width: fit-content;
  font-size: 1.6rem;
}
.xt-info-box {
  border-radius: 1.6rem;
  box-shadow: var(--e12);
  height: 56rem;
  transform: var(--tf-loginbox2);
  background: var(--bg-loginbox2);
  padding: 4.8rem;
}
#LinkPoweredBy {
  position: absolute;
  bottom: 1.6rem;
  left: 1.6rem;
  font-size: 1.28rem;
  color: white;
  display: var(--dp-powered-by);
  text-shadow: 2px 2px 3px black;
}
#LinkPoweredBy:before {
  content: 'Powered by X-tend Perú Evolver';
}
#CompanyLink {
  color: var(--cb-login);
  font-weight: bold;
  font-size: 2.08rem;
}