input {
    font-size: 16px;
}

.gene_controller {
    width: 110px;
    /* max-width: calc(20% - 10px); */
    font-size: .9em;
    display: inline-block;
    background-color: white;
    /* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); */
    /* margin: 2px; */

    flex-grow: 1;
    max-width: 130px;
    margin: 0px;
    border: 1px solid #eaeaea;     
}
.gene_controller .gene_name {
    margin-bottom: .3em;
    margin-top: .3em;
    text-transform: capitalize;
}
.gene_controller.chaos .gene_name {
    color: #5a4caf;
}
/* .gene_controller .slider-input {
    margin: 0px;
} */
.gene_controller img {
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.gene_controller .slider {
    width: 100%;
}

.gene_input_row {
    display: flex;
    justify-content: space-evenly;
}
.gene_input_row * {
    vertical-align: top;
}

.gene_slider.slider {
  width: 100%;
}
.gene_slider.slider  input {
  /* width: 100%; */
  width: calc(100% - 4px);
}

.gene_controller .slider-input {
  display: inline-block !important;
  margin: 10px;
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 70px;
  color:#1a1a1a !important;
}

.gene_controller .number_input  {
    margin: 0px;
    border-radius: 0px;
    border: 1px solid gray;
    width: 55px;
}


.gene_controller .slider {
    display: inline-block;
    margin-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}
.gene_controller .slider input {
    margin: 0px;
    width: 100%;
}
.gene_controller .slider p {
    display: inline-block;
    margin: 0px;
}

.gene_controller input.number_input {
    padding: 0px;
    padding-left: 1px;
    height: 22px;
    background: #e3e3e3;
}