:root {
  --main-color: #58419C;
  --second-color: #8568DA;

  --blue-color: rgba(21, 127, 203,.5);
  --yellow-color: rgba(255, 221, 119,.5);
  --red-color: rgba(191, 0, 49,.5);
  --green-color: rgba(76, 175, 80,.5);
  --violet-color: #D7D7F5;
}

.bg-slate {
  background-color: #3F1B89;
  background-image: url("../images/axel/bg.svg");
  background-size: cover;
  background-position: center;}

.img-logo {
  background-image: url("../images/axel/GetLogo.svg");
}

.navbar-brand .title {
  display: none;
}

.navbar-primary {
  background-color: var(--main-color);}

.login-form .card .card-header {
  background-color: var(--main-color);
  color: white;}

.login-form .card .btn {
  background-color: var(--main-color);
  color: white;}

.btn-primary {
  background-color: var(--main-color);}

.sidebar {
  background-color: var(--main-color);}

.sidebar-user {
  background-color: var(--second-color);}

.sidebar .sidebar-control {
  background-color: var(--second-color);}