@media (min-width: 1200px) {

  #main,
  #footer {
    margin-left: 300px;
  }
}

@media (min-width: 1200px) {

  .toggle-sidebar #main,
  .toggle-sidebar #footer {
    margin-left: 0;
  }

  .toggle-sidebar .sidebar {
    left: -300px;
  }
}

.header-nav{
  margin-left: auto !important;
}

.bi-icon{
  margin-left: auto !important;
}

.sidebar-nav .nav-link .bi-chevron-down {
  margin-right: 0;
}

.form-switch.form-switch-sm {
  float: left;
}

@media (max-width: 1199px) {
  .sidebar {
    left: -300px;
  }
}

@media (max-width: 1199px) {
  .toggle-sidebar .sidebar {
    left: 0;
  }
}