.form-calculator{
  
}

.form-calculator input[type],
.form-calculator select{
  background-color:#f5f5f5;
  border-radius:0px;
  border:0px solid #f5f5f5;
  color:#0877b5; 
}

.form-calculator input[type="submit"].calculator-submit{
  background-color:#0877b5!important;
  border:1px solid #0877b5;
  color:#fff;
  border-radius:0px;
  font:unset!important;
}

.form-calculator input[type]::placeholder{
  color:#0877b5; 
}

.form-calculator span.not-valid-tip{
  color:#c85c5c;
  text-shadow:none;
  margin-top:0px;
  font-size:18px;
}


.form-calculator .row-calculator-flow{
  max-width:900px;
  display:flex;
  flex-flow:row wrap;
}

.form-calculator hr{
  margin:20px 0px;
}

.form-calculator .row-calculator-flow .col{
  width:50%;
}

.input-group-flow{
  display:flex;
  flex-flow:row nowrap;
}

.input-group-flow .input-flow input[type]{
  height:70px;
  font-family: "Roboto-Light";
  font-size:38px;
  line-height:1;
  padding: 20px 10px;
  max-width:155px;
  text-align:center;
  margin:0px!important;
}

.input-group-flow .flow-unit button{
  display:block;
  height:35px;
  width:100px;
  background-color:#fff;
  border-radius:0px;
  border:1px solid #f5f5f5;
  color:#0877b5;
}

.input-group-flow .flow-unit button.active{
  background-color:#0877b5;
  border:1px solid #0877b5;
  color:#fff;
}

.input-group{
  display:flex;
  align-items:center;
  margin-bottom:10px;
}

.input-group .prepend,
.input-group .append{
  background-color: #f5f5f5;
  display: block;
  height: 20px;
  padding:10px 15px;
  font-size:20px;
  line-height:20px;
  color:#0877b5;
}

.input-group .prepend{
  margin-right:5px;
  width:40px;
}

.input-group .append{
  margin-left:-5px;
}

.form-calculator .input-group+span.not-valid-tip{
  margin:-5px 5px 10px;
}

.form-calculator .input-group input[type],
.form-calculator .input-group select{
  margin-bottom:0px!important;
  margin-top:0px;
  margin-left:5px;
  margin-right:5px;
  max-width:155px;
}

.form-calculator .form-composition .input-group input[type]{
  text-align:right;
}

.form-calculator .form-about .form-row{
  display:flex;
  flex-flow:row wrap;
  margin-left:-5px;
  margin-right:-5px;
}

.form-calculator .form-about .form-row .col input,
.form-calculator .form-about .form-row .col select{
  max-width:200px;
}

.form-calculator .form-about .form-row .col:last-child input,
.form-calculator .form-about .form-row .col:last-child select{
  max-width:280px;
}

.form-calculator .form-about .input-group input{
  
}



@media screen and (max-width:768px){
  .form-calculator .row-calculator-flow .col {
    width: 280px;
    margin: 0 auto;
    padding: 0px 20px;
  }
}