/*
 * Foodify-inspired project theme.
 * Palette pulled from the reference: clean white canvas, strong red accent,
 * black typography, and quiet neutral grays for dense admin screens.
 */
:root {
  --foodify-red: #d90000;
  --foodify-red-dark: #a80000;
  --foodify-red-soft: #fff1f1;
  --foodify-red-border: #f2b6b6;
  --foodify-black: #070707;
  --foodify-dark: #171717;
  --foodify-gray: #f5f5f5;
  --foodify-border: #dedede;
  --foodify-muted: #6d6d6d;
  --foodify-white: #ffffff;
}

html,
body {
  color: var(--foodify-black);
  background: var(--foodify-white) !important;
  background-color: var(--foodify-white) !important;
}

::selection {
  color: var(--foodify-white);
  background: var(--foodify-red);
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
.panel-title,
.card-header,
.card-body {
  color: var(--foodify-black);
}

a,
.text-primary,
.btn-link,
.nav-tabs .nav-link.active,
.pagination > li > a,
.pagination > li > span {
  color: var(--foodify-red) !important;
}

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
  color: var(--foodify-red-dark) !important;
}

.bg-primary,
.primary-color,
.red,
.danger-color {
  background-color: var(--foodify-red) !important;
}

.text-muted,
.help-block,
.small,
small {
  color: var(--foodify-muted) !important;
}

/* Bootstrap buttons and project button helpers */
.btn-primary,
.btn-danger,
.btn-success,
.btn-warning,
.btn-alpha,
.btn-bravo,
.btn-charlie,
.btn-delta,
.btn-echo,
.btn-foxtrot,
.btn-gulf,
.btn-juliet,
.btn-mike,
.btn-purple,
.btn-maroon,
.btn-yellow,
.btn-green,
.btn-ub,
.btn-activate,
.btn-cancel,
.btn-save-blk,
.btn-submit-adj,
.login-button,
.swal-button--confirm,
button.swal-button:not(.swal-button--cancel),
.dt-button.buttons-copy,
.dt-button.buttons-excel,
.dt-button.buttons-print,
.dt-button.buttons-html5 {
  color: var(--foodify-white) !important;
  background: var(--foodify-red) !important;
  background-color: var(--foodify-red) !important;
  background-image: none !important;
  border-color: var(--foodify-red) !important;
  filter: none !important;
  text-shadow: none !important;
  box-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-alpha:hover,
.btn-bravo:hover,
.btn-charlie:hover,
.btn-delta:hover,
.btn-echo:hover,
.btn-foxtrot:hover,
.btn-gulf:hover,
.btn-juliet:hover,
.btn-mike:hover,
.btn-purple:hover,
.btn-maroon:hover,
.btn-yellow:hover,
.btn-green:hover,
.btn-ub:hover,
.btn-activate:hover,
.btn-cancel:hover,
.btn-submit-adj:hover,
.login-button:hover,
.login-button:focus,
.swal-button--confirm:hover,
button.swal-button:not(.swal-button--cancel):hover,
.dt-button.buttons-copy:hover,
.dt-button.buttons-excel:hover,
.dt-button.buttons-print:hover,
.dt-button.buttons-html5:hover {
  color: var(--foodify-white) !important;
  background: var(--foodify-red-dark) !important;
  background-color: var(--foodify-red-dark) !important;
  border-color: var(--foodify-red-dark) !important;
}

.btn-info,
.btn-hotel,
.btn-india,
.btn-outline-light {
  color: var(--foodify-white) !important;
  background: var(--foodify-black) !important;
  background-color: var(--foodify-black) !important;
  background-image: none !important;
  border-color: var(--foodify-black) !important;
  filter: none !important;
  text-shadow: none !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-hotel:hover,
.btn-india:hover,
.btn-outline-light:hover,
.btn-outline-light:focus {
  color: var(--foodify-white) !important;
  background: var(--foodify-red) !important;
  border-color: var(--foodify-red) !important;
}

.btn-default,
.btn-secondary,
.swal-button--cancel,
.dt-button {
  color: var(--foodify-black) !important;
  background: var(--foodify-white) !important;
  background-color: var(--foodify-white) !important;
  background-image: none !important;
  border-color: var(--foodify-border) !important;
  filter: none !important;
  text-shadow: none !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.swal-button--cancel:hover,
.dt-button:hover {
  color: var(--foodify-red) !important;
  background-color: var(--foodify-red-soft) !important;
  border-color: var(--foodify-red) !important;
}

.btn .fa,
.navbar .fa,
.modal-header .fa,
.topbar .fa {
  color: inherit !important;
}

/* Navigation */
.navbar,
.navbar-default,
.navbar-inverse,
.navbar-default .navbar-form,
.navbar-inverse .navbar-form,
.navbar-default .navbar-collapse,
.navbar-inverse .navbar-collapse,
.navbar-header {
  color: var(--foodify-white) !important;
  background: var(--foodify-red) !important;
  background-color: var(--foodify-red) !important;
  background-image: none !important;
  border-color: var(--foodify-red) !important;
  filter: none !important;
}

.navbar-default .navbar-brand,
.navbar-inverse .navbar-brand,
.navbar-default .navbar-text,
.navbar-inverse .navbar-text,
.navbar-default .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a,
.navbar-default .navbar-link,
.navbar-inverse .navbar-link {
  color: var(--foodify-white) !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: var(--foodify-white) !important;
  background: var(--foodify-black) !important;
  background-color: var(--foodify-black) !important;
}

.navbar-default .navbar-toggle,
.navbar-inverse .navbar-toggle {
  background: var(--foodify-black) !important;
  border-color: var(--foodify-black) !important;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background: var(--foodify-red-dark) !important;
  border-color: var(--foodify-red-dark) !important;
}

.navbar-default .navbar-toggle .icon-bar,
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: var(--foodify-white) !important;
}

@media (min-width: 768px) {
  .side-nav {
    background: var(--foodify-red) !important;
    background-color: var(--foodify-red) !important;
    box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.18) !important;
  }

  .side-nav > li.dropdown > ul.dropdown-menu {
    margin-top: 0 !important;
    background: var(--foodify-red) !important;
    background-color: var(--foodify-red) !important;
    border-color: var(--foodify-red-dark) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2) !important;
  }

  .side-nav > li.dropdown > ul.dropdown-menu > li > a {
    background: transparent !important;
  }

  .side-nav > li > a,
  .side-nav > li.dropdown > ul.dropdown-menu > li > a {
    color: var(--foodify-white) !important;
  }

  .side-nav > li > a:hover,
  .side-nav > li > a:focus,
  .side-nav > li.dropdown > ul.dropdown-menu > li > a:hover,
  .side-nav > li.dropdown > ul.dropdown-menu > li > a:focus,
  .side-nav > li.dropdown > ul.dropdown-menu > li > a.active {
    color: var(--foodify-white) !important;
    background: var(--foodify-black) !important;
  }
}

#sidebar {
  background-color: var(--foodify-white) !important;
  border: 1px solid var(--foodify-border);
}

/* Forms */
.form-control,
input,
select,
textarea,
.select2-selection,
.input-group-addon {
  border-color: var(--foodify-border) !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single:focus {
  border-color: var(--foodify-red) !important;
  box-shadow: 0 0 0 0.2rem rgba(217, 0, 0, 0.18) !important;
  outline: 0 !important;
}

.input-group-addon {
  color: var(--foodify-red) !important;
  background-color: var(--foodify-red-soft) !important;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
  accent-color: var(--foodify-red);
}

/* Tables, DataTables, and pagination */
.table > thead:first-child > tr:first-child > th,
.table > thead > tr > th,
.table > tbody > tr > th,
#my-table thead th,
table.dataTable thead th,
table.dataTable thead td,
.table-shopping-cart .table-head th {
  color: var(--foodify-white) !important;
  background: var(--foodify-red) !important;
  background-color: var(--foodify-red) !important;
  border-color: var(--foodify-red-dark) !important;
}

.table-striped > tbody > tr:nth-of-type(odd),
.table-striped > tbody > tr:nth-child(odd) > td,
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: var(--foodify-red-soft) !important;
}

.table-hover > tbody > tr:hover,
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover,
.table > tbody > tr.success > td {
  color: var(--foodify-black) !important;
  background-color: #ffe1e1 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.active-pagination {
  color: var(--foodify-white) !important;
  background: var(--foodify-red) !important;
  background-color: var(--foodify-red) !important;
  border-color: var(--foodify-red) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.pagination > li > a:hover,
.pagination > li > span:hover,
.item-pagination:hover {
  color: var(--foodify-white) !important;
  background: var(--foodify-black) !important;
  background-color: var(--foodify-black) !important;
  border-color: var(--foodify-black) !important;
}

/* Panels, cards, modals, alerts */
.panel,
.card,
.modal-content,
.dropdown-menu,
.list-group-item {
  border-color: var(--foodify-border) !important;
}

.panel-default > .panel-heading,
.card-header {
  color: var(--foodify-black) !important;
  background: var(--foodify-gray) !important;
  border-color: var(--foodify-border) !important;
}

.panel-primary,
.panel-success,
.panel-info,
.panel-warning,
.panel-danger {
  border-color: var(--foodify-red) !important;
}

.panel-primary > .panel-heading,
.panel-success > .panel-heading,
.panel-info > .panel-heading,
.panel-warning > .panel-heading,
.panel-danger > .panel-heading,
.modal-header,
.modal-header.btn-primary,
#modal-header,
#presubmit-header,
#upload-modal-header,
.title-bar {
  color: var(--foodify-white) !important;
  background: var(--foodify-red) !important;
  background-color: var(--foodify-red) !important;
  background-image: none !important;
  border-color: var(--foodify-red) !important;
}

.modal-header .modal-title,
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.title-bar,
.title-bar h1,
.title-bar h2,
.title-bar h3,
.title-bar h4 {
  color: var(--foodify-white) !important;
}

/* Keep shared page titles readable even inside themed title bars. */
#page_title,
#page_title h1,
#page_title h2,
#page_title h3,
#page_title h4,
#page_title h5,
#page_title h6 {
  color: var(--foodify-black) !important;
}

.alert-warning,
.alert-info,
.alert-success {
  color: var(--foodify-black) !important;
  background-color: var(--foodify-red-soft) !important;
  border-color: var(--foodify-red-border) !important;
}

.alert-danger,
.alert.alert-danger {
  color: var(--foodify-white) !important;
  background-color: var(--foodify-red) !important;
  border-color: var(--foodify-red-dark) !important;
}

.badge,
.badge-info,
.label-primary,
.label-info,
.label-success,
.label-warning,
.label-danger {
  color: var(--foodify-white) !important;
  background-color: var(--foodify-red) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: var(--foodify-white) !important;
  background-color: var(--foodify-red) !important;
  border-color: var(--foodify-red) !important;
}

.progress-bar,
.progress-bar-success,
.progress-bar-info,
.progress-bar-warning,
.progress-bar-danger {
  background-color: var(--foodify-red) !important;
  background-image: none !important;
}

.bg-custom,
.item-pckg,
.ui-menu-item a.ui-state-focus {
  color: var(--foodify-white) !important;
  background: var(--foodify-red) !important;
  background-color: var(--foodify-red) !important;
}

.branch,
.item-delete:hover,
.md-form .prefix.active {
  color: var(--foodify-red) !important;
}

/* Page-level custom components loaded after the header. */
.page-header h1,
.page-header h2,
.page-header h3,
.page-header h4,
.page-header h5,
.top-header,
.wallet-heading,
.header_title,
.current,
.current_rank,
.next_rank,
.wallet-card-title,
.wallet-section-label,
.wallet-topup-card h3,
.wallet-topup-amount strong,
.wallet-topup-amount-currency,
.wallet-topup-amount-value,
.bank-chip-value,
.wallet-adjust-title,
.wallet-card-note,
.topup-feedback,
.huge {
  color: var(--foodify-red) !important;
}

.bluelineBox,
.bg-blue-01,
.bg-blue-02,
.bg-green-01,
.bg-green-02,
.bg-pink,
.btn-group button,
.wallet-topup-hero,
.wallet-topup-btn,
.wallet-primary-btn,
.wallet-adjust-hero,
.adjust-modal .modal-header,
.bank-chip.is-active,
.wallet-topup-preset.is-active,
.well thead,
.panel > .panel-heading,
.panel-heading#panel1,
.id-card-tag-strip,
.id-card-hook:after {
  color: var(--foodify-white) !important;
  background: var(--foodify-red) !important;
  background-color: var(--foodify-red) !important;
  background-image: none !important;
  border-color: var(--foodify-red) !important;
}

.wallet-topup-card,
.wallet-card,
.bank-chip,
.wallet-topup-amount,
.wallet-topup-hint,
.wallet-topup-preset,
.panel_rank,
.box,
.well,
.pay-instruction,
.fund-btc,
.main-center,
.user-list,
.mop-modal-content,
.modal-body,
.modal-footer {
  background-color: var(--foodify-white) !important;
  border-color: var(--foodify-border) !important;
}

.wallet-topup-preset:hover,
.wallet-topup-preset:focus,
.bank-chip:hover,
.wallet-primary-btn:hover,
.wallet-primary-btn:focus,
.wallet-topup-btn:hover,
.wallet-topup-btn:focus,
.btn-group button:hover {
  color: var(--foodify-white) !important;
  background: var(--foodify-red-dark) !important;
  border-color: var(--foodify-red-dark) !important;
}

.bg-red-01,
.bg-red-02,
.bg-danger,
.splash-header,
#splash-header {
  color: var(--foodify-white) !important;
  background: var(--foodify-red-dark) !important;
  background-color: var(--foodify-red-dark) !important;
}

.bg-success,
.edited,
.status-success,
.help-block.success {
  color: var(--foodify-red) !important;
  background: var(--foodify-red-soft) !important;
  border-color: var(--foodify-red-border) !important;
}

.gray_text,
.wallet-adjust-subtitle,
.wallet-topup-subtitle,
.wallet-topup-card p,
.wallet-topup-meta,
.wallet-topup-hint,
.wallet-topup-form label,
.wallet-tools label,
.bank-chip-label,
.wallet-topup-amount-label {
  color: var(--foodify-muted) !important;
}

/* MDB and public pages */
.gradient-blue,
.blue-gradient,
.peach-gradient,
.purple-gradient,
.aqua-gradient {
  color: var(--foodify-white) !important;
  background: linear-gradient(90deg, var(--foodify-red) 0%, var(--foodify-red-dark) 100%) !important;
}

.nav-tabs .nav-link.active {
  background-color: var(--foodify-red-soft) !important;
  border-color: var(--foodify-red-soft) !important;
}

.mar-t .btn-primary {
  color: var(--foodify-white) !important;
}

/* Shopfront */
.topbar {
  color: var(--foodify-white) !important;
  background: var(--foodify-black) !important;
}

.topbar-social-item,
.topbar-email,
.topbar-child1,
.topbar-child2,
.topbar-child2-mobile {
  color: var(--foodify-white) !important;
}

.wrap_header,
.wrap_header_mobile {
  background-color: var(--foodify-white) !important;
  border-bottom: 2px solid var(--foodify-red) !important;
}

.logo,
.logo-mobile,
.logo:hover,
.logo-mobile:hover {
  color: var(--foodify-red) !important;
}

.main_menu > li > a,
.header-wrapicon1,
.header-wrapicon1:hover,
.s-text3,
.m-text14,
.m-text21,
.s-text8,
.s-text8 a {
  color: var(--foodify-black) !important;
}

.main_menu > li:hover > a,
.main_menu > li > a:hover,
.header-wrapicon1:hover,
.topbar-social-item:hover {
  color: var(--foodify-red) !important;
}

.item-menu-mobile {
  background-color: var(--foodify-black) !important;
}

.item-menu-mobile > a,
.main-menu > li > a {
  color: var(--foodify-white) !important;
}

.item-menu-mobile:hover,
.main-menu > li:hover {
  background-color: var(--foodify-red) !important;
}

.header-icons-noti,
.bg0,
.bg1,
.bg0-hov:hover,
.swal-button,
.block2-labelsale::before {
  color: var(--foodify-white) !important;
  background-color: var(--foodify-red) !important;
}

.bg4,
.bg7,
.block2-labelnew::before,
.hov1:hover {
  color: var(--foodify-white) !important;
  background-color: var(--foodify-black) !important;
}

.hov2:hover {
  color: var(--foodify-white) !important;
  background-color: var(--foodify-red) !important;
}

.header-cart {
  border-top: 3px solid var(--foodify-red) !important;
}

.cart-img-product::after,
.header-cart-item-img::after {
  background-color: rgba(217, 0, 0, 0.08) !important;
}

.fa {
  color: var(--foodify-red);
}

/* Standalone capture and affiliate pages */
.main-login,
#loginBox {
  border-color: var(--foodify-red) !important;
  background-color: rgba(7, 7, 7, 0.72) !important;
}

#loginBox .card-header,
#loginBox .card-body,
#loginBox label,
#reset,
.login_title {
  color: var(--foodify-white) !important;
}

.card.bg-light,
.bg-light {
  background-color: var(--foodify-white) !important;
}

/* Overrides for old inline brand colors that appear in views. */
[style*="#9f7964"],
[style*="#F25D07"],
[style*="#f25d07"],
[style*="#44B2E5"],
[style*="#3596c8"],
[style*="#ED1B24"],
[style*="#EB1B24"],
[style*="#1565C0"],
[style*="#337ab7"],
[style*="#428BCA"],
[style*="#2FA4E7"],
[style*="#9F7964"],
[style*="rgb(215 172 147)"],
[style*="rgb(162 124 102)"] {
  color: var(--foodify-red) !important;
  border-color: var(--foodify-red) !important;
}

[style*="background-color: #F25D07"],
[style*="background-color:#F25D07"],
[style*="background-color: #44B2E5"],
[style*="background-color:#44B2E5"],
[style*="background: #44B2E5"],
[style*="background:#44B2E5"],
[style*="background: #6495ED"],
[style*="#6495ED"],
[style*="background-color: #4CAF50"],
[style*="background-color:#4CAF50"],
[style*="background-color: #00ffbf"],
[style*="background-color:#00ffbf"],
[style*="background-color: #48A3E7"],
[style*="background-color:#48A3E7"],
[style*="background-color: #EB416A"],
[style*="background-color:#EB416A"],
[style*="background-color: #409EE6"],
[style*="background-color:#409EE6"],
[style*="background-color: #FF6C00"],
[style*="background-color:#FF6C00"],
[style*="background: #AED581"],
[style*="background:#AED581"] {
  background: var(--foodify-red) !important;
  background-color: var(--foodify-red) !important;
  color: var(--foodify-white) !important;
}