.content-subtitle-text {
    max-width: 564px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.01px;
    color: var(--db-primary-text-color);
    font-family: DBScreenSans, Helvetica Neue, arial, sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: center !important
}

.db-web-accordion__content-wrapper {
    height: 0px;
    padding-bottom: 15px;
}

#totp-accordion .db-web-accordion__heading-button {
    flex-wrap: nowrap;
    flex-direction: row;
    column-gap: 16px;
}

.flex {
    display: flex !important;
    flex: auto;
}

.db-web-accordion__heading-text-title {
    font-family: DBScreenSans;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.01px;
    color: #282d37;
    margin-bottom: 6px;
}

.db-web-accordion__heading-text-description {
    font-family: DBScreenSans;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: -0.01px;
    color: #646973;
}

.db-web-accordion__heading--type-edit {
    margin: 0 !important;
    padding: 0.5rem 0 !important;
}

.accordion-inner-wrapper > div {
    padding-left: 1rem;
    padding-right: 1rem;
}

.content-border-bottom {
    border-bottom: .0625rem solid #d7dce1;
}

.content-border-top {
    border-top: .0625rem solid #d7dce1;
    padding-top: 8px;
}

.db-web-accordion__wrapper {
    margin-left: 0;
    margin-right: 0;
}

#login-config-totp-header .content-icon {
    margin-bottom: 16px;
}

.db-web-accordion__add-default-icon {
    height: 40px;
}

.db-web-accordion__heading-text {
    margin-top: 9px;
}

.db-web-accordion__content-wrapper.db-web-accordion__content-wrapper--without-header {
    border: none;
    padding-bottom: 8px;
    background: none;
    padding-left: 16px;
    padding-right: 16px;
}

.db-web-accordion__heading-wrapper {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 16px;
}

.db-web-accordion__heading {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 16px;
}

/* Totp */
#totp-accordion {
    text-align: left;
}

#totp-accordion .db-web-text-input__input-field {
    background: #fff !important;
}

#totp-accordion .db-web-info-tooltip {
    height: auto;
}

#totp-accordion .db-web-accordion__headline, #totp-accordion .content-subtitle {
    margin-bottom: 16px;
}

#totp-accordion .db-web-radio-button {
    margin-bottom: 18px;
    margin-right: 32px;
}

#totp-accordion .db-web-radio-button label {
    align-items: normal;
    column-gap: 16px;
    margin: 0;
    width: 100%;
}

#totp-accordion .db-web-radio-button label > div {
    min-width: 20px;
}

#totp-accordion .db-web-radio-button .db-web-info-tooltip__btn[data-v-showcase] {
    margin: 0 0 0 8px !important;
    padding: 0;
    line-height: 0;
}

#totp-accordion .db-web-radio-button label .db-web-radio-button__label-text {
    font-family: DBScreenHead;
    font-size: 16px;
    font-weight: 900;
    font-stretch: none;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #282d37;
    margin: 0;
}

#totp-accordion .db-web-radio-button label .db-web-radio-button__label-sub-text {
    font-family: DBScreenSans;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: -0.01px;
    color: #646973;
}

#totp-accordion .db-web-accordion__heading-text div:first-child {
    font-family: DBScreenSans;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.01px;
    color: #282d37;
    margin-bottom: 6px;
}

#totp-accordion .db-web-accordion__heading-text div:last-child {
    font-family: DBScreenSans;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: -0.01px;
    color: #646973;
}

#totp-accordion .db-web-accordion__heading-button {
    flex-wrap: nowrap;
    flex-direction: row;
    column-gap: 16px;
}

#totp-accordion .test-db-web-button {
    margin: 0;
}

#totp-app {
    font-family: DBScreenSans;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.01px;
    color: #282d37;
}

#app-token-container {
    max-width: 220px;
    width: 100%;
}

#totp-app .accordion-inner-wrapper > * {
    margin-bottom: 16px;
}

h3.db-web-accordion__closed-heading {
    margin: 0;
}

.db-web-accordion__closed-heading[data-v-showcase] {
    color: #878c96;
    font-family: DBScreenSans, Helvetica Neue, arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

.accordion-inner-wrapper {
    width: 100%;
    max-width: 490px;
}

.accordion-inner-wrapper h5 {
    font-size: 18px;
}

.db-web-accordion__buttons-toggle {
    cursor: pointer;
}

.db-web-accordion {
    background: white;
}

.db-web-accordion__headline {
    font-family: DBScreenSans !important;
    font-size: 20px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.01px;
    color: #282d37;
}

.db-web-accordion__inner-wrapper {
    padding: 8px 0 0 0 !important;
}

#login-config-totp-header {
    text-align: center;
    color: #646973;
    font-family: DBScreenSans;
    font-size: 14px;
    margin: 20px auto 24px;
}

.db-web-accordion__heading-wrapper--hidden {
    transition: height .5s ease-in-out, opacity .2s ease-in-out !important;
}

.db-web-radio-button.content-border-top, .db-web-radio-button.content-border-bottom {
    border-color: #f0f3f5;
}

.db-web-radio-button.content-border-top {
    padding-top: 18px;
}

.db-web-radio-button.content-border-bottom {
    padding-bottom: 18px;
}

.db-web-accordion__content-wrapper[data-v-showcase].visible {
    visibility: visible;
    height: auto;
}

#sms-step3, #app-step2 {
    text-align: center;
}

#totp-final-step-image {
    border: solid 1px;
    padding: 50px;
    margin: 20px 0;
}

#totp-final-step-confirmation {
    text-align: left;
    margin: 20px 0 20px 4px;
    font-size: 14px;
}

#totp-final-step-confirmation .icon-match {
    color: #63a615;
}

#totp-final-step-confirmation .icon-warning {
    color: #c50014;
}

#totp-final-step-confirmation > div {
    display: flex;
    align-items: baseline;
    margin-bottom: 5px;
}

#totp-final-step-confirmation .confirmation-text {
    color: var(--db-primary-text-color);
    text-align: center;
}

.totp-app-instructions-list {
    list-style: auto;
    font-weight: bold;
}

.totp-app-instructions-list div {
    font-weight: normal;
    padding-bottom: 8px;
}

.totp-app-instructions-list div.small {
    font-size: 12px;
}

#totp-app .lightgrey {
    color: #646973;
}

#totp-app h1 {
    text-align: center;
}

#totp-accordion .db-web-accordion__heading--type-edit[data-v-showcase] {
    padding-top: 0px !important;
    padding-bottom: 16px !important;
    margin-bottom: 24px !important;
}

#totp-accordion .db-web-accordion__heading-wrapper--hidden[data-v-showcase] {
    height: 0;
}

#totp-accordion .row {
    margin-left: 0px;
    margin-right: 0px;
}

#totp-accordion .row > div {
    padding-left: 16px;
    padding-right: 16px;
}

#totp-accordion .db-web-accordion__closed-heading {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
}

#totp-accordion .db-web-accordion__heading-text-title {
    font-size: 16px !important;
}

#totp-accordion .db-web-accordion__heading-text-description {
    margin-top: 8px;
}

#totp-accordion input {
    margin-bottom: 8px;
}

#totp-selection-container .content-subtitle {
    font-size: 14px;
}

#totp-sms--selected .db-web-radio-button__label-sub-text {
    margin-top: 4px;
}

#skipForm {
    padding-left: 1px;
    padding-right: 1px;
}

#totp-app-container ol {
    margin-left: 16px;
    margin-right: 16px;
    padding-right: 0px;
}

#totp-app-container .small {
    font-size: 12px;
}

#totp-barcode-container {
    text-align: center;
    padding: 0;
}

#totp-barcode-container img {
    max-width: 162px
}

#app-token-container {
    max-width: none;
    margin-bottom: 24px;
}

#totp-barcode-container .db-web-accordion__inner-wrapper {
    text-align: left;
    padding-bottom: 0px;
    font-size: 14px;
}

#totp-barcode-container .db-web-accordion__inner-wrapper ul {
    list-style: disc;
}

#totp-secret-container {
    border: 1px #d7dce1 solid;
    padding: 12px;
    margin: 12px;
}

#totp-secret-encoded {
    border-bottom: 1px #d7dce1 solid;
    padding-bottom: 8px;
    font-weight: bold;
}

#totp-secret-copy-container {
    padding-top: 8px;
    cursor: pointer;
}

.icon-collapse-rotated {
    margin-left: 8px;
    transition: all 300ms;
    transform: rotate(180deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

.rotate-0 {
    transform: rotate(0);
}

#doActivateSmsAuth {
    margin: 0;
}

#totp-sms-container {
    font-size: 14px;
}

.db-web-accordion-wrapper-id-first {
    padding-left: 16px;
    padding-right: 16px;
}

.db-web-accordion-wrapper-heading-instructions-id-first {
    padding-top: 16px;
    padding-bottom: 16px;
}

.db-web-accordion-wrapper-heading-cyber-security-icon-id-first {
    display: block;
    margin: 0 auto 16px;
}

.db-web-accordion-wrapper-continue-button-id-first {
    padding-left: 16px;
    padding-right: 16px;
}

.db-web-accordion-wrapper-top-padding-id-first {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
}

.db-web-accordion-wrapper-bottom-padding-id-first {
    padding-bottom: 16px;
}

.db-web-accordion-barcode-container-border {
    border: 1px solid var(--db-border-color);
    border-radius: 4px;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
}

.db-web-totp-no-sms-received-container {
    margin-top: 16px;
    margin-bottom: 16px;
}