.button-safe{
    font-size: 1.4rem;
}

.button-safe img.safe-lock{
    width: 14px;
    height: 18px;
    margin-right: 10px;
}

#helper{
    padding-top: 15px;
    padding-bottom: 5px;
}

#helper h1,
#helper h2,
#helper h3,
#helper h4,
#helper h5,
#helper h6{
    /*margin: 0px;*/
    color: #333;
}

#helper h4{
    font-size: 1rem;
}

#helper span:last-child{
    position: relative;
    top: 2px;
}

#helper .need-help img{
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

#helper section{
    padding: 20px 15px 20px 15px;
    color:#888888;
}

#helper .button-safe{
    width: 100%;
}

#button-login,
button[id*="button-login"]{
    width:100px;
}

#forgot-password,
a[id*="forgot-password"]{
    width: 50%;
    display: inline-block;
    font-style: italic;
    font-size: 0.8125rem;
    font-weight: bold;
}

a.button-purple, button.button-purple {
    display: block;
    background-color: #77216d;
    width: 102px;
    min-height: 33px;
    color: #fff;
    margin-top: 5px;
    padding-top: 7px;
    padding-bottom: 8px;
    font-family: "ProximaNova-Regular";
    border-radius: 5px;
    font-size: 0.8125rem !important;
    text-align: center;
}

.warning-msg {
    /* background-color: cornsilk; */
    margin-top: 10px;
    color: red;
    font-size: 0.8125rem;
}

.safe-label {
    max-width: 100% !important;
}

@media(max-width: 1280px){
    #forgot-password,
    a[id*="forgot-password"]{
        font-size: 0.75rem;
    }
}