/*=- EXCEPTION: You are importing a file ending in .less that cannot be found [../../../../custom/FG/client/src/styles/_classes.less]. -=*/

/*=- /Content/Layouts/Vector/stylesheets/section-loyalty-login.less -=*/
@import (reference) "../../../../custom/FG/client/src/styles/_classes.less";

.page-content a.button-enrollNow {
    inset: 1.5em 0 0 -5.75em;
}

.LC-login-block {
  position: relative;
  margin: 2.5em 0 0 0 !important;
  padding: 37px 0 0;
  height: 490px;
  background: #3f638d url(/content/filebank?id=528de054-26ed-42fb-ba57-3fc58e47f688) no-repeat center 380px;
  background-image: url(/content/filebank?id=e8507e69-a606-473a-9806-3da950b1fb32), none;
  border-top: 4px solid #ffb500;
}
.LC-login-block h2,
.LC-login-block h3,
.LC-login-block .inputText {
  margin-left: 40px;
}
.LC-login-block h2 {
  font-size: 18pt;
  line-height: 28px;
  color: #99ccff;
  margin-bottom: 0;
}
.LC-login-block h3 {
  color: #99ccff;
  margin-top: 10px;
}
.LC-login-form span {
  display: block;
  margin: 40px 0 16px;
  padding: 18px 0 24px;
  background: #99ccff url(../images/design/loyalty-background-lapis.png) center center;
  border-width: 2px 0;
  border-style: solid;
  border-color: #ffb500;
}
.LC-login-block .inputText {
  display: block;
  width: 220px;
  font-size: 12pt;
  text-indent: 5px;
  box-shadow: inset 0px 3px 3px -3px #666666;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.LC-login-block input[name="login"] {
  margin-bottom: 34px;
}
.LC-login-block label[id="rememberMe"] {
  display: block;
  margin: 0 40px 30px;
  color: #99ccff;
  font-size: 9pt;
  text-align: center;
}
.LC-login-block .loginButton {
  display: block;
  width: 100px;
  margin: 20px auto 0;
  padding: 10px 0;
  font-size: 11pt;
  font-weight: bold;
  background: white;
  color: #197ef2;
  border: none;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  cursor: pointer;
  transition: color 0.5s, background-color 0.5s;
}
.LC-login-block .loginButton:hover {
  color: #003366;
  background-color: #99ccff;
  border: none;
}
.LC-login-block ul.login-block-footer {
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  padding: 1.25em 40px;
  color: #99ccff;
  font-size: .75em;
  list-style-type: none;
  background: #003366;
  background: rgba(0, 51, 102, 0.65);

  display: flex;
  justify-content: center;
}
ul.login-block-footer li.loginLink2 { display: none; }

.LC-login-block ul.login-block-footer a {
  text-decoration: underline;
}