.bio-input {
    margin: 0.5rem;
}

.css-53g0n7-MuiButtonBase-root-MuiIconButton-root {
  justify-content: end;
}

/* Root class for the input field */
.bio-input .MuiOutlinedInput-root {
  color: var(--Rotkehlchen-gray);
}
/* Class for the border around the input field */
.bio-input .MuiOutlinedInput-notchedOutline {
    border-color: var(--Rotkehlchen-brown-light);
}
/* Class for the label of the input field */
.bio-input .MuiInputLabel-outlined {
    color: var(--Rotkehlchen-brown-light);
}
/* Class for the border in focused state */
.bio-input .Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: var(--Rotkehlchen-yellow-default);
}
/* Disabled input field text and border color */
.bio-input .css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled {
  -webkit-text-fill-color: var(--Rotkehlchen-gray);
}
.bio-input
  .MuiInputBase-root.MuiOutlinedInput-root.Mui-disabled
  .MuiOutlinedInput-notchedOutline {
  border-color: transparent;
}

@media only screen and (min-width: 768px) {
  .bio-input {
    width: 100%;
    margin-bottom: 1rem;
  }
  .bio-input .MuiInputLabel-outlined {
    font-size: 18px;
  }
  .bio-input .MuiOutlinedInput-input {
    font-size: 18px;
    padding: 10px;
  }
    
}