/* line 4, framework/resources/css/login.scss */
body {
  background-repeat: repeat-x;
  background-position: top left;
  font: 12px arial;
  background-image: url("/Framework/Resources/Images/Login/login_bg.png");
  /* From Skin */ }

/* line 12, framework/resources/css/login.scss */
h2 {
  font-size: 18px; }

/* line 17, framework/resources/css/login.scss */
dd {
  font-size: 100%; }

/* line 22, framework/resources/css/login.scss */
.canvas {
  position: absolute;
  top: 40%;
  left: 50%;
  margin: 0;
  padding: 0;
  background: none;
  width: 1px;
  height: 1px;
  overflow: visible; }
  /* line 57, framework/resources/css/login.scss */
  .canvas .canvas-wrap-out {
    position: relative;
    top: -285.5px;
    left: -421px;
    width: 564px;
    height: 321px;
    margin: 0;
    padding: 125px 65px 282px 139px;
    background: url("/Framework/Resources/Images/Login/login_center.png") no-repeat 0 0;
    overflow: visible; }
  /* line 69, framework/resources/css/login.scss */
  .canvas .canvas-wrap-in {
    padding: 45px 55px; }
  /* line 73, framework/resources/css/login.scss */
  .canvas .canvas-body {
    padding: 0;
    height: 231px;
    min-height: 0 !important;
    font-size: 120%; }
  /* line 80, framework/resources/css/login.scss */
  .canvas .canvas-bottom {
    white-space: nowrap; }
  /* line 84, framework/resources/css/login.scss */
  .canvas .sso-login {
    width: 423px;
    background-color: #FFF;
    position: relative;
    top: 16px;
    left: 63.5px;
    border-radius: 16px;
    box-shadow: 1px 2px 4px #036;
    text-align: center;
    font-size: 20px;
    color: #227AB3;
    padding: 11px 10px 10px 5px;
    font-family: 'Roboto', sans-serif; }
    /* line 98, framework/resources/css/login.scss */
    .canvas .sso-login a.blank-link {
      text-decoration: none; }
    /* line 102, framework/resources/css/login.scss */
    .canvas .sso-login div {
      margin: auto;
      text-align: center; }
    /* line 107, framework/resources/css/login.scss */
    .canvas .sso-login div.learn-more {
      font-size: 12px;
      padding: 4px 0 0 0;
      color: #7799BB; }
      /* line 112, framework/resources/css/login.scss */
      .canvas .sso-login div.learn-more span.what-is-bridge {
        cursor: pointer; }
    /* line 117, framework/resources/css/login.scss */
    .canvas .sso-login div.learn-more .bridge-id-description {
      text-align: left;
      padding: 0 10px 0 10px; }
  /* line 122, framework/resources/css/login.scss */
  .canvas .common-signin-login-notice {
    background-image: url(/Framework/Resources/Images/Bridge/common-sign-in-login.jpg);
    background-repeat: no-repeat;
    position: absolute;
    top: -60px;
    left: 25px;
    z-index: 1;
    width: 800px;
    height: 180px; }
    /* line 132, framework/resources/css/login.scss */
    .canvas .common-signin-login-notice a.common-signin-faq {
      left: 117px;
      width: 140px;
      top: 85px;
      height: 13px;
      position: relative;
      display: inline-block;
      z-index: 1; }
    /* line 142, framework/resources/css/login.scss */
    .canvas .common-signin-login-notice a.common-signin-learn-more {
      left: 412px;
      width: 218px;
      height: 65px;
      display: inline-block;
      position: relative;
      top: 70px;
      z-index: 1; }

@media screen and (max-device-width: 1024px) {
  /* line 157, framework/resources/css/login.scss */
  .canvas {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    /* IE 9 */
    -webkit-transform: scale(1, 1);
    /* Safari and Chrome */
    -o-transform: scale(1, 1);
    /* Opera */
    -moz-transform: scale(1, 1);
    /* Firefox */ } }
@media screen and (max-device-width: 640px) {
  /* line 168, framework/resources/css/login.scss */
  .canvas {
    transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    /* IE 9 */
    -webkit-transform: scale(0.5, 0.5);
    /* Safari and Chrome */
    -o-transform: scale(0.5, 0.5);
    /* Opera */
    -moz-transform: scale(0.5, 0.5);
    /* Firefox */ } }
/* Login Master Page */
/* line 178, framework/resources/css/login.scss */
.login-master div.version {
  float: right; }

/* line 183, framework/resources/css/login.scss */
.login-master .separator {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  color: #AAAAAA;
  /* From Skin */ }

/* line 191, framework/resources/css/login.scss */
.login-master .need-help-action {
  float: left; }

/* line 196, framework/resources/css/login.scss */
.login-master .forgot-password-action {
  float: left; }

/* line 201, framework/resources/css/login.scss */
.login-panel,
.recover-password-panel {
  padding-top: 10px; }

/* Username, password */
/* line 208, framework/resources/css/login.scss */
.login-panel .login-header,
.recover-password-panel .recover-password-header {
  font-size: 1px;
  width: 330px;
  height: 66px;
  margin: 0 auto;
  background: url("/Framework/Resources/Images/Login/login-header.png") no-repeat 0 0; }

/* line 218, framework/resources/css/login.scss */
.login-panel dl {
  margin-top: 30px;
  margin-left: 65px; }

/* line 224, framework/resources/css/login.scss */
.login-panel dl.sso,
.create-user-body dl.sso {
  margin-top: 4px; }

/* line 230, framework/resources/css/login.scss */
.login-panel dl dt {
  float: left;
  width: 75px;
  padding: 3px; }

/* line 237, framework/resources/css/login.scss */
.login-panel .login-action {
  margin-left: 155px; }

/* line 242, framework/resources/css/login.scss */
.login-panel .validation-error-message {
  display: block;
  margin-top: 10px; }

/* line 248, framework/resources/css/login.scss */
.login-unsupported-browser-warning {
  padding: 5px;
  margin: 0;
  border: solid 1px gray;
  background-color: #FAFFBD;
  font-weight: normal; }

/* line 257, framework/resources/css/login.scss */
.forgot-password {
  display: none; }

/* line 262, framework/resources/css/login.scss */
.forgot-password .screen,
.need-help .screen {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  background-image: url("/Framework/Resources/Images/Layout/transparent-grey.png");
  /* From Skin */
  z-index: 998; }

/* line 274, framework/resources/css/login.scss */
.need-help {
  display: none; }

/* line 279, framework/resources/css/login.scss */
.need-help .need-help-inputs dt {
  padding-left: 10px;
  width: 105px;
  float: left;
  font-weight: normal; }

/* line 287, framework/resources/css/login.scss */
.need-help .need-help-inputs dd {
  clear: right; }

/* line 292, framework/resources/css/login.scss */
.need-help .need-help-inputs dd .problem-input {
  width: 200px;
  height: 50px; }

/* line 298, framework/resources/css/login.scss */
.need-help .validation-error-message {
  display: none; }

/* line 303, framework/resources/css/login.scss */
.forgot-password .content,
.need-help .content {
  padding: 15px;
  background-color: #FFFFFF;
  /* From Skin */
  z-index: 999;
  position: absolute;
  border-radius: 16px;
  top: 140px;
  left: 221px;
  width: 372px; }

/* line 316, framework/resources/css/login.scss */
.forgot-password .content {
  top: 180px; }

/* line 321, framework/resources/css/login.scss */
.need-help .content {
  top: 140px; }

/* line 326, framework/resources/css/login.scss */
.forgot-password .content .close,
.need-help .content .close {
  position: absolute;
  top: 5px;
  left: 92%;
  height: 18px;
  width: 18px;
  float: right;
  font-size: 1px;
  cursor: pointer;
  background: url("/Framework/Resources/Images/Buttons/close.gif") no-repeat 0 0;
  /* From Skin */ }

/* line 340, framework/resources/css/login.scss */
.forgot-password .content .close:hover,
.need-help .content .close:hover {
  background-position: 0 100%; }

/* line 346, framework/resources/css/login.scss */
.forgot-password .content .password-request-header,
.need-help .content .need-help-header {
  border-bottom: solid 1px #CCCCCC;
  /* From Skin */ }

/* line 352, framework/resources/css/login.scss */
.forgot-password .content .password-request-message,
.need-help .content .need-help-message {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #CCCCCC;
  /* From Skin */ }

/* line 360, framework/resources/css/login.scss */
.forgot-password .content .password-request-form,
.need-help .content .need-help-form {
  padding-top: 10px; }

/* line 366, framework/resources/css/login.scss */
.forgot-password .content .password-request-form .username-or-email-input {
  width: 95%;
  display: block;
  margin-top: 5px;
  margin-bottom: 10px; }

/* line 374, framework/resources/css/login.scss */
.forgot-password .content .actions,
.need-help .content .actions {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

/* line 383, framework/resources/css/login.scss */
.forgot-password .validation-error-message {
  display: none; }

/* line 388, framework/resources/css/login.scss */
.password-reset-panel {
  margin-top: 16px;
  margin-left: 32px; }
  /* line 393, framework/resources/css/login.scss */
  .password-reset-panel .actions {
    margin-top: 24px; }

/* line 399, framework/resources/css/login.scss */
.recover-password-body {
  padding: 20px; }