@media screen and (min-width: 0px) {
  html {
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  html body {
    height: 100%;
    margin: 0;
    padding: 0;
  }
  html body .loginBackground {
    height: 100%;
    width: 100%;
    margin-top: 50px;
    background: #232526;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #232526, #414345);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #232526, #414345);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    overflow: auto;
  }
  html body .loginBackground .webLogo {
    display: block;
    margin-left: 10%;
    margin-right: 10%;
    padding-top: 30px;
    padding-bottom: 10px;
    width: 80%;
  }
  html body .loginBackground .loginErrorContainer {
    display: block;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    background: rgba(224, 108, 108, 0.5);
    border: 1px solid #B80000;
    margin-bottom: 10px;
  }
  html body .loginBackground .loginErrorContainer .loginError {
    padding: 5px;
    font-size: 8pt;
    color: #E6E3E3;
    margin: 0;
  }
  html body .loginBackground .loginSuccesContainer {
    display: block;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    background: rgba(155, 240, 105, 0.2);
    border: 1px solid #478A20;
    margin-bottom: 10px;
  }
  html body .loginBackground .loginSuccesContainer .loginSucces {
    padding: 5px;
    font-size: 8pt;
    color: #E6E3E3;
    margin: 0;
  }
  html body .loginBackground .loginContainer {
    display: block;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    padding-bottom: 95px;
  }
  html body .loginBackground .loginContainer .loginLabel {
    font-size: 8pt;
    width: 100%;
    color: #A6A6A6;
    margin: 7px 0px 3px 2px;
  }
  html body .loginBackground .loginContainer .loginInput {
    width: 100%;
    height: 28px;
    font-size: 10pt;
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
  }
  html body .loginBackground .loginContainer .loginInput:focus {
    outline: none;
  }
  html body .loginBackground .loginContainer .loginRow {
    width: 100%;
    margin-top: 12px;
  }
  html body .loginBackground .loginContainer .loginRow .loginLoader {
    width: 10px;
    float: left;
    margin-left: 8px;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  html body .loginBackground .loginContainer .loginRow .loginBtn {
    -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    box-shadow: inset 0px 1px 0px 0px #fce2c1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0be33), color-stop(1, #ffcc32));
    background: -moz-linear-gradient(top, #f0be33 5%, #ffcc32 100%);
    background: -webkit-linear-gradient(top, #f0be33 5%, #ffcc32 100%);
    background: -o-linear-gradient(top, #f0be33 5%, #ffcc32 100%);
    background: -ms-linear-gradient(top, #f0be33 5%, #ffcc32 100%);
    background: linear-gradient(to bottom, #f0be33 5%, #ffcc32 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0be33', endColorstr='#ffcc32', GradientType=0);
    background-color: #f0be33;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #eeb44f;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    line-height: 15px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #cc9f52;
    margin-left: 5px;
    float: left;
  }
  html body .loginBackground .loginContainer .loginRow .loginBtn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffcc32), color-stop(1, #f0be33));
    background: -moz-linear-gradient(top, #ffcc32 5%, #f0be33 100%);
    background: -webkit-linear-gradient(top, #ffcc32 5%, #f0be33 100%);
    background: -o-linear-gradient(top, #ffcc32 5%, #f0be33 100%);
    background: -ms-linear-gradient(top, #ffcc32 5%, #f0be33 100%);
    background: linear-gradient(to bottom, #ffcc32 5%, #f0be33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc32', endColorstr='#f0be33', GradientType=0);
    background-color: #ffcc32;
  }
  html body .loginBackground .loginContainer .loginRow .loginBtn:active {
    position: relative;
    top: 1px;
  }
  html body .loginBackground .loginContainer .loginRow .loginBtnDisabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.3;
  }
  html body .loginBackground .loginContainer .loginRow .forgotSignLink {
    text-decoration: none;
    float: right;
    font-size: 8pt;
    color: #0bd6c0;
    margin: 2px 0px 2px 20px;
    border-bottom: 1px dotted #0bd6c0;
  }
  html body .loginBackground .loginContainer .loginRow .forgotSignLink:hover {
    border-bottom: 1px solid #0bd6c0;
  }
  html body .loginBackground .forgotPWContainer {
    display: block;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    padding-bottom: 60px;
  }
  html body .loginBackground .forgotPWContainer .forgotTxt {
    font-size: 9pt;
    color: #A6A6A6;
  }
  html body .loginBackground .forgotPWContainer .forgotRow {
    width: 100%;
  }
  html body .loginBackground .forgotPWContainer .forgotRow .forgotInput {
    float: left;
    width: 55%;
    height: 30px;
    font-size: 10pt;
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
  }
  html body .loginBackground .forgotPWContainer .forgotRow .forgotInput:focus {
    outline: none;
  }
  html body .loginBackground .forgotPWContainer .forgotRow .forgotBtn {
    -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    box-shadow: inset 0px 1px 0px 0px #fce2c1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0be33), color-stop(1, #ffcc32));
    background: -moz-linear-gradient(top, #f0be33 5%, #ffcc32 100%);
    background: -webkit-linear-gradient(top, #f0be33 5%, #ffcc32 100%);
    background: -o-linear-gradient(top, #f0be33 5%, #ffcc32 100%);
    background: -ms-linear-gradient(top, #f0be33 5%, #ffcc32 100%);
    background: linear-gradient(to bottom, #f0be33 5%, #ffcc32 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0be33', endColorstr='#ffcc32', GradientType=0);
    background-color: #f0be33;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #eeb44f;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    line-height: 12px;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 8px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #cc9f52;
    margin-left: 2%;
    width: 15%;
    min-width: 50px;
    float: left;
    text-align: center;
  }
  html body .loginBackground .forgotPWContainer .forgotRow .forgotBtn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffcc32), color-stop(1, #f0be33));
    background: -moz-linear-gradient(top, #ffcc32 5%, #f0be33 100%);
    background: -webkit-linear-gradient(top, #ffcc32 5%, #f0be33 100%);
    background: -o-linear-gradient(top, #ffcc32 5%, #f0be33 100%);
    background: -ms-linear-gradient(top, #ffcc32 5%, #f0be33 100%);
    background: linear-gradient(to bottom, #ffcc32 5%, #f0be33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc32', endColorstr='#f0be33', GradientType=0);
    background-color: #ffcc32;
  }
  html body .loginBackground .forgotPWContainer .forgotRow .forgotBtn:active {
    position: relative;
    top: 1px;
  }
  html body .loginBackground .forgotPWContainer .forgotRow .cancelLink {
    text-align: center;
    text-decoration: none;
    float: left;
    font-size: 9pt;
    color: #0bd6c0;
    margin: 4px 0px 0px 6px;
    border-bottom: 1px dotted #0bd6c0;
  }
  html body .loginBackground .forgotPWContainer .forgotRow .cancelLink:hover {
    border-bottom: 1px solid #0bd6c0;
  }
  html body .loginBackground .signUpContainer {
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    float: left;
    padding-bottom: 60px;
  }
  html body .loginBackground .signUpContainer .signUpRow {
    width: 100%;
    margin-bottom: 8px;
    float: left;
  }
  html body .loginBackground .signUpContainer .signUpRow .signUpLabel {
    float: left;
    width: 30%;
    color: #F2EBEB;
    font-size: 8pt;
    font-weight: bold;
  }
  html body .loginBackground .signUpContainer .signUpRow .signUpTxt {
    float: left;
    margin-left: 5%;
    width: 65%;
    height: 25px;
    font-size: 9pt;
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
  }
  html body .loginBackground .signUpContainer .signUpRow .signUpTxt:focus {
    outline: none;
  }
  html body .loginBackground .signUpContainer .signUpRow .signUpTxa {
    float: left;
    margin-left: 5%;
    width: 65%;
    font-size: 11pt;
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
    resize: vertical;
  }
  html body .loginBackground .signUpContainer .signUpRow .signUpTxa:focus {
    outline: none;
  }
  html body .loginBackground .signUpContainer .signUpRow .signUpBtn {
    -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    box-shadow: inset 0px 1px 0px 0px #fce2c1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0be33), color-stop(1, #ffcc32));
    background: -moz-linear-gradient(top, #f0be33 5%, #ffcc32 100%);
    background: -webkit-linear-gradient(top, #f0be33 5%, #ffcc32 100%);
    background: -o-linear-gradient(top, #f0be33 5%, #ffcc32 100%);
    background: -ms-linear-gradient(top, #f0be33 5%, #ffcc32 100%);
    background: linear-gradient(to bottom, #f0be33 5%, #ffcc32 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0be33', endColorstr='#ffcc32', GradientType=0);
    background-color: #f0be33;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #eeb44f;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    line-height: 15px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #cc9f52;
    margin-left: 35%;
    margin-top: 12px;
    float: left;
    text-align: center;
  }
  html body .loginBackground .signUpContainer .signUpRow .signUpBtn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffcc32), color-stop(1, #f0be33));
    background: -moz-linear-gradient(top, #ffcc32 5%, #f0be33 100%);
    background: -webkit-linear-gradient(top, #ffcc32 5%, #f0be33 100%);
    background: -o-linear-gradient(top, #ffcc32 5%, #f0be33 100%);
    background: -ms-linear-gradient(top, #ffcc32 5%, #f0be33 100%);
    background: linear-gradient(to bottom, #ffcc32 5%, #f0be33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc32', endColorstr='#f0be33', GradientType=0);
    background-color: #ffcc32;
  }
  html body .loginBackground .signUpContainer .signUpRow .signUpBtn:active {
    position: relative;
    top: 1px;
  }
  html body .loginBackground .signUpContainer .signUpRow .cancelLink {
    text-align: center;
    text-decoration: none;
    float: left;
    font-size: 10pt;
    color: #0bd6c0;
    margin: 16px 0px 0px 15px;
    border-bottom: 1px dotted #0bd6c0;
  }
  html body .loginBackground .signUpContainer .signUpRow .cancelLink:hover {
    border-bottom: 1px solid #0bd6c0;
  }
  html body .loginBackground #infoContainer {
    width: 100%;
    border-top: 1px solid #525252;
    border-bottom: 1px solid #525252;
    background: rgba(70, 70, 70, 0.9);
    color: #fff;
    float: left;
    height: 200px;
  }
  html body .loginBackground #infoContainer .infoWrap {
    position: absolute;
    margin-left: -150px;
    left: 50%;
    width: 300px;
    float: left;
    margin-top: 0px;
    display: none;
  }
  html body .loginBackground #infoContainer .infoWrap .infoTitle {
    margin-top: 5px;
    font-size: 10pt;
    font-weight: bold;
  }
  html body .loginBackground #infoContainer .infoWrap .infoListTitle {
    margin-left: 5px;
    color: #fff;
    font-size: 10pt;
  }
  html body .loginBackground #infoContainer .infoWrap .infoList {
    margin-left: 5px;
    color: #fff;
    font-size: 9pt;
  }
  html body .loginBackground #infoContainer .infoWrap .infoBottom {
    margin: 0;
    font-size: 9pt;
  }
  html body .loginBackground #infoContainer .infoWrap .infoCopyRight {
    margin-top: 15px;
    font-size: 9pt;
  }
  html body .loginBackground #infoContainer .logosContainer {
    position: absolute;
    left: 50%;
    margin-left: -150px;
    float: left;
    height: 60px;
    width: 300px;
  }
  html body .loginBackground #infoContainer .logosContainer .logoWrap {
    float: left;
    margin: 10px 5px 10px 5px;
    padding: 5px;
    width: 30%;
    min-width: 75px;
    background: rgba(242, 242, 242, 0.99);
    border-radius: 20px;
    text-align: center;
  }
  html body .loginBackground #infoContainer .logosContainer .logoWrap .logo {
    height: 18px;
  }
}