body.LoginPanel--Open {
  overflow: hidden;
}
body.LoginPanel--Open:after {
  inset: 0;
  content: "";
  z-index: 1000;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
}

div#LoginPanel {
  position: relative;
  padding: 30px 8.33%;
  width: 100%;
  height: 480px;
  top: 0px;
  background-color: white;
  font-size: 12px;
  color: black;
  z-index: 1001;
  display: none;
  font-family: benton-sans, sans-serif;
  /* #Link-Register:hover {
      background-color: white;
      color: black;
      bottom: 0;
      height: 100%;
      transition: all .3s ease-in-out;
  }*/
}
div#LoginPanel div.Clear {
  margin-top: 20px;
}
div#LoginPanel .lblFields {
  font-size: 14px;
  font-weight: 600;
}
div#LoginPanel label {
  color: black;
  padding-left: 0;
}
div#LoginPanel a {
  color: black;
  text-decoration: none;
}
div#LoginPanel a:hover {
  color: black;
}
div#LoginPanel #Link-Register {
  color: black;
  position: absolute;
  text-decoration: none;
  z-index: 1;
  font-size: 14px;
  height: 23px;
  font-weight: 600;
  font-family: inherit;
}
div#LoginPanel #Link-Register::before {
  content: "";
  background-color: black;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}
div#LoginPanel #Link-Register:hover::before {
  height: 100%;
}
div#LoginPanel #Link-Register:hover {
  color: white;
}
div#LoginPanel a.Login__Close {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 10px;
}
div#LoginPanel a.Login__Close i {
  font-weight: normal;
  font-size: 1.125rem;
}
div#LoginPanel div#Psw_Dim {
  width: 100%;
  display: flex;
}
div#LoginPanel h1 {
  margin-bottom: 20px;
}
div#LoginPanel h3 {
  margin-bottom: 20px;
  padding: 0;
  color: black;
  font-size: 20px;
}
div#LoginPanel div.GenericForm {
  display: table;
  width: 100%;
}
div#LoginPanel div.GenericForm div.TwoColumn {
  display: table-cell;
  width: 50%;
  vertical-align: top;
  /*padding: 0px 10% 0% 10%;*/
}
div#LoginPanel div.GenericForm div.TwoColumn p {
  font-size: 14px;
  color: black;
}
div#LoginPanel div.GenericForm div.TwoColumn div.Text {
  font-size: 13px;
}
div#LoginPanel div.GenericForm div.TwoColumn:nth-child(1) {
  /*width: 40%;*/
  padding-left: 20%;
}
div#LoginPanel div.GenericForm div.TwoColumn:nth-child(1) h3 {
  margin-bottom: 20px;
}
div#LoginPanel div.GenericForm div.TwoColumn:nth-child(2) {
  /*width: 40%;*/
  padding-right: 20%;
}
@media only screen and (max-width: 499px) {
  div#LoginPanel div.GenericForm div.TwoColumn form {
    width: 100%;
  }
}
div#LoginPanel div.GenericForm div.TwoColumn #Button {
  background-color: black;
  margin-left: auto;
  color: white !important;
}
div#LoginPanel div.GenericForm div.TwoColumn input#Email, div#LoginPanel div.GenericForm div.TwoColumn input#Password {
  width: 100%;
  border-color: black;
  margin-bottom: 0px;
  background-color: transparent;
  color: black;
  height: 3.4375rem;
}
div#LoginPanel div.GenericForm div.TwoColumn #lblPassword {
  padding-top: 10px;
}
div#LoginPanel div.GenericForm div.TwoColumn .Link {
  padding: 5px;
  overflow: hidden;
  line-height: 1.5;
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin-left: auto;
  /*&::after {
      z-index: -1;
      content: " ";
      display: block;*/
  /*height: 1px;*/
  /*position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: black;
      transform: translateY(100%) translateY(-1px);
      transition: .3s cubic-bezier(.42,0,0,1);
  }

  &:hover {
      color: white;

      &::after {
          transform: translateY(0%);
      }
  }*/
}
div#LoginPanel div.GenericForm div.TwoColumn .Register {
  margin-top: 1.875rem !important;
}
div#LoginPanel div.GenericForm div.TwoColumn .Left {
  float: left;
  margin-top: 26px;
}
div#LoginPanel div.GenericForm div.TwoColumn .Left a {
  color: #898989;
  display: inline-block;
}
div#LoginPanel div.GenericForm div.TwoColumn .Left a:hover {
  text-decoration: none;
  border-bottom: 1px solid #fecb00;
}
@media only screen and (max-width: 999px) {
  div#LoginPanel div.GenericForm div.TwoColumn {
    display: block;
    width: 100%;
  }
}
div#LoginPanel div.GenericForm div.TwoColumn:first-child {
  padding-right: 70px;
}
@media only screen and (max-width: 999px) {
  div#LoginPanel div.GenericForm div.TwoColumn:first-child {
    padding: 0;
  }
}
@media only screen and (max-width: 999px) {
  div#LoginPanel div.GenericForm div.TwoColumn:last-child {
    margin-top: 30px;
  }
}
div#LoginPanel div.GenericForm div.TwoColumn strong {
  display: block;
  text-transform: uppercase;
}
div#LoginPanel div.GenericForm div.TwoColumn div.Login__Row {
  display: flex;
  align-items: center;
  padding-top: 10px;
}
div#LoginPanel div.GenericForm div.TwoColumn div.Login__Row div.Login__Column {
  flex: 1;
  display: flex;
  align-items: center;
}
div#LoginPanel div.GenericForm div.TwoColumn div.Login__Row div.Login__Column:nth-child(2) {
  text-align: right;
}
div#LoginPanel div.GenericForm div.TwoColumn div.Login__Row div.Login__Column label {
  height: inherit;
}
div#LoginPanel div.GenericForm div.TwoColumn div.Column {
  vertical-align: top;
  margin-top: 20px;
  display: flex;
  align-items: center;
  color: white;
}
div#LoginPanel div.GenericForm div.TwoColumn div.Column i {
  font-size: 14px;
  color: black;
}
div#LoginPanel div.GenericForm div.TwoColumn div.Column div.Image {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url("Register/Sprite.png") no-repeat;
  float: left;
}
div#LoginPanel div.GenericForm div.TwoColumn div.Column div.Image.Clock {
  background-position: 0 0;
}
div#LoginPanel div.GenericForm div.TwoColumn div.Column div.Image.Addresses {
  background-position: -48px 0;
}
div#LoginPanel div.GenericForm div.TwoColumn div.Column div.Image.Eye {
  background-position: -96px 0;
}
div#LoginPanel div.GenericForm div.TwoColumn div.Column div.Image.Discount {
  background-position: -144px 0;
}
div#LoginPanel div.GenericForm div.TwoColumn div.Column div.Text {
  margin-left: 1.25rem;
  color: black;
}