/* ======================================
   Romantic Style - Chat Halaweyat Masr
   بدون أي مساس بالسيستم
====================================== */

/* intro background */
#intro_top {
    width:100%;
    position:relative;
    padding:90px 0;
    background: linear-gradient(135deg,#ffb6c1,#ffc0cb,#f7a1c4);
    background-attachment: fixed;
}

/* login wrap */
#login_wrap {
    width:100%;
    height:100%;
}

/* main login box */
#login_all {
    width:800px;
    max-width:94%;
    margin:0 auto;
    background: rgba(255,255,255,0.93);
    border-radius:25px;
    box-shadow:0 15px 40px rgba(255,105,180,.30);
    color:#7a2d52;
    padding-bottom:15px;
}

/* header / logo area */
.background_header,
#header2 {
    background: linear-gradient(to right,#ff69b4,#d16ba5);
    border-radius:25px 25px 0 0;
}

/* text colors */
p, span, label {
    color:#7a2d52;
}

/* buttons */
button,
.reg_button {
    background: linear-gradient(to right,#ff69b4,#c77dff)!important;
    border:none!important;
    border-radius:30px!important;
    color:#fff!important;
    font-weight:bold;
    transition:.3s ease;
}

button:hover,
.reg_button:hover {
    transform:scale(1.05);
    box-shadow:0 0 18px rgba(255,105,180,.6);
}

/* social icons */
.intro_social_btn {
    background:#ff69b4;
    transition:.3s;
}
.intro_social_btn:hover {
    transform:scale(1.15);
    background:#c77dff;
}

/* not member */
.login_not_member {
    text-align:center;
    padding-top:10px;
    color:#a83279;
}

/* active users */
.active_avatar {
    border-radius:50%;
    border:3px solid #ffb6c1;
}

/* responsive */
@media screen and (max-width:768px){
    #login_all{
        border-radius:18px;
    }
}