/*!
*
* Template: Hope-Ui - Responsive Bootstrap 5 Admin Dashboard Template
* Author: iqonic.design
* Design and Developed by: iqonic.design
* NOTE: This file contains the styling for color variable.
*
*/
a {
  color: var(--bs-primary);
}

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

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: var(--bs-primary-shade-80);
}

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

:root {
  --bs-heading-color: #0c112e;
  --bs-primary: #3a57e8;
  --bs-primary-shade-80: #2c0005;
  --bs-primary-shade-60: #58000b;
  --bs-primary-shade-40: #830010;
  --bs-primary-shade-20: #af0016;
  --bs-primary-tint-80: #f8ccd1;
  --bs-primary-tint-60: #f199a4;
  --bs-primary-tint-40: #e64d5f;
  --bs-primary-tint-20: #e23349;
  --bs-primary-rgb: 58, 87, 232;
  --bs-primary-tint-88: #ffeef0;
}


.theme-color-blue .form-check-input:checked[type=checkbox] {
  background-color: theme-color-blue;
}
.theme-color-blue .form-switch .form-check-input {
  padding: 0.5rem;
  background-color: #e9ecef;
  border-color: #e9ecef;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.theme-color-blue .form-switch .form-check-input:checked {
  background-color: var(--bs-primary-tint-80);
  border-color: var(--bs-primary-tint-80);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.theme-color-gray .form-check-input:checked[type=checkbox] {
  background-color: theme-color-gray;
}
.theme-color-gray .form-switch .form-check-input {
  padding: 0.5rem;
  background-color: #e9ecef;
  border-color: #e9ecef;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.theme-color-gray .form-switch .form-check-input:checked {
  background-color: var(--bs-primary-tint-80);
  border-color: var(--bs-primary-tint-80);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.theme-color-red .form-check-input:checked[type=checkbox] {
  background-color: theme-color-red;
}
.theme-color-red .form-switch .form-check-input {
  padding: 0.5rem;
  background-color: #e9ecef;
  border-color: #e9ecef;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.theme-color-red .form-switch .form-check-input:checked {
  background-color: var(--bs-primary-tint-80);
  border-color: var(--bs-primary-tint-80);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.theme-color-yellow .form-check-input:checked[type=checkbox] {
  background-color: theme-color-yellow;
}
.theme-color-yellow .form-switch .form-check-input {
  padding: 0.5rem;
  background-color: #e9ecef;
  border-color: #e9ecef;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.theme-color-yellow .form-switch .form-check-input:checked {
  background-color: var(--bs-primary-tint-80);
  border-color: var(--bs-primary-tint-80);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.theme-color-pink .form-check-input:checked[type=checkbox] {
  background-color: theme-color-pink;
}
.theme-color-pink .form-switch .form-check-input {
  padding: 0.5rem;
  background-color: #e9ecef;
  border-color: #e9ecef;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.theme-color-pink .form-switch .form-check-input:checked {
  background-color: var(--bs-primary-tint-80);
  border-color: var(--bs-primary-tint-80);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.text-primary {
  color: var(--bs-primary) !important;
}

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

.bg-soft-primary {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}

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

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

.bg-soft-info {
  color: var(--bs-info);
  background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}

.accordion-item {
  background-color: var(--bs-primary-tint-88);
}

.accordion-header {
  background-color: var(--bs-primary-tint-88);
}

.accordion-button {
  background-color: var(--bs-primary-tint-88);
}

.accordion-button:not(.collapsed) {
  color: var(--bs-primary-shade-20);
  background-color: var(--bs-primary-tint-80);
}
.accordion-button:focus {
  border-color: var(--bs-primary-tint-60);
}

.alert-primary {
  color: var(--bs-primary);
  background: var(--bs-primary-tint-80);
  border-color: var(--bs-primary);
}
.alert-primary .alert-link {
  color: var(--bs-primary-shade-40);
}
.alert-primary.alert-solid {
  color: var(--bs-white);
  background: var(--bs-primary);
  border-color: var(--bs-primary);
}
.alert-primary.alert-left {
  background: rgba(var(--bs-primary-rgb), 0.2);
  border-color: var(--bs-primary);
}

.iq-media-group .iq-icon-box-3 {
  border-color: var(--bs-primary);
}

.badge {
  color: var(--bs-white);
}

.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-primary-shade-20);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-white);
  background-color: var(--bs-primary);
}

.btn.btn-primary {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn.btn-primary:hover {
  color: var(--bs-white);
  background-color: var(--bs-primary-shade-20);
  border-color: var(--bs-primary-shade-20);
}
.btn.btn-primary:focus {
  color: var(--bs-white);
  background-color: var(--bs-primary-shade-20);
  border-color: var(--bs-primary-shade-20);
}
.btn.btn-primary:active, .btn.btn-primary.active {
  color: var(--bs-white);
  background-color: var(--bs-primary-shade-20);
  border-color: var(--bs-primary-shade-20);
}
.btn.btn-outline-primary {
  color: var(--bs-primary-shade-20);
  border-color: var(--bs-primary-shade-20);
}
.btn.btn-outline-primary:hover {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn.btn-outline-primary:active, .btn.btn-outline-primary.active {
  color: var(--bs-white);
  background-color: var(--bs-primary-shade-20);
  border-color: var(--bs-primary-shade-20);
}
.btn.btn-soft-primary {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  border-color: transparent;
}
.btn.btn-soft-primary:hover, .btn.btn-soft-primary:focus, .btn.btn-soft-primary:active {
  color: var(--bs-primary-tint-20);
  background-color: rgba(var(--bs-primary-rgb), 0.2);
  border-color: transparent;
}

.btn.btn-info {
  color: var(--bs-white);
  background-color: var(--bs-info);
  border-color: var(--bs-info);
}
.btn.btn-info:hover {
  color: var(--bs-white);
  background-color: var(--bs-info-shade-20);
  border-color: var(--bs-info-shade-20);
}
.btn.btn-info:focus {
  color: var(--bs-white);
  background-color: var(--bs-info-shade-20);
  border-color: var(--bs-info-shade-20);
}
.btn.btn-info:active, .btn.btn-info.active {
  color: var(--bs-white);
  background-color: var(--bs-info-shade-20);
  border-color: var(--bs-info-shade-20);
}
.btn.btn-outline-info {
  color: var(--bs-info-shade-20);
  border-color: var(--bs-info-shade-20);
}
.btn.btn-outline-info:hover {
  color: var(--bs-white);
  background-color: var(--bs-info);
  border-color: var(--bs-info);
}
.btn.btn-outline-info:active, .btn.btn-outline-info.active {
  color: var(--bs-white);
  background-color: var(--bs-info-shade-20);
  border-color: var(--bs-info-shade-20);
}
.btn.btn-soft-info {
  color: var(--bs-info);
  background-color: rgba(var(--bs-info-rgb), 0.1);
  border-color: transparent;
}
.btn.btn-soft-info:hover, .btn.btn-soft-info:focus, .btn.btn-soft-info:active {
  color: var(--bs-info-tint-20);
  background-color: rgba(var(--bs-info-rgb), 0.2);
  border-color: transparent;
}

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

.bd-aside .active {
  color: var(--bs-primary);
  background-color: var(--bs-primary-tint-88);
}
.bd-aside .btn:hover {
  color: var(--bs-primary);
  background-color: var(--bs-primary-tint-88);
}
.bd-aside .btn:focus {
  color: var(--bs-primary);
  background-color: var(--bs-primary-tint-88);
  -webkit-box-shadow: 0 0 0 0.063rem rgba(var(--bs-primary-rgb), 0.7);
          box-shadow: 0 0 0 0.063rem rgba(var(--bs-primary-rgb), 0.7);
}
.bd-aside a:hover {
  background-color: var(--bs-primary-tint-88);
}

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

.list-group-item-primary {
  color: var(--bs-primary-shade-40);
  background-color: var(--bs-primary-tint-80);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: var(--bs-primary-shade-40);
  background-color: var(--bs-primary-tint-60);
}

.list-group-item.active {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
  background-color: var(--bg-body);
}
.list-group-item-action:not(.active):active {
  background-color: var(--bs-primary-tint-80);
}

.form-control {
  font-size: var(--body-font-size);
}
.form-control:focus {
  border-color: var(--bs-primary-tint-40);
}

.form-select:focus {
  border-color: var(--bs-primary-tint-40);
}

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

.border-primary {
  border-color: var(--bs-primary) !important;
}

#top-tab-list li a {
  color: var(--bs-primary);
  background: var(--bs-primary-tint-80);
}
#top-tab-list li a .iq-icon {
  background: var(--bs-primary);
}
#top-tab-list li.active a {
  background: var(--bs-primary);
}
#top-tab-list li.active a .iq-icon {
  color: var(--bs-primary);
}

.nav-link {
  color: var(--bs-primary);
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-primary-shade-20);
}

.nav-tabs .nav-link.active {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-primary-rgb), 0.3);
          box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-primary-rgb), 0.3);
}

.nav-pills .nav-link.active {
  color: #fff;
  background-color: var(--bs-primary);
}

.nav .search-input.input-group:focus-within .input-group-text, .nav .search-input.input-group:focus-within .form-control {
  border-color: var(--bs-primary-tint-40);
}

.iq-navbar-header.navs-bg-color .iq-header-img {
  background-color: var(--bs-primary);
}

.iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card:hover {
  background: var(--bs-primary-tint-88);
}

.page-item.active .page-link {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.page-item .page-link {
  border-color: var(--bs-primary-tint-80);
  color: var(--bs-primary);
}

.table-primary {
  --bs-table-bg: var(--bs-primary-tint-80);
  border-color: var(--bs-primary-tint-80);
}

.type {
  background: var(--bs-primary);
}

.prc-box {
  background: var(--bs-primary-tint-80);
}

.prc-box.active {
  background: var(--bs-primary);
}
.prc-box.active .type {
  background: var(--bs-primary-tint-80);
}

.circle-progress-primary svg .circle-progress-value {
  stroke: var(--bs-primary);
}
.circle-progress-primary svg .circle-progress-text {
  fill: var(--bs-primary);
}

.circle-progress-info svg .circle-progress-value {
  stroke: var(--bs-info);
}
.circle-progress-info svg .circle-progress-text {
  fill: var(--bs-info);
}

.sidebar .sidebar-toggle {
  background: var(--bs-primary);
}
.sidebar .navbar-brand svg {
  color: var(--bs-primary);
}
.sidebar.sidebar-color .navbar-brand svg {
  color: #fff;
}

.sidebar-default .navbar-nav .nav-item .nav-link:not(.disabled).active, .sidebar-default .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] {
  background-color: var(--bs-primary);
  -webkit-box-shadow: 0 10px 20px -10px rgba(var(--bs-primary-rgb), 0.4);
          box-shadow: 0 10px 20px -10px rgba(var(--bs-primary-rgb), 0.4);
}
.sidebar-default .navbar-nav .nav-item .nav-link:not(.disabled):hover:not(.active):not([aria-expanded=true]) {
  background-color: var(--bs-primary-tint-88);
  color: var(--bs-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sidebar-color {
  background-color: var(--bs-primary) !important;
}
.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled).active {
  background-color: #fff;
  color: var(--bs-primary) !important;
}
.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] {
  background-color: #fff;
  color: var(--bs-primary) !important;
}
.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled):hover:not(.active):not([aria-expanded=true]) {
  background-color: rgba(var(--bs-white-rgb), 0.1);
  color: #fff;
}
.sidebar-color .sidebar-header {
  border-bottom-color: var(--bs-primary-tint-20);
}

.dual-horizontal {
  background: var(--bs-primary);
}
.dual-horizontal .nav {
  background: var(--bs-primary);
}

.boxed {
  background: var(--bs-primary);
}

.boxed-fancy::before {
  background: var(--bs-primary);
}

.fc-button-primary {
  color: #fff !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.child-cell.active {
  color: var(--bs-primary);
  stroke: var(--bs-primary);
}

.dark .text-primary {
  color: var(--bs-primary) !important;
}
.dark .bg-primary {
  background-color: var(--bs-primary) !important;
}
.dark .bg-soft-primary {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}
.dark .text-info {
  color: var(--bs-info) !important;
}
.dark .bg-info {
  background-color: var(--bs-info) !important;
}
.dark .bg-soft-info {
  color: var(--bs-info);
  background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}
.dark .accordion-item {
  background-color: var(--bs-primary-tint-88);
}
.dark .accordion-header {
  background-color: var(--bs-primary-tint-88);
}
.dark .accordion-button {
  background-color: var(--bs-primary-tint-88);
}
.dark .accordion-button:not(.collapsed) {
  color: var(--bs-primary-shade-20);
  background-color: var(--bs-primary-tint-80);
}
.dark .accordion-button:focus {
  border-color: var(--bs-primary-tint-60);
}
.dark .alert-primary {
  color: var(--bs-primary);
  background: var(--bs-primary-tint-80);
  border-color: var(--bs-primary);
}
.dark .alert-primary .alert-link {
  color: var(--bs-primary-shade-40);
}
.dark .alert-primary.alert-solid {
  color: var(--bs-white);
  background: var(--bs-primary);
  border-color: var(--bs-primary);
}
.dark .alert-primary.alert-left {
  background: rgba(var(--bs-primary-rgb), 0.2);
  border-color: var(--bs-primary);
}
.dark .iq-media-group .iq-icon-box-3 {
  border-color: var(--bs-primary);
}
.dark .badge {
  color: var(--bs-white);
}
.dark .dropdown-item:hover, .dark .dropdown-item:focus {
  color: var(--bs-primary-shade-20);
}
.dark .dropdown-item.active, .dark .dropdown-item:active {
  color: var(--bs-white);
  background-color: var(--bs-primary);
}
.dark .btn.btn-primary {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.dark .btn.btn-primary:hover {
  color: var(--bs-white);
  background-color: var(--bs-primary-shade-20);
  border-color: var(--bs-primary-shade-20);
}
.dark .btn.btn-primary:focus {
  color: var(--bs-white);
  background-color: var(--bs-primary-shade-20);
  border-color: var(--bs-primary-shade-20);
}
.dark .btn.btn-primary:active, .dark .btn.btn-primary.active {
  color: var(--bs-white);
  background-color: var(--bs-primary-shade-20);
  border-color: var(--bs-primary-shade-20);
}
.dark .btn.btn-outline-primary {
  color: var(--bs-primary-shade-20);
  border-color: var(--bs-primary-shade-20);
}
.dark .btn.btn-outline-primary:hover {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.dark .btn.btn-outline-primary:active, .dark .btn.btn-outline-primary.active {
  color: var(--bs-white);
  background-color: var(--bs-primary-shade-20);
  border-color: var(--bs-primary-shade-20);
}
.dark .btn.btn-soft-primary {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  border-color: transparent;
}
.dark .btn.btn-soft-primary:hover, .dark .btn.btn-soft-primary:focus, .dark .btn.btn-soft-primary:active {
  color: var(--bs-primary-tint-20);
  background-color: rgba(var(--bs-primary-rgb), 0.2);
  border-color: transparent;
}
.dark .btn.btn-info {
  color: var(--bs-white);
  background-color: var(--bs-info);
  border-color: var(--bs-info);
}
.dark .btn.btn-info:hover {
  color: var(--bs-white);
  background-color: var(--bs-info-shade-20);
  border-color: var(--bs-info-shade-20);
}
.dark .btn.btn-info:focus {
  color: var(--bs-white);
  background-color: var(--bs-info-shade-20);
  border-color: var(--bs-info-shade-20);
}
.dark .btn.btn-info:active, .dark .btn.btn-info.active {
  color: var(--bs-white);
  background-color: var(--bs-info-shade-20);
  border-color: var(--bs-info-shade-20);
}
.dark .btn.btn-outline-info {
  color: var(--bs-info-shade-20);
  border-color: var(--bs-info-shade-20);
}
.dark .btn.btn-outline-info:hover {
  color: var(--bs-white);
  background-color: var(--bs-info);
  border-color: var(--bs-info);
}
.dark .btn.btn-outline-info:active, .dark .btn.btn-outline-info.active {
  color: var(--bs-white);
  background-color: var(--bs-info-shade-20);
  border-color: var(--bs-info-shade-20);
}
.dark .btn.btn-soft-info {
  color: var(--bs-info);
  background-color: rgba(var(--bs-info-rgb), 0.1);
  border-color: transparent;
}
.dark .btn.btn-soft-info:hover, .dark .btn.btn-soft-info:focus, .dark .btn.btn-soft-info:active {
  color: var(--bs-info-tint-20);
  background-color: rgba(var(--bs-info-rgb), 0.2);
  border-color: transparent;
}
.dark .btn-link {
  color: var(--bs-primary);
}
.dark .bd-aside .active {
  color: var(--bs-primary);
  background-color: var(--bs-primary-tint-88);
}
.dark .bd-aside .btn:hover {
  color: var(--bs-primary);
  background-color: var(--bs-primary-tint-88);
}
.dark .bd-aside .btn:focus {
  color: var(--bs-primary);
  background-color: var(--bs-primary-tint-88);
  -webkit-box-shadow: 0 0 0 0.063rem rgba(var(--bs-primary-rgb), 0.7);
          box-shadow: 0 0 0 0.063rem rgba(var(--bs-primary-rgb), 0.7);
}
.dark .bd-aside a:hover {
  background-color: var(--bs-primary-tint-88);
}
.dark .btn-border.active {
  border-color: var(--bs-primary);
}
.dark .list-group-item-primary {
  color: var(--bs-primary-shade-40);
  background-color: var(--bs-primary-tint-80);
}
.dark .list-group-item-primary.list-group-item-action:hover, .dark .list-group-item-primary.list-group-item-action:focus {
  color: var(--bs-primary-shade-40);
  background-color: var(--bs-primary-tint-60);
}
.dark .list-group-item.active {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.dark .list-group-item-action:not(.active):hover, .dark .list-group-item-action:not(.active):focus {
  background-color: var(--bg-body);
}
.dark .list-group-item-action:not(.active):active {
  background-color: var(--bs-primary-tint-80);
}
.dark .form-control {
  font-size: var(--body-font-size);
}
.dark .form-control:focus {
  border-color: var(--bs-primary-tint-40);
}
.dark .form-select:focus {
  border-color: var(--bs-primary-tint-40);
}
.dark .form-check-input {
  border-color: var(--bs-primary-shade-20);
}
.dark .form-check-input:checked {
  border-color: var(--bs-primary-shade-20);
}
.dark .form-check-input:focus {
  border-color: var(--bs-primary-shade-20);
}
.dark .border-primary {
  border-color: var(--bs-primary) !important;
}
.dark #top-tab-list li a {
  color: var(--bs-primary);
  background: var(--bs-primary-tint-80);
}
.dark #top-tab-list li a .iq-icon {
  background: var(--bs-primary);
}
.dark #top-tab-list li.active a {
  background: var(--bs-primary);
}
.dark #top-tab-list li.active a .iq-icon {
  color: var(--bs-primary);
}
.dark .nav-link {
  color: var(--bs-primary);
}
.dark .nav-link:hover, .dark .nav-link:focus {
  color: var(--bs-primary-shade-20);
}
.dark .nav-tabs .nav-link.active {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-primary-rgb), 0.3);
          box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-primary-rgb), 0.3);
}
.dark .nav-pills .nav-link.active {
  color: #fff;
  background-color: var(--bs-primary);
}
.dark .nav .search-input.input-group:focus-within .input-group-text, .dark .nav .search-input.input-group:focus-within .form-control {
  border-color: var(--bs-primary-tint-40);
}
.dark .nav .sidebar-toggle {
  background: var(--bs-primary);
}
.dark .iq-navbar-header.navs-bg-color .iq-header-img {
  background-color: var(--bs-primary);
}
.dark .iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card:hover {
  background: var(--bs-primary-tint-88);
}
.dark .page-item.active .page-link {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.dark .page-item .page-link {
  border-color: var(--bs-primary-tint-80);
  color: var(--bs-primary);
}
.dark .table-primary {
  --bs-table-bg: var(--bs-primary-tint-80);
  border-color: var(--bs-primary-tint-80);
}
.dark .type {
  background: var(--bs-primary);
}
.dark .prc-box {
  background: var(--bs-primary-tint-80);
}
.dark .prc-box.active {
  background: var(--bs-primary);
}
.dark .prc-box.active .type {
  background: var(--bs-primary-tint-80);
}
.dark .circle-progress-primary svg .circle-progress-value {
  stroke: var(--bs-primary);
}
.dark .circle-progress-primary svg .circle-progress-text {
  fill: var(--bs-primary);
}
.dark .circle-progress-info svg .circle-progress-value {
  stroke: var(--bs-info);
}
.dark .circle-progress-info svg .circle-progress-text {
  fill: var(--bs-info);
}
.dark .sidebar .sidebar-toggle {
  background: var(--bs-primary);
}
.dark .sidebar .navbar-brand svg {
  color: var(--bs-primary);
}
.dark .sidebar.sidebar-color .navbar-brand svg {
  color: #fff;
}
.dark .sidebar-default .navbar-nav .nav-item .nav-link:not(.disabled).active, .dark .sidebar-default .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] {
  background-color: var(--bs-primary);
  -webkit-box-shadow: 0 10px 20px -10px rgba(var(--bs-primary-rgb), 0.4);
          box-shadow: 0 10px 20px -10px rgba(var(--bs-primary-rgb), 0.4);
}
.dark .sidebar-default .navbar-nav .nav-item .nav-link:not(.disabled):hover:not(.active):not([aria-expanded=true]) {
  background-color: var(--bs-primary-tint-88);
  color: var(--bs-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dark .sidebar-color {
  background-color: var(--bs-primary) !important;
}
.dark .sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled).active {
  background-color: #fff;
  color: var(--bs-primary) !important;
}
.dark .sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] {
  background-color: #fff;
  color: var(--bs-primary) !important;
}
.dark .sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled):hover:not(.active):not([aria-expanded=true]) {
  background-color: rgba(var(--bs-white-rgb), 0.1);
  color: #fff;
}
.dark .sidebar-color .sidebar-header {
  border-bottom-color: var(--bs-primary-tint-20);
}
.dark .dual-horizontal {
  background: var(--bs-primary);
}
.dark .dual-horizontal .nav {
  background: var(--bs-primary);
}
.dark .boxed {
  background: var(--bs-primary);
}
.dark .boxed-fancy::before {
  background: var(--bs-primary);
}
.dark .sidebar-default .navbar-nav .nav-item .nav-link:not(.disabled):hover:not(.active):not([aria-expanded=true]) {
  background-color: rgba(var(--bs-primary-rgb), 0.2);
}
.dark .fc-button-primary {
  color: #fff !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

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

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

.bg-soft-primary {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}

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

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

.bg-soft-info {
  color: var(--bs-info);
  background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}