:root {
  --brand-orange: #F17E21;
  --brand-green: #11998e;
  --nav-background: #ffffff;
  --black: black;
}

.btn-brand {
  background-color: var(--brand-orange) !important;
  border-color: var(--brand-orange) !important;
}
.text-brand {
  color: var(--brand-orange);
}
.bg-brand {
  background-color: var(--brand-orange) !important;
}
.side-nav-menu {
  background: var(--nav-background) !important;
}
.custom-sidebar-menu ul li a {
  color: var(--black) !important;
}
.custom-sidebar-menu ul li a.active,
.custom-sidebar-menu ul li a:hover,
.custom-sidebar-menu ul li a:focus {
  color: #fff !important;
  background: var(--brand-green) !important;
}
.custom-sidebar-menu ul li ul.sub li {
  background: var(--nav-background) !important;
}
.custom-left-nav-wrap {
  color: var(--nav-background) !important;
}
.custom-left-nav-wrap::before {
  color: var(--nav-background) !important;
}
.rounded-border {
  border-radius: 0.9rem !important;
}

.dz {
  border: dashed !important;
  border-color: var(--brand-orange) !important;
  border-radius: 0.8rem !important;
}

.dz:hover {
  background-color: var(--brand-green) !important;
}