.login-logo {
    display: none;
}

img.logo-img {
    width: 100%;
}

.client-id-box {
    background: #f4f6f9; /* Light grey background */
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.9rem;
    color: #343a40; /* Darker text */
    margin-left: 1rem;
}

.client-id-label {
    font-weight: bold;
    margin-right: 5px;
}

.client-id-value {
    font-family: 'Courier New', Courier, monospace;
    color: #007bff; /* Bootstrap primary blue */
    font-weight: bold;
}


/* Custom style for the help text in red */
form .aligned p.help, form .aligned div.help {
    font-weight: bold;
    font-size: 12px;
    color: black;
    margin: 0;
}

div.help code {
    color: red;
}

/* Hide the original text for inline-group */
.inline-group .tabular td.original p {
    display: none;
}

.inline-group .tabular tr.has_original td {
    padding-top: 0;
}

/* Custom styles for AdminLTE layout */

/* Change the background color of the admin sidebar */
.navbar.navbar-expand-lg {
    background-color: #2c3e50 !important;
}

#sidebar {
    background-color: #34495e !important;
}

#sidebar a {
    color: #ecf0f1 !important;
}

#sidebar a:hover {
    background-color: #1abc9c !important;
}

/* Change the color of the site title */
#site-name {
    color: #ecf0f1;
    font-size: 24px;
    font-weight: bold;
}


.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}





/* Customizing buttons */
button.btn.btn-primary {
    background-color: #e74c3c;
    border-color: #e74c3c;
}

button.btn.btn-primary:hover {
    background-color: #c0392b;
    border-color: #c0392b;
}

.btn-xs {
    font-size: 13px;
    padding: 12px 12px;
}


/* Abandoned Cart Icon */
a[href="/portal-demo/abandoned_cart/abandonedcart/"] .nav-icon::before {
    content: "\f07a"; /* Shopping cart icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #28a745; /* Green */
}



/* Abandoned settings icon for the navigation menu */
a[href="/portal-demo/abandoned_cart/abandonedcartsettings/"] .nav-icon::before {
    content: "\f013"; /* Cog (settings) icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffc107; /* Yellow */
}

/* Customize icons for the navigation menu */
a[href="/portal-demo/contact/contactsubmission/"] .nav-icon::before {
    content: "\f086"; /* FA comments */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ff0000; 
}

/* Icon customization for other menu items */
a[href="/portal-demo/account/emailaddress/"] .nav-icon::before {
    content: "\f0e0"; /* FA envelope */
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    color: #007bff; /* Blue for better visibility */
}

a[href="/portal-demo/activation/activationlicense/"] .nav-icon::before {
    content: "\f084"; /* Font Awesome key icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #6366f1; /* A calm indigo color */
}


a[href="/portal-demo/email_templates/emailtemplate/"] .nav-icon::before {
    content: "\f15c"; /* FA file-text */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffc107; /* Yellow */
}

a[href="/portal-demo/email_templates/passwordemails/"] .nav-icon::before {
    content: "\f084"; /* fa-key */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #007bff;
}

a[href="/portal-demo/email_templates/welcomeemail/"] .nav-icon::before {
    content: "\f0e0"; /* fa-envelope */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #28a745;
}



a[href="/portal-demo/checkout/order/"] .nav-icon::before {
    content: "\f291"; /* FA credit-card */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #28a745; /* Green for orders */
}

a[href="/portal-demo/home/page/"] .nav-icon::before {
    content: "\f15c"; /* Unicode for fa-file-alt */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffc107; /* Yellow */
}

a[href="/portal-demo/products/brand/"] .nav-icon::before {
    content: "\f02b"; /* FA trademark */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ff0000; /* Red for brands */
}

a[href="/portal-demo/products/category/"] .nav-icon::before {
    content: "\f07b"; /* FA folder-open */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #28a745;
}

a[href="/portal-demo/products/product/"] .nav-icon::before {
    content: "\f0a5"; /* FA archive */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #17a2b8; /* Teal for products */
}

a[href="/portal-demo/products/network/"] .nav-icon::before {
    content: "\f1b3"; /* FA icon for "cube" – great for representing products/networks */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #6610f2; /* Purple */
}

a[href="/portal-demo/products/storageoption/"] .nav-icon::before {
    content: "\f187"; /* FA database */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffc107; /* Yellow for storage */
}

/* Customers Icon */
a[href="/portal-demo/profiles/profile/"] .nav-icon::before {
    content: "\f007"; /* Unicode for Font Awesome user icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #007bff;
}



/* Django Cron Icon */
a[href="/portal-demo/django_cron/cronjoblock/"] .nav-icon::before {
    content: "\f017"; /* Clock icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #dc3545; /* Red */
}


/* Django Cron log Icon */
a[href="/portal-demo/django_cron/cronjoblog/"] .nav-icon::before {
    content: "\f570"; /* File-alt (log file) icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #17a2b8; /* Teal */
}

/* Global settings */
a[href="/portal-demo/settings/globalsettings/"] .nav-icon::before {
    content: "\f013"; /* Unicode for FA cogs */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffffff;
}

/* Global settings email config */
a[href="/portal-demo/settings/emailsettings/"] .nav-icon::before {
    content: "\f0e0"; /* Envelope (email) icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #007bff; /* Blue */
}


/* Voucher Box */
a[href="/portal-demo/voucherbox/coupon/"] .nav-icon::before {
    content: "\f145"; /* Ticket (coupon) icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fd7e14; /* Orange */
}

/* Voucher Box Coupon Usage */
a[href="/portal-demo/voucherbox/couponusage/"] .nav-icon::before {
    content: "\f46c"; /* Receipt (usage) icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #6610f2; /* Purple */
}

/* User Management - All users */
a[href="/portal-demo/user_management/alluser/"] .nav-icon::before {
    content: "\f007"; /* User icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #343a40; /* Dark Gray */
}

/* User Management - Access Roles */
a[href="/portal-demo/user_management/accessrole/"] .nav-icon::before {
    content: "\f023"; /* Lock (roles) icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #6c757d; /* Gray */
}



a[href="/portal-demo/seo/templateseosettings/"] .nav-icon::before {
    content: "\f002"; /* Icon: fa-search */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #6610f2; /* Purple */
}

a[href="/portal-demo/subscriptions/subscriptionsettings/"] .nav-icon::before {
    content: "\f2f6"; /* Icon: fa-id-card-alt */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #dc3545; /* Red */
}

a[href="/portal-demo/sync/csvupload/"] .nav-icon::before {
    content: "\f56c"; /* Icon: fa-file-csv */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #28a745 /* Green */
}


/* Navbar & sidebar style updates */
.main-header {
    background-color: #ffffff !important; /* AdminLTE V1 blue */
}

.main-sidebar {
    background-color: #000000 !important;
}

li.nav-item.d-none.d-sm-inline-block {

    font-weight: bold;
    color: #ffffff;
}

.navbar-light .navbar-nav .nav-link {

    color: #000000;
}


span.brand-text.font-weight-lightb {

display: none !important;
}

.info {

    font-size: 18px;
    font-weight: bold;
}

.brand-link .brand-image {
    float: none;
}

.sidebar {
    border-bottom: 1px solid #4b545c;
    padding: 8px;
}

.nav-pills .nav-link {

    color: #ffffff;
}





[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:hover,
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus,
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:visited,
[class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-link.active, 
[class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-link.active:hover,
[class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-link.active:focus {
    background-color: rgba(255, 255, 255, 0.33) !important;
    color: #fff !important;
}


body.jazzmin-login-page {

    background: #000000;
}

.apexcharts-legend.apexcharts-align-right.apx-legend-position-top {
    margin-top: 14px;
}