/* Sisforty primary color system. The value is shared by central admin and tenant UI. */
:root {
  --sisforty-primary: #0b4f93;
  --sisforty-primary-dark: #083a6d;
  --sisforty-primary-rgb: 11, 79, 147;
  --bs-primary: #0b4f93;
  --bs-primary-rgb: 11, 79, 147;
}

.text-primary { color: var(--sisforty-primary) !important; }
.bg-primary,
.btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
  background-color: var(--sisforty-primary) !important;
  border-color: var(--sisforty-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--sisforty-primary-dark) !important;
  border-color: var(--sisforty-primary-dark) !important;
}
.border-primary,
.btn-outline-primary { border-color: var(--sisforty-primary) !important; }
.btn-outline-primary { color: var(--sisforty-primary) !important; }
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #fff !important;
  background-color: var(--sisforty-primary) !important;
}
.form-control:focus,
.form-select:focus { border-color: #6d9dca !important; box-shadow: 0 0 0 .2rem rgba(var(--sisforty-primary-rgb), .15) !important; }

/* Keep tenant-specific selectors ahead of the legacy Tabler color rules. */
.tenant-app-page,
.tenant-legacy-horizontal-shell { --tenant-primary: var(--sisforty-primary); }
.tenant-theme-toggle span { background: var(--sisforty-primary) !important; }
.tenant-legacy-horizontal-shell .menu-horizontal .menu-item.open > .menu-link,
.tenant-legacy-horizontal-shell .menu-horizontal .menu-item.active > .menu-link,
.tenant-legacy-horizontal-shell #mycontainer .dropdown-item:hover,
.tenant-legacy-horizontal-shell .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.active):not(.disabled) {
  color: var(--sisforty-primary) !important;
  background: rgba(var(--sisforty-primary-rgb), .08) !important;
}
.tenant-legacy-horizontal-shell .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.tenant-legacy-horizontal-shell .dataTables_wrapper .dataTables_paginate .paginate_button.active {
  color: #fff !important;
  background: var(--sisforty-primary) !important;
}
.tenant-legacy-horizontal-shell .btn-primary,
.tenant-legacy-horizontal-shell .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.tenant-legacy-horizontal-shell .dataTables_wrapper .dataTables_paginate .paginate_button.active {
  background: var(--sisforty-primary) !important;
  background-color: var(--sisforty-primary) !important;
  border-color: var(--sisforty-primary) !important;
}
.tenant-legacy-horizontal-shell .btn-primary:hover,
.tenant-legacy-horizontal-shell .btn-primary:focus { background: var(--sisforty-primary-dark) !important; border-color: var(--sisforty-primary-dark) !important; }
.tenant-legacy-horizontal-shell .text-primary,
.tenant-legacy-horizontal-shell .menu-horizontal .menu-link:hover,
.tenant-legacy-horizontal-shell .menu-horizontal .menu-item.active > .menu-link { color: var(--sisforty-primary) !important; }
.tenant-legacy-horizontal-shell #layout-navbar #themeModeIcon {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  color: var(--sisforty-primary) !important;
  box-shadow: none !important;
}
.tenant-legacy-horizontal-shell #layout-navbar #themeModeToggle.form-check-input,
.tenant-legacy-horizontal-shell #layout-navbar #themeModeToggle.form-check-input:checked {
  background-color: var(--sisforty-primary) !important;
  border-color: var(--sisforty-primary) !important;
}