\/* RAWA Theme */

/* Desk Navbar */
header.navbar {
    background-color: #111111 !important;
    border-bottom: 1px solid #222222 !important;
}

header.navbar .app-logo {
    width: 130px !important;
    height: auto !important;
    content: url("/assets/rawa_theme/assets/rawa_logo.svg") !important;
}

/* Login logo */
.login-content .app-logo {
    width: 220px !important;
    height: auto !important;
}

/* RAWA Login Page */

body {
    background-color: #111111 !important;
}

.login-content {
    background-color: transparent !important;
}

.page-card {
    background-color: #111111 !important;
    border: none !important;
}

.page-card .app-logo {
    width: 180px !important;
    height: auto !important;
}
/* RAWA Login */

body {
    background: #111111 !important;
}

.for-login {
    background: transparent !important;
}

.login-content.page-card {
    background: #111111 !important;
    box-shadow: none !important;
    border: 0 !important;
}

.login-content .page-card-head {
    color: white !important;
}

.login-content input {
    background: #ffffff !important;
}

.btn-login {
    background: #1a1a1a !important;
    border-color: #333 !important;
}
/* RAWA Login Card */

.login-content.page-card {
    background-color: #111111 !important;
    color: white !important;
}

.login-content.page-card input {
    background-color: #ffffff !important;
    color: #111111 !important;
}

.login-content.page-card .page-card-head,
.login-content.page-card h4 {
    color: white !important;
}
/* FORCE RAWA LOGIN */
body .login-content.page-card {
    background-color: #111111 !important;
    color: white !important;
}

body .login-content.page-card .page-card-head {
    color: white !important;
}
/* RAWA Login Theme */
body:has(.for-login) {
    --fg-color: #111111 !important;
}

body:has(.for-login) .login-content.container {
    color: white !important;
}
/* RAWA LOGIN FIX */

.login-content.container {
    background-color: #111111 !important;
    color: white !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4) !important;
}

.login-content.container .page-card-head,
.login-content.container h4 {
    color: white !important;
}

.login-content.container input {
    background-color: #ffffff !important;
    color: #111111 !important;
}

.login-content.container .btn-login {
    background-color: #ffffff !important;
    color: #111111 !important;
    border: none !important;
}