.content-modal {

  display: flex;

  max-width: 100%;

  max-height: 100%;

  padding-right: 10px;

  padding-left: 10px;

  overflow: auto;



  align-items: center;

  flex-wrap: wrap;

}

#netsheetcalc .field {

  display: block;

  float: left;

  width: 100%;

  margin-top: 15px;

  border-bottom: 1px solid #000;

}

#netsheetcalc  input[type=text] {

  display: inline-block;

  padding-top: 15px;

  padding-bottom: 15px;

  text-align: right;

  border-style: solid;

  border-width: 1px;

  border-top: 0;

  border-right: 0;

  border-left: 0 solid;

}



#netsheetcalc  input.nofloat {

   

  padding-bottom: 5px !important;

}





#netsheetcalc .field input[type=text] {

  width: 100%;

}

#netsheetcalc .field input[type="text"] {

  display: inline-block;

  width: 100%;

  padding-top: 15px;

  padding-bottom: 15px;

  text-align: right;

  border-style: solid;

  border-width: 1px;

  border-top: 0;

  border-right: 0;

  border-left: 0 solid;

}

#netsheetcalc input + input {

  margin-left: 10px;

}



#netsheetcalc label input {

  margin-right: .25em;

  margin-left: .25em;

  text-align: right;

}



#netsheetcalc input:disabled {

  font-size: 1.125em;

  color: #aaa;

  text-align: right;

  background: #fff;

  border-top: 0;

  border-right: 0;

  border-bottom: 0 !important;

  border-left: 0;

}



label.special-amount {

  margin-top: 1.25em;

  font-size: 1.25em;

  vertical-align: middle;

}

#salesprice {

  font-size: 1.5em;



  weight: 900;

}



#amountdue {

  font-size: 2em !important;

  font-weight: bold;

  color: green !important;

;

}



#totalcharges {

  font-size: 1em !important;

  font-weight: normal;

  color: red !important;

}

input:focus {

  outline: 0;

  box-shadow: 0;

}



.border-right {

  

  border-color: #1073ac;

  border-width: 1px;



}

@media (max-width: 992px) {

  .border-right {

    padding-top: 15px;

    padding-bottom: 35px;

    margin-bottom: 35px;

    border-right: 0;

    border-bottom: 1px solid;

  }

}