:root {
  --main-color: #2922C3;
  --second-color: #5f59d2;

  --blue-color: #3DB1F5;
  --yellow-color: #FF9900;
  --red-color: #FF3D3D;
  --green-color: #3AA714;
  --violet-color: #9933ff;
}

.bg-slate {
  background-image: url("../images/azamat/bg.jpg");
  background-size: cover;
  background-position: center;}

.img-logo {
  background-image: url("../images/azamat/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);}

.btn-yellow {
  color: white;}

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

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

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