:root {
  /* ===[BOOTSTRAP]=== */
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;

  --bs-light: #f8f9fa;
  --bs-secondary: #6c757d;
  --bs-dark: #212529;

  /* ===[FLUTTER]=== */
  --ft-red: #f44336;
  --ft-orange: #ff9800;
  --ft-yellow: #ffeb3b;
  --ft-green: #4caf50;
  --ft-blue: #2196f3;
  --ft-purple: #9c27b0;

  --ft-light-red: #ff8a80;
  --ft-light-orange: #ffcc80;
  --ft-light-yellow: #fff59d;
  --ft-light-green: #a5d6a7;
  --ft-light-blue: #81d4fa;
  --ft-light-purple: #ea80fc;

  --ft-dark-red: #b71c1c;
  --ft-dark-orange: #e65100;
  --ft-dark-yellow: #f57f17;
  --ft-dark-green: #1b5e20;
  --ft-dark-blue: #0d47a1;
  --ft-dark-purple: #6a1b9a;

  /* ===[CBSI]=== */
  --cbsi-darkblue: #203864;
  --cbsi-lightblue: #049cfc;
  --cbsi-orange: #fc6405;

  /* ===[SYSTEMS]=== */
  --cbsi-accountingsuite: #f9ec9e;
  --cbsi-hansaworld: #007fba;
  --cbsi-payfactor: #124aa7;
  --cbsi-quickbooks: #040404;
  --cbsi-sage50us: #08d43c;
  --cbsi-sapb1: #948c94;
  /* --cbsi-smartbooks: #0a9544; */
  --cbsi-smartbooks: #8dc73f;
  --cbsi-tagrain: #4cc4ec;
}

/* BACKGROUND COLORS */
.bg-gradient-cbsi {
  background: linear-gradient(
    135deg,
    var(--cbsi-darkblue),
    var(--cbsi-lightblue),
    var(--bs-light)
  );
}

.bg-orange {
  background-color: var(--bs-orange) !important;
}

.bg-yellow {
  background-color: var(--ft-yellow) !important;
}

.bg-darkblue {
  background-color: var(--ft-dark-blue) !important;
}

.bg-darkgreen {
  background-color: var(--ft-dark-green) !important;
}

.bg-darkred {
  background-color: var(--ft-dark-red) !important;
}

.bg-pink {
  background-color: var(--bg-pink) !important;
}

.bg-purple {
  background-color: var(--bg-purple) !important;
}

.bg-indigo {
  background-color: var(--bg-indigo) !important;
}

.bg-cbsi-darkblue {
  background-color: var(--cbsi-darkblue) !important;
}

.bg-cbsi-lightblue {
  background-color: var(--cbsi-lightblue) !important;
}

.bg-cbsi-orange {
  background-color: var(--cbsi-orange) !important;
}

.bg-cbsi-accountingsuite {
  background-color: var(--cbsi-accountingsuite) !important;
}

.bg-cbsi-hansaworld {
  background-color: var(--cbsi-hansaworld) !important;
}

.bg-cbsi-payfactor {
  background-color: var(--cbsi-payfactor) !important;
}

.bg-cbsi-quickbooks {
  background-color: var(--cbsi-quickbooks) !important;
}

.bg-cbsi-sage50us {
  background-color: var(--cbsi-sage50us) !important;
}

.bg-cbsi-smartbooks {
  background-color: var(--cbsi-smartbooks) !important;
}

.bg-cbsi-tagrain {
  background-color: var(--cbsi-tagrain) !important;
}

.bg-cbsi-sapb1 {
  background-color: var(--cbsi-sapb1) !important;
}

/* FOREGROUND COLORS */
.fg-yellow {
  color: var(--ft-yellow) !important;
}

.fg-darkblue {
  color: var(--ft-dark-blue) !important;
}

.fg-darkgreen {
  color: var(--ft-dark-green) !important;
}

.fg-darkred {
  color: var(--ft-dark-red) !important;
}

.fg-cbsi-darkblue {
  color: var(--cbsi-darkblue) !important;
}

.fg-cbsi-lightblue {
  color: var(--cbsi-lightblue) !important;
}

.fg-cbsi-orange {
  color: var(--cbsi-orange) !important;
}

.fg-green {
  color: var(--ft-green) !important;
}

.fg-cbsi-accountingsuite {
  color: var(--cbsi-accountingsuite) !important;
}

.fg-cbsi-hansaworld {
  color: var(--cbsi-hansaworld) !important;
}

.fg-cbsi-payfactor {
  color: var(--cbsi-payfactor) !important;
}

.fg-cbsi-quickbooks {
  color: var(--cbsi-quickbooks) !important;
}

.fg-cbsi-sage50us {
  color: var(--cbsi-sage50us) !important;
}

.fg-cbsi-smartbooks {
  color: var(--cbsi-smartbooks) !important;
}

.fg-cbsi-sapb1 {
  color: var(--cbsi-sapb1) !important;
}

.fg-cbsi-tagrain {
  color: var(--cbsi-tagrain) !important;
}

/* NAV TABS */
button .nav-link {
  border: none;
}

button s.nav-link.active {
  border: none;
  background-color: var(--ft-dark-blue);
  color: var(--bs-light);
  margin-bottom: -1px;
  padding-bottom: -1px;
  border-bottom: 1px solid transparent;
}

.nav-tabs {
  border: none;
}

.nav-tabs .nav-link {
  color: var(--bs-dark) !important;
}

.nav-tabs .nav-link:hover {
  background-color: var(--cbsi-lightblue) !important;
  border: 1px solid var(--cbsi-lightblue) !important;
  color: var(--bs-light) !important;
}

.nav-tabs .nav-link.active {
  background-color: white !important;
  border: 1px solid var(--bs-dark) !important;
  color: var(--bs-dark) !important;
}

/* SWITCH */
.form-switch .form-check-input {
  background-color: var(--bs-red);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e") !important;
}

.form-switch .form-check-input::before {
  background-color: var(--bs-red);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  background-color: var(--bs-green);
}

/* OTHERS */
.asterisk {
  color: var(--bs-red);
}

/* TOASTR */
.toast-success {
  background-color: var(--bs-green) !important;
  color: var(--bs-light) !important;
}

.toast-info {
  background-color: var(--bs-teal) !important;
  color: var(--bs-light) !important;
}

.toast-warning {
  background-color: var(--bs-yellow) !important;
  color: var(--bs-dark) !important;
}

.toast-error {
  background-color: var(--bs-red) !important;
  color: var(--bs-light) !important;
}