.infobox {
	display: inline-block;
	width: 23%;
	height: 66px;
	color: #555;
	background-color: #FFF;
	box-shadow: none;
	border-radius: 0;
	margin: -1px 0 0 -1px;
	padding: 8px 3px 6px 9px;
	border: 1px dotted;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-color: #d8d8d8 !important;
	vertical-align: middle;
	text-align: left;
	position: relative;
}
.infobox > .infobox-icon {
	display: inline-block;
	vertical-align: top;
	width: 44px;
}
.infobox > .infobox-data {
	display: inline-block;
	border: 0;
	border-top-width: 0;
	font-size: 13px;
	text-align: left;
	line-height: 21px;
	padding-left: 8px;
	position: relative;
	top: 0;
}
.infobox-data-number {
	display: block;
	font-size: 22px;
	margin: 2px 0 4px;
	position: relative;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.15);
}
.infobox-blue {
	color: #6fb3e0;
}
.infobox-pink {
	color: #cb6fd7;
}
.infobox-green {
	color: #9abc32;
}
.infobox-red {
	color: #d53f40;
}
.empty-table {
	color: red !important;
}

.table tbody td {
	color: #000;
}
@media only screen and (max-width: 991px) {
.infobox {
	width: 50%;
	float: left;
	height: unset;
} 
.infobox > .infobox-icon {
	width: 8px;
}
.account-table td {
	width: 100%;
	display: block !important;
	border-top: unset !important;
	float: left;
}  
.mobiletr {
	background: #fff !important;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	float: left;
	border-radius: 5px;
}
.footable-header {
	display: none;
}
    
    
    
}