.login-control > .modal-dialog {
    width: 310px;
    margin: 5px auto;
}
/*
@media (min-width: 768px){
    .login-control > .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}

@media (min-width: 768px){
    .login-control > .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}
*/
body {
    background: transparent !important;
    color: #001E5F !important;
}

.login-control {
    background: transparent;
    color: #001E5F;
}

    .login-control .clearfix:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
    }

    .login-control > .modal-dialog > .modal-content {
        padding: 7px;
    }

    .login-control p,
    .login-control li,
    .login-control div {
        font-size: 1.5rem;
    }

    .login-control button.center-block,
    .login-control span.center-block {
        display: block;
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center;
    }

    .login-control .close {
        position: absolute;
        top: 2px;
        right: -2px;
        font-size: 1em;
    }

    .login-control .step-container .page-title {
        font-size: 1.8em;
        background: none;
        text-align: center;
        padding: 0;
        margin: 12px 0px;
    }

    .login-control .step-container .actions {
        padding: 10px 0px 0px 0px;
        border-top: 1px solid lightgray;
        margin: 10px 0px 0px 0px;
    }
    /* askUserInfo-step */
    
    .login-control .askUserInfo-step .step-form label {
        font-size: 0.8em;
    }
    .login-control .askUserInfo-step .step-form #lblUserDOB {
        display: block; 
        margin-top: 8px;
    }
    .login-control .askUserInfo-step .step-form #txtUserDOB {
        width: 110px;  
    }
    
    /* finish askUserInfo-step */

    /*  resetPassword-step */
    .login-control .resetPassword-step {
        width: 275px;
        margin: 0 auto;
    }

    .login-control .resetPassword-step .step-form .resetPasswordStep1 #lblUserDOB {
        display: block; 
    }
    .login-control .resetPassword-step .step-form .resetPasswordStep1 #txtResetPwdUserDOB {
        width: 110px;  
    }
        .login-control .resetPassword-step .step-form .reset-password-options {
            margin: 8px 0px;
        }

            .login-control .resetPassword-step .step-form .reset-password-options button {
                display: block;
                margin-right: auto;
                margin-left: auto;
                width: 75%;
            }

        .login-control .resetPassword-step .step-form button.send-sms-code-again {
            display: block;
            margin: 0px;
            width: 75%;
            text-decoration: none;
        }

        .login-control .resetPassword-step .step-form {
            text-align: center;
        }

            .login-control .resetPassword-step .step-form .buttonContainer {
                margin: 9px 0px;
            }

            .login-control .resetPassword-step .step-form label {
                margin-bottom: 0px;
                margin-top: 5px;
            }
    /*  finish resetPassword-step */

    /*  sendUsername-step */
     .login-control .sendUsername-step .step-form .send-username-options{
            margin: 8px 0px;
        }

    .login-control .sendUsername-step .step-form .send-username-options > p {
        padding: 10px;
        text-align: center;
        padding-top: 5px;
    }

    .login-control .sendUsername-step .step-form .send-username-options button {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 75%;
}
    /*  finish sendUsername-step */
    .login-control .separator {
        border-top: 1px solid #D8D8D8;
        margin-top: 8px;
        padding-top: 8px;
    }

    .login-control .alert.alert-danger {
        margin: 5px 0px;
        padding: 4px;
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

#twoFactorAuth .expand-action {
    position: relative;
    display: block;
    color: #001E5F;
    font-size: 14px;
}

#twoFactorAuth .expand-action:before {
    content: '\25BC';
    position: absolute;
    right: 10px;
    top: 0;
}
    #twoFactorAuth .expand-content {
        padding: 0;
        padding-top: 7px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom:10px;
        border-top: solid 1px #ccc;
    }

    #twoFactorAuth .expand-action.active:before {
        content: '\25B2';
    }

    #twoFactorAuth {
        padding: 0;
        padding-left: 0px;
    }

    #twoFactorAuth h4 {
        font-size: 15px;
        font-weight: bold;
        margin-top: 30px;
        margin-bottom: 0;
        padding-top: 10px;
        border-top: solid 1px #ccc;
        padding-bottom: 10px;
        padding-left: 5px;
        margin-top: 20px;
    }


    #twoFactorAuth .expand-content ul {
        padding: 0;
        margin: 0;
        list-style: none;
        padding-top: 7px;
        padding-left: 7px;
        padding-right: 7px;
    }
    
    #twoFactorAuth .expand-content ul li {
        font-size: 13px;
        padding-bottom:3px;
    }

    #twoFactorAuth .expand-content .passcode-label {
        font-size: 13px;
        padding-top: 2px;
        padding-bottom: 5px;
    }
    #twoFactorAuth .expand-content .passcode-input input[type='text'] {
        display: block;
        width: 100%;
    }

    .login-control .step-container .actions {
        margin-top:0;
    }

    #twoFactorAuth .method-description {
        display: block;
        font-weight: 300;
        font-size: 11px;
        padding-left: 14px;
        color: #919191;
    }

    #twoFactorAuth .passcode-container {
        padding-bottom: 10px;
        border-bottom: solid 1px #ccc;
        margin-bottom: 4px;
    }


.login-control .smsConfirmation-step .send-sms-options-title {
    display: block;
    padding-bottom: 10px;
}
.login-control .smsConfirmation-step .send-sms-options {
    display: block;
}
    .login-control .smsConfirmation-step .send-sms-options > .controlGroup {
        padding-bottom: 2px;
    }
    .login-control .smsConfirmation-step .send-sms-options label {
        font-weight: 500;
    }
    .login-control .smsConfirmation-step .send-sms-options select.phoneLabel {
        margin-left: 20px; 
        height: 31px;
    }
    .login-control .smsConfirmation-step .send-sms-options input.phoneNumber {
        width: 125px;
        height: 31px;
    }
    .login-control .smsConfirmation-step .send-sms-options .new-phone-container {
        display: inline-flex;
    }
        .login-control .smsConfirmation-step .send-sms-options .new-phone-container select,
        .login-control .smsConfirmation-step .send-sms-options .new-phone-container input {
            border: solid 1px lightgray !important;
        }
            .login-control .smsConfirmation-step .send-sms-options .new-phone-container select[disabled],
            .login-control .smsConfirmation-step .send-sms-options .new-phone-container input[disabled] {
                border: solid 1px lightgray !important;
                opacity: 0.7;
            }