*{
			margin:0;
			padding: 0;
			-webkit-font-feature-settings:"liga" 1;
       		-moz-font-feature-settings:"liga" 1;
       		-o-font-feature-settings:"liga" 1;
       		-ms-font-feature-settings:"liga" 1;
       		font-feature-settings:"liga" 1;
		}
		div.section {
			width: auto;
			padding: 5% 10%; 
			line-height: 200%;
			min-width: 350px;
			/*background: #FFFFFF;
			color: #000000;*/
		}
		div.nav {
			background:rgb(216, 249, 240);
			box-shadow: 0 0 10px;
			position: relative;
		}
		div.navfixed {
			position: fixed;
			top:0;
			width: 100%;
			background:white;
			box-shadow: 0 0 10px;
		}
		div.nav ul {
			list-style: none;
		}
		div.nav li {
			display: inline-block;
			padding:0.75em 1.5em;
			width: auto;
			margin:auto;
			font-family: 'Roboto', 'sans-serif';
		}
		div.nav li:hover:not(.navtwo) {
			background: #7598bf;
			cursor: pointer;
			color: white;
		}
		div.nav li.active {
			background: #7598bf;
			color: white;
		}
		div.section[title="tab1"]{
			border-right:solid 1px rgba(0,0,0,0.2);	
		}
		div.section[title="tab2"]{
			border-left:solid 1px rgba(0,0,0,0.2);	
		}
		div.section[title="green1"] 
		{
			background: #d6eaf8;
			color: #4E667D;
		}
		div.section[title="green2"] {
			background: #FFFFFF;
			color: #000000;
		}
		div.section[title="green3"] {
			background: #354556;
			color: rgba(236, 233, 251, 1);
		}
		div.section[title="green4"]{
			background: #56797F;
			color: white;
		}
		div.section[title="green5"] {
			background: #4CB8CC;
			color: black;
		}
		div.twoside {
			display: inline-block;
			width: 45.5%;
			padding: 2%;
			vertical-align: top;
		}
		.section span {
			display: block;
			font-weight: 100;
			font-size: 2em;
			line-height: 200%;
			color: #6f7b9b;
			font-family: 'Roboto', 'sans-serif';
		}
		.title {
			background: #2d3743;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQIW2NgQAXGZHAAGioAza6+Hk0AAAAASUVORK5CYII=);
			box-shadow: 0 1px 2px rgba(0,0,0,.25);
			overflow: auto;
			font-size: 3em;
			line-height: 24px;
			text-align: center !important;
			color: #ffffff;
			font-family: 'Roboto', 'sans-serif';
		}
		.prot {
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0;
			`: 0;
			background: #ffffff;
			vertical-align: middle;
			text-align: center;
		}
		.prot input {
			position: fixed;
			`: 50%;
			margin-left: -220px;
			top: 50%;
			margin-top: -50px;
			width: 400px;
			padding: 10px;
			font-size: 2em;
			font-family: 'Roboto', 'sans-serif';
		}
		.contextmenu {
			position: absolute;
			display: none;
			top: 0;
			left: 0;
		}
		.contextmenu .wrapper {
			display: block;
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
		.contextmenu .menu {
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			border-top:solid 2px rgba();
			box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
			border-radius: 5px;
			background: #ffffff;
		}
		.contextmenu .menu a {
			display: block;
			padding: 10px 30px;
			/*border-bottom: solid 1px rgba(0,0,0,0.2);*/
			font-family: 'Roboto', 'sans-serif';
			font-weight: 100; 
			cursor: pointer;
		}
		hr {
			border:0;
			height: 0;
			border-bottom:solid 1px rgba(255,255,255,0.3);
			border-top:solid 1px rgba(0,0,0,0.1);
		}
		#hiddeniframe {
			display: none;
		}
		.reportbox {
			position: fixed;
			display: none;
			top: 0;
			left: 0;
			min-width: 320px;
			max-width: 640px;
			width: 100%;
			background: white;
			font-family: 'Roboto', 'sans-serif';
			font-weight:100;
			margin-left: auto;
			margin-right: auto;
			box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
		}
		.MobReportBox {
			position:absolute;
			display:none;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:white;
		}
		.reportbox .head {
			padding: 10px;
			background: #123321;
			color: white;
			font-size: 2em;
		}
		.MobReportBox .head {
			padding:1em;
			background:#123321;
			color:white;
			font-size:2em;
		}
		.reportbox .form div {
			padding:10px;
			
		}
		.MobReportBox .form div {
			padding: 2em;
			background:white;
		}
		.reportbox label {
			display: inline-block;
			width: 170px;
		}
		.MobReportBox label {
			display:inline-block;
			font-size:2em;
			width:37%;
		}
		.reportbox input {
			display: inline-block;
			width:150px;
			padding: 10px;
		}
		.reportbox textarea {
			display: inline-block;
			width: 200px;
			height: 100px;
		}
		.MobReportBox input, .MobReportBox textarea {
			display:inline-block;
			font-size:2em;
			padding:1em;
			width:50%;
		}
		.MobReportBox textarea {
			box-sizing:border-box;
		}

		.mob-rightclick {
			display: none;
			position: fixed;
			bottom: 0;
			right: 0;
			background: white;
			border-radius: 3px;
			border:solid 1px rgba(0,0,0,0.5);
			box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
			font-family: 'Roboto', 'sans-serif';
			font-weight:100;
			font-size: 2em;
			padding: 1em;
			margin-right: 1em;
			margin-bottom: 1em;
			cursor: pointer;
		}
		input[type=submit]{
			display: inline-block;
			background: #1764ba;
			color: white;
			outline: none;
			border:0;
			border-radius: 3px;
			cursor: pointer;
			-moz-box-sizing:border-box;
    			-webkit-box-sizing:border-box;
			box-sizing:border-box;

		}
		input[type=submit]:hover {
			background: #2382ec;
		}
		.closebutton {
			display: inline-block;
			border:solid 1px rgba(0,0,0,0.2);
			padding:10px 20px !important;
			border-radius: 3px;
			background:#e9e9e9;
			font-size: 0.75em;
			cursor: pointer;
		}
		.MobReportBox .closebutton {
			display:inline-block;
			font-size:2em;
			padding: 1em 2em !important;
			margin-left:1em;
		}
		.MobReportBox select {
			font-size:2em;
			padding:1em;
		}
		.closebutton:hover {
			background: #f8f8f8;
		}
		/* Toggle Button */
		.navtwo {
			height: 18px;
			position:absolute;
			top: 0;
			right: 0;
		}
		.navtwo a {
			display: inline-block;
			width:29px;
			height: 18px;
			background: url("twoside");
			cursor: pointer;
			vertical-align: middle;
		}
		.navtwo .one {
			background-position: left;
			opacity: 0.5;
		}
		.navtwo .two {
			background-position: right;
			opacity: 0.5;
		}
		.navtwo .active {
			opacity: 1;
		}
		#tab1, #tab2 {
			background:transparent;
			display: inline-block;
			padding:0.75em 3em;
			margin: auto;
			border-radius: 0px;
			-webkit-appearance: none;
			-moz-appearance:none;
			appearance:none;
			background: #1e6062;
			font-size: 1em;
			color: white;
			text-align: center;
			outline: none;
		}
		#tab1:after, #tab2:after {
			content: "";
			display: block;
			width:10px;
			height: 10px;
			position: absolute;
			background: white;
		}
		#tab1 option, #tab2 option {
			display: block;
			text-align: center;
		}
		/* Toggle Button */
		/* Two Side View */
		.nav2view {
			list-style: none;
			height: 2.7em;
			overflow: hidden;
			display: inline-block;
			vertical-align: top;
			background: rgb(216, 249, 240);
		}
		.nav2view:hover {
			overflow: visible;
		}
		.nav2view li {
			display: block !important;
			background: rgb(216, 249, 240);
		}
		#nav {
			height: 2.7em;
		}
		/* Two Side View */
		@media screen and (max-width: 640px) {
			.reportbox form div {
				display: inline-block;
			}
			.reportbox label {
				display: inline-block;
				width: 170px;
				display: none;
			}
			.mob-rightclick {
				/*display: block;*/ 
			}
			.closebutton {
				margin:10px;
			}
		}
		@media screen and (max-width: 480px) {
			.reportbox label {
				display: inline-block;
				width: 170px;
				display: none;
			}
			.mob-rightclick {
				/*display: block;*/
			}
			.closebutton {
				margin:10px;
			}
		}
		@media screen and (max-width: 360px){
			.reportbox { 
				height: 100%;
			}
			.mob-rightclick {
				/*display: block;*/
			}
			.reportbox input {
				display: block !important;
				width:80%;
				padding: 10px;
				margin-left: 6%;
			}
			.reportbox .form div {
				padding:10px;
				display:block;
				text-align: center;
			
			}
			.closebutton {
				margin:10px;
			}
			}