/* Default Bootstrap variables */
:root {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
}

/* Custom small badge */
.badge-sm {
  --bs-badge-padding-x: 0.5em;
  --bs-badge-padding-y: 0.25em;
  --bs-badge-font-size: 0.65em;
  --bs-badge-border-radius: 0.25rem;
}

/* Custom extra-small badge */
.badge-xs {
  --bs-badge-padding-x: 0.35em;
  --bs-badge-padding-y: 0.2em;
  --bs-badge-font-size: 0.55em;
  --bs-badge-border-radius: 0.2rem;
}

/* Background color utilities (unchanged) */
.text-bg-primary {
  color: #fff !important;
  background-color: #0d6efd !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: #6c757d !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: #16a34a !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: #dc3545 !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: #ffc107 !important;
}

.text-bg-theme {
  /*color: #000 !important;*/
  color: #6F4E37 !important;
  background-color: #F5DEB3 !important;
}

.text-bg-info {
  color: #fff !important;
  background-color: #0dcaf0 !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: #f8f9fa !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: #212529 !important;
}

/* Rounded pill badge (unchanged) */
.rounded-pill {
  border-radius: 50rem !important;
}

/* SMS module / status badges */
.sms-badge {
  display: inline-block !important;
  padding: 0.3em 0.6em !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: baseline !important;
  border-radius: 0.375rem !important;
}

/* End Badges */


:root {
  --vz-blue: #3577f1;
  --vz-indigo: #405189;
  --vz-purple: #6559cc;
  --vz-pink: #f672a7;
  --vz-red: #f06548;
  --vz-orange: #f1963b;
  --vz-yellow: #f7b84b;
  --vz-green: #0ab39c;
  --vz-teal: #02a8b5;
  --vz-cyan: #299cdb;
  --vz-white: #fff;
  --vz-gray: #878a99;
  --vz-gray-dark: #343a40;
  --vz-gray-100: #f3f6f9;
  --vz-gray-200: #eff2f7;
  --vz-gray-300: #e9ebec;
  --vz-gray-400: #ced4da;
  --vz-gray-500: #adb5bd;
  --vz-gray-600: #878a99;
  --vz-gray-700: #495057;
  --vz-gray-800: #343a40;
  --vz-gray-900: #212529;
  --vz-primary: #405189;
  --vz-secondary: #3577f1;
  --vz-success: #0ab39c;
  --vz-info: #299cdb;
  --vz-warning: #f7b84b;
  --vz-danger: #f06548;
  --vz-light: #f3f6f9;
  --vz-dark: #212529;
  --vz-primary-rgb: 64, 81, 137;
  --vz-secondary-rgb: 53, 119, 241;
  --vz-success-rgb: 10, 179, 156;
  --vz-info-rgb: 41, 156, 219;
  --vz-warning-rgb: 247, 184, 75;
  --vz-danger-rgb: 240, 101, 72;
  --vz-light-rgb: 243, 246, 249;
  --vz-dark-rgb: 33, 37, 41;
  --vz-white-rgb: 255, 255, 255;
  --vz-black-rgb: 0, 0, 0;
  --vz-body-color-rgb: 33, 37, 41;
  --vz-body-bg-rgb: 243, 243, 249;
  --vz-font-sans-serif: "Poppins", sans-serif;
  --vz-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --vz-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --vz-body-font-family: var(--vz-font-sans-serif);
  --vz-body-font-size: 0.8125rem;
  --vz-body-font-weight: 400;
  --vz-body-line-height: 1.5;
  --vz-body-color: #212529;
  --vz-body-bg: #f3f3f9;
  --vz-border-width: 1px;
  --vz-border-style: solid;
  --vz-border-color: var(--vz-border-color);
  --vz-border-color-translucent: rgba(0, 0, 0, 0.175);
  --vz-border-radius: 0.25rem;
  --vz-border-radius-sm: 0.2rem;
  --vz-border-radius-lg: 0.3rem;
  --vz-border-radius-xl: 1rem;
  --vz-border-radius-2xl: 2rem;
  --vz-border-radius-pill: 50rem;
  --vz-link-color: var(--vz-link-color);
  --vz-link-hover-color: var(--vz-link-hover-color);
  --vz-code-color: #f672a7;
  --vz-highlight-bg: #fcf8e3;
}

.bg-white,
.badge-white {
  --vz-bg-opacity: 0.4 !important;
  color: rgba(111, 78, 55, 0.6) !important;
  border-color: rgba(111, 78, 55, 0.8) !important;
  margin-left: 6px;
  border-radius: 100% !important;
  padding: auto !important;
  font-size: 10px !important;
  background-color: #fff !important;
}

.bg-primary,
.badge-primary {
  --vz-bg-opacity: 1;
  background-color: var(--mybuttons-info) !important;
}

.bg-danger,
.badge-danger {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-danger-rgb), var(--vz-bg-opacity)) !important;
}

.bg-info,
.badge-info {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-info-rgb), var(--vz-bg-opacity)) !important;
}


.bg-success,
.badge-success {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-success-rgb), var(--vz-bg-opacity)) !important;
}

.bg-warning,
.badge-warning {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-warning-rgb), var(--vz-bg-opacity)) !important;
}

.xbadge .bg-primary,
.badge-primary,
.bg-danger,
.badge-danger,
.bg-info,
.badge-info,
.bg-warning,
.badge-warning,
.bg-success,
.badge-success {
  --vz-badge-padding-x: 1em;
  --vz-badge-padding-y: 0.5em;
  --vz-badge-font-size: 0.8em;
  --vz-badge-font-weight: 500;
  --vz-badge-color: #fff;
  --vz-badge-border-radius: 0.6rem;
  display: inline-block !important;
  padding: var(--vz-badge-padding-y) var(--vz-badge-padding-x) !important;
  font-size: var(--vz-badge-font-size) !important;
  font-weight: var(--vz-badge-font-weight) !important;
  line-height: 1 !important;
  color: var(--vz-badge-color);
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: baseline !important;
  border-radius: var(--vz-badge-border-radius) !important;
}

.bg-danger {
  --vz-bg-opacity: 1;
  background-color: rgba(var(--vz-danger-rgb), var(--vz-bg-opacity)) !important;
}