html {
  background-color: #FFFFFF;
}

body {
  margin: 0 auto;
  font-family: sans-serif;
}

input {
  width: inherit;
  border: 1px solid #A7A7A7;
  font-size: 0.6em;
}

select {
  padding: 0;
  font-size: 0.6em;
  background: #EBEBEB;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EBEBEB));
  background: -moz-linear-gradient(top, #FFFFFF, #EBEBEB);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EBEBEB');
  border: 1px solid #A7A7A7;
}

li {
  margin: 10px;
}

label {
  font-size: 0.8em;
  margin: 2px
}

legend {
  font-size: 0.8em;
}

textarea {
  width: 1231px;
  min-height: 200px;
  border: 1px solid #A7A7A7;
  background-color: #FFFFFF;
}

h1 {
  font-size: 1.5em
}

p {
  display: block;
  text-align: justify;
}


.yellow_background {
  background-color: #FFFF00;
}

.btn {
  margin: 4px;
  padding: 1px 10px;
  background: #EBEBEB;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EBEBEB));
  background: -moz-linear-gradient(top, #FFFFFF, #EBEBEB);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EBEBEB');
  color: #484848;
  text-decoration: none;
  font-size: 0.9em;
  font-family: sans-serif;
  border-radius: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #A7A7A7;
}

.primary-navigation-section {
  background: #000000;
  color: #FFFFFF;
  min-height: 64px;
}

.navigation-section-inner {
  width: 1231px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.left-section {
  float: left;
  display: flex;
  align-items: flex-end;
  height: 40px;
}

.mechanicalcheck {
  float: left;
  padding: 0 8px;
}

.mechanicalcheck a {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 1.6em;
}

.right-section {
  float: right;
  display: flex;
  align-items: flex-end;
  height: 40px;
}

.right-section-btn {
  float: right;
  border: 0;
  padding: 0 8px;
}

.right-section-btn a {
  text-decoration: none;
  color: #FFFFFF;
}

.selector-language {
  background: #000000;
  color: #FFFFFF;
  font-size:1rem;
  border: 0;
  -moz-appearance: none;
  text-indent: 1px;
}

.selector-language a {
  outline: none;
}

.primary-content-section {
  background: #FFFFFF;
  width: 100%;
  max-width: 1235px;
  margin: 0 auto;
  padding: 0 8px;
  position: relative;
  padding-top: 0px;
  padding-bottom: 48px;
}

.footer-navigation-section {
  clear: left;
  background: #000000;
  color: #FFFFFF;
  min-height: 100px;
  margin-top: 100px;
}

.footer-section-inner {
  width: 1231px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 100px;
}

.left-footer-section {
  float: left;
  display: flex;
  align-items: center;
  min-height: 100px;
}

.left-footer-section-btn {
  float: left;
  border: 0;
  padding: 0 8px;
}

.left-footer-section-btn a {
  text-decoration: none;
  color: #FFFFFF;
}

.right-footer-section {
  float: right;
  display: flex;
  align-items: center;
  min-height: 100px;
}

.right-footer-section-btn {
  float: right;
  border: 0;
  padding: 0 8px;
}

.right-footer-section-btn a {
  text-decoration: none;
  color: #FFFFFF;
}

.missing {
  max-width: 200px;
  border: 1px solid red;
}

.not_missing {
  max-width: 200px;
}

.ok {
  color: #6B6B6B;
  background-color: #ECF6CE;
}

.not_ok {
  color: #6B6B6B;
  background-color: #F78181;
}

.standard {
  color: #6B6B6B;
  background-color: #EBEBEB
}

.formular {
  float: left;
  clear: left;
  width: 1253px;
}

.form1 {
  float: left;
  clear: left;
  width: 295px;
  padding: 5px
}

.form2 {
  float: left;
  width: 295px;
  padding: 5px
}

.form-ad {
  float: left;
  width: 295px;
  padding: 5px
}

.standard_text {
  text-align: justify;
}

.box_elem {
  float: left;
  clear: left;
  width: 65px;
}

.box_email {
  float: left;
  clear: left;
  width: 310px;
}

.box_row {
  float: left;
  width: 115px;
  margin-top: 5px
}

.box_mini {
  float: left;
  width: 70px;
  margin-top: 5px
}

.box_medium {
  float: left;
  width: 90px;
  margin-top: 5px
}

.box_col {
  float: left;
  clear: left;
  width: inherit;
  margin-top: 5px
}

.box_standard {
  float: left;
  clear: left;
  width: 75px;
}

.box_conditions {
  float: left;
  width: 31px;
}

.box_name {
  float: left;
  width: 140px;
}


.box_part {
  float: left;
  width: 140px;
}

.box_flow_value {
  float: left;
  width: 78px;
}

.box_flow_unit {
  float: left;
  width: 94px;
}

.box_radio {
  float: left;
  width: 80px;
  margin-top: 2px
}

.box_tol {
  float: left;
  width: 70px;
  margin-top: 5px
}

.box_small {
  float: left;
  width: 50px;
  margin-top: 5px
}

.box_large {
  float: left;
  width: 250px;
  margin-top: 5px
}

.ll {
  float: left;
  clear: left;
  width: 115px;
}

.ll_index {
  float: left;
  clear: left;
  width: inherit;
}

.ll_name {
  float: left;
  clear: left;
  width: inherit;
}

.ll_part {
  float: left;
  clear: left;
  width: inherit;
}

.ll_email {
  float: left;
  clear: left;
  width: inherit;
}

.ll_email {
  float: left;
  clear: left;
  width: inherit;
}

.label_conditions {
  float: left;
  clear: left;
  width: inherit;
}

.ll_radio {
  float: left;
  width: 20px;
}

.scalar {
  float: left;
  clear: left;
  width: 115px;
  margin: 4px
}

.index {
  float: left;
  clear: left;
  width: 30px;
  margin: 4px
}

.info_text {
  font-size: 0.8em;
  margin: 4px
}

.large {
  float: left;
  clear: left;
  width: 250px;
  margin: 4px
}

.value {
  float: left;
  clear: left;
  width: 70px;
  margin: 4px
}

.value_name {
  float: left;
  clear: left;
  margin: 4px
}

.value_part {
  float: left;
  clear: left;
  width: 70px;
  margin: 4px
}

.value_email {
  float: left;
  clear: left;
  width: 300px;
  margin: 4px
}

.value_conditions {
  float: left;
  width: 10px;
  margin: 4px
}

.value_radio {
  float: left;
  width: 25px
}

.unit {
  float: left;
  width: 86px;
  margin: 4px;
}

.unit_part {
  float: left;
  width: 50px;
  margin: 4px
}

.mini {
  float: left;
  width: 40px;
  margin: 4px;
}

.tol {
  float: left;
  width: 40px;
  margin: 4px;
}

.info_text {
  font-size: 0.8em;
  margin: 4px
}

.page {
  clear: left;
  padding: 5px;
  background-color: #FFFFFF;
  min-height: 700px;
  padding-bottom: 0
}

#flow1 {
  float: left;
  clear: left;
  width: 246px;
  padding: 5px;
  margin-left: 300px
}

#flow2 {
  float: left;
  width: 246px;
  padding: 5px
}

#info {
  float: left;
  clear: left;
  width: 510px;
  padding: 5px;
  margin-left: 300px
}

#conditions_in {
  float: left;
  clear: left;
  width: 246px;
  padding: 5px;
  margin-left: 300px
}

#conditions_out {
  float: left;
  width: 246px;
  padding: 5px
}

#mixture {
  float: left;
  clear: left;
  width: 510px;
  padding: 5px;
  margin-left: 300px
}

#calc {
  float: left;
  clear: left;
  width: 510px;
  padding: 5px;
  margin-left: 300px
}

#pic1 {
  display: inline-block;
  float: right;
  width: 180px;
  height: 160px;
  margin-left: 20px;
}

#pic2 {
  float: right;
  clear: right;
  width: 180px;
  height: 160px;
  margin-left: 20px;
}

#pic_case1 {
  display: block;
  float: left;
  width: 308px;
  height: 325px;
  margin-left: 5px;
}

#pic_case2 {
  display: block;
  float: left;
  width: 308px;
  height: 325px;
  margin-right: 40px;
}

#pic_calc {
  display: block;
  float: left;
  width: 260px;
  height: 160px;
  margin-left: 5px;
}

#pic_11 {
  display: block;
  float: left;
  width: 260px;
  height: 220px;
  margin-left: 5px;
}

#pic_clear {
  clear: left;
}

@media all and (min-width: 1000px) and (max-width: 1300px) {
  textarea {
    width: 908px;
  }

  fieldset {
    width: 210px;
  }

  .navigation-section-inner {
    width: 908px;
  }

  .primary-content-section {
    width: 100%;
    max-width: 912px;
  }

  .footer-section-inner {
    width: 908px;
  }

  .btn {
    font-size: 0.7em;
  }

  .formular {
    width: 930px;
  }

  .form1 {
    width: 220px;
  }

  .form2 {
    width: 220px;
  }

  .form-ad {
    width: 220px;
  }

  .box_large {
    width: 195px;
  }

  .large {
    width: 195px;
  }

  .value_email {
    width: 225px;
  }

  .value {
    width: 100px;
  }

  .scalar {
    width: 100px;
  }

  #pic_11 {
    width: 205px;
    height: 173px;
  }

  #flow1 {
    margin-left: 200px
  }

  #info {
    margin-left: 200px
  }

  #conditions_in {
    margin-left: 200px
  }

  #mixture {
    margin-left: 200px
  }

  #calc {
    margin-left: 200px
  }

}

@media all and (min-width: 700px) and (max-width: 999px) {
  textarea {
    width: 628px;
  }

  fieldset {
    width: 285px;
  }

  .navigation-section-inner {
    width: 628px;
  }

  .primary-content-section {
    width: 100%;
    max-width: 632px;
  }

  .footer-section-inner {
    width: 628px;
  }

  .formular {
    width: 750px;
  }

  .form1 {
    width: 295px;
  }

  .form2 {
    width: 295px;
  }

  .form-ad {
    width: 295px;
  }

  #flow1 {
    margin-left: 50px
  }

  #info {
    margin-left: 50px
  }

  #conditions_in {
    margin-left: 50px
  }

  #mixture {
    margin-left: 50px
  }

  #calc {
    margin-left: 50px
  }

}

@media all and (min-width: 500px) and (max-width: 699px) {
  .primary-navigation-section {
    min-height: 104px;
  }

  textarea {
    width: 458px;
  }

  fieldset {
    width: 210px;
  }

  .navigation-section-inner {
    width: 458px;
  }

  .right-section {
    float: left;
    clear: left;
  }

  .left-footer-section-btn {
    max-width:100px;
    color: green;
  }

  .right-footer-section-btn {
    max-width: 100px;
    padding: 0 5px;
  }

  .primary-content-section {
    width: 100%;
    max-width: 462px;
  }

  .footer-section-inner {
    width: 458px;
  }

  .formular {
    width: 480px;
  }

  .form1 {
    width: 220px;
  }

  .form2 {
    width: 220px;
  }

  .form-ad {
    width: 220px;
  }

  .box_large {
    width: 195px;
  }

  .large {
    width: 195px;
  }

  .value_email {
    width: 225px;
  }

  .value {
    width: 60px;
  }

  .scalar {
    width: 100px;
  }

  .btn {
    font-size: 0.7em;
  }

  .box_part {
    width: 120px;
  }

  .value_part {
    width: 40px;
  }

  #pic_11 {
    width: 205px;
    height: 173px;
  }

  #flow1 {
    width: 198px;
    margin-left: 10px
  }

  #flow2 {
    width: 198px;
  }

  #info {
    width: 415px;
    margin-left: 10px
  }

  #conditions_in {
    width: 198px;
    margin-left: 10px
  }

  #conditions_out {
    width: 198px;
  }

  #mixture {
    width: 415px;
    margin-left: 10px
  }

  #calc {
    width: 415px;
    margin-left: 10px
  }

}

@media all and (max-width: 499px) {
  .primary-navigation-section {
    min-height: 104px;
  }

  textarea {
    width: 326px;
  }

  .navigation-section-inner {
    width: 326px;
  }

  .right-section {
    float: left;
    clear: left;
  }

  .primary-content-section {
    width: 100%;
    max-width: 330px;
  }

  .footer-section-inner {
    width: 326px;
  }

  .left-footer-section-btn {
    max-width:40px;
    color: green;
  }

  .right-footer-section-btn {
    max-width: 80px;
    padding: 0 5px;
  }

  .formular {
    width: 348px;
  }

  .form1 {
    width: 220px;
  }

  .form2 {
    clear:left;
    width: 240px;
  }

  .form-ad {
    clear:left;
    width: 240px;
  }

  .box_large {
    width: 195px;
  }

  .large {
    width: 195px;
  }

  .value_email {
    width: 225px;
  }

  .value {
    width: 20px;
  }

  .value_part {
    width: 20px;
  }

  .box_part {
    width: 90px;
  }

  .box_name {
    width: 120px;
  }

  .box_flow_value {
    width: 50px;
  }

  .box_flow_unit {
    width: 80px;
  }

  .scalar {
    width: 100px;
  }

  #flow1 {
    width: 132px;
    margin-left: 10px
  }

  #flow2 {
    width: 132px;
  }

  #info {
    width: 285px;
    margin-left: 10px
  }

  #conditions_in {
    width: 132px;
    margin-left: 10px
  }

  #conditions_out {
    width: 132px;
  }

  #mixture {
    width: 285px;
    margin-left: 10px
  }

  #calc {
    width: 285px;
    margin-left: 10px
  }

  #pic_11 {
    width: 205px;
    height: 173px;
  }

}