/*@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;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 20px var(--cg-light) inset;
}
#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;
  overflow: hidden;
  position: relative;
}
.loginbox:before {
  content: "";
  background-color: var(--ol-loginbox, transparent);
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.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;
  background-color: var(--cg-light);
}
.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;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.xt-info-box:before {
  content: "";
  background-color: var(--ol-loginbox2, transparent);
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.xt-info-box .xt-label {
  color: red;
}
.xt-info-box .xt-label:before {
  content: var(--text);
}
.xt-info-box #LabelIcon {
  --text: var(--tx-login-logo);
  color: var(--ct-login-logo-fg);
  transform: var(--tf-login-logo);
}
.xt-info-box #LabelIcon:before {
  font-family: fontawesome;
}
.xt-info-box #LabelDesc1 {
  --text: var(--tx-login-desc1);
  color: var(--ct-login-desc1-fg);
  transform: var(--tf-login-desc1);
}
.xt-info-box #LabelDesc2 {
  --text: var(--tx-login-desc2);
  color: var(--ct-login-desc2-fg);
  transform: var(--tf-login-desc2);
}
#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;
}