.info {
    display: flex;
    flex-direction: row;
    text-align: left;
}
#rowcol{
    display: inline-block;
}

input[type=button] {
    color: white;
    background-color: darkgreen;
    padding: .25rem;
    margin: 0 .5rem;
    width: 5rem;
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
}

#rangeValue{
  width: 3rem;
  margin-left: 5px;
}

.range{
    align-items: center;
}

.slider {
    position: relative;
    top: 6px;
    display: inline-block;
    margin: 0 .5rem;
    margin-left: 1rem;
    width: 5rem;
}
/*
.slider ::-webkit-slider-thumb{
    background: darkgreen;
}
*/
input[type=button]:disabled {
    background-color: gray;
}
input[type=range]:hover{
    opacity: 1; /* Fully shown on mouse-over */
}

label, input {
    color: darkgreen;
    background-color: white;
    font-weight: bold;
    margin: 0rem;
}

label {
    width: 3rem;
    margin-left: 1rem;
}
input {
    width: 2rem;
    padding: .25rem;
    text-align: center;
}

table{
    margin: 1rem auto;
    border-collapse:collapse;
    caption-side: bottom;
    border:4px solid black;
}

tr{ 
    border-bottom: 1px solid black;
}

th, td { 
    padding: .5rem .5rem;
    /*border-left: 1px solid black;*/
    border-right: 1px solid black;
}
td{
    background-color: white;
}
td:hover{
    background-color: darkblue;
}
.number {
    text-align: right;
}

  /* https://codepen.io/tippingpointdev/pen/bGgLqLY*/
  input[type="range"] {
    -webkit-appearance: none;
    margin-right: 5px;
    width: 8rem;
    height: 7px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    background-image: linear-gradient(#1aff0076, #00ff4045);
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  
  /* Input Thumb */
  input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: darkgreen;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
  }
  
  input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: darkgreen;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
  }
  
  input[type="range"]::-ms-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: darkgreen;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
  }
  
  input[type="range"]::-webkit-slider-thumb:hover {
    background: darkgreen;
  }
  
  input[type="range"]::-moz-range-thumb:hover {
    background: darkgreen;
  }
  
  input[type="range"]::-ms-thumb:hover {
    background: darkgreen;
  }
  
  /* Input Track */
  input[type=range]::-webkit-slider-runnable-track  {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
  }
  
  input[type=range]::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
  }
  
  input[type="range"]::-ms-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
  }