[data-bs-theme=light] body[data-sidebar=dark] .vertical-menu {
  background-color: #4a4a49 !important;
}
[data-bs-theme=light] body[data-sidebar=dark] .navbar-brand-box {
  background-color: #4a4a49 !important;
}
[data-bs-theme=light] body[data-sidebar=dark] .navbar-brand-box .logo-dark {
  display: none;
}
[data-bs-theme=light] body[data-sidebar=dark] .navbar-brand-box .logo-light {
  display: block;
}
[data-bs-theme=light] body[data-sidebar=dark] .mm-active {
  color: #fff !important;
}
[data-bs-theme=light] body[data-sidebar=dark] .mm-active > a {
  color: #fff !important;
}
[data-bs-theme=light] body[data-sidebar=dark] .mm-active > a i {
  color: #fff !important;
}
[data-bs-theme=light] .mm-active > i, body[data-sidebar=light] .mm-active .active {
  color: #fff !important;
  background-color: #da1169;
}
[data-bs-theme=light] body[data-sidebar=dark] #sidebar-menu ul li.menu-title {
  color: rgba(255, 255, 255, 0.6);
}
[data-bs-theme=light] body[data-sidebar=dark] #sidebar-menu ul li a {
  color: rgba(255, 255, 255, 0.6);
}
[data-bs-theme=light] body[data-sidebar=dark] #sidebar-menu ul li a i {
  color: rgba(255, 255, 255, 0.6);
}
[data-bs-theme=light] body[data-sidebar=dark] #sidebar-menu ul li a.waves-effect .waves-ripple {
  background: rgba(255, 255, 255, 0.1);
}
[data-bs-theme=light] body[data-sidebar=dark] #sidebar-menu ul li a:hover {
  color: #fff !important;
}
[data-bs-theme=light] body[data-sidebar=dark] #sidebar-menu ul li a:hover i {
  color: #fff !important;
}
[data-bs-theme=light] body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {
  color: rgba(255, 255, 255, 0.5);
}
[data-bs-theme=light] body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {
  color: #fff !important;
}



[data-bs-theme=light] body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul ul{
  color: rgba(255, 255, 255, 0.6);
  background-color: #e71e76 !important;
}

[data-bs-theme=light] body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a{
  color: rgba(255, 255, 255, 0.6);
  
}

[data-bs-theme=light] body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a{
  background-color: #e71e76 !important;
}

[data-bs-theme=light] body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li>a.mm-active{
  background-color: #e71e76 !important;
}

[data-bs-theme=light] body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
  color: #fff !important;
}
[data-bs-theme=light] body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {
  color: #fff !important;
}
[data-bs-theme=light] body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {
  color: #fff !important;
}
[data-bs-theme=light] body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover {
  color: #fff !important;
}
[data-bs-theme=light] body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a {
  color: #fff !important;
}
[data-bs-theme=light] body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a i {
  color: #556ee6 !important;
}
.text-primary {
    color: #fff !important;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #e71e76;
    --bs-btn-border-color: #e71e76;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: hsl(333.7313432835821deg 80.72289156626505% 41.17647058823529%);
    --bs-btn-hover-border-color: hsl(333.7313432835821deg 80.72289156626505% 41.17647058823529%);
    --bs-btn-focus-shadow-rgb: 111, 132, 234;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e71e76;
    --bs-btn-active-border-color: #e71e76;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg:  hsl(333.7313432835821deg 15% 51.17647058823529%);
    --bs-btn-disabled-border-color: #e71e76;
}
:root,
[data-bs-theme=light] {
  --bs-primary: #e71e76;
  --bs-secondary: #4a4a49;

  --bs-primary-rgb: 231, 30, 117;
  --bs-secondary-rgb: 74, 74, 73;

  --bs-primary-bg-subtle: rgba(231, 30, 117, 1);

}
[data-bs-theme=light] .daterangepicker td.active, .daterangepicker td.active:hover{
  background-color: #e71e76 !important;
}
[data-bs-theme=light] .daterangepicker .ranges li.active {
  background-color: #e71e76 !important;
}
[data-bs-theme=light] .daterangepicker td.in-range {
  background-color: #f7f1f4 !important;
}