﻿#twoFactorPage {
    height: 95%;
    max-width: 435px;
}

    #twoFactorPage .challengeSection {
        margin-top: 10px;
        /*height: 120px;*/
        overflow-y: auto;
        overflow-x: hidden;
    }

    #twoFactorPage .challengeList {
        /*padding: 5px*/
    }

    #twoFactorPage .gs-grouppanel > .caption {
        font-weight: 600;
        font-size: 14px;
        height: 36px;
        line-height: 35px;
    }

    #twoFactorPage .gs-grouppanel {
        padding: 48px 8px 8px 8px;
    }

    #twoFactorPage .right {
        float: right;
        top: 10px;
    }

    #twoFactorPage .challengeItem {
        width: 100%;
        height: 50px;
        display: contents;
    }

    #twoFactorPage .itemText {
        line-height: 39px;
    }

    #twoFactorPage .qrCode {
        justify-content: center;
        display: flex;
        float: right;
        margin: 3px;
    }

    #twoFactorPage .label-small {
        display: block;
        font-size: x-small;
        line-height: inherit;
    }

    #twoFactorPage .label-small-inline {
        display: inline;
        position: absolute;
        font-size: x-small;
        line-height: inherit;
    }

    #twoFactorPage .label-heading {
        display: block;
        font-weight: 600;
    }

    #twoFactorPage .info-link {
        display: block;
        font-size: x-small;
        text-decoration: underline;
        position: relative;
        top: -8px;
    }

    #twoFactorPage .info-bubble {
        border: 1px solid #ebebeb;
        font-size: x-small;
        border-radius: 10px;
        background-color: aliceblue;
    }

    #twoFactorPage .info-bubble-icon {
        /*background-color: red;*/
        width: 16px;
        height: 16px;
        left: 5px;
        top: 5px;
        position: relative;
        float: left;
    }

    #twoFactorPage .info-bubble-text {
        margin-left: 25px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
    }

    #twoFactorPage .totp-config-manual-code {
        display: block;
        text-align: center;
        width: 100%;
        font-weight: 600;
        font-size: smaller;
        text-decoration: underline;
    }

    #twoFactorPage #confirmSms {
        margin-top: 16px;
    }

    #twoFactorPage .change-type-link {
        text-decoration: underline;
    }

    #twoFactorPage .show-manual-link {
        text-decoration: underline;
    }

    #twoFactorPage .gs-textedit {
        width: 100%;
    }

    #twoFactorPage #errorPanel {
        border: 1px solid #C51E1E;
        color: #C51E1E;
        border-radius: 10px;
        background-color: #ffefef;
        position: absolute;
        z-index: 10;
        opacity: 0.9;
        padding-bottom: 4px;
        width: 200px;
    }

    #twoFactorPage .error-text {
        font-size: small;
        position: relative;
        left: -12px;
        margin-top: 3px;
    }

    #twoFactorPage .configured-text {
        font-size: x-small;
        color: green;
    }

    #twoFactorPage .configured-wrapper {
        margin-left: 5px;
    }
