@charset "UTF-8";
#account-settings .account-settings-mfa-options {
  display: none; }
  #account-settings .account-settings-mfa-options.is_mfa_required, #account-settings .account-settings-mfa-options.is_mfa_enabled, #account-settings .account-settings-mfa-options.is_god {
    display: block;
    min-height: 3em; }
  #account-settings .account-settings-mfa-options .mfa_enabled {
    display: none; }
  #account-settings .account-settings-mfa-options.is_mfa_required .mfa_enabled.mfa_optional {
    display: none; }
  #account-settings .account-settings-mfa-options.is_mfa_enabled .mfa_enabled {
    display: block; }

/*
	CSS for the multifactor authentication dialogs
 */
#welcome .login-mfa-token-required .remember-mfa-btn span {
  font-size: 1em; }

@media only screen and (max-device-width: 400px) {
  #dialog-mfp {
    display: fixed;
    height: 100%;
    width: 100%; } }

#dialog-mfp input {
  user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text; }

#dialog-mfp div[name="secret-key"].secret-key-value {
  user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text; }

#dialog-mfp input#mfa-token {
  padding-left: 0.5em; }

#dialog-mfp .centered {
  text-align: center; }

#dialog-mfp .greeting {
  line-height: 1.2em;
  color: #b3b3b3; }
  #dialog-mfp .greeting * {
    color: #b3b3b3; }
  #dialog-mfp .greeting a {
    text-decoration: underline; }

input#mfa-token + label[for="mfa-token"],
input[name="mfa-token"] + label[for="mfa-token"] {
  position: absolute;
  right: 2em;
  margin-top: 3px;
  vertical-align: middle;
  padding-top: 0.5em;
  padding-right: 0.5em; }

#dialog-mfp .supported-app-container {
  display: block; }
  #dialog-mfp .supported-app-container .app-header {
    margin-top: 1em; }
    #dialog-mfp .supported-app-container .app-header .app-icon {
      height: 1.8em; }
    #dialog-mfp .supported-app-container .app-header span.label {
      display: inline;
      font-size: 1.5em;
      vertical-align: super;
      padding-left: 0.2em; }
  #dialog-mfp .supported-app-container .badge-container {
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 0.5em; }
    #dialog-mfp .supported-app-container .badge-container ul.mfa-app-icons {
      padding-left: 0;
      margin-left: -1.5em;
      text-align: center;
      list-style-type: none; }
      #dialog-mfp .supported-app-container .badge-container ul.mfa-app-icons li {
        display: inline-block;
        padding: 0.5em;
        padding-bottom: none; }
        #dialog-mfp .supported-app-container .badge-container ul.mfa-app-icons li img {
          height: 45px;
          display: block;
          margin-right: auto;
          margin-left: auto; }
        #dialog-mfp .supported-app-container .badge-container ul.mfa-app-icons li img + div {
          text-align: center;
          width: 100%; }
        #dialog-mfp .supported-app-container .badge-container ul.mfa-app-icons li:hover img {
          transform: scale(1.05); }
        #dialog-mfp .supported-app-container .badge-container ul.mfa-app-icons li:hover img + div {
          text-decoration: underline;
          transform: scale(1.05); }
        #dialog-mfp .supported-app-container .badge-container ul.mfa-app-icons li img + div.ios {
          color: #a6a6a6; }
        #dialog-mfp .supported-app-container .badge-container ul.mfa-app-icons li img + div.android {
          color: #a3c439; }
        #dialog-mfp .supported-app-container .badge-container ul.mfa-app-icons li img + div.blackberry {
          color: #231f20; }
        #dialog-mfp .supported-app-container .badge-container ul.mfa-app-icons li img + div.chrome {
          color: #868686; }

#dialog-mfp .key-container {
  min-height: 148px; }
  #dialog-mfp .key-container #dialog-mfp-qr-image {
    float: right; }

#dialog-mfp .secret-container {
  min-height: 160px; }

#dialog-mfp #dialog-mfp-qr-image-container {
  width: 148px;
  height: 148px;
  margin-right: auto;
  margin-left: auto; }
  #dialog-mfp #dialog-mfp-qr-image-container #dialog-mfp-qr-image {
    height: 148px;
    width: 148px;
    margin-left: auto;
    margin-right: auto;
    background: url(wt-img/ajax-loader-grey.gif) no-repeat;
    background-position: 50% 50%;
    /* Sets reference point to scale from */
    background-size: 50% 50%;
    /* Sets background image to cover entire element */ }

#dialog-mfp.intro-page .dialog-contents p.greeting {
  padding-top: 0.5em; }

#dialog-mfp.setup-auth-app .dialog-contents {
  padding-top: 0.5em; }

#dialog-mfp.setup-auth-app .dialog-contents,
#dialog-mfp.intro-page .dialog-contents {
  min-height: 15em; }
  #dialog-mfp.setup-auth-app .dialog-contents p.greeting,
  #dialog-mfp.intro-page .dialog-contents p.greeting {
    line-height: 1.3em;
    margin-top: 1em;
    margin-bottom: 1em; }

#dialog-mfp #manual-mfa-setup {
  user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text; }
  @media only screen and (max-device-width: 400px) {
    #dialog-mfp #manual-mfa-setup .secret-key-value {
      font-size: 14px; } }

#require-manual-mfa-setup {
  padding: 0.5em;
  text-align: center; }
  #require-manual-mfa-setup a:hover {
    text-decoration: underline; }
  #require-manual-mfa-setup #manual-mfa-setup {
    padding: 0.2em;
    background: #3a3a3a; }

[name=additional-app-setup-container] {
  padding: 0.5em; }
  [name=additional-app-setup-container] a:hover {
    text-decoration: underline; }
  [name=additional-app-setup-container] [name=additional-app-setup] {
    padding: 0.2em;
    background: #3a3a3a;
    margin-top: 0.3em; }
  [name=additional-app-setup-container] ul li {
    margin: 0.1em 0; }

#dialog-mfp [name=additional-app-setup-container] {
  color: #b3b3b3; }
  #dialog-mfp [name=additional-app-setup-container] li {
    list-style: none; }
    #dialog-mfp [name=additional-app-setup-container] li:before {
      content: "•";
      padding-right: 1em; }
  #dialog-mfp [name=additional-app-setup-container] a {
    color: #b3b3b3; }

#dialog-mfp .button-bar .wt-btn {
  width: 49%;
  display: inline-block; }

#dialog-mfp .button-bar .wt-btn:focus {
  border-bottom: 1px solid #cccccc; }

#dialog-mfp .button-bar .wt-btn.cancel {
  background: #4d4d4d; }