:root {
  --blue: #467fcf;
  --indigo: #6574cd;
  --purple: #a55eea;
  --pink: #f66d9b;
  --red: #cd201f;
  --orange: #fd9644;
  --yellow: #f1c40f;
  --green: #5eba00;
  --teal: #2bcbba;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #868e96;
  --gray-dark: #343a40;
  --azure: #45aaf2;
  --lime: #7bd235;
  --primary-b: #467fcf;
  --secondary: #868e96;
  --success: #5eba00;
  --info: #45aaf2;
  --warning: #f1c40f;
  --danger: #cd201f;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1280px;
  --bs-primary: #fa381d;
  --bs-primary-rgb: 250, 56, 29;
  --a-body-color: var(--bs-body-color);
  --a-primary-color: #fa381d;
  --p-primary-color: var(--orange);
  --a-primary-rgb: 250, 56, 29;
  --p-primary-rgb: 253, 150, 68;
}

.semi-dark-layout {
  /************ Main Menu **************/
}
.semi-dark-layout .main-menu {
  background-color: #283046;
}
.semi-dark-layout .main-menu .shadow-bottom {
  background: linear-gradient(180deg, #283046 44%, rgba(40, 48, 70, 0.51) 73%, rgba(40, 48, 70, 0));
}
.semi-dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active > a {
  background-color: #161d31 !important;
}
.semi-dark-layout .main-menu-content .navigation-main {
  background-color: #283046;
}
.semi-dark-layout .main-menu-content .navigation-main .navigation-header {
  color: #676d7d;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item a {
  color: #b4b7bd;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item.open:not(.sidebar-group-active) > a {
  background-color: #161d31;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after,
.semi-dark-layout .main-menu-content .navigation-main .nav-item a {
  color: #b4b7bd !important;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
  background-color: #283046;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
  color: #fff;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
  background-color: #283046;
}
.semi-dark-layout .main-menu-content .navigation-main .active > a {
  color: #fff !important;
}
.semi-dark-layout .main-menu-content .navigation-main .active .menu-title,
.semi-dark-layout .main-menu-content .navigation-main .active i {
  color: #fff;
}
.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active a {
  border-radius: 4px;
}
.semi-dark-layout .main-menu-content .navigation-main .menu-content {
  background-color: #283046;
}
.semi-dark-layout .main-menu-content .navigation-main .menu-content .active {
  z-index: 1;
}
.semi-dark-layout .main-menu-content .navigation-main .menu-content .active a {
  background-color: transparent;
}
.semi-dark-layout .menu-collapsed .main-menu:not(.expanded) .navigation-main li.active > a {
  background: #161d31 !important;
  color: #fff !important;
}