.box-group {}

.box {
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
	vertical-align: top;
}

.box-dashboard-top {
	/* height: 100px; */
}

.box .btn {
	margin-top: 5px;
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

.box-body {
	margin-left: 3%;
	margin-right: 3%;
	padding: 15px;
	height: 100px;
}

	/* box red */
	.box-red .box-body {
		background-color: #f2f2f2;
		border: 1px solid #aaa;
		border-top: 10px solid #f73d37;
	}
	.box-red-full .box-body {
		color: white;
		background-color: #f73d37;
		border: 1px solid #aaa;
		border-top: 10px solid #900;
	}
	
	/* box green */
	.box-green .box-body {
		background-color: #f2f2f2;
		border: 1px solid #aaa;
		border-top: 10px solid #009303;
	}
	.box-green-full .box-body {
		color: white;
		background-color: #009303;
		border: 1px solid #aaa;
		border-top: 10px solid #060;
	}
	
	/* box blue */
	.box-blue .box-body {
		background-color: #f2f2f2;
		border: 1px solid #aaa;
		border-top: 10px solid #00f;
	}
	.box-blue-full .box-body {
		color: white;
		background-color: #00f;
		border: 1px solid #aaa;
		border-top: 10px solid #009;
	}
.box-body p {
	font-size: 1.7em;
    margin-bottom: 0px;
    text-align: right;
}

.box-icon {
	font-size: 3em;
    vertical-align: middle;
    line-height: 60px;
}
p.box-subtext {
	font-size: 0.8em;
	color: #ddd;
}

.w25 {
	width: 25%;
}
.w33 {
	width: 33.333%;
}
.w50 {
	width: 50%;
}

.w25-sm, .w33-sm, .w50-sm {
	width: 100%
}
@media screen and (min-width: 700px) {
    .w25-sm {
        width: 25%;
    }
    .w33-sm {
        width: 33.333%;
    }
    .w50-sm {
        width: 50%;
    }
}

.bg-red {
	background-color: #f73d37;
}