.alert-info {
  background-color: #475461;
}
.bg-info {
  background-color: #475461 !important;
}
.sidebar-dark-primary {
  background-color: #475461 !important;
}
.wrapper > .content-wrapper {
  margin-bottom: 60px;
}
.color-picker {
  display: flex;
  gap: 10px;
  margin-top: 5px;
}
.color-picker .color-box {
  width: 30px;
  height: 30px;
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: border 0.2s;
}
.color-picker .color-box.selected {
  border-color: #000;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #000;
}
.rating {
  direction: rtl;
  unicode-bidi: bidi-override;
  display: inline-flex;
}
.rating input {
  display: none;
}
.rating label {
  font-size: 2rem;
  color: #ccc;
  cursor: pointer;
  transition: color 0.2s;
}
.rating input:checked ~ label,
.rating input:hover ~ label,
.rating label:hover,
.rating label:hover ~ label {
  color: gold;
}
.code {
  font-family: 'Courier New', Courier, monospace;
}