.content-wrapper {
	height: 100%;
	position: relative;
	padding: 0 !important;
	background: url('../../Content/Images/home-bg.png') 100% 100%;
}

.page {
	position: absolute;
	top: 100px;
	width: 100%;
}

.page-title, .page-title-sm {
	cursor: none;
	width: 100%;
	height: 150px;
	/*font-family: SimHei;*/
	font-size: 95px;
	font-weight: 600;
	letter-spacing: 10px;
	color: #ddd;
	opacity: .3;
	display: flex;
	align-items: start;
	justify-content: center;
}

.page-title-sm {
	font-size: 80px;
	color: #ddd;
}

.page-title::selection, .page-title-sm::selection {
	background: transparent;
	color: #1e90ff;
}

.box-footer .arr {
	animation: bouncedelay 1.2s infinite ease-in-out;
	animation-fill-mode: both;
	/*animation-delay: 1s;*/
}

.box-footer .arr.arr1 {
	animation-delay: 0.2s;
}

.box-footer .arr.arr2 {
	animation-delay: 0.4s;
}

.box-footer .arr.arr3 {
	animation-delay: 0.6s;
}

@keyframes bouncedelay {
	 0%, 80%, 100% {
		 opacity: 1;
	 }

	 40% {
		 opacity: 0;
	 }
 }

.totalHeaderItem {
	cursor: pointer;
}

.totalHeaderItem .info-box-text {
	padding: 10px;
	padding-left: 3px;
	font-size: 1.5rem;
}

.chartBox {
	background: rgba(0, 40, 102, .6);
	padding-left: 10px;
}
	.chartBox .box-header {
		background: rgba(4, 24, 88, .8);
	}

		.chartBox .box-header .box-title {
			color: #ddd;
		}
	.chartBox .box-body {
		background: rgba(4, 24, 88, .8);
	}
	.chartBox .box-body .chart {
		width: 100%;
		min-height: 400px;
		
	}

.production-info-box .box-tools label.iwb-radio > span, .order-info-box .box-tools label.iwb-radio > span {
	color: #ddd;
}