.bdr {
  border: 1px solid red !important;
}

.menu-item {
  display: block;
  padding: 0.25rem 0;
}

.app-sidebar-navs .menu .menu-item .menu-link .menu-icon,
.app-sidebar-navs .menu .menu-item .menu-link .menu-icon .svg-icon,
.app-sidebar-navs .menu .menu-item .menu-link .menu-icon i {
  color: #2dbe26;
}

.app-sidebar-navs .menu .menu-item .menu-link.active {
  transition: color 0.2s ease;
  background-color: #ffffff1a;
  color: #fff;
}

.app-sidebar-navs .menu-item .menu-link {
  padding: 0.75rem 1rem;
}

.app-main {
  /* background: #fbfbfb; */
}

.active > .page-link,
.page-link.active {
  /* background-color: var(--bs-danger); */
}

.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link {
  /* color: var(--bs-text-danger); */
}

.app-sidebar {
  /* background-color: #eaf5ff; */
  /* background-color: #8bdb8821; */
}

.app-sidebar-header .btn.btn-custom {
  border-style: dashed;
  /* border-color: #26bc1f54; */
  border-color: transparent;
  background-color: transparent;
  display: flex;
  justify-content: center;
}

.app-sidebar-navs .menu .menu-item .menu-link .menu-title {
  color: var(--bs-gray-800);
}

.app-sidebar-navs .menu .menu-item .menu-link.active {
  /* background-color: #22a9e6; */
  background-color: var(--bs-primary);
}

.app-sidebar-navs .menu .menu-item .menu-link.active .menu-icon i {
  color: #fff;
}

.app-sidebar-navs
  .menu
  .menu-item.hover:not(.here)
  > .menu-link:not(.disabled):not(.active):not(.here)
  .menu-icon,
.app-sidebar-navs
  .menu
  .menu-item.hover:not(.here)
  > .menu-link:not(.disabled):not(.active):not(.here)
  .menu-icon
  .svg-icon,
.app-sidebar-navs
  .menu
  .menu-item.hover:not(.here)
  > .menu-link:not(.disabled):not(.active):not(.here)
  .menu-icon
  i,
.app-sidebar-navs
  .menu
  .menu-item:not(.here)
  .menu-link:hover:not(.disabled):not(.active):not(.here)
  .menu-icon,
.app-sidebar-navs
  .menu
  .menu-item:not(.here)
  .menu-link:hover:not(.disabled):not(.active):not(.here)
  .menu-icon
  .svg-icon,
.app-sidebar-navs
  .menu
  .menu-item:not(.here)
  .menu-link:hover:not(.disabled):not(.active):not(.here)
  .menu-icon
  i {
  color: #000;
}

.app-sidebar-navs
  .menu
  .menu-item.hover:not(.here)
  > .menu-link:not(.disabled):not(.active):not(.here)
  .menu-title,
.app-sidebar-navs
  .menu
  .menu-item:not(.here)
  .menu-link:hover:not(.disabled):not(.active):not(.here)
  .menu-title {
  color: #000;
}

.app-sidebar-footer .btn.btn-custom.active,
.app-sidebar-footer .btn.btn-custom.show,
.app-sidebar-footer .btn.btn-custom:active:not(.btn-active),
.app-sidebar-footer .btn.btn-custom:focus:not(.btn-active),
.app-sidebar-footer .btn.btn-custom:hover:not(.btn-active),
.btn-check:active + .app-sidebar-footer .btn.btn-custom,
.btn-check:checked + .app-sidebar-footer .btn.btn-custom,
.show > .app-sidebar-footer .btn.btn-custom {
  color: #303030;
  border-color: #5e6278;
}

.app-sidebar-footer .btn.btn-custom.active .svg-icon,
.app-sidebar-footer .btn.btn-custom.active i,
.app-sidebar-footer .btn.btn-custom.show .svg-icon,
.app-sidebar-footer .btn.btn-custom.show i,
.app-sidebar-footer .btn.btn-custom:active:not(.btn-active) .svg-icon,
.app-sidebar-footer .btn.btn-custom:active:not(.btn-active) i,
.app-sidebar-footer .btn.btn-custom:focus:not(.btn-active) .svg-icon,
.app-sidebar-footer .btn.btn-custom:focus:not(.btn-active) i,
.app-sidebar-footer .btn.btn-custom:hover:not(.btn-active) .svg-icon,
.app-sidebar-footer .btn.btn-custom:hover:not(.btn-active) i,
.btn-check:active + .app-sidebar-footer .btn.btn-custom .svg-icon,
.btn-check:active + .app-sidebar-footer .btn.btn-custom i,
.btn-check:checked + .app-sidebar-footer .btn.btn-custom .svg-icon,
.btn-check:checked + .app-sidebar-footer .btn.btn-custom i,
.show > .app-sidebar-footer .btn.btn-custom .svg-icon,
.show > .app-sidebar-footer .btn.btn-custom i {
  color: #303030;
}

.app-sidebar-navs
  .menu
  .menu-item.hover:not(.here)
  > .menu-link:not(.disabled):not(.active):not(.here)
  .menu-arrow:after,
.app-sidebar-navs
  .menu
  .menu-item:not(.here)
  .menu-link:hover:not(.disabled):not(.active):not(.here)
  .menu-arrow:after {
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #5e6278;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%235E6278'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%235E6278'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #000;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%235E6278'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%235E6278'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
}

.app-header {
  /* background-color: var(--bs-primary); */
  /* background-color: #fff; */
  background-color: var(--bs-app-header-base-bg-color) !important;
}

.app-navbar .app-navbar-item {
  border-radius: 7px;
  background: #00000008;
}

.app-sidebar-footer .btn.btn-custom {
  border-style: dashed;
  color: #26bc1f;
  border-color: #26bc1f;
}

.btn-check:active + .btn.btn-primary,
.btn-check:checked + .btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.show > .btn.btn-primary {
  color: var(--bs-primary-inverse);
  border-color: var(--bs-primary-active);
  background-color: var(--bs-primary-active) !important;
}

.accordion-button:not(.collapsed) {
  background-color: var(--bs-gray-100);
}

.app-sidebar-navs .menu .menu-item.here > .menu-link .menu-title {
  color: #000;
}

.app-sidebar-navs .menu .menu-item.here > .menu-link .menu-icon,
.app-sidebar-navs .menu .menu-item.here > .menu-link .menu-icon .svg-icon,
.app-sidebar-navs .menu .menu-item.here > .menu-link .menu-icon i {
  color: #000;
}

.select2-container--bootstrap5
  .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg)
  .select2-selection__choice
  .select2-selection__choice__display {
  margin-left: 1.1rem;
  font-size: 0.85rem;
}

.tooltip {
  /* border: 1px solid red; */
  font-size: 12px;
}

.app-sidebar-header .btn.btn-custom.active,
.app-sidebar-header .btn.btn-custom.show,
.app-sidebar-header .btn.btn-custom:active:not(.btn-active),
.app-sidebar-header .btn.btn-custom:focus:not(.btn-active),
.app-sidebar-header .btn.btn-custom:hover:not(.btn-active),
.btn-check:active + .app-sidebar-header .btn.btn-custom,
.btn-check:checked + .app-sidebar-header .btn.btn-custom,
.show > .app-sidebar-header .btn.btn-custom {
  /* border-color: #1b9616; */
  border-color: transparent;
}

.nav-link {
  color: var(--bs-dark);
  font-weight: 500;
}

.cus-pills .nav-link {
  color: var(--bs-dark);
  font-weight: 600;
  background-color: #f4f4f4;
  padding: 6px 1px;
}

.select2-container--bootstrap5
  .select2-selection--multiple
  .select2-search.select2-search--inline {
  display: block;
}

.app-sidebar-navs .menu .menu-item .menu-heading,
.app-sidebar-navs .menu .menu-item .menu-link .menu-title {
  font-size: 1.05rem;
  font-weight: 500;
}

.app-sidebar-navs .menu-sub .menu-item .menu-link {
  /* border: 1px solid; */
  padding: 0.6rem 1rem;
}

.page-title h1 {
  font-size: 19px;
}

.app-sidebar-navs .menu .menu-item.here > .menu-link .menu-arrow:after {
  background-color: #000;
}

.app-sidebar-navs
  .menu
  .menu-item.hover:not(.here)
  > .menu-link:not(.disabled):not(.active):not(.here)
  .menu-bullet
  .bullet,
.app-sidebar-navs
  .menu
  .menu-item:not(.here)
  .menu-link:hover:not(.disabled):not(.active):not(.here)
  .menu-bullet
  .bullet {
  background-color: #000;
}

.hiddenRow {
  padding: 0 !important;
}

.app-sidebar-navs
  .menu
  .menu-item.hover:not(.here)
  > .menu-link:not(.disabled):not(.active):not(.here),
.app-sidebar-navs
  .menu
  .menu-item:not(.here)
  .menu-link:hover:not(.disabled):not(.active):not(.here) {
  background: var(--bs-gray-200);
}

.app-sidebar-navs .menu .menu-item.here > .menu-link {
  transition: color 0.2s ease;
  color: #fff;
  background: var(--bs-gray-200);
}

.menu-sub-indention .menu-item .menu-item .menu-link.active {
  margin-right: 0rem;
}

.app-sidebar .hover-scroll-y:hover::-webkit-scrollbar-thumb {
  background-color: #d6d6d6;
}

.app-sidebar .hover-scroll-y::-webkit-scrollbar-thumb {
  background-color: #d6d6d6;
}

.btn-group-sm > .btn.btn-icon,
.btn.btn-icon.btn-sm {
  height: calc(1.8em + 1.1rem + 2px);
  width: calc(1.8em + 1.1rem + 2px);
}

.cus-pills-a .nav-link {
  color: var(--bs-dark);
  font-weight: 600;
  background-color: #fff;
  margin-right: 10px;
  padding: 10px 20px;
}

.noUi-target.noUi-horizontal {
  height: 9px;
}

.noUi-target.noUi-horizontal .noUi-handle {
  top: -8.5px;
}

.noUi-target .noUi-handle {
  background-color: #22a9e6;
  border: 1px solid var(--bs-gray-200);
  box-shadow: var(--bs-box-shadow-sm);
}

/* .accordion.accordion-icon-collapse .mb-5 {
    border: 1px dashed #ddd;
    padding-left: 10px;
    border-radius: 10px;
} */

.cus-acc .accordion-header.py-3.d-flex.collapsed {
  /* border: 1px solid; */
  background: #fff !important;
  border-radius: 8px;
  /* padding-left: 10px; */
}

.cus-acc .accordion .accordion-header {
  border-radius: 8px;
  background: #eef8fd;
  padding-left: 10px;
}

.app-sidebar-navs .menu {
  padding: unset;
}

/* custom react css */

.ant-dropdown-menu-item .menu-link.active {
  transition: color 0.2s ease !important;
  color: var(--bs-menu-link-color-active) !important;
}

.ant-dropdown .ant-dropdown-menu {
  border-radius: 0.475rem;
  background-color: var(--bs-menu-dropdown-bg-color) !important;
  box-shadow: var(--bs-menu-dropdown-box-shadow) !important;
}

.ant-select-dropdown .ant-select-item-option-active {
  background-color: var(--kt-component-hover-bg) !important;
  color: var(--kt-component-hover-color) !important;
  transition: color 0.2s ease 0s !important;
}

.ant-dropdown
  .ant-dropdown-menu
  .ant-dropdown-menu-item-group-list
  .ant-dropdown-menu-title-content
  a {
  color: var(--bs-text-gray-700) !important;
}

.ant-dropdown
  .ant-dropdown-menu
  .ant-dropdown-menu-item:not(.ant-dropdown-menu-item-selected):not(
    .ant-dropdown-menu-item-active
  )
  .ant-dropdown-menu-title-content
  .menu-link
  .menu-title {
  color: var(--bs-text-gray-700) !important;
}

.ant-dropdown
  .ant-dropdown-menu
  .ant-dropdown-menu-item.ant-dropdown-menu-item-active
  .menu-item
  .menu-icon
  i {
  color: var(--bs-menu-link-color-active) !important;
  /* background-color: var(--bs-menu-link-bg-color-active) !important;
  color: var(--bs-menu-link-color-active) !important; */
}

.ant-dropdown
  .ant-dropdown-menu
  .ant-dropdown-menu-item.ant-dropdown-menu-item-active
  .menu-item
  .menu-title {
  color: var(--bs-menu-link-color-active) !important;
  /* background-color: var(--bs-menu-link-bg-color-active) !important;
  color: var(--bs-menu-link-color-active) !important; */
}

.ant-dropdown
  .ant-dropdown-menu
  .ant-dropdown-menu-item.ant-dropdown-menu-item-selected {
  background-color: var(--bs-menu-link-bg-color-active) !important;
  color: var(--bs-menu-link-color-active) !important;
}
.ant-dropdown
  .ant-dropdown-menu
  .ant-dropdown-menu-item.ant-dropdown-menu-item-selected
  a
  .menu-icon
  i {
  color: var(--bs-menu-link-color-active) !important;
}
.ant-dropdown
  .ant-dropdown-menu
  .ant-dropdown-menu-item.ant-dropdown-menu-item-selected
  a
  .menu-title {
  color: var(--bs-menu-link-color-active) !important;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  /* background-color: var(--bs-nav-pills-link-active-bg) !important; */
}

/* antd pagination custome css */
.ant-pagination {
  font-weight: 550;
  font-size: 1.075rem;
}

.ant-pagination .ant-pagination-item.ant-pagination-item-active {
  background-color: var(--bs-component-active-bg);
  border-color: transparent;
  color: var(--bs-component-active-color) !important;
}

.ant-pagination .ant-pagination-item:not(.ant-pagination-item-active) a {
  color: var(--bs-gray-700) !important;
}

.ant-pagination .ant-pagination-item:not(.ant-pagination-item-active) a:hover {
  color: var(--bs-component-hover-color) !important;
}

.ant-pagination .ant-pagination-item-link .anticon svg {
  color: var(--bs-gray-700) !important;
}

@media (min-width: 992px) {
  [data-kt-app-header-sticky="on"] .app-header {
    background-color: var(--bs-primary);
  }
}