/*
 * app-theme.css  -  GENERATED, do not edit by hand.
 *
 * Re-states every declaration of the theme's style.css that uses the brand
 * purple (#b66dff and its light/dark/tint companions) so it reads the colour
 * from the variables in theme-color.css instead. Load order in the layout:
 *   style.css -> theme-color.css -> app-theme.css -> app-checkbox.css
 * To use the ORIGINAL theme colours, either keep theme-color.css as shipped,
 * or remove the two <link> lines for theme-color.css and app-theme.css.
 */
:root,
[data-bs-theme=light] {
  --bs-primary: var(--app-primary);
  --bs-primary-rgb: var(--app-primary-rgb);
}

.btn-primary {
  --bs-btn-bg: var(--app-primary);
  --bs-btn-border-color: var(--app-primary);
  --bs-btn-disabled-bg: var(--app-primary);
  --bs-btn-disabled-border-color: var(--app-primary);
}

.btn-outline-primary {
  --bs-btn-color: var(--app-primary);
  --bs-btn-border-color: var(--app-primary);
  --bs-btn-hover-bg: var(--app-primary);
  --bs-btn-hover-border-color: var(--app-primary);
  --bs-btn-focus-shadow-rgb: var(--app-primary-rgb);
  --bs-btn-active-bg: var(--app-primary);
  --bs-btn-active-border-color: var(--app-primary);
  --bs-btn-disabled-color: var(--app-primary);
  --bs-btn-disabled-border-color: var(--app-primary);
}

.blockquote-primary {
  border-color: var(--app-primary);
}

.blockquote-primary .blockquote-footer {
  color: var(--app-primary);
}

.page-title .page-title-icon {
  box-shadow: 0px 3px 8.3px 0.7px color-mix(in srgb, var(--app-primary-dark) 35%, transparent);
}

.image-grouped .text-avatar {
  color: var(--app-primary);
}

.bg-gradient-primary {
  background: linear-gradient(to right, var(--app-primary-light), var(--app-primary-dark)) !important;
}

.dashboard-bar-chart-legend .col:nth-child(2) .bg {
  background: var(--app-primary);
}

.sales-mini-tabs .nav-item .nav-link.active {
  color: var(--app-primary);
}

.badge-primary {
  border: 1px solid var(--app-primary);
  background: var(--app-primary);
}

.badge-gradient-primary {
  background: linear-gradient(to right, var(--app-primary-light), var(--app-primary-dark));
}

.badge-outline-primary {
  color: var(--app-primary);
  border: 1px solid var(--app-primary);
}

.btn-inverse-primary {
  background-color: color-mix(in srgb, var(--app-primary) 20%, transparent);
  border-color: color-mix(in srgb, var(--app-primary) 0%, transparent);
}

.btn-inverse-primary:not(.btn-inverse-light) {
  color: var(--app-primary);
}

.btn-inverse-primary:hover {
  background-color: var(--app-primary);
  border-color: var(--app-primary);
}

.btn-inverse-primary.focus, .btn-inverse-primary:focus {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--app-primary) 50%, transparent);
}

.btn-inverse-primary.disabled, .btn-inverse-primary:disabled {
  color: var(--app-primary);
}

.btn-inverse-primary.active, .btn-inverse-primary:active, .show > .btn-inverse-primary.dropdown-toggle {
  background-color: var(--app-primary);
  border-color: var(--app-primary);
}

.btn-primary:not(.btn-light):focus, .btn-primary:not(.btn-light):active {
  background: var(--app-primary);
  border-color: var(--app-primary);
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
  background: linear-gradient(to right, var(--app-primary-light), var(--app-primary-dark));
}

.btn-gradient-primary {
  background: linear-gradient(to right, var(--app-primary-light), var(--app-primary-dark));
}

.btn-gradient-primary:not([disabled]):not(.disabled):active, .btn-gradient-primary:not([disabled]):not(.disabled).active, .show > .btn-gradient-primary.dropdown-toggle {
  background: linear-gradient(to right, var(--app-primary-light), var(--app-primary-dark));
}

.bg-inverse-primary, .image-grouped .text-avatar {
  background: var(--app-primary-tint);
  border-color: var(--app-primary);
}

.bg-inverse-primary .breadcrumb-item, .image-grouped .text-avatar .breadcrumb-item {
  color: var(--app-primary);
}

.bg-inverse-primary.breadcrumb-custom .breadcrumb-item, .image-grouped .breadcrumb-custom.text-avatar .breadcrumb-item {
  background: var(--app-primary-tint);
}

.bg-inverse-primary.breadcrumb-custom .breadcrumb-item a, .image-grouped .breadcrumb-custom.text-avatar .breadcrumb-item a {
  color: var(--app-primary);
}

.bg-inverse-primary.breadcrumb-custom .breadcrumb-item a:before, .image-grouped .breadcrumb-custom.text-avatar .breadcrumb-item a:before {
  border-left-color: var(--app-primary-tint);
}

.bg-inverse-primary.breadcrumb-custom .breadcrumb-item span, .image-grouped .breadcrumb-custom.text-avatar .breadcrumb-item span {
  color: var(--app-primary);
}

.card.card-outline-primary {
  border: 1px solid var(--app-primary);
}

.card-inverse-primary {
  background: color-mix(in srgb, var(--app-primary) 20%, transparent);
}

.form-check .form-check-label input[type=checkbox] + .input-helper:before {
  border: solid var(--app-primary);
}

.form-check .form-check-label input[type=checkbox]:checked + .input-helper:before {
  background: linear-gradient(to right, var(--app-primary-light), var(--app-primary-dark));
}

.form-check .form-check-label input[type=radio] + .input-helper:before {
  border: solid var(--app-primary);
}

.form-check .form-check-label input[type=radio]:checked + .input-helper:before {
  background: linear-gradient(to right, var(--app-primary-light), var(--app-primary-dark));
}

.form-check-primary.form-check label input[type=checkbox]:checked + .input-helper:before,
.form-check-primary.form-check label input[type=radio]:checked + .input-helper:before {
  background: linear-gradient(to right, var(--app-primary-light), var(--app-primary-dark));
}

select.form-control.border-primary, select.border-primary.typeahead,
select.border-primary.tt-query,
select.border-primary.tt-hint, .select2-container--default .select2-selection--single select.border-primary.select2-search__field, .select2-container--default select.border-primary.select2-selection--single {
  outline: 1px solid var(--app-primary);
}

select.form-control.border-primary:focus, select.border-primary.typeahead:focus,
select.border-primary.tt-query:focus,
select.border-primary.tt-hint:focus, .select2-container--default .select2-selection--single select.border-primary.select2-search__field:focus, .select2-container--default select.border-primary.select2-selection--single:focus {
  outline: 1px solid var(--app-primary);
}

select.form-select.border-primary {
  outline: 1px solid var(--app-primary);
}

select.form-select.border-primary:focus {
  outline: 1px solid var(--app-primary);
}

.icons-list > div i {
  color: var(--app-primary);
}

.gradient-bullet-list li:nth-child(5):before {
  background: linear-gradient(to right, var(--app-primary-light), var(--app-primary-dark));
}

.bullet-line-list li:before {
  border: 3px solid var(--app-primary);
}

.datepicker.datepicker-inline thead tr th.datepicker-switch {
  color: var(--app-primary);
}

.pws_tabs_container ul.pws_tabs_controll {
  border-bottom: 1px solid var(--app-primary);
}

.pws_tabs_container ul.pws_tabs_controll li:last-child a {
  border-right: 1px solid var(--app-primary);
}

.pws_tabs_container ul.pws_tabs_controll li a {
  border: 1px solid var(--app-primary);
  color: var(--app-primary);
}

.pws_tabs_container ul.pws_tabs_controll li a:hover {
  color: var(--app-primary);
}

.pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
  background: linear-gradient(to right, var(--app-primary-light), var(--app-primary-dark));
}

.pws_tabs_container .demo-tabs {
  border: 1px solid var(--app-primary);
}

.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:last-child a {
  border-bottom: 1px solid var(--app-primary);
}

.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li a {
  border: 1px solid var(--app-primary);
}

.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll {
  border-top: 1px solid var(--app-primary);
}

.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li:last-child a {
  border-right: 1px solid var(--app-primary);
}

.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li a {
  border: 1px solid var(--app-primary);
}

.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li:first-child a {
  border-right: 1px solid var(--app-primary);
}

.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li a {
  border: 1px solid var(--app-primary);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--app-primary);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n/**/+1) {
  background: var(--app-primary);
}

.tt-suggestion:hover {
  background-color: var(--app-primary);
}

.tt-suggestion .tt-cursor {
  background-color: var(--app-primary);
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-toggle:after {
  color: var(--app-primary);
}

.navbar.navbar-primary .navbar-menu-wrapper {
  background: linear-gradient(to right, var(--app-primary-light), var(--app-primary-dark));
}

.sidebar .nav .nav-item.active > .nav-link .menu-title {
  color: var(--app-primary);
}

.sidebar .nav .nav-item.active > .nav-link i {
  color: var(--app-primary);
}

.sidebar .nav.sub-menu .nav-item .nav-link.active {
  color: var(--app-primary);
}

.sidebar-dark .sidebar .nav .nav-item.active > .nav-link i {
  color: var(--app-primary);
}