﻿.slimScrollDiv {
    background-color: #000000 !important;
}

.sidebar .sidebar-menu > ul > li.submenu-open ul li a span {
    color: #ffffff !important;
}

.sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover {
    color: #000000 !important;
    background-color: #646B72 !important;
}

.sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr,
.settings-sidebar .sidebar-menu > ul > li.submenu-open .submenu-hdr {
    color: #ffffff !important;
}

.sidebar .sidebar-menu .submenu-open .submenu ul li a,
.settings-sidebar .sidebar-menu .submenu-open .submenu ul li a {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
    color: #ffffff !important;
    background-color: #646B72 !important;
}

.sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover,
.settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover {
    color: #ffffff !important;
    background-color: #646B72 !important;
}

.table thead tr th,
.rz-grid-table thead th,
.rz-grid-table thead th .rz-column-title {
    color: #ffffff !important;
    background-color: #646B72 !important;
}

.sidebar .sidebar-logo #toggle_btn {
    background: #ffffff !important;
}

    .sidebar .sidebar-logo #toggle_btn svg {
        color: #000000 !important;
    }

    .sidebar .sidebar-logo #toggle_btn:hover {
        background: #646B72 !important;
    }

.sidebar {
    background-color: #000000 !important;
    border-right: 1px solid #000000 !important;
}

    .sidebar .sidebar-logo {
        border-bottom: 1px solid #000000 !important;
        justify-content: center;
        height : 100px !important;
    }

.orderHeaderText {
    color: #ffffff !important;
}

.header {
    background-color: #a6aaaf !important;
}

.language-selector .form-select {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    height: 35px !important;
}

.language-icon {
    color : #fff !important;
}

.form-select option {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.select-pl {
    background: none; /* Remove default background/arrow */
    padding-right: 0; 
}

.user-menu.nav > li.pos-nav {
    border-right: 1px solid #000000 !important;
}

.content.dashboardCard .bg-primary.bg-opacity-10,
.content.dashboardCard .bg-danger.bg-opacity-10,
.content.dashboardCard .bg-success.bg-opacity-10,
.content.dashboardCard .bg-info.bg-opacity-10 {
    background-color: #646B72 !important;
}

.fas.fa-shopping-cart.text-primary,
.fas.fa-shopping-bag.text-danger,
.fas.fa-wallet.text-success,
.fas.fa-credit-card.text-info {
    color: #ffffff !important;
}

.fas.fa-star.text-warning,
.fas.fa-exclamation-triangle.text-danger,
.fas.fa-clock.text-primary {
    color: #646B72 !important;
}

.avatar-placeholder {
    width: 32px !important;
    height: 32px !important;
    background-color: #000000 !important;
}

.user-info .user-letter {
    display : inline-table;
}

.user-detail .text-muted {
    color: #ffffff !important;
    font-size: 10px !important;
}

.btn.btn-dark:hover,
.btn.btn-primary:hover {
    background-color: #4d555e !important;
    color: #ffffff !important;
    border: 1px solid #646B72 !important;
    box-shadow: 0 3px 10px #4d555e !important;
}

.user-menu.nav > li > a.select-store,
.user-menu.nav > li.link-nav .btn,
.user-menu.nav > li.pos-nav .btn,
#btnFullscreen, .settings001 {
    height: 35px !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}

.user-info.user-letter img.img-fluid {
    height: 35px !important;
}

.user-menu.nav > li.profile-nav .profileset {
    padding: 0px !important;
}

.user-menu.nav > li > a.select-store .user-info .user-name {
    color: #ffffff !important;
}
