.flex-container {
  display: flex;
}
.flex-direction-column {
  flex-direction: column;
}
.justify-content-flex-end {
  justify-content: flex-end;
}
.flex-1 {
  flex: 1;
}
.width-100 {
  width: 100%;
}
.border-parent {
  border: 2px solid #000;
}
.border {
  border: 1px solid #000;
}
.text-align-center {
  text-align: center;
}
.padding-4 {
  padding: 4px;
}
.padding-16 {
  padding: 16px;
}
.font-size-16 {
  font-size: 16px
}
.margin-right-16 {
  margin-right: 16px;
}
.margin-bottom-16 {
  margin-bottom: 16px;
}
.margin-top-16 {
  margin-top: 16px;
}
button {
  cursor: pointer;
}
.border-radius-4 {
  border-radius: 4px;
}
.input-box {
  width: 16px;
  margin-left: 8px;
  cursor: pointer;
}
.input-box:focus{
  outline: none;
}
.border-none {
  border: none;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.highlight-red {
  background-color: #FFBFBF;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.developer-info a{
  text-decoration: none;
}
@media only screen and (max-width: 480px) {
  .padding-16 {
    padding: 12px;
  }
  .input-box {
    width: 10px;
    margin-left: auto;
  }
}
@media only screen and (max-width: 375px) {
  .input-box {
    width: 8px;
  }
}
@media only screen and (max-width: 320px) {
  .padding-16 {
    padding: 8px;
  }
}
@media only screen and (max-width: 360px) {
  .select-by {
    margin-top: 12px;
  }
}