/* Main Display Styles */
	
	body{
		background:#f5f5f5;
		overflow-y:scroll;
		font-family:-apple-system, -apple-system-font, "Segoe UI", Helvetica, Arial, sans-serif
	}
	
	h3{
		margin:20px;
	}
	
	p:last-child{
		margin-bottom:0
	}
	
	header{
		position:fixed;
		background:#08427c;
		color:white;
		left:0;
		right:0;
		z-index:100;
		height:50px;
		overflow:hidden;
	}
	
	header #menu{
		cursor:pointer;
		float:left;
		line-height:50px;
		height:50px;
		width:50px;
		font-size:33px;
		text-align:center;
		border-right:1px solid white;
	}
	
	header h4{
		margin:0;
		text-align:center;
		line-height:50px;
	}
	
	div#sidebar{
		top:50px;
		bottom:0;
		width:260px;
		position:fixed;
		box-sizing:content-box;
		z-index:1031;
		overflow-y:auto;
		transition:transform 300ms ease;
		-webkit-overflow-scrolling:touch;
		-webkit-transition:-webkit-transform 300ms ease;
		-webkit-backface-visibility:hidden;
		left:-261px;
		background:#283340;
		color:white;
		font-size:12px;
	}
	
	div#sidebar.open {
		transform:translate3d(261px,0,0);
		-webkit-transform:translate3d(261px,0,0)
	}
	
	div#sidebar div.logos{
		padding:20px 0 10px;
		text-align:center;
	}
	
	div#sidebar div.logos img{
		display:inline-block;
		height:30px;
	}
	
	#sidebar ul {margin:0; padding:0 1px 0 0}
	#sidebar li a {cursor:pointer; display:block; padding-left:12px; color:#fff; text-decoration:none; line-height:35px; font-size:13px}
	
	#sidebar li a i.material-icons {font-size:16px; margin-right:25px;margin-top:10px;display:block;float:left}
	
	#sidebar li.active > a,
	#sidebar li:active > a {background:rgba(0,0,0,.2) !important}
	#sidebar li:hover > a {background:rgba(0,0,0,.1)}
	
	#sidebar li.title {height:0; border-top:1px solid #535c66; margin:20px 0 15px; position:relative; color:rgba(255,255,255,.5)}
	#sidebar li.title span {position:absolute; top:-8px; left:10px; font-size:11px; background:#283340; text-transform:uppercase; padding:0 5px}
	
	#sidebar li ul{display:none}
	#sidebar li.active ul{display:block; padding-left:40px; list-style: none; margin-bottom:15px;}
	
	@media only screen and (min-width:1024px){
		header {left:260px; padding-left:0}
		header #menu {display:none}
		#content {margin-left:260px}
		#sidebar {z-index:5 !important; left:0 !important; top:0 !important}
	}
	
	div#content{
		padding-top:50px;
	}
	
	div#content h3{
		color:#08427c;
		font-size:20px;
		margin:5px 5px 10px;
		padding-bottom:10px;
		border-bottom:1px dotted #bbb;
	}
	
	div#pages > div{
		display:none;
		border:1px solid #ccc;
		background:white;
		overflow:hidden;
		padding:10px;
	}
	
	div#pages > div.active{
		display:block;
	}
	
	div#opacity {
		background:#000;
		position:fixed;
		top:50px;
		right:0;
		left:0;
		bottom:0;
		z-index:1030;
		opacity:0;
		transition:opacity 300ms ease;
		-webkit-transition:opacity 300ms ease
	}
	
	div.sticky-footer-body{
		min-height: 100%;
		margin-bottom:-60px;
	}
	
	div.sticky-footer-body:after {
		content: "";
		display: block;
	}
	div.sticky-footer-body:after {
		height: 60px;
	}
	
	div.sticky-footer{
		border-top:1px solid #535c66;
		color:rgba(255,255,255,.3);
		text-align:center;
		height:50px;
		padding:10px 0;
		margin-top:10px;
		font-size:11px;
	}
	
	div.margin{
		margin:0 auto;
		padding:10px;
		max-width:1020px;
	}
	
	ul.nav-tabs{
		font-weight:bold;
	}
	
	ul.nav-tabs.main li{
		max-width:25%;
	}
	
	ul.nav-tabs li a{
		padding: 10px;
		margin-right:0;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space:nowrap;
	}
	
	div.tab-content{
		background:white;
		border:1px solid #ddd;
		border-top:0;
	}

	div.tab-pane{
		overflow:hidden;
		padding:10px;
	}
	
	div.btn-group input{
		display:none;
	}
	
	div.tooltip-inner{
		text-align:left;
		max-width:310px;
		padding:8px;
	}
	
	div.tooltip-inner ol{
		padding-left:20px;
		margin:0;
	}
	
	button.help{
		margin-left:10px;
		font-weight:bold;
	}
	
	input[readonly]{
		background: repeating-linear-gradient(
		  -45deg,
		  #eaeaea,
		  #eaeaea 2px,
		  #fff 2px,
		  #fff 4px
		);
	}
	
	input[rating="red"]{
		border:2px solid #f00;
	}
	input[rating="orange"]{
		border:2px solid #ffc000;
	}
	input[rating="yellow"]{
		border:2px solid #ff0;
	}
	input[rating="green"]{
		border:2px solid #00b050;
	}
	input[rating="blue"]{
		border:2px solid #00b0f0;
	}
	
	/* */
	
	.update{
		margin-top:10px;
		display:none;
	}
	
	/* Form */
	
	table.form{
		width:100%;
	}
	
	table.form > tbody > tr > td{
		width:33%;
		vertical-align:top;
	}
	
	table.form div.input{
		padding:5px;
	}
	
	table.form input[type=tel].short{
		width:75px !important;
		display:inline-block !important;
		text-align:center;
	}
	
	table.form td.title {
		padding:5px;
		font-weight:bold;
		padding-bottom:10px;
	}
	
	table.form td.title hr{
		margin:7px 0;
	}
	
	table.form2{
		width:100%;
	}
	
	table.form2 tbody,
	table.form2 thead,
	table.form2 tfoot{
		padding:3px;
		border:2px solid #999;
	}
	
	table.form2 thead td,
	table.form2 tfoot td{
		padding:3px;
		background:#f0f0f0;
	}
	
	table.form2 tfoot td.nopad{
		padding:0;
		background:white
	}
	
	table.form2 td{
		border:1px solid #999;
		font-size:12px;
		text-align:center;
		width:12.5%;
	}
	
	table.form2 input, table.form2 select{
		width:100%;
		height:100%;
		border:0;
		padding:3px;
		text-align:center;
		background:white;
	}
	
	/*div.page.form .rotate{
		display:inline-block;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}*/
	
	@media all and (max-width:620px){
		table.form > tbody > tr > td{
			display:block;
			width:100%
		}
	}
	
	/* Vegetation + Vulnerability Classification */
	
	.classifier div.btn-group{
		float:right;
	}

	.classifier ul{
		clear:both;
		margin:0;
	}
	
	.classifier li.list-group-item{
		overflow:hidden;
		font-weight:bold;
		line-height:34px;
	}
	
	.classifier ul label{
		width:50px;
		background:#f0f0f0;
		float:right;
	}
	
	[page-id="vegetation"] li.list-group-item{
		overflow:hidden;
	}
	
	[page-id="vegetation"] ul label{
		width:50px;
		background:#f0f0f0;
		float:right;
	}
	
	/* Vulnerability */
	
	div[page-id="asset_vulnerability"] li.list-group-item{
		font-weight:bold;
		overflow:hidden;
		line-height:inherit;
	}
	[page-id="asset_vulnerability"] li.list-group-item ul{
		font-weight:normal;
	}
	
	div.scroll{
		overflow-x:auto !important;
		text-align:center;
	}
	
	/* Risk Register */
	
	div.page.assessment table{
		width:100%;
	}
	
	div.page.assessment table td{
		width:50%;
		overflow:hidden;
		vertical-align:top;
	}
	
	div.page.assessment div.input{
		padding:5px;
	}
	
	div.page.assessment div.input > input[type=text],
	div.page.assessment div.input > input[type=tel],
	div.page.assessment div.input > select,
	div.page.assessment div.input > div.btn-group{
		display:block;
		margin-top:5px;
	}
	
	div.page.assessment div.input > div.input-group{
		margin-top:5px
	}
	
	div.page.assessment td.title {
		padding:5px;
		font-weight:bold;
		padding-bottom:10px;
	}
	
	div.page.assessment td.title hr{
		margin:7px 0;
	}
	
	@media all and (max-width:620px){
		div.page.assessment table td{
			display:block;
			width:100%
		}
	}
	
	/* Information */
	
		/* Slope */
		
		[page-id="slope"] table{
			margin:0 auto;
			max-width:660px;
		}
		[page-id="slope"] table tr.title td{
			font-weight:bold;
		}
		[page-id="slope"] table.slope1 tr.title td:first-child{
			border-top:0;
			border-left:0;
		}
		[page-id="slope"] table.slope2 tr:nth-child(even){
			background:#f0f0f0;
		}
		[page-id="slope"] table td{
			padding:10px;
			text-align:center;
			border:1px solid #ddd;
		}
		[page-id="slope"] table td img{
			width:100%;
			max-width:240px;
		}
		
		[page-id="slope"] table.slope2{
			margin-top:10px;
		}
		
		/* Canopy */
		
		[page-id="canopy"] img{
			max-width:100%;
		}
		
		/* Litter Depth */
		
		[page-id="litter_accumulation"] table{		
			max-width:500px;
		}
		
		div.info{
			overflow-x: auto;
		}
		
		div.info table{
			margin:0 auto;
			width:100%;
		}
		
		div.info table tr.title{
			font-weight:bold;
		}
		
		div.info table td{
			padding:4px 8px;
			text-align:center;
			border:1px solid #ccc;
		}