/* Generated by tools/generate_brand_css.py - do not edit by hand.
 * SINAS brand primary #7B3CE9 replacing the Vuexy primary palette. */
/* css/core.css */
:root:where(.light-style),
:where(.light-style) [data-bs-theme=light],
[data-bs-theme=light]:where(.light-style) {
  --bs-purple: #7b3ce9;
  --bs-primary: #7b3ce9;
  --bs-primary-rgb: 123, 60, 233;
  --bs-primary-text-emphasis: #31185d;
  --bs-primary-bg-subtle: #e5d8fb;
  --bs-primary-border-subtle: #cab1f6;
  --bs-link-color: #7b3ce9;
  --bs-link-color-rgb: 123, 60, 233;
  --bs-link-hover-color: #6f36d2;
  --bs-link-hover-color-rgb: 111, 54, 210;
}
:where(.light-style) .table,
.table:where(.light-style) {
  --bs-table-active-bg: rgba(123, 60, 233, 0.08);
}
:where(.light-style) .table-primary,
.table-primary:where(.light-style) {
  --bs-table-bg: #eae0fc;
}
:where(.light-style) .form-control:focus,
.form-control:focus:where(.light-style) {
  border-color: #7b3ce9;
  box-shadow: 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .form-select:focus,
.form-select:focus:where(.light-style) {
  border-color: #7b3ce9;
  box-shadow: 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .form-check-input:checked,
.form-check-input:checked:where(.light-style) {
  background-color: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.light-style) .form-check-input[type=checkbox]:indeterminate,
.form-check-input[type=checkbox]:indeterminate:where(.light-style) {
  background-color: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.light-style) .form-range:focus::-webkit-slider-thumb,
.form-range:focus:where(.light-style)::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #f8f7fa, 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .form-range:focus::-moz-range-thumb,
.form-range:focus:where(.light-style)::-moz-range-thumb {
  box-shadow: 0 0 0 1px #f8f7fa, 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .form-range::-webkit-slider-thumb,
.form-range:where(.light-style)::-webkit-slider-thumb {
  background-color: #7b3ce9;
}
:where(.light-style) .form-range::-webkit-slider-thumb:active,
.form-range:where(.light-style)::-webkit-slider-thumb:active {
  background-color: #7b3ce9;
}
:where(.light-style) .form-range::-moz-range-thumb,
.form-range:where(.light-style)::-moz-range-thumb {
  background-color: #7b3ce9;
}
:where(.light-style) .form-range::-moz-range-thumb:active,
.form-range:where(.light-style)::-moz-range-thumb:active {
  background-color: #7b3ce9;
}
:where(.light-style) .btn-link,
.btn-link:where(.light-style) {
  --bs-btn-focus-shadow-rgb: 143, 89, 236;
}
:where(.light-style) .dropdown-menu,
.dropdown-menu:where(.light-style) {
  --bs-dropdown-link-active-color: #7b3ce9;
  --bs-dropdown-link-active-bg: #eae0fc;
}
:where(.light-style) .dropdown-menu-dark,
.dropdown-menu-dark:where(.light-style) {
  --bs-dropdown-link-active-color: #7b3ce9;
  --bs-dropdown-link-active-bg: #eae0fc;
}
:where(.light-style) .nav-tabs,
.nav-tabs:where(.light-style) {
  --bs-nav-tabs-link-active-color: #7b3ce9;
  --bs-nav-tabs-link-active-border-color: #7b3ce9;
}
:where(.light-style) .pagination,
.pagination:where(.light-style) {
  --bs-pagination-active-bg: #7b3ce9;
  --bs-pagination-active-border-color: #7b3ce9;
}
:where(.light-style) .progress,
.progress:where(.light-style),
:where(.light-style) .progress-stacked,
.progress-stacked:where(.light-style) {
  --bs-progress-bar-bg: #7b3ce9;
}
:where(.light-style) .list-group,
.list-group:where(.light-style) {
  --bs-list-group-active-bg: #eae0fc;
}
:where(.light-style) .text-paper[href]:hover,
.text-paper[href]:hover:where(.light-style),
:where(.light-style) .text-paper[href]:focus,
.text-paper[href]:focus:where(.light-style) {
  color: #7b3ce9 !important;
}
:where(.light-style) .nav-tabs.widget-nav-tabs .nav-link.active,
.nav-tabs.widget-nav-tabs:where(.light-style) .nav-link.active {
  border-color: #7b3ce9;
}
:where(.light-style) .nav-tabs.widget-nav-tabs .nav-link.active .badge,
.nav-tabs.widget-nav-tabs:where(.light-style) .nav-link.active .badge {
  background-color: rgba(123, 60, 233, 0.16) !important;
  color: #7b3ce9 !important;
}
:where(.light-style) .nav-pills .nav-item .nav-link:not(.active):hover,
.nav-pills:where(.light-style) .nav-item .nav-link:not(.active):hover {
  background-color: #eae0fc;
}
:where(.light-style) .nav-align-top .nav-tabs .nav-link:not(.active):hover,
.nav-align-top:where(.light-style) .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
  border-bottom: 2px solid #eae0fc !important;
}
:where(.light-style) .nav-align-right .nav-tabs .nav-link:not(.active):hover,
.nav-align-right:where(.light-style) .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
  border-left: 2px solid #eae0fc !important;
}
:where(.light-style) .nav-align-bottom .nav-tabs .nav-link:not(.active):hover,
.nav-align-bottom:where(.light-style) .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
  border-top: 2px solid #eae0fc !important;
}
:where(.light-style) .nav-align-left .nav-tabs .nav-link:not(.active):hover,
.nav-align-left:where(.light-style) .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
  border-right: 2px solid #eae0fc !important;
}
:where(.light-style) .form-range::-webkit-slider-thumb:hover,
.form-range:where(.light-style)::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 8px rgba(123, 60, 233, 0.16);
}
:where(.light-style) .form-range::-webkit-slider-thumb:active,
.form-range:where(.light-style)::-webkit-slider-thumb:active,
:where(.light-style) .form-range::-webkit-slider-thumb:focus,
.form-range:where(.light-style)::-webkit-slider-thumb:focus {
  box-shadow: 0 0 0 13px rgba(123, 60, 233, 0.16);
  background-color: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.light-style) .form-range::-webkit-slider-runnable-track,
.form-range:where(.light-style)::-webkit-slider-runnable-track {
  background-color: #7b3ce9;
}
:where(.light-style) .form-range::-moz-range-thumb:hover,
.form-range:where(.light-style)::-moz-range-thumb:hover {
  box-shadow: 0 0 0 8px rgba(123, 60, 233, 0.16);
}
:where(.light-style) .form-range::-moz-range-thumb:active,
.form-range:where(.light-style)::-moz-range-thumb:active,
:where(.light-style) .form-range::-moz-range-thumb:focus,
.form-range:where(.light-style)::-moz-range-thumb:focus {
  box-shadow: 0 0 0 13px rgba(123, 60, 233, 0.16);
  background-color: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.light-style) .form-range::-moz-range-track,
.form-range:where(.light-style)::-moz-range-track {
  background-color: #7b3ce9;
}
:where(.light-style) .input-group:focus-within,
.input-group:focus-within:where(.light-style) {
  box-shadow: 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .modal-add-new-address .custom-option-icon.checked svg,
.modal-add-new-address:where(.light-style) .custom-option-icon.checked svg {
  stroke: #7b3ce9;
}
:where(.light-style) .breadcrumb-item,
.breadcrumb-item:where(.light-style),
:where(.light-style) .breadcrumb-item a,
.breadcrumb-item:where(.light-style) a {
  color: #7b3ce9;
}
:where(.light-style) .breadcrumb-item.active a:hover,
.breadcrumb-item.active:where(.light-style) a:hover,
:where(.light-style) .breadcrumb-item.active a:focus,
.breadcrumb-item.active:where(.light-style) a:focus {
  color: #7b3ce9;
}
:where(.light-style) .list-group .list-group-item.active h1,
.list-group:where(.light-style) .list-group-item.active h1,
:where(.light-style) .list-group .list-group-item.active .h1,
.list-group:where(.light-style) .list-group-item.active .h1,
:where(.light-style) .list-group .list-group-item.active h2,
.list-group:where(.light-style) .list-group-item.active h2,
:where(.light-style) .list-group .list-group-item.active .h2,
.list-group:where(.light-style) .list-group-item.active .h2,
:where(.light-style) .list-group .list-group-item.active h3,
.list-group:where(.light-style) .list-group-item.active h3,
:where(.light-style) .list-group .list-group-item.active .h3,
.list-group:where(.light-style) .list-group-item.active .h3,
:where(.light-style) .list-group .list-group-item.active h4,
.list-group:where(.light-style) .list-group-item.active h4,
:where(.light-style) .list-group .list-group-item.active .h4,
.list-group:where(.light-style) .list-group-item.active .h4,
:where(.light-style) .list-group .list-group-item.active h5,
.list-group:where(.light-style) .list-group-item.active h5,
:where(.light-style) .list-group .list-group-item.active .h5,
.list-group:where(.light-style) .list-group-item.active .h5,
:where(.light-style) .list-group .list-group-item.active h6,
.list-group:where(.light-style) .list-group-item.active h6,
:where(.light-style) .list-group .list-group-item.active .h6,
.list-group:where(.light-style) .list-group-item.active .h6 {
  color: #7b3ce9;
}
:where(.light-style) .border-primary,
.border-primary:where(.light-style) {
  border-color: #7b3ce9 !important;
}
:where(.light-style) .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span,
.layout-navbar:where(.light-style) .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
  background-color: #7b3ce9;
}
:where(.light-style) .custom-option-icon.checked i,
.custom-option-icon.checked:where(.light-style) i,
:where(.light-style) .custom-option-icon.checked svg,
.custom-option-icon.checked:where(.light-style) svg {
  color: #7b3ce9;
}
:where(.light-style) .custom-option-image.custom-option-image-check:hover .form-check-input:checked,
.custom-option-image.custom-option-image-check:hover:where(.light-style) .form-check-input:checked {
  border-color: #7b3ce9;
}
:where(.light-style) .timeline .timeline-item .timeline-point,
.timeline:where(.light-style) .timeline-item .timeline-point {
  background-color: #7b3ce9;
}
:where(.light-style) .timeline.timeline-outline .timeline-item .timeline-point,
.timeline.timeline-outline:where(.light-style) .timeline-item .timeline-point {
  border: 2px solid #7b3ce9;
}

/* css/theme-default.css */
:where(.light-style) .text-primary,
.text-primary:where(.light-style) {
  color: #7b3ce9 !important;
}
:where(.light-style) .text-body[href]:hover,
.text-body[href]:hover:where(.light-style),
:where(.light-style) .text-heading[href]:hover,
.text-heading[href]:hover:where(.light-style) {
  color: #6f36d2 !important;
}
:where(.light-style) .bg-primary,
.bg-primary:where(.light-style) {
  background-color: #7b3ce9 !important;
}
:where(.light-style) a.bg-primary:hover,
a.bg-primary:hover:where(.light-style),
:where(.light-style) a.bg-primary:focus,
a.bg-primary:focus:where(.light-style) {
  background-color: #7539dd !important;
}
:where(.light-style) .dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span,
.dropdown-notifications-item:not(.mark-as-read):where(.light-style) .dropdown-notifications-read span {
  background-color: #7b3ce9;
}
:where(.light-style) .bg-label-primary,
.bg-label-primary:where(.light-style) {
  background-color: #eae0fc !important;
  color: #7b3ce9 !important;
}
:where(.light-style) .bg-label-hover-primary,
.bg-label-hover-primary:where(.light-style) {
  background-color: #eae0fc !important;
  color: #7b3ce9 !important;
}
:where(.light-style) .bg-label-hover-primary:hover,
.bg-label-hover-primary:hover:where(.light-style) {
  background-color: #7b3ce9 !important;
}
:where(.light-style) .bg-gradient-primary,
.bg-gradient-primary:where(.light-style) {
  background-image: linear-gradient(45deg, #7b3ce9, #bd9ef4) !important;
}
:where(.light-style) .bg-primary.bg-glow,
.bg-primary.bg-glow:where(.light-style) {
  box-shadow: 0px 2px 3px 0px rgba(123, 60, 233, 0.3);
}
:where(.light-style) .page-item .page-link:hover,
.page-item:where(.light-style) .page-link:hover,
:where(.light-style) .page-item .page-link:focus,
.page-item:where(.light-style) .page-link:focus,
:where(.light-style) .pagination li > a:not(.page-link):hover,
.pagination:where(.light-style) li > a:not(.page-link):hover,
:where(.light-style) .pagination li > a:not(.page-link):focus,
.pagination:where(.light-style) li > a:not(.page-link):focus {
  background-color: #eae0fc;
  color: #7b3ce9;
}
:where(.light-style) .page-item.active .page-link,
.page-item.active:where(.light-style) .page-link,
:where(.light-style) .pagination li.active > a:not(.page-link),
.pagination:where(.light-style) li.active > a:not(.page-link) {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .page-item.active .page-link,
.page-item.active:where(.light-style) .page-link,
:where(.light-style) .page-item.active .page-link:hover,
.page-item.active:where(.light-style) .page-link:hover,
:where(.light-style) .page-item.active .page-link:focus,
.page-item.active:where(.light-style) .page-link:focus,
:where(.light-style) .pagination li.active > a:not(.page-link),
.pagination:where(.light-style) li.active > a:not(.page-link),
:where(.light-style) .pagination li.active > a:not(.page-link):hover,
.pagination:where(.light-style) li.active > a:not(.page-link):hover,
:where(.light-style) .pagination li.active > a:not(.page-link):focus,
.pagination:where(.light-style) li.active > a:not(.page-link):focus {
  border-color: #7b3ce9;
  background-color: #7b3ce9;
}
:where(.light-style) .page-item .page-link.waves-effect .waves-ripple,
.page-item:where(.light-style) .page-link.waves-effect .waves-ripple,
:where(.light-style) .pagination li > a:not(.page-link).waves-effect .waves-ripple,
.pagination:where(.light-style) li > a:not(.page-link).waves-effect .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(47, 43, 61, 0) 70%);
}
:where(.light-style) .pagination-outline-primary .page-item.active .page-link,
.pagination-outline-primary:where(.light-style) .page-item.active .page-link,
:where(.light-style) .pagination-outline-primary .page-item.active .page-link:hover,
.pagination-outline-primary:where(.light-style) .page-item.active .page-link:hover,
:where(.light-style) .pagination-outline-primary .page-item.active .page-link:focus,
.pagination-outline-primary:where(.light-style) .page-item.active .page-link:focus,
:where(.light-style) .pagination-outline-primary.pagination li.active > a:not(.page-link),
.pagination-outline-primary.pagination:where(.light-style) li.active > a:not(.page-link),
:where(.light-style) .pagination-outline-primary.pagination li.active > a:not(.page-link):hover,
.pagination-outline-primary.pagination:where(.light-style) li.active > a:not(.page-link):hover,
:where(.light-style) .pagination-outline-primary.pagination li.active > a:not(.page-link):focus,
.pagination-outline-primary.pagination:where(.light-style) li.active > a:not(.page-link):focus {
  border-color: #7b3ce9 !important;
  color: #7b3ce9 !important;
  background-color: #eae0fc !important;
}
:where(.light-style) .pagination-outline-primary .page-item.active .page-link.waves-effect .waves-ripple,
.pagination-outline-primary:where(.light-style) .page-item.active .page-link.waves-effect .waves-ripple,
:where(.light-style) .pagination-outline-primary.pagination li.active > a:not(.page-link).waves-effect .waves-ripple,
.pagination-outline-primary.pagination:where(.light-style) li.active > a:not(.page-link).waves-effect .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(47, 43, 61, 0) 70%);
}
:where(.light-style) .progress-bar,
.progress-bar:where(.light-style) {
  background-color: #7b3ce9;
}
:where(.light-style) .progress-bar,
.progress-bar:where(.light-style) {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .modal-onboarding .carousel-indicators [data-bs-target],
.modal-onboarding:where(.light-style) .carousel-indicators [data-bs-target] {
  background-color: #7b3ce9;
}
:where(.light-style) .carousel-control-prev,
.carousel-control-prev:where(.light-style),
:where(.light-style) .carousel-control-next,
.carousel-control-next:where(.light-style) {
  color: #7b3ce9;
}
:where(.light-style) .carousel-control-prev:hover,
.carousel-control-prev:hover:where(.light-style),
:where(.light-style) .carousel-control-prev:focus,
.carousel-control-prev:focus:where(.light-style),
:where(.light-style) .carousel-control-next:hover,
.carousel-control-next:hover:where(.light-style),
:where(.light-style) .carousel-control-next:focus,
.carousel-control-next:focus:where(.light-style) {
  color: #7b3ce9;
}
:where(.light-style) .list-group-item-primary,
.list-group-item-primary:where(.light-style) {
  border-color: #7b3ce9;
  background-color: #eae0fc;
  color: #7b3ce9 !important;
}
:where(.light-style) a.list-group-item-primary,
a.list-group-item-primary:where(.light-style),
:where(.light-style) button.list-group-item-primary,
button.list-group-item-primary:where(.light-style) {
  color: #7b3ce9;
}
:where(.light-style) a.list-group-item-primary:hover,
a.list-group-item-primary:hover:where(.light-style),
:where(.light-style) a.list-group-item-primary:focus,
a.list-group-item-primary:focus:where(.light-style),
:where(.light-style) button.list-group-item-primary:hover,
button.list-group-item-primary:hover:where(.light-style),
:where(.light-style) button.list-group-item-primary:focus,
button.list-group-item-primary:focus:where(.light-style) {
  border-color: #7b3ce9;
  color: #7b3ce9;
}
:where(.light-style) a.list-group-item-primary.active,
a.list-group-item-primary.active:where(.light-style),
:where(.light-style) button.list-group-item-primary.active,
button.list-group-item-primary.active:where(.light-style) {
  border-color: #7b3ce9 !important;
  background-color: #7b3ce9 !important;
}
:where(.light-style) .list-group-item.active,
.list-group-item.active:where(.light-style) {
  background-color: #eae0fc;
  color: #7b3ce9;
}
:where(.light-style) .list-group-item.active.waves-effect .waves-ripple,
.list-group-item.active.waves-effect:where(.light-style) .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(47, 43, 61, 0) 70%);
}
:where(.light-style) .list-group.list-group-timeline .list-group-timeline-primary:before,
.list-group.list-group-timeline:where(.light-style) .list-group-timeline-primary:before {
  border-color: #7b3ce9;
  background-color: #7b3ce9;
}
:where(.light-style) .alert-primary,
.alert-primary:where(.light-style) {
  background-color: #eae0fc;
  border-color: #eae0fc;
  color: #7b3ce9;
}
:where(.light-style) .alert-primary .btn-close,
.alert-primary:where(.light-style) .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%237b3ce9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%237b3ce9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
:where(.light-style) .alert-primary .alert-link,
.alert-primary:where(.light-style) .alert-link {
  color: #7b3ce9;
}
:where(.light-style) .alert-primary hr,
.alert-primary:where(.light-style) hr {
  color: #7b3ce9 !important;
}
:where(.light-style) .alert-primary .alert-icon,
.alert-primary:where(.light-style) .alert-icon {
  background-color: #7b3ce9;
}
:where(.light-style) .alert-outline-primary,
.alert-outline-primary:where(.light-style) {
  border-color: #7b3ce9;
  color: #7b3ce9;
}
:where(.light-style) .alert-outline-primary .btn-close,
.alert-outline-primary:where(.light-style) .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%237b3ce9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%237b3ce9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
:where(.light-style) .alert-outline-primary .alert-link,
.alert-outline-primary:where(.light-style) .alert-link {
  color: #7b3ce9;
}
:where(.light-style) .alert-outline-primary hr,
.alert-outline-primary:where(.light-style) hr {
  color: #7b3ce9 !important;
}
:where(.light-style) .alert-outline-primary .alert-icon,
.alert-outline-primary:where(.light-style) .alert-icon {
  color: #7b3ce9 !important;
  background-color: #eae0fc !important;
}
:where(.light-style) .alert-solid-primary,
.alert-solid-primary:where(.light-style) {
  background-color: #7b3ce9;
}
:where(.light-style) .alert-solid-primary .alert-icon,
.alert-solid-primary:where(.light-style) .alert-icon {
  color: #7b3ce9 !important;
}
:where(.light-style) .tooltip-primary .tooltip-inner,
.tooltip-primary:where(.light-style) .tooltip-inner,
:where(.light-style) .tooltip-primary > .tooltip .tooltip-inner,
.tooltip-primary:where(.light-style) > .tooltip .tooltip-inner,
:where(.light-style) .ngb-tooltip-primary + ngb-tooltip-window .tooltip-inner,
.ngb-tooltip-primary:where(.light-style) + ngb-tooltip-window .tooltip-inner {
  background: #7b3ce9;
}
:where(.light-style) .tooltip-primary.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement=top]:where(.light-style) .tooltip-arrow::before,
:where(.light-style) .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,
.tooltip-primary:where(.light-style) > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,
:where(.light-style) .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,
.ngb-tooltip-primary:where(.light-style) + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: #7b3ce9;
}
:where(.light-style) .tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement=left]:where(.light-style) .tooltip-arrow::before,
:where(.light-style) .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
.tooltip-primary:where(.light-style) > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
:where(.light-style) .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
.ngb-tooltip-primary:where(.light-style) + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: #7b3ce9;
}
:where(.light-style) .tooltip-primary.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement=bottom]:where(.light-style) .tooltip-arrow::before,
:where(.light-style) .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before,
.tooltip-primary:where(.light-style) > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before,
:where(.light-style) .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before,
.ngb-tooltip-primary:where(.light-style) + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: #7b3ce9;
}
:where(.light-style) .tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement=right]:where(.light-style) .tooltip-arrow::before,
:where(.light-style) .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
.tooltip-primary:where(.light-style) > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
:where(.light-style) .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
.ngb-tooltip-primary:where(.light-style) + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: #7b3ce9;
}
:where(.light-style) .popover-primary,
.popover-primary:where(.light-style),
:where(.light-style) .popover-primary > .popover,
.popover-primary:where(.light-style) > .popover,
:where(.light-style) .ngb-popover-primary + ngb-popover-window,
.ngb-popover-primary:where(.light-style) + ngb-popover-window {
  background: #7b3ce9;
}
:where(.light-style) .popover-primary .popover-header,
.popover-primary:where(.light-style) .popover-header,
:where(.light-style) .popover-primary > .popover .popover-header,
.popover-primary:where(.light-style) > .popover .popover-header,
:where(.light-style) .ngb-popover-primary + ngb-popover-window .popover-header,
.ngb-popover-primary:where(.light-style) + ngb-popover-window .popover-header {
  border-color: #7b3ce9;
}
:where(.light-style) .popover-primary.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement=top]:where(.light-style) > .popover-arrow::after,
:where(.light-style) .popover-primary > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after,
.popover-primary:where(.light-style) > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after,
:where(.light-style) .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after,
.ngb-popover-primary:where(.light-style) + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  border-top-color: #7b3ce9 !important;
}
:where(.light-style) .popover-primary.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement=right]:where(.light-style) > .popover-arrow::after,
:where(.light-style) .popover-primary > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
.popover-primary:where(.light-style) > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
:where(.light-style) .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
.ngb-popover-primary:where(.light-style) + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-right-color: #7b3ce9 !important;
}
:where(.light-style) .popover-primary.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement=bottom]:where(.light-style) > .popover-arrow::after,
:where(.light-style) .popover-primary > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after,
.popover-primary:where(.light-style) > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after,
:where(.light-style) .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after,
.ngb-popover-primary:where(.light-style) + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  border-bottom-color: #7b3ce9 !important;
}
:where(.light-style) .popover-primary.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement=left]:where(.light-style) > .popover-arrow::after,
:where(.light-style) .popover-primary > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
.popover-primary:where(.light-style) > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
:where(.light-style) .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
.ngb-popover-primary:where(.light-style) + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-left-color: #7b3ce9 !important;
}
:where(.light-style) .btn-primary,
.btn-primary:where(.light-style) {
  background-color: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.light-style) .btn-primary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled),
.btn-primary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled):where(.light-style) {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .btn-primary:hover,
.btn-primary:hover:where(.light-style) {
  background-color: #6f36d2 !important;
  border-color: #6f36d2 !important;
}
:where(.light-style) .btn-check:focus + .btn-primary,
.btn-check:focus:where(.light-style) + .btn-primary,
:where(.light-style) .btn-primary:focus,
.btn-primary:focus:where(.light-style),
:where(.light-style) .btn-primary.focus,
.btn-primary.focus:where(.light-style) {
  background-color: #6f36d2;
  border-color: #6f36d2;
}
:where(.light-style) .btn-check:checked + .btn-primary,
.btn-check:checked:where(.light-style) + .btn-primary,
:where(.light-style) .btn-check:active + .btn-primary,
.btn-check:active:where(.light-style) + .btn-primary,
:where(.light-style) .btn-primary:active,
.btn-primary:active:where(.light-style),
:where(.light-style) .btn-primary.active,
.btn-primary.active:where(.light-style),
:where(.light-style) .btn-primary.show.dropdown-toggle,
.btn-primary.show.dropdown-toggle:where(.light-style),
:where(.light-style) .show > .btn-primary.dropdown-toggle,
.show:where(.light-style) > .btn-primary.dropdown-toggle {
  background-color: #6f36d2 !important;
  border-color: #6f36d2 !important;
}
:where(.light-style) .btn-primary.disabled,
.btn-primary.disabled:where(.light-style),
:where(.light-style) .btn-primary:disabled,
.btn-primary:disabled:where(.light-style) {
  background-color: #7b3ce9 !important;
  border-color: #7b3ce9 !important;
}
:where(.light-style) .btn-group .btn-primary,
.btn-group:where(.light-style) .btn-primary,
:where(.light-style) .input-group .btn-primary,
.input-group:where(.light-style) .btn-primary {
  border-right: var(--bs-border-width) solid #6f36d2;
  border-left: var(--bs-border-width) solid #6f36d2;
}
:where(.light-style) .btn-group-vertical .btn-primary,
.btn-group-vertical:where(.light-style) .btn-primary {
  border-top-color: #6f36d2;
  border-bottom-color: #6f36d2;
}
:where(.light-style) .btn-label-primary,
.btn-label-primary:where(.light-style) {
  color: #7b3ce9 !important;
  background: #eae0fc !important;
}
:where(.light-style) .btn-label-primary.waves-effect .waves-ripple,
.btn-label-primary.waves-effect:where(.light-style) .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
:where(.light-style) .btn-label-primary:hover,
.btn-label-primary:hover:where(.light-style) {
  background: #dfd0fa !important;
  color: #7b3ce9 !important;
}
:where(.light-style) .btn-label-primary:focus,
.btn-label-primary:focus:where(.light-style),
:where(.light-style) .btn-label-primary.focus,
.btn-label-primary.focus:where(.light-style) {
  color: #7b3ce9;
  background: #dfd0fa;
}
:where(.light-style) .btn-label-primary:active,
.btn-label-primary:active:where(.light-style),
:where(.light-style) .btn-label-primary.active,
.btn-label-primary.active:where(.light-style),
:where(.light-style) .btn-label-primary.show.dropdown-toggle,
.btn-label-primary.show.dropdown-toggle:where(.light-style),
:where(.light-style) .show > .btn-label-primary.dropdown-toggle,
.show:where(.light-style) > .btn-label-primary.dropdown-toggle {
  color: #7b3ce9 !important;
  background-color: #dfd0fa !important;
}
:where(.light-style) .btn-label-primary.disabled,
.btn-label-primary.disabled:where(.light-style),
:where(.light-style) .btn-label-primary:disabled,
.btn-label-primary:disabled:where(.light-style) {
  color: #7b3ce9 !important;
  background: #eae0fc !important;
}
:where(.light-style) .btn-group .btn-label-primary,
.btn-group:where(.light-style) .btn-label-primary,
:where(.light-style) .input-group .btn-label-primary,
.input-group:where(.light-style) .btn-label-primary {
  border-right: var(--bs-border-width) solid #d4c0f8 !important;
  border-left: var(--bs-border-width) solid #d4c0f8 !important;
}
:where(.light-style) .btn-group-vertical .btn-label-primary,
.btn-group-vertical:where(.light-style) .btn-label-primary {
  border-top: var(--bs-border-width) solid #d4c0f8 !important;
  border-bottom: var(--bs-border-width) solid #d4c0f8 !important;
}
:where(.light-style) .btn-text-primary,
.btn-text-primary:where(.light-style) {
  color: #7b3ce9;
}
:where(.light-style) .btn-text-primary.waves-effect .waves-ripple,
.btn-text-primary.waves-effect:where(.light-style) .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
:where(.light-style) .btn-text-primary:hover,
.btn-text-primary:hover:where(.light-style) {
  background: #f5f0fd;
  color: #7b3ce9;
}
:where(.light-style) .btn-text-primary:focus,
.btn-text-primary:focus:where(.light-style),
:where(.light-style) .btn-text-primary.focus,
.btn-text-primary.focus:where(.light-style) {
  color: #7b3ce9;
  background: #f5f0fd;
}
:where(.light-style) .btn-text-primary:active,
.btn-text-primary:active:where(.light-style),
:where(.light-style) .btn-text-primary.active,
.btn-text-primary.active:where(.light-style),
:where(.light-style) .btn-text-primary.show.dropdown-toggle,
.btn-text-primary.show.dropdown-toggle:where(.light-style),
:where(.light-style) .show > .btn-text-primary.dropdown-toggle,
.show:where(.light-style) > .btn-text-primary.dropdown-toggle {
  color: #7b3ce9 !important;
  background: #f5f0fd !important;
}
:where(.light-style) .btn-text-primary:disabled,
.btn-text-primary:disabled:where(.light-style),
:where(.light-style) .btn-text-primary.disabled,
.btn-text-primary.disabled:where(.light-style) {
  color: #7b3ce9;
}
:where(.light-style) .btn-group .btn-text-primary,
.btn-group:where(.light-style) .btn-text-primary,
:where(.light-style) .input-group .btn-text-primary,
.input-group:where(.light-style) .btn-text-primary {
  border-right: var(--bs-border-width) solid #7b3ce9 !important;
  border-left: var(--bs-border-width) solid #7b3ce9 !important;
}
:where(.light-style) .btn-group-vertical .btn-text-primary,
.btn-group-vertical:where(.light-style) .btn-text-primary {
  border-top: var(--bs-border-width) solid #7b3ce9 !important;
  border-bottom: var(--bs-border-width) solid #7b3ce9 !important;
}
:where(.light-style) .btn-outline-primary,
.btn-outline-primary:where(.light-style) {
  color: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.light-style) .btn-outline-primary.waves-effect .waves-ripple,
.btn-outline-primary.waves-effect:where(.light-style) .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
:where(.light-style) .btn-outline-primary:hover,
.btn-outline-primary:hover:where(.light-style) {
  color: #7b3ce9 !important;
  background-color: #f5f0fd !important;
  border-color: #7b3ce9 !important;
}
:where(.light-style) .btn-check:focus + .btn-outline-primary,
.btn-check:focus:where(.light-style) + .btn-outline-primary,
:where(.light-style) .btn-outline-primary:focus,
.btn-outline-primary:focus:where(.light-style) {
  color: #7b3ce9;
  background-color: #f5f0fd;
  border-color: #7b3ce9;
}
:where(.light-style) .btn-check:checked + .btn-outline-primary,
.btn-check:checked:where(.light-style) + .btn-outline-primary,
:where(.light-style) .btn-check:active + .btn-outline-primary,
.btn-check:active:where(.light-style) + .btn-outline-primary,
:where(.light-style) .btn-outline-primary:active,
.btn-outline-primary:active:where(.light-style),
:where(.light-style) .btn-outline-primary.active,
.btn-outline-primary.active:where(.light-style),
:where(.light-style) .btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary.dropdown-toggle.show:where(.light-style) {
  color: #7b3ce9 !important;
  background-color: #f5f0fd !important;
  border-color: #7b3ce9 !important;
}
:where(.light-style) .btn-outline-primary.disabled,
.btn-outline-primary.disabled:where(.light-style),
:where(.light-style) .btn-outline-primary:disabled,
.btn-outline-primary:disabled:where(.light-style) {
  color: #7b3ce9 !important;
}
:where(.light-style) .btn-outline-primary .badge,
.btn-outline-primary:where(.light-style) .badge {
  background: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.light-style) .btn-outline-primary:hover .badge,
.btn-outline-primary:hover:where(.light-style) .badge,
:where(.light-style) .btn-outline-primary:focus:hover .badge,
.btn-outline-primary:focus:hover:where(.light-style) .badge,
:where(.light-style) .btn-outline-primary:active .badge,
.btn-outline-primary:active:where(.light-style) .badge,
:where(.light-style) .btn-outline-primary.active .badge,
.btn-outline-primary.active:where(.light-style) .badge,
:where(.light-style) .show > .btn-outline-primary.dropdown-toggle .badge,
.show:where(.light-style) > .btn-outline-primary.dropdown-toggle .badge {
  background: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.light-style) .dropdown-item.waves-effect .waves-ripple,
.dropdown-item.waves-effect:where(.light-style) .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
:where(.light-style) .dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled).active:where(.light-style),
:where(.light-style) .dropdown-item:not(.disabled):active,
.dropdown-item:not(.disabled):active:where(.light-style) {
  background-color: #eae0fc;
  color: #7b3ce9 !important;
}
:where(.light-style) .dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active,
.dropdown-menu:where(.light-style) > li:not(.disabled) > a:not(.dropdown-item):active,
:where(.light-style) .dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item),
.dropdown-menu:where(.light-style) > li.active:not(.disabled) > a:not(.dropdown-item) {
  background-color: #eae0fc;
  color: #7b3ce9 !important;
}
:where(.light-style) .nav-pills .nav-link.active,
.nav-pills:where(.light-style) .nav-link.active {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .nav-pills .nav-link.active,
.nav-pills:where(.light-style) .nav-link.active,
:where(.light-style) .nav-pills .nav-link.active:hover,
.nav-pills:where(.light-style) .nav-link.active:hover,
:where(.light-style) .nav-pills .nav-link.active:focus,
.nav-pills:where(.light-style) .nav-link.active:focus {
  background-color: #7b3ce9;
}
:where(.light-style) .nav-tabs .nav-link.waves-effect .waves-ripple,
.nav-tabs:where(.light-style) .nav-link.waves-effect .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
:where(.light-style) .nav-tabs .nav-link.active,
.nav-tabs:where(.light-style) .nav-link.active,
:where(.light-style) .nav-tabs .nav-link.active:hover,
.nav-tabs:where(.light-style) .nav-link.active:hover,
:where(.light-style) .nav-tabs .nav-link.active:focus,
.nav-tabs:where(.light-style) .nav-link.active:focus,
:where(.light-style) .nav-tabs .nav-link.active,
.nav-tabs:where(.light-style) .nav-link.active,
:where(.light-style) .nav-tabs .nav-link.active:hover,
.nav-tabs:where(.light-style) .nav-link.active:hover,
:where(.light-style) .nav-tabs .nav-link.active:focus,
.nav-tabs:where(.light-style) .nav-link.active:focus {
  box-shadow: 0 -2px 0 #7b3ce9 inset;
}
:where(.light-style) .nav-align-bottom .nav-tabs .nav-link.active,
.nav-align-bottom:where(.light-style) .nav-tabs .nav-link.active,
:where(.light-style) .nav-align-bottom .nav-tabs .nav-link.active:hover,
.nav-align-bottom:where(.light-style) .nav-tabs .nav-link.active:hover,
:where(.light-style) .nav-align-bottom .nav-tabs .nav-link.active:focus,
.nav-align-bottom:where(.light-style) .nav-tabs .nav-link.active:focus,
:where(.light-style) .nav-align-bottom .nav-tabs .nav-link.active,
.nav-align-bottom:where(.light-style) .nav-tabs .nav-link.active,
:where(.light-style) .nav-align-bottom .nav-tabs .nav-link.active:hover,
.nav-align-bottom:where(.light-style) .nav-tabs .nav-link.active:hover,
:where(.light-style) .nav-align-bottom .nav-tabs .nav-link.active:focus,
.nav-align-bottom:where(.light-style) .nav-tabs .nav-link.active:focus {
  box-shadow: 0 2px 0 #7b3ce9 inset;
}
:where(.light-style) .nav-align-left .nav-tabs .nav-link.active,
.nav-align-left:where(.light-style) .nav-tabs .nav-link.active,
:where(.light-style) .nav-align-left .nav-tabs .nav-link.active:hover,
.nav-align-left:where(.light-style) .nav-tabs .nav-link.active:hover,
:where(.light-style) .nav-align-left .nav-tabs .nav-link.active:focus,
.nav-align-left:where(.light-style) .nav-tabs .nav-link.active:focus,
:where(.light-style) .nav-align-left .nav-tabs .nav-link.active,
.nav-align-left:where(.light-style) .nav-tabs .nav-link.active,
:where(.light-style) .nav-align-left .nav-tabs .nav-link.active:hover,
.nav-align-left:where(.light-style) .nav-tabs .nav-link.active:hover,
:where(.light-style) .nav-align-left .nav-tabs .nav-link.active:focus,
.nav-align-left:where(.light-style) .nav-tabs .nav-link.active:focus {
  box-shadow: -2px 0px 0 #7b3ce9 inset;
}
:where(.light-style) .nav-align-right .nav-tabs .nav-link.active,
.nav-align-right:where(.light-style) .nav-tabs .nav-link.active,
:where(.light-style) .nav-align-right .nav-tabs .nav-link.active:hover,
.nav-align-right:where(.light-style) .nav-tabs .nav-link.active:hover,
:where(.light-style) .nav-align-right .nav-tabs .nav-link.active:focus,
.nav-align-right:where(.light-style) .nav-tabs .nav-link.active:focus,
:where(.light-style) .nav-align-right .nav-tabs .nav-link.active,
.nav-align-right:where(.light-style) .nav-tabs .nav-link.active,
:where(.light-style) .nav-align-right .nav-tabs .nav-link.active:hover,
.nav-align-right:where(.light-style) .nav-tabs .nav-link.active:hover,
:where(.light-style) .nav-align-right .nav-tabs .nav-link.active:focus,
.nav-align-right:where(.light-style) .nav-tabs .nav-link.active:focus {
  box-shadow: 2px 0px 0 #7b3ce9 inset;
}
:where(.light-style) .form-control:focus,
.form-control:focus:where(.light-style),
:where(.light-style) .form-select:focus,
.form-select:focus:where(.light-style) {
  border-color: #7b3ce9 !important;
}
:where(.light-style) .input-group:focus-within .form-control,
.input-group:focus-within:where(.light-style) .form-control,
:where(.light-style) .input-group:focus-within .input-group-text,
.input-group:focus-within:where(.light-style) .input-group-text {
  border-color: #7b3ce9 !important;
}
:where(.light-style) .form-check-input:checked,
.form-check-input:checked:where(.light-style) {
  background-color: #7b3ce9;
  border-color: #7b3ce9;
  box-shadow: 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .form-check-input[type=checkbox]:indeterminate,
.form-check-input[type=checkbox]:indeterminate:where(.light-style) {
  background-color: #7b3ce9;
  border-color: #7b3ce9;
  box-shadow: 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .custom-option.checked,
.custom-option.checked:where(.light-style) {
  border: 2px solid #7b3ce9 !important;
}
:where(.light-style) .custom-option.checked .custom-option-body i,
.custom-option.checked:where(.light-style) .custom-option-body i,
:where(.light-style) .custom-option.checked .custom-option-header i,
.custom-option.checked:where(.light-style) .custom-option-header i {
  color: #7b3ce9;
}
:where(.light-style) .custom-option.custom-option-label.checked,
.custom-option.custom-option-label.checked:where(.light-style) {
  background-color: rgba(123, 60, 233, 0.12);
  color: #7b3ce9;
}
:where(.light-style) .custom-option.custom-option-label.checked .custom-option-header span,
.custom-option.custom-option-label.checked:where(.light-style) .custom-option-header span,
:where(.light-style) .custom-option.custom-option-label.checked .custom-option-title,
.custom-option.custom-option-label.checked:where(.light-style) .custom-option-title {
  color: #7b3ce9;
}
:where(.light-style) .form-control:focus ~ .form-label,
.form-control:focus:where(.light-style) ~ .form-label {
  border-color: #7b3ce9;
}
:where(.light-style) .switch-input:checked ~ .switch-toggle-slider,
.switch-input:checked:where(.light-style) ~ .switch-toggle-slider {
  background: #7b3ce9;
  box-shadow: 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .switch-primary.switch .switch-input:checked ~ .switch-toggle-slider,
.switch-primary.switch:where(.light-style) .switch-input:checked ~ .switch-toggle-slider {
  background: #7b3ce9;
  box-shadow: 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .timeline .timeline-point-primary,
.timeline:where(.light-style) .timeline-point-primary {
  background-color: #7b3ce9 !important;
  outline: 3px solid rgba(123, 60, 233, 0.12);
}
:where(.light-style) .timeline.timeline-outline .timeline-point-primary,
.timeline.timeline-outline:where(.light-style) .timeline-point-primary {
  border: 2px solid #7b3ce9 !important;
}
:where(.light-style) .timeline .timeline-indicator-primary,
.timeline:where(.light-style) .timeline-indicator-primary {
  background-color: #eae0fc;
}
:where(.light-style) .timeline .timeline-indicator-primary i,
.timeline:where(.light-style) .timeline-indicator-primary i {
  color: #7b3ce9 !important;
}
:where(.light-style) .divider.divider-primary.divider-vertical:before,
.divider.divider-primary.divider-vertical:before:where(.light-style),
:where(.light-style) .divider.divider-primary.divider-vertical:after,
.divider.divider-primary.divider-vertical:after:where(.light-style),
:where(.light-style) .divider.divider-primary .divider-text:before,
.divider.divider-primary:where(.light-style) .divider-text:before,
:where(.light-style) .divider.divider-primary .divider-text:after,
.divider.divider-primary:where(.light-style) .divider-text:after {
  border-color: #7b3ce9;
}
:where(.light-style) .navbar.bg-primary,
.navbar.bg-primary:where(.light-style) {
  background-color: rgba(123, 60, 233, 0.88) !important;
  color: #e3d6fa;
}
:where(.light-style) .navbar.bg-primary .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-primary:where(.light-style) .navbar-search-wrapper .navbar-search-icon,
:where(.light-style) .navbar.bg-primary .navbar-search-wrapper .search-input,
.navbar.bg-primary:where(.light-style) .navbar-search-wrapper .search-input {
  color: #e3d6fa;
}
:where(.light-style) .navbar.bg-primary .search-input-wrapper .search-input,
.navbar.bg-primary:where(.light-style) .search-input-wrapper .search-input,
:where(.light-style) .navbar.bg-primary .search-input-wrapper .search-toggler,
.navbar.bg-primary:where(.light-style) .search-input-wrapper .search-toggler {
  background-color: #7b3ce9 !important;
  color: #e3d6fa;
}
:where(.light-style) .navbar.bg-primary .navbar-nav > .nav-link,
.navbar.bg-primary:where(.light-style) .navbar-nav > .nav-link,
:where(.light-style) .navbar.bg-primary .navbar-nav > .nav-item > .nav-link,
.navbar.bg-primary:where(.light-style) .navbar-nav > .nav-item > .nav-link,
:where(.light-style) .navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link,
.navbar.bg-primary:where(.light-style) .navbar-nav > .nav > .nav-item > .nav-link {
  color: #e3d6fa;
}
:where(.light-style) .navbar.bg-primary .navbar-nav > .nav-link.disabled,
.navbar.bg-primary:where(.light-style) .navbar-nav > .nav-link.disabled,
:where(.light-style) .navbar.bg-primary .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-primary:where(.light-style) .navbar-nav > .nav-item > .nav-link.disabled,
:where(.light-style) .navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link.disabled,
.navbar.bg-primary:where(.light-style) .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #ba99f3 !important;
}
:where(.light-style) .navbar.bg-primary .navbar-toggler,
.navbar.bg-primary:where(.light-style) .navbar-toggler {
  color: #e3d6fa;
}
:where(.light-style) .navbar.bg-primary .navbar-text,
.navbar.bg-primary:where(.light-style) .navbar-text {
  color: #e3d6fa;
}
:where(.light-style) .menu.bg-primary,
.menu.bg-primary:where(.light-style) {
  background-color: #7b3ce9 !important;
  color: #e3d6fa;
}
:where(.light-style) .menu.bg-primary.menu-horizontal,
.menu.bg-primary.menu-horizontal:where(.light-style) {
  background-color: rgba(123, 60, 233, 0.95) !important;
}
:where(.light-style) .menu.bg-primary .menu-link,
.menu.bg-primary:where(.light-style) .menu-link,
:where(.light-style) .menu.bg-primary .menu-horizontal-prev,
.menu.bg-primary:where(.light-style) .menu-horizontal-prev,
:where(.light-style) .menu.bg-primary .menu-horizontal-next,
.menu.bg-primary:where(.light-style) .menu-horizontal-next {
  color: #e3d6fa;
}
:where(.light-style) .menu.bg-primary .menu-toggle::after,
.menu.bg-primary:where(.light-style) .menu-toggle::after {
  color: #e3d6fa;
}
:where(.light-style) .menu.bg-primary .menu-item.disabled .menu-link,
.menu.bg-primary:where(.light-style) .menu-item.disabled .menu-link,
:where(.light-style) .menu.bg-primary .menu-horizontal-prev.disabled,
.menu.bg-primary:where(.light-style) .menu-horizontal-prev.disabled,
:where(.light-style) .menu.bg-primary .menu-horizontal-next.disabled,
.menu.bg-primary:where(.light-style) .menu-horizontal-next.disabled {
  color: #ba99f3 !important;
}
:where(.light-style) .menu.bg-primary.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle),
.menu.bg-primary.menu-vertical:where(.light-style) .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(270deg, rgba(127, 65, 234, 0.7) 0%, #7f41ea 100%);
  box-shadow: 0px 2px 6px 0px rgba(127, 65, 234, 0.3);
}
:where(.light-style) .menu.bg-primary.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle,
.menu.bg-primary.menu-horizontal:where(.light-style) .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(270deg, rgba(127, 65, 234, 0.7) 0%, #7f41ea 100%);
  box-shadow: 0px 2px 6px 0px rgba(127, 65, 234, 0.3);
}
:where(.light-style) .menu.bg-primary.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-primary.menu-horizontal:where(.light-style) .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
:where(.light-style) .menu.bg-primary.menu-horizontal .menu-inner .menu-item.open > .menu-toggle,
.menu.bg-primary.menu-horizontal:where(.light-style) .menu-inner .menu-item.open > .menu-toggle {
  background: #7b3ce9;
}
:where(.light-style) .menu.bg-primary.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle),
.menu.bg-primary.menu-horizontal:where(.light-style) .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #7b3ce9;
  color: #7f41ea !important;
}
:where(.light-style) .menu.bg-primary .menu-inner-shadow,
.menu.bg-primary:where(.light-style) .menu-inner-shadow {
  background: linear-gradient(#7b3ce9 41%, rgba(123, 60, 233, 0.11) 95%, rgba(123, 60, 233, 0));
}
:where(.light-style) .menu.bg-primary .menu-header,
.menu.bg-primary:where(.light-style) .menu-header {
  color: #a579f0;
}
:where(.light-style) .menu.bg-primary .menu-block::before,
.menu.bg-primary:where(.light-style) .menu-block::before {
  background-color: #a579f0;
}
:where(.light-style) .footer.bg-primary,
.footer.bg-primary:where(.light-style) {
  color: #e3d6fa;
}
:where(.light-style) .layout-footer-fixed .layout-horizontal .footer.bg-primary,
.layout-footer-fixed:where(.light-style) .layout-horizontal .footer.bg-primary {
  background-color: #7b3ce9 !important;
}
:where(.light-style) .layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-primary .footer-container,
.layout-footer-fixed:where(.light-style) .layout-wrapper:not(.layout-horizontal) .footer.bg-primary .footer-container {
  background-color: #7b3ce9 !important;
}
:where(.light-style) .footer.bg-primary .footer-link,
.footer.bg-primary:where(.light-style) .footer-link {
  color: #e3d6fa;
}
:where(.light-style) .footer.bg-primary .footer-link.disabled,
.footer.bg-primary:where(.light-style) .footer-link.disabled {
  color: #ba99f3 !important;
}
:where(.light-style) .form-floating > .form-control:focus ~ label,
.form-floating:where(.light-style) > .form-control:focus ~ label,
:where(.light-style) .form-floating > .form-control:focus:not(:placeholder-shown) ~ label,
.form-floating:where(.light-style) > .form-control:focus:not(:placeholder-shown) ~ label,
:where(.light-style) .form-floating > .form-select:focus ~ label,
.form-floating:where(.light-style) > .form-select:focus ~ label,
:where(.light-style) .form-floating > .form-select:focus:not(:placeholder-shown) ~ label,
.form-floating:where(.light-style) > .form-select:focus:not(:placeholder-shown) ~ label {
  color: #7b3ce9;
}
:where(.light-style) .svg-illustration svg,
.svg-illustration:where(.light-style) svg {
  fill: #7b3ce9;
}
:where(.light-style) .jstree-default .jstree-wholerow-hovered,
.jstree-default:where(.light-style) .jstree-wholerow-hovered,
:where(.light-style) .jstree-default .jstree-hovered,
.jstree-default:where(.light-style) .jstree-hovered {
  background: rgba(123, 60, 233, 0.16);
  color: #7b3ce9;
}
:where(.light-style) .jstree-default .jstree-wholerow-clicked,
.jstree-default:where(.light-style) .jstree-wholerow-clicked,
:where(.light-style) .jstree-default .jstree-clicked,
.jstree-default:where(.light-style) .jstree-clicked {
  background: #7b3ce9;
}
:where(.light-style) .jstree-default-dark .jstree-wholerow-hovered,
.jstree-default-dark:where(.light-style) .jstree-wholerow-hovered,
:where(.light-style) .jstree-default-dark .jstree-hovered,
.jstree-default-dark:where(.light-style) .jstree-hovered {
  background: rgba(123, 60, 233, 0.16);
  color: #7b3ce9;
}
:where(.light-style) .jstree-default-dark .jstree-wholerow-clicked,
.jstree-default-dark:where(.light-style) .jstree-wholerow-clicked,
:where(.light-style) .jstree-default-dark .jstree-clicked,
.jstree-default-dark:where(.light-style) .jstree-clicked {
  background: #7b3ce9;
}
:where(.light-style) .card.card-border-shadow-primary::after,
.card.card-border-shadow-primary:where(.light-style)::after {
  border-bottom-color: #cbb3f6;
}
:where(.light-style) .card.card-border-shadow-primary:hover::after,
.card.card-border-shadow-primary:hover:where(.light-style)::after {
  border-bottom-color: #7b3ce9;
}
:where(.light-style) .card.card-hover-border-primary:hover,
.card.card-hover-border-primary:hover:where(.light-style),
:where(.light-style) .card .card-hover-border-primary:hover,
.card:where(.light-style) .card-hover-border-primary:hover {
  border-color: #cdb5f7;
}
html:not([dir=rtl]):where(.light-style) .border-primary,
html[dir=rtl]:where(.light-style) .border-primary {
  border-color: #7b3ce9 !important;
}
:where(.light-style) a,
a:where(.light-style) {
  color: #7b3ce9;
}
:where(.light-style) a:hover,
a:hover:where(.light-style) {
  color: #884feb;
}
:where(.light-style) .fill-primary,
.fill-primary:where(.light-style) {
  fill: #7b3ce9;
}
:where(.light-style) .noUi-target:not([disabled]),
.noUi-target:not([disabled]):where(.light-style) {
  background: rgba(123, 60, 233, 0.16);
}
:where(.light-style) .noUi-target:not([disabled]) .noUi-connect,
.noUi-target:not([disabled]):where(.light-style) .noUi-connect {
  background: #7b3ce9;
}
:where(.light-style) .noUi-target:not([disabled]) .noUi-handle,
.noUi-target:not([disabled]):where(.light-style) .noUi-handle {
  border-color: #7b3ce9;
}
:where(.light-style) .noUi-target:not([disabled]) .noUi-handle:hover,
.noUi-target:not([disabled]):where(.light-style) .noUi-handle:hover {
  box-shadow: 0 0 0 8px rgba(123, 60, 233, 0.16);
}
:where(.light-style) .noUi-target:not([disabled]) .noUi-handle:active,
.noUi-target:not([disabled]):where(.light-style) .noUi-handle:active,
:where(.light-style) .noUi-target:not([disabled]) .noUi-handle:focus,
.noUi-target:not([disabled]):where(.light-style) .noUi-handle:focus {
  box-shadow: 0 0 0 13px rgba(123, 60, 233, 0.16);
}
:where(.light-style) .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default:where(.light-style) .select2-results__option--highlighted[aria-selected] {
  background-color: #7b3ce9 !important;
}
:where(.light-style) .select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container--focus:where(.light-style) .select2-selection,
:where(.light-style) .select2-container--default.select2-container--open .select2-selection,
.select2-container--default.select2-container--open:where(.light-style) .select2-selection {
  border-color: #7b3ce9 !important;
}
:where(.light-style) .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-primary:where(.light-style) .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(123, 60, 233, 0.16) !important;
  color: #7b3ce9 !important;
}
:where(.light-style) .tagify--focus,
.tagify--focus:where(.light-style) {
  border-color: #7b3ce9 !important;
}
:where(.light-style) .tagify__dropdown__item--active,
.tagify__dropdown__item--active:where(.light-style) {
  background: #7b3ce9 !important;
}
:where(.light-style) table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column:where(.light-style) > tbody > tr > td.control:before,
:where(.light-style) table.dataTable.dtr-column > tbody > tr > th.control:before,
table.dataTable.dtr-column:where(.light-style) > tbody > tr > th.control:before {
  background-color: #7b3ce9;
}
:where(.light-style) .bootstrap-select .dropdown-menu.inner a[aria-selected=true],
.bootstrap-select:where(.light-style) .dropdown-menu.inner a[aria-selected=true] {
  background: #7b3ce9 !important;
}
:where(.light-style) .bootstrap-select .dropdown-toggle.show,
.bootstrap-select:where(.light-style) .dropdown-toggle.show {
  border-color: #7b3ce9;
}
:where(.light-style) .datepicker table tr td.active,
.datepicker:where(.light-style) table tr td.active,
:where(.light-style) .datepicker table tr td.active.highlighted,
.datepicker:where(.light-style) table tr td.active.highlighted,
:where(.light-style) .datepicker table tr td .focused,
.datepicker:where(.light-style) table tr td .focused,
:where(.light-style) .datepicker table tr td span.active,
.datepicker:where(.light-style) table tr td span.active,
:where(.light-style) .datepicker table tr td span.active.disabled,
.datepicker:where(.light-style) table tr td span.active.disabled,
:where(.light-style) .datepicker table tr td.range-start,
.datepicker:where(.light-style) table tr td.range-start,
:where(.light-style) .datepicker table tr td.range-end,
.datepicker:where(.light-style) table tr td.range-end {
  background: #7b3ce9 !important;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .datepicker table tr td.range,
.datepicker:where(.light-style) table tr td.range,
:where(.light-style) .datepicker table tr td.range.highlighted,
.datepicker:where(.light-style) table tr td.range.highlighted,
:where(.light-style) .datepicker table tr td.range.today,
.datepicker:where(.light-style) table tr td.range.today {
  color: #7b3ce9 !important;
  background: #eae0fc !important;
}
:where(.light-style) .datepicker table tr td.range.focused,
.datepicker:where(.light-style) table tr td.range.focused,
:where(.light-style) .datepicker table tr td.range.highlighted.focused,
.datepicker:where(.light-style) table tr td.range.highlighted.focused,
:where(.light-style) .datepicker table tr td.range.today.focused,
.datepicker:where(.light-style) table tr td.range.today.focused {
  background: #dfd0fa !important;
}
:where(.light-style) .datepicker table tr td.range.disabled,
.datepicker:where(.light-style) table tr td.range.disabled,
:where(.light-style) .datepicker table tr td.range.highlighted.disabled,
.datepicker:where(.light-style) table tr td.range.highlighted.disabled,
:where(.light-style) .datepicker table tr td.range.today.disabled,
.datepicker:where(.light-style) table tr td.range.today.disabled {
  background: rgba(234, 224, 252, 0.5) !important;
  color: rgba(123, 60, 233, 0.5) !important;
}
:where(.light-style) .datepicker table tr td.today:not(.active),
.datepicker:where(.light-style) table tr td.today:not(.active),
:where(.light-style) .datepicker table tr td.today:not(.active):hover,
.datepicker:where(.light-style) table tr td.today:not(.active):hover {
  color: #7b3ce9;
  background-color: #eae0fc;
}
:where(.light-style) .flatpickr-day.today,
.flatpickr-day.today:where(.light-style),
:where(.light-style) .flatpickr-day.today:hover,
.flatpickr-day.today:hover:where(.light-style) {
  color: #7b3ce9 !important;
  border-color: #eae0fc;
  background-color: #eae0fc !important;
}
:where(.light-style) .flatpickr-day.inRange,
.flatpickr-day.inRange:where(.light-style),
:where(.light-style) .flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange:where(.light-style),
:where(.light-style) .flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.inRange:where(.light-style),
:where(.light-style) .flatpickr-day.today.inRange,
.flatpickr-day.today.inRange:where(.light-style),
:where(.light-style) .flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange:where(.light-style),
:where(.light-style) .flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange:where(.light-style) {
  color: #7b3ce9 !important;
  background: #eae0fc !important;
  border-color: #eae0fc !important;
}
:where(.light-style) .flatpickr-day.selected,
.flatpickr-day.selected:where(.light-style),
:where(.light-style) .flatpickr-day.selected.inRange,
.flatpickr-day.selected.inRange:where(.light-style),
:where(.light-style) .flatpickr-day.selected:focus,
.flatpickr-day.selected:focus:where(.light-style),
:where(.light-style) .flatpickr-day.selected:hover,
.flatpickr-day.selected:hover:where(.light-style),
:where(.light-style) .flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.nextMonthDay:where(.light-style),
:where(.light-style) .flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected.prevMonthDay:where(.light-style),
:where(.light-style) .flatpickr-day.startRange,
.flatpickr-day.startRange:where(.light-style),
:where(.light-style) .flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.inRange:where(.light-style),
:where(.light-style) .flatpickr-day.startRange:focus,
.flatpickr-day.startRange:focus:where(.light-style),
:where(.light-style) .flatpickr-day.startRange:hover,
.flatpickr-day.startRange:hover:where(.light-style),
:where(.light-style) .flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay:where(.light-style),
:where(.light-style) .flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay:where(.light-style),
:where(.light-style) .flatpickr-day.endRange,
.flatpickr-day.endRange:where(.light-style),
:where(.light-style) .flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.inRange:where(.light-style),
:where(.light-style) .flatpickr-day.endRange:focus,
.flatpickr-day.endRange:focus:where(.light-style),
:where(.light-style) .flatpickr-day.endRange:hover,
.flatpickr-day.endRange:hover:where(.light-style),
:where(.light-style) .flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay:where(.light-style),
:where(.light-style) .flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay:where(.light-style),
:where(.light-style) .flatpickr-day.week.selected,
.flatpickr-day.week.selected:where(.light-style) {
  background: #7b3ce9 !important;
  border-color: #7b3ce9 !important;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .daterangepicker td.active:not(.off),
.daterangepicker:where(.light-style) td.active:not(.off) {
  background: #7b3ce9 !important;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .daterangepicker .start-date:not(.end-date):not(.off),
.daterangepicker:where(.light-style) .start-date:not(.end-date):not(.off),
:where(.light-style) .daterangepicker .end-date:not(.start-date):not(.off),
.daterangepicker:where(.light-style) .end-date:not(.start-date):not(.off) {
  background-color: #7b3ce9;
}
:where(.light-style) .daterangepicker .start-date:not(.end-date):not(.off):hover,
.daterangepicker:where(.light-style) .start-date:not(.end-date):not(.off):hover,
:where(.light-style) .daterangepicker .end-date:not(.start-date):not(.off):hover,
.daterangepicker:where(.light-style) .end-date:not(.start-date):not(.off):hover {
  background-color: #7b3ce9 !important;
}
:where(.light-style) .daterangepicker .input-mini.active,
.daterangepicker:where(.light-style) .input-mini.active {
  border-color: #7b3ce9 !important;
}
:where(.light-style) .daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off),
.daterangepicker:where(.light-style) td.in-range:not(.start-date):not(.end-date):not(.off) {
  color: #7b3ce9 !important;
  background-color: #eae0fc !important;
}
:where(.light-style) .ranges li.active,
.ranges:where(.light-style) li.active {
  color: #7b3ce9 !important;
  background-color: #eae0fc !important;
}
:where(.light-style) li.ui-timepicker-selected,
li.ui-timepicker-selected:where(.light-style),
:where(.light-style) .ui-timepicker-list .ui-timepicker-selected:hover,
.ui-timepicker-list:where(.light-style) .ui-timepicker-selected:hover {
  background: #7b3ce9 !important;
}
:where(.light-style) .ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar:where(.light-style) button:hover,
:where(.light-style) .ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar:where(.light-style) button:focus,
:where(.light-style) .ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar:where(.light-style) button.ql-active,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-label:hover,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-label.ql-active,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-item:hover,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-item.ql-selected,
:where(.light-style) .ql-snow .ql-toolbar button:hover,
.ql-snow:where(.light-style) .ql-toolbar button:hover,
:where(.light-style) .ql-snow .ql-toolbar button:focus,
.ql-snow:where(.light-style) .ql-toolbar button:focus,
:where(.light-style) .ql-snow .ql-toolbar button.ql-active,
.ql-snow:where(.light-style) .ql-toolbar button.ql-active,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-label:hover,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-label.ql-active,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-item:hover,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-item.ql-selected,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-item.ql-selected {
  color: #7b3ce9 !important;
}
:where(.light-style) .ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar:where(.light-style) button:hover .ql-fill,
:where(.light-style) .ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar:where(.light-style) button:focus .ql-fill,
:where(.light-style) .ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar:where(.light-style) button.ql-active .ql-fill,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-label:hover .ql-fill,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-label.ql-active .ql-fill,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-item:hover .ql-fill,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-item.ql-selected .ql-fill,
:where(.light-style) .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar:where(.light-style) button:hover .ql-stroke.ql-fill,
:where(.light-style) .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar:where(.light-style) button:focus .ql-stroke.ql-fill,
:where(.light-style) .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar:where(.light-style) button.ql-active .ql-stroke.ql-fill,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-label:hover .ql-stroke.ql-fill,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-label.ql-active .ql-stroke.ql-fill,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-item:hover .ql-stroke.ql-fill,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-item.ql-selected .ql-stroke.ql-fill,
:where(.light-style) .ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow:where(.light-style) .ql-toolbar button:hover .ql-fill,
:where(.light-style) .ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow:where(.light-style) .ql-toolbar button:focus .ql-fill,
:where(.light-style) .ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow:where(.light-style) .ql-toolbar button.ql-active .ql-fill,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-label:hover .ql-fill,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-label.ql-active .ql-fill,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-item:hover .ql-fill,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
:where(.light-style) .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow:where(.light-style) .ql-toolbar button:hover .ql-stroke.ql-fill,
:where(.light-style) .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow:where(.light-style) .ql-toolbar button:focus .ql-stroke.ql-fill,
:where(.light-style) .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow:where(.light-style) .ql-toolbar button.ql-active .ql-stroke.ql-fill,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #7b3ce9 !important;
}
:where(.light-style) .ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar:where(.light-style) button:hover .ql-stroke,
:where(.light-style) .ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar:where(.light-style) button:focus .ql-stroke,
:where(.light-style) .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar:where(.light-style) button.ql-active .ql-stroke,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-label:hover .ql-stroke,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-label.ql-active .ql-stroke,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-item:hover .ql-stroke,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-item.ql-selected .ql-stroke,
:where(.light-style) .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar:where(.light-style) button:hover .ql-stroke-miter,
:where(.light-style) .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar:where(.light-style) button:focus .ql-stroke-miter,
:where(.light-style) .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar:where(.light-style) button.ql-active .ql-stroke-miter,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-label:hover .ql-stroke-miter,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-label.ql-active .ql-stroke-miter,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-item:hover .ql-stroke-miter,
:where(.light-style) .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow.ql-toolbar:where(.light-style) .ql-picker-item.ql-selected .ql-stroke-miter,
:where(.light-style) .ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow:where(.light-style) .ql-toolbar button:hover .ql-stroke,
:where(.light-style) .ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow:where(.light-style) .ql-toolbar button:focus .ql-stroke,
:where(.light-style) .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow:where(.light-style) .ql-toolbar button.ql-active .ql-stroke,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-label:hover .ql-stroke,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-item:hover .ql-stroke,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
:where(.light-style) .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow:where(.light-style) .ql-toolbar button:hover .ql-stroke-miter,
:where(.light-style) .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow:where(.light-style) .ql-toolbar button:focus .ql-stroke-miter,
:where(.light-style) .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow:where(.light-style) .ql-toolbar button.ql-active .ql-stroke-miter,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
:where(.light-style) .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow:where(.light-style) .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #7b3ce9 !important;
}
:where(.light-style) .tt-suggestion:active,
.tt-suggestion:active:where(.light-style),
:where(.light-style) .tt-cursor,
.tt-cursor:where(.light-style) {
  background: #7b3ce9 !important;
}
:where(.light-style) .dropzone.dz-drag-hover,
.dropzone.dz-drag-hover:where(.light-style) {
  border-color: #7b3ce9 !important;
}
:where(.light-style) .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-bullet.swiper-pagination-bullet-active:where(.light-style),
:where(.light-style) .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.swiper-pagination.swiper-pagination-progressbar:where(.light-style) .swiper-pagination-progressbar-fill {
  background: #7b3ce9 !important;
}
:where(.light-style) .sk-primary.sk-plane,
.sk-primary.sk-plane:where(.light-style),
:where(.light-style) .sk-primary .sk-chase-dot:before,
.sk-primary:where(.light-style) .sk-chase-dot:before,
:where(.light-style) .sk-primary .sk-bounce-dot,
.sk-primary:where(.light-style) .sk-bounce-dot,
:where(.light-style) .sk-primary .sk-wave-rect,
.sk-primary:where(.light-style) .sk-wave-rect,
:where(.light-style) .sk-primary.sk-pulse,
.sk-primary.sk-pulse:where(.light-style),
:where(.light-style) .sk-primary .sk-swing-dot,
.sk-primary:where(.light-style) .sk-swing-dot,
:where(.light-style) .sk-primary .sk-circle-dot:before,
.sk-primary:where(.light-style) .sk-circle-dot:before,
:where(.light-style) .sk-primary .sk-circle-fade-dot:before,
.sk-primary:where(.light-style) .sk-circle-fade-dot:before,
:where(.light-style) .sk-primary .sk-grid-cube,
.sk-primary:where(.light-style) .sk-grid-cube,
:where(.light-style) .sk-primary .sk-fold-cube:before,
.sk-primary:where(.light-style) .sk-fold-cube:before {
  background-color: #7b3ce9;
}
:where(.light-style) .plyr input[type=range]::-ms-fill-lower,
.plyr:where(.light-style) input[type=range]::-ms-fill-lower {
  background: #7b3ce9 !important;
}
:where(.light-style) .plyr input[type=range]:active::-webkit-slider-thumb,
.plyr:where(.light-style) input[type=range]:active::-webkit-slider-thumb {
  background: #7b3ce9 !important;
}
:where(.light-style) .plyr input[type=range]:active::-moz-range-thumb,
.plyr:where(.light-style) input[type=range]:active::-moz-range-thumb {
  background: #7b3ce9 !important;
}
:where(.light-style) .plyr input[type=range]:active::-ms-thumb,
.plyr:where(.light-style) input[type=range]:active::-ms-thumb {
  background: #7b3ce9 !important;
}
:where(.light-style) .plyr--video .plyr__control.plyr__control--overlaid,
.plyr--video:where(.light-style) .plyr__control.plyr__control--overlaid,
:where(.light-style) .plyr--video .plyr__controls button.tab-focus:focus,
.plyr--video:where(.light-style) .plyr__controls button.tab-focus:focus,
:where(.light-style) .plyr--video .plyr__control[aria-expanded=true],
.plyr--video:where(.light-style) .plyr__control[aria-expanded=true],
:where(.light-style) .plyr--video .plyr__controls button:hover,
.plyr--video:where(.light-style) .plyr__controls button:hover {
  background: #7b3ce9 !important;
}
:where(.light-style) .plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio:where(.light-style) .plyr__controls button.tab-focus:focus,
:where(.light-style) .plyr--audio .plyr__control[aria-expanded=true],
.plyr--audio:where(.light-style) .plyr__control[aria-expanded=true],
:where(.light-style) .plyr--audio .plyr__controls button:hover,
.plyr--audio:where(.light-style) .plyr__controls button:hover {
  background: #7b3ce9 !important;
}
:where(.light-style) .plyr__play-large,
.plyr__play-large:where(.light-style) {
  background: #7b3ce9 !important;
}
:where(.light-style) .plyr__progress--played,
.plyr__progress--played:where(.light-style),
:where(.light-style) .plyr__volume--display,
.plyr__volume--display:where(.light-style) {
  color: #7b3ce9 !important;
}
:where(.light-style) .plyr--full-ui input[type=range],
.plyr--full-ui:where(.light-style) input[type=range] {
  color: #7b3ce9 !important;
}
:where(.light-style) .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before,
.plyr__menu__container:where(.light-style) .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #7b3ce9 !important;
}
:where(.light-style) .fc .fc-event-primary:not(.fc-list-event),
.fc:where(.light-style) .fc-event-primary:not(.fc-list-event) {
  background-color: #eae0fc !important;
  color: #7b3ce9 !important;
}
:where(.light-style) .fc .fc-event-primary.fc-list-event .fc-list-event-dot,
.fc:where(.light-style) .fc-event-primary.fc-list-event .fc-list-event-dot {
  border-color: #7b3ce9 !important;
}
:where(.light-style) .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button),
.fc:where(.light-style) .fc-button-primary:not(.fc-prev-button):not(.fc-next-button) {
  background-color: rgba(123, 60, 233, 0.16) !important;
  color: #7b3ce9;
}
:where(.light-style) .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active,
.fc:where(.light-style) .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active,
:where(.light-style) .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover,
.fc:where(.light-style) .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(123, 60, 233, 0.24) !important;
  color: #7b3ce9;
}
:where(.light-style) .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,
.swal2-progress-steps[class]:where(.light-style) .swal2-progress-step.swal2-active-progress-step,
:where(.light-style) .swal2-progress-steps[class] .swal2-progress-step-line,
.swal2-progress-steps[class]:where(.light-style) .swal2-progress-step-line,
:where(.light-style) .swal2-progress-steps[class] .swal2-active-progress-step,
.swal2-progress-steps[class]:where(.light-style) .swal2-active-progress-step,
:where(.light-style) .swal2-progress-steps[class] .swal2-progress-step,
.swal2-progress-steps[class]:where(.light-style) .swal2-progress-step {
  background: #7b3ce9;
}
:where(.light-style) .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step,
.swal2-progress-steps[class]:where(.light-style) .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step,
:where(.light-style) .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line,
.swal2-progress-steps[class]:where(.light-style) .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #ebe2fc;
}
:where(.light-style) .pcr-app .pcr-type.active,
.pcr-app:where(.light-style) .pcr-type.active,
:where(.light-style) .pcr-app .pcr-save,
.pcr-app:where(.light-style) .pcr-save {
  background: #7b3ce9 !important;
}
:where(.light-style) .icon-card.active,
.icon-card.active:where(.light-style) {
  outline: 1px solid #7b3ce9;
}
:where(.light-style) .icon-card.active i,
.icon-card.active:where(.light-style) i,
:where(.light-style) .icon-card.active svg,
.icon-card.active:where(.light-style) svg {
  color: #7b3ce9;
}
:where(.light-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary,
.shepherd-element:where(.light-style) .shepherd-button:not(:disabled).btn-primary {
  background-color: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.light-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled),
.shepherd-element:where(.light-style) .shepherd-button:not(:disabled).btn-primary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled) {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary:hover,
.shepherd-element:where(.light-style) .shepherd-button:not(:disabled).btn-primary:hover {
  background-color: #6f36d2 !important;
  border-color: #6f36d2 !important;
}
:where(.light-style) .btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-primary,
.btn-check:focus:where(.light-style) + .shepherd-element .shepherd-button:not(:disabled).btn-primary,
:where(.light-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary:focus,
.shepherd-element:where(.light-style) .shepherd-button:not(:disabled).btn-primary:focus,
:where(.light-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary.focus,
.shepherd-element:where(.light-style) .shepherd-button:not(:disabled).btn-primary.focus {
  background-color: #6f36d2;
  border-color: #6f36d2;
}
:where(.light-style) .btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-primary,
.btn-check:checked:where(.light-style) + .shepherd-element .shepherd-button:not(:disabled).btn-primary,
:where(.light-style) .btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-primary,
.btn-check:active:where(.light-style) + .shepherd-element .shepherd-button:not(:disabled).btn-primary,
:where(.light-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary:active,
.shepherd-element:where(.light-style) .shepherd-button:not(:disabled).btn-primary:active,
:where(.light-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary.active,
.shepherd-element:where(.light-style) .shepherd-button:not(:disabled).btn-primary.active,
:where(.light-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary.show.dropdown-toggle,
.shepherd-element:where(.light-style) .shepherd-button:not(:disabled).btn-primary.show.dropdown-toggle,
:where(.light-style) .show > .shepherd-element .shepherd-button:not(:disabled).btn-primary.dropdown-toggle,
.show:where(.light-style) > .shepherd-element .shepherd-button:not(:disabled).btn-primary.dropdown-toggle {
  background-color: #6f36d2 !important;
  border-color: #6f36d2 !important;
}
:where(.light-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary.disabled,
.shepherd-element:where(.light-style) .shepherd-button:not(:disabled).btn-primary.disabled,
:where(.light-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary:disabled,
.shepherd-element:where(.light-style) .shepherd-button:not(:disabled).btn-primary:disabled {
  background-color: #7b3ce9 !important;
  border-color: #7b3ce9 !important;
}
:where(.light-style) .shepherd-element .btn-group .shepherd-button:not(:disabled).btn-primary,
.shepherd-element:where(.light-style) .btn-group .shepherd-button:not(:disabled).btn-primary,
:where(.light-style) .shepherd-element .input-group .shepherd-button:not(:disabled).btn-primary,
.shepherd-element:where(.light-style) .input-group .shepherd-button:not(:disabled).btn-primary {
  border-right: var(--bs-border-width) solid #6f36d2;
  border-left: var(--bs-border-width) solid #6f36d2;
}
:where(.light-style) .shepherd-element .btn-group-vertical .shepherd-button:not(:disabled).btn-primary,
.shepherd-element:where(.light-style) .btn-group-vertical .shepherd-button:not(:disabled).btn-primary {
  border-top-color: #6f36d2;
  border-bottom-color: #6f36d2;
}
:where(.light-style) .bs-stepper .step.active .bs-stepper-circle,
.bs-stepper:where(.light-style) .step.active .bs-stepper-circle {
  background-color: #7b3ce9;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.light-style) .bs-stepper .step.active .bs-stepper-icon svg,
.bs-stepper:where(.light-style) .step.active .bs-stepper-icon svg {
  fill: #7b3ce9 !important;
}
:where(.light-style) .bs-stepper .step.active .bs-stepper-icon i,
.bs-stepper:where(.light-style) .step.active .bs-stepper-icon i,
:where(.light-style) .bs-stepper .step.active .bs-stepper-label,
.bs-stepper:where(.light-style) .step.active .bs-stepper-label {
  color: #7b3ce9 !important;
}
:where(.light-style) .bs-stepper .step.crossed .step-trigger .bs-stepper-circle,
.bs-stepper:where(.light-style) .step.crossed .step-trigger .bs-stepper-circle {
  background-color: #eae0fc !important;
  color: #7b3ce9 !important;
}
:where(.light-style) .bs-stepper .step.crossed .step-trigger .bs-stepper-icon svg,
.bs-stepper:where(.light-style) .step.crossed .step-trigger .bs-stepper-icon svg {
  fill: #7b3ce9 !important;
}
:where(.light-style) .bs-stepper .step.crossed .step-trigger .bs-stepper-icon i,
.bs-stepper:where(.light-style) .step.crossed .step-trigger .bs-stepper-icon i {
  color: #7b3ce9 !important;
}
:where(.light-style) .bs-stepper.wizard-icons .step.crossed .bs-stepper-label,
.bs-stepper.wizard-icons:where(.light-style) .step.crossed .bs-stepper-label {
  color: #7b3ce9 !important;
}
:where(.light-style) .bs-stepper.wizard-icons .step.crossed + .line i,
.bs-stepper.wizard-icons:where(.light-style) .step.crossed + .line i {
  color: #7b3ce9;
}
:where(.light-style) .app-chat .sidebar-body .chat-contact-list li.active,
.app-chat:where(.light-style) .sidebar-body .chat-contact-list li.active {
  background: #7b3ce9;
}
:where(.light-style) .app-chat .app-chat-history .chat-history .chat-message.chat-message-right .chat-message-text,
.app-chat:where(.light-style) .app-chat-history .chat-history .chat-message.chat-message-right .chat-message-text {
  background-color: #7b3ce9 !important;
}
:where(.light-style) .navbar.landing-navbar .navbar-nav .show > .nav-link,
.navbar.landing-navbar:where(.light-style) .navbar-nav .show > .nav-link,
:where(.light-style) .navbar.landing-navbar .navbar-nav .active > .nav-link,
.navbar.landing-navbar:where(.light-style) .navbar-nav .active > .nav-link,
:where(.light-style) .navbar.landing-navbar .navbar-nav .nav-link.show,
.navbar.landing-navbar:where(.light-style) .navbar-nav .nav-link.show,
:where(.light-style) .navbar.landing-navbar .navbar-nav .nav-link.active,
.navbar.landing-navbar:where(.light-style) .navbar-nav .nav-link.active,
:where(.light-style) .navbar.landing-navbar .navbar-nav .nav-link:hover,
.navbar.landing-navbar:where(.light-style) .navbar-nav .nav-link:hover {
  color: #7b3ce9 !important;
}
:where(.light-style) .navbar.landing-navbar .navbar-nav .show > .nav-link i,
.navbar.landing-navbar:where(.light-style) .navbar-nav .show > .nav-link i,
:where(.light-style) .navbar.landing-navbar .navbar-nav .active > .nav-link i,
.navbar.landing-navbar:where(.light-style) .navbar-nav .active > .nav-link i,
:where(.light-style) .navbar.landing-navbar .navbar-nav .nav-link.show i,
.navbar.landing-navbar:where(.light-style) .navbar-nav .nav-link.show i,
:where(.light-style) .navbar.landing-navbar .navbar-nav .nav-link.active i,
.navbar.landing-navbar:where(.light-style) .navbar-nav .nav-link.active i,
:where(.light-style) .navbar.landing-navbar .navbar-nav .nav-link:hover i,
.navbar.landing-navbar:where(.light-style) .navbar-nav .nav-link:hover i {
  color: #7b3ce9 !important;
}
:where(.light-style) .landing-features .features-icon-wrapper .features-icon-box .features-icon,
.landing-features:where(.light-style) .features-icon-wrapper .features-icon-box .features-icon {
  border: 2px solid rgba(123, 60, 233, 0.2);
}
:where(.light-style) .landing-features .features-icon-wrapper .features-icon-box:hover .features-icon,
.landing-features:where(.light-style) .features-icon-wrapper .features-icon-box:hover .features-icon {
  background-color: rgba(123, 60, 233, 0.05);
}
:where(.light-style) .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle),
.bg-menu-theme.menu-vertical:where(.light-style) .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(270deg, rgba(123, 60, 233, 0.7) 0%, #7b3ce9 100%);
  box-shadow: 0px 2px 6px 0px rgba(123, 60, 233, 0.3);
}
:where(.light-style) .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle,
.bg-menu-theme.menu-horizontal:where(.light-style) .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(270deg, rgba(123, 60, 233, 0.7) 0%, #7b3ce9 100%);
  box-shadow: 0px 2px 6px 0px rgba(123, 60, 233, 0.3);
}
:where(.light-style) .bg-menu-theme.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle),
.bg-menu-theme.menu-horizontal:where(.light-style) .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #eae0fc;
  color: #7b3ce9 !important;
}
:where(.light-style) .bg-footer-theme,
.bg-footer-theme:where(.light-style) {
  color: #7b3ce9;
}
:where(.light-style) .bg-footer-theme .footer-link,
.bg-footer-theme:where(.light-style) .footer-link {
  color: #7b3ce9;
}
:where(.light-style) .bg-footer-theme .footer-link:hover,
.bg-footer-theme:where(.light-style) .footer-link:hover,
:where(.light-style) .bg-footer-theme .footer-link:focus,
.bg-footer-theme:where(.light-style) .footer-link:focus {
  color: #7b3ce9;
}
:where(.light-style) .bg-footer-theme .footer-link.disabled,
.bg-footer-theme:where(.light-style) .footer-link.disabled {
  color: #b08af2 !important;
}
:where(.light-style) .bg-footer-theme .footer-text,
.bg-footer-theme:where(.light-style) .footer-text {
  color: #7b3ce9;
}
:where(.light-style) .bg-footer-theme .show > .footer-link,
.bg-footer-theme:where(.light-style) .show > .footer-link,
:where(.light-style) .bg-footer-theme .active > .footer-link,
.bg-footer-theme:where(.light-style) .active > .footer-link,
:where(.light-style) .bg-footer-theme .footer-link.show,
.bg-footer-theme:where(.light-style) .footer-link.show,
:where(.light-style) .bg-footer-theme .footer-link.active,
.bg-footer-theme:where(.light-style) .footer-link.active {
  color: #7b3ce9;
}
:where(.light-style) .bg-footer-theme hr,
.bg-footer-theme:where(.light-style) hr {
  border-color: rgba(123, 60, 233, 0.075);
}

/* css/rtl/core.css */
html:not([dir=rtl]):where(.light-style) .nav-align-right .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
  border-left: 2px solid #eae0fc !important;
}
:where(.light-style) [dir=rtl] .nav-align-right .nav-tabs .nav-link:not(.active):hover,
[dir=rtl]:where(.light-style) .nav-align-right .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
  border-right: 2px solid #eae0fc !important;
}
html:not([dir=rtl]):where(.light-style) .nav-align-left .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
  border-right: 2px solid #eae0fc !important;
}
:where(.light-style) [dir=rtl] .nav-align-left .nav-tabs .nav-link:not(.active):hover,
[dir=rtl]:where(.light-style) .nav-align-left .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
  border-left: 2px solid #eae0fc !important;
}

/* css/rtl/theme-default.css */
:where(.light-style) [dir=rtl] .tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
[dir=rtl]:where(.light-style) .tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
:where(.light-style) [dir=rtl] .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
[dir=rtl]:where(.light-style) .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
:where(.light-style) [dir=rtl] .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
[dir=rtl]:where(.light-style) .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-right-color: #7b3ce9;
}
:where(.light-style) [dir=rtl] .tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
[dir=rtl]:where(.light-style) .tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
:where(.light-style) [dir=rtl] .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
[dir=rtl]:where(.light-style) .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
:where(.light-style) [dir=rtl] .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
[dir=rtl]:where(.light-style) .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-left-color: #7b3ce9;
}
:where(.light-style) [dir=rtl] .popover-primary.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
[dir=rtl]:where(.light-style) .popover-primary.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
:where(.light-style) [dir=rtl] .popover-primary > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
[dir=rtl]:where(.light-style) .popover-primary > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
:where(.light-style) [dir=rtl] .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
[dir=rtl]:where(.light-style) .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-left-color: #7b3ce9 !important;
}
:where(.light-style) [dir=rtl] .popover-primary.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
[dir=rtl]:where(.light-style) .popover-primary.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
:where(.light-style) [dir=rtl] .popover-primary > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
[dir=rtl]:where(.light-style) .popover-primary > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
:where(.light-style) [dir=rtl] .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
[dir=rtl]:where(.light-style) .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-right-color: #7b3ce9 !important;
}
:where(.light-style) [dir=rtl] .nav-align-left .nav-tabs .nav-link.active,
[dir=rtl]:where(.light-style) .nav-align-left .nav-tabs .nav-link.active,
:where(.light-style) [dir=rtl] .nav-align-left .nav-tabs .nav-link.active:hover,
[dir=rtl]:where(.light-style) .nav-align-left .nav-tabs .nav-link.active:hover,
:where(.light-style) [dir=rtl] .nav-align-left .nav-tabs .nav-link.active:focus,
[dir=rtl]:where(.light-style) .nav-align-left .nav-tabs .nav-link.active:focus,
:where(.light-style) [dir=rtl] .nav-align-left .nav-tabs .nav-link.active,
[dir=rtl]:where(.light-style) .nav-align-left .nav-tabs .nav-link.active,
:where(.light-style) [dir=rtl] .nav-align-left .nav-tabs .nav-link.active:hover,
[dir=rtl]:where(.light-style) .nav-align-left .nav-tabs .nav-link.active:hover,
:where(.light-style) [dir=rtl] .nav-align-left .nav-tabs .nav-link.active:focus,
[dir=rtl]:where(.light-style) .nav-align-left .nav-tabs .nav-link.active:focus {
  box-shadow: 2px 0px 0 #7b3ce9 inset;
}
:where(.light-style) [dir=rtl] .nav-align-right .nav-tabs .nav-link.active,
[dir=rtl]:where(.light-style) .nav-align-right .nav-tabs .nav-link.active,
:where(.light-style) [dir=rtl] .nav-align-right .nav-tabs .nav-link.active:hover,
[dir=rtl]:where(.light-style) .nav-align-right .nav-tabs .nav-link.active:hover,
:where(.light-style) [dir=rtl] .nav-align-right .nav-tabs .nav-link.active:focus,
[dir=rtl]:where(.light-style) .nav-align-right .nav-tabs .nav-link.active:focus,
:where(.light-style) [dir=rtl] .nav-align-right .nav-tabs .nav-link.active,
[dir=rtl]:where(.light-style) .nav-align-right .nav-tabs .nav-link.active,
:where(.light-style) [dir=rtl] .nav-align-right .nav-tabs .nav-link.active:hover,
[dir=rtl]:where(.light-style) .nav-align-right .nav-tabs .nav-link.active:hover,
:where(.light-style) [dir=rtl] .nav-align-right .nav-tabs .nav-link.active:focus,
[dir=rtl]:where(.light-style) .nav-align-right .nav-tabs .nav-link.active:focus {
  box-shadow: -2px 0px 0 #7b3ce9 inset;
}
:where(.light-style) [dir=rtl] .menu.bg-primary.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle),
[dir=rtl]:where(.light-style) .menu.bg-primary.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(-270deg, rgba(127, 65, 234, 0.7) 0%, #7f41ea 100%) !important;
}
:where(.light-style) [dir=rtl] .menu.bg-primary.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle,
[dir=rtl]:where(.light-style) .menu.bg-primary.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(-270deg, rgba(127, 65, 234, 0.7) 0%, #7f41ea 100%);
  box-shadow: 0px 2px 6px 0px rgba(127, 65, 234, 0.3);
}
:where(.light-style) [dir=rtl] .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle),
[dir=rtl]:where(.light-style) .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(-270deg, rgba(123, 60, 233, 0.7) 0%, #7b3ce9 100%) !important;
}
:where(.light-style) [dir=rtl] .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle,
[dir=rtl]:where(.light-style) .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(-270deg, rgba(123, 60, 233, 0.7) 0%, #7b3ce9 100%);
  box-shadow: 0px 2px 6px 0px rgba(123, 60, 233, 0.3);
}

/* css/core-dark.css */
:root:where(.dark-style),
:where(.dark-style) [data-bs-theme=light],
[data-bs-theme=light]:where(.dark-style) {
  --bs-purple: #7b3ce9;
  --bs-primary: #7b3ce9;
  --bs-primary-rgb: 123, 60, 233;
  --bs-primary-text-emphasis: #31185d;
  --bs-primary-bg-subtle: #e5d8fb;
  --bs-primary-border-subtle: #cab1f6;
  --bs-link-color: #7b3ce9;
  --bs-link-color-rgb: 123, 60, 233;
  --bs-link-hover-color: #6f36d2;
  --bs-link-hover-color-rgb: 111, 54, 210;
}
:where(.dark-style) .table,
.table:where(.dark-style) {
  --bs-table-active-bg: rgba(123, 60, 233, 0.08);
}
:where(.dark-style) .table-primary,
.table-primary:where(.dark-style) {
  --bs-table-bg: #eae0fc;
}
:where(.dark-style) .form-control:focus,
.form-control:focus:where(.dark-style) {
  border-color: #7b3ce9;
  box-shadow: 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .form-select:focus,
.form-select:focus:where(.dark-style) {
  border-color: #7b3ce9;
  box-shadow: 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .form-check-input:checked,
.form-check-input:checked:where(.dark-style) {
  background-color: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.dark-style) .form-check-input[type=checkbox]:indeterminate,
.form-check-input[type=checkbox]:indeterminate:where(.dark-style) {
  background-color: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.dark-style) .form-range:focus::-webkit-slider-thumb,
.form-range:focus:where(.dark-style)::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #25293c, 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .form-range:focus::-moz-range-thumb,
.form-range:focus:where(.dark-style)::-moz-range-thumb {
  box-shadow: 0 0 0 1px #25293c, 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .form-range::-webkit-slider-thumb,
.form-range:where(.dark-style)::-webkit-slider-thumb {
  background-color: #7b3ce9;
}
:where(.dark-style) .form-range::-webkit-slider-thumb:active,
.form-range:where(.dark-style)::-webkit-slider-thumb:active {
  background-color: #7b3ce9;
}
:where(.dark-style) .form-range::-moz-range-thumb,
.form-range:where(.dark-style)::-moz-range-thumb {
  background-color: #7b3ce9;
}
:where(.dark-style) .form-range::-moz-range-thumb:active,
.form-range:where(.dark-style)::-moz-range-thumb:active {
  background-color: #7b3ce9;
}
:where(.dark-style) .btn-link,
.btn-link:where(.dark-style) {
  --bs-btn-focus-shadow-rgb: 143, 89, 236;
}
:where(.dark-style) .dropdown-menu,
.dropdown-menu:where(.dark-style) {
  --bs-dropdown-link-active-color: #7b3ce9;
}
:where(.dark-style) .dropdown-menu-dark,
.dropdown-menu-dark:where(.dark-style) {
  --bs-dropdown-link-active-color: #7b3ce9;
}
:where(.dark-style) .nav-tabs,
.nav-tabs:where(.dark-style) {
  --bs-nav-tabs-link-active-color: #7b3ce9;
}
:where(.dark-style) .pagination,
.pagination:where(.dark-style) {
  --bs-pagination-active-bg: #7b3ce9;
  --bs-pagination-active-border-color: #7b3ce9;
}
:where(.dark-style) .progress,
.progress:where(.dark-style),
:where(.dark-style) .progress-stacked,
.progress-stacked:where(.dark-style) {
  --bs-progress-bar-bg: #7b3ce9;
}
:where(.dark-style) .tooltip,
.tooltip:where(.dark-style) {
  --bs-tooltip-bg: #f6f2fe;
}
:where(.dark-style) .text-paper[href]:hover,
.text-paper[href]:hover:where(.dark-style),
:where(.dark-style) .text-paper[href]:focus,
.text-paper[href]:focus:where(.dark-style) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .nav-tabs.widget-nav-tabs .nav-link.active,
.nav-tabs.widget-nav-tabs:where(.dark-style) .nav-link.active {
  border-color: #7b3ce9;
}
:where(.dark-style) .nav-tabs.widget-nav-tabs .nav-link.active .badge,
.nav-tabs.widget-nav-tabs:where(.dark-style) .nav-link.active .badge {
  background-color: rgba(123, 60, 233, 0.16) !important;
  color: #7b3ce9 !important;
}
:where(.dark-style) .nav-align-top .nav-tabs .nav-link:not(.active):hover,
.nav-align-top:where(.dark-style) .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
}
:where(.dark-style) .nav-align-right .nav-tabs .nav-link:not(.active):hover,
.nav-align-right:where(.dark-style) .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
}
:where(.dark-style) .nav-align-bottom .nav-tabs .nav-link:not(.active):hover,
.nav-align-bottom:where(.dark-style) .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
}
:where(.dark-style) .nav-align-left .nav-tabs .nav-link:not(.active):hover,
.nav-align-left:where(.dark-style) .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
}
:where(.dark-style) .form-range::-webkit-slider-thumb:hover,
.form-range:where(.dark-style)::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 8px rgba(123, 60, 233, 0.16);
}
:where(.dark-style) .form-range::-webkit-slider-thumb:active,
.form-range:where(.dark-style)::-webkit-slider-thumb:active,
:where(.dark-style) .form-range::-webkit-slider-thumb:focus,
.form-range:where(.dark-style)::-webkit-slider-thumb:focus {
  box-shadow: 0 0 0 13px rgba(123, 60, 233, 0.16);
  background-color: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.dark-style) .form-range::-webkit-slider-runnable-track,
.form-range:where(.dark-style)::-webkit-slider-runnable-track {
  background-color: #7b3ce9;
}
:where(.dark-style) .form-range::-moz-range-thumb:hover,
.form-range:where(.dark-style)::-moz-range-thumb:hover {
  box-shadow: 0 0 0 8px rgba(123, 60, 233, 0.16);
}
:where(.dark-style) .form-range::-moz-range-thumb:active,
.form-range:where(.dark-style)::-moz-range-thumb:active,
:where(.dark-style) .form-range::-moz-range-thumb:focus,
.form-range:where(.dark-style)::-moz-range-thumb:focus {
  box-shadow: 0 0 0 13px rgba(123, 60, 233, 0.16);
  background-color: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.dark-style) .form-range::-moz-range-track,
.form-range:where(.dark-style)::-moz-range-track {
  background-color: #7b3ce9;
}
:where(.dark-style) .input-group:focus-within,
.input-group:focus-within:where(.dark-style) {
  box-shadow: 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .modal-add-new-address .custom-option-icon.checked svg,
.modal-add-new-address:where(.dark-style) .custom-option-icon.checked svg {
  stroke: #7b3ce9;
}
:where(.dark-style) .breadcrumb-item,
.breadcrumb-item:where(.dark-style),
:where(.dark-style) .breadcrumb-item a,
.breadcrumb-item:where(.dark-style) a {
  color: #7b3ce9;
}
:where(.dark-style) .breadcrumb-item.active a:hover,
.breadcrumb-item.active:where(.dark-style) a:hover,
:where(.dark-style) .breadcrumb-item.active a:focus,
.breadcrumb-item.active:where(.dark-style) a:focus {
  color: #7b3ce9;
}
:where(.dark-style) .list-group .list-group-item.active h1,
.list-group:where(.dark-style) .list-group-item.active h1,
:where(.dark-style) .list-group .list-group-item.active .h1,
.list-group:where(.dark-style) .list-group-item.active .h1,
:where(.dark-style) .list-group .list-group-item.active h2,
.list-group:where(.dark-style) .list-group-item.active h2,
:where(.dark-style) .list-group .list-group-item.active .h2,
.list-group:where(.dark-style) .list-group-item.active .h2,
:where(.dark-style) .list-group .list-group-item.active h3,
.list-group:where(.dark-style) .list-group-item.active h3,
:where(.dark-style) .list-group .list-group-item.active .h3,
.list-group:where(.dark-style) .list-group-item.active .h3,
:where(.dark-style) .list-group .list-group-item.active h4,
.list-group:where(.dark-style) .list-group-item.active h4,
:where(.dark-style) .list-group .list-group-item.active .h4,
.list-group:where(.dark-style) .list-group-item.active .h4,
:where(.dark-style) .list-group .list-group-item.active h5,
.list-group:where(.dark-style) .list-group-item.active h5,
:where(.dark-style) .list-group .list-group-item.active .h5,
.list-group:where(.dark-style) .list-group-item.active .h5,
:where(.dark-style) .list-group .list-group-item.active h6,
.list-group:where(.dark-style) .list-group-item.active h6,
:where(.dark-style) .list-group .list-group-item.active .h6,
.list-group:where(.dark-style) .list-group-item.active .h6 {
  color: #7b3ce9;
}
:where(.dark-style) .border-primary,
.border-primary:where(.dark-style) {
  border-color: #7b3ce9 !important;
}
:where(.dark-style) .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span,
.layout-navbar:where(.dark-style) .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
  background-color: #7b3ce9;
}
:where(.dark-style) .custom-option-icon.checked i,
.custom-option-icon.checked:where(.dark-style) i,
:where(.dark-style) .custom-option-icon.checked svg,
.custom-option-icon.checked:where(.dark-style) svg {
  color: #7b3ce9;
}
:where(.dark-style) .custom-option-image.custom-option-image-check:hover .form-check-input:checked,
.custom-option-image.custom-option-image-check:hover:where(.dark-style) .form-check-input:checked {
  border-color: #7b3ce9;
}
:where(.dark-style) .timeline .timeline-item .timeline-point,
.timeline:where(.dark-style) .timeline-item .timeline-point {
  background-color: #7b3ce9;
}
:where(.dark-style) .timeline.timeline-outline .timeline-item .timeline-point,
.timeline.timeline-outline:where(.dark-style) .timeline-item .timeline-point {
  border: 2px solid #7b3ce9;
}

/* css/theme-default-dark.css */
:where(.dark-style) .text-primary,
.text-primary:where(.dark-style) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .text-body[href]:hover,
.text-body[href]:hover:where(.dark-style),
:where(.dark-style) .text-heading[href]:hover,
.text-heading[href]:hover:where(.dark-style) {
  color: #6f36d2 !important;
}
:where(.dark-style) .bg-primary,
.bg-primary:where(.dark-style) {
  background-color: #7b3ce9 !important;
}
:where(.dark-style) a.bg-primary:hover,
a.bg-primary:hover:where(.dark-style),
:where(.dark-style) a.bg-primary:focus,
a.bg-primary:focus:where(.dark-style) {
  background-color: #7539dd !important;
}
:where(.dark-style) .dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span,
.dropdown-notifications-item:not(.mark-as-read):where(.dark-style) .dropdown-notifications-read span {
  background-color: #7b3ce9;
}
:where(.dark-style) .bg-label-primary,
.bg-label-primary:where(.dark-style) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .bg-label-hover-primary,
.bg-label-hover-primary:where(.dark-style) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .bg-label-hover-primary:hover,
.bg-label-hover-primary:hover:where(.dark-style) {
  background-color: #7b3ce9 !important;
}
:where(.dark-style) .bg-gradient-primary,
.bg-gradient-primary:where(.dark-style) {
  background-image: linear-gradient(45deg, #7b3ce9, #bd9ef4) !important;
}
:where(.dark-style) .bg-primary.bg-glow,
.bg-primary.bg-glow:where(.dark-style) {
  box-shadow: 0px 2px 3px 0px rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .page-item .page-link:hover,
.page-item:where(.dark-style) .page-link:hover,
:where(.dark-style) .page-item .page-link:focus,
.page-item:where(.dark-style) .page-link:focus,
:where(.dark-style) .pagination li > a:not(.page-link):hover,
.pagination:where(.dark-style) li > a:not(.page-link):hover,
:where(.dark-style) .pagination li > a:not(.page-link):focus,
.pagination:where(.dark-style) li > a:not(.page-link):focus {
  color: #7b3ce9;
}
:where(.dark-style) .page-item.active .page-link,
.page-item.active:where(.dark-style) .page-link,
:where(.dark-style) .pagination li.active > a:not(.page-link),
.pagination:where(.dark-style) li.active > a:not(.page-link) {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .page-item.active .page-link,
.page-item.active:where(.dark-style) .page-link,
:where(.dark-style) .page-item.active .page-link:hover,
.page-item.active:where(.dark-style) .page-link:hover,
:where(.dark-style) .page-item.active .page-link:focus,
.page-item.active:where(.dark-style) .page-link:focus,
:where(.dark-style) .pagination li.active > a:not(.page-link),
.pagination:where(.dark-style) li.active > a:not(.page-link),
:where(.dark-style) .pagination li.active > a:not(.page-link):hover,
.pagination:where(.dark-style) li.active > a:not(.page-link):hover,
:where(.dark-style) .pagination li.active > a:not(.page-link):focus,
.pagination:where(.dark-style) li.active > a:not(.page-link):focus {
  border-color: #7b3ce9;
  background-color: #7b3ce9;
}
:where(.dark-style) .page-item .page-link.waves-effect .waves-ripple,
.page-item:where(.dark-style) .page-link.waves-effect .waves-ripple,
:where(.dark-style) .pagination li > a:not(.page-link).waves-effect .waves-ripple,
.pagination:where(.dark-style) li > a:not(.page-link).waves-effect .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(47, 51, 73, 0) 70%);
}
:where(.dark-style) .pagination-outline-primary .page-item.active .page-link,
.pagination-outline-primary:where(.dark-style) .page-item.active .page-link,
:where(.dark-style) .pagination-outline-primary .page-item.active .page-link:hover,
.pagination-outline-primary:where(.dark-style) .page-item.active .page-link:hover,
:where(.dark-style) .pagination-outline-primary .page-item.active .page-link:focus,
.pagination-outline-primary:where(.dark-style) .page-item.active .page-link:focus,
:where(.dark-style) .pagination-outline-primary.pagination li.active > a:not(.page-link),
.pagination-outline-primary.pagination:where(.dark-style) li.active > a:not(.page-link),
:where(.dark-style) .pagination-outline-primary.pagination li.active > a:not(.page-link):hover,
.pagination-outline-primary.pagination:where(.dark-style) li.active > a:not(.page-link):hover,
:where(.dark-style) .pagination-outline-primary.pagination li.active > a:not(.page-link):focus,
.pagination-outline-primary.pagination:where(.dark-style) li.active > a:not(.page-link):focus {
  border-color: #7b3ce9 !important;
  color: #7b3ce9 !important;
}
:where(.dark-style) .pagination-outline-primary .page-item.active .page-link.waves-effect .waves-ripple,
.pagination-outline-primary:where(.dark-style) .page-item.active .page-link.waves-effect .waves-ripple,
:where(.dark-style) .pagination-outline-primary.pagination li.active > a:not(.page-link).waves-effect .waves-ripple,
.pagination-outline-primary.pagination:where(.dark-style) li.active > a:not(.page-link).waves-effect .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(47, 51, 73, 0) 70%);
}
:where(.dark-style) .progress-bar,
.progress-bar:where(.dark-style) {
  background-color: #7b3ce9;
}
:where(.dark-style) .progress-bar,
.progress-bar:where(.dark-style) {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .modal-onboarding .carousel-indicators [data-bs-target],
.modal-onboarding:where(.dark-style) .carousel-indicators [data-bs-target] {
  background-color: #7b3ce9;
}
:where(.dark-style) .carousel-control-prev,
.carousel-control-prev:where(.dark-style),
:where(.dark-style) .carousel-control-next,
.carousel-control-next:where(.dark-style) {
  color: #7b3ce9;
}
:where(.dark-style) .carousel-control-prev:hover,
.carousel-control-prev:hover:where(.dark-style),
:where(.dark-style) .carousel-control-prev:focus,
.carousel-control-prev:focus:where(.dark-style),
:where(.dark-style) .carousel-control-next:hover,
.carousel-control-next:hover:where(.dark-style),
:where(.dark-style) .carousel-control-next:focus,
.carousel-control-next:focus:where(.dark-style) {
  color: #7b3ce9;
}
:where(.dark-style) .list-group-item-primary,
.list-group-item-primary:where(.dark-style) {
  border-color: #7b3ce9;
  color: #7b3ce9 !important;
}
:where(.dark-style) a.list-group-item-primary,
a.list-group-item-primary:where(.dark-style),
:where(.dark-style) button.list-group-item-primary,
button.list-group-item-primary:where(.dark-style) {
  color: #7b3ce9;
}
:where(.dark-style) a.list-group-item-primary:hover,
a.list-group-item-primary:hover:where(.dark-style),
:where(.dark-style) a.list-group-item-primary:focus,
a.list-group-item-primary:focus:where(.dark-style),
:where(.dark-style) button.list-group-item-primary:hover,
button.list-group-item-primary:hover:where(.dark-style),
:where(.dark-style) button.list-group-item-primary:focus,
button.list-group-item-primary:focus:where(.dark-style) {
  border-color: #7b3ce9;
  color: #7b3ce9;
}
:where(.dark-style) a.list-group-item-primary.active,
a.list-group-item-primary.active:where(.dark-style),
:where(.dark-style) button.list-group-item-primary.active,
button.list-group-item-primary.active:where(.dark-style) {
  border-color: #7b3ce9 !important;
  background-color: #7b3ce9 !important;
}
:where(.dark-style) .list-group-item.active,
.list-group-item.active:where(.dark-style) {
  color: #7b3ce9;
}
:where(.dark-style) .list-group-item.active.waves-effect .waves-ripple,
.list-group-item.active.waves-effect:where(.dark-style) .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(47, 51, 73, 0) 70%);
}
:where(.dark-style) .list-group.list-group-timeline .list-group-timeline-primary:before,
.list-group.list-group-timeline:where(.dark-style) .list-group-timeline-primary:before {
  border-color: #7b3ce9;
  background-color: #7b3ce9;
}
:where(.dark-style) .alert-primary,
.alert-primary:where(.dark-style) {
  color: #7b3ce9;
}
:where(.dark-style) .alert-primary .btn-close,
.alert-primary:where(.dark-style) .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%237b3ce9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%237b3ce9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
:where(.dark-style) .alert-primary .alert-link,
.alert-primary:where(.dark-style) .alert-link {
  color: #7b3ce9;
}
:where(.dark-style) .alert-primary hr,
.alert-primary:where(.dark-style) hr {
  color: #7b3ce9 !important;
}
:where(.dark-style) .alert-primary .alert-icon,
.alert-primary:where(.dark-style) .alert-icon {
  background-color: #7b3ce9;
}
:where(.dark-style) .alert-outline-primary,
.alert-outline-primary:where(.dark-style) {
  border-color: #7b3ce9;
  color: #7b3ce9;
}
:where(.dark-style) .alert-outline-primary .btn-close,
.alert-outline-primary:where(.dark-style) .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%237b3ce9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%237b3ce9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
:where(.dark-style) .alert-outline-primary .alert-link,
.alert-outline-primary:where(.dark-style) .alert-link {
  color: #7b3ce9;
}
:where(.dark-style) .alert-outline-primary hr,
.alert-outline-primary:where(.dark-style) hr {
  color: #7b3ce9 !important;
}
:where(.dark-style) .alert-outline-primary .alert-icon,
.alert-outline-primary:where(.dark-style) .alert-icon {
  color: #7b3ce9 !important;
}
:where(.dark-style) .alert-solid-primary,
.alert-solid-primary:where(.dark-style) {
  background-color: #7b3ce9;
}
:where(.dark-style) .alert-solid-primary .alert-icon,
.alert-solid-primary:where(.dark-style) .alert-icon {
  color: #7b3ce9 !important;
}
:where(.dark-style) .tooltip-primary .tooltip-inner,
.tooltip-primary:where(.dark-style) .tooltip-inner,
:where(.dark-style) .tooltip-primary > .tooltip .tooltip-inner,
.tooltip-primary:where(.dark-style) > .tooltip .tooltip-inner,
:where(.dark-style) .ngb-tooltip-primary + ngb-tooltip-window .tooltip-inner,
.ngb-tooltip-primary:where(.dark-style) + ngb-tooltip-window .tooltip-inner {
  background: #7b3ce9;
}
:where(.dark-style) .tooltip-primary.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement=top]:where(.dark-style) .tooltip-arrow::before,
:where(.dark-style) .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,
.tooltip-primary:where(.dark-style) > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,
:where(.dark-style) .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,
.ngb-tooltip-primary:where(.dark-style) + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: #7b3ce9;
}
:where(.dark-style) .tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement=left]:where(.dark-style) .tooltip-arrow::before,
:where(.dark-style) .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
.tooltip-primary:where(.dark-style) > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
:where(.dark-style) .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
.ngb-tooltip-primary:where(.dark-style) + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: #7b3ce9;
}
:where(.dark-style) .tooltip-primary.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement=bottom]:where(.dark-style) .tooltip-arrow::before,
:where(.dark-style) .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before,
.tooltip-primary:where(.dark-style) > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before,
:where(.dark-style) .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before,
.ngb-tooltip-primary:where(.dark-style) + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: #7b3ce9;
}
:where(.dark-style) .tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement=right]:where(.dark-style) .tooltip-arrow::before,
:where(.dark-style) .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
.tooltip-primary:where(.dark-style) > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
:where(.dark-style) .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
.ngb-tooltip-primary:where(.dark-style) + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: #7b3ce9;
}
:where(.dark-style) .popover-primary,
.popover-primary:where(.dark-style),
:where(.dark-style) .popover-primary > .popover,
.popover-primary:where(.dark-style) > .popover,
:where(.dark-style) .ngb-popover-primary + ngb-popover-window,
.ngb-popover-primary:where(.dark-style) + ngb-popover-window {
  background: #7b3ce9;
}
:where(.dark-style) .popover-primary .popover-header,
.popover-primary:where(.dark-style) .popover-header,
:where(.dark-style) .popover-primary > .popover .popover-header,
.popover-primary:where(.dark-style) > .popover .popover-header,
:where(.dark-style) .ngb-popover-primary + ngb-popover-window .popover-header,
.ngb-popover-primary:where(.dark-style) + ngb-popover-window .popover-header {
  border-color: #7b3ce9;
}
:where(.dark-style) .popover-primary.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement=top]:where(.dark-style) > .popover-arrow::after,
:where(.dark-style) .popover-primary > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after,
.popover-primary:where(.dark-style) > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after,
:where(.dark-style) .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after,
.ngb-popover-primary:where(.dark-style) + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  border-top-color: #7b3ce9 !important;
}
:where(.dark-style) .popover-primary.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement=right]:where(.dark-style) > .popover-arrow::after,
:where(.dark-style) .popover-primary > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
.popover-primary:where(.dark-style) > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
:where(.dark-style) .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
.ngb-popover-primary:where(.dark-style) + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-right-color: #7b3ce9 !important;
}
:where(.dark-style) .popover-primary.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement=bottom]:where(.dark-style) > .popover-arrow::after,
:where(.dark-style) .popover-primary > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after,
.popover-primary:where(.dark-style) > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after,
:where(.dark-style) .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after,
.ngb-popover-primary:where(.dark-style) + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  border-bottom-color: #7b3ce9 !important;
}
:where(.dark-style) .popover-primary.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
.popover-primary.bs-popover-auto[data-popper-placement=left]:where(.dark-style) > .popover-arrow::after,
:where(.dark-style) .popover-primary > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
.popover-primary:where(.dark-style) > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
:where(.dark-style) .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
.ngb-popover-primary:where(.dark-style) + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-left-color: #7b3ce9 !important;
}
:where(.dark-style) .btn-primary,
.btn-primary:where(.dark-style) {
  background-color: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.dark-style) .btn-primary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled),
.btn-primary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled):where(.dark-style) {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .btn-primary:hover,
.btn-primary:hover:where(.dark-style) {
  background-color: #6f36d2 !important;
  border-color: #6f36d2 !important;
}
:where(.dark-style) .btn-check:focus + .btn-primary,
.btn-check:focus:where(.dark-style) + .btn-primary,
:where(.dark-style) .btn-primary:focus,
.btn-primary:focus:where(.dark-style),
:where(.dark-style) .btn-primary.focus,
.btn-primary.focus:where(.dark-style) {
  background-color: #6f36d2;
  border-color: #6f36d2;
}
:where(.dark-style) .btn-check:checked + .btn-primary,
.btn-check:checked:where(.dark-style) + .btn-primary,
:where(.dark-style) .btn-check:active + .btn-primary,
.btn-check:active:where(.dark-style) + .btn-primary,
:where(.dark-style) .btn-primary:active,
.btn-primary:active:where(.dark-style),
:where(.dark-style) .btn-primary.active,
.btn-primary.active:where(.dark-style),
:where(.dark-style) .btn-primary.show.dropdown-toggle,
.btn-primary.show.dropdown-toggle:where(.dark-style),
:where(.dark-style) .show > .btn-primary.dropdown-toggle,
.show:where(.dark-style) > .btn-primary.dropdown-toggle {
  background-color: #6f36d2 !important;
  border-color: #6f36d2 !important;
}
:where(.dark-style) .btn-primary.disabled,
.btn-primary.disabled:where(.dark-style),
:where(.dark-style) .btn-primary:disabled,
.btn-primary:disabled:where(.dark-style) {
  background-color: #7b3ce9 !important;
  border-color: #7b3ce9 !important;
}
:where(.dark-style) .btn-group .btn-primary,
.btn-group:where(.dark-style) .btn-primary,
:where(.dark-style) .input-group .btn-primary,
.input-group:where(.dark-style) .btn-primary {
  border-right: var(--bs-border-width) solid #6f36d2;
  border-left: var(--bs-border-width) solid #6f36d2;
}
:where(.dark-style) .btn-group-vertical .btn-primary,
.btn-group-vertical:where(.dark-style) .btn-primary {
  border-top-color: #6f36d2;
  border-bottom-color: #6f36d2;
}
:where(.dark-style) .btn-label-primary,
.btn-label-primary:where(.dark-style) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .btn-label-primary.waves-effect .waves-ripple,
.btn-label-primary.waves-effect:where(.dark-style) .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
:where(.dark-style) .btn-label-primary:hover,
.btn-label-primary:hover:where(.dark-style) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .btn-label-primary:focus,
.btn-label-primary:focus:where(.dark-style),
:where(.dark-style) .btn-label-primary.focus,
.btn-label-primary.focus:where(.dark-style) {
  color: #7b3ce9;
}
:where(.dark-style) .btn-label-primary:active,
.btn-label-primary:active:where(.dark-style),
:where(.dark-style) .btn-label-primary.active,
.btn-label-primary.active:where(.dark-style),
:where(.dark-style) .btn-label-primary.show.dropdown-toggle,
.btn-label-primary.show.dropdown-toggle:where(.dark-style),
:where(.dark-style) .show > .btn-label-primary.dropdown-toggle,
.show:where(.dark-style) > .btn-label-primary.dropdown-toggle {
  color: #7b3ce9 !important;
}
:where(.dark-style) .btn-label-primary.disabled,
.btn-label-primary.disabled:where(.dark-style),
:where(.dark-style) .btn-label-primary:disabled,
.btn-label-primary:disabled:where(.dark-style) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .btn-text-primary,
.btn-text-primary:where(.dark-style) {
  color: #7b3ce9;
}
:where(.dark-style) .btn-text-primary.waves-effect .waves-ripple,
.btn-text-primary.waves-effect:where(.dark-style) .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
:where(.dark-style) .btn-text-primary:hover,
.btn-text-primary:hover:where(.dark-style) {
  color: #7b3ce9;
}
:where(.dark-style) .btn-text-primary:focus,
.btn-text-primary:focus:where(.dark-style),
:where(.dark-style) .btn-text-primary.focus,
.btn-text-primary.focus:where(.dark-style) {
  color: #7b3ce9;
}
:where(.dark-style) .btn-text-primary:active,
.btn-text-primary:active:where(.dark-style),
:where(.dark-style) .btn-text-primary.active,
.btn-text-primary.active:where(.dark-style),
:where(.dark-style) .btn-text-primary.show.dropdown-toggle,
.btn-text-primary.show.dropdown-toggle:where(.dark-style),
:where(.dark-style) .show > .btn-text-primary.dropdown-toggle,
.show:where(.dark-style) > .btn-text-primary.dropdown-toggle {
  color: #7b3ce9 !important;
}
:where(.dark-style) .btn-text-primary:disabled,
.btn-text-primary:disabled:where(.dark-style),
:where(.dark-style) .btn-text-primary.disabled,
.btn-text-primary.disabled:where(.dark-style) {
  color: #7b3ce9;
}
:where(.dark-style) .btn-group .btn-text-primary,
.btn-group:where(.dark-style) .btn-text-primary,
:where(.dark-style) .input-group .btn-text-primary,
.input-group:where(.dark-style) .btn-text-primary {
  border-right: var(--bs-border-width) solid #7b3ce9 !important;
  border-left: var(--bs-border-width) solid #7b3ce9 !important;
}
:where(.dark-style) .btn-group-vertical .btn-text-primary,
.btn-group-vertical:where(.dark-style) .btn-text-primary {
  border-top: var(--bs-border-width) solid #7b3ce9 !important;
  border-bottom: var(--bs-border-width) solid #7b3ce9 !important;
}
:where(.dark-style) .btn-outline-primary,
.btn-outline-primary:where(.dark-style) {
  color: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.dark-style) .btn-outline-primary.waves-effect .waves-ripple,
.btn-outline-primary.waves-effect:where(.dark-style) .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
:where(.dark-style) .btn-outline-primary:hover,
.btn-outline-primary:hover:where(.dark-style) {
  color: #7b3ce9 !important;
  border-color: #7b3ce9 !important;
}
:where(.dark-style) .btn-check:focus + .btn-outline-primary,
.btn-check:focus:where(.dark-style) + .btn-outline-primary,
:where(.dark-style) .btn-outline-primary:focus,
.btn-outline-primary:focus:where(.dark-style) {
  color: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.dark-style) .btn-check:checked + .btn-outline-primary,
.btn-check:checked:where(.dark-style) + .btn-outline-primary,
:where(.dark-style) .btn-check:active + .btn-outline-primary,
.btn-check:active:where(.dark-style) + .btn-outline-primary,
:where(.dark-style) .btn-outline-primary:active,
.btn-outline-primary:active:where(.dark-style),
:where(.dark-style) .btn-outline-primary.active,
.btn-outline-primary.active:where(.dark-style),
:where(.dark-style) .btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary.dropdown-toggle.show:where(.dark-style) {
  color: #7b3ce9 !important;
  border-color: #7b3ce9 !important;
}
:where(.dark-style) .btn-outline-primary.disabled,
.btn-outline-primary.disabled:where(.dark-style),
:where(.dark-style) .btn-outline-primary:disabled,
.btn-outline-primary:disabled:where(.dark-style) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .btn-outline-primary .badge,
.btn-outline-primary:where(.dark-style) .badge {
  background: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.dark-style) .btn-outline-primary:hover .badge,
.btn-outline-primary:hover:where(.dark-style) .badge,
:where(.dark-style) .btn-outline-primary:focus:hover .badge,
.btn-outline-primary:focus:hover:where(.dark-style) .badge,
:where(.dark-style) .btn-outline-primary:active .badge,
.btn-outline-primary:active:where(.dark-style) .badge,
:where(.dark-style) .btn-outline-primary.active .badge,
.btn-outline-primary.active:where(.dark-style) .badge,
:where(.dark-style) .show > .btn-outline-primary.dropdown-toggle .badge,
.show:where(.dark-style) > .btn-outline-primary.dropdown-toggle .badge {
  background: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.dark-style) .dropdown-item.waves-effect .waves-ripple,
.dropdown-item.waves-effect:where(.dark-style) .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
:where(.dark-style) .dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled).active:where(.dark-style),
:where(.dark-style) .dropdown-item:not(.disabled):active,
.dropdown-item:not(.disabled):active:where(.dark-style) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active,
.dropdown-menu:where(.dark-style) > li:not(.disabled) > a:not(.dropdown-item):active,
:where(.dark-style) .dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item),
.dropdown-menu:where(.dark-style) > li.active:not(.disabled) > a:not(.dropdown-item) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .nav-pills .nav-link.active,
.nav-pills:where(.dark-style) .nav-link.active {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .nav-pills .nav-link.active,
.nav-pills:where(.dark-style) .nav-link.active,
:where(.dark-style) .nav-pills .nav-link.active:hover,
.nav-pills:where(.dark-style) .nav-link.active:hover,
:where(.dark-style) .nav-pills .nav-link.active:focus,
.nav-pills:where(.dark-style) .nav-link.active:focus {
  background-color: #7b3ce9;
}
:where(.dark-style) .nav-tabs .nav-link.waves-effect .waves-ripple,
.nav-tabs:where(.dark-style) .nav-link.waves-effect .waves-ripple {
  background: radial-gradient(rgba(123, 60, 233, 0.2) 0, rgba(123, 60, 233, 0.3) 40%, rgba(123, 60, 233, 0.4) 50%, rgba(123, 60, 233, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
:where(.dark-style) .nav-tabs .nav-link.active,
.nav-tabs:where(.dark-style) .nav-link.active,
:where(.dark-style) .nav-tabs .nav-link.active:hover,
.nav-tabs:where(.dark-style) .nav-link.active:hover,
:where(.dark-style) .nav-tabs .nav-link.active:focus,
.nav-tabs:where(.dark-style) .nav-link.active:focus,
:where(.dark-style) .nav-tabs .nav-link.active,
.nav-tabs:where(.dark-style) .nav-link.active,
:where(.dark-style) .nav-tabs .nav-link.active:hover,
.nav-tabs:where(.dark-style) .nav-link.active:hover,
:where(.dark-style) .nav-tabs .nav-link.active:focus,
.nav-tabs:where(.dark-style) .nav-link.active:focus {
  box-shadow: 0 -2px 0 #7b3ce9 inset;
}
:where(.dark-style) .nav-align-bottom .nav-tabs .nav-link.active,
.nav-align-bottom:where(.dark-style) .nav-tabs .nav-link.active,
:where(.dark-style) .nav-align-bottom .nav-tabs .nav-link.active:hover,
.nav-align-bottom:where(.dark-style) .nav-tabs .nav-link.active:hover,
:where(.dark-style) .nav-align-bottom .nav-tabs .nav-link.active:focus,
.nav-align-bottom:where(.dark-style) .nav-tabs .nav-link.active:focus,
:where(.dark-style) .nav-align-bottom .nav-tabs .nav-link.active,
.nav-align-bottom:where(.dark-style) .nav-tabs .nav-link.active,
:where(.dark-style) .nav-align-bottom .nav-tabs .nav-link.active:hover,
.nav-align-bottom:where(.dark-style) .nav-tabs .nav-link.active:hover,
:where(.dark-style) .nav-align-bottom .nav-tabs .nav-link.active:focus,
.nav-align-bottom:where(.dark-style) .nav-tabs .nav-link.active:focus {
  box-shadow: 0 2px 0 #7b3ce9 inset;
}
:where(.dark-style) .nav-align-left .nav-tabs .nav-link.active,
.nav-align-left:where(.dark-style) .nav-tabs .nav-link.active,
:where(.dark-style) .nav-align-left .nav-tabs .nav-link.active:hover,
.nav-align-left:where(.dark-style) .nav-tabs .nav-link.active:hover,
:where(.dark-style) .nav-align-left .nav-tabs .nav-link.active:focus,
.nav-align-left:where(.dark-style) .nav-tabs .nav-link.active:focus,
:where(.dark-style) .nav-align-left .nav-tabs .nav-link.active,
.nav-align-left:where(.dark-style) .nav-tabs .nav-link.active,
:where(.dark-style) .nav-align-left .nav-tabs .nav-link.active:hover,
.nav-align-left:where(.dark-style) .nav-tabs .nav-link.active:hover,
:where(.dark-style) .nav-align-left .nav-tabs .nav-link.active:focus,
.nav-align-left:where(.dark-style) .nav-tabs .nav-link.active:focus {
  box-shadow: -2px 0px 0 #7b3ce9 inset;
}
:where(.dark-style) .nav-align-right .nav-tabs .nav-link.active,
.nav-align-right:where(.dark-style) .nav-tabs .nav-link.active,
:where(.dark-style) .nav-align-right .nav-tabs .nav-link.active:hover,
.nav-align-right:where(.dark-style) .nav-tabs .nav-link.active:hover,
:where(.dark-style) .nav-align-right .nav-tabs .nav-link.active:focus,
.nav-align-right:where(.dark-style) .nav-tabs .nav-link.active:focus,
:where(.dark-style) .nav-align-right .nav-tabs .nav-link.active,
.nav-align-right:where(.dark-style) .nav-tabs .nav-link.active,
:where(.dark-style) .nav-align-right .nav-tabs .nav-link.active:hover,
.nav-align-right:where(.dark-style) .nav-tabs .nav-link.active:hover,
:where(.dark-style) .nav-align-right .nav-tabs .nav-link.active:focus,
.nav-align-right:where(.dark-style) .nav-tabs .nav-link.active:focus {
  box-shadow: 2px 0px 0 #7b3ce9 inset;
}
:where(.dark-style) .form-control:focus,
.form-control:focus:where(.dark-style),
:where(.dark-style) .form-select:focus,
.form-select:focus:where(.dark-style) {
  border-color: #7b3ce9 !important;
}
:where(.dark-style) .input-group:focus-within .form-control,
.input-group:focus-within:where(.dark-style) .form-control,
:where(.dark-style) .input-group:focus-within .input-group-text,
.input-group:focus-within:where(.dark-style) .input-group-text {
  border-color: #7b3ce9 !important;
}
:where(.dark-style) .form-check-input:checked,
.form-check-input:checked:where(.dark-style) {
  background-color: #7b3ce9;
  border-color: #7b3ce9;
  box-shadow: 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .form-check-input[type=checkbox]:indeterminate,
.form-check-input[type=checkbox]:indeterminate:where(.dark-style) {
  background-color: #7b3ce9;
  border-color: #7b3ce9;
  box-shadow: 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .custom-option.checked,
.custom-option.checked:where(.dark-style) {
  border: 2px solid #7b3ce9 !important;
}
:where(.dark-style) .custom-option.checked .custom-option-body i,
.custom-option.checked:where(.dark-style) .custom-option-body i,
:where(.dark-style) .custom-option.checked .custom-option-header i,
.custom-option.checked:where(.dark-style) .custom-option-header i {
  color: #7b3ce9;
}
:where(.dark-style) .custom-option.custom-option-label.checked,
.custom-option.custom-option-label.checked:where(.dark-style) {
  background-color: rgba(123, 60, 233, 0.12);
  color: #7b3ce9;
}
:where(.dark-style) .custom-option.custom-option-label.checked .custom-option-header span,
.custom-option.custom-option-label.checked:where(.dark-style) .custom-option-header span,
:where(.dark-style) .custom-option.custom-option-label.checked .custom-option-title,
.custom-option.custom-option-label.checked:where(.dark-style) .custom-option-title {
  color: #7b3ce9;
}
:where(.dark-style) .form-control:focus ~ .form-label,
.form-control:focus:where(.dark-style) ~ .form-label {
  border-color: #7b3ce9;
}
:where(.dark-style) .switch-input:checked ~ .switch-toggle-slider,
.switch-input:checked:where(.dark-style) ~ .switch-toggle-slider {
  background: #7b3ce9;
  box-shadow: 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .switch-primary.switch .switch-input:checked ~ .switch-toggle-slider,
.switch-primary.switch:where(.dark-style) .switch-input:checked ~ .switch-toggle-slider {
  background: #7b3ce9;
  box-shadow: 0 2px 6px 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .timeline .timeline-point-primary,
.timeline:where(.dark-style) .timeline-point-primary {
  background-color: #7b3ce9 !important;
  outline: 3px solid rgba(123, 60, 233, 0.12);
}
:where(.dark-style) .timeline.timeline-outline .timeline-point-primary,
.timeline.timeline-outline:where(.dark-style) .timeline-point-primary {
  border: 2px solid #7b3ce9 !important;
}
:where(.dark-style) .timeline .timeline-indicator-primary i,
.timeline:where(.dark-style) .timeline-indicator-primary i {
  color: #7b3ce9 !important;
}
:where(.dark-style) .divider.divider-primary.divider-vertical:before,
.divider.divider-primary.divider-vertical:before:where(.dark-style),
:where(.dark-style) .divider.divider-primary.divider-vertical:after,
.divider.divider-primary.divider-vertical:after:where(.dark-style),
:where(.dark-style) .divider.divider-primary .divider-text:before,
.divider.divider-primary:where(.dark-style) .divider-text:before,
:where(.dark-style) .divider.divider-primary .divider-text:after,
.divider.divider-primary:where(.dark-style) .divider-text:after {
  border-color: #7b3ce9;
}
:where(.dark-style) .navbar.bg-primary,
.navbar.bg-primary:where(.dark-style) {
  background-color: rgba(123, 60, 233, 0.88) !important;
  color: #e3d6fa;
}
:where(.dark-style) .navbar.bg-primary .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-primary:where(.dark-style) .navbar-search-wrapper .navbar-search-icon,
:where(.dark-style) .navbar.bg-primary .navbar-search-wrapper .search-input,
.navbar.bg-primary:where(.dark-style) .navbar-search-wrapper .search-input {
  color: #e3d6fa;
}
:where(.dark-style) .navbar.bg-primary .search-input-wrapper .search-input,
.navbar.bg-primary:where(.dark-style) .search-input-wrapper .search-input,
:where(.dark-style) .navbar.bg-primary .search-input-wrapper .search-toggler,
.navbar.bg-primary:where(.dark-style) .search-input-wrapper .search-toggler {
  background-color: #7b3ce9 !important;
  color: #e3d6fa;
}
:where(.dark-style) .navbar.bg-primary .navbar-nav > .nav-link,
.navbar.bg-primary:where(.dark-style) .navbar-nav > .nav-link,
:where(.dark-style) .navbar.bg-primary .navbar-nav > .nav-item > .nav-link,
.navbar.bg-primary:where(.dark-style) .navbar-nav > .nav-item > .nav-link,
:where(.dark-style) .navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link,
.navbar.bg-primary:where(.dark-style) .navbar-nav > .nav > .nav-item > .nav-link {
  color: #e3d6fa;
}
:where(.dark-style) .navbar.bg-primary .navbar-nav > .nav-link.disabled,
.navbar.bg-primary:where(.dark-style) .navbar-nav > .nav-link.disabled,
:where(.dark-style) .navbar.bg-primary .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-primary:where(.dark-style) .navbar-nav > .nav-item > .nav-link.disabled,
:where(.dark-style) .navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link.disabled,
.navbar.bg-primary:where(.dark-style) .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #ba99f3 !important;
}
:where(.dark-style) .navbar.bg-primary .navbar-toggler,
.navbar.bg-primary:where(.dark-style) .navbar-toggler {
  color: #e3d6fa;
}
:where(.dark-style) .navbar.bg-primary .navbar-text,
.navbar.bg-primary:where(.dark-style) .navbar-text {
  color: #e3d6fa;
}
:where(.dark-style) .menu.bg-primary,
.menu.bg-primary:where(.dark-style) {
  background-color: #7b3ce9 !important;
  color: #e3d6fa;
}
:where(.dark-style) .menu.bg-primary.menu-horizontal,
.menu.bg-primary.menu-horizontal:where(.dark-style) {
  background-color: rgba(123, 60, 233, 0.95) !important;
}
:where(.dark-style) .menu.bg-primary .menu-link,
.menu.bg-primary:where(.dark-style) .menu-link,
:where(.dark-style) .menu.bg-primary .menu-horizontal-prev,
.menu.bg-primary:where(.dark-style) .menu-horizontal-prev,
:where(.dark-style) .menu.bg-primary .menu-horizontal-next,
.menu.bg-primary:where(.dark-style) .menu-horizontal-next {
  color: #e3d6fa;
}
:where(.dark-style) .menu.bg-primary .menu-toggle::after,
.menu.bg-primary:where(.dark-style) .menu-toggle::after {
  color: #e3d6fa;
}
:where(.dark-style) .menu.bg-primary .menu-item.disabled .menu-link,
.menu.bg-primary:where(.dark-style) .menu-item.disabled .menu-link,
:where(.dark-style) .menu.bg-primary .menu-horizontal-prev.disabled,
.menu.bg-primary:where(.dark-style) .menu-horizontal-prev.disabled,
:where(.dark-style) .menu.bg-primary .menu-horizontal-next.disabled,
.menu.bg-primary:where(.dark-style) .menu-horizontal-next.disabled {
  color: #ba99f3 !important;
}
:where(.dark-style) .menu.bg-primary.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle),
.menu.bg-primary.menu-vertical:where(.dark-style) .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(270deg, rgba(127, 65, 234, 0.7) 0%, #7f41ea 100%);
  box-shadow: 0px 2px 6px 0px rgba(127, 65, 234, 0.3);
}
:where(.dark-style) .menu.bg-primary.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle,
.menu.bg-primary.menu-horizontal:where(.dark-style) .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(270deg, rgba(127, 65, 234, 0.7) 0%, #7f41ea 100%);
  box-shadow: 0px 2px 6px 0px rgba(127, 65, 234, 0.3);
}
:where(.dark-style) .menu.bg-primary.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-primary.menu-horizontal:where(.dark-style) .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
:where(.dark-style) .menu.bg-primary.menu-horizontal .menu-inner .menu-item.open > .menu-toggle,
.menu.bg-primary.menu-horizontal:where(.dark-style) .menu-inner .menu-item.open > .menu-toggle {
  background: #7b3ce9;
}
:where(.dark-style) .menu.bg-primary.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle),
.menu.bg-primary.menu-horizontal:where(.dark-style) .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #7b3ce9;
  color: #7f41ea !important;
}
:where(.dark-style) .menu.bg-primary .menu-inner-shadow,
.menu.bg-primary:where(.dark-style) .menu-inner-shadow {
  background: linear-gradient(#7b3ce9 41%, rgba(123, 60, 233, 0.11) 95%, rgba(123, 60, 233, 0));
}
:where(.dark-style) .menu.bg-primary .menu-header,
.menu.bg-primary:where(.dark-style) .menu-header {
  color: #a579f0;
}
:where(.dark-style) .menu.bg-primary .menu-block::before,
.menu.bg-primary:where(.dark-style) .menu-block::before {
  background-color: #a579f0;
}
:where(.dark-style) .footer.bg-primary,
.footer.bg-primary:where(.dark-style) {
  color: #e3d6fa;
}
:where(.dark-style) .layout-footer-fixed .layout-horizontal .footer.bg-primary,
.layout-footer-fixed:where(.dark-style) .layout-horizontal .footer.bg-primary {
  background-color: #7b3ce9 !important;
}
:where(.dark-style) .layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-primary .footer-container,
.layout-footer-fixed:where(.dark-style) .layout-wrapper:not(.layout-horizontal) .footer.bg-primary .footer-container {
  background-color: #7b3ce9 !important;
}
:where(.dark-style) .footer.bg-primary .footer-link,
.footer.bg-primary:where(.dark-style) .footer-link {
  color: #e3d6fa;
}
:where(.dark-style) .footer.bg-primary .footer-link.disabled,
.footer.bg-primary:where(.dark-style) .footer-link.disabled {
  color: #ba99f3 !important;
}
:where(.dark-style) .form-floating > .form-control:focus ~ label,
.form-floating:where(.dark-style) > .form-control:focus ~ label,
:where(.dark-style) .form-floating > .form-control:focus:not(:placeholder-shown) ~ label,
.form-floating:where(.dark-style) > .form-control:focus:not(:placeholder-shown) ~ label,
:where(.dark-style) .form-floating > .form-select:focus ~ label,
.form-floating:where(.dark-style) > .form-select:focus ~ label,
:where(.dark-style) .form-floating > .form-select:focus:not(:placeholder-shown) ~ label,
.form-floating:where(.dark-style) > .form-select:focus:not(:placeholder-shown) ~ label {
  color: #7b3ce9;
}
:where(.dark-style) .svg-illustration svg,
.svg-illustration:where(.dark-style) svg {
  fill: #7b3ce9;
}
:where(.dark-style) .jstree-default .jstree-wholerow-hovered,
.jstree-default:where(.dark-style) .jstree-wholerow-hovered,
:where(.dark-style) .jstree-default .jstree-hovered,
.jstree-default:where(.dark-style) .jstree-hovered {
  background: rgba(123, 60, 233, 0.16);
  color: #7b3ce9;
}
:where(.dark-style) .jstree-default .jstree-wholerow-clicked,
.jstree-default:where(.dark-style) .jstree-wholerow-clicked,
:where(.dark-style) .jstree-default .jstree-clicked,
.jstree-default:where(.dark-style) .jstree-clicked {
  background: #7b3ce9;
}
:where(.dark-style) .jstree-default-dark .jstree-wholerow-hovered,
.jstree-default-dark:where(.dark-style) .jstree-wholerow-hovered,
:where(.dark-style) .jstree-default-dark .jstree-hovered,
.jstree-default-dark:where(.dark-style) .jstree-hovered {
  background: rgba(123, 60, 233, 0.16);
  color: #7b3ce9;
}
:where(.dark-style) .jstree-default-dark .jstree-wholerow-clicked,
.jstree-default-dark:where(.dark-style) .jstree-wholerow-clicked,
:where(.dark-style) .jstree-default-dark .jstree-clicked,
.jstree-default-dark:where(.dark-style) .jstree-clicked {
  background: #7b3ce9;
}
:where(.dark-style) .card.card-border-shadow-primary:hover::after,
.card.card-border-shadow-primary:hover:where(.dark-style)::after {
  border-bottom-color: #7b3ce9;
}
html:not([dir=rtl]):where(.dark-style) .border-primary,
html[dir=rtl]:where(.dark-style) .border-primary {
  border-color: #7b3ce9 !important;
}
:where(.dark-style) a,
a:where(.dark-style) {
  color: #7b3ce9;
}
:where(.dark-style) a:hover,
a:hover:where(.dark-style) {
  color: #884feb;
}
:where(.dark-style) .fill-primary,
.fill-primary:where(.dark-style) {
  fill: #7b3ce9;
}
:where(.dark-style) .noUi-target:not([disabled]),
.noUi-target:not([disabled]):where(.dark-style) {
  background: rgba(123, 60, 233, 0.16);
}
:where(.dark-style) .noUi-target:not([disabled]) .noUi-connect,
.noUi-target:not([disabled]):where(.dark-style) .noUi-connect {
  background: #7b3ce9;
}
:where(.dark-style) .noUi-target:not([disabled]) .noUi-handle,
.noUi-target:not([disabled]):where(.dark-style) .noUi-handle {
  border-color: #7b3ce9;
}
:where(.dark-style) .noUi-target:not([disabled]) .noUi-handle:hover,
.noUi-target:not([disabled]):where(.dark-style) .noUi-handle:hover {
  box-shadow: 0 0 0 8px rgba(123, 60, 233, 0.16);
}
:where(.dark-style) .noUi-target:not([disabled]) .noUi-handle:active,
.noUi-target:not([disabled]):where(.dark-style) .noUi-handle:active,
:where(.dark-style) .noUi-target:not([disabled]) .noUi-handle:focus,
.noUi-target:not([disabled]):where(.dark-style) .noUi-handle:focus {
  box-shadow: 0 0 0 13px rgba(123, 60, 233, 0.16);
}
:where(.dark-style) .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default:where(.dark-style) .select2-results__option--highlighted[aria-selected] {
  background-color: #7b3ce9 !important;
}
:where(.dark-style) .select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container--focus:where(.dark-style) .select2-selection,
:where(.dark-style) .select2-container--default.select2-container--open .select2-selection,
.select2-container--default.select2-container--open:where(.dark-style) .select2-selection {
  border-color: #7b3ce9 !important;
}
:where(.dark-style) .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-primary:where(.dark-style) .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(123, 60, 233, 0.16) !important;
  color: #7b3ce9 !important;
}
:where(.dark-style) .tagify--focus,
.tagify--focus:where(.dark-style) {
  border-color: #7b3ce9 !important;
}
:where(.dark-style) .tagify__dropdown__item--active,
.tagify__dropdown__item--active:where(.dark-style) {
  background: #7b3ce9 !important;
}
:where(.dark-style) table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column:where(.dark-style) > tbody > tr > td.control:before,
:where(.dark-style) table.dataTable.dtr-column > tbody > tr > th.control:before,
table.dataTable.dtr-column:where(.dark-style) > tbody > tr > th.control:before {
  background-color: #7b3ce9;
}
:where(.dark-style) .bootstrap-select .dropdown-menu.inner a[aria-selected=true],
.bootstrap-select:where(.dark-style) .dropdown-menu.inner a[aria-selected=true] {
  background: #7b3ce9 !important;
}
:where(.dark-style) .bootstrap-select .dropdown-toggle.show,
.bootstrap-select:where(.dark-style) .dropdown-toggle.show {
  border-color: #7b3ce9;
}
:where(.dark-style) .datepicker table tr td.active,
.datepicker:where(.dark-style) table tr td.active,
:where(.dark-style) .datepicker table tr td.active.highlighted,
.datepicker:where(.dark-style) table tr td.active.highlighted,
:where(.dark-style) .datepicker table tr td .focused,
.datepicker:where(.dark-style) table tr td .focused,
:where(.dark-style) .datepicker table tr td span.active,
.datepicker:where(.dark-style) table tr td span.active,
:where(.dark-style) .datepicker table tr td span.active.disabled,
.datepicker:where(.dark-style) table tr td span.active.disabled,
:where(.dark-style) .datepicker table tr td.range-start,
.datepicker:where(.dark-style) table tr td.range-start,
:where(.dark-style) .datepicker table tr td.range-end,
.datepicker:where(.dark-style) table tr td.range-end {
  background: #7b3ce9 !important;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .datepicker table tr td.range,
.datepicker:where(.dark-style) table tr td.range,
:where(.dark-style) .datepicker table tr td.range.highlighted,
.datepicker:where(.dark-style) table tr td.range.highlighted,
:where(.dark-style) .datepicker table tr td.range.today,
.datepicker:where(.dark-style) table tr td.range.today {
  color: #7b3ce9 !important;
}
:where(.dark-style) .datepicker table tr td.range.disabled,
.datepicker:where(.dark-style) table tr td.range.disabled,
:where(.dark-style) .datepicker table tr td.range.highlighted.disabled,
.datepicker:where(.dark-style) table tr td.range.highlighted.disabled,
:where(.dark-style) .datepicker table tr td.range.today.disabled,
.datepicker:where(.dark-style) table tr td.range.today.disabled {
  color: rgba(123, 60, 233, 0.5) !important;
}
:where(.dark-style) .datepicker table tr td.today:not(.active),
.datepicker:where(.dark-style) table tr td.today:not(.active),
:where(.dark-style) .datepicker table tr td.today:not(.active):hover,
.datepicker:where(.dark-style) table tr td.today:not(.active):hover {
  color: #7b3ce9;
}
:where(.dark-style) .flatpickr-day.today,
.flatpickr-day.today:where(.dark-style),
:where(.dark-style) .flatpickr-day.today:hover,
.flatpickr-day.today:hover:where(.dark-style),
:where(.dark-style) .flatpickr-day.inRange,
.flatpickr-day.inRange:where(.dark-style) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .flatpickr-day.inRange,
.flatpickr-day.inRange:where(.dark-style),
:where(.dark-style) .flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange:where(.dark-style),
:where(.dark-style) .flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.inRange:where(.dark-style),
:where(.dark-style) .flatpickr-day.today.inRange,
.flatpickr-day.today.inRange:where(.dark-style),
:where(.dark-style) .flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange:where(.dark-style),
:where(.dark-style) .flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange:where(.dark-style) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .flatpickr-day.selected,
.flatpickr-day.selected:where(.dark-style),
:where(.dark-style) .flatpickr-day.selected.inRange,
.flatpickr-day.selected.inRange:where(.dark-style),
:where(.dark-style) .flatpickr-day.selected:focus,
.flatpickr-day.selected:focus:where(.dark-style),
:where(.dark-style) .flatpickr-day.selected:hover,
.flatpickr-day.selected:hover:where(.dark-style),
:where(.dark-style) .flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected.prevMonthDay:where(.dark-style),
:where(.dark-style) .flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.nextMonthDay:where(.dark-style),
:where(.dark-style) .flatpickr-day.startRange,
.flatpickr-day.startRange:where(.dark-style),
:where(.dark-style) .flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.inRange:where(.dark-style),
:where(.dark-style) .flatpickr-day.startRange:focus,
.flatpickr-day.startRange:focus:where(.dark-style),
:where(.dark-style) .flatpickr-day.startRange:hover,
.flatpickr-day.startRange:hover:where(.dark-style),
:where(.dark-style) .flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay:where(.dark-style),
:where(.dark-style) .flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay:where(.dark-style),
:where(.dark-style) .flatpickr-day.endRange,
.flatpickr-day.endRange:where(.dark-style),
:where(.dark-style) .flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.inRange:where(.dark-style),
:where(.dark-style) .flatpickr-day.endRange:focus,
.flatpickr-day.endRange:focus:where(.dark-style),
:where(.dark-style) .flatpickr-day.endRange:hover,
.flatpickr-day.endRange:hover:where(.dark-style),
:where(.dark-style) .flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay:where(.dark-style),
:where(.dark-style) .flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay:where(.dark-style),
:where(.dark-style) .flatpickr-day.week.selected,
.flatpickr-day.week.selected:where(.dark-style) {
  background: #7b3ce9 !important;
  border-color: #7b3ce9 !important;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .daterangepicker td.active:not(.off),
.daterangepicker:where(.dark-style) td.active:not(.off) {
  background: #7b3ce9 !important;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .daterangepicker .start-date:not(.end-date):not(.off),
.daterangepicker:where(.dark-style) .start-date:not(.end-date):not(.off),
:where(.dark-style) .daterangepicker .end-date:not(.start-date):not(.off),
.daterangepicker:where(.dark-style) .end-date:not(.start-date):not(.off) {
  background-color: #7b3ce9;
}
:where(.dark-style) .daterangepicker .start-date:not(.end-date):not(.off):hover,
.daterangepicker:where(.dark-style) .start-date:not(.end-date):not(.off):hover,
:where(.dark-style) .daterangepicker .end-date:not(.start-date):not(.off):hover,
.daterangepicker:where(.dark-style) .end-date:not(.start-date):not(.off):hover {
  background-color: #7b3ce9 !important;
}
:where(.dark-style) .daterangepicker .input-mini.active,
.daterangepicker:where(.dark-style) .input-mini.active {
  border-color: #7b3ce9 !important;
}
:where(.dark-style) .daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off),
.daterangepicker:where(.dark-style) td.in-range:not(.start-date):not(.end-date):not(.off) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .ranges li.active,
.ranges:where(.dark-style) li.active {
  color: #7b3ce9 !important;
}
:where(.dark-style) li.ui-timepicker-selected,
li.ui-timepicker-selected:where(.dark-style),
:where(.dark-style) .ui-timepicker-list .ui-timepicker-selected:hover,
.ui-timepicker-list:where(.dark-style) .ui-timepicker-selected:hover {
  background: #7b3ce9 !important;
}
:where(.dark-style) .ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar:where(.dark-style) button:hover,
:where(.dark-style) .ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar:where(.dark-style) button:focus,
:where(.dark-style) .ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar:where(.dark-style) button.ql-active,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-label:hover,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-label.ql-active,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-item:hover,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-item.ql-selected,
:where(.dark-style) .ql-snow .ql-toolbar button:hover,
.ql-snow:where(.dark-style) .ql-toolbar button:hover,
:where(.dark-style) .ql-snow .ql-toolbar button:focus,
.ql-snow:where(.dark-style) .ql-toolbar button:focus,
:where(.dark-style) .ql-snow .ql-toolbar button.ql-active,
.ql-snow:where(.dark-style) .ql-toolbar button.ql-active,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-label:hover,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-label.ql-active,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-item:hover,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-item.ql-selected,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-item.ql-selected {
  color: #7b3ce9 !important;
}
:where(.dark-style) .ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar:where(.dark-style) button:hover .ql-fill,
:where(.dark-style) .ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar:where(.dark-style) button:focus .ql-fill,
:where(.dark-style) .ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar:where(.dark-style) button.ql-active .ql-fill,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-label:hover .ql-fill,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-label.ql-active .ql-fill,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-item:hover .ql-fill,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-item.ql-selected .ql-fill,
:where(.dark-style) .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar:where(.dark-style) button:hover .ql-stroke.ql-fill,
:where(.dark-style) .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar:where(.dark-style) button:focus .ql-stroke.ql-fill,
:where(.dark-style) .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar:where(.dark-style) button.ql-active .ql-stroke.ql-fill,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-label:hover .ql-stroke.ql-fill,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-label.ql-active .ql-stroke.ql-fill,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-item:hover .ql-stroke.ql-fill,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-item.ql-selected .ql-stroke.ql-fill,
:where(.dark-style) .ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow:where(.dark-style) .ql-toolbar button:hover .ql-fill,
:where(.dark-style) .ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow:where(.dark-style) .ql-toolbar button:focus .ql-fill,
:where(.dark-style) .ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow:where(.dark-style) .ql-toolbar button.ql-active .ql-fill,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-label:hover .ql-fill,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-label.ql-active .ql-fill,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-item:hover .ql-fill,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
:where(.dark-style) .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow:where(.dark-style) .ql-toolbar button:hover .ql-stroke.ql-fill,
:where(.dark-style) .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow:where(.dark-style) .ql-toolbar button:focus .ql-stroke.ql-fill,
:where(.dark-style) .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow:where(.dark-style) .ql-toolbar button.ql-active .ql-stroke.ql-fill,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #7b3ce9 !important;
}
:where(.dark-style) .ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar:where(.dark-style) button:hover .ql-stroke,
:where(.dark-style) .ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar:where(.dark-style) button:focus .ql-stroke,
:where(.dark-style) .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar:where(.dark-style) button.ql-active .ql-stroke,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-label:hover .ql-stroke,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-label.ql-active .ql-stroke,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-item:hover .ql-stroke,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-item.ql-selected .ql-stroke,
:where(.dark-style) .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar:where(.dark-style) button:hover .ql-stroke-miter,
:where(.dark-style) .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar:where(.dark-style) button:focus .ql-stroke-miter,
:where(.dark-style) .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar:where(.dark-style) button.ql-active .ql-stroke-miter,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-label:hover .ql-stroke-miter,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-label.ql-active .ql-stroke-miter,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-item:hover .ql-stroke-miter,
:where(.dark-style) .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow.ql-toolbar:where(.dark-style) .ql-picker-item.ql-selected .ql-stroke-miter,
:where(.dark-style) .ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow:where(.dark-style) .ql-toolbar button:hover .ql-stroke,
:where(.dark-style) .ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow:where(.dark-style) .ql-toolbar button:focus .ql-stroke,
:where(.dark-style) .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow:where(.dark-style) .ql-toolbar button.ql-active .ql-stroke,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-label:hover .ql-stroke,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-item:hover .ql-stroke,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
:where(.dark-style) .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow:where(.dark-style) .ql-toolbar button:hover .ql-stroke-miter,
:where(.dark-style) .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow:where(.dark-style) .ql-toolbar button:focus .ql-stroke-miter,
:where(.dark-style) .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow:where(.dark-style) .ql-toolbar button.ql-active .ql-stroke-miter,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
:where(.dark-style) .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow:where(.dark-style) .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #7b3ce9 !important;
}
:where(.dark-style) .tt-suggestion:active,
.tt-suggestion:active:where(.dark-style),
:where(.dark-style) .tt-cursor,
.tt-cursor:where(.dark-style) {
  background: #7b3ce9 !important;
}
:where(.dark-style) .dropzone.dz-drag-hover,
.dropzone.dz-drag-hover:where(.dark-style) {
  border-color: #7b3ce9 !important;
}
:where(.dark-style) .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-bullet.swiper-pagination-bullet-active:where(.dark-style),
:where(.dark-style) .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.swiper-pagination.swiper-pagination-progressbar:where(.dark-style) .swiper-pagination-progressbar-fill {
  background: #7b3ce9 !important;
}
:where(.dark-style) .sk-primary.sk-plane,
.sk-primary.sk-plane:where(.dark-style),
:where(.dark-style) .sk-primary .sk-chase-dot:before,
.sk-primary:where(.dark-style) .sk-chase-dot:before,
:where(.dark-style) .sk-primary .sk-bounce-dot,
.sk-primary:where(.dark-style) .sk-bounce-dot,
:where(.dark-style) .sk-primary .sk-wave-rect,
.sk-primary:where(.dark-style) .sk-wave-rect,
:where(.dark-style) .sk-primary.sk-pulse,
.sk-primary.sk-pulse:where(.dark-style),
:where(.dark-style) .sk-primary .sk-swing-dot,
.sk-primary:where(.dark-style) .sk-swing-dot,
:where(.dark-style) .sk-primary .sk-circle-dot:before,
.sk-primary:where(.dark-style) .sk-circle-dot:before,
:where(.dark-style) .sk-primary .sk-circle-fade-dot:before,
.sk-primary:where(.dark-style) .sk-circle-fade-dot:before,
:where(.dark-style) .sk-primary .sk-grid-cube,
.sk-primary:where(.dark-style) .sk-grid-cube,
:where(.dark-style) .sk-primary .sk-fold-cube:before,
.sk-primary:where(.dark-style) .sk-fold-cube:before {
  background-color: #7b3ce9;
}
:where(.dark-style) .plyr input[type=range]::-ms-fill-lower,
.plyr:where(.dark-style) input[type=range]::-ms-fill-lower {
  background: #7b3ce9 !important;
}
:where(.dark-style) .plyr input[type=range]:active::-webkit-slider-thumb,
.plyr:where(.dark-style) input[type=range]:active::-webkit-slider-thumb {
  background: #7b3ce9 !important;
}
:where(.dark-style) .plyr input[type=range]:active::-moz-range-thumb,
.plyr:where(.dark-style) input[type=range]:active::-moz-range-thumb {
  background: #7b3ce9 !important;
}
:where(.dark-style) .plyr input[type=range]:active::-ms-thumb,
.plyr:where(.dark-style) input[type=range]:active::-ms-thumb {
  background: #7b3ce9 !important;
}
:where(.dark-style) .plyr--video .plyr__control.plyr__control--overlaid,
.plyr--video:where(.dark-style) .plyr__control.plyr__control--overlaid,
:where(.dark-style) .plyr--video .plyr__controls button.tab-focus:focus,
.plyr--video:where(.dark-style) .plyr__controls button.tab-focus:focus,
:where(.dark-style) .plyr--video .plyr__control[aria-expanded=true],
.plyr--video:where(.dark-style) .plyr__control[aria-expanded=true],
:where(.dark-style) .plyr--video .plyr__controls button:hover,
.plyr--video:where(.dark-style) .plyr__controls button:hover {
  background: #7b3ce9 !important;
}
:where(.dark-style) .plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio:where(.dark-style) .plyr__controls button.tab-focus:focus,
:where(.dark-style) .plyr--audio .plyr__control[aria-expanded=true],
.plyr--audio:where(.dark-style) .plyr__control[aria-expanded=true],
:where(.dark-style) .plyr--audio .plyr__controls button:hover,
.plyr--audio:where(.dark-style) .plyr__controls button:hover {
  background: #7b3ce9 !important;
}
:where(.dark-style) .plyr__play-large,
.plyr__play-large:where(.dark-style) {
  background: #7b3ce9 !important;
}
:where(.dark-style) .plyr__progress--played,
.plyr__progress--played:where(.dark-style),
:where(.dark-style) .plyr__volume--display,
.plyr__volume--display:where(.dark-style) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .plyr--full-ui input[type=range],
.plyr--full-ui:where(.dark-style) input[type=range] {
  color: #7b3ce9 !important;
}
:where(.dark-style) .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before,
.plyr__menu__container:where(.dark-style) .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #7b3ce9 !important;
}
:where(.dark-style) .fc .fc-event-primary:not(.fc-list-event),
.fc:where(.dark-style) .fc-event-primary:not(.fc-list-event) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .fc .fc-event-primary.fc-list-event .fc-list-event-dot,
.fc:where(.dark-style) .fc-event-primary.fc-list-event .fc-list-event-dot {
  border-color: #7b3ce9 !important;
}
:where(.dark-style) .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button),
.fc:where(.dark-style) .fc-button-primary:not(.fc-prev-button):not(.fc-next-button) {
  background-color: rgba(123, 60, 233, 0.16) !important;
  color: #7b3ce9;
}
:where(.dark-style) .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active,
.fc:where(.dark-style) .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active,
:where(.dark-style) .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover,
.fc:where(.dark-style) .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(123, 60, 233, 0.24) !important;
  color: #7b3ce9;
}
:where(.dark-style) .swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,
.swal2-progress-steps[class]:where(.dark-style) .swal2-progress-step.swal2-active-progress-step,
:where(.dark-style) .swal2-progress-steps[class] .swal2-progress-step-line,
.swal2-progress-steps[class]:where(.dark-style) .swal2-progress-step-line,
:where(.dark-style) .swal2-progress-steps[class] .swal2-active-progress-step,
.swal2-progress-steps[class]:where(.dark-style) .swal2-active-progress-step,
:where(.dark-style) .swal2-progress-steps[class] .swal2-progress-step,
.swal2-progress-steps[class]:where(.dark-style) .swal2-progress-step {
  background: #7b3ce9;
}
:where(.dark-style) .pcr-app .pcr-type.active,
.pcr-app:where(.dark-style) .pcr-type.active,
:where(.dark-style) .pcr-app .pcr-save,
.pcr-app:where(.dark-style) .pcr-save {
  background: #7b3ce9 !important;
}
:where(.dark-style) .icon-card.active,
.icon-card.active:where(.dark-style) {
  outline: 1px solid #7b3ce9;
}
:where(.dark-style) .icon-card.active i,
.icon-card.active:where(.dark-style) i,
:where(.dark-style) .icon-card.active svg,
.icon-card.active:where(.dark-style) svg {
  color: #7b3ce9;
}
:where(.dark-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary,
.shepherd-element:where(.dark-style) .shepherd-button:not(:disabled).btn-primary {
  background-color: #7b3ce9;
  border-color: #7b3ce9;
}
:where(.dark-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled),
.shepherd-element:where(.dark-style) .shepherd-button:not(:disabled).btn-primary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled) {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary:hover,
.shepherd-element:where(.dark-style) .shepherd-button:not(:disabled).btn-primary:hover {
  background-color: #6f36d2 !important;
  border-color: #6f36d2 !important;
}
:where(.dark-style) .btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-primary,
.btn-check:focus:where(.dark-style) + .shepherd-element .shepherd-button:not(:disabled).btn-primary,
:where(.dark-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary:focus,
.shepherd-element:where(.dark-style) .shepherd-button:not(:disabled).btn-primary:focus,
:where(.dark-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary.focus,
.shepherd-element:where(.dark-style) .shepherd-button:not(:disabled).btn-primary.focus {
  background-color: #6f36d2;
  border-color: #6f36d2;
}
:where(.dark-style) .btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-primary,
.btn-check:checked:where(.dark-style) + .shepherd-element .shepherd-button:not(:disabled).btn-primary,
:where(.dark-style) .btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-primary,
.btn-check:active:where(.dark-style) + .shepherd-element .shepherd-button:not(:disabled).btn-primary,
:where(.dark-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary:active,
.shepherd-element:where(.dark-style) .shepherd-button:not(:disabled).btn-primary:active,
:where(.dark-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary.active,
.shepherd-element:where(.dark-style) .shepherd-button:not(:disabled).btn-primary.active,
:where(.dark-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary.show.dropdown-toggle,
.shepherd-element:where(.dark-style) .shepherd-button:not(:disabled).btn-primary.show.dropdown-toggle,
:where(.dark-style) .show > .shepherd-element .shepherd-button:not(:disabled).btn-primary.dropdown-toggle,
.show:where(.dark-style) > .shepherd-element .shepherd-button:not(:disabled).btn-primary.dropdown-toggle {
  background-color: #6f36d2 !important;
  border-color: #6f36d2 !important;
}
:where(.dark-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary.disabled,
.shepherd-element:where(.dark-style) .shepherd-button:not(:disabled).btn-primary.disabled,
:where(.dark-style) .shepherd-element .shepherd-button:not(:disabled).btn-primary:disabled,
.shepherd-element:where(.dark-style) .shepherd-button:not(:disabled).btn-primary:disabled {
  background-color: #7b3ce9 !important;
  border-color: #7b3ce9 !important;
}
:where(.dark-style) .shepherd-element .btn-group .shepherd-button:not(:disabled).btn-primary,
.shepherd-element:where(.dark-style) .btn-group .shepherd-button:not(:disabled).btn-primary,
:where(.dark-style) .shepherd-element .input-group .shepherd-button:not(:disabled).btn-primary,
.shepherd-element:where(.dark-style) .input-group .shepherd-button:not(:disabled).btn-primary {
  border-right: var(--bs-border-width) solid #6f36d2;
  border-left: var(--bs-border-width) solid #6f36d2;
}
:where(.dark-style) .shepherd-element .btn-group-vertical .shepherd-button:not(:disabled).btn-primary,
.shepherd-element:where(.dark-style) .btn-group-vertical .shepherd-button:not(:disabled).btn-primary {
  border-top-color: #6f36d2;
  border-bottom-color: #6f36d2;
}
:where(.dark-style) .bs-stepper .step.active .bs-stepper-circle,
.bs-stepper:where(.dark-style) .step.active .bs-stepper-circle {
  background-color: #7b3ce9;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .bs-stepper .step.active .bs-stepper-icon svg,
.bs-stepper:where(.dark-style) .step.active .bs-stepper-icon svg {
  fill: #7b3ce9 !important;
}
:where(.dark-style) .bs-stepper .step.active .bs-stepper-icon i,
.bs-stepper:where(.dark-style) .step.active .bs-stepper-icon i,
:where(.dark-style) .bs-stepper .step.active .bs-stepper-label,
.bs-stepper:where(.dark-style) .step.active .bs-stepper-label {
  color: #7b3ce9 !important;
}
:where(.dark-style) .bs-stepper .step.crossed .step-trigger .bs-stepper-circle,
.bs-stepper:where(.dark-style) .step.crossed .step-trigger .bs-stepper-circle {
  color: #7b3ce9 !important;
}
:where(.dark-style) .bs-stepper .step.crossed .step-trigger .bs-stepper-icon svg,
.bs-stepper:where(.dark-style) .step.crossed .step-trigger .bs-stepper-icon svg {
  fill: #7b3ce9 !important;
}
:where(.dark-style) .bs-stepper .step.crossed .step-trigger .bs-stepper-icon i,
.bs-stepper:where(.dark-style) .step.crossed .step-trigger .bs-stepper-icon i {
  color: #7b3ce9 !important;
}
:where(.dark-style) .bs-stepper.wizard-icons .step.crossed .bs-stepper-label,
.bs-stepper.wizard-icons:where(.dark-style) .step.crossed .bs-stepper-label {
  color: #7b3ce9 !important;
}
:where(.dark-style) .bs-stepper.wizard-icons .step.crossed + .line i,
.bs-stepper.wizard-icons:where(.dark-style) .step.crossed + .line i {
  color: #7b3ce9;
}
:where(.dark-style) .app-chat .sidebar-body .chat-contact-list li.active,
.app-chat:where(.dark-style) .sidebar-body .chat-contact-list li.active {
  background: #7b3ce9;
}
:where(.dark-style) .app-chat .app-chat-history .chat-history .chat-message.chat-message-right .chat-message-text,
.app-chat:where(.dark-style) .app-chat-history .chat-history .chat-message.chat-message-right .chat-message-text {
  background-color: #7b3ce9 !important;
}
:where(.dark-style) .navbar.landing-navbar .navbar-nav .show > .nav-link,
.navbar.landing-navbar:where(.dark-style) .navbar-nav .show > .nav-link,
:where(.dark-style) .navbar.landing-navbar .navbar-nav .active > .nav-link,
.navbar.landing-navbar:where(.dark-style) .navbar-nav .active > .nav-link,
:where(.dark-style) .navbar.landing-navbar .navbar-nav .nav-link.show,
.navbar.landing-navbar:where(.dark-style) .navbar-nav .nav-link.show,
:where(.dark-style) .navbar.landing-navbar .navbar-nav .nav-link.active,
.navbar.landing-navbar:where(.dark-style) .navbar-nav .nav-link.active,
:where(.dark-style) .navbar.landing-navbar .navbar-nav .nav-link:hover,
.navbar.landing-navbar:where(.dark-style) .navbar-nav .nav-link:hover {
  color: #7b3ce9 !important;
}
:where(.dark-style) .navbar.landing-navbar .navbar-nav .show > .nav-link i,
.navbar.landing-navbar:where(.dark-style) .navbar-nav .show > .nav-link i,
:where(.dark-style) .navbar.landing-navbar .navbar-nav .active > .nav-link i,
.navbar.landing-navbar:where(.dark-style) .navbar-nav .active > .nav-link i,
:where(.dark-style) .navbar.landing-navbar .navbar-nav .nav-link.show i,
.navbar.landing-navbar:where(.dark-style) .navbar-nav .nav-link.show i,
:where(.dark-style) .navbar.landing-navbar .navbar-nav .nav-link.active i,
.navbar.landing-navbar:where(.dark-style) .navbar-nav .nav-link.active i,
:where(.dark-style) .navbar.landing-navbar .navbar-nav .nav-link:hover i,
.navbar.landing-navbar:where(.dark-style) .navbar-nav .nav-link:hover i {
  color: #7b3ce9 !important;
}
:where(.dark-style) .landing-features .features-icon-wrapper .features-icon-box .features-icon,
.landing-features:where(.dark-style) .features-icon-wrapper .features-icon-box .features-icon {
  border: 2px solid rgba(123, 60, 233, 0.2);
}
:where(.dark-style) .landing-features .features-icon-wrapper .features-icon-box:hover .features-icon,
.landing-features:where(.dark-style) .features-icon-wrapper .features-icon-box:hover .features-icon {
  background-color: rgba(123, 60, 233, 0.05);
}
:where(.dark-style) .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle),
.bg-menu-theme.menu-vertical:where(.dark-style) .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(270deg, rgba(123, 60, 233, 0.7) 0%, #7b3ce9 100%);
  box-shadow: 0px 2px 6px 0px rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle,
.bg-menu-theme.menu-horizontal:where(.dark-style) .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(270deg, rgba(123, 60, 233, 0.7) 0%, #7b3ce9 100%);
  box-shadow: 0px 2px 6px 0px rgba(123, 60, 233, 0.3);
}
:where(.dark-style) .bg-menu-theme.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle),
.bg-menu-theme.menu-horizontal:where(.dark-style) .menu-item.active > .menu-link:not(.menu-toggle) {
  color: #7b3ce9 !important;
}
:where(.dark-style) .bg-footer-theme,
.bg-footer-theme:where(.dark-style) {
  color: #7b3ce9;
}
:where(.dark-style) .bg-footer-theme .footer-link,
.bg-footer-theme:where(.dark-style) .footer-link {
  color: #7b3ce9;
}
:where(.dark-style) .bg-footer-theme .footer-link:hover,
.bg-footer-theme:where(.dark-style) .footer-link:hover,
:where(.dark-style) .bg-footer-theme .footer-link:focus,
.bg-footer-theme:where(.dark-style) .footer-link:focus {
  color: #7b3ce9;
}
:where(.dark-style) .bg-footer-theme .footer-text,
.bg-footer-theme:where(.dark-style) .footer-text {
  color: #7b3ce9;
}
:where(.dark-style) .bg-footer-theme .show > .footer-link,
.bg-footer-theme:where(.dark-style) .show > .footer-link,
:where(.dark-style) .bg-footer-theme .active > .footer-link,
.bg-footer-theme:where(.dark-style) .active > .footer-link,
:where(.dark-style) .bg-footer-theme .footer-link.show,
.bg-footer-theme:where(.dark-style) .footer-link.show,
:where(.dark-style) .bg-footer-theme .footer-link.active,
.bg-footer-theme:where(.dark-style) .footer-link.active {
  color: #7b3ce9;
}
:where(.dark-style) .bg-footer-theme hr,
.bg-footer-theme:where(.dark-style) hr {
  border-color: rgba(123, 60, 233, 0.06);
}

/* css/rtl/core-dark.css */
html:not([dir=rtl]):where(.dark-style) .nav-align-right .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
}
:where(.dark-style) [dir=rtl] .nav-align-right .nav-tabs .nav-link:not(.active):hover,
[dir=rtl]:where(.dark-style) .nav-align-right .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
}
html:not([dir=rtl]):where(.dark-style) .nav-align-left .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
}
:where(.dark-style) [dir=rtl] .nav-align-left .nav-tabs .nav-link:not(.active):hover,
[dir=rtl]:where(.dark-style) .nav-align-left .nav-tabs .nav-link:not(.active):hover {
  color: #7b3ce9 !important;
}

/* css/rtl/theme-default-dark.css */
:where(.dark-style) [dir=rtl] .tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
[dir=rtl]:where(.dark-style) .tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
:where(.dark-style) [dir=rtl] .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
[dir=rtl]:where(.dark-style) .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
:where(.dark-style) [dir=rtl] .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
[dir=rtl]:where(.dark-style) .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-right-color: #7b3ce9;
}
:where(.dark-style) [dir=rtl] .tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
[dir=rtl]:where(.dark-style) .tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
:where(.dark-style) [dir=rtl] .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
[dir=rtl]:where(.dark-style) .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
:where(.dark-style) [dir=rtl] .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
[dir=rtl]:where(.dark-style) .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-left-color: #7b3ce9;
}
:where(.dark-style) [dir=rtl] .popover-primary.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
[dir=rtl]:where(.dark-style) .popover-primary.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
:where(.dark-style) [dir=rtl] .popover-primary > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
[dir=rtl]:where(.dark-style) .popover-primary > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
:where(.dark-style) [dir=rtl] .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
[dir=rtl]:where(.dark-style) .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-left-color: #7b3ce9 !important;
}
:where(.dark-style) [dir=rtl] .popover-primary.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
[dir=rtl]:where(.dark-style) .popover-primary.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
:where(.dark-style) [dir=rtl] .popover-primary > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
[dir=rtl]:where(.dark-style) .popover-primary > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
:where(.dark-style) [dir=rtl] .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
[dir=rtl]:where(.dark-style) .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-right-color: #7b3ce9 !important;
}
:where(.dark-style) [dir=rtl] .nav-align-left .nav-tabs .nav-link.active,
[dir=rtl]:where(.dark-style) .nav-align-left .nav-tabs .nav-link.active,
:where(.dark-style) [dir=rtl] .nav-align-left .nav-tabs .nav-link.active:hover,
[dir=rtl]:where(.dark-style) .nav-align-left .nav-tabs .nav-link.active:hover,
:where(.dark-style) [dir=rtl] .nav-align-left .nav-tabs .nav-link.active:focus,
[dir=rtl]:where(.dark-style) .nav-align-left .nav-tabs .nav-link.active:focus,
:where(.dark-style) [dir=rtl] .nav-align-left .nav-tabs .nav-link.active,
[dir=rtl]:where(.dark-style) .nav-align-left .nav-tabs .nav-link.active,
:where(.dark-style) [dir=rtl] .nav-align-left .nav-tabs .nav-link.active:hover,
[dir=rtl]:where(.dark-style) .nav-align-left .nav-tabs .nav-link.active:hover,
:where(.dark-style) [dir=rtl] .nav-align-left .nav-tabs .nav-link.active:focus,
[dir=rtl]:where(.dark-style) .nav-align-left .nav-tabs .nav-link.active:focus {
  box-shadow: 2px 0px 0 #7b3ce9 inset;
}
:where(.dark-style) [dir=rtl] .nav-align-right .nav-tabs .nav-link.active,
[dir=rtl]:where(.dark-style) .nav-align-right .nav-tabs .nav-link.active,
:where(.dark-style) [dir=rtl] .nav-align-right .nav-tabs .nav-link.active:hover,
[dir=rtl]:where(.dark-style) .nav-align-right .nav-tabs .nav-link.active:hover,
:where(.dark-style) [dir=rtl] .nav-align-right .nav-tabs .nav-link.active:focus,
[dir=rtl]:where(.dark-style) .nav-align-right .nav-tabs .nav-link.active:focus,
:where(.dark-style) [dir=rtl] .nav-align-right .nav-tabs .nav-link.active,
[dir=rtl]:where(.dark-style) .nav-align-right .nav-tabs .nav-link.active,
:where(.dark-style) [dir=rtl] .nav-align-right .nav-tabs .nav-link.active:hover,
[dir=rtl]:where(.dark-style) .nav-align-right .nav-tabs .nav-link.active:hover,
:where(.dark-style) [dir=rtl] .nav-align-right .nav-tabs .nav-link.active:focus,
[dir=rtl]:where(.dark-style) .nav-align-right .nav-tabs .nav-link.active:focus {
  box-shadow: -2px 0px 0 #7b3ce9 inset;
}
:where(.dark-style) [dir=rtl] .menu.bg-primary.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle),
[dir=rtl]:where(.dark-style) .menu.bg-primary.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(-270deg, rgba(127, 65, 234, 0.7) 0%, #7f41ea 100%) !important;
}
:where(.dark-style) [dir=rtl] .menu.bg-primary.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle,
[dir=rtl]:where(.dark-style) .menu.bg-primary.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(-270deg, rgba(127, 65, 234, 0.7) 0%, #7f41ea 100%);
  box-shadow: 0px 2px 6px 0px rgba(127, 65, 234, 0.3);
}
:where(.dark-style) [dir=rtl] .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle),
[dir=rtl]:where(.dark-style) .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(-270deg, rgba(123, 60, 233, 0.7) 0%, #7b3ce9 100%) !important;
}
:where(.dark-style) [dir=rtl] .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle,
[dir=rtl]:where(.dark-style) .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(-270deg, rgba(123, 60, 233, 0.7) 0%, #7b3ce9 100%);
  box-shadow: 0px 2px 6px 0px rgba(123, 60, 233, 0.3);
}

/* css/pages/app-chat.css */
.light-style .app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active,
.light-style .app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li.active {
  box-shadow: 0px 2px 6px 0px rgba(123, 60, 233, 0.3);
}
.dark-style .app-chat .app-chat-contacts .sidebar-body .chat-contact-list li.active,
.dark-style .app-chat .app-chat-sidebar-left .sidebar-body .chat-contact-list li.active {
  box-shadow: 0px 2px 6px 0px rgba(123, 60, 233, 0.3);
}

/* css/pages/app-email.css */
.app-email .app-email-sidebar .email-filters .email-filter-folders li.active {
  border-color: #7b3ce9;
}

/* css/pages/app-logistics-dashboard.css */
.dark-style .vehicles-overview-progress .snackbar {
  background-color: #f6f2fe;
}

/* css/pages/cards-advance.css */
.swiper-container.swiper-card-advance-bg {
  background-color: #7b3ce9;
}
.swiper-container .swiper-wrapper .swiper-slide .website-analytics-text-bg {
  background-color: #6933c6;
}

/* css/pages/front-page-landing.css */
.light-style .landing-hero {
  background: linear-gradient(138.18deg, #ebe2fc 0%, #fce5e6 94.44%);
}

/* css/pages/front-page.css */
.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .show > .nav-link,
.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .active > .nav-link,
.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.show,
.light-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.active {
  color: #7b3ce9 !important;
}
.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .show > .nav-link,
.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .active > .nav-link,
.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.show,
.dark-style .layout-navbar .navbar.landing-navbar .navbar-nav .nav-link.active {
  color: #7b3ce9 !important;
}

/* css/pages/page-auth.css */
.authentication-wrapper.authentication-basic .authentication-inner:before {
  background-image: url("data:image/svg+xml,%3Csvg width='239' height='234' viewBox='0 0 239 234' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='88.5605' y='0.700195' width='149' height='149' rx='19.5' stroke='%237b3ce9' stroke-opacity='0.16'/%3E%3Crect x='0.621094' y='33.761' width='200' height='200' rx='10' fill='%237b3ce9' fill-opacity='0.08'/%3E%3C/svg%3E%0A");
}
.authentication-wrapper.authentication-basic .authentication-inner:after {
  background-image: url("data:image/svg+xml,%3Csvg width='181' height='181' viewBox='0 0 181 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.30469' y='1.44312' width='178' height='178' rx='19' stroke='%237b3ce9' stroke-opacity='0.16' stroke-width='2' stroke-dasharray='8 8'/%3E%3Crect x='22.8047' y='22.9431' width='135' height='135' rx='10' fill='%237b3ce9' fill-opacity='0.08'/%3E%3C/svg%3E");
}

/* css/pages/page-user-view.css */
.card.primary-shadow {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(123, 60, 233, 0.3) !important;
}

/* libs/bootstrap-select/bootstrap-select.css */
.light-style .bootstrap-select .dropdown-toggle.show,
.light-style .bootstrap-select .dropdown-toggle:focus {
  border: 2px solid #7b3ce9;
}
.dark-style .bootstrap-select .dropdown-toggle.show,
.dark-style .bootstrap-select .dropdown-toggle:focus {
  border: 2px solid #7b3ce9;
}

/* libs/datatables-select-bs5/select.bootstrap5.css */
table.dataTable tbody > tr.selected td,
table.dataTable tbody > tr > .selected td {
  background-color: rgba(123, 60, 233, 0.08);
}

/* libs/fullcalendar/fullcalendar.css */
.light-style .fc-event-primary:not(.fc-list-event) {
  background-color: #eae0fc !important;
  color: #7b3ce9 !important;
}
.light-style .fc-event-primary.fc-list-event .fc-list-event-dot {
  border-color: #7b3ce9 !important;
}
.dark-style .fc-event-primary:not(.fc-list-event) {
  color: #7b3ce9 !important;
}
.dark-style .fc-event-primary.fc-list-event .fc-list-event-dot {
  border-color: #7b3ce9 !important;
}

/* libs/jstree/jstree.css */
.light-style .jstree .jstree-container-ul .jstree-icon.ti-file {
  color: #7b3ce9;
}
.dark-style .jstree .jstree-container-ul .jstree-icon.ti-file {
  color: #7b3ce9;
}

/* libs/mapbox-gl/mapbox-gl.css */
.marker-focus {
  filter: drop-shadow(0px 0px 7px #7b3ce9);
}

/* libs/nouislider/nouislider.css */
.dark-style .noUi-tooltip {
  background: #f6f2fe;
}
.dark-style .noUi-horizontal .noUi-tooltip::after {
  border-top: 8px solid #f6f2fe;
}
.dark-style .noUi-vertical .noUi-tooltip::after {
  border-left: 8px solid #f6f2fe;
}
.dark-style[dir=rtl] .noUi-vertical .noUi-tooltip::after {
  border-right: 8px solid #f6f2fe;
}

/* libs/select2/select2.css */
.select2-results__option[role=option][aria-selected=true] {
  background-color: #7b3ce9;
}
.select2-container--default .select2-results__option--highlighted:not([aria-selected=true]) {
  background-color: rgba(123, 60, 233, 0.16) !important;
  color: #7b3ce9 !important;
}

/* libs/toastr/toastr.css */
.toast-message a {
  color: #7b3ce9;
}
.toast-message a:hover {
  color: rgba(123, 60, 233, 0.6);
}