div.DateList {
  width: 240px;
  display: flex;
}
div.DateList div.DateList__Component {
  width: 33.33% !important;
  flex-basis: 33.33%;
}
div.DateList div.DateList__Component input {
  text-align: center;
}
div.DateList div.DateList__Component input.Day {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
div.DateList div.DateList__Component input.Month {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
div.DateList div.DateList__Component input.Month:not(:focus) {
  border-left: none;
  border-right: none;
}
div.DateList div.DateList__Component input.Year {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
div.DateList div.AutoComplete {
  width: 33.33% !important;
  text-align: center;
  flex-basis: 33.33%;
}
div.DateList div.AutoComplete input.AutoComplete {
  width: 100% !important;
}
div.DateList div.AutoComplete select.Day + input {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
div.DateList div.AutoComplete select.Month + input {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
div.DateList div.AutoComplete select.Month + input:not(:focus):not(.Open) {
  border-left: none;
  border-right: none;
}
div.DateList div.AutoComplete select.Year + input {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
div.DateList.has-error input, div.DateList.has-error input:focus {
  border-color: red;
}
@media only screen and (max-width: 499px) {
  div.DateList {
    width: 100%;
  }
}