.calculator-container {
  max-width: 500px;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 10px;
  font-family: Arial;
}

.tab-buttons button.active {
  background-color: #007bff;
  color: white;
  border: none;
}

.full-width-input {
  width: 100%;
  padding: 5px;
}

.seventy-width {
  width: 70%;
  padding: 5px;
}

.unit-dropdown {
  width: 28%;
  padding: 5px;
  float: right;
}

.tab-buttons button,
.button-group button {
  padding: 8px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.button-group button:first-child {
  background-color: #007bff;
  color: white;
  border: none;
}

#result {
  margin-top: 20px;
  font-weight: bold;
  background-color: #eaf4ff;
  padding: 10px;
  border-left: 5px solid #007bff;
}

.select2-container {
  width: 100%!important;
  margin-bottom: 15px;
}