/* GLOBAL */
    ::-webkit-input-placeholder {color: #FFF;}
    ::-moz-placeholder {color: #FFF;}
    :-ms-input-placeholder {color: #FFF;}
    :-moz-placeholder {color: #FFF;}
/* end:GLOBAL */

/* HEADER */
    #global-header-bar{background-color: #00beb7;}

    #global-header #logo,
    .header-logo a#logo{background-image: none !important;}
/* end:HEADER */

/* B2C GENERATED/RELATED CODE */
    div#api, div#api div, div#api ul, div#api li, div#api div label {width: 100%;clear: both;}
    h2.heading-small {color: #6F777B;font-weight:normal;}
    div#api div.attrEntry div.error p {margin: 4px 0;}

    .error.pageLevel {box-sizing:border-box;}
    .attrEntry .error.itemLevel {display:none;}
    .attrEntry .error.itemLevel.show {display:block;}
    .OTP_li .error.itemLevel.show {margin:10px 0;}
    .OTP_li .form-group-error #OTP_label .form-hint {display: none;}

    #TokenSerialNumberDashWrapper{display:inline-block;width:calc(50% - 15px);margin:0 0 0 15px;}

    div.MandatoryDataPage#api div.form-date li.form-group{width:50px;clear:none;}
    div.MandatoryDataPage#api div.form-date li.form-group-year{width:70px;}
    div.MandatoryDataPage#api div.form-date li.form-group .error.itemLevel.show{display:none;}

    div.MandatoryDataPage input#email{margin:0 0 15px;}
    div.MandatoryDataPage#api div.buttons.verify button{}
    div.MandatoryDataPage#api input#email_ver_input[aria-hidden="false"]{display:block!important;margin:0 0 15px 0;}
    div.MandatoryDataPage#api #email_ver_input_label[aria-hidden="false"]{display:inline-block!important;clear:right;}

    div.MandatoryDataPage#api li.hintWrapper{margin-top:15px;}
    details.jsHiddenText div.panel[aria-hidden="true"]{display:none;}
    details.jsHiddenText div.panel[aria-hidden="false"]{display:block;}
    details.jsHiddenText summary[aria-expanded="true"]::before{content:'\25bc';padding-right:5px;}
    details.jsHiddenText summary[aria-expanded="false"]::before{content:'\25ba';padding-right:5px;}

    div.tokenResyncSuccessPage button#continue {background-color: transparent;border-style: none;outline: 0;box-shadow: none;color: #005ea5;text-decoration: underline;padding: 6px 2px;margin: 0;}
    div.tokenResyncSuccessPage button#continue:active {background: #FFBF47;top: 0;}
    div.tokenResyncSuccessPage button#continue:focus, div.tokenResyncSuccessPage button#continue:focus-visible {outline: 3px solid #ffbf47;}

    /*#simplemodal-overlay{background-image:url(/customImages/loading.svg);background-repeat:no-repeat;background-position:center;background-size:126px;}*/
    @keyframes rotation {
        0% {transform: rotate(0deg);}
        100% {transform: rotate(359deg);}
    }
    @-webkit-keyframes rotation {
        from {-webkit-transform: rotate(0deg);}
        to {-webkit-transform: rotate(359deg);}
    }
    #simplemodal-overlay::before{content:'';position:fixed;width:118px;height:118px;left:calc(50% - 59px);top:calc(50vh - 59px);background-image:url(/customImages/loading.png);-webkit-animation: rotation 3s infinite linear;animation: rotation 3s infinite linear; }
    #workingMessage{position:fixed;width:100%;text-align:center;color:#000;font-size:2em;left:0px;top:calc(50% + 80px);z-index:1002;}

    @media (min-width: 641px){
        div#api input#Username{width:80%;}
        div#api input#OTP,
        div#api input#TokenSerialNumber {
            width: 30%;
        }

        .MandatoryDataPage #Postcode{width:30%;}
    }

    /* hidden items */
        .jsAddedHiddenClass,
        .buttons button#cancel,
        .attrEntry a.helpLink,
        #simplemodal-container{
            display: none!important;
        }
    /* end:hidden items */
    
    [role=button]:focus {
        outline: 3px solid #ffbf47;
    }
/* end:B2C GENERATED/RELATED CODE */

/* Store Icon Control Content B2C START */

a[class$="StoreIconControlContent"] {
    width: 50%;
    display: inline-block;
    text-align: center;
}

a[class$="StoreIconControlContent"]:after {
    content: "" attr(href) ""!important;
}

a[class$="StoreIconControlContent"] > img {
    display: block;
    margin: 0 auto!important;
    width: 50%!important;
    float: initial!important;
}

button.verifyCode {
    margin: 0 5px 0 0;
}

/* Store Icon Control Content B2C END */

/* authenticator App Icon Control-title START */

#authenticatorAppIconControl-title {
    display: block;
}

.VerificationCode #verificationCode {
    width: 17%;
}

#phoneVerificationControl-readOnly_success_message {
    line-height: 2;
}

.verificationSuccessText {
    margin: 0 0 20px 0;
}

/* authenticator App Icon Control-title END */

/* qr Code Info START */

.authenticatorAppIconControl_li, .QrCodeScanInstruction_li {
    display: none;
}

.qrCodeInfo {
    margin: 25px 0;
}

#authenticatorInfoControl-title {
    margin: 0 0 1.05263em 0;
}

#totpQrCodeControl-picture {
    pointer-events: none;
}

/* qr Code Info END */

/* SIGN-IN JOURNEY */
    /* TOKEN IMAGES */
    .tokenInstructions {
        width: 100%;
        text-align: center;
        margin-top: 0.625em;
    }
    .tokenInstructions img{max-width:80%;}

    .tokenInstructions.multipleImages img { max-width: 40%; }
/* end:SIGN-IN JOURNEY */