.wrapper{ /*блок*/
    background: white;
    max-width: 1260px;
    /*min-height: 50vh;*/
    width: 98%;padding: 1%;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.calc_pole{ /*поле*/
  height: auto;
  margin: 0;
  color: black;
  padding: 0px 10px;
  font-size:18px;
  background: #FDFAF4;
  margin-bottom: 10px;
  border-radius: 10px;
   box-shadow: 0px 0px 10px #EE8A00 inset;
}
.calc_h4{
  text-align: center;color: #855A48;
  margin: 10px;
}
.calc_h4l{
  color: #855A48;
}
.calc_com{ /*маленький комментарий*/
  font-size:16px;
  position: relative;
  bottom: 25px;
  margin: 25px 0px 0px 0px;
}
input[type=text].calc_i{ /*общее input*/
  text-align: center;
  line-height: 0;
  padding: 2px 2px 2px 10px;
  border-bottom:1px solid #F4F4F4;border-left:1px solid #E0E0E0;border-radius:5px;border-right:1px solid #E0E0E0;border-top:1px solid #C0C0C0;box-shadow:0px 1px 1px #C9C9C9 inset;
}
form select{
  line-height: 1;
  padding: 2px 2px 2px 10px;
}
input.calc_ii{ /*основная*/
  width: 25%;    
  max-width: 140px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 120%;
  text-align: center;  
}
.calc_ii12{ /*основная*/
  width: 12%;    
  max-width: 140px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 120%;
  text-align: center;
}
.calc_i80{ /*основная на всю строку*/
  width: 80%;    
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 120%;
  text-align: center;
}
input[type=text].calc_ii1{ /*основная широкая*/
  width: 50%;   
  max-width: 280px; 
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 120%;
  text-align: center;
}
.calc_ii30{ /*основная 30%*/
  width: 30%;   
  max-width: 280px; 
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 120%;
  text-align: center;
}


.calc_ii2{ /*основная меньше шрифт*/
  width: 25%;   
  max-width: 140px; 
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 100%;
  text-align: center;
}
.calc_ii22{ /*основная меньше шрифт*/
  width: 15%;   
  max-width: 100px; 
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 100%;
  text-align: center;
}
.calc_i1{ /*нижний*/
  width: 76px;
  position: relative;
  bottom: -25px;
  margin: -25px 0px 0px 0px;
  font-size: 90%;
}
.calc_i2{ /*верхний*/
  width: 76px;
  position: relative;
  bottom: 25px;
  margin: 25px 0px 0px 0px;
  font-size: 90%;
}
.calc_znakov{
width: 66px;
font-size: 100%;
text-align: center;   
display: inline-block;
}
.stepen {
    vertical-align: super;
    font-size: smaller;
}
.index {
    vertical-align: sub;
    font-size: smaller;
}
input[type=text].calc_grey{ /*общее input*/
  background-color: #f5f6f5;
}

input[type=text] { /*для calc_znakov*/
    background-color: white;
    padding: 2px 2px 2px 10px;
}
input[type=text]:focus { /*для calc_znakov*/
    background-color: white;
}
input[type=number] { /*для calc_znakov*/
    background-color: white;
    padding: 2px 2px 2px 10px;
}

input[type=number].colorpole {
    background-color: #d7d7d7;
}
input[type=checkbox], input[type=radio]{
    margin-left: 25px;
    width: 20px;
    height: 20px;
}
input[type=button] {
    padding: 5px 15px;
    border-radius:5px;
    solid: #E0E0E0;
}
button {
    padding: 5px 15px;
    border-radius:5px;
    solid: #E0E0E0;
}
input[type=submit] {
    padding: 1px 15px;
    border-radius:5px;
    solid: #E0E0E0;
}
input[type=reset] {
    padding: 5px 15px;
    border-radius:5px;
    solid: #E0E0E0;
}
table:not( .has-background ) tbody td {
    background-color: #DFE8DF; 
}