/* =========================================
   UFibers Brand Theme
   Only change colors
   Do NOT change text colors
   ========================================= */


/* =========================================
   Background for all pages
   ========================================= */

body,
#wrap,
#content,
.order,
.order-content {
    background: linear-gradient(
        135deg,
        #6A0DAD 0%,
        
        #A70254 100%
    ) !important;
}


/* =========================================
   Header / Top Bar
   ========================================= */

header,
#header,
.main-header,
.top-bar,
.navbar,
.navbar-inverse,
.client-navbar,
nav.navbar,
.navbar .navbar-inner,
.navbar-header,
.header,
.header-wrap,
.logo,
.logo-header,
.client-header,
#logo,
#logo-container {
    background: linear-gradient(
        135deg,
        #6A0DAD 0%,
        
        #A70254 100%
    ) !important;

    border: none !important;
    box-shadow: none !important;
}


/* Remove white container backgrounds inside header */

header .container,
.navbar .container,
#header .container,
.logo .container,
.logo-header .container,
#logo .container {
    background: transparent !important;
}


/* =========================================
   Buttons (Brand color)
   ========================================= */

.btn,
.btn-primary,
button,
input[type="submit"] {

    background: linear-gradient(
        90deg,
        #6A0DAD 0%,
        #A70254 100%
    ) !important;

    border: none !important;
}


/* Hover */

.btn:hover,
.btn-primary:hover,
button:hover,
input[type="submit"]:hover {

    background: linear-gradient(
        90deg,
        #A70254 0%,
        #6A0DAD 100%
    ) !important;

}


/* =========================================
   Order Steps
   ========================================= */

.order-steps {

    background: linear-gradient(
        135deg,
        #6A0DAD 0%,
        #A70254 100%
    ) !important;

}


/* Active Step */

.order-steps ul li.active {

    background: #A70254 !important;

}


/* =========================================
   Progress Bars
   ========================================= */

.progress-bar {

    background: linear-gradient(
        135deg,
        #6A0DAD 0%,
        #A70254 100%
    ) !important;

}


/* =========================================
   Labels / Badges
   ========================================= */

.label-primary,
.badge-primary {

    background: #A70254 !important;

}


/* =========================================
   Links hover color
   ========================================= */

a:hover {

    opacity: 0.9;

}


/* =========================================
   UFibers Footer Signature
   ========================================= */

footer,
footer p,
footer span,
footer small,
footer a,
.powered-by,
#footer,
#footer *,
.footer,
.footer *,
.footer-signature {
    color: #ffffff !important;
}

/* رابط Powered by */
footer a {
    color: #ffffff !important;
}

footer a:hover {
    color: #ffffff !important;
    opacity: 0.85;
}

/* =========================================
   UFibers Login Page - White Text
   ========================================= */

body.login,
body[class*="login"] {
    color: #ffffff !important;
}

/* العناوين */
body.login h1,
body.login h2,
body.login h3,
body.login h4,
body.login h5,
body.login h6,
body[class*="login"] h1,
body[class*="login"] h2,
body[class*="login"] h3 {
    color: #ffffff !important;
}

/* النصوص العادية */
body.login p,
body.login label,
body.login span,
body[class*="login"] p,
body[class*="login"] label,
body[class*="login"] span {
    color: #ffffff !important;
}

/* الروابط */
body.login a,
body[class*="login"] a {
    color: #ffffff !important;
}

/* checkbox text */
body.login .checkbox label,
body.login .form-check-label,
body[class*="login"] .checkbox label {
    color: #ffffff !important;
}

/* footer */
body.login footer,
body[class*="login"] footer {
    color: #ffffff !important;
}





/* =========================================
   UFibers Login Button
   ========================================= */

body.login .btn-primary,
body[class*="login"] .btn-primary,
body.login button[type="submit"],
body[class*="login"] button[type="submit"] {

    background: #16c6d9 !important;   /* نفس لون زر Order Now */

    border: none !important;

    color: #000000 !important;   /* النص اسود */

    font-weight: 600;

    border-radius: 40px;

}


/* Hover */

body.login .btn-primary:hover,
body[class*="login"] .btn-primary:hover {

    background: #11b3c5 !important;

    color: #000000 !important;

}




/* =========================================
   UFibers Login Links
   ========================================= */

body.login a,
body[class*="login"] a {

    color: #16c6d9 !important;

}

body.login a:hover,
body[class*="login"] a:hover {

    color: #0fa9bb !important;

}


/* اخفاء عنوان Login */

body.login h1,
body.login h2,
body.login .login-title,
body[class*="login"] h1,
body[class*="login"] h2 {

    display: none !important;

}



/* تقليل المسافات في صفحة Login */

body.login #wrap,
body[class*="login"] #wrap {

    padding-top: 20px !important;

}