html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

.menu-item {
  display: block;
  padding: 8px 20px;
  font-size: 14px;
  color: red;
  text-decoration: none;
  background-color: transparent;
  border: none;
  border-left: 4px solid transparent;
  transition: background-color 0.3s ease, color 0.3s ease,
    border-color 0.3s ease;
  background-color: #333;
}

.menu-item:hover {
  background-color: #f8f9fa;
  color: #212529;
  border-left-color: #1a6dc1;
}

.menu-item:focus {
  outline: none;
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.menu-item.active {
  background-color: #e9ecef;
  color: #212529;
  font-weight: bold;
  border-left-color: #1a6dc1;
}
.menu-item-admin {
  display: block;
  padding: 8px 20px;
  font-size: 14px;
  color: red;
  text-decoration: none;
  background-color: transparent;
  border: none;
  border-left: 4px solid transparent;
  transition: background-color 0.3s ease, color 0.3s ease,
    border-color 0.3s ease;
}

.menu-item-admin:hover {
  background-color: #f8f9fa;
  color: #212529;
  border-left-color: #c1121f;
}

.menu-item-admin:focus {
  outline: none;
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #c1121f;
}

.menu-item-admin.active {
  background-color: #e9ecef;
  color: #212529;
  font-weight: bold;
  border-left-color: #c1121f;
}