:root{

    --ez-primary:#101B5B;
    --ez-primary-light:#1A2675;
    --ez-red:#F3123C;

    --ez-bg:#F5F7FB;
    --ez-card:#FFFFFF;

    --ez-text:#1F2937;
    --ez-muted:#6B7280;

    --ez-border:#E9EEF5;

    --ez-radius:18px;

    --ez-shadow:
    0 4px 20px rgba(16,27,91,.06);

}

/* BODY */

body{
    background:var(--ez-bg)!important;
    color:var(--ez-text)!important;
    font-family:
    "Inter",
    "Cairo",
    sans-serif!important;
}

/* MAIN WRAPPER */

.wrapper,
    background:var(--ez-bg)!important;
}

/* TOP NAVBAR */

.navbar,
.main-header,
.topbar,
.header-navbar{

    background:#fff!important;

    border-bottom:1px solid var(--ez-border)!important;

    box-shadow:
    0 2px 10px rgba(0,0,0,.03);

}

/* SIDEBAR */

.sidebar,
.left-side,
aside{

    background:linear-gradient(
    180deg,
    #101B5B 0%,
    #0E174D 100%
    )!important;

    border:none!important;

}

/* SIDEBAR LOGO AREA */

.brand-link,
.sidebar-brand,
.logo-wrapper{

    background:transparent!important;
    border-bottom:1px solid rgba(255,255,255,.08);

}

/* SIDEBAR LINKS */

.sidebar a,

    color:
    rgba(255,255,255,.88)!important;

    font-weight:500!important;

    border-radius:14px!important;

    margin:4px 10px!important;

    transition:.2s ease;

}

/* SIDEBAR HOVER */

.sidebar a:hover,

    background:
    rgba(255,255,255,.08)!important;

    color:#fff!important;

}

/* ACTIVE MENU */

.sidebar .active a,
.sidebar li.active a,

    background:
    linear-gradient(
    90deg,
    var(--ez-red),
    #ff4d6d
    )!important;

    color:#fff!important;

    box-shadow:
    0 6px 18px rgba(243,18,60,.28);

}

/* SIDEBAR ICONS */

.sidebar i,

    color:inherit!important;

}

/* PAGE TITLE */

h1,h2,h3,h4,h5{

    color:var(--ez-primary)!important;
    font-weight:700!important;

}

/* REMOVE GREEN */

.text-success,
.green,
.text-green,
.bg-success,
.badge-success,
.btn-success{

    background:unset!important;
    color:var(--ez-red)!important;
    border:none!important;

}

/* DASHBOARD CARDS */

.card,
.small-box,
.info-box{

    background:var(--ez-card)!important;

    border:1px solid var(--ez-border)!important;

    border-radius:22px!important;

    box-shadow:var(--ez-shadow)!important;

    overflow:hidden!important;

}

/* CARD HOVER */

.card:hover{

    transform:translateY(-2px);

    transition:.2s ease;

}

/* CARD HEADERS */

.card-header{

    background:#fff!important;

    border-bottom:1px solid var(--ez-border)!important;

}

/* ICON CIRCLES */

.rounded-circle,
.icon-circle,
.small-box .icon{

    background:
    linear-gradient(
    135deg,
    var(--ez-primary),
    var(--ez-primary-light)
    )!important;

    color:#fff!important;

}

/* PRIMARY BUTTON */

.btn-primary{

    background:
    linear-gradient(
    135deg,
    var(--ez-red),
    #ff4d6d
    )!important;

    border:none!important;

    border-radius:12px!important;

    box-shadow:
    0 8px 18px rgba(243,18,60,.22);

}

/* INPUTS */

.form-control{

    border-radius:14px!important;

    border:
    1px solid var(--ez-border)!important;

    box-shadow:none!important;

    min-height:48px;

}

/* INPUT FOCUS */

.form-control:focus{

    border-color:var(--ez-primary)!important;

    box-shadow:
    0 0 0 4px rgba(16,27,91,.08)!important;

}

/* TABLES */

table{

    background:#fff!important;
    border-radius:18px!important;
    overflow:hidden!important;

}

table thead{

    background:#F8FAFC!important;

}

table thead th{

    color:var(--ez-primary)!important;
    border:none!important;

}

/* LINKS */

a{

    color:var(--ez-primary);

}

/* BADGES */

.badge{

    border-radius:999px!important;
    padding:7px 12px!important;

}

/* WHATSAPP STATUS */

.whatsapp-online{

    background:#22C55E!important;
    color:#fff!important;

}

/* NOTIFICATIONS */

.notification,
.alert{

    border-radius:16px!important;

}

/* SCROLLBAR */

::-webkit-scrollbar{
    width:8px;
}

::-webkit-scrollbar-thumb{
    background:#D1D5DB;
    border-radius:20px;
}
/* TOP HEADER FINAL */

.main-header,
.navbar,
.topbar,
.header-navbar,
.main-header .navbar,
header{

    background:
    linear-gradient(
    90deg,
    #101B5B 0%,
    #16236F 100%
    )!important;

    border:none!important;

    box-shadow:
    0 4px 18px rgba(16,27,91,.18)!important;

}

/* HEADER ICONS */

.main-header i,
.navbar i,
.topbar i,
header i{

    color:#ffffff!important;

}

/* HEADER TEXT */

.main-header a,
.navbar a,
.topbar a,
header a{

    color:#ffffff!important;

}

/* HEADER USER AREA */

.navbar .dropdown-toggle,
.main-header .dropdown-toggle{

    color:#fff!important;

}

/* SEARCH BAR IF EXISTS */

.navbar .form-control,
.topbar .form-control{

    background:
    rgba(255,255,255,.12)!important;

    border:
    1px solid rgba(255,255,255,.15)!important;

    color:#fff!important;

}

/* PLACEHOLDER */

.navbar .form-control::placeholder{

    color:
    rgba(255,255,255,.7)!important;

}
/* FIX SIDEBAR BOTTOM SETTINGS */

.sidebar,

    display:flex!important;
    flex-direction:column!important;

}

/* PUSH SETTINGS DOWN CLEANLY */

.sidebar .mt-auto,

    margin-top:auto!important;

}

/* SETTINGS ICON ALIGN */

.sidebar li:last-child,

    margin-bottom:18px!important;

}

/* NOTIFICATION BADGE */

.badge,
.notification-count,
.label-danger{

    background:#F3123C!important;

    color:#fff!important;

    border:none!important;

    font-size:11px!important;

    font-weight:700!important;

    min-width:18px!important;

    height:18px!important;

    line-height:18px!important;

    text-align:center!important;

    border-radius:999px!important;

    box-shadow:
    0 4px 10px rgba(243,18,60,.25);

}

/* SMALL RED MESSAGE BADGE */

.sidebar .badge,

    position:relative!important;

    top:-2px!important;

    right:-2px!important;

}

/* SIDEBAR ICON SPACING */

.sidebar li,

    margin:6px 0!important;

}

/* ICON CENTER FIX */

.sidebar i,

    font-size:18px!important;

    width:20px!important;

    text-align:center!important;

}

/* ACTIVE MENU GLOW */

.sidebar .active a{

    box-shadow:
    0 10px 24px rgba(243,18,60,.28)!important;

}
/* CLEAN NOTIFICATION BADGE */

.sidebar .badge,
.notification-count,
.label-danger{

    background:
    linear-gradient(
    135deg,
    #F3123C,
    #ff4d6d
    )!important;

    color:#fff!important;

    border:none!important;

    border-radius:999px!important;

    min-width:20px!important;
    height:20px!important;

    padding:0 6px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    font-size:10px!important;
    font-weight:700!important;

    position:absolute!important;

    top:10px!important;
    right:12px!important;

    box-shadow:
    0 4px 12px rgba(243,18,60,.30)!important;

    z-index:99!important;
    display:inline-flex !important;
align-items:center;
justify-content:center;
}

.sidebar .badge:empty,
.notification-count:empty {
    display:none !important;
}
.sidebar .badge[data-count="0"],
.notification-count[data-count="0"] {
    display:none !important;
}

/* REMOVE WEIRD BACKGROUND */

.sidebar .badge::before,
.sidebar .badge::after{

    display:none!important;

}

/* MENU ITEM POSITION */

.sidebar li,

    position:relative!important;

}
/* GLOBAL NOTIFICATION BADGES */

.badge,
.count,
.notification-count,
.label-danger,
.msg-count,
.chat-count,
.unread-count,
[class*="count"],
[class*="badge"] {

    background: linear-gradient(
    135deg,
    #F3123C,
    #ff4d6d
    ) !important;

    color: #fff !important;

    border: 2px solid #ffffff !important;

    border-radius: 999px !important;

    min-width: 20px !important;
    height: 20px !important;

    padding: 0 6px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    box-shadow:
    0 4px 12px rgba(243,18,60,.35) !important;
}

/* SIDEBAR POSITION */

.sidebar li,
.nav-item {

    position: relative !important;
}

/* CHAT NOTIFICATION ONLY */

.chat-unread,
.unread-count,
.message-count {

    background: linear-gradient(
    135deg,
    #F3123C,
    #ff4d6d
    ) !important;

    color: #fff !important;

    border: 2px solid #fff !important;

    border-radius: 999px !important;

    min-width: 18px !important;
    height: 18px !important;

    padding: 0 5px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    box-shadow:
    0 4px 10px rgba(243,18,60,.25) !important;
}

/* اخفاء الفاضي فقط */

.chat-unread:empty,
.unread-count:empty,
.message-count:empty {

    display: none !important;
}
/* HIDE ZERO CHAT BADGES ONLY */

.chat-unread[data-count="0"],
.unread-count[data-count="0"],
.message-count[data-count="0"] {

    display: none !important;
}
/* Hide zero notification badges */
.badge:empty {
    display: none !important;
}

.badge.bg-yellow.text-dark.badge-white.rounded-pill.ml-1 {

    display:none;

    min-width: 22px;
    height: 22px;
    border-radius: 50px !important;
    background: #ff2d55 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;

    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(255,45,85,.35);
}
.badge.bg-yellow.text-dark.badge-white.rounded-pill.ml-1:not(:empty) {
    display:inline-flex !important;
}
/* hide badges containing only 0 */
.badge.bg-yellow.text-dark.badge-white.rounded-pill.ml-1:not(:empty):has-text("0") {
    display: none !important;
}
.sidebar .badge {
    outline: 3px solid yellow !important;
}
/* FORCE LIGHT THEME ONLY */

.dark-theme-logo,
.system-theme-dark-logo,
.dark-theme-small-logo,
.system-theme-dark-small-logo,
[data-theme="dark"] {
    display:none !important;
}

.light-theme-logo,
.system-theme-light-logo,
.light-theme-small-logo,
.system-theme-light-small-logo {
    display:block !important;
}
/* HIDE THEME SWITCHER */

.theme-change,
.theme-switch,
.dark-mode,
.light-dark-toggle,
#themeDropdown,
[data-theme-toggle] {
    display:none !important;
}
/* ACCOUNT DROPDOWN FIX */

.dropdown-menu,
.dropdown-menu a,
.dropdown-item {
    color:#1e2a78 !important;
}

.dropdown-menu {
    background:#ffffff !important;
    border:none !important;
    border-radius:14px !important;
    box-shadow:0 10px 30px rgba(0,0,0,.12)!important;
}

.dropdown-item:hover {
    background:#f4f7ff !important;
    color:#0d1b66 !important;
}
/* FORCE HIDE THEME ICON */

.fa-moon,
.fa-sun,
.theme-toggle,
.theme-switcher,
.lw-theme-btn,
.dropdown-theme,
#themeDropdown,
[data-theme-toggle],
a[href*="theme"],
button[href*="theme"] {
    display:none !important;
}
/* HIDE ONLY THEME ARROW */

.fa-sun + .dropdown-toggle::after,
.fa-moon + .dropdown-toggle::after,
#themeDropdown::after {
    display: none !important;
}

/* FIX BACKEND SIDEBAR */

.sidebar{
    width:250px !important;
    overflow:visible !important;
    transition:all .2s ease !important;
}

    margin-left:250px !important;
}

/* REMOVE MINI SIDEBAR BEHAVIOR */

.sidebar:hover,
    width:250px !important;
}

/* FIX MENU TEXT */

.sidebar span,
.sidebar p,
    display:inline !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* FIX SUB MENUS */

.sidebar .nav-treeview,
    display:block !important;
}

/* PREVENT OVERLAP */

    z-index:9999 !important;
}


/* FIX VENDOR SIDEBAR */

.vendor-sidebar,
    width:250px !important;
    transform:none !important;
    margin-left:0 !important;
    left:0 !important;
}

    margin-left:250px !important;
}

/* DISABLE COLLAPSE */



/* FINAL SIDEBAR FIX */

.sidebar{
    width:72px !important;
    overflow:hidden !important;
    transition:none !important;
}

.main-header{
    margin-left:72px !important;
    transition:none !important;
}

/* STOP COLLAPSE SYSTEM */


/* ADMIN PANEL FIX */

.central-console .sidebar{
    width:72px !important;
    overflow:hidden !important;
    transition:none !important;
}

.central-console .main-header{
    margin-left:72px !important;
    transition:none !important;
}

/* DISABLE SIDEBAR COLLAPSE */


/* HARD FIX FOR ADMIN SIDEBAR */



/* STOP ADMINLTE PUSH EFFECT */

/* FIXED STATIC SIDEBAR */

.sidebar{
    width:72px !important;
    overflow:hidden !important;
}

.main-header,
.main-footer{
    margin-left:72px !important;
}

/* FORCE SIDEBAR CONTENT FIT */

.sidebar .brand-link{
    width:72px !important;
    overflow:hidden !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.sidebar .brand-link img{
    max-width:42px !important;
    height:auto !important;
}

.sidebar .nav-sidebar .nav-link{
    width:72px !important;
    padding-left:0 !important;
    padding-right:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.sidebar .nav-sidebar .nav-link p,
.sidebar .brand-text{
    display:none !important;
}
/* CLEAN ICON SIDEBAR */

.sidebar .nav-sidebar .nav-item{
    width:72px !important;
    display:flex !important;
    justify-content:center !important;
}

.sidebar .nav-sidebar .nav-link{
    width:72px !important;
    height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
}

.sidebar .nav-sidebar .nav-link p,
.sidebar .brand-text{
    display:none !important;
}

.sidebar .nav-sidebar .nav-icon{
    margin:0 !important;
    font-size:18px !important;
}

.brand-link{
    width:72px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:10px 0 !important;
}
/* CLEAN SIDEBAR */

.navbar-vertical{
    transition:all .25s ease !important;
}

.main-content{
    transition:all .25s ease !important;
}
/* PROFILE DROPDOWN */
.dropdown-menu,
.dropdown-menu a,
.dropdown-item{
    background:#ffffff!important;
    color:#18206F!important;
}

.dropdown-item:hover,
.dropdown-menu a:hover{
    background:#f4f7ff!important;
    color:#18206F!important;
}

/* LOGIN BUTTON */
.btn-primary,
button[type="submit"]{
    background:#18206F!important;
    border-color:#18206F!important;
    color:#ffffff!important;
}

.btn-primary:hover,
button[type="submit"]:hover{
    background:#10185c!important;
    border-color:#10185c!important;
    color:#ffffff!important;
}

/* LOGIN INPUT BORDER */
.form-control,
.input-group-text{
    border:1px solid #18206F22!important;
}

.form-control:focus{
    border-color:#18206F!important;
    box-shadow:0 0 0 0.15rem rgba(24,32,111,.15)!important;
}
/* DROPDOWN ICONS + TEXT */
.dropdown-menu i,
.dropdown-item i,
.dropdown-menu .fa,
.dropdown-menu .fas,
.dropdown-menu .far{
    color:#18206F!important;
}

.dropdown-menu,
.dropdown-item{
    color:#18206F!important;
}

/* SUCCESS BUTTONS */
.btn-success,
.bg-success,
.alert-success{
    background:#18206F!important;
    border-color:#18206F!important;
    color:#ffffff!important;
}

/* SWEET ALERT / POPUPS */
.swal2-popup .swal2-confirm,
.swal-button--confirm,
.toast-success,
.jq-toast-single{
    background:#18206F!important;
    border-color:#18206F!important;
    color:#ffffff!important;
}

/* SUCCESS LABELS */
.badge-success,
.label-success{
    background:#18206F!important;
    color:#fff!important;
}

/* LOGIN / SAVE / LOGOUT BUTTONS */
.btn-primary,
.btn-danger,
button[type="submit"]{
    background:#18206F!important;
    border-color:#18206F!important;
    color:#fff!important;
}

/* REMOVE GREEN TEXT */
.text-success{
    color:#18206F!important;
}
