.btn-group-vertical, .btn-width {
  width: 90% !important; /* Override width property */
  max-width: 350px !important; /* Set max-width constraints */
  box-sizing: border-box !important; /* Without the property the element's total width can exceed 100% due to the addition of padding and border, causing layout issues like horizontal scrollbars or misaligned elements*/
  /* overflow-x: hidden !important; /* Prevent horizontal scrollbar but it's excluded since vertical scrolling appears for dropdown menu */
  display: flex !important; /* Enable flexbox */
}
.top {
  padding-top: 5.5% !important; /* Set top padding to X % of the width */
}
.bottom {
  padding-bottom: 5.5% !important; /* Set bottom padding to X % of the width */
}
.request-field {
  min-width: 100px !important;
  border-color: #0d6efd;
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212;
    color: #ffffff;
  }
  .btn-outline-primary, .dropdown-item, .dropdown-menu {
    background-color: #345c7c;
    border-color: #345c7c;
    color: #ffffff;
  }
  .btn-outline-primary:hover, .dropdown-item:hover {
    background-color: #2c4c6c;
    border-color: #2c4c6c;
    color: #ffffff;
  }
  .request-field, .request-field:hover {
    background-color: #121212;
    border-color: #345c7c;
    color: #ffffff;
  }
  .request-field::placeholder {
    color: #ffffff;
  }
}