@charset "utf-8";
/* CSS Document */ 
.mybal{
	margin: 0 auto
}
.myform input {
  color: #e50001;
  font-size: 20px !important;
  text-align: center !important;
  margin: 0 !important;
  width: 100px;
  height: 35px;
}
.myclr{
	width:100%;
	height: 1px;
	clear: both
}
article.item .calculation h3,
.calculation h3{
	color: #e50001;
	padding-bottom: 20px;
	font-size:20px !important;
text-align:center;
margin: 0 !important;
}  
.calcres{
	color: #000;
	display: inline-block;
} 
.input-clac{
margin-top:10px
}
 
.calculation {
  padding: 20px;
  box-shadow: 0 0px 9px rgba(0,0,0,0.12);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  background: #fff;
  border-radius: 10px;
  margin: 0 0 20px;
  width: 100%;
  float: right;
}
.calcdiv {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  float: right;
}
.calcdiv li {
  width: 49%;
  float: right;
  display: flex !important;
  justify-content: space-between;
  padding: 5px 20px !important;
  background: #f7f7f7;
  margin: 0 0 10px;
  border-radius: 5px;
  align-items: center;
}
.calcdiv li:nth-child(even){
	float: left;
}
.mybal > div {
  width: 49%;
  float: right;
  display: flex;
  justify-content: space-between;
  padding: 5px ;
  border: solid 1px #eee;
  margin: 0 0 10px;
  border-radius: 5px;
  align-items: center;
  text-align: right !important;
  font-size: 13px;
}
.mybal > div:nth-child(even){
	float: left;
}
.calcdiv li:before{
  display: none !important;
}
@media (max-width: 580px) { 
	.calcdiv li,
	.mybal > div{
		width: 100%;
		float: right !important;
	}
}