/**
 * Charte Graphique Admin - Personnalisée
 * Orange: #fb5521
 * Noir: #000000
 * Blanc: #ffffff
 */

/* Override Metronic theme colors */
:root {
  --bs-primary: #fb5521 !important;
  --bs-primary-active: #d94619 !important;
  --bs-primary-light: rgba(251, 85, 33, 0.1) !important;
  --bs-primary-inverse: #ffffff !important;

  --bs-secondary: #000000 !important;
  --bs-secondary-active: #333333 !important;
  --bs-secondary-light: rgba(0, 0, 0, 0.1) !important;
  --bs-secondary-inverse: #ffffff !important;
}

/* Primary buttons */
.btn-primary {
  background-color: #fb5521 !important;
  border-color: #fb5521 !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #d94619 !important;
  border-color: #d94619 !important;
  color: #ffffff !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #fb5521 !important;
  border-color: #fb5521 !important;
  opacity: 0.6;
}

/* Light primary buttons */
.btn-light-primary {
  background-color: rgba(251, 85, 33, 0.1) !important;
  border-color: transparent !important;
  color: #fb5521 !important;
}

.btn-light-primary:hover,
.btn-light-primary:focus,
.btn-light-primary:active {
  background-color: rgba(251, 85, 33, 0.2) !important;
  color: #d94619 !important;
}

/* Outline primary buttons */
.btn-outline-primary {
  border-color: #fb5521 !important;
  color: #fb5521 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: #fb5521 !important;
  border-color: #fb5521 !important;
  color: #ffffff !important;
}

/* Secondary buttons */
.btn-secondary {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #ffffff !important;
}

/* Text colors */
.text-primary {
  color: #fb5521 !important;
}

.text-secondary {
  color: #000000 !important;
}

/* Background colors */
.bg-primary {
  background-color: #fb5521 !important;
}

.bg-light-primary {
  background-color: rgba(251, 85, 33, 0.1) !important;
}

.bg-secondary {
  background-color: #000000 !important;
}

.bg-light-secondary {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

/* Border colors */
.border-primary {
  border-color: #fb5521 !important;
}

.border-secondary {
  border-color: #000000 !important;
}

/* Links */
a.text-primary:hover,
a.text-primary:focus {
  color: #d94619 !important;
}

/* Badges */
.badge-primary {
  background-color: #fb5521 !important;
  color: #ffffff !important;
}

.badge-light-primary {
  background-color: rgba(251, 85, 33, 0.1) !important;
  color: #fb5521 !important;
}

.badge-secondary {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Sidebar menu */
.aside-menu .menu-link.active {
  background-color: rgba(251, 85, 33, 0.1) !important;
  color: #fb5521 !important;
}

.aside-menu .menu-link:hover {
  background-color: rgba(251, 85, 33, 0.05) !important;
  color: #fb5521 !important;
}

.aside-menu .menu-item.here > .menu-link {
  background-color: rgba(251, 85, 33, 0.1) !important;
  color: #fb5521 !important;
}

/* Header */
.header-fixed .header {
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Toolbar */
.toolbar {
  background-color: #f9f9f9 !important;
}

/* Cards */
.card-primary {
  border-color: #fb5521 !important;
}

.card-primary .card-header {
  background-color: #fb5521 !important;
  color: #ffffff !important;
}

/* Tabs */
.nav-tabs .nav-link.active {
  color: #fb5521 !important;
  border-bottom-color: #fb5521 !important;
}

.nav-tabs .nav-link:hover {
  color: #fb5521 !important;
}

/* Forms */
.form-control:focus {
  border-color: #fb5521 !important;
  box-shadow: 0 0 0 0.25rem rgba(251, 85, 33, 0.25) !important;
}

.form-check-input:checked {
  background-color: #fb5521 !important;
  border-color: #fb5521 !important;
}

.form-select:focus {
  border-color: #fb5521 !important;
  box-shadow: 0 0 0 0.25rem rgba(251, 85, 33, 0.25) !important;
}

/* Switch */
.form-check-input:checked[type="checkbox"] {
  background-color: #fb5521 !important;
  border-color: #fb5521 !important;
}

/* Progress bars */
.progress-bar {
  background-color: #fb5521 !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
  background-color: #fb5521 !important;
  border-color: #fb5521 !important;
}

.pagination .page-link:hover {
  color: #fb5521 !important;
  background-color: rgba(251, 85, 33, 0.1) !important;
}

/* Alerts */
.alert-primary {
  background-color: rgba(251, 85, 33, 0.1) !important;
  border-color: #fb5521 !important;
  color: #d94619 !important;
}

/* Tables */
.table-primary {
  background-color: rgba(251, 85, 33, 0.1) !important;
}

.table-hover tbody tr:hover {
  background-color: rgba(251, 85, 33, 0.05) !important;
}

/* Dropdown */
.dropdown-item.active,
.dropdown-item:active {
  background-color: #fb5521 !important;
  color: #ffffff !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: rgba(251, 85, 33, 0.1) !important;
  color: #fb5521 !important;
}

/* Modal */
.modal-header {
  background-color: #fb5521 !important;
  color: #ffffff !important;
}

.modal-header .btn-close {
  filter: brightness(0) invert(1);
}

/* Accordion */
.accordion-button:not(.collapsed) {
  background-color: rgba(251, 85, 33, 0.1) !important;
  color: #fb5521 !important;
}

.accordion-button:focus {
  border-color: #fb5521 !important;
  box-shadow: 0 0 0 0.25rem rgba(251, 85, 33, 0.25) !important;
}

/* Breadcrumb */
.breadcrumb-item.active {
  color: rgba(178, 51, 51, 0.85) !important;
}

.breadcrumb-item a {
  color: #fb5521 !important;
}

/* List group */
.list-group-item.active {
  background-color: #fb5521 !important;
  border-color: #fb5521 !important;
}

/* Toast */
.toast-header {
  background-color: #fb5521 !important;
  color: #ffffff !important;
}

/* Spinner */
.spinner-border-primary {
  color: #fb5521 !important;
}

/* Symbol (icons background) */
.symbol .symbol-label {
  background-color: rgba(251, 85, 33, 0.1) !important;
  color: #fb5521 !important;
}

/* Menu icons */
.menu-icon i,
.svg-icon.menu-icon i {
  color: #fb5521 !important;
}

.menu-link.active .menu-icon i,
.menu-link.active .svg-icon.menu-icon i {
  color: #fb5521 !important;
}

.menu-link:hover .menu-icon i,
.menu-link:hover .svg-icon.menu-icon i {
  color: #d94619 !important;
}

/* Stats widgets */
.card-xl-stretch .svg-icon {
  color: #fb5521 !important;
}

/* Custom scrollbar */
::-webkit-scrollbar-thumb {
  background-color: #fb5521 !important;
}

/* Data tables */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #fb5521 !important;
  border-color: #fb5521 !important;
  color: #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: rgba(251, 85, 33, 0.1) !important;
  border-color: #fb5521 !important;
  color: #fb5521 !important;
}

