.login-header {
  height: 36px;
  padding: 30px 24px;
  background-color: #006EFA;
  display: flex;
  align-items: center;
}
.login-header-left {
  display: flex;
  align-items: center;
  flex: auto;
}
.login-header__text {
  flex: 1 1 auto;
  margin: 0 32px;
  font-size: 18px;
  color: #ffffff;
}
.login-section.login-form-outer-wrap form .control-group:nth-child(3) {
  margin-bottom: 8px;
}
#wrap .login-section #code-element {
  margin-left: 0px;
  text-align: left;
}
@media (max-width: 479px) {
  .login-header {
    padding: 30px 16px;
  }
  .login-header__logo .center {
    text-align: left;
  }
  .login-header-left {
    display: block;
  }
  .login-header__text {
    margin: 0 0;
  }
}
.login-main-wrap {
  display: flex;
  align-items: center;
  padding-top: 38px;
}
#Login-login,
button.btn-cta-eventplatform {
  background: #006efa;
  border: none;
  color: #ffffff;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 16px;
  line-height: normal;
}
#Login-login:hover,
button.btn-cta-eventplatform:hover {
  background-color: #0055cc;
  color: #ffffff;
}
#Login-login:active,
button.btn-cta-eventplatform:active {
  background-color: #0055cc;
}
#Login-login:disabled:not(.button--processing),
button.btn-cta-eventplatform:disabled:not(.button--processing) {
  color: #cccccc;
  background-color: #ffffff;
}
#Login-login.disabled,
button.btn-cta-eventplatform.disabled {
  padding: 5px 16px;
}
#Login-login i,
button.btn-cta-eventplatform i {
  font-size: 24px;
  color: #ffffff;
}
#Login-login .v2ui-Spinner-icon .path1::before,
button.btn-cta-eventplatform .v2ui-Spinner-icon .path1::before {
  color: #ffffff;
}
#Login-login .v2ui-Spinner-icon .path2::before,
button.btn-cta-eventplatform .v2ui-Spinner-icon .path2::before {
  color: #ffffff;
}
#Login-login.btn-large,
button.btn-cta-eventplatform.btn-large {
  padding: 10px 16px;
  font-size: 16px;
  line-height: 20px;
}
#Login-login.btn-large.loading,
button.btn-cta-eventplatform.btn-large.loading {
  padding: 6px 16px;
}
.login-form-outer-wrap {
  flex: auto;
  text-align: center;
}
.login-form-outer-wrap.with-cta {
  border-left: 1px solid #CCCCCC;
}
.login-form-outer-wrap #Login-login,
.login-form-outer-wrap .input-xlarge,
.login-form-outer-wrap .login-instruction {
  width: 100%;
}
.login-form-outer-wrap .form-vertical {
  margin: 0;
  padding: 0 0 48px;
}
.login-form-outer-wrap .control-group {
  text-align: left;
  margin: 0 0 24px;
}
.login-form-outer-wrap .control-group input {
  margin-bottom: 0;
}
.login-form-outer-wrap .control-label {
  margin-bottom: 8px;
}
.login-form-outer-wrap .form-field {
  margin-top: 8px;
}
.login-form-outer-wrap .form-actions {
  border-top: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 8px;
}
.login-form-outer-wrap .form-actions button {
  margin-right: 0;
}
.login-form-outer-wrap .form-actions a {
  margin-right: 24px;
}
.login-form-outer-wrap a {
  font-size: 14px;
  color: #006efa;
}
.login-form-outer-wrap a:hover,
.login-form-outer-wrap a:active {
  color: #0055cc;
}
.login-form-outer-wrap a:disabled {
  color: #cccccc;
}
.login-form-outer-wrap a,
.login-form-outer-wrap a:active,
.login-form-outer-wrap a:hover,
.login-form-outer-wrap a:visited,
.login-form-outer-wrap a:disabled {
  text-decoration: none;
  font-weight: bold;
}
.login-form-outer-wrap form:not(.searchForm):not(.navbar-search) .form-actions {
  padding-top: 16px;
}
.login-form-outer-wrap .form-field-error,
.login-form-outer-wrap .password-validation-field__invalid {
  color: #E12437;
}
form:not(.searchForm):not(.navbar-search) .input-append .add-on.form-input-field-error,
form:not(.searchForm):not(.navbar-search) .input-prepend .add-on.form-input-field-error,
form:not(.searchForm):not(.navbar-search) select.form-input-field-error,
form:not(.searchForm):not(.navbar-search) input[type='text']:not(.tags-input-field).form-input-field-error,
form:not(.searchForm):not(.navbar-search) input[type="password"].form-input-field-error,
form:not(.searchForm):not(.navbar-search) input[type="email"].form-input-field-error,
form:not(.searchForm):not(.navbar-search) textarea.form-input-field-error,
form:not(.searchForm):not(.navbar-search) .select2-container-multi .select2-choices.form-input-field-error {
  border: 1px solid #E12437;
}
.login-form-wrap {
  width: 474px;
  margin: auto;
  padding: 48px;
  box-sizing: border-box;
}
.with-cta .login-form-wrap {
  margin: auto auto auto 100px;
}
.cta-section .login-form-wrap {
  margin: auto 100px auto auto;
}
.cta-section a.btn.btn-cta,
.cta-section button.btn.btn-cta {
  background: #006efa;
  border: none;
  color: #ffffff;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 16px;
  line-height: normal;
}
.cta-section a.btn.btn-cta:hover,
.cta-section button.btn.btn-cta:hover {
  background-color: #0055cc;
  color: #ffffff;
}
.cta-section a.btn.btn-cta:active,
.cta-section button.btn.btn-cta:active {
  background-color: #0055cc;
}
.cta-section a.btn.btn-cta:disabled:not(.button--processing),
.cta-section button.btn.btn-cta:disabled:not(.button--processing) {
  color: #cccccc;
  background-color: #ffffff;
}
.cta-section a.btn.btn-cta.disabled,
.cta-section button.btn.btn-cta.disabled {
  padding: 5px 16px;
}
.cta-section a.btn.btn-cta i,
.cta-section button.btn.btn-cta i {
  font-size: 24px;
  color: #ffffff;
}
.cta-section a.btn.btn-cta .v2ui-Spinner-icon .path1::before,
.cta-section button.btn.btn-cta .v2ui-Spinner-icon .path1::before {
  color: #ffffff;
}
.cta-section a.btn.btn-cta .v2ui-Spinner-icon .path2::before,
.cta-section button.btn.btn-cta .v2ui-Spinner-icon .path2::before {
  color: #ffffff;
}
.cta-section a.btn.btn-cta.btn-large,
.cta-section button.btn.btn-cta.btn-large {
  padding: 10px 16px;
  font-size: 16px;
  line-height: 20px;
}
.cta-section a.btn.btn-cta.btn-large.loading,
.cta-section button.btn.btn-cta.btn-large.loading {
  padding: 6px 16px;
}
.cta-section a {
  font-size: 14px;
  color: #006efa;
}
.cta-section a:hover,
.cta-section a:active {
  color: #0055cc;
}
.cta-section a:disabled {
  color: #cccccc;
}
.cta-section a,
.cta-section a:active,
.cta-section a:hover,
.cta-section a:visited,
.cta-section a:disabled {
  text-decoration: none;
  font-weight: bold;
}
.login-heading {
  font-weight: bold;
  font-size: 32px;
  color: #333333;
  margin: 0 0 24px;
}
.login-instruction {
  font-size: 16px;
  line-height: 21px;
  margin: 0 0 40px;
}
.cta-top-text,
.login-cta-button-wrap,
.cta-bottom-text {
  margin-bottom: 24px;
}
.text-control-group {
  margin-bottom: 40px;
  font-size: 16px;
}
@media (min-width: 980px) and (max-width: 1335px) {
  .with-cta .login-form-wrap {
    margin: auto 6px auto auto;
  }
  .cta-section .login-form-wrap {
    margin: auto auto auto 6px;
  }
}
@media (max-width: 979px) {
  .login-form-outer-wrap.with-cta {
    border-left: none;
    border-top: 1px solid #CCCCCC;
  }
  .login-main-wrap {
    display: block;
  }
  .with-cta .login-form-wrap {
    margin: auto;
  }
  .cta-section .login-form-wrap {
    margin: auto;
  }
}
@media (max-width: 479px) {
  .login-form-wrap {
    width: 374px;
  }
  .login-form-outer-wrap #Login-login,
  .login-form-outer-wrap .input-xlarge,
  .login-form-outer-wrap .login-instruction {
    width: 342px;
  }
  .login-instruction {
    margin: 0 16px 40px;
  }
  .login-form-outer-wrap .control-group {
    margin: 0 16px 24px;
  }
}