.sp-equation-builder .button {
	margin: 2px;
	padding: 0 10px 1px;
}

.sp-equation {
	background: #f9f9f9;
	border: 1px solid #ddd;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
	transition: .05s border-color ease-in-out;
	margin-top: 6px;
	padding: 23px;
}

.sp-equation:hover,
.sp-equation.ui-state-active {
	background: #fff;
}

.sp-equation.ui-state-hover {
	border-color: #5b9dd9;
	-webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
	box-shadow: 0 0 2px rgba(30,140,190,0.8);
}

.sp-equation-variable {
	font-weight: bold;
	font-size: 14px;
	line-height: 32px;
}

.sp-equation-formula .ui-sortable-placeholder {
	visibility: visible !important;
	margin: 2px;
	padding: 1 10px 1px;
	border: 1px dashed #bbb;
	background: transparent;
	height: 28px;
}

.sp-equation-formula .button {
	position: relative;
	margin: 2px 4px;
}

.sp-equation-formula .button .remove {
	font-weight: bold;
	font-size: 14px;
	position: absolute;
	top: -10px;
	right: -8px;
	color: #999;
	border: 1px solid #ccc;
	background: #f7f7f7;
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 50%;
	display: none;
}

.sp-equation-formula .button:hover .remove {
	display: block;
}

.sp-equation-formula .button.ui-sortable-helper .remove,
.sp-equation-formula .button.ui-sortable-helper:hover .remove {
	display: none;
}

.sp-equation-formula .button .remove:hover {
	color: #d00;
}