.circliful {
    position: relative; 
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
    font-weight: bold;
}

.circle-info, .circle-info-half {
	color: #999;
}

.circliful .fa {
	margin: -10px 3px 0 3px;
	position: relative;
	bottom: 4px;
}

.circle-text{
	top:-10px;
}

.circle-info{
	top:10px;
}

.circle-normal{
	color: #339933;
}
.circle-warn{
	color: #E39B1C;
}
.circle-danger{
	color: #E01819;
}
.circle-lixian{
	color: #C8C8C8;
}



.circle-normal-bg{
	background: #339933!important;
}
.circle-warn-bg{
	background: #E39B1C!important;
}
.circle-danger-bg{
	background: #E01819!important;
}
.circle-lixian-bg{
	background: #C8C8C8!important;
}