body {
  padding-bottom: 50px; /* Add extra space at the bottom */
}

.container hr.dashed {
  border-top: 2px dashed #999;
  margin: 30px auto; /* Center the line */
}

.red-asterisk {
  color: red;
  font-size: smaller !important;
}

#menu-primary-lang-select,
#language-select {
  width: auto;
}

.language-selector-container {
  display: flex;
  align-items: center;
}
.language-selector-container i {
  margin-right: 10px;
}

.hide {
  display: none;
}

#menu-currency-select {
  width: auto;
}

select.form-control {
  max-width: 100%; /* Prevents the field from exceeding the container width */
  text-overflow: ellipsis; /* Adds ellipsis for overflowing text */
  white-space: nowrap; /* Prevents text from wrapping */
  overflow: hidden; /* Hides overflowing text */
}