/* ============================================================
   NEERXPRESS OFFICIAL 4-COLOR BRAND SYSTEM
   Teal  : #00A19A
   Pink  : #ED155D
   Black : #000000
   White : #FFFFFF

   UI-only override. No application/business logic.
   ============================================================ */

:root{
    --nx-brand-teal:#00A19A;
    --nx-brand-pink:#ED155D;
    --nx-brand-black:#000000;
    --nx-brand-white:#FFFFFF;

    /*
     * Keep primary/secondary connected with existing
     * Theme & Appearance system.
     */
    --nx-bg:var(--nx-brand-white);
    --nx-card:var(--nx-brand-white);
    --nx-text:var(--nx-brand-black);
    --nx-muted:rgba(0,0,0,.62);
    --nx-border:rgba(0,0,0,.13);

    --nx-sidebar:var(--nx-brand-black);
    --nx-sidebar-2:var(--nx-brand-black);
    --nx-sidebar-text:var(--nx-brand-white);
    --nx-sidebar-muted:var(--nx-brand-white);

    --nx-success:var(--nx-primary);
    --nx-info:var(--nx-primary);
    --nx-warning:var(--nx-secondary);
    --nx-danger:var(--nx-secondary);
}


/* ================================
   PAGE / GLOBAL
   ================================ */

html,
body,
.page-wrapper,
.dashboard-wrapper,
.dashboard-main-wrapper,
.dashboard-content,
.container-fluid.dashboard-content{
    background:var(--nx-brand-white) !important;
    color:var(--nx-brand-black) !important;
}

body,
p,
span,
label,
small,
td,
.form-label{
    color:inherit;
}

.text-muted,
.muted{
    color:rgba(0,0,0,.60) !important;
}

.text-dark{
    color:var(--nx-brand-black) !important;
}

.text-white{
    color:var(--nx-brand-white) !important;
}

.text-primary,
.text-success,
.text-info{
    color:var(--nx-primary) !important;
}

.text-secondary,
.text-danger,
.text-warning{
    color:var(--nx-secondary) !important;
}


/* ================================
   TOP HEADER / NAVBAR
   ================================ */

.dashboard-header,
.navbar-top,
.dashboard-header .navbar,
.navbar-top .navbar{
    background:var(--nx-secondary) !important;
    border:0 !important;
}

.dashboard-header,
.dashboard-header *,
.navbar-top,
.navbar-top *{
    color:var(--nx-brand-white);
}

.dashboard-header .nav-link,
.dashboard-header .navbar-nav .nav-link,
.navbar-top .nav-link{
    color:var(--nx-brand-white) !important;
}

.dashboard-header .nav-link:hover,
.navbar-top .nav-link:hover{
    color:var(--nx-brand-white) !important;
    opacity:.82;
}

.dashboard-header i,
.navbar-top i{
    color:var(--nx-brand-white) !important;
}

.dashboard-header .dropdown-menu *,
.navbar-top .dropdown-menu *{
    color:var(--nx-brand-black);
}


/* ================================
   SIDEBAR
   ================================ */

.nav-left-sidebar,
.sidebar-dark,
.sidebarNavigation .offcanvas,
#offcanvasDarkNavbar{
    background:var(--nx-brand-black) !important;
    background-image:none !important;
    border-right:0 !important;
}

.nav-left-sidebar .navbar-nav .nav-link,
.sidebarNavigation .nav-link,
#offcanvasDarkNavbar .nav-link{
    color:var(--nx-brand-white) !important;
}

.nav-left-sidebar .navbar-nav .nav-link i,
.sidebarNavigation .nav-link i,
#offcanvasDarkNavbar .nav-link i{
    color:var(--nx-primary) !important;
}

.nav-left-sidebar .navbar-nav .nav-link:hover,
.sidebarNavigation .nav-link:hover,
#offcanvasDarkNavbar .nav-link:hover{
    background:rgba(0,161,154,.20) !important;
    color:var(--nx-brand-white) !important;
}

.nav-left-sidebar .navbar-nav .nav-link.active,
.nav-left-sidebar .nav-item .nav-link.active,
.sidebarNavigation .nav-link.active,
#offcanvasDarkNavbar .nav-link.active{
    background:var(--nx-primary) !important;
    color:var(--nx-brand-white) !important;
    border-left-color:var(--nx-secondary) !important;
}

.nav-left-sidebar .navbar-nav .nav-link.active i,
.sidebarNavigation .nav-link.active i,
#offcanvasDarkNavbar .nav-link.active i{
    color:var(--nx-brand-white) !important;
}

.nav-left-sidebar .submenu,
.sidebarNavigation .submenu,
#offcanvasDarkNavbar .submenu{
    background:rgba(255,255,255,.055) !important;
}

.nav-left-sidebar .submenu .nav-link,
#offcanvasDarkNavbar .submenu .nav-link{
    color:rgba(255,255,255,.88) !important;
}

.nav-left-sidebar .nav-divider{
    color:rgba(255,255,255,.60) !important;
}


/* Admin + Merchant Search */
#nxAdminMenuSearch,
#nxMerchantMenuSearch{
    background:rgba(255,255,255,.08) !important;
    color:var(--nx-brand-white) !important;
    border-color:rgba(255,255,255,.25) !important;
}

#nxAdminMenuSearch::placeholder,
#nxMerchantMenuSearch::placeholder{
    color:rgba(255,255,255,.65) !important;
}

#nxAdminMenuSearch:focus,
#nxMerchantMenuSearch:focus{
    border-color:var(--nx-primary) !important;
}

.nx-admin-menu-search-box > i,
.nx-merchant-menu-search-box > i{
    color:var(--nx-primary) !important;
}


/* ================================
   CARDS
   ================================ */

.card,
.modal-content,
.dropdown-menu,
.popover{
    background:var(--nx-brand-white) !important;
    color:var(--nx-brand-black) !important;
    border-color:rgba(0,0,0,.12) !important;
}

.card{
    box-shadow:0 5px 22px rgba(0,0,0,.07) !important;
}

.card-header,
.card-footer{
    background:var(--nx-brand-white) !important;
    color:var(--nx-brand-black) !important;
    border-color:rgba(0,0,0,.11) !important;
}

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6{
    color:var(--nx-brand-black) !important;
}


/* ================================
   HEADINGS / LINKS
   ================================ */

h1,h2,h3,h4,h5,h6,
.page-header,
.page-header-title{
    color:var(--nx-brand-black) !important;
}

a{
    color:var(--nx-primary);
}

a:hover,
a:focus{
    color:var(--nx-secondary);
}


/* ================================
   BUTTONS
   ================================ */

.btn-primary,
.btn-success,
.btn-info{
    background:var(--nx-primary) !important;
    border-color:var(--nx-primary) !important;
    color:var(--nx-brand-white) !important;
}

.btn-secondary,
.btn-danger,
.btn-warning{
    background:var(--nx-secondary) !important;
    border-color:var(--nx-secondary) !important;
    color:var(--nx-brand-white) !important;
}

.btn-dark{
    background:var(--nx-brand-black) !important;
    border-color:var(--nx-brand-black) !important;
    color:var(--nx-brand-white) !important;
}

.btn-light{
    background:var(--nx-brand-white) !important;
    border-color:var(--nx-brand-black) !important;
    color:var(--nx-brand-black) !important;
}

.btn-outline-primary,
.btn-outline-success,
.btn-outline-info{
    color:var(--nx-primary) !important;
    border-color:var(--nx-primary) !important;
    background:var(--nx-brand-white) !important;
}

.btn-outline-primary:hover,
.btn-outline-success:hover,
.btn-outline-info:hover{
    background:var(--nx-primary) !important;
    color:var(--nx-brand-white) !important;
}

.btn-outline-secondary,
.btn-outline-danger,
.btn-outline-warning{
    color:var(--nx-secondary) !important;
    border-color:var(--nx-secondary) !important;
    background:var(--nx-brand-white) !important;
}

.btn-outline-secondary:hover,
.btn-outline-danger:hover,
.btn-outline-warning:hover{
    background:var(--nx-secondary) !important;
    color:var(--nx-brand-white) !important;
}


/* ================================
   FORMS
   ================================ */

.form-control,
.custom-select,
select.form-control,
textarea.form-control,
.input-group-text,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple{
    background:var(--nx-brand-white) !important;
    color:var(--nx-brand-black) !important;
    border-color:rgba(0,0,0,.20) !important;
}

.form-control:focus,
.custom-select:focus,
select.form-control:focus,
textarea.form-control:focus{
    border-color:var(--nx-primary) !important;
    box-shadow:0 0 0 2px rgba(0,161,154,.12) !important;
}

.form-control::placeholder,
textarea.form-control::placeholder{
    color:rgba(0,0,0,.46) !important;
}


/* Checkboxes / radios */
.custom-control-input:checked ~ .custom-control-label::before{
    background-color:var(--nx-primary) !important;
    border-color:var(--nx-primary) !important;
}


/* ================================
   TABLES
   ================================ */

.table{
    color:var(--nx-brand-black) !important;
    background:var(--nx-brand-white) !important;
}

.table thead th,
.table thead td{
    background:var(--nx-brand-black) !important;
    color:var(--nx-brand-white) !important;
    border-color:var(--nx-brand-black) !important;
}

.table tbody td{
    background:var(--nx-brand-white) !important;
    color:var(--nx-brand-black) !important;
    border-color:rgba(0,0,0,.10) !important;
}

.table-hover tbody tr:hover td{
    background:rgba(0,161,154,.07) !important;
}

.table-striped tbody tr:nth-of-type(odd) td{
    background:rgba(0,0,0,.025) !important;
}


/* ================================
   BADGES / STATUS
   ================================ */

.badge-primary,
.badge-success,
.badge-info,
.bg-primary,
.bg-success,
.bg-info{
    background:var(--nx-primary) !important;
    color:var(--nx-brand-white) !important;
}

.badge-secondary,
.badge-danger,
.badge-warning,
.bg-secondary,
.bg-danger,
.bg-warning{
    background:var(--nx-secondary) !important;
    color:var(--nx-brand-white) !important;
}

.badge-dark,
.bg-dark{
    background:var(--nx-brand-black) !important;
    color:var(--nx-brand-white) !important;
}

.bg-light{
    background:var(--nx-brand-white) !important;
    color:var(--nx-brand-black) !important;
}


/* ================================
   ALERTS
   ================================ */

.alert-success,
.alert-info{
    background:rgba(0,161,154,.10) !important;
    border-color:var(--nx-primary) !important;
    color:var(--nx-brand-black) !important;
}

.alert-danger,
.alert-warning{
    background:rgba(237,21,93,.10) !important;
    border-color:var(--nx-secondary) !important;
    color:var(--nx-brand-black) !important;
}


/* ================================
   DROPDOWN
   ================================ */

.dropdown-item{
    color:var(--nx-brand-black) !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active{
    background:var(--nx-primary) !important;
    color:var(--nx-brand-white) !important;
}


/* ================================
   PAGINATION
   ================================ */

.page-link{
    color:var(--nx-brand-black) !important;
    background:var(--nx-brand-white) !important;
    border-color:rgba(0,0,0,.14) !important;
}

.page-item.active .page-link,
.page-link:hover{
    background:var(--nx-primary) !important;
    border-color:var(--nx-primary) !important;
    color:var(--nx-brand-white) !important;
}


/* ================================
   TABS
   ================================ */

.nav-tabs .nav-link{
    color:var(--nx-brand-black) !important;
}

.nav-tabs .nav-link.active{
    color:var(--nx-primary) !important;
    border-bottom-color:var(--nx-secondary) !important;
}


/* ================================
   DATATABLES
   ================================ */

.dataTables_wrapper,
.dataTables_wrapper label{
    color:var(--nx-brand-black) !important;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select{
    background:var(--nx-brand-white) !important;
    border-color:rgba(0,0,0,.18) !important;
    color:var(--nx-brand-black) !important;
}


/* ================================
   MODALS
   ================================ */

.modal-header,
.modal-footer{
    background:var(--nx-brand-white) !important;
    border-color:rgba(0,0,0,.11) !important;
}

.modal-title{
    color:var(--nx-brand-black) !important;
}


/* ================================
   BREADCRUMB
   ================================ */

.breadcrumb{
    background:transparent !important;
}

.breadcrumb-item,
.breadcrumb-item a{
    color:var(--nx-primary) !important;
}

.breadcrumb-item.active{
    color:var(--nx-brand-black) !important;
}


/* ================================
   PROGRESS
   ================================ */

.progress{
    background:rgba(0,0,0,.08) !important;
}

.progress-bar,
.progress-bar.bg-success,
.progress-bar.bg-info{
    background:var(--nx-primary) !important;
}

.progress-bar.bg-danger,
.progress-bar.bg-warning{
    background:var(--nx-secondary) !important;
}


/* ================================
   MERCHANT DASHBOARD
   ================================ */

.merchant-panel .card,
.merchant-dashboard .card{
    background:var(--nx-brand-white) !important;
}

.merchant-panel .card-title,
.merchant-dashboard .card-title{
    color:var(--nx-primary) !important;
}

.merchant-panel .card h1,
.merchant-panel .card h2,
.merchant-panel .card h3,
.merchant-panel .card h4,
.merchant-panel .card h5,
.merchant-panel .card h6{
    color:var(--nx-brand-black) !important;
}


/* ================================
   MOBILE MERCHANT NAV
   ================================ */

.nx-merchant-mobile-nav,
.nx-merchant-bottom-nav,
.merchant-mobile-bottom-nav{
    background:var(--nx-brand-black) !important;
    border-color:rgba(255,255,255,.12) !important;
}

.nx-merchant-mobile-nav a,
.nx-merchant-bottom-nav a,
.merchant-mobile-bottom-nav a{
    color:var(--nx-brand-white) !important;
}

.nx-merchant-mobile-nav a.active,
.nx-merchant-bottom-nav a.active,
.merchant-mobile-bottom-nav a.active{
    color:var(--nx-primary) !important;
}


/* ================================
   THEME SETTINGS PAGE
   ================================ */

.nx-theme-page .theme-hero{
    background:var(--nx-brand-black) !important;
}

.nx-theme-page .theme-hero h3{
    color:var(--nx-brand-white) !important;
}

.nx-theme-page .theme-hero p{
    color:rgba(255,255,255,.82) !important;
}

.nx-theme-page .preview-top{
    background:var(--nx-secondary) !important;
    color:var(--nx-brand-white) !important;
}

.nx-theme-page .preview-sidebar{
    background:var(--nx-brand-black) !important;
}

.nx-theme-page .preview-content{
    background:var(--nx-brand-white) !important;
}

.nx-theme-page .preview-card{
    background:var(--nx-brand-white) !important;
    border-color:rgba(0,0,0,.12) !important;
}


/* ================================
   SCROLLBARS
   ================================ */

.nav-left-sidebar::-webkit-scrollbar-thumb,
.sidebarNavigation .offcanvas::-webkit-scrollbar-thumb{
    background:var(--nx-primary) !important;
}


/* No hue outside brand palette. */