@charset "UTF-8";

/* ============================================================
   Badge Color Overrides
   ============================================================ */


/* ------------------------------------------------------------
   1. Solid badge backgrounds  (.badge.bg-*)
   These are NEW rules added by the branch.
   ------------------------------------------------------------ */

.badge.bg-primary {
  --ct-bg-opacity: 1;
  color: #2E50DB !important;
  background-color: #536de62e !important;
}

.badge.bg-secondary {
  --ct-bg-opacity: 1;
  color: #313a46 !important;
  background-color: #6c757d2e !important;
}

.badge.bg-success {
  --ct-bg-opacity: 1;
  color: #00712F !important;
  background-color: #10c4692e !important;
}

.badge.bg-info {
  --ct-bg-opacity: 1;
  color: #1558BC !important;
  background-color: #35b8e02e !important;
}

.badge.bg-warning {
  --ct-bg-opacity: 1;
  color: #855d00 !important;
  background-color: #F6EACB !important;
}

.badge.bg-danger {
  --ct-bg-opacity: 1;
  color: #bf1a17 !important;
  background-color: #ffd9d9 !important;
}

.badge.bg-light {
  --ct-bg-opacity: 1;
  color: #313a46 !important;
  background-color: #6c757d2e !important;
}


/* ------------------------------------------------------------
   2. Lighten badges  (.badge-*-lighten)
   These rules were CHANGED by the branch.
   ------------------------------------------------------------ */

/* --- primary --- */
.badge-primary-lighten {
  --ct-badge-color: #2E50DB !important;
  background-color: #536de62e;
}
.badge-primary-lighten[href] {
  color: #2E50DB;
  text-decoration: none;
  background-color: #536de62e;
}
.badge-primary-lighten[href]:hover,
.badge-primary-lighten[href]:focus {
  color: #2E50DB;
  text-decoration: none;
  background-color: #536de62e;
}

/* --- secondary --- */
.badge-secondary-lighten {
  --ct-badge-color: #313a46 !important;
  background-color: #6c757d2e;
}
.badge-secondary-lighten[href] {
  color: #313a46;
  text-decoration: none;
  background-color: #6c757d2e;
}
.badge-secondary-lighten[href]:hover,
.badge-secondary-lighten[href]:focus {
  color: #313a46;
  text-decoration: none;
  background-color: #6c757d2e;
}

/* --- success --- */
.badge-success-lighten {
  --ct-badge-color: #00712F !important;
  background-color: #10c4692e;
}
.badge-success-lighten[href] {
  color: #00712F !important;
  text-decoration: none;
  background-color: #10c4692e;
}
.badge-success-lighten[href]:hover,
.badge-success-lighten[href]:focus {
  color: #00712F !important;
  text-decoration: none;
  background-color: #10c4692e;
}

/* --- info --- */
.badge-info-lighten {
  --ct-badge-color: #1558BC !important;
  background-color: #35b8e02e;
}
.badge-info-lighten[href] {
  color: #1558BC !important;
  text-decoration: none;
  background-color: #35b8e02e;
}
.badge-info-lighten[href]:hover,
.badge-info-lighten[href]:focus {
  color: #1558BC !important;
  text-decoration: none;
  background-color: #35b8e02e;
}

/* --- warning --- */
.badge-warning-lighten {
  --ct-badge-color: #855d00 !important;
  background-color: #F6EACB;
}
.badge-warning-lighten[href] {
  color: #855d00 !important;
  text-decoration: none;
  background-color: #F6EACB;
}
.badge-warning-lighten[href]:hover,
.badge-warning-lighten[href]:focus {
  color: #855d00 !important;
  text-decoration: none;
  background-color: #F6EACB;
}

/* --- danger --- */
.badge-danger-lighten {
  --ct-badge-color: #941c1a !important;
  background-color: #ffd9d9;
}
.badge-danger-lighten[href] {
  color: #941c1a;
  text-decoration: none;
  background-color: #ffd9d9;
}
.badge-danger-lighten[href]:hover,
.badge-danger-lighten[href]:focus {
  color: #941c1a;
  text-decoration: none;
  background-color: #ffd9d9;
}

/* --- dark (only background-color changed; --ct-badge-color kept) --- */
.badge-dark-lighten {
  --ct-badge-color: #313a46 !important;
  background-color: #eef2f7;
}
.badge-dark-lighten[href] {
  color: #313a46;
  text-decoration: none;
  background-color: #eef2f7;
}
.badge-dark-lighten[href]:hover,
.badge-dark-lighten[href]:focus {
  color: #313a46;
  text-decoration: none;
  background-color: #eef2f7;
}


/* ------------------------------------------------------------
   3. Lighten backgrounds  (.bg-*-lighten)
   These rules were CHANGED by the branch.
   ------------------------------------------------------------ */

.bg-primary-lighten {
  --ct-bg-opacity: 0.25;
  color: #2E50DB !important;
  background-color: #536de62e !important;
}

.bg-secondary-lighten {
  --ct-bg-opacity: 0.25;
  color: #313a46 !important;
  background-color: #eef2f7 !important;
}

.bg-success-lighten {
  --ct-bg-opacity: 0.25;
  color: #00712F !important;
  background-color: #10c4692e !important;
}

.bg-info-lighten {
  --ct-bg-opacity: 0.25;
  color: #1558BC !important;
  background-color: #35b8e02e !important;
}

.bg-warning-lighten {
  --ct-bg-opacity: 0.25;
  color: #855d00 !important;
  background-color: #F6EACB !important;
}

.bg-danger-lighten {
  --ct-bg-opacity: 0.25;
  color: #941c1a !important;
  background-color: #ffd9d9 !important;
}

.bg-dark-lighten {
  --ct-bg-opacity: 0.25;
  color: #313a46 !important;
  background-color: #eef2f7 !important;
}