/*!
*
* 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-shade-20);
}

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

:root {
  --bs-heading-color: #0c112e;
  --bs-primary: #3a57e8;
  --bs-primary-shade-80: #0c112e;
  --bs-primary-shade-60: #17235d;
  --bs-primary-shade-40: #23348b;
  --bs-primary-shade-20: #2e46ba;
  --bs-primary-tint-90: #ebeefd;
  --bs-primary-tint-80: #d8ddfa;
  --bs-primary-tint-60: #b0bcf6;
  --bs-primary-tint-40: #899af1;
  --bs-primary-tint-20: #6179ed;
  --bs-primary-rgb: 58, 87, 232;
  --bs-heading-color: #022325;
  --bs-info: #08B1BA;
  --bs-info-shade-80: #022325;
  --bs-info-shade-60: #03474a;
  --bs-info-shade-40: #056a70;
  --bs-info-shade-20: #068e95;
  --bs-info-tint-90: #e6f7f8;
  --bs-info-tint-80: #ceeff1;
  --bs-info-tint-60: #9ce0e3;
  --bs-info-tint-40: #6bd0d6;
  --bs-info-tint-20: #39c1c8;
  --bs-info-rgb: 8, 177, 186;
}

.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;
}

a.bg-soft-primary, button.bg-soft-primary {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}
a.bg-soft-primary:hover, a.bg-soft-primary:focus, button.bg-soft-primary:hover, button.bg-soft-primary:focus {
  color: var(--bs-primary-shade-20);
  background-color: rgba(var(--bs-primary-rgb), 0.2) !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;
}

a.bg-soft-info, button.bg-soft-info {
  color: var(--bs-info);
  background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}
a.bg-soft-info:hover, a.bg-soft-info:focus, button.bg-soft-info:hover, button.bg-soft-info:focus {
  color: var(--bs-info-shade-20);
  background-color: rgba(var(--bs-info-rgb), 0.2) !important;
}

.accordion-button:not(.collapsed) {
  color: var(--bs-primary-shade-20);
  background-color: var(--bs-primary-tint-90);
  box-shadow: inset 0 -1px 0, rgba(var(--bs-black-rgb), 0.13);
}
.accordion-button:focus {
  border-color: var(--bs-primary-tint-40);
  box-shadow: 0 0.125rem 0rem 0rem, rgba(var(--bs-primary-rgb), 0.15);
}

.alert-primary {
  color: var(--bs-primary-shade-40);
  background: var(--bs-primary-tint-60);
  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-left.alert-primary {
  border-color: var(--bs-primary);
}

.alert-top.alert-primary {
  border-color: var(--bs-primary);
}

.alert-right.alert-primary {
  border-color: var(--bs-primary);
}

.alert-bottom.alert-primary {
  border-color: var(--bs-primary);
}

.alert-info {
  color: var(--bs-info-shade-40);
  background: var(--bs-info-tint-60);
  border-color: var(--bs-info);
}
.alert-info .alert-link {
  color: var(--bs-info-shade-40);
}
.alert-info.alert-solid {
  color: var(--bs-white);
  background: var(--bs-info);
  border-color: var(--bs-info);
}

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

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

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

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

.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-primary-shade-20);
}
.dropdown-item.active, .dropdown-item:active {
  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);
  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);
  background-color: rgba(var(--bs-info-rgb), 0.2);
  border-color: transparent;
}

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

.bd-aside .active {
  color: var(--bs-primary);
  background-color: var(--bs-primary-tint-90);
}
.bd-aside .btn:hover {
  color: var(--bs-primary);
  background-color: var(--bs-primary-tint-90);
}
.bd-aside .btn:focus {
  color: var(--bs-primary);
  background-color: var(--bs-primary-tint-90);
}
.bd-aside a:hover {
  background-color: var(--bs-primary-tint-88);
}

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

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

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

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

.list-group .list-group-item.list-group-item-action.list-group-item-primary {
  background-color: rgba(var(--bs-primary-rgb), 10%);
}
.list-group .list-group-item.list-group-item-action.list-group-item-primary:hover {
  background-color: rgba(var(--bs-primary-rgb), 20%);
  color: "primary";
}

.list-group .list-group-item.list-group-item-action.list-group-item-info {
  background-color: rgba(var(--bs-info-rgb), 10%);
}
.list-group .list-group-item.list-group-item-action.list-group-item-info:hover {
  background-color: rgba(var(--bs-info-rgb), 20%);
  color: "info";
}

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

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

.form-check-input:checked {
  border-color: var(--bs-primary-shade-20);
  background-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;
}

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

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

.nav-tabs .nav-link.active {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.nav-pills .nav-link.active {
  color: var(--bs-white);
  background-color: var(--bs-primary);
}

.nav-slider {
  position: relative;
}
.nav-slider .nav-link.active {
  background-color: transparent;
}
.nav-slider .nav-item {
  z-index: 3;
}
.nav-slider .nav-slider-thumb {
  z-index: 1 !important;
  width: 100%;
  color: var(--bs-primary);
  background: var(--bs-primary);
}

.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);
}

.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);
  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-90);
  color: var(--bs-primary);
  box-shadow: none;
}
.sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled).active, .sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  box-shadow: unset;
  color: var(--bs-primary);
}
.sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled):hover:not(.active):not([aria-expanded=true]) {
  background-color: unset;
  color: var(--bs-primary);
  box-shadow: none;
}
.sidebar-default:not(.left-bordered).sidebar-soft.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled).active, .sidebar-default:not(.left-bordered).sidebar-soft.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] {
  background-color: rgba(var(--bs-white-rgb), 1);
  box-shadow: unset;
  color: var(--bs-primary);
}
.sidebar-default:not(.left-bordered).sidebar-soft.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.5);
  color: var(--bs-white);
  box-shadow: none;
}

.sidebar-color {
  background-color: var(--bs-primary);
}
.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled).active {
  background-color: #fff;
  color: var(--bs-primary);
}
.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] {
  background-color: #fff;
  color: var(--bs-primary);
}
.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);
}

.sidebar-dark .navbar-nav .nav-item .nav-link:not(.disabled).active {
  background-color: var(--bs-primary);
  color: #fff;
}

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

.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 a.bg-soft-primary, .dark button.bg-soft-primary {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}
.dark a.bg-soft-primary:hover, .dark a.bg-soft-primary:focus, .dark button.bg-soft-primary:hover, .dark button.bg-soft-primary:focus {
  color: var(--bs-primary-shade-20);
  background-color: rgba(var(--bs-primary-rgb), 0.2) !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 a.bg-soft-info, .dark button.bg-soft-info {
  color: var(--bs-info);
  background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}
.dark a.bg-soft-info:hover, .dark a.bg-soft-info:focus, .dark button.bg-soft-info:hover, .dark button.bg-soft-info:focus {
  color: var(--bs-info-shade-20);
  background-color: rgba(var(--bs-info-rgb), 0.2) !important;
}
.dark .accordion-button:not(.collapsed) {
  color: var(--bs-primary-shade-20);
  background-color: var(--bs-primary-tint-90);
  box-shadow: inset 0 -1px 0, rgba(var(--bs-black-rgb), 0.13);
}
.dark .accordion-button:focus {
  border-color: var(--bs-primary-tint-40);
  box-shadow: 0 0.125rem 0rem 0rem, rgba(var(--bs-primary-rgb), 0.15);
}
.dark .alert-primary {
  color: var(--bs-primary-shade-40);
  background: var(--bs-primary-tint-60);
  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-left.alert-primary {
  border-color: var(--bs-primary);
}
.dark .alert-top.alert-primary {
  border-color: var(--bs-primary);
}
.dark .alert-right.alert-primary {
  border-color: var(--bs-primary);
}
.dark .alert-bottom.alert-primary {
  border-color: var(--bs-primary);
}
.dark .alert-info {
  color: var(--bs-info-shade-40);
  background: var(--bs-info-tint-60);
  border-color: var(--bs-info);
}
.dark .alert-info .alert-link {
  color: var(--bs-info-shade-40);
}
.dark .alert-info.alert-solid {
  color: var(--bs-white);
  background: var(--bs-info);
  border-color: var(--bs-info);
}
.dark .alert-left.alert-info {
  border-color: var(--bs-info);
}
.dark .alert-top.alert-info {
  border-color: var(--bs-info);
}
.dark .alert-right.alert-info {
  border-color: var(--bs-info);
}
.dark .alert-bottom.alert-info {
  border-color: var(--bs-info);
}
.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-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);
  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);
  background-color: rgba(var(--bs-info-rgb), 0.2);
  border-color: transparent;
}
.dark .btn-link {
  color: var(--bs-primary);
}
.dark .btn-link:hover {
  color: var(--bs-primary-tint-20);
}
.dark .bd-aside .active {
  color: var(--bs-primary);
  background-color: var(--bs-primary-tint-90);
}
.dark .bd-aside .btn:hover {
  color: var(--bs-primary);
  background-color: var(--bs-primary-tint-90);
}
.dark .bd-aside .btn:focus {
  color: var(--bs-primary);
  background-color: var(--bs-primary-tint-90);
}
.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.list-group-item-primary {
  color: var(--bs-primary-shade-40);
  background-color: var(--bs-primary-tint-80);
}
.dark .list-group-item.list-group-item-primary.list-group-item-action:not(.active):hover, .dark .list-group-item.list-group-item-primary.list-group-item-action:not(.active):focus {
  color: var(--bs-primary-shade-40);
  background-color: var(--bs-primary-tint-60);
}
.dark .list-group-item.list-group-item-info {
  color: var(--bs-info-shade-40);
  background-color: var(--bs-info-tint-80);
}
.dark .list-group-item.list-group-item-info.list-group-item-action:not(.active):hover, .dark .list-group-item.list-group-item-info.list-group-item-action:not(.active):focus {
  color: var(--bs-info-shade-40);
  background-color: var(--bs-info-tint-60);
}
.dark .list-group-item.active {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-white);
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-primary {
  background-color: rgba(var(--bs-primary-rgb), 10%);
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-primary:hover {
  background-color: rgba(var(--bs-primary-rgb), 20%);
  color: "primary";
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-info {
  background-color: rgba(var(--bs-info-rgb), 10%);
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-info:hover {
  background-color: rgba(var(--bs-info-rgb), 20%);
  color: "info";
}
.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:checked {
  border-color: var(--bs-primary-shade-20);
  background-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 .border-info {
  border-color: var(--bs-info) !important;
}
.dark .nav-link {
  color: var(--bs-primary);
}
.dark .nav-link:hover, .dark .nav-link:focus {
  color: var(--bs-primary);
}
.dark .nav-tabs .nav-link.active {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.dark .nav-pills .nav-link.active {
  color: var(--bs-white);
  background-color: var(--bs-primary);
}
.dark .nav-slider {
  position: relative;
}
.dark .nav-slider .nav-link.active {
  background-color: transparent;
}
.dark .nav-slider .nav-item {
  z-index: 3;
}
.dark .nav-slider .nav-slider-thumb {
  z-index: 1 !important;
  width: 100%;
  color: var(--bs-primary);
  background: var(--bs-primary);
}
.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 .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);
  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-90);
  color: var(--bs-primary);
  box-shadow: none;
}
.dark .sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled).active, .dark .sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  box-shadow: unset;
  color: var(--bs-primary);
}
.dark .sidebar-default:not(.left-bordered).sidebar-soft .navbar-nav .nav-item .nav-link:not(.disabled):hover:not(.active):not([aria-expanded=true]) {
  background-color: unset;
  color: var(--bs-primary);
  box-shadow: none;
}
.dark .sidebar-default:not(.left-bordered).sidebar-soft.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled).active, .dark .sidebar-default:not(.left-bordered).sidebar-soft.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] {
  background-color: rgba(var(--bs-white-rgb), 1);
  box-shadow: unset;
  color: var(--bs-primary);
}
.dark .sidebar-default:not(.left-bordered).sidebar-soft.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.5);
  color: var(--bs-white);
  box-shadow: none;
}
.dark .sidebar-color {
  background-color: var(--bs-primary);
}
.dark .sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled).active {
  background-color: #fff;
  color: var(--bs-primary);
}
.dark .sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] {
  background-color: #fff;
  color: var(--bs-primary);
}
.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 .sidebar-dark .navbar-nav .nav-item .nav-link:not(.disabled).active {
  background-color: var(--bs-primary);
  color: #fff;
}
.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 {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.live-customizer {
  box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.1);
  border: 0;
}

@media (min-width: 768px) {
  .live-customizer {
    width: 450px;
  }

  .theme-fs-lg .live-customizer {
    width: 500px;
  }
}
.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;
}

a.bg-soft-primary, button.bg-soft-primary {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}
a.bg-soft-primary:hover, a.bg-soft-primary:focus, button.bg-soft-primary:hover, button.bg-soft-primary:focus {
  color: var(--bs-primary-shade-20);
  background-color: rgba(var(--bs-primary-rgb), 0.2) !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;
}

a.bg-soft-info, button.bg-soft-info {
  color: var(--bs-info);
  background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}
a.bg-soft-info:hover, a.bg-soft-info:focus, button.bg-soft-info:hover, button.bg-soft-info:focus {
  color: var(--bs-info-shade-20);
  background-color: rgba(var(--bs-info-rgb), 0.2) !important;
}