:root {
  --bs-dark: #0a090d;
  --bs-dark-rgb: 10, 9, 13;
  --bs-warning: #b49000;
  --bs-warning-rgb: 180, 144, 0;
  --bs-primary: #ff0000;
  --bs-primary-rgb: 115, 66, 220;
  --bs-primary-hsl-light: hsl(262, 75%, 95%);
  --bs-primary-hsl-dark: hsl(262, 75%, 5%);
  --bs-primary-hover: #fc4a4a;
  --bs-primary-rgb-hover: 111, 60, 195;
  --bs-primary-text: var(--bs-primary);
  --bs-primary-rgb-text: var(--bs-primary-rgb);
  --bs-link-color: var(--bs-primary);
  --bs-link-color-rgb: var(--bs-primary-rgb);
  --bs-link-hover-color: var(--bs-primary-hover);
  --bs-link-hover-color-rgb: var(--bs-primary-rgb-hover);
}

[data-bs-theme="dark"] {
  --bs-dark: #0a0a0a;
  --bs-dark-rgb: 10, 10, 10;
}

[data-bs-theme="dim"] {
  --bs-dark: #111214;
  --bs-dark-rgb: 17, 18, 20;
  --bs-gray-100: #fffcee;
  --bs-gray-200: #f5f5f5;
  --bs-gray-300: #ccc;
  --bs-gray-400: #bbb;
  --bs-gray-450: #aaa;
  --bs-gray-500: #646569;
  --bs-gray-600: #4d4f54;
  --bs-gray-700: #383a40;
  --bs-gray-750: #2e3035;
  --bs-gray-800: #222429;
  --bs-gray-850: #1d1f23;
  --bs-gray-900: #16171b;
  --bs-white-rgb: 22, 23, 27;
  --bs-light-rgb: 34, 36, 41;
  --bs-secondary-bg: var(--bs-gray-500);
}

[data-bs-theme="dark"],
[data-bs-theme="dim"] {
  --bs-primary: #884bf2;
  --bs-primary-rgb: 136, 75, 242;
}

[data-bs-theme="dark"] .accordion,
[data-bs-theme="dim"] .accordion {
  --bs-accordion-active-bg: var(--bs-gray-800);
}

[data-bs-theme="dark"] .accordion-button::after,
[data-bs-theme="dim"] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'%238247e5'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z'%2F%3E%3C%2Fsvg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'%238247e5'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z'%2F%3E%3C%2Fsvg%3E");
}

[data-bs-theme="dark"] .alert-primary,
[data-bs-theme="dim"] .alert-primary {
  --bs-alert-bg: var(--bs-primary-hsl-dark);
  --bs-alert-border-color: rgba(var(--bs-primary-rgb), 0.3);
}

[data-bs-theme="dark"] .pagination,
[data-bs-theme="dim"] .pagination {
  --bs-pagination-focus-bg: var(--bs-dark);
}

[data-bs-theme="dark"] .highcharts-button-symbol,
[data-bs-theme="dim"] .highcharts-button-symbol {
  stroke: rgba(var(--bs-primary-rgb), 0.3);
}

[data-bs-theme="dark"] .highcharts-yaxis-grid .highcharts-grid-line,
[data-bs-theme="dim"] .highcharts-yaxis-grid .highcharts-grid-line {
  stroke: var(--bs-gray-700) !important;
}

[data-bs-theme="dark"] .highcharts-axis.highcharts-xaxis path,
[data-bs-theme="dim"] .highcharts-axis.highcharts-xaxis path {
  stroke: var(--bs-gray-700) !important;
}

[data-bs-theme="dark"]
  .highcharts-range-selector-buttons
  .highcharts-button-pressed
  rect,
[data-bs-theme="dim"]
  .highcharts-range-selector-buttons
  .highcharts-button-pressed
  rect {
  fill: var(--bs-gray-600) !important;
}

.accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'%238247e5'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z'%2F%3E%3C%2Fsvg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'%238247e5'%3E%3Cpath%20fill-rule%3D'evenodd'%20d%3D'M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z'%2F%3E%3C%2Fsvg%3E");
}

.alert-primary {
  --bs-alert-bg: var(--bs-primary-hsl-light);
  --bs-alert-border-color: rgba(var(--bs-primary-rgb), 0.3);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text);
}

.btn {
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary-hover);
  --bs-btn-hover-border-color: var(--bs-primary-hover);
  --bs-btn-active-bg: var(--bs-primary-hover);
  --bs-btn-active-border-color: var(--bs-primary-hover);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-btn-disabled-opacity: 0.5;
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
}

.btn-soft-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-box-shadow: none;
}

.btn-outline-primary {
  --bs-btn-border-color: var(--bs-primary);
}

.dropdown-menu {
  --bs-dropdown-link-active-color: var(--bs-primary);
}

.navbar {
  --bs-navbar-active-color: var(--bs-primary);
}

.navbar-nav {
  --bs-nav-link-hover-color: var(--bs-primary);
}

.navbar-nav .dropdown-menu-border {
  --bs-dropdown-menu-border-color: var(--bs-primary);
}

.nav-pills {
  --bs-nav-pills-link-active-bg: var(--bs-primary);
}

.pagination {
  --bs-pagination-hover-bg: var(--bs-primary);
  --bs-pagination-hover-border-color: var(--bs-primary);
}

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

.text-primary {
  color: rgba(var(--bs-primary-rgb-text), var(--bs-text-opacity)) !important;
}

.text-bg-primary {
  background-color: RGBA(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity, 1)
  ) !important;
}

.highcharts-yaxis-grid .highcharts-grid-line {
  stroke: var(--bs-gray-300) !important;
}

#container-1 .highcharts-axis-line,
#container-1 .highcharts-yaxis-grid .highcharts-grid-line,
#divTxnHistoryChart .highcharts-axis-line,
#divTxnHistoryChart .highcharts-yaxis-grid .highcharts-grid-line {
  stroke: none !important;
}

.highcharts-range-selector-buttons .highcharts-button-pressed rect {
  fill: #e6e6e6 !important;
}