.two-factor-required-container .title {
  margin-bottom: 12px;
  margin-top: 8px;
  position: relative;
  padding-left: 28px;
}
.two-factor-required-container .title::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: -1px;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M14 0H18.1818C19.186 0 20 0.89543 20 2V6H18V2H14V0ZM1.81818 20H6V18H2V14H0V18C0 19.1046 0.814028 20 1.81818 20ZM14 18V20H18.1818C19.186 20 20 19.1046 20 18V14H18V18H14ZM6 2V0H1.81818C0.814028 0 0 0.89543 0 2V6H2V2H6Z%22 fill=%22%23232157%22/%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M6.875 6.125V8H6.25C5.58228 8 5 8.48523 5 9.14583V14.3542C5 15.0148 5.58228 15.5 6.25 15.5H13.75C14.4177 15.5 15 15.0148 15 14.3542V9.14583C15 8.48523 14.4177 8 13.75 8H13.125V6.125C13.125 4.39911 11.7259 3 10 3C8.27411 3 6.875 4.39911 6.875 6.125ZM11.875 6.125V8H8.125V6.125C8.125 5.08947 8.96447 4.25 10 4.25C11.0355 4.25 11.875 5.08947 11.875 6.125ZM6.25 14.25V9.25H13.75V14.25H6.25ZM10.625 11.75C10.625 12.0952 10.3452 12.375 10 12.375C9.65482 12.375 9.375 12.0952 9.375 11.75C9.375 11.4048 9.65482 11.125 10 11.125C10.3452 11.125 10.625 11.4048 10.625 11.75Z%22 fill=%22%23232157%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.two-factor-required-container .input-button-combo {
  display: flex;
  align-items: stretch;
}
.two-factor-required-container .input-button-combo input {
  width: auto;
  flex: 1 1 0;
  border-right: 0;
  height: auto;
}
.two-factor-required-container .input-button-combo button {
  flex: 0 0 auto;
  width: auto;
  position: static;
  height: auto;
}
.two-factor-required-container .right {
  margin: 0;
}
.two-factor-required-container .right a {
  padding: 0;
}

.auth-container .accordion-panel.two-factor-element .accordion-group .accordion-body {
  padding-left: 0;
  margin: 0;
}

.forgotTwoFactor-form {
  max-width: 500px;
  padding: 16px;
  box-sizing: border-box;
  padding-top: 32px;
}
.forgotTwoFactor-form .field {
  margin: 16px 0;
  display: flex;
  align-items: baseline;
}
.forgotTwoFactor-form .field .forgotTwoFactor-form-field-title {
  flex: 0 0 auto;
  margin-right: 1em;
}
.forgotTwoFactor-form .field input {
  flex: 1 1 0;
}
.forgotTwoFactor-form .forgotTwoFactor-form-bottom {
  text-align: center;
}
.forgotTwoFactor-form input[type=email] {
  outline: none;
  border: 1px solid #131B4D;
  border-radius: 3px;
  background: #fff;
  font-size: 16px;
  padding: 2px 15px 0px;
  line-height: 36px;
  height: auto;
  display: inline-block;
  color: inherit;
  border-color: #B4B9BD;
}
.forgotTwoFactor-form input[type=email]:focus {
  border-color: #232157;
}

.two-factor-auth-container {
  background-color: #F3F3F6;
  border-radius: 3px;
  padding: 16px;
  color: #232157;
  font-size: 14px;
}
.two-factor-auth-container button, .two-factor-auth-container input[type=text] {
  outline: none;
  border: 1px solid #131B4D;
  border-radius: 3px;
  background: #fff;
  font-size: 16px;
  padding: 2px 15px 0px;
  line-height: 36px;
  height: auto;
  display: inline-block;
  color: inherit;
}
.two-factor-auth-container button {
  text-transform: uppercase;
}
.two-factor-auth-container button:hover, html.keyboard-intent .two-factor-auth-container button:focus {
  background-color: #e8e7f6;
}
.two-factor-auth-container button:hover:active, html.keyboard-intent .two-factor-auth-container button:focus:active {
  color: #fff;
  background-color: #131B4D;
}
.two-factor-auth-container button.two-factor-delete-button {
  color: #CC4533;
  border-color: #CC4533;
  background-color: transparent;
}
.two-factor-auth-container button.two-factor-delete-button:hover, html.keyboard-intent .two-factor-auth-container button.two-factor-delete-button:focus {
  background-color: #f5dad6;
}
.two-factor-auth-container button.two-factor-delete-button:hover:active, html.keyboard-intent .two-factor-auth-container button.two-factor-delete-button:focus:active {
  color: #CC4533;
  background-color: #f0c7c2;
}
.two-factor-auth-container button.two-factor-delete-button::before {
  content: "";
  width: 12px;
  height: 12px;
  vertical-align: baseline;
  position: relative;
  display: inline-block;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M6 7.80265L1.80265 12L0 10.1973L4.19735 6L0 1.80265L1.80265 0L6 4.19735L10.1973 0L12 1.80265L7.80265 6L12 10.1973L10.1973 12L6 7.80265Z%22 fill=%22%23CC4533%22/%3E%3C/svg%3E");
}
.two-factor-auth-container button.two-factor-generate-button::before {
  content: "";
  vertical-align: baseline;
  position: relative;
  top: 5px;
  margin-right: 8px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M10 2C12.3936 2 14.4465 3.0787 15.8069 5H12V7H19V0H17V3.27035C15.2749 1.18251 12.8042 0 10 0C4.47715 0 0 4.47715 0 10H2C2 5.58172 5.58172 2 10 2ZM10 18C7.60638 18 5.55354 16.9213 4.19306 15H8V13H1V20H3V16.7297C4.72511 18.8175 7.19577 20 10 20C15.5228 20 20 15.5228 20 10H18C18 14.4183 14.4183 18 10 18Z%22 fill=%22%23232157%22/%3E%3C/svg%3E");
}
.two-factor-auth-container button.two-factor-generate-button:hover:active::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M10 2C12.3936 2 14.4465 3.0787 15.8069 5H12V7H19V0H17V3.27035C15.2749 1.18251 12.8042 0 10 0C4.47715 0 0 4.47715 0 10H2C2 5.58172 5.58172 2 10 2ZM10 18C7.60638 18 5.55354 16.9213 4.19306 15H8V13H1V20H3V16.7297C4.72511 18.8175 7.19577 20 10 20C15.5228 20 20 15.5228 20 10H18C18 14.4183 14.4183 18 10 18Z%22 fill=%22%23FFFFFF%22/%3E%3C/svg%3E");
}
.two-factor-auth-container input[type=text] {
  text-align: center;
  border-color: #B4B9BD;
  font-size: 21px;
  display: block;
  width: 120px;
  margin: 0 auto;
}
.two-factor-auth-container input[type=text]:focus {
  border-color: #232157;
}
.two-factor-auth-container .two-factor-auth-cancel-panel {
  margin-top: 16px;
  border-top: 1px solid #B4B9BD;
  padding-top: 16px;
  text-align: center;
}
.two-factor-auth-container .two-factor-auth-qr-panel {
  margin-top: 16px;
  border-top: 1px solid #B4B9BD;
  padding-top: 16px;
  display: flex;
  align-items: flex-start;
}
.two-factor-auth-container .two-factor-auth-qr-panel img {
  flex: 0 0 auto;
  border: 5px solid #B4B9BD;
  border-radius: 3px;
  display: block;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: pixelated;
  width: 156px;
  height: 156px;
  box-sizing: border-box;
}
.two-factor-auth-container .two-factor-auth-qr-panel ol {
  flex: 1 1 0;
  padding: 0;
  margin: 0;
  margin-left: 13px;
  list-style-type: none;
  counter-reset: qrPanelStepCounter;
}
.two-factor-auth-container .two-factor-auth-qr-panel ol li {
  padding-left: 15px;
  position: relative;
  margin: 0.5em 0;
}
.two-factor-auth-container .two-factor-auth-qr-panel ol li::before {
  counter-increment: qrPanelStepCounter;
  content: counter(qrPanelStepCounter) ".";
  position: absolute;
  left: 0;
}
@media (max-width: 430px) {
  .two-factor-auth-container .two-factor-auth-qr-panel {
    display: block;
  }
  .two-factor-auth-container .two-factor-auth-qr-panel ol {
    margin-top: 16px;
  }
  .two-factor-auth-container .two-factor-auth-qr-panel img {
    width: 100%;
    height: auto;
  }
}