js-result{
  font-size: 20px;
    font-weight: bold;
    color: #4f5b62;
}

fieldset{
  border: 0px;
}

.form__labelText {
    width: initial;
    display: inline-block;
    margin: 5px;
}

.form__field:focus {
  /* border-color: #4787b1; */
	/* box-shadow: 0 0 5px 2px rgba(135,135,135, 0.4); */
	outline: none;
}

.form__button {
    width: 49%;
    border: 1px solid;
    border-color: #4f5b62;
    background-color:rgb(255, 255, 255) ;
    border-radius: 5px;
    padding: 10px;
}

.form__button.js-calculate:hover {
  /*box-shadow: 0 0 5px 2px rgba(135,135,135, 0.4);*/
outline: none;
background-color: #00c851 ;
color: white;
border: 0px;
cursor: pointer;
}
.form__button.js-button:hover {
  /*box-shadow: 0 0 5px 2px rgba(135,135,135, 0.4);*/
outline: none;
background-color: #e74c3c ;
color: white;
border: 0px;
cursor: pointer;
}

.form__button:active {
    box-shadow: none;
	outline: none;
}

.form__labelCurrency {
    padding: 0px;
    display: inline-block;
    max-height: 100px;
    font-style: italic;
    font-size: 16px;
}

.selectLabel {
    display: flex;
    justify-content: space-between;
}

.js-strip1 option[value="0"], .js-strip2 option[value="0"] .js-strip3 option[value="0"] {
    background:#000;
    color: white;
  }

.js-strip1 option[value="1"], .js-strip2 option[value="1"], .js-strip3 option[value="1"] {
    background:#512627;
    color: white;
  }

.js-strip1 option[value="2"], .js-strip2 option[value="2"], .js-strip3 option[value="2"]{
    background:#CC0000;
    color: white;
  }

.js-strip1 option[value="3"], .js-strip2 option[value="3"], .js-strip3 option[value="3"]{
    background:#D87347;
    color: white;
  }

.js-strip1 option[value="4"], .js-strip2 option[value="4"], .js-strip3 option[value="4"]{
    background:#E6C951;
    color: black;
  }
  
.js-strip1 option[value="5"], .js-strip2 option[value="5"], .js-strip3 option[value="5"]{
    background:#528F65;
    color: white;
  }
  
.js-strip1 option[value="6"], .js-strip2 option[value="6"], .js-strip3 option[value="6"]{
    background:#0F5190;
    color: white;
  }
  
.js-strip1 option[value="7"], .js-strip2 option[value="7"], .js-strip3 option[value="7"]{
    background:#6967CE;
    color: white;
  }
  
.js-strip1 option[value="8"], .js-strip2 option[value="8"], .js-strip3 option[value="8"]{
    background:#7D7D7D;
    color: white;
  }
  
.js-strip1 option[value="9"], .js-strip2 option[value="9"], .js-strip3 option[value="9"]{
    background:#FFF;
    color: black;
  }

  .js-multiply option[value="1"] {
    background:#000;
    color: white;
  }

.js-multiply option[value="10"] {
    background:#512627;
    color: white;
  }

.js-multiply option[value="100"] {
    background:#CC0000;
    color: white;
  }

.js-multiply option[value="1000"] {
    background:#D87347;
    color: white;
  }

.js-multiply option[value="10000"] {
    background:#E6C951;
    color: black;
  }
  
.js-multiply option[value="100000"] {
    background:#528F65;
    color: white;
  }
  
.js-multiply option[value="1000000"] {
    background:#0F5190;
    color: white;
  }
  
.js-multiply option[value="10000000"] {
    background:#6967CE;
    color: white;
  }
  
.js-multiply option[value="100000000"]{
    background:#7D7D7D;
    color: white;
  }
  
.js-multiply option[value="1000000000"] {
    background:#FFF;
    color: black;
  }

.js-multiply option[value="0.1"] {
    background:#C08327;
    color: white;
  }

.js-multiply option[value="0.01"] {
    background:#BFBEBF;
    color: white;
  }

  .js-tolerant option[value="1"] {
    background:#512627;
    color: white;
  }

.js-tolerant option[value="2"] {
    background:#CC0000;
    color: white;
  }
  .js-tolerant option[value="0.5"] {
    background:#528F65;
    color: white;
  }
  
.js-tolerant option[value="0.25"] {
    background:#0F5190;
    color: white;
  }
  
.js-tolerant option[value="0.1"] {
    background:#6967CE;
    color: white;
  }
  
.js-tolerant option[value="0.05"]{
    background:#7D7D7D;
    color: white;
  }

.js-tolerant option[value="5"] {
    background:#C08327;
    color: white;
  }

.js-tolerant option[value="10"] {
    background:#BFBEBF;
    color: white;
  }

  input[type="radio"]{
    margin: 0 5px 0 40px;
  }

  input[type="radio"]:hover {
    cursor:pointer;
  }

.strip3_display {
  display: none;
}

.ppm_display {
  display: none;
}

.js-ppm option[value="100"] {
  background:#512627;
  color: white;
}

.js-ppm option[value="50"] {
  background:#CC0000;
  color: white;
}

.js-ppm option[value="15"] {
  background:#D87347;
  color: white;
}

.js-ppm option[value="25"] {
  background:#E6C951;
  color: black;
}

.js-ppm option[value="10"] {
  background:#0F5190;
  color: white;
}

.js-ppm option[value="5"] {
  background:#6967CE;
  color: white;
}

.calc_input {
  position: relative;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 45px;
  grid-template-columns: 1fr 45px;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: 'input dd';
  margin-bottom: 0px;
}

.input_label {
  position: absolute;
  z-index: 5;
  right: 0;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  width: 45px;
  border-radius: 4px;
  background-color: #F2F1F6;
  border: 1px solid #CCCCCC;
  text-align: center;
  font-size: 13px;
}

.form__field {
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  padding: 0px 5px 0px 5px;
  max-width: 100%;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  color: #333333;
  z-index: 10;
  cursor: pointer;
  /*border-right: none;*/
}