:root {
  --bumerangue-red: #d52b1e;
  --bumerangue-red-dark: #b91f14;
  --bumerangue-black: #111418;
}

.left-sidebar.bg-sidebar {
  background-color: var(--bumerangue-black) !important;
}

.app-brand {
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.app-brand a {
  justify-content: center;
}

.brand-logo {
  width: 190px;
  max-width: 100%;
  height: auto;
}

.login-brand-logo {
  width: 240px;
  max-width: 100%;
  height: auto;
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:focus,
.btn-primary:hover {
  background-color: var(--bumerangue-red) !important;
  border-color: var(--bumerangue-red) !important;
}

.btn-outline-primary {
  color: var(--bumerangue-red) !important;
  border-color: var(--bumerangue-red) !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
  background-color: var(--bumerangue-red) !important;
  border-color: var(--bumerangue-red) !important;
}

#sidebar-menu .sidenav-item-link:hover .nav-text,
#sidebar-menu .sidenav-item-link:hover i,
#sidebar-menu > .active > a .nav-text,
#sidebar-menu > .active > a i {
  color: #fff !important;
}

#sidebar-menu > .active > a {
  background-color: rgba(213, 43, 30, 0.25) !important;
  border-left-color: var(--bumerangue-red) !important;
}

.main-header {
  border-bottom: 2px solid rgba(213, 43, 30, 0.15);
}