* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  min-height: 100vh;
  background-color: #fff;
}

.navbar {
  width: 250px;
  height: 100vh;
  position: fixed;
  margin-left: -300px;
  background-color: #757575;
  transition: 0.4s;
}

.nav-link {
  font-size: 20px;
}

.nav-link:active,
.nav-link:focus,
.nav-link:hover {
  background-color: #ffffff26;
}

.nav-link.active {
  background-color: #30b41e;
}

.accordion-item {
  background-color: #757575;
}

.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #ffffff26;
}

.dropdown-item.active {
  background-color: #30b41e;
}

.my-container {
  transition: 0.4s;
}

/* for navbar */

.active-nav {
  margin-left: 0;
}

/* for main section */

.active-cont {
  margin-left: 250px;
}

#menu-btn {
  background-color: #25cc39;
  color: #fff;
}

#menu-btn:focus {
  box-shadow: 0 0 0 0.25rem #249b32;
}

.accordion-button:not(.collapsed) {
  color: white;
  background-color: #858585;
}
.accordion-button {
  font-size: 20px;
  color: white;
  background-color: #757575;
}

.salah {
  border-color: red;
}

#result_hash {
  display: none;
}

@media only screen and (max-width: 767px) {
  .active-cont {
    margin-left: 0px;
  }
}

.offcanvas-body ul li {
  width: 100%;
}