#ForumTitle{
    font-family: 'Almarai';
    font-weight: 700;
    font-size: 3.5rem;
    color: #ff7763;
}

#LoginPanel, #ChangePassPanel{
    background-color: #ff7763;
    border-radius: 1.2rem;
    padding:2rem;
}
/*#LoginFID, #LoginPass{*/
.LoginField{
    background-color: #ffdaab!important;
    border-radius: 0px;
    margin: 0px;
    text-align: center;
    border: none;
}
/*#LoginFID::placeholder, #LoginPass::placeholder{*/
.LoginField::placeholder{
    color: #ffb983;
}
.form-group{
    margin: 0px;
}
#LoginPass{
    border-top: 1px solid #ebc99e;
}
#btnLogin{
    background-color: #ffdaab;
    float: right;
    margin-top:10px;
    color:#ff6203;
    font-weight: 600;
    /*letter-spacing: 0.2rem;*/
}
#LoginErrorMsg {
    background-color: #ffbb94;
    color:#ff6203;
    margin-top: 70px;
    margin-bottom: -30px;
    padding:5px;
    text-align: center;
}
#ErrorMsg, #SuccessMsg{
    margin-top: 70px;
    margin-bottom: 0px;
    padding:10px;
    text-align: center;
}
#ErrorMsg{
    background-color: #ffbb94;
    color:#ff6203;
}
#SuccessMsg{
    background-color: rgb(128, 238, 128);
    color:white;
}
#ForgotPass{
    background-color: #ffbb94;
    color:#ff6203;
    margin-top: 80px;
    margin-left:-2rem;
    margin-right:-2rem;
    text-align: center;
}
#ForgotPass a{
    color:#ff6203;
    font-style: italic;
    font-weight: 600;
    /*letter-spacing: 0.2rem;*/
}
a:hover{
    color:#ff6203;
}


/* Vertical Phone Styles */
@media (max-width: 575.98px) {  
    #ForumTitle{
        margin-top: 2rem;
        font-size: 3rem;
    }
}