/*!
* Version: 1.1.0
* Template: Example Project
* Author: iqonic.design
* Design and Developed by: iqonic.design
* NOTE: This file contains the styling for Template.
*
*/
:focus {
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--bs-heading-font-family);
}

a {
  transition: color 400ms ease, background 400ms ease;
}

.iq-slider {
  overflow: hidden;
  overflow-x: auto;
}

.iq-scroller-effect {
  /* Scroll Track */
  /* Scroll Handle */
  /* Scroll Handle on hover */
}
.iq-scroller-effect ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 20px;
}
.iq-scroller-effect ::-webkit-scrollbar-track {
  background: #F9F9F9;
  border-radius: 20px;
}
.iq-scroller-effect ::-webkit-scrollbar-thumb {
  background: #eeeeee;
  border-radius: 20px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  cursor: pointer;
}
.iq-scroller-effect ::-webkit-scrollbar-thumb:hover {
  background: rgb(239.7, 239.7, 239.7);
  border-radius: 20px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

body {
  transition: background-color 250ms ease-in-out;
}

.dark {
  /*
   * Background color 
   */
}
.dark .bg-soft-primary {
  background-color: rgba(59.2278481013, 165.0759493671, 228.7721518987, 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 {
  cursor: pointer;
  color: rgb(18.9620253165, 95.4873417722, 141.5379746835);
  background-color: rgba(59.2278481013, 165.0759493671, 228.7721518987, 0.15) !important;
}
.dark .bg-soft-secondary {
  background-color: rgba(124.8577075099, 137.6324110672, 183.1422924901, 0.1) !important;
}
.dark a.bg-soft-secondary:hover, .dark a.bg-soft-secondary:focus,
.dark button.bg-soft-secondary:hover,
.dark button.bg-soft-secondary:focus {
  cursor: pointer;
  color: rgb(64.209486166, 75.6245059289, 116.290513834);
  background-color: rgba(124.8577075099, 137.6324110672, 183.1422924901, 0.15) !important;
}
.dark .bg-soft-success {
  background-color: rgba(33.1290322581, 203.8709677419, 105.7580645161, 0.1) !important;
}
.dark a.bg-soft-success:hover, .dark a.bg-soft-success:focus,
.dark button.bg-soft-success:hover,
.dark button.bg-soft-success:focus {
  cursor: pointer;
  color: rgb(15.3064516129, 94.1935483871, 48.8629032258);
  background-color: rgba(33.1290322581, 203.8709677419, 105.7580645161, 0.15) !important;
}
.dark .bg-soft-info {
  background-color: rgba(10.1030927835, 223.5309278351, 234.8969072165, 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 {
  cursor: pointer;
  color: rgb(4.8453608247, 107.2036082474, 112.6546391753);
  background-color: rgba(10.1030927835, 223.5309278351, 234.8969072165, 0.15) !important;
}
.dark .bg-soft-warning {
  background-color: rgba(243.9504132231, 137.4008264463, 75.0495867769, 0.1) !important;
}
.dark a.bg-soft-warning:hover, .dark a.bg-soft-warning:focus,
.dark button.bg-soft-warning:hover,
.dark button.bg-soft-warning:focus {
  cursor: pointer;
  color: rgb(180.4214876033, 73.5929752066, 11.0785123967);
  background-color: rgba(243.9504132231, 137.4008264463, 75.0495867769, 0.15) !important;
}
.dark .bg-soft-danger {
  background-color: rgba(220.68, 73, 55.32, 0.1) !important;
}
.dark a.bg-soft-danger:hover, .dark a.bg-soft-danger:focus,
.dark button.bg-soft-danger:hover,
.dark button.bg-soft-danger:focus {
  cursor: pointer;
  color: rgb(126.72, 33, 21.78);
  background-color: rgba(220.68, 73, 55.32, 0.15) !important;
}
.dark .bg-soft-light {
  background-color: rgba(251.0172413793, 251.5, 251.9827586207, 0.1) !important;
}
.dark a.bg-soft-light:hover, .dark a.bg-soft-light:focus,
.dark button.bg-soft-light:hover,
.dark button.bg-soft-light:focus {
  cursor: pointer;
  color: rgb(178.474137931, 187.75, 197.025862069);
  background-color: rgba(251.0172413793, 251.5, 251.9827586207, 0.15) !important;
}
.dark .bg-soft-dark {
  background-color: rgba(102, 102, 102, 0.1) !important;
}
.dark a.bg-soft-dark:hover, .dark a.bg-soft-dark:focus,
.dark button.bg-soft-dark:hover,
.dark button.bg-soft-dark:focus {
  cursor: pointer;
  color: black;
  background-color: rgba(102, 102, 102, 0.15) !important;
}
.dark .text-primary {
  color: #1C8DD1 !important;
}
.dark .text-secondary {
  color: #5c6ca5 !important;
}
.dark .text-success {
  color: #1aa053 !important;
}
.dark .text-info {
  color: #08B1BA !important;
}
.dark .text-warning {
  color: #f16a1b !important;
}
.dark .text-danger {
  color: #c03221 !important;
}
.dark .text-light {
  color: #dee2e6 !important;
}
.dark .text-dark {
  color: #212529 !important;
}
.dark .iq-media-group .iq-icon-box-3 {
  background: #222738;
}
.dark .boarder-start {
  border-left-color: rgba(255, 255, 255, 0.1) !important;
}
.dark .border-end {
  border-right-color: rgba(255, 255, 255, 0.1) !important;
}
.dark .border-top {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}
.dark .border-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
.dark {
  color: #8A92A6;
  background-color: #151824 !important;
}
.dark h1, .dark .h1, .dark h2, .dark .h2, .dark h3, .dark .h3, .dark h4, .dark .h4, .dark h5, .dark .h5, .dark h6, .dark .h6 {
  color: #8A92A6;
}
.dark .border {
  border-color: #30384f !important;
}
.dark .border-bottom {
  border-color: #30384f !important;
}
.dark .datepicker-picker {
  background-color: #222738;
}
.dark .datepicker-picker .datepicker-title {
  background-color: #222738;
}
.dark .datepicker-picker .datepicker-controls .button {
  background-color: #222738;
  color: #8A92A6;
}
.dark thead, .dark tbody, .dark tfoot, .dark tr, .dark td, .dark th {
  border-color: #30384f;
  color: #8A92A6;
}
.dark .offcanvas {
  background-color: #222738;
  color: #8A92A6;
}
.dark button.close-btn-res {
  color: #dee2e6;
}
.dark hr.hr-horizontal {
  background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
}
.dark hr.hr-vertial {
  background-image: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.4), transparent);
}
.dark .text-dark {
  color: #8A92A6 !important;
}
.dark .apexcharts-legend-text {
  color: #8A92A6 !important;
}
.dark .bg-body {
  background-color: #151824 !important;
}
.dark .accordion.custom-accordion .accordion-item .accordion-header .accordion-button {
  background: inherit;
}
.dark .accordion.custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: inherit;
}
.dark .accordion.custom-accordion .accordion-item {
  background: inherit;
}
.dark .accordion .accordion-item {
  background-color: #151824;
}
.dark .accordion .accordion-item .accordion-header .accordion-button {
  background-color: #30384f;
}
.dark .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: #30384f;
}
.dark .accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: unset;
}
.dark .btn-border {
  border: 2px solid #30384f;
}
.dark .btn-border:hover {
  border-color: rgb(86.5511811024, 100.9763779528, 142.4488188976);
}
.dark .btn-border.active {
  border-color: var(--bs-primary);
}
.dark aside.bd-aside .btn:hover, .dark aside.bd-aside .btn:focus, .dark aside.bd-aside .active, .dark aside.bd-aside a:hover {
  color: #fff;
  background-color: #151824;
  box-shadow: unset;
}
.dark .btn.btn-soft-primary:hover, .dark .btn.btn-soft-primary:focus, .dark .btn.btn-soft-primary:active {
  border-color: rgba(var(--bs-primary-rgb), 0.2) !important;
}
.dark .btn-soft-primary {
  --bs-btn-color: rgb(73.4, 163.8, 218.2);
  --bs-btn-bg: rgba(28, 141, 209, 0.1);
  --bs-btn-border-color: rgba(28, 141, 209, 0);
  --bs-btn-hover-color: rgb(96.1, 175.2, 222.8);
  --bs-btn-hover-bg: rgba(28, 141, 209, 0.2);
  --bs-btn-hover-border-color: rgba(28, 141, 209, 0.2);
  --bs-btn-focus-shadow-rgb: 73, 164, 218;
  --bs-btn-active-color: #1c8dd1;
  --bs-btn-active-bg: rgba(28, 141, 209, 0.3);
  --bs-btn-active-border-color: rgba(28, 141, 209, 0.2);
  --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgb(141.5, 198, 232);
  --bs-btn-disabled-border-color: rgba(28, 141, 209, 0);
  box-shadow: unset;
}
.dark .btn-soft-secondary {
  --bs-btn-color: rgb(124.6, 137.4, 183);
  --bs-btn-bg: rgba(92, 108, 165, 0.1);
  --bs-btn-border-color: rgba(92, 108, 165, 0);
  --bs-btn-hover-color: rgb(140.9, 152.1, 192);
  --bs-btn-hover-bg: rgba(92, 108, 165, 0.2);
  --bs-btn-hover-border-color: rgba(92, 108, 165, 0.2);
  --bs-btn-focus-shadow-rgb: 125, 137, 183;
  --bs-btn-active-color: #5c6ca5;
  --bs-btn-active-bg: rgba(92, 108, 165, 0.3);
  --bs-btn-active-border-color: rgba(92, 108, 165, 0.2);
  --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgb(173.5, 181.5, 210);
  --bs-btn-disabled-border-color: rgba(92, 108, 165, 0);
  box-shadow: unset;
}
.dark .btn-soft-success {
  --bs-btn-color: rgb(71.8, 179, 117.4);
  --bs-btn-bg: rgba(26, 160, 83, 0.1);
  --bs-btn-border-color: rgba(26, 160, 83, 0);
  --bs-btn-hover-color: rgb(94.7, 188.5, 134.6);
  --bs-btn-hover-bg: rgba(26, 160, 83, 0.2);
  --bs-btn-hover-border-color: rgba(26, 160, 83, 0.2);
  --bs-btn-focus-shadow-rgb: 72, 179, 117;
  --bs-btn-active-color: #1aa053;
  --bs-btn-active-bg: rgba(26, 160, 83, 0.3);
  --bs-btn-active-border-color: rgba(26, 160, 83, 0.2);
  --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgb(140.5, 207.5, 169);
  --bs-btn-disabled-border-color: rgba(26, 160, 83, 0);
  box-shadow: unset;
}
.dark .btn-soft-info {
  --bs-btn-color: rgb(57.4, 192.6, 199.8);
  --bs-btn-bg: rgba(8, 177, 186, 0.1);
  --bs-btn-border-color: rgba(8, 177, 186, 0);
  --bs-btn-hover-color: rgb(82.1, 200.4, 206.7);
  --bs-btn-hover-bg: rgba(8, 177, 186, 0.2);
  --bs-btn-hover-border-color: rgba(8, 177, 186, 0.2);
  --bs-btn-focus-shadow-rgb: 57, 193, 200;
  --bs-btn-active-color: #08b1ba;
  --bs-btn-active-bg: rgba(8, 177, 186, 0.3);
  --bs-btn-active-border-color: rgba(8, 177, 186, 0.2);
  --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgb(131.5, 216, 220.5);
  --bs-btn-disabled-border-color: rgba(8, 177, 186, 0);
  box-shadow: unset;
}
.dark .btn-soft-warning {
  --bs-btn-color: rgb(243.8, 135.8, 72.6);
  --bs-btn-bg: rgba(241, 106, 27, 0.1);
  --bs-btn-border-color: rgba(241, 106, 27, 0);
  --bs-btn-hover-color: rgb(245.2, 150.7, 95.4);
  --bs-btn-hover-bg: rgba(241, 106, 27, 0.2);
  --bs-btn-hover-border-color: rgba(241, 106, 27, 0.2);
  --bs-btn-focus-shadow-rgb: 244, 136, 73;
  --bs-btn-active-color: #f16a1b;
  --bs-btn-active-bg: rgba(241, 106, 27, 0.3);
  --bs-btn-active-border-color: rgba(241, 106, 27, 0.2);
  --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgb(248, 180.5, 141);
  --bs-btn-disabled-border-color: rgba(241, 106, 27, 0);
  box-shadow: unset;
}
.dark .btn-soft-danger {
  --bs-btn-color: rgb(204.6, 91, 77.4);
  --bs-btn-bg: rgba(192, 50, 33, 0.1);
  --bs-btn-border-color: rgba(192, 50, 33, 0);
  --bs-btn-hover-color: rgb(210.9, 111.5, 99.6);
  --bs-btn-hover-bg: rgba(192, 50, 33, 0.2);
  --bs-btn-hover-border-color: rgba(192, 50, 33, 0.2);
  --bs-btn-focus-shadow-rgb: 205, 91, 77;
  --bs-btn-active-color: #c03221;
  --bs-btn-active-bg: rgba(192, 50, 33, 0.3);
  --bs-btn-active-border-color: rgba(192, 50, 33, 0.2);
  --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgb(223.5, 152.5, 144);
  --bs-btn-disabled-border-color: rgba(192, 50, 33, 0);
  box-shadow: unset;
}
.dark .btn-soft-light {
  --bs-btn-color: rgb(228.6, 231.8, 235);
  --bs-btn-bg: rgba(222, 226, 230, 0.1);
  --bs-btn-border-color: rgba(222, 226, 230, 0);
  --bs-btn-hover-color: rgb(231.9, 234.7, 237.5);
  --bs-btn-hover-bg: rgba(222, 226, 230, 0.2);
  --bs-btn-hover-border-color: rgba(222, 226, 230, 0.2);
  --bs-btn-focus-shadow-rgb: 229, 232, 235;
  --bs-btn-active-color: #dee2e6;
  --bs-btn-active-bg: rgba(222, 226, 230, 0.3);
  --bs-btn-active-border-color: rgba(222, 226, 230, 0.2);
  --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgb(238.5, 240.5, 242.5);
  --bs-btn-disabled-border-color: rgba(222, 226, 230, 0);
  box-shadow: unset;
}
.dark .btn-soft-dark {
  --bs-btn-color: rgb(77.4, 80.6, 83.8);
  --bs-btn-bg: rgba(33, 37, 41, 0.1);
  --bs-btn-border-color: rgba(33, 37, 41, 0);
  --bs-btn-hover-color: rgb(99.6, 102.4, 105.2);
  --bs-btn-hover-bg: rgba(33, 37, 41, 0.2);
  --bs-btn-hover-border-color: rgba(33, 37, 41, 0.2);
  --bs-btn-focus-shadow-rgb: 77, 81, 84;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: rgba(33, 37, 41, 0.3);
  --bs-btn-active-border-color: rgba(33, 37, 41, 0.2);
  --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #909294;
  --bs-btn-disabled-border-color: rgba(33, 37, 41, 0);
  box-shadow: unset;
}
.dark .btn-close {
  filter: invert(1);
}
.dark .footer {
  background: #222738 !important;
}
.dark .footer.glass {
  background-color: rgba(34, 39, 56, 0.5);
  border-top: 1px solid #30384f;
}
.dark .nav {
  background: #222738;
}
.dark .nav .navbar-brand .logo-title {
  color: #fff;
}
.dark .iq-navbar {
  border-color: #222738;
  background-color: #222738;
}
.dark .iq-navbar .navbar-nav .nav-item .nav-link {
  color: #fff;
}
.dark .iq-navbar .navbar-nav .nav-item .nav-link:hover {
  color: var(--bs-primary);
}
.dark .iq-navbar .navbar-nav .nav-item .nav-link.active {
  color: var(--bs-primary);
}
.dark .iq-navbar .navbar-brand .logo-title {
  color: #fff;
}
.dark .iq-navbar.nav-glass {
  background: rgba(34, 39, 56, 0.5);
  border-color: #30384f;
}
.dark .iq-navbar.nav-glass .nav {
  background: transparent;
}
.dark .iq-navbar .dropdown .dropdown-menu.sub-drop li a {
  color: #8A92A6;
}
.dark .iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card {
  color: #8A92A6;
}
.dark .iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card:hover {
  background: rgb(2.8, 14.1, 20.9);
}
.dark .iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card:not(:last-child) {
  border-bottom: 1px solid #30384f;
}
.dark .iq-navbar.navs-transparent {
  background: transparent;
}
.dark .list-group-item:not(.list-group-item-action) {
  background-color: unset;
}
@media (max-width: 1199.98px) {
  .dark .iq-navbar .navbar-collapse:not(.offcanvas-collapse) {
    background: #222738;
  }
}
@media (min-width: 1200px) {
  .dark .iq-navbar.navs-transparent .product-offcanvas .offcanvas, .dark .iq-navbar.nav-glass .product-offcanvas .offcanvas {
    background-color: inherit;
  }
}
.dark .tab-bottom-bordered .nav-tabs .nav-link.active {
  background-color: unset;
  color: var(--bs-primary);
  box-shadow: unset;
}
.dark .alert-primary {
  --bs-alert-color: rgb(73.4, 163.8, 218.2);
  --bs-alert-bg: rgb(11.2, 56.4, 83.6);
  --bs-alert-border-color: #1c8dd1;
}
.dark .alert-primary .alert-link {
  color: rgb(58.72, 131.04, 174.56);
}
.dark .alert-primary .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-secondary {
  --bs-alert-color: rgb(124.6, 137.4, 183);
  --bs-alert-bg: rgb(36.8, 43.2, 66);
  --bs-alert-border-color: #5c6ca5;
}
.dark .alert-secondary .alert-link {
  color: rgb(99.68, 109.92, 146.4);
}
.dark .alert-secondary .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-success {
  --bs-alert-color: rgb(71.8, 179, 117.4);
  --bs-alert-bg: rgb(10.4, 64, 33.2);
  --bs-alert-border-color: #1aa053;
}
.dark .alert-success .alert-link {
  color: rgb(57.44, 143.2, 93.92);
}
.dark .alert-success .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-info {
  --bs-alert-color: rgb(57.4, 192.6, 199.8);
  --bs-alert-bg: rgb(3.2, 70.8, 74.4);
  --bs-alert-border-color: #08b1ba;
}
.dark .alert-info .alert-link {
  color: rgb(45.92, 154.08, 159.84);
}
.dark .alert-info .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-warning {
  --bs-alert-color: rgb(243.8, 135.8, 72.6);
  --bs-alert-bg: rgb(96.4, 42.4, 10.8);
  --bs-alert-border-color: #f16a1b;
}
.dark .alert-warning .alert-link {
  color: rgb(195.04, 108.64, 58.08);
}
.dark .alert-warning .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-danger {
  --bs-alert-color: rgb(204.6, 91, 77.4);
  --bs-alert-bg: rgb(76.8, 20, 13.2);
  --bs-alert-border-color: #c03221;
}
.dark .alert-danger .alert-link {
  color: rgb(163.68, 72.8, 61.92);
}
.dark .alert-danger .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-light {
  --bs-alert-color: rgb(228.6, 231.8, 235);
  --bs-alert-bg: rgb(88.8, 90.4, 92);
  --bs-alert-border-color: #dee2e6;
}
.dark .alert-light .alert-link {
  color: rgb(182.88, 185.44, 188);
}
.dark .alert-light .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-dark {
  --bs-alert-color: rgb(77.4, 80.6, 83.8);
  --bs-alert-bg: rgb(13.2, 14.8, 16.4);
  --bs-alert-border-color: #212529;
}
.dark .alert-dark .alert-link {
  color: rgb(61.92, 64.48, 67.04);
}
.dark .alert-dark .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-solid.alert-primary {
  --bs-alert-color: #fff;
  --bs-alert-bg: #1C8DD1;
  --bs-alert-border-color: #1C8DD1;
}
.dark .alert-solid.alert-primary .alert-link {
  color: #cccccc;
}
.dark .alert-solid.alert-primary .btn-close {
  filter: unset;
}
.dark .alert-solid.alert-secondary {
  --bs-alert-color: #fff;
  --bs-alert-bg: #5c6ca5;
  --bs-alert-border-color: #5c6ca5;
}
.dark .alert-solid.alert-secondary .alert-link {
  color: #cccccc;
}
.dark .alert-solid.alert-secondary .btn-close {
  filter: unset;
}
.dark .alert-solid.alert-success {
  --bs-alert-color: #fff;
  --bs-alert-bg: #1aa053;
  --bs-alert-border-color: #1aa053;
}
.dark .alert-solid.alert-success .alert-link {
  color: #cccccc;
}
.dark .alert-solid.alert-success .btn-close {
  filter: unset;
}
.dark .alert-solid.alert-info {
  --bs-alert-color: #fff;
  --bs-alert-bg: #08B1BA;
  --bs-alert-border-color: #08B1BA;
}
.dark .alert-solid.alert-info .alert-link {
  color: #cccccc;
}
.dark .alert-solid.alert-info .btn-close {
  filter: unset;
}
.dark .alert-solid.alert-warning {
  --bs-alert-color: #fff;
  --bs-alert-bg: #f16a1b;
  --bs-alert-border-color: #f16a1b;
}
.dark .alert-solid.alert-warning .alert-link {
  color: #cccccc;
}
.dark .alert-solid.alert-warning .btn-close {
  filter: unset;
}
.dark .alert-solid.alert-danger {
  --bs-alert-color: #fff;
  --bs-alert-bg: #c03221;
  --bs-alert-border-color: #c03221;
}
.dark .alert-solid.alert-danger .alert-link {
  color: #cccccc;
}
.dark .alert-solid.alert-danger .btn-close {
  filter: unset;
}
.dark .alert-solid.alert-light {
  --bs-alert-color: #fff;
  --bs-alert-bg: #dee2e6;
  --bs-alert-border-color: #dee2e6;
}
.dark .alert-solid.alert-light .alert-link {
  color: #cccccc;
}
.dark .alert-solid.alert-light .btn-close {
  filter: unset;
}
.dark .alert-solid.alert-dark {
  --bs-alert-color: #fff;
  --bs-alert-bg: #212529;
  --bs-alert-border-color: #212529;
}
.dark .alert-solid.alert-dark .alert-link {
  color: #cccccc;
}
.dark .alert-solid.alert-dark .btn-close {
  filter: unset;
}
.dark .alert-left.alert-primary {
  border-color: #1C8DD1;
}
.dark .alert-left.alert-secondary {
  border-color: #5c6ca5;
}
.dark .alert-left.alert-success {
  border-color: #1aa053;
}
.dark .alert-left.alert-info {
  border-color: #08B1BA;
}
.dark .alert-left.alert-warning {
  border-color: #f16a1b;
}
.dark .alert-left.alert-danger {
  border-color: #c03221;
}
.dark .alert-left.alert-light {
  border-color: #dee2e6;
}
.dark .alert-left.alert-dark {
  border-color: #212529;
}
.dark .alert-top.alert-primary {
  border-color: #1C8DD1;
}
.dark .alert-top.alert-secondary {
  border-color: #5c6ca5;
}
.dark .alert-top.alert-success {
  border-color: #1aa053;
}
.dark .alert-top.alert-info {
  border-color: #08B1BA;
}
.dark .alert-top.alert-warning {
  border-color: #f16a1b;
}
.dark .alert-top.alert-danger {
  border-color: #c03221;
}
.dark .alert-top.alert-light {
  border-color: #dee2e6;
}
.dark .alert-top.alert-dark {
  border-color: #212529;
}
.dark .alert-right.alert-primary {
  border-color: #1C8DD1;
}
.dark .alert-right.alert-secondary {
  border-color: #5c6ca5;
}
.dark .alert-right.alert-success {
  border-color: #1aa053;
}
.dark .alert-right.alert-info {
  border-color: #08B1BA;
}
.dark .alert-right.alert-warning {
  border-color: #f16a1b;
}
.dark .alert-right.alert-danger {
  border-color: #c03221;
}
.dark .alert-right.alert-light {
  border-color: #dee2e6;
}
.dark .alert-right.alert-dark {
  border-color: #212529;
}
.dark .alert-bottom.alert-primary {
  border-color: #1C8DD1;
}
.dark .alert-bottom.alert-secondary {
  border-color: #5c6ca5;
}
.dark .alert-bottom.alert-success {
  border-color: #1aa053;
}
.dark .alert-bottom.alert-info {
  border-color: #08B1BA;
}
.dark .alert-bottom.alert-warning {
  border-color: #f16a1b;
}
.dark .alert-bottom.alert-danger {
  border-color: #c03221;
}
.dark .alert-bottom.alert-light {
  border-color: #dee2e6;
}
.dark .alert-bottom.alert-dark {
  border-color: #212529;
}
.dark .card {
  background: #222738;
}
.dark .card .card-header, .dark .card .card-footer {
  background-color: #222738;
  border-bottom-color: #30384f;
}
.dark .card .card {
  border: 1px solid #30384f;
}
.dark .card-footer {
  border-top: 1px solid #30384f;
}
.dark .apexcharts-theme-light .apexcharts-tooltip {
  background: #222738;
  border: 1px solid #30384f;
}
.dark .apexcharts-theme-light .apexcharts-tooltip .apexcharts-tooltip-title {
  background: #222738;
  border: 1px solid #30384f;
}
.dark .apexcharts-theme-light .apexcharts-xaxistooltip {
  background: #222738;
  border: 1px solid #30384f;
}
.dark .apexcharts-theme-light .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {
  color: #8A92A6;
}
.dark .apexcharts-canvas svg .apexcharts-datalabels-group .apexcharts-datalabel-value {
  fill: #fff;
}
.dark .icon-box {
  border-color: #30384f;
  color: #5c6ca5;
}
.dark .icon-box .overlay {
  background-color: #151824;
}
.dark .icon-box:hover .overlay .btn {
  color: #fff;
}
.dark .form-control {
  color: #8A92A6;
  background-color: #222738;
  border-color: #30384f;
}
.dark .form-control.is-invalid {
  border-color: #c03221;
}
.dark .form-control.is-valid {
  border-color: #1aa053;
}
.dark .form-check-input {
  color: #8A92A6;
  background-color: #222738;
  border-color: #30384f;
}
.dark .form-select {
  border-color: rgba(255, 255, 255, 0.1);
  color: #8A92A6;
  background-color: #222738;
}
.dark .form-select.is-invalid {
  border-color: #c03221;
}
.dark .input-group-text {
  background-color: #222738;
  border-color: rgba(255, 255, 255, 0.1);
}
.dark .form-control {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.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-shade-40);
}
.dark .stepwizard-row a.btn {
  color: #8A92A6;
  background-color: #151824;
}
.dark #top-tabbar-vertical li a {
  color: #8A92A6;
  background-color: #151824;
}
.dark .custom-form-floating > .form-control:not(:-moz-placeholder) ~ label {
  background-color: #222738;
}
.dark .custom-form-floating > .form-control:focus ~ label,
.dark .custom-form-floating > .form-control:not(:placeholder-shown) ~ label,
.dark .custom-form-floating > .form-select ~ label {
  background-color: #222738;
}
.dark #top-tab-list li a {
  color: #222738;
  background: #151824;
}
.dark #top-tab-list li a .iq-icon {
  background: #222738;
}
.dark #top-tab-list li a .iq-icon .svg-icon {
  color: #fff;
}
.dark #top-tab-list li a .dark-wizard {
  color: white;
}
.dark #top-tab-list li.active a {
  background: var(--bs-primary);
  color: #fff;
}
.dark #top-tab-list li.active a .iq-icon {
  background: #fff;
}
.dark #top-tab-list li.active a .iq-icon .svg-icon {
  color: var(--bs-primary);
}
.dark #top-tab-list li.active.done a {
  background: #1aa053;
}
.dark #top-tab-list li.active.done a i {
  color: #1aa053;
}
.dark #top-tab-list li#confirm.active a {
  background: #1aa053;
}
.dark #top-tab-list li#confirm.active a i {
  color: #1aa053;
}
.dark .modal-footer, .dark .modal-header {
  border-color: #30384f;
}
.dark .dropdown-menu {
  background-color: var(--bs- #151824);
  color: var(--bs- #8A92A6);
}
.dark .dropdown-menu .dropdown-item {
  color: #8A92A6;
  background-color: transparent;
}
.dark .like-block span {
  color: #8A92A6;
}
.dark .dropdown > .dropdown-menu {
  background-color: #151824;
}
.dark .dropdown > .dropdown-menu > a {
  color: #8A92A6;
}
.dark .dropdown-item:hover, .dark .dropdown-item:focus {
  color: var(--bs-primary-shade-20);
  border-radius: 0.25rem;
  cursor: pointer;
  background-color: var(--bs-primary-shade-80);
}
.dark .profile-media::before {
  border-color: #30384f;
}
.dark .profile-dots-pills {
  background-color: #222738;
}
.dark .iq-timeline:before {
  background-color: #30384f;
}
.dark .iq-timeline li .timeline-dots {
  background-color: #222738;
}
.dark .iq-timeline0:before {
  background-color: #30384f;
}
.dark .iq-timeline0 li .timeline-dots, .dark .iq-timeline0 li .timeline-dots1 {
  background-color: #222738;
}
.dark .credit-card-widget .primary-gradient-card {
  border-color: #000 !important;
}
.dark .credit-card-widget .primary-gradient-card {
  background: linear-gradient(117.76deg, rgba(0, 0, 0, 0.5) -7.21%, rgba(0, 0, 0, 0.01) 118.08%);
}
.dark .iq-ribbon-effect {
  background: #151824;
}
.dark .iq-ribbon-effect:before {
  border-top: 1.5em solid #151824;
}
.dark .iq-ribbon-effect::after {
  border-top: 1.5em solid #151824;
}
.dark .circle-progress-circle {
  stroke: #5c6ca5;
}
.dark .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: var(--bs-primary);
  border-color: #5c6ca5;
}
.dark .page-item .page-link {
  background-color: #222738;
  border-color: #5c6ca5;
  color: #8A92A6;
}
.dark .page-item .page-link.disabled .page-link {
  background-color: #151824;
}
.dark .list-group .list-group-item {
  border-color: #30384f;
}
.dark .list-group .list-group-item:not(.list-group-item-action) {
  color: #8A92A6;
}
.dark .list-group .list-group-item.list-group-item-action:not(.active) {
  background-color: #151824;
  color: #fff;
}
.dark .bg-light {
  background: #60658a !important;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-primary {
  background-color: rgba(28, 141, 209, 0.1);
  color: #fff;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-primary:hover {
  background-color: rgba(28, 141, 209, 0.05);
  color: #1C8DD1;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-secondary {
  background-color: rgba(92, 108, 165, 0.1);
  color: #fff;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-secondary:hover {
  background-color: rgba(92, 108, 165, 0.05);
  color: #5c6ca5;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-success {
  background-color: rgba(26, 160, 83, 0.1);
  color: #fff;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-success:hover {
  background-color: rgba(26, 160, 83, 0.05);
  color: #1aa053;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-info {
  background-color: rgba(8, 177, 186, 0.1);
  color: #fff;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-info:hover {
  background-color: rgba(8, 177, 186, 0.05);
  color: #08B1BA;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-warning {
  background-color: rgba(241, 106, 27, 0.1);
  color: #fff;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-warning:hover {
  background-color: rgba(241, 106, 27, 0.05);
  color: #f16a1b;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-danger {
  background-color: rgba(192, 50, 33, 0.1);
  color: #fff;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-danger:hover {
  background-color: rgba(192, 50, 33, 0.05);
  color: #c03221;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-light {
  background-color: rgba(222, 226, 230, 0.1);
  color: #fff;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-light:hover {
  background-color: rgba(222, 226, 230, 0.05);
  color: #dee2e6;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-dark {
  background-color: rgba(33, 37, 41, 0.1);
  color: #fff;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-dark:hover {
  background-color: rgba(33, 37, 41, 0.05);
  color: #212529;
}
.dark .table thead tr th {
  background-color: #151824;
}
.dark .table tbody tr td {
  color: #dee2e6;
}
.dark .table-striped > tbody > tr:nth-of-type(even) > * {
  --bs-table-accent-bg: #151824;
}
.dark .fancy-table table tbody tr td {
  background-color: #222738;
}
.dark table.dataTable.table-striped > tbody > tr.odd {
  --bs-table-accent-bg: $card-bg;
}
.dark .table tbody tr.table-primary td {
  color: #60658a;
}
.dark .table tbody tr.table-secondary td {
  color: #60658a;
}
.dark .table tbody tr.table-success td {
  color: #60658a;
}
.dark .table tbody tr.table-info td {
  color: #60658a;
}
.dark .table tbody tr.table-warning td {
  color: #60658a;
}
.dark .table tbody tr.table-danger td {
  color: #60658a;
}
.dark .table tbody tr.table-light td {
  color: #60658a;
}
.dark .table tbody tr.table-dark td {
  color: #60658a;
}
.dark .table-responsive .form-select {
  border-color: rgba(255, 255, 255, 0.1);
}
.dark .dataTables_filter .form-control:focus {
  background-color: #151824;
}
.dark .page-item .page-link {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.dark .table-fixed {
  overflow: unset;
  --hui-table-height: 400px;
}
.dark .table-fixed .table-responsive .table thead tr th {
  background-color: #151824;
}
.dark .toast {
  background-color: #222738;
  border-color: #30384f;
}
.dark .toast .toast-header {
  background-color: #151824;
}
.dark .card .card-body .iq-icon-box-2 {
  background: #151824;
}
.dark .pricing .table th {
  border-color: #30384f;
}
.dark .pricing .table th.bg-light {
  background: #151824 !important;
}
.dark .pricing .table thead tr {
  border-color: #30384f;
}
.dark .pricing .table tr {
  border-color: #30384f;
}
.dark .prc-box.active .type {
  color: #fff;
}
.dark .iq-single-card.bg-light {
  background: #60658a !important;
}
.dark .line-around {
  border-color: #30384f;
}
.dark .line-around .line-around-1 {
  background: #222738;
}
.dark .login-content .bg-white {
  background: #222738 !important;
}
.dark .apexcharts-svg .apexcharts-yaxis-texts-g text {
  fill: #5c6ca5;
}
.dark .apexcharts-svg .apexcharts-xaxis-texts-g text {
  fill: #5c6ca5;
}
.dark .choices.is-disabled .choices__inner {
  background-color: #222738;
}
.dark .choices.is-disabled .choices__input {
  background-color: #222738;
}
.dark .choices[data-type*=select-one]:after {
  border-color: #8A92A6 transparent transparent;
}
.dark .flatpickr-months .flatpickr-prev-month > svg {
  fill: #222738;
  color: #222738;
}
.dark .flatpickr-months .flatpickr-prev-month > svg:hover {
  fill: var(--bs-primary-shade-40) !important;
  color: var(--bs-primary-shade-40) !important;
}
.dark .fc-unthemed .fc-toolbar .fc-button {
  text-transform: capitalize;
}
.dark .fc-unthemed th, .dark .fc-unthemed td, .dark .fc-unthemed thead, .dark .fc-unthemed tbody, .dark .fc-unthemed .fc-divider, .dark .fc-unthemed .fc-row, .dark .fc-unthemed .fc-content, .dark .fc-unthemed .fc-popover, .dark .fc-unthemed .fc-list-view, .dark .fc-unthemed .fc-list-heading td {
  border-color: #30384f !important;
}
.dark .fc-other-month.fc-past, .dark .fc-other-month.fc-future {
  background: rgb(19.2, 22.4, 31.6);
}
.dark .fc-unthemed td.fc-today {
  background: rgba(28, 141, 209, 0.1) !important;
}
.dark .swal2-popup {
  background: #222738;
}
.dark .storiesWrapper .story .info strong.name {
  color: #8A92A6;
}
.dark .uppy-Dashboard-inner {
  background-color: #151824;
  border: 1px solid #8A92A6;
}
.dark .uppy-Dashboard-AddFiles-title {
  color: #8A92A6;
}
.dark .shepherd-has-title .shepherd-content .shepherd-header {
  background: #222738;
}
.dark .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow:before {
  background-color: #222738;
  border-left: 1px solid #222738;
  border-top: 1px solid #222738;
}
.dark .shepherd-content {
  background-color: #222738;
}
.dark .shepherd-element {
  background-color: #222738;
}
.dark .shepherd-modal-overlay-container.shepherd-modal-is-visible path {
  filter: invert(1);
}
.dark .shepherd-arrow:before {
  background: #222738;
}
.dark .ql-container.ql-snow {
  border-color: #30384f;
}
.dark .ql-toolbar.ql-snow {
  border-color: #30384f;
}
.dark .ql-snow .ql-picker {
  color: #8A92A6;
}
.dark .ql-snow .ql-stroke {
  stroke: #8A92A6;
}
.dark.boxed {
  background: var(--bs-primary) !important;
}
.dark.boxed .boxed-inner {
  background: #151824;
}
.dark.boxed-fancy {
  background: #151824;
}
.dark.boxed-fancy .boxed-inner {
  background: #151824;
}
.dark.dual-compact .nav-underline .nav-link:hover {
  color: var(--bs-primary);
}
.dark.dual-compact .nav-underline .active {
  color: #dee2e6;
}
.dark .dual-horizontal .nav {
  background-color: var(--bs-primary);
}
.dark .sidebar {
  background-color: #222738;
}
.dark .sidebar .navbar-brand .logo-title {
  color: #fff;
}
.dark .sidebar .sidebar-header {
  border-color: #30384f;
}
.dark .sidebar-list .navbar-nav .nav-item .nav-link.static-item .default-icon {
  color: #dee2e6;
}
.dark .sidebar.sidebar-color.sidebar-default .nav-link.active {
  color: var(--bs-primary);
  background-color: #fff;
}
.dark .sidebar.sidebar-color.sidebar-default .nav-link[aria-expanded=true] {
  color: var(--bs-primary);
  background-color: #fff;
}
.dark .sidebar-base .nav-item .nav-link:not(.disabled) {
  color: #d7dbdf;
}
.dark .sidebar.sidebar-dark {
  background-color: #212529;
}
.dark .sidebar.sidebar-color {
  background-color: var(--bs-primary);
}
.dark .sidebar.sidebar-transparent {
  background-color: transparent;
}
.dark .sidebar.sidebar-glass {
  background-color: rgba(34, 39, 56, 0.5);
  border-color: #30384f !important;
}
.dark .sidebar.sidebar-default .nav-link:not(.static-item):hover:not(.active):not([aria-expanded=true]) {
  background-color: rgba(var(--bs-primary-rgb), 0.2);
}
.dark .sidebar.sidebar-color.sidebar-default .nav-link:not(.static-item):hover:not(.active):not([aria-expanded=true]) {
  color: #fff;
  background-color: rgba(var(--bs-white-rgb), 0.2);
}
.dark .card-folder:before {
  background-color: #222738;
}
.dark .iq-file-manager-table tbody tr:hover .iq-recently-badge {
  background: #151824 !important;
}
.dark .modal-content {
  background-color: #222738;
}
.dark .iq-product-tracker .iq-tracker-position-0.active::before {
  background: var(--bs-primary);
  box-shadow: 0 0 0 3px #151824, 0 0 0 5px var(--bs-primary);
}
.dark .iq-product-tracker .iq-tracker-position-0::before {
  background: #222738;
}
.dark .iq-product-tracker .iq-tracker-position-0.done::after, .dark .iq-product-tracker .iq-tracker-position-0.done::before {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #fff !important;
}
.dark .iq-product-detail:hover {
  color: var(--bs-primary);
}
.dark .iq-product-order-placed .user-details-bg-color {
  background-color: #151824 !important;
}
.dark .iq-nav-category .nav-item .nav-link {
  color: #8A92A6;
}
.dark .iq-nav-category .nav-item .nav-link.active {
  color: var(--bs-primary);
}
.dark .iq-tracking {
  width: 20%;
}
.dark .product-slider .swiper-slide {
  background-color: #222738;
}
.dark .iq-qty-btn .iq-quantity-minus, .dark .iq-qty-btn .input-display, .dark .iq-qty-btn .iq-quantity-plus {
  border-color: rgba(255, 255, 255, 0.1);
}
.dark .iq-product-custom-card:hover .iq-product-hover-img .iq-product-info .iq-product-btn {
  background-color: #151824;
}
.dark .iq-chat-tab.nav-tabs .nav-link {
  color: unset;
  padding: unset;
}
.dark .iq-chat-tab.nav-tabs .nav-link.active, .dark .iq-chat-tab.nav-tabs .nav-link:hover {
  color: var(--bs-primary);
  background: unset;
  border: unset;
}
.dark .iq-profile-badge {
  border-color: #222738;
}
.dark .iq-chating-content, .dark .chat-day-title > .main-title {
  background-color: #222738;
  border-color: #30384f;
  color: #fff;
}
.dark .iq-chating {
  color: #fff;
}
.dark .sidebar-default .navbar-nav .nav-item.iq-chat-list .iq-userlist-data .iq-userlist-name {
  color: #fff;
}
.dark .iq-email-title {
  color: #8A92A6;
}
.dark .iq-email-subject {
  color: #8A92A6;
}
.dark .email-app-details {
  background: #222738;
}
.dark .iq-social-media .iq-social-icons {
  color: #8A92A6;
}
.dark .iq-email-listbox .iq-email-sender-list > li .iq-unread-inner {
  border-color: #30384f;
}
.dark .blog-line-around {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.dark .blog-line-around .blog-line-day {
  background: #151824;
}
.dark .iq-blog-categories .iq-categories-indicator {
  border-bottom: 1px solid #30384f;
}
.dark .iq-nav-menu a {
  color: #8A92A6;
}
.dark .iq-nav-menu li > ul {
  background: #222738;
}
.dark .sidebar-default.left-bordered .navbar-nav:not(.sub-nav) > .nav-item.active::before {
  background-color: var(--bs-primary);
}
.dark .sidebar-default.left-bordered .navbar-nav .nav-item .nav-link:not(.disabled).active, .dark .sidebar-default.left-bordered .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] {
  background: unset;
  box-shadow: none;
  color: var(--bs-primary);
}
.dark .sidebar-default.left-bordered .navbar-nav .nav-item .nav-link:not(.disabled):hover {
  background: unset !important;
  box-shadow: none;
  color: var(--bs-primary);
}
.dark .sidebar-default.left-bordered .navbar-nav .nav-item .nav-link:not(.disabled):hover:not(.active):not([aria-expanded=true]) {
  background-color: unset;
  color: var(--bs-primary);
}
.dark .sidebar-default.left-bordered.sidebar-color .navbar-nav:not(.sub-nav) > .nav-item.active::before {
  background-color: var(--bs-white);
}
.dark .sidebar-default.left-bordered.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled).active, .dark .sidebar-default.left-bordered.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled)[aria-expanded=true] {
  color: var(--bs-white);
}
.dark .sidebar-default.left-bordered.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled):hover {
  color: var(--bs-white);
}
.dark .sidebar-default.left-bordered.sidebar-color .navbar-nav .nav-item .nav-link:not(.disabled):hover:not(.active):not([aria-expanded=true]) {
  color: var(--bs-white);
}
.dark .sidebar-border-profile-card .sidebar-border-profile-body .sidebar-border-data.sidebar-border-title {
  color: #fff;
}
.dark .notification-alert {
  border-color: #222738;
}
.dark.theme-bordered .sidebar,
.dark.theme-bordered .iq-navbar,
.dark.theme-bordered .dropdown-menu,
.dark.theme-bordered .card {
  border: 1px solid #30384f;
}
.dark .flatpickr-calendar {
  background: #222738;
  box-shadow: 1px 0 0 rgba(34, 39, 56, 0.3), -1px 0 0 rgba(34, 39, 56, 0.3), 0 1px 0 rgba(34, 39, 56, 0.3), 0 -1px 0 rgba(34, 39, 56, 0.3), 0 3px 13px rgba(0, 0, 0, 0.08);
}
.dark .flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-weekdays .flatpickr-weekdaycontainer .flatpickr-weekday {
  color: #8A92A6;
}
.dark .flatpickr-months .flatpickr-month {
  color: #8A92A6;
}
.dark .flatpickr-calendar.arrowTop:after,
.dark .flatpickr-calendar.arrowTop:before {
  border-bottom-color: #8A92A6;
}
.dark .flatpickr-months .flatpickr-next-month, .dark .flatpickr-months .flatpickr-prev-month {
  color: #8A92A6;
  fill: #8A92A6;
}
.dark .flatpickr-months .flatpickr-next-month:hover svg, .dark .flatpickr-months .flatpickr-next-month:focus svg, .dark .flatpickr-months .flatpickr-prev-month:hover svg, .dark .flatpickr-months .flatpickr-prev-month:focus svg {
  color: #222738;
  fill: #000;
}
.dark .flatpickr-day {
  color: #8A92A6;
}
.dark .flatpickr-day.today {
  border-color: rgba(255, 255, 255, 0.1);
}
.dark .flatpickr-day.selected {
  background: #222738;
  border-color: #222738;
  color: #fff;
}
.dark .flatpickr-day.inRange, .dark .flatpickr-day.nextMonthDay.inRange, .dark .flatpickr-day.nextMonthDay.today.inRange {
  background: #222738;
  border-color: #222738;
  color: #fff;
}
.dark .flatpickr-day.nextMonthDay:focus, .dark .flatpickr-day.nextMonthDay:hover, .dark .flatpickr-day.prevMonthDay.inRange, .dark .flatpickr-day.prevMonthDay.today.inRange, .dark .flatpickr-day.prevMonthDay:focus, .dark .flatpickr-day.prevMonthDay:hover {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.3);
  color: rgba(0, 0, 0, 0.8);
}
.dark .flatpickr-day.today.inRange, .dark .flatpickr-day:focus, .dark .flatpickr-day:hover {
  border-color: #222738;
  background: #222738;
  color: #8A92A6;
}
.dark .flatpickr-day.nextMonthDay,
.dark .flatpickr-day.flatpickr-disabled {
  color: rgba(138, 146, 166, 0.5);
}
.dark .flatpickr-day.nextMonthDay:hover,
.dark .flatpickr-day.flatpickr-disabled:hover {
  border-color: rgba(34, 39, 56, 0.5);
  background: rgba(34, 39, 56, 0.5);
  color: rgba(138, 146, 166, 0.7);
}
.dark .flatpickr-day.inRange {
  box-shadow: -5px 0 0 rgba(34, 39, 56, 0.3), 5px 0 0 rgba(34, 39, 56, 0.3);
}
.dark .dayContainer .flatpickr-day.endRange, .dark .dayContainer .flatpickr-day.startRange {
  background: rgba(21, 24, 36, 0.6);
  border-color: #222738;
}
.dark .select2-container--default .select2-selection--single,
.dark .select2-container--default .select2-selection--multiple {
  background-color: #222738;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #8A92A6;
}
.dark .select2-dropdown {
  background: #151824;
  border-color: rgba(255, 255, 255, 0.1);
}
.dark .select2-search__field {
  background: #222738;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.dark .choices__inner {
  background-color: #222738;
  border-color: rgba(255, 255, 255, 0.1);
}
.dark .choices__inner:hover {
  border-color: var(--bs-primary-shade-40);
}
.dark .choices__input {
  background-color: #222738;
}
.dark .choices__list--dropdown {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: #222738;
  color: var(--bs-body-color);
}
.dark.card-transparent .card,
.dark.card-transparent .card-header,
.dark.card-transparent .card-footer,
.dark.card-transparent .card .nav {
  background: transparent;
  box-shadow: unset !important;
}
.dark.card-transparent .card {
  border: 1px solid #30384f;
}
.dark.card-transparent .card.card-folder:before {
  border: 1px solid #30384f;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-bottom: unset;
}
.dark.card-glass .card,
.dark.card-glass .card-header,
.dark.card-glass .card-footer,
.dark.card-glass .card .nav {
  background-color: transparent;
}
.dark.card-glass .card {
  background-color: rgba(34, 39, 56, 0.5);
  border: 1px solid #30384f;
}
.dark.card-glass .card.card-folder:before {
  border: 1px solid #30384f;
  border-bottom: unset;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
}