.tool-container {
	background-color: #76bc1e;
	background-size: 100% 100%;
	border-radius: 4rem;
	position: absolute;

}

.tool-container.tool-top, .tool-container.tool-bottom {
	height: 3.4rem;
}

.tool-items {
	height: 100%;
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	background: red;
	width: 6rem;
}


.tool-top .tool-item, .tool-bottom .tool-item {
	float: left;
	border-right: 0.1rem solid #e2dfdf;
	border-left: 0.1rem solid #9f9898;
}

.tool-left .tool-item, .tool-right .tool-item {
	height: 3.4rem;
	/*border-bottom: 1px solid #9f9898;*/
}


.tool-item {
	height: 100%;
	display: block;
	/*width: 38px;*/
	text-align: center;
	float: left;
	line-height: 4.8rem;
}

.tool-item:first-child {
	border-left: none;
}

.tool-left .tool-item:first-child, .tool-right .tool-item:first-child {
	/*border-top: 1px solid transparent;*/
}

.tool-item:last-child {
	border-right: none;
	border-bottom: none;
}


.tool-container .arrow {
	width:0;
	height:0;
	position: absolute;
	border-width:0.7rem;
	border-style:solid;
}

.tool-container.tool-top .arrow {
	border-color: #e9e5e5 transparent transparent;
	left: 50%;
	bottom: -1.4rem;
	margin-left: -0.7rem;
}

.tool-container.tool-bottom .arrow {
	border-color: transparent transparent #e9e5e5;
	left: 50%;
	top: -1.4rem;
	margin-left: -0.7rem;
}

.tool-container.tool-left .arrow {
	border-color: transparent transparent transparent #E9E5E5;
	top: 50%;
	right: -1.4rem;
	margin-top: -0.7rem;
}

.tool-container.tool-right .arrow {
	border-color: transparent #76bc1e transparent transparent;
	top: 50%;
	left: -1.2rem;
	margin-top: -0.7rem;
}

.demo-link {
	color: #89CDE4;
	text-decoration: underline;
	cursor: pointer;
	margin-left: 3rem;
}

.demo-link:hover {
	text-decoration: none;
	cursor: pointer;
}