:root {
  --main-color: #1185E0;
  --second-color: #35A6FF;

  --blue-color: #40ABFF;
  --yellow-color: #FFBD64;
  --red-color: #EB0D0D;
  --green-color: #6EAC1F;
  --violet-color: #9933ff;
}

.bg-slate {
  background-image: url("../images/temir/bg.svg"), linear-gradient(138.98deg, #35A6FF 30.7%, #1E8BE0 98.51%);
  background-repeat: no-repeat;
  background-size: 50%, contain;
  background-position: 100% 50%, 0 0;}

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