@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

:root,
[data-bs-theme=light] {
  --bs-blue: #3b82f6;
  --bs-indigo: #6366f1;
  --bs-purple: #8b5cf6;
  --bs-pink: #ec4899;
  --bs-red: #ef4444;
  --bs-orange: #dd6b20;
  --bs-yellow: #f59e0b;
  --bs-green: #10b981;
  --bs-teal: #14b8a6;
  --bs-cyan: #06b6d4;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6b7280;
  --bs-gray-dark: #111827;
  --bs-gray-50: #f9fafb;
  --bs-gray-100: #f3f4f6;
  --bs-gray-200: #e5e7eb;
  --bs-gray-300: #d1d5db;
  --bs-gray-400: #9ca3af;
  --bs-gray-500: #6b7280;
  --bs-gray-600: #4b5563;
  --bs-gray-700: #374151;
  --bs-gray-800: #1f2937;
  --bs-gray-900: #111827;
  --bs-gray-950: #030712;
  --bs-blue-50: #eff6ff;
  --bs-blue-100: #dbeafe;
  --bs-blue-200: #bfdbfe;
  --bs-blue-300: #93c5fd;
  --bs-blue-400: #60a5fa;
  --bs-blue-500: #3b82f6;
  --bs-blue-600: #2563eb;
  --bs-blue-700: #1d4ed8;
  --bs-blue-800: #1e40af;
  --bs-blue-900: #1e3a8a;
  --bs-indigo-50: #eef2ff;
  --bs-indigo-100: #e0e7ff;
  --bs-indigo-200: #c7d2fe;
  --bs-indigo-300: #a5b4fc;
  --bs-indigo-400: #818cf8;
  --bs-indigo-500: #6366f1;
  --bs-indigo-600: #4f46e5;
  --bs-indigo-700: #4338ca;
  --bs-indigo-800: #3730a3;
  --bs-indigo-900: #312e81;
  --bs-purple-50: #f5f3ff;
  --bs-purple-100: #ede9fe;
  --bs-purple-200: #ddd6fe;
  --bs-purple-300: #c4b5fd;
  --bs-purple-400: #a78bfa;
  --bs-purple-500: #8b5cf6;
  --bs-purple-600: #7c3aed;
  --bs-purple-700: #6d28d9;
  --bs-purple-800: #5b21b6;
  --bs-purple-900: #4c1d95;
  --bs-pink-50: #fdf2f8;
  --bs-pink-100: #fce7f3;
  --bs-pink-200: #fbcfe8;
  --bs-pink-300: #f9a8d4;
  --bs-pink-400: #f472b6;
  --bs-pink-500: #ec4899;
  --bs-pink-600: #db2777;
  --bs-pink-700: #be185d;
  --bs-pink-800: #9d174d;
  --bs-pink-900: #831843;
  --bs-red-50: #fef2f2;
  --bs-red-100: #fee2e2;
  --bs-red-200: #fecaca;
  --bs-red-300: #fca5a5;
  --bs-red-400: #f87171;
  --bs-red-500: #ef4444;
  --bs-red-600: #dc2626;
  --bs-red-700: #b91c1c;
  --bs-red-800: #991b1b;
  --bs-red-900: #7f1d1d;
  --bs-orange-50: #fffaf0;
  --bs-orange-100: #feebc8;
  --bs-orange-200: #fbd38d;
  --bs-orange-300: #f6ad55;
  --bs-orange-400: #ed8936;
  --bs-orange-500: #dd6b20;
  --bs-orange-600: #c05621;
  --bs-orange-700: #9c4221;
  --bs-orange-800: #7b341e;
  --bs-orange-900: #652b19;
  --bs-yellow-50: #fffbeb;
  --bs-yellow-100: #fef3c7;
  --bs-yellow-200: #fde68a;
  --bs-yellow-300: #fcd34d;
  --bs-yellow-400: #fbbf24;
  --bs-yellow-500: #f59e0b;
  --bs-yellow-600: #d97706;
  --bs-yellow-700: #b45309;
  --bs-yellow-800: #92400e;
  --bs-yellow-900: #78350f;
  --bs-green-50: #ecfdf5;
  --bs-green-100: #d1fae5;
  --bs-green-200: #a7f3d0;
  --bs-green-300: #6ee7b7;
  --bs-green-400: #34d399;
  --bs-green-500: #10b981;
  --bs-green-600: #059669;
  --bs-green-700: #047857;
  --bs-green-800: #065f46;
  --bs-green-900: #064e3b;
  --bs-teal-50: #f0fdfa;
  --bs-teal-100: #ccfbf1;
  --bs-teal-200: #99f6e4;
  --bs-teal-300: #5eead4;
  --bs-teal-400: #2dd4bf;
  --bs-teal-500: #14b8a6;
  --bs-teal-600: #0d9488;
  --bs-teal-700: #0f766e;
  --bs-teal-800: #115e59;
  --bs-teal-900: #134e4a;
  --bs-cyan-50: #ecfeff;
  --bs-cyan-100: #cffafe;
  --bs-cyan-200: #a5f3fc;
  --bs-cyan-300: #67e8f9;
  --bs-cyan-400: #22d3ee;
  --bs-cyan-500: #06b6d4;
  --bs-cyan-600: #0891b2;
  --bs-cyan-700: #0e7490;
  --bs-cyan-800: #155e75;
  --bs-cyan-900: #164e63;
  --bs-primary-rgb: 59, 130, 246;
  --bs-secondary-rgb: 107, 114, 128;
  --bs-success-rgb: 16, 185, 129;
  --bs-info-rgb: 6, 182, 212;
  --bs-warning-rgb: 245, 158, 11;
  --bs-danger-rgb: 239, 68, 68;
  --app-light-rgb: 243, 244, 246;
  --bs-dark-rgb: 17, 24, 39;
  --bs-primary-text-emphasis: rgb(23.6, 52, 98.4);
  --bs-secondary-text-emphasis: rgb(42.8, 45.6, 51.2);
  --bs-success-text-emphasis: rgb(6.4, 74, 51.6);
  --bs-info-text-emphasis: rgb(2.4, 72.8, 84.8);
  --bs-warning-text-emphasis: rgb(98, 63.2, 4.4);
  --bs-danger-text-emphasis: rgb(95.6, 27.2, 27.2);
  --app-light-text-emphasis: #374151;
  --bs-dark-text-emphasis: #374151;
  --bs-primary-bg-subtle: rgb(215.8, 230, 253.2);
  --bs-secondary-bg-subtle: rgb(225.4, 226.8, 229.6);
  --bs-success-bg-subtle: rgb(207.2, 241, 229.8);
  --bs-info-bg-subtle: rgb(205.2, 240.4, 246.4);
  --bs-warning-bg-subtle: rgb(253, 235.6, 206.2);
  --bs-danger-bg-subtle: rgb(251.8, 217.6, 217.6);
  --app-light-bg-subtle: rgb(249, 249.5, 250.5);
  --bs-dark-bg-subtle: #9ca3af;
  --bs-primary-border-subtle: rgb(176.6, 205, 251.4);
  --bs-secondary-border-subtle: rgb(195.8, 198.6, 204.2);
  --bs-success-border-subtle: rgb(159.4, 227, 204.6);
  --bs-info-border-subtle: rgb(155.4, 225.8, 237.8);
  --bs-warning-border-subtle: rgb(251, 216.2, 157.4);
  --bs-danger-border-subtle: rgb(248.6, 180.2, 180.2);
  --app-light-border-subtle: #e5e7eb;
  --bs-dark-border-subtle: #6b7280;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #111827;
  --bs-body-color-rgb: 17, 24, 39;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(17, 24, 39, 0.75);
  --bs-secondary-color-rgb: 17, 24, 39;
  --bs-secondary-bg: #e5e7eb;
  --bs-secondary-bg-rgb: 229, 231, 235;
  --bs-tertiary-color: rgba(17, 24, 39, 0.5);
  --bs-tertiary-color-rgb: 17, 24, 39;
  --bs-tertiary-bg: #f3f4f6;
  --bs-tertiary-bg-rgb: 243, 244, 246;
  --bs-heading-color: inherit;
  --bs-link-color: #3b82f6;
  --bs-link-color-rgb: 59, 130, 246;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(47.2, 104, 196.8);
  --bs-link-hover-color-rgb: 47, 104, 197;
  --bs-code-color: #ec4899;
  --bs-highlight-color: #111827;
  --bs-highlight-bg: #fef3c7;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #d1d5db;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(59, 130, 246, 0.25);
  --bs-form-valid-color: #10b981;
  --bs-form-valid-border-color: #10b981;
  --bs-form-invalid-color: #ef4444;
  --bs-form-invalid-border-color: #ef4444;
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
  --bs-breakpoint-1xxl: 1536px;
  --bs-breakpoint-2xxl: 1600px;
  --bs-breakpoint-3xxl: 1920px;
  --app-sidebar-width: 250px;
  --app-sidebar-collapse-width: 0;
  --app-header-height: 55px;
  --app-light-0: var(--bs-gray-50);
  --app-light-1: var(--bs-gray-100);
  --app-light-2: var(--bs-gray-200);
  --app-light-3: var(--bs-gray-300);
  --app-light-4: var(--bs-gray-400);
  --app-light-5: var(--bs-gray-500);
  --app-light-6: var(--bs-gray-600);
  --app-highlight-color: var(--bs-link-color);
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #d1d5db;
  --bs-body-color-rgb: 209, 213, 219;
  --bs-body-bg: #111827;
  --bs-body-bg-rgb: 17, 24, 39;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(209, 213, 219, 0.75);
  --bs-secondary-color-rgb: 209, 213, 219;
  --bs-secondary-bg: #1f2937;
  --bs-secondary-bg-rgb: 31, 41, 55;
  --bs-tertiary-color: rgba(209, 213, 219, 0.5);
  --bs-tertiary-color-rgb: 209, 213, 219;
  --bs-tertiary-bg: rgb(24, 32.5, 47);
  --bs-tertiary-bg-rgb: 24, 33, 47;
  --bs-primary-text-emphasis: rgb(137.4, 180, 249.6);
  --bs-secondary-text-emphasis: rgb(166.2, 170.4, 178.8);
  --bs-success-text-emphasis: rgb(111.6, 213, 179.4);
  --bs-info-text-emphasis: rgb(105.6, 211.2, 229.2);
  --bs-warning-text-emphasis: rgb(249, 196.8, 108.6);
  --bs-danger-text-emphasis: rgb(245.4, 142.8, 142.8);
  --app-light-text-emphasis: #f3f4f6;
  --bs-dark-text-emphasis: #d1d5db;
  --bs-primary-bg-subtle: rgb(11.8, 26, 49.2);
  --bs-secondary-bg-subtle: rgb(21.4, 22.8, 25.6);
  --bs-success-bg-subtle: rgb(3.2, 37, 25.8);
  --bs-info-bg-subtle: rgb(1.2, 36.4, 42.4);
  --bs-warning-bg-subtle: rgb(49, 31.6, 2.2);
  --bs-danger-bg-subtle: rgb(47.8, 13.6, 13.6);
  --app-light-bg-subtle: #1f2937;
  --bs-dark-bg-subtle: rgb(15.5, 20.5, 27.5);
  --bs-primary-border-subtle: rgb(35.4, 78, 147.6);
  --bs-secondary-border-subtle: rgb(64.2, 68.4, 76.8);
  --bs-success-border-subtle: rgb(9.6, 111, 77.4);
  --bs-info-border-subtle: rgb(3.6, 109.2, 127.2);
  --bs-warning-border-subtle: rgb(147, 94.8, 6.6);
  --bs-danger-border-subtle: rgb(143.4, 40.8, 40.8);
  --app-light-border-subtle: #374151;
  --bs-dark-border-subtle: #1f2937;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(137.4, 180, 249.6);
  --bs-link-hover-color: rgb(160.92, 195, 250.68);
  --bs-link-color-rgb: 137, 180, 250;
  --bs-link-hover-color-rgb: 161, 195, 251;
  --bs-code-color: rgb(243.6, 145.2, 193.8);
  --bs-highlight-color: #d1d5db;
  --bs-highlight-bg: #92400e;
  --bs-border-color: #374151;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #6ee7b7;
  --bs-form-valid-border-color: #6ee7b7;
  --bs-form-invalid-color: #fca5a5;
  --bs-form-invalid-border-color: #fca5a5;
  --app-light-0: var(--bs-gray-600);
  --app-light-1: var(--bs-gray-500);
  --app-light-2: var(--bs-gray-400);
  --app-light-3: var(--bs-gray-300);
  --app-light-4: var(--bs-gray-200);
  --app-light-5: var(--bs-gray-100);
  --app-light-6: var(--bs-gray-50);
  --app-highlight-color: var(--bs-pink-500);
}

/* Base */
*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

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

.text-body {
  color: var(--bs-body-color) !important;
}

.text-dark {
  color: var(--bs-gray-dark) !important;
}

a {
  color: var(--bs-link-color);
  text-decoration: none;
}

a:hover {
  color: var(--bs-link-hover-color);
}

.small {
    font-size: 0.875em;
}

.small-xs {
    font-size: 0.75em;
}

/* Common */
.show {
  display: block !important;
}

.hide,
.hidden {
  display: none !important;
}

.breadcrumb-item+.breadcrumb-item:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  padding-right: 1rem;
}

.breadcrumb-item+.breadcrumb-item::before {
  content: "›";
}

.switch-mode {
  visibility: hidden;
  display: none;
  pointer-events: none;
}

.switch-mode.active {
  visibility: visible;
  display: block;
  pointer-events: all;
}

.fullscreen .minimize {
  visibility: hidden;
  display: none;
  pointer-events: none;
}

.fullscreen.active .minimize {
  visibility: visible;
  display: block;
  pointer-events: all;
}

.fullscreen.active .maximize {
  visibility: hidden;
  display: none;
  pointer-events: none;
}

.animation-close i,
.animation-close .bi {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  -ms-filter: fliph;
  filter: fliph;
}

/* Container */
.container,
.container-fluid,
.container-3xxl,
.container-2xxl,
.container-1xxl,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {

  .container-sm,
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {

  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {

  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1140px;
  }
}

@media (min-width:1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
      max-width: 1320px
  }
}

@media (min-width: 1400px) {
  .container-1xxl {
    max-width: 1536px;
  }
}

@media (min-width: 1536px) {
  .container-2xxl {
    max-width: 1600px;
  }
}

@media (min-width: 1600px) {
  .container-3xxl {
    max-width: 1920px;
  }
}

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
  --bs-breakpoint-1xxl: 1536px;
  --bs-breakpoint-2xxl: 1600px;
  --bs-breakpoint-3xxl: 1920px;
}

/* Border Radius */
.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-6 {
  border-radius: var(--bs-border-radius-1xxl) !important;
}

.rounded-7 {
  border-radius: var(--bs-border-radius-2xxl) !important;
}

.rounded-8 {
  border-radius: var(--bs-border-radius-3xxl) !important;
}

.rounded-9 {
  border-radius: var(--bs-border-radius-4xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-6 {
  border-top-left-radius: var(--bs-border-radius-1xxl) !important;
  border-top-right-radius: var(--bs-border-radius-1xxl) !important;
}

.rounded-top-7 {
  border-top-left-radius: var(--bs-border-radius-2xxl) !important;
  border-top-right-radius: var(--bs-border-radius-2xxl) !important;
}

.rounded-top-8 {
  border-top-left-radius: var(--bs-border-radius-3xxl) !important;
  border-top-right-radius: var(--bs-border-radius-3xxl) !important;
}

.rounded-top-9 {
  border-top-left-radius: var(--bs-border-radius-4xxl) !important;
  border-top-right-radius: var(--bs-border-radius-4xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-6 {
  border-top-right-radius: var(--bs-border-radius-1xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-1xxl) !important;
}

.rounded-end-7 {
  border-top-right-radius: var(--bs-border-radius-2xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-2xxl) !important;
}

.rounded-end-8 {
  border-top-right-radius: var(--bs-border-radius-3xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-3xxl) !important;
}

.rounded-end-9 {
  border-top-right-radius: var(--bs-border-radius-4xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-4xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-6 {
  border-bottom-right-radius: var(--bs-border-radius-1xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-1xxl) !important;
}

.rounded-bottom-7 {
  border-bottom-right-radius: var(--bs-border-radius-2xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-2xxl) !important;
}

.rounded-bottom-8 {
  border-bottom-right-radius: var(--bs-border-radius-3xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-3xxl) !important;
}

.rounded-bottom-9 {
  border-bottom-right-radius: var(--bs-border-radius-4xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-4xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-6 {
  border-bottom-left-radius: var(--bs-border-radius-1xxl) !important;
  border-top-left-radius: var(--bs-border-radius-1xxl) !important;
}

.rounded-start-7 {
  border-bottom-left-radius: var(--bs-border-radius-2xxl) !important;
  border-top-left-radius: var(--bs-border-radius-2xxl) !important;
}

.rounded-start-8 {
  border-bottom-left-radius: var(--bs-border-radius-3xxl) !important;
  border-top-left-radius: var(--bs-border-radius-3xxl) !important;
}

.rounded-start-9 {
  border-bottom-left-radius: var(--bs-border-radius-4xxl) !important;
  border-top-left-radius: var(--bs-border-radius-4xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

/* Width */
.w-auto {
  width: auto !important;
}

.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

@media screen and (min-width: 768px) {
  .w-md-auto {
    width: auto !important;
  }

  .w-md-5 {
    width: 5% !important;
  }

  .w-md-10 {
    width: 10% !important;
  }

  .w-md-15 {
    width: 15% !important;
  }

  .w-md-20 {
    width: 20% !important;
  }

  .w-md-25 {
    width: 25% !important;
  }

  .w-md-30 {
    width: 30% !important;
  }

  .w-md-35 {
    width: 35% !important;
  }

  .w-md-40 {
    width: 40% !important;
  }

  .w-md-45 {
    width: 45% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-55 {
    width: 55% !important;
  }

  .w-md-60 {
    width: 60% !important;
  }

  .w-md-65 {
    width: 65% !important;
  }

  .w-md-70 {
    width: 70% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-85 {
    width: 85% !important;
  }

  .w-md-90 {
    width: 90% !important;
  }

  .w-md-95 {
    width: 95% !important;
  }

  .w-md-100 {
    width: 100% !important;
  }
}

@media screen and (min-width: 992px) {
  .w-lg-auto {
    width: auto !important;
  }

  .w-lg-5 {
    width: 5% !important;
  }

  .w-lg-10 {
    width: 10% !important;
  }

  .w-lg-15 {
    width: 15% !important;
  }

  .w-lg-20 {
    width: 20% !important;
  }

  .w-lg-25 {
    width: 25% !important;
  }

  .w-lg-30 {
    width: 30% !important;
  }

  .w-lg-35 {
    width: 35% !important;
  }

  .w-lg-40 {
    width: 40% !important;
  }

  .w-lg-45 {
    width: 45% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-55 {
    width: 55% !important;
  }

  .w-lg-60 {
    width: 60% !important;
  }

  .w-lg-65 {
    width: 65% !important;
  }

  .w-lg-70 {
    width: 70% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-85 {
    width: 85% !important;
  }

  .w-lg-90 {
    width: 90% !important;
  }

  .w-lg-95 {
    width: 95% !important;
  }

  .w-lg-100 {
    width: 100% !important;
  }
}

/* Height  */
.h-5 {
  height: 5% !important;
}

.h-10 {
  height: 10% !important;
}

.h-15 {
  height: 15% !important;
}

.h-20 {
  height: 20% !important;
}

.h-25 {
  height: 25% !important;
}

.h-30 {
  height: 30% !important;
}

.h-35 {
  height: 35% !important;
}

.h-40 {
  height: 40% !important;
}

.h-45 {
  height: 45% !important;
}

.h-50 {
  height: 50% !important;
}

.h-55 {
  height: 55% !important;
}

.h-60 {
  height: 60% !important;
}

.h-65 {
  height: 65% !important;
}

.h-70 {
  height: 70% !important;
}

.h-75 {
  height: 75% !important;
}

.h-85 {
  height: 85% !important;
}

.h-90 {
  height: 90% !important;
}

.h-95 {
  height: 95% !important;
}

.h-100 {
  height: 100% !important;
}


@media screen and (min-height: 768px) {
  .h-md-5 {
    height: 5% !important;
  }

  .h-md-10 {
    height: 10% !important;
  }

  .h-md-15 {
    height: 15% !important;
  }

  .h-md-20 {
    height: 20% !important;
  }

  .h-md-25 {
    height: 25% !important;
  }

  .h-md-30 {
    height: 30% !important;
  }

  .h-md-35 {
    height: 35% !important;
  }

  .h-md-40 {
    height: 40% !important;
  }

  .h-md-45 {
    height: 45% !important;
  }

  .h-md-50 {
    height: 50% !important;
  }

  .h-md-55 {
    height: 55% !important;
  }

  .h-md-60 {
    height: 60% !important;
  }

  .h-md-65 {
    height: 65% !important;
  }

  .h-md-70 {
    height: 70% !important;
  }

  .h-md-75 {
    height: 75% !important;
  }

  .h-md-85 {
    height: 85% !important;
  }

  .h-md-90 {
    height: 90% !important;
  }

  .h-md-95 {
    height: 95% !important;
  }

  .h-md-100 {
    height: 100% !important;
  }
}

@media screen and (min-height: 992px) {
  .h-lg-5 {
    height: 5% !important;
  }

  .h-lg-10 {
    height: 10% !important;
  }

  .h-lg-15 {
    height: 15% !important;
  }

  .h-lg-20 {
    height: 20% !important;
  }

  .h-lg-25 {
    height: 25% !important;
  }

  .h-lg-30 {
    height: 30% !important;
  }

  .h-lg-35 {
    height: 35% !important;
  }

  .h-lg-40 {
    height: 40% !important;
  }

  .h-lg-45 {
    height: 45% !important;
  }

  .h-lg-50 {
    height: 50% !important;
  }

  .h-lg-55 {
    height: 55% !important;
  }

  .h-lg-60 {
    height: 60% !important;
  }

  .h-lg-65 {
    height: 65% !important;
  }

  .h-lg-70 {
    height: 70% !important;
  }

  .h-lg-75 {
    height: 75% !important;
  }

  .h-lg-85 {
    height: 85% !important;
  }

  .h-lg-90 {
    height: 90% !important;
  }

  .h-lg-95 {
    height: 95% !important;
  }

  .h-lg-100 {
    height: 100% !important;
  }
}

/* Fill Svg */
.fill-primary {
  fill: var(--bs-primary) !important;
}

.fill-secondary {
  fill: var(--bs-secondary) !important;
}

.fill-success {
  fill: var(--bs-success) !important;
}

.fill-info {
  fill: var(--bs-info) !important;
}

.fill-warning {
  fill: var(--bs-warning) !important;
}

.fill-danger {
  fill: var(--bs-danger) !important;
}

.fill-light {
  fill: var(--app-light) !important;
}

.fill-dark {
  fill: var(--bs-dark) !important;
}

.fill-white {
  fill: var(--bs-white) !important;
}

.fill-black {
  fill: var(--bs-black) !important;
}

.fill-blue {
  fill: var(--bs-blue-400) !important;
}

.fill-purple {
  fill: var(--bs-purple-400) !important;
}

.fill-indigo {
  fill: var(--bs-indigo-400) !important;
}

.fill-pink {
  fill: var(--bs-pink-400) !important;
}

.fill-red {
  fill: var(--bs-red-400) !important;
}

.fill-orange {
  fill: var(--bs-orange-400) !important;
}

.fill-yellow {
  fill: var(--bs-yellow-400) !important;
}

.fill-green {
  fill: var(--bs-green-400) !important;
}

.fill-teal {
  fill: var(--bs-teal-400) !important;
}

.fill-cyan {
  fill: var(--bs-cyan-400) !important;
}

.fill-body {
  fill: var(--bs-body-color) !important;
}

.fill-logo {
  fill: var(--app-highlight-color) !important;
}

/* Background */
.bg-light-0 {
  background-color: var(--app-light-0) !important;
}

.bg-light-1 {
  color: var(--bs-body-color) !important;
  background-color: var(--app-light-1) !important;
}

.bg-light-2 {
  background-color: var(--app-light-2) !important;
}

.bg-light-3 {
  background-color: var(--app-light-3) !important;
}

.bg-light-4 {
  background-color: var(--app-light-4) !important;
}

.bg-light-5 {
  background-color: var(--app-light-5) !important;
}

/* Text Background */
.text-bg-light {
  color: var(--bs-body-color) !important;
  background-color: var(--app-light-0) !important;
}

.text-bg-light-0 {
  color: var(--bs-body-color) !important;
  background-color: var(--app-light-0) !important;
}

.text-bg-light-1 {
  color: var(--bs-body-color) !important;
  background-color: var(--app-light-1) !important;
}

.text-bg-light-2 {
  color: var(--bs-body-color) !important;
  background-color: var(--app-light-2) !important;
}

.text-bg-light-3 {
  color: var(--bs-body-color) !important;
  background-color: var(--app-light-3) !important;
}

.text-bg-light-4 {
  color: var(--bs-body-color) !important;
  background-color: var(--app-light-4) !important;
}

.text-bg-light-5 {
  color: var(--bs-body-color) !important;
  background-color: var(--app-light-5) !important;
}

/* Button */
.btn-light-1 {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: var(--app-light-1);
  --bs-btn-border-color: var(--app-light-1);
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-hover-bg: var(--app-light-2);
  --bs-btn-hover-border-color: var(--app-light-2);
  --bs-btn-focus-shadow-rgb: var(--app-light-2);
  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-active-bg: var(--app-light-2);
  --bs-btn-active-border-color: var(--app-light-2);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f3f4f6;
  --bs-btn-disabled-border-color: #f3f4f6;
}

.btn-light-2 {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: var(--app-light-2);
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-hover-bg: var(--app-light-3);
  --bs-btn-hover-border-color: var(--app-light-3);
  --bs-btn-focus-shadow-rgb: var(--app-light-3);
  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-active-bg: var(--app-light-3);
  --bs-btn-active-border-color: var(--app-light-3);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f3f4f6;
  --bs-btn-disabled-border-color: #f3f4f6;
}

.btn-light-3 {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: var(--app-light-3);
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-hover-bg: var(--app-light-4);
  --bs-btn-hover-border-color: var(--app-light-4);
  --bs-btn-focus-shadow-rgb: var(--app-light-4);
  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-active-bg: var(--app-light-4);
  --bs-btn-active-border-color: var(--app-light-4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f3f4f6;
  --bs-btn-disabled-border-color: #f3f4f6;
}

.btn-light-4 {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: var(--app-light-4);
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-hover-bg: var(--app-light-5);
  --bs-btn-hover-border-color: var(--app-light-5);
  --bs-btn-focus-shadow-rgb: var(--app-light-5);
  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-active-bg: var(--app-light-5);
  --bs-btn-active-border-color: var(--app-light-5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f3f4f6;
  --bs-btn-disabled-border-color: #f3f4f6;
}

.btn-light-5 {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: var(--app-light-5);
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-hover-bg: var(--app-light-6);
  --bs-btn-hover-border-color: var(--app-light-6);
  --bs-btn-focus-shadow-rgb: var(--app-light-6);
  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-active-bg: var(--app-light-6);
  --bs-btn-active-border-color: var(--app-light-6);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f3f4f6;
  --bs-btn-disabled-border-color: #f3f4f6;
}

/* Box Shadow */
.shadow-tailwind {
  box-shadow: rgba(0, 0, 0, 0.05) 0 0 0 1px !important;
}

/* Text Color */
.text-highlight {
    color: var(--app-highlight-color) !important;
}

.text-blue-50 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-50) !important;
}

.text-blue-100 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-100) !important;
}

.text-blue-200 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-200) !important;
}

.text-blue-300 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-300) !important;
}

.text-blue-400 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-400) !important;
}

.text-blue-500 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-500) !important;
}

.text-blue-600 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-600) !important;
}

.text-blue-700 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-700) !important;
}

.text-blue-800 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-800) !important;
}

.text-blue-900 {
  --bs-text-opacity: 1;
  color: var(--bs-blue-900) !important;
}

.text-indigo-50 {
  --bs-text-opacity: 1;
  color: var(--bs-indigo-50) !important;
}

.text-indigo-100 {
  --bs-text-opacity: 1;
  color: var(--bs-indigo-100) !important;
}

.text-indigo-200 {
  --bs-text-opacity: 1;
  color: var(--bs-indigo-200) !important;
}

.text-indigo-300 {
  --bs-text-opacity: 1;
  color: var(--bs-indigo-300) !important;
}

.text-indigo-400 {
  --bs-text-opacity: 1;
  color: var(--bs-indigo-400) !important;
}

.text-indigo-500 {
  --bs-text-opacity: 1;
  color: var(--bs-indigo-500) !important;
}

.text-indigo-600 {
  --bs-text-opacity: 1;
  color: var(--bs-indigo-600) !important;
}

.text-indigo-700 {
  --bs-text-opacity: 1;
  color: var(--bs-indigo-700) !important;
}

.text-indigo-800 {
  --bs-text-opacity: 1;
  color: var(--bs-indigo-800) !important;
}

.text-indigo-900 {
  --bs-text-opacity: 1;
  color: var(--bs-indigo-900) !important;
}

.text-purple-50 {
  --bs-text-opacity: 1;
  color: var(--bs-purple-50) !important;
}

.text-purple-100 {
  --bs-text-opacity: 1;
  color: var(--bs-purple-100) !important;
}

.text-purple-200 {
  --bs-text-opacity: 1;
  color: var(--bs-purple-200) !important;
}

.text-purple-300 {
  --bs-text-opacity: 1;
  color: var(--bs-purple-300) !important;
}

.text-purple-400 {
  --bs-text-opacity: 1;
  color: var(--bs-purple-400) !important;
}

.text-purple-500 {
  --bs-text-opacity: 1;
  color: var(--bs-purple-500) !important;
}

.text-purple-600 {
  --bs-text-opacity: 1;
  color: var(--bs-purple-600) !important;
}

.text-purple-700 {
  --bs-text-opacity: 1;
  color: var(--bs-purple-700) !important;
}

.text-purple-800 {
  --bs-text-opacity: 1;
  color: var(--bs-purple-800) !important;
}

.text-purple-900 {
  --bs-text-opacity: 1;
  color: var(--bs-purple-900) !important;
}

.text-pink-50 {
  --bs-text-opacity: 1;
  color: var(--bs-pink-50) !important;
}

.text-pink-100 {
  --bs-text-opacity: 1;
  color: var(--bs-pink-100) !important;
}

.text-pink-200 {
  --bs-text-opacity: 1;
  color: var(--bs-pink-200) !important;
}

.text-pink-300 {
  --bs-text-opacity: 1;
  color: var(--bs-pink-300) !important;
}

.text-pink-400 {
  --bs-text-opacity: 1;
  color: var(--bs-pink-400) !important;
}

.text-pink-500 {
  --bs-text-opacity: 1;
  color: var(--bs-pink-500) !important;
}

.text-pink-600 {
  --bs-text-opacity: 1;
  color: var(--bs-pink-600) !important;
}

.text-pink-700 {
  --bs-text-opacity: 1;
  color: var(--bs-pink-700) !important;
}

.text-pink-800 {
  --bs-text-opacity: 1;
  color: var(--bs-pink-800) !important;
}

.text-pink-900 {
  --bs-text-opacity: 1;
  color: var(--bs-pink-900) !important;
}

.text-red-50 {
  --bs-text-opacity: 1;
  color: var(--bs-red-50) !important;
}

.text-red-100 {
  --bs-text-opacity: 1;
  color: var(--bs-red-100) !important;
}

.text-red-200 {
  --bs-text-opacity: 1;
  color: var(--bs-red-200) !important;
}

.text-red-300 {
  --bs-text-opacity: 1;
  color: var(--bs-red-300) !important;
}

.text-red-400 {
  --bs-text-opacity: 1;
  color: var(--bs-red-400) !important;
}

.text-red-500 {
  --bs-text-opacity: 1;
  color: var(--bs-red-500) !important;
}

.text-red-600 {
  --bs-text-opacity: 1;
  color: var(--bs-red-600) !important;
}

.text-red-700 {
  --bs-text-opacity: 1;
  color: var(--bs-red-700) !important;
}

.text-red-800 {
  --bs-text-opacity: 1;
  color: var(--bs-red-800) !important;
}

.text-red-900 {
  --bs-text-opacity: 1;
  color: var(--bs-red-900) !important;
}

.text-orange-50 {
  --bs-text-opacity: 1;
  color: var(--bs-orange-50) !important;
}

.text-orange-100 {
  --bs-text-opacity: 1;
  color: var(--bs-orange-100) !important;
}

.text-orange-200 {
  --bs-text-opacity: 1;
  color: var(--bs-orange-200) !important;
}

.text-orange-300 {
  --bs-text-opacity: 1;
  color: var(--bs-orange-300) !important;
}

.text-orange-400 {
  --bs-text-opacity: 1;
  color: var(--bs-orange-400) !important;
}

.text-orange-500 {
  --bs-text-opacity: 1;
  color: var(--bs-orange-500) !important;
}

.text-orange-600 {
  --bs-text-opacity: 1;
  color: var(--bs-orange-600) !important;
}

.text-orange-700 {
  --bs-text-opacity: 1;
  color: var(--bs-orange-700) !important;
}

.text-orange-800 {
  --bs-text-opacity: 1;
  color: var(--bs-orange-800) !important;
}

.text-orange-900 {
  --bs-text-opacity: 1;
  color: var(--bs-orange-900) !important;
}

.text-yellow-50 {
  --bs-text-opacity: 1;
  color: var(--bs-yellow-50) !important;
}

.text-yellow-100 {
  --bs-text-opacity: 1;
  color: var(--bs-yellow-100) !important;
}

.text-yellow-200 {
  --bs-text-opacity: 1;
  color: var(--bs-yellow-200) !important;
}

.text-yellow-300 {
  --bs-text-opacity: 1;
  color: var(--bs-yellow-300) !important;
}

.text-yellow-400 {
  --bs-text-opacity: 1;
  color: var(--bs-yellow-400) !important;
}

.text-yellow-500 {
  --bs-text-opacity: 1;
  color: var(--bs-yellow-500) !important;
}

.text-yellow-600 {
  --bs-text-opacity: 1;
  color: var(--bs-yellow-600) !important;
}

.text-yellow-700 {
  --bs-text-opacity: 1;
  color: var(--bs-yellow-700) !important;
}

.text-yellow-800 {
  --bs-text-opacity: 1;
  color: var(--bs-yellow-800) !important;
}

.text-yellow-900 {
  --bs-text-opacity: 1;
  color: var(--bs-yellow-900) !important;
}

.text-green-50 {
  --bs-text-opacity: 1;
  color: var(--bs-green-50) !important;
}

.text-green-100 {
  --bs-text-opacity: 1;
  color: var(--bs-green-100) !important;
}

.text-green-200 {
  --bs-text-opacity: 1;
  color: var(--bs-green-200) !important;
}

.text-green-300 {
  --bs-text-opacity: 1;
  color: var(--bs-green-300) !important;
}

.text-green-400 {
  --bs-text-opacity: 1;
  color: var(--bs-green-400) !important;
}

.text-green-500 {
  --bs-text-opacity: 1;
  color: var(--bs-green-500) !important;
}

.text-green-600 {
  --bs-text-opacity: 1;
  color: var(--bs-green-600) !important;
}

.text-green-700 {
  --bs-text-opacity: 1;
  color: var(--bs-green-700) !important;
}

.text-green-800 {
  --bs-text-opacity: 1;
  color: var(--bs-green-800) !important;
}

.text-green-900 {
  --bs-text-opacity: 1;
  color: var(--bs-green-900) !important;
}

.text-teal-50 {
  --bs-text-opacity: 1;
  color: var(--bs-teal-50) !important;
}

.text-teal-100 {
  --bs-text-opacity: 1;
  color: var(--bs-teal-100) !important;
}

.text-teal-200 {
  --bs-text-opacity: 1;
  color: var(--bs-teal-200) !important;
}

.text-teal-300 {
  --bs-text-opacity: 1;
  color: var(--bs-teal-300) !important;
}

.text-teal-400 {
  --bs-text-opacity: 1;
  color: var(--bs-teal-400) !important;
}

.text-teal-500 {
  --bs-text-opacity: 1;
  color: var(--bs-teal-500) !important;
}

.text-teal-600 {
  --bs-text-opacity: 1;
  color: var(--bs-teal-600) !important;
}

.text-teal-700 {
  --bs-text-opacity: 1;
  color: var(--bs-teal-700) !important;
}

.text-teal-800 {
  --bs-text-opacity: 1;
  color: var(--bs-teal-800) !important;
}

.text-teal-900 {
  --bs-text-opacity: 1;
  color: var(--bs-teal-900) !important;
}

.text-cyan-50 {
  --bs-text-opacity: 1;
  color: var(--bs-cyan-50) !important;
}

.text-cyan-100 {
  --bs-text-opacity: 1;
  color: var(--bs-cyan-100) !important;
}

.text-cyan-200 {
  --bs-text-opacity: 1;
  color: var(--bs-cyan-200) !important;
}

.text-cyan-300 {
  --bs-text-opacity: 1;
  color: var(--bs-cyan-300) !important;
}

.text-cyan-400 {
  --bs-text-opacity: 1;
  color: var(--bs-cyan-400) !important;
}

.text-cyan-500 {
  --bs-text-opacity: 1;
  color: var(--bs-cyan-500) !important;
}

.text-cyan-600 {
  --bs-text-opacity: 1;
  color: var(--bs-cyan-600) !important;
}

.text-cyan-700 {
  --bs-text-opacity: 1;
  color: var(--bs-cyan-700) !important;
}

.text-cyan-800 {
  --bs-text-opacity: 1;
  color: var(--bs-cyan-800) !important;
}

.text-cyan-900 {
  --bs-text-opacity: 1;
  color: var(--bs-cyan-900) !important;
}

.text-50 {
  --bs-gray-text-opacity: 1;
  color: var(--bs-gray-50) !important;
}

.text-100 {
  --bs-gray-text-opacity: 1;
  color: var(--bs-gray-100) !important;
}

.text-200 {
  --bs-gray-text-opacity: 1;
  color: var(--bs-gray-200) !important;
}

.text-300 {
  --bs-gray-text-opacity: 1;
  color: var(--bs-gray-300) !important;
}

.text-400 {
  --bs-gray-text-opacity: 1;
  color: var(--bs-gray-400) !important;
}

.text-500 {
  --bs-gray-text-opacity: 1;
  color: var(--bs-gray-500) !important;
}

.text-600 {
  --bs-gray-text-opacity: 1;
  color: var(--bs-gray-600) !important;
}

.text-700 {
  --bs-gray-text-opacity: 1;
  color: var(--bs-gray-700) !important;
}

.text-800 {
  --bs-gray-text-opacity: 1;
  color: var(--bs-gray-800) !important;
}

.text-900 {
  --bs-gray-text-opacity: 1;
  color: var(--bs-gray-900) !important;
}

.text-950 {
  --bs-gray-text-opacity: 1;
  color: var(--bs-gray-950) !important;
}

/* Avatar */
.avatar {
  height: 3rem;
  width: 3rem;
  position: relative;
  display: inline-block !important;
  text-align: center;
  vertical-align: middle;
  align-content: center;
}

.avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.avatar-group {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.avatar-group>li {
  position: relative;
}

.avatar-group>li:not(:last-child) {
  margin-right: -0.8rem;
}

.avatar-group .avatar-img {
  border: 2px solid var(--bs-body-bg);
}

.avatar .avatar-name {
  margin-left: 7px;
}

.avatar-xs {
  height: 2.1875rem;
  width: 2.1875rem;
}

.avatar-sm {
  height: 2.5rem;
  width: 2.5rem;
}

.avatar-lg {
  height: 4rem;
  width: 4rem;
}

.avatar-xl {
  height: 5.125rem;
  width: 5.125rem;
}

.avatar-2xl {
  height: 5.125rem;
  width: 5.125rem;
}

@media (min-width: 768px) {
  .avatar-2xl {
    width: 8rem;
    height: 8rem;
  }
}

.avatar-3xl {
  height: 8rem;
  width: 8rem;
}

@media (min-width: 768px) {
  .avatar-3xl {
    width: 11rem;
    height: 11rem;
  }
}

/* Apps */
/* Base Apps */
.app-header,
.app-main,
.app-sidebar,
.app-footer {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: var(--bs-body-bg);
  transition: padding-left .3s ease-in-out;
}

.sidebar-dynamic .app-header,
.sidebar-dynamic .app-main,
.sidebar-dynamic .app-footer {
  padding-left: var(--app-sidebar-collapse-width);
}

.sidebar-dynamic .app-main, .sidebar-dynamic .app-sidebar {
    height: 100vh;
}

.sidebar-dynamic.sidebar-open .app-header,
.sidebar-dynamic.sidebar-open .app-main,
.sidebar-dynamic.sidebar-open .app-footer {
  padding-left: var(--app-sidebar-width);
}

.sidebar-dynamic .app-sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 110;
  padding: 0;
  visibility: hidden;
  max-width: var(--app-sidebar-collapse-width);
  background-color: var(--bs-body-bg);
  transition: width .3s ease-in-out;
  overflow: hidden;
}

.sidebar-dynamic .app-sidebar,
.sidebar-dynamic .app-main {
  padding-bottom: 3.5rem;
}

.sidebar-dynamic .app-main {
  overflow: auto;
}

@media (min-width: 992px) {
  .sidebar-dynamic .app-main {
    padding: 1rem 3.5rem 3.5rem 3.5rem;
  }

  .sidebar-dynamic.sidebar-open .app-main {
    padding-left: calc(var(--app-sidebar-width) + 3.5rem);
  }
}

@media (max-width: 992px) {
  :root {
    --app-sidebar-width: 240px;
  }

}

.sidebar-dynamic.sidebar-open .app-sidebar {
  width: var(--app-sidebar-width);
  max-width: var(--app-sidebar-width);
  visibility: visible;
  border-right: 1px solid var(--bs-border-color);
}

/* App Header */
@media (max-width: 600px) {
    .sidebar-dynamic.sidebar-open .app-header .navbar-brand, .sidebar-dynamic.sidebar-open .app-header .user-dropdown {
        display: none !important;
    }
}

.fixed-header .app-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
}

.fixed-header .header-wrapper {
  width: 100%;
}

.fixed-header .app-main {
  padding-top: calc(var(--app-header-height) + 1rem);
}

.app-header .navbar {
    padding: 0;
    max-height: var(--app-header-height);
}

.app-header .navbar .nav-item {
    min-width: 30px;
}

.app-header .header-wrapper .navbar .user-dropdown {
    position: relative;
}

.app-header .header-wrapper .navbar .user-dropdown .dropdown-menu, .app-header .header-wrapper .navbar .user-dropdown .dropdown-menu[data-bs-popper] {
    left: unset;
    right: 0;
    position: absolute;
}

/* App Main */
.app-main .main-wrapper {
    margin-bottom: 3rem;
}
@media (max-width: 600px) {
    .sidebar-dynamic.sidebar-open .app-main {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s ease-in-out;
    }
}

/* App Footer */
.app-footer {
  bottom: 0;
  position: fixed;
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  width: 100%;
  border-top: 1px solid var(--bs-border-color);
  z-index: 1020;
}

/* Brand Wrapper */
.app-header .brand-wrapper {
    display: flex;
    margin-right: .5rem;
}

.sidebar-open .app-header .navbar-brand, .sidebar-open .app-header .nav-brand, .sidebar-open .app-header .brand-wrapper {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.brand-wrapper .brand .title {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 1.8rem;
  margin-left: .25rem;
  margin-top: .75rem;
  word-spacing: -.25rem;
}

@media (max-width: 600px) {
    .brand-wrapper .logo {
        width: auto;
        height: 36px;
    }

    .brand-wrapper .brand .title {
        font-size: 1.45rem;
    }
}

/* Sidebar Collapse */
.app-sidebar .sidebar-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.app-sidebar .brand-wrapper,
.app-header {
    width: 100%;
    height: 100%;
    max-height: var(--app-header-height);
    min-height: var(--app-header-height);
    border-bottom: 1px solid var(--bs-border-color) !important;
}

.app-sidebar .brand-wrapper .brand {
  display: inline-flex;
  align-items: center;
  width: 100%;
}

.app-sidebar .brand-wrapper .brand .logo {
  width: auto;
  height: auto;
  max-height: calc(var(--app-header-height) - 1rem);
}

.app-sidebar .brand-wrapper {
  display: inline-flex;
  align-items: center;
  padding: .5rem 1rem
}

.app-sidebar .nav-sidebar {
  padding: .5rem 0;
}

.app-sidebar .nav-sidebar .nav-sidebar-title {
  font-family: var(--bs-font-monospace);
  font-size: .875rem;
  font-weight: 600;
  color: var(--bs-gray-300);
  text-transform: uppercase;
}

.app-sidebar .nav-sidebar .nav-sidebar-title {
  padding: .5rem 1rem;
}

/* Sidebar Menu */
.sidebar-menu {
  position: relative;
}

.sidebar-menu .nav-app {
  padding: .5rem 0;
  border-right: 3px solid transparent;
}

.sidebar-menu .nav-app.current-app.is-open {
  background-color: var(--app-light-0);
  border-right: 3px solid var(--bs-primary)
}

.sidebar-menu .nav-item {
  position: relative;
  width: 100%;
}

.sidebar-dynamic .app-sidebar .sidebar-wrapper:hover .sidebar-menu .nav-app {
  border-right: 0;
}

.sidebar-menu .nav-item {
  position: relative;
}

.sidebar-menu .nav-link {
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  max-width: var(--app-sidebar-width);
  font-size: .875rem;
  color: var(--bs-body-color);
  padding: .25rem 1rem;
}

.sidebar-menu .current-app .nav-parent,
.sidebar-menu .nav-link[aria-current="page"],
.sidebar-menu .nav-link.active,
.sidebar-menu .nav-link:hover {
  color: var(--app-highlight-color);
  font-weight: 600;
  font-size: .9rem;
}

.sidebar-menu .nav-link.nav-parent {
  display: inline-flex;
  align-items: center;
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  text-transform: uppercase;
}

.sidebar-menu .nav-link.nav-parent .nav-icon {
  color: var(--app-highlight-color);
  font-size: 1.35rem;
  margin-right: .5rem;
}

.sidebar-menu .nav.nav-dropdown {
  display: flex;
  flex-direction: column;
  padding: 0 .25rem;
}

.sidebar-menu .nav-dropdown .nav-link {
  display: inline-flex;
  align-items: center;
}

.sidebar-menu .nav-dropdown .nav-icon,
.sidebar-menu .nav-dropdown .nav-icon i {
  margin-right: .5rem;
  font-size: .681rem;
  color: var(--app-light-2);
}

.sidebar-menu .add-item {
  top: 0;
  right: 0;
  position: absolute;
  display: inline-flex;
  align-items: center;
  margin-top: .25rem;
  padding-right: .5rem;
}

.sidebar-menu .add-item:hover i,
.sidebar-menu .add-item:hover .bi {
  color: var(--app-highlight-color);
  font-weight: 600;
}

/* Scrollbar */
/* Works on Firefox */
.sidebar-dynamic .app-main {
  scrollbar-color: var(--app-light-2) var(--app-light-0);
}

/* Works on Chrome, Edge, and Safari */
.sidebar-dynamic .app-main::-webkit-scrollbar-track {
  background: var(--app-light-0);
}

.sidebar-dynamic .app-main::-webkit-scrollbar-thumb {
  background-color: var(--app-light-2);
  border-radius: 9rem;
}

.app-sidebar .nav-sidebar {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding-bottom: 1.5rem;
}

.app-sidebar .nav-sidebar::-webkit-scrollbar {
  width: 3px;
  visibility: hidden;
  display: none;
}

.app-sidebar .nav-sidebar::-webkit-scrollbar-thumb {
  background: var(--bs-primary);
  visibility: hidden;
}

.app-sidebar .nav-sidebar:hover::-webkit-scrollbar {
  -ms-overflow-style: block;
  display: block;
}

.app-sidebar .nav-sidebar:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

/* Toggler */
.sidebar-dynamic .app-sidebar .brand-wrapper .brand .sidebar-toggler {
  right: 0;
  position: absolute;
  margin-right: 1rem
}

.sidebar-dynamic .app-sidebar .brand-wrapper .brand .sidebar-toggler .btn-toggler::before {
    font-family: bootstrap-icons !important;
    content: "\F659";
    color: var(--bs-body-color);
}
.sidebar-toggler.active i,
.sidebar-toggler.active .bi {
  color: var(--app-highlight-color) !important;
}

.app-header .sidebar-toggler .btn-toggler i::before {
    font-family: bootstrap-icons !important;
    content: '\F5D5'
}

.app-header .sidebar-toggler.active .btn-toggler i::before {
    content: '\F5D6'
}

/*---------------------------*/
/* Quill Bubble CSS
/*---------------------------*/
.ql-container {
  padding-bottom: 1.5rem !important;
}

.ql-editor {
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  font-family: var(--bs-body-font-family);
  color: var(--bs-body-color);
  position: relative !important;
}

.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  font-weight: 600;
  margin-bottom: 1rem !important;
}

.ql-editor p {
  margin-bottom: 1rem !important;
}

.ql-editor h1 {
  font-size: 1.8rem !important;
}

.ql-editor h2 {
  font-size: 1.5rem !important;
}

.ql-editor h3 {
  font-size: 1.35rem !important;
}

.ql-editor h4 {
  font-size: 1.25rem !important;
}

.ql-editor h5 {
  font-size: 1.15rem !important;
}

.ql-editor h6 {
  font-size: 1rem !important;
}

.ql-editor ol,
.ql-editor ul {
  padding: 0;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor p,
.ql-editor blockquote {
  margin-bottom: 1rem;
}

.ql-editor p,
.ql-editor span,
.ql-editor b,
.ql-editor strong {
  background-color: unset !important;
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
}

.ql-editor .ql-card-figure {
  display: inline-block !important;
}

.ql-editor img {
  margin-bottom: 1rem !important;
  line-height: 1.5;
  max-width: 100%;
  height: auto;
  border-radius: .25rem;
}

.ql-editor figcaption {
  font-size: .875em;
  text-align: left;
}

.ql-tooltip-arrow {
  display: none !important;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: var(--bs-link-color) !important;
}