.calculate_js{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 15px;
	min-width: 100%;
}
.calculate_table{
/*	min-width: 50%;*/
}
.calculate_table tr td{
	text-align: center;
}
#calculate input{
	background-color: #FAFEFF;
	height: 30px;
	font-size: 16px;
}
.calculate{
	max-width: 100%;
}
#result{
	margin-bottom: 5px;
}

.result_block{
	text-align: center;
	padding-bottom: 30px;
}
.result_block p{
	color: #7e7f85;
}
.buttons{
	display: flex;
	justify-content: center;
/*	align-items: center;*/
/*	align-content: center;*/
}
.buttons button{
/*	width: 30px;*/
/*	height: 30px;*/
	background-color: white;
	border: 1px solid #40A1AC;
	border-radius: 15px;
	padding: 7px;
	margin: 7px;
	font-size: 16px;
/*	font-weight: bold;*/
}
.calculate_grid{
	max-width: 100%;
}
.grid_row{
/*    border: 1px solid darkgray;*/
    display: grid;
    grid-template-columns: 4% 35% 35% 8% 6% 12%;
    max-width: 100%;
}
.item{
/*	border: 1px solid black;*/
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
/*	width: 100%;*/
/*	text-align: center;*/
}
.item span{
	color: #a3a3a3;
}
.item input{
/*    background-color: yellow;
    border: 1px solid gray; */
    height: 30px;
	font-size: 16px;
/*    max-width: 100%;*/
	width: 100%;
	margin-right: 5px;
	border: 0;
	border-bottom: 1px solid #888888;
}
.item input:focus{
/*	border: red;*/
/*	border: 0;*/
	outline: none;
	border-bottom: 2px solid #82b3ff;
}

.order_details{
	margin: 15px 0 25px 40px;
	color: #4d4d4d;
}
.order_details ul li{
	margin-bottom: 7px;
	list-style: none;
}

.copy_btn, .del_btn{
	width: 20px;
	height: 20px;
/*	background-color: lightgreen;*/
/*	border: 1px solid black;*/
	border-radius: 7px;
	display: flex;
/*	position: absolute;*/
	align-items: center;
	justify-content: center;
}
.copy_btn:hover, .del_btn:hover, #add_button:hover{
	cursor: pointer;
}

#add_button:hover{
	background-color: #d6fbff;
}
.copy_btn:hover{
	span{
		border-color: #82b3ff;
	}
}
.del_btn:hover{
	span{
		background-color: #d1211b;
	}
}

.del_btn span{
/*	display: flex;*/
	background-color: #888888;
	position: absolute;
	height: 3px;
	width: 15px;
	border-radius: 30px;
}
.del_btn span:first-child{
	rotate: 45deg;
}
.del_btn span:last-child{
	rotate: -45deg;
}

.copy_btn{
/*	display: flex;*/
	position: relative;
}
.copy_btn span{
	position: absolute;
	width: 12px;
	height: 15px;
	border: 2px solid #c9c9c9;
	border-radius: 3px;
}
.copy_btn span:first-child{
	top: 1px;
	left: 1px;
}
.copy_btn span:last-child{
	top: 5px;
	left: 5px;
}

@keyframes changeWarnColor {
    from {
        background: #f5531d;
    }
    to {
        background: white;
    }
}
.warn_anim{
    animation: changeWarnColor 1s;
    background: white;
}


@media (max-width:767px){
	.del_btn{
		padding-left: 10px;
	}
	.order_details{
		margin: 15px 0 25px 20px;
	}
}