#loginWrapper {
  background-image: url(../..//images/720p/bgLogin.png);
  background-repeat: no-repeat;
  opacity: 0;
  z-index: 3;
  display: none;
}

#loginBackButtonWrapper {
    position: absolute;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 133px;
}

#loginBackButton {
    background-image: url(../..//images/720p/button_standard.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 133px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#loginBackButton.focus,
#loginBackButton:hover {
    background-position: -127px 0;
}

#loginBackButtonIcon {
    background-image: url(../..//images/720p/icon_back.png);
    background-repeat: no-repeat;
    background-position: 45px 48px;
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
}


#notLoggedInWrapper {
  position: absolute;
  top: 55.3px;
  left: 310px;
  width: 660px;
  height: 610px;
  border-radius: 33.8px;
  background-color: #ffffff;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
}

#loginCodeTile {
  position: absolute;
  left: 98px;
  top: 43.7px;
  width: 463.4px;
  height: 90px;
  font-family: "Nunito-Black";
  font-size: 37.5px;
  text-align: center;
  color: #41505c;
}

#dottedUrl {
  position: absolute;
  top: 176px;
  left: 52.5px;
  width: 552.8px;
  height: 68.3px;
  border-radius: 13.5px;
  border: solid 3px #ff9b42;
  border-style: dotted;
  font-family: "Nunito-Black";
  font-size: 22.5px;
  text-align: center;
  color: #41505c;
  padding-top: 17px;
}

#loginCodeText {
  position: absolute;
  top: 290px;
  left: 51.8px;
  width: 554px;
  height: 74px;
  font-family: "NunitoSans-SemiBold";
  font-size: 27px;
  font-weight: 600;
  text-align: center;
  color: #41505c;
}
#loginCodeText img{
	position: relative;
	left: 2px;
	top: 4px;
}

#loginCodeCenter {
  position: absolute;
  left: 52.5px;
  top: 404px;
  width: 650px;
  height: 73px;
}

#loginCodeCenter .loginCodeNumber {
  position: relative;
  float: left;
  width: 73px;
  height: 73px;
  background-color: #fff;
  display: table;
  margin-right: 22.5px;
  width: 73.5px;
  height: 72.8px;
  background-color: #ffffff;
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.14);
  border: solid 1.9px #ff9b42;
  border-radius: 26px;
}

#loginCodeCenter .loginCodeNumber .loginCodeFocused {
  border: 5px solid #e9eb10;
  display: none;
  height: 110%;
  left: -5px;
  position: absolute;
  top: -5px;
  width: 111%;
}


/*#loginCodeCenter .loginCodeNumber:hover .loginCodeFocused,
#loginCodeCenter .loginCodeNumber.focus .loginCodeFocused,
#loginCodeCenter .loginCodeNumber:hover.incorrect .loginCodeFocused,
#loginCodeCenter .loginCodeNumber.focus.incorrect .loginCodeFocused {
    display: block;
    border: 5px solid #e9eb10;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
}*/

#loginCodeCenter .loginCodeNumber.incorrect .loginCodeFocused {
  display: block;
  border: 5px solid #f12102;
}

#loginCodeCenter .loginCodeNumber .loginCode {
  display: table-cell;
  vertical-align: middle;
  font-size: 33.8px;
  color: #41505c;
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: "Nunito-ExtraBold";
}


/*#loginCodeCenter .loginCodeNumber.focus .loginCodeArrow,
#loginCodeCenter .loginCodeNumber:hover .loginCodeArrow {
    display: block;
}*/

#loginCodeCenter .loginCodeNumber .loginCodeArrow {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 34px;
  font-family: "fontawesome-webfont";
  display: none;
}

#loginCodeCenter .loginCodeNumber .loginCodeArrow.arrowUp {
  top: -45px;
}

#loginCodeCenter .loginCodeNumber .loginCodeArrow.arrowDown {
  bottom: -45px;
}

#invalidCodeMsg {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 20px;
  color: #f12102;
  font-size: 32px;
  text-align: center;
  display: none;
}

#loginBottomHelpMsg, #checkingLoginHelpMsg {
  position: absolute;
  top: 521px;
  width: 660px;
  font-family: "NunitoSans-SemiBold";
  font-size: 27px;
  text-align: center;
  color: #41505c;
}
#loginBottomHelpMsg span{
  color: #ff9b42 !important;

}
#checkingLoginWrapper, #loggedInSuccessfulWrapper {
  position: absolute;
  top: 113px;
  left: 311px;
  width: 660px;
  height: 493.7px;
  border-radius: 33.8px;
  background-color: #ffffff;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
  display: none;
}


#checkingLoginMsg {
  position: relative;
  float: left;
  width: 100%;
  font-size: 36px;
  color: #fff;
  text-align: center;
}

#checkingLoginLoadingWrapper {
  position: relative;
  float: left;
  width: 100%;
  height: 114px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../..//images/720p/login_spinner.png);
  margin-top: 35px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 2000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 2000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#pleaseWaitMsg {
  position: relative;
  float: left;
  width: 100%;
  font-size: 32px;
  color: #fff;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 35px;
}

#loggedInWelcomeMsg {
  position: absolute;
  top: 30px;
  float: left;
  width: 100%;
  text-align: center;
  font-family: "Nunito-Black";
  font-size: 37.5px;
  color: #41505c;
}

#loggedInHappyMsg {
  position: absolute;
  top: 79px;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 27px;
  font-family: "NunitoSans-SemiBold";
  color: #41505c;
}

#loggedInAccountMsg {
  position: absolute;
  top: 156px;
  left:53px;
  width: 553px;
  height: 151px;
  border-radius: 13.5px;
  border: solid 3px #ff9b42;
  border-style: dotted;
}

#loggedInAccountMsg p {
  position: absolute;
  /* display: table-cell; */
  /* vertical-align: middle; */
  font-family: "NunitoSans-SemiBold";
  color: #41505c;
  font-size: 27px;
  text-align: center;
  top: 28px;
}

#loggedInContinueButtonWrapper {

}

#loggedInContinueButton {
  position: absolute;
  top:360px;
  left:160.3px;
  width: 337.5px;
  height: 68.3px;
  border-radius: 13.5px;
  background-color: #8d62ff;
}

#loggedInContinueButton p {
  vertical-align: middle;
      text-align: center;
      font-size: 22.5px;
      margin-top: 18px;
      font-family: "NunitoSans-Black";
      color: #ffffff;
}

#loggedInContinueButton.focus, #loggedInContinueButton:hover {
  background-color: #ff9b42;
  box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.15);
}