@charset "UTF-8";
/* CSS Document */

.bgOrange {
	background-color:#de9c3f;
	position:relative;
	padding-bottom:140px;
}

	.bgOrange .container {
		margin-top:0;
	}


.bgWhite {
	background-color:#ffffff;
}


/* //////////////// Upload Box ///////////////// */

.uploadBox {
	background-color:#e5b87e;
	padding:70px 20px 70px 20px;
	margin-top:100px;
}

	.uploadBox p, .reportsBox p {
		color:#ffffff;
		font-weight:300;
	}
	
	.uploadBox p:first-child, .reportsBox p:first-child {
		font-size:36px;
		padding-left:40px;
		background:url(../images/iconUploadWhite.png) left center no-repeat;
		margin-bottom:10px;
	}
	
.uploadBox form input {
	background:transparent;
	border:1px solid #ffffff;
	border-radius:0;
	padding:10px;
	font-size:18px;
	font-weight:300;
	color:#ffffff;
}

	.uploadBox form input::-webkit-input-placeholder  {
		color:#ffffff;
		opacity:.75;
		filter:alpha(opacity=75); /* For IE8 and earlier */
		font-weight:300 !important;
	}
	
	.uploadBox form {
		margin-top:25px;
	}
	
	.uploadBox form input::-moz-placeholder {
		color:#ffffff;
		opacity:.75;
		filter:alpha(opacity=75); /* For IE8 and earlier */
		font-weight:300 !important;
	}
	
	.uploadBox form input:-ms-input-placeholder {
		color:#ffffff;
		opacity:.75;
		filter:alpha(opacity=75); /* For IE8 and earlier */
		font-weight:300 !important;
	}
	
	
	.uploadBox button {
		border-radius:0;
		border:none;
		padding:10px;
		font-size:18px;
		font-weight:300;
		color:#ffffff;
		background:#DE9C40;
	}
	
	.uploadBox button:hover {
		background:#e5b87e;
		border:1px solid #ffffff;
	}
	
	
/* /////////////////// Reports Box ////////////////////// */



.reportsBox {
}

.reportsBox p:first-child {
	background:url(../images/iconReportLarge.png) left center no-repeat;
}

.reportsBox a.viewReport {
	display:block;
	width:36px;
	height:36px;
	text-indent:-999999px;
	background:url(../images/arrowRightOrange.png) center center no-repeat;
}

.reportsBox table {
	margin-top:20px;
}

	.reportsBox table th {
		background-color:#ffffff !important;
		color:#DE9C40 !important;
		font-size:18px;
	}
	
	.reportsBox table th {
		padding:10px 20px !important;
	}
	
	.reportsBox .table-bordered > thead > tr > th, .reportsBox .table-bordered > tbody > tr > th, .reportsBox .table-bordered > tfoot > tr > th, .reportsBox .table-bordered > thead > tr > td, .reportsBox .table-bordered > tbody > tr > td, .reportsBox .table-bordered > tfoot > tr > td {
		border-color:#DE9C40 !important;
	}
	
	.reportsBox table td {
		background:#E5B87D;
		padding:6px 20px !important;
		font-size:12px;
	}
	
	.reportsBox .table-striped > tbody > tr:nth-child(odd) > td {
		background-color:#F7E5CF;
	}
	
	
.viewAllReports a {
	font-size:18px;
	color:#ffffff;
	padding-right:40px;
	background:url(../images/arrowRightWhite.png) right center no-repeat;
	display:block;
	height:30px;
	padding-top:2px;
}

	.viewAllReports a:hover {
		text-decoration:none;
		color:#E5B87D;
	}
	
@media (max-width: 767px) {
	.uploadBox p:first-child {
		font-size:24px;
	}
	
	.uploadBox {
		margin-top:0;
	}
	.reportsBox {
		margin-top:25px;
	}
	
	.uploadBox form input {
		margin-bottom:15px;
	}
}


/* /////////////////// Top Bar ////////////////////// */

.topBar {
	width:100%;
	padding:10px 0;
	background-color:#333A33;
	position:absolute;
	bottom:0;
	margin:0 !important;
}

.topBar .center-block {
	float:none !important;
}

.topBarIcons p a {
	color:#ffffff;
	font-weight:300 !important;
	font-size:18px;
	height:40px;
	padding-left:55px;
	padding-top:7px;
	text-align:center;
	display:block;
}

	.topBarIcons p a:hover {
		text-decoration:none;
		color:#DE9C40;
	}

	.identifyIcon {
		background:url(../images/iconIdentify.png) 20% center no-repeat;
	}
	
	.analyzeIcon {
		background:url(../images/iconAnalyze.png) 20% center no-repeat;
	}
	
	.reportIcon {
		background:url(../images/iconReport.png) 20% center no-repeat;
	}



/* /////////////////// Side Nav ////////////////////// */

#sideNav {
	position:fixed;
	top:150px;
	left:50px;
	z-index:100;
}

#sideNav li {
	width:20px;
	height:20px;
	overflow:hidden;
	list-style:none;
}