/* CSS Document */
body {
	font-family: 'Open Sans', sans-serif;
}
.sp_wrapper {
	padding-left:10px;
	padding-right:10px;
}
.sp_container {
	background:#ccc;
	text-align:center;
	overflow: hidden;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color:#fff;
	padding:5px 0px 0px;
}
.blue { background: #007db0 !important; }
.blueLight { background: #80dbff !important; }
.light-blue { background: #00b0db !important; }
.light-blueLight { background: #80e5ff !important; }
.aqua { background: #00af9d !important; }
.aquaLight { background: #80fff2 !important; }
.purple { background: #7c439a !important; }
.purpleLight { background: #c7a6d8 !important; }
.red { background: #ef3829 !important; }
.redLight { background: #f69288 !important; }
.pink { background: #f287b7 !important; }
.pinkLight { background: #f9c8de !important; }
.gold { background: #b1953a !important; }
.goldLight { background: #e0d19f !important; }
.orange { background: #ef7929 !important; }
.orangeLight { background: #f6b488 !important; }
.maroon { background: #9e1010 !important; }
.maroonLight { background: #f48b8b !important; }
.dark-blue { background: #10249e !important; }
.dark-blueLight { background: #8b99f4 !important; }
.green { background: #7b9e10 !important; }
.greenLight { background: #d9f48b !important; }
.yellow { background: #ffd700 !important; }
.yellowLight { background: #ffff00 !important; }
.dark-pink { background: #ff1493 !important; }
.dark-pinkLight { background: #ff5ab3 !important; }
.violet { background: #9400d3 !important; }
.violetLight { background: #b44ce0 !important; }
.brown { background: #a52a2a !important; }
.brownLight { background: #b75454 !important; }
.black { background: #000000 !important; }
.blackLight { background: #BBBBBB !important; }
.dark-red { background: #ff0000 !important; }
.dark-redLight { background: #ff3232 !important; }
.dark-green { background: #006400 !important; }
.dark-greenLight { background: #328332 !important; }

.counter {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 30px;
}
.counter small {
	font-size:16px !important;
	display:block;
	padding-bottom:0px;
}
.sp_container strong {
	display:block;
	padding-top:0px;
	font-size: 20px;
	width: 100%;
	float: left;
}
.sp_lg_wrapper .sp_container strong {
	font-size: 50px;
}
.sp_lg_wrapper .counter {
	font-size: 90px;
	line-height: 96px;
}
.sp_lg_wrapper .counter small {
	font-size:40px !important;
	line-height: 30px;	
}
.sales {
	text-align:center;
	display:block;
	padding-top:0px;
	font-size: 16px;
	width: 100%;
	float: left;
	position: relative;
	background: #eee;
	border-top: 1px solid #fff;
	color: #333;
	padding-bottom:3px;
}
.sp_lg_wrapper .sales {
	font-size: 40px;
}
.orders {
	text-align:center;
	display:block;
	padding-top:0px;
	font-size: 18px;
	width: 100%;
	float: left;
	position: relative;
	background: #eee;
	border-top: 1px solid #fff;
	color: #333;
	padding-bottom:0px;
}
.sp_lg_wrapper .orders {
	font-size: 50px;
}
.pickedby {
	text-align:center;
	display:block;
	padding-top:0px;
	font-size: 16px;
	width: 100%;
	float: left;
	position: relative;
	background: #ccc;
	border-top: 1px solid #fff;
	color: #333;
	padding-bottom:0px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.sp_lg_wrapper .pickedby {
	font-size: 40px;
}

.stats {
	margin:0px;
	padding:0px;
	list-style:none;
}
.stats li {
	padding:1px 5px;
	font-size:22px;
}
.stats li i {
	width:42px;
	display:inline-block;
}

.panel-default>.panel-heading {
	padding:5px 15px !important;
}

.onRoadContainer .panel-default>.panel-heading {
	color:#fff !important;
	padding:5px 15px !important;
}

.onRoadLgContainer .panel-default>.panel-heading {
	color:#fff !important;
	font-size:30px;
}

.onRoadContainer .table>tbody>tr>td {
	padding:5px 8px !important;
}

.panel {
	margin-bottom:5px !important;
}

.onRoadContainer .row {
 -moz-column-width: 36em;
 -webkit-column-width: 36em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em; 
}

.onRoadContainer .item {
 display: inline-block;
 padding:  .25rem;
 width:  100%; 
}

.onRoadContainer .well {
 position:relative;
 display: block;
}

.onRoadLgContainer TABLE {
	font-size: 30px;
}

#overlay {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:58px;
	width:100%;
	float:left;
	/*clear:both;*/
	background:#fff;
}
.slide {
	padding-top:15px;
}

.stat-container {
	font-size:30px;
	text-align:center;
	background:#ccc;
	color:#fff;
	padding:8px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.stat-container i {
	color:#ffd500;
}

.sales-today {
	background: #007db0;
}

.budget {
	background: #7b9e10;
}

.current-sales {
	background: #10249e;
}

.picking-open {
	background: #ef7929;
}

.picking {
	background: #b1953a
}

.current-percent {
	background: #ef3829;
}

.stat-col {
	padding-right:0px;
}
.stat-col:last-of-type {
	padding-right:15px;
}

@media (max-width: 1199px) {
	
	.sp_wrapper {
		width: 20% !important;
		margin-bottom:10px;
	}
	
}

@media (max-width: 991px) {
	
	.sp_wrapper {
		width: 50% !important;
	}
	
}