#intro {
    background-color: #fff; 
    position: relative;
}

#pageBackgroundImage {
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.1;
}

#imgCollapsedLogo {
    display: none;
    margin: auto;
    width: 100%;
    max-width: 650px;
    margin-bottom: 40px;
}

.aPwShowHide {
    width: 31px;
    position: absolute;
    right: 15px;
    top: 20px
}

.txt-pw {
    padding-right: 70px !important;
}

.w-280 {
    width: 280px !important;
}

.form-group {
    text-align: left;
}

.enter-code {
    font-family: Arial !important;
    font-size: 16pt !important;
    color:#333333 !important;
}

#divTwoColumnRight {
    text-align: center;
}

#imageLockLogo {
    margin: auto;
    max-width: 250px;
    width: 80%;
}

#divPublicPageContainer a {
    color: #ff6a00;
}

#divPublicPageColumnInner {
    max-width: 800px;
    background-color: #ffffffb5;
    padding: 50px;
} 

#divTwoColunLeft a {
    color: #ff6a00
}


#divPasswordInput {
    position: relative;
    max-width: 280px;
} 

.red-txt {
    color: #d84242 !important;
}

.green-txt {
    color: #009600 !important;
}

.maxw-325px {
    max-width: 100% !important;
    width: 100% !important;
}

.input-width {
    width: 90% !important;
}

#imgFpwLockLogo{
    max-width: 80%;
}


#ulPwRules {
    font-size: 11pt;
    margin-left: 0px !important;
    margin-bottom: 25px;
    float: left;
}

.btn-sc-primary {
    color: #fff;
    background-color: #333333
}

#btnCloseMsgModal {
    display: none;
}

#btnModalOk {
    margin-top: 30px;
}

.modal-body {
    text-align: center !important;
}

.modal-title {
    display: none !important;
}

#txtState{
    margin-bottom:0px;
}

#imgEmailVerified{
    width: 75px;
    margin:auto;
}


#ulPwRules {
    list-style: none;
    float: left;
    width: 100% !important;
    margin-bottom: 20px;
}
#ulPwRules li{
  width: 100%;
  clear:left; 
}
    #ulPwRules img {
        width: 22px;
        margin-right: 10px;
        float:left;
    }
    #ulPwRules span { 
        float: left;
    }

@media (max-width: 768px) {
    #intro {
        background-color: #fff
    }

    #imgCollapsedLogo {
        display: block;
    }

    #imgFpwLockLogo {
        max-width: 100%;
    }

    #imageLockLogo, #imageTextLogo {
        display: none;
    }

    .col-six, .input-width {
        width: 100% !important;
    } 

    #ulPwRules {
        font-size: 10pt; 
    } 
}

@media (max-width: 768px) {
    #divPublicPageColumnInner { 
        padding: 30px;
    } 
}