.header {
	padding: 35px;
	text-align: center;
	background-image: linear-gradient(#669999, #a3c2c2);
	color: white;
}

.header h1 {
	font-size: 40px;
}

body {
	position: relative;
}


#home {
	padding-top: 50px;
	height: 1200px;
	color: #fff;
	background-color: #1E88E5;
	background-image: linear-gradient(#1E88E5, #e6f7ff);
}

/* This is for section ... */
#home1 {
	padding-top: 50px;
	height: 1200px;
	color: #fff;
	background-color: #1E88E5;
	background-image: linear-gradient(#1E88E5, #e6f7ff);
}

#home2 {
	padding-top: 50px;
	height: 1200px;
	color: #fff;
	background-color: #1E88E5;
	background-image: linear-gradient(#1E88E5, #e6f7ff);
}

#home3 {
	padding-top: 50px;
	height: 1200px;
	color: #fff;
	background-color: #1E88E5;
	background-image: linear-gradient(#1E88E5, #e6f7ff);
}

#home4 {
	padding-top: 50px;
	height: 1200px;
	color: #fff;
	background-color: #1E88E5;
	background-image: linear-gradient(#1E88E5, #e6f7ff);
}

#home5 {
	padding-top: 50px;
	height: 1200px;
	color: #fff;
	background-color: #1E88E5;
	background-image: linear-gradient(#1E88E5, #e6f7ff);
}

#home6 {
	padding-top: 50px;
	height: 1200px;
	color: #fff;
	background-color: #1E88E5;
	background-image: linear-gradient(#1E88E5, #e6f7ff);
}

#MenuColor {
	padding-top: 50px;
	height: 1200px;
	color: #fff;
	background-color: #009688;
	background-image: linear-gradient(#66cc99, #ccffee);
}

#MenuSST {
	padding-top: 50px;
	height: 1200px;
	color: #fff;
	background-color: #ff9800;
	background-image: linear-gradient(#ffb366, #ffe6b3);
}

#MenuSSH {
	padding-top: 50px;
	height: 1200px;
	color: #fff;
	background-color: #00bcd4;
	background-image: linear-gradient(#36d6ff, #99e6ff);
}

#MenuSSS {
	padding-top: 50px;
	height: 1200px;
	color: #fff;
	background-color: #673ab7;
	background-image: linear-gradient(#cc99ff, #e6ccff);
}

#MenuSSW {
	padding-top: 50px;
	height: 1200px;
	color: #fff;
	background-color: #00bcd4;
	background-image: linear-gradient(#36d6ff, #99e6ff);
}

#MenuSSI {
	padding-top: 50px;
	height: 1200px;
	color: #fff;
	background-color: #1E88E5;
	background-image: linear-gradient(#1E88E5, #e6f7ff);
}

.jumbotron {
	background-color: #fff;
	color: #000000;
	padding: 10px 25px;
}

.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: black;
	color: white;
	height: 30px;
	text-align: center;
}

* {
	box-sizing: border-box;
}

.column {
	float: left;
	width: 50%;
	padding: 10px;
	-webkit-column-gap: 10px;
	/* Chrome, Safari, Opera */
	-moz-column-gap: 10px;
	/* Firefox */
	-webkit-column-rule-width: 10px;
}


.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: white;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.navtab {
	display: inline-block;
	margin-left: 20px;
}

@media all {
	.page-break {
		display: none;
	}
}

@media print {
	.page-break {
		display: block;
		page-break-before: always;
		zoom: 60%
	}
}

.dropbtn {
	background-color: black;
	color: white;
	padding: 16px;
	font-size: 14px;
	border: none;
}

.dropdown {
	position: relative;
	display: inline-block;
}


.dropdown-content {
	display: none;
	position: absolute;
	background-color: #ffffcc;
	font-size: 12px;
	min-width: 200px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content a {
	float: none;
	color: blue;
	padding: 2px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.dropdown-content a:hover {
	background-color: #ddd;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown:hover .dropbtn {
	background-color: #3e8e41;
}


#myDOC {
	margin: auto;
	background-color: #1E88E5;

	border: 3px solid #1E88E5;
	color: blue;
	padding: 20px;
	width: 950px;
	height: 900px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QMbox {
	border: 3px solid #1E88E5;
	color: #ff8000;
	padding: 20px;
	width: 450px;
	height: 300px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_OCPbox1 {
	border: 3px solid #1E88E5;
	color: #ff8000;
	padding: 20px;
	width: 450px;
	height: 300px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_OCPbox2 {
	border: 3px solid #1E88E5;
	color: #ff8000;
	padding: 20px;
	width: 350px;
	height: 100px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_OCPbox3 {
	border: 3px solid #1E88E5;
	color: #ff8000;
	padding: 20px;
	width: 350px;
	height: 100px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSTbox1 {
	border: 3px solid #009688;
	color: #ff8000;
	padding: 20px;
	width: 450px;
	height: 300px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSTbox2 {
	border: 3px solid #009688;
	color: #ff8000;
	padding: 20px;
	width: 350px;
	height: 100px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSTbox3 {
	border: 3px solid #009688;
	color: #ff8000;
	padding: 20px;
	width: 350px;
	height: 100px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSHbox1 {
	border: 3px solid #ff9800;
	color: #ff8000;
	padding: 20px;
	width: 450px;
	height: 300px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSHbox2 {
	border: 3px solid #ff9800;
	color: #ff8000;
	padding: 20px;
	width: 350px;
	height: 100px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSHbox3 {
	border: 3px solid #ff9800;
	color: #ff8000;
	padding: 20px;
	width: 350px;
	height: 100px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSSbox1 {
	border: 3px solid #00bcd4;
	color: #ff8000;
	padding: 20px;
	width: 450px;
	height: 300px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSSbox2 {
	border: 3px solid #00bcd4;
	color: #ff8000;
	padding: 20px;
	width: 350px;
	height: 100px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSSbox3 {
	border: 3px solid #00bcd4;
	color: #ff8000;
	padding: 20px;
	width: 350px;
	height: 100px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSWbox {
	border: 3px solid #673ab7;
	color: #ff8000;
	padding: 20px;
	width: 450px;
	height: 300px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSWbox1 {
	border: 3px solid #673ab7;
	color: #ff8000;
	padding: 20px;
	width: 350px;
	height: 100px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSWbox2 {
	border: 3px solid #673ab7;
	color: #ff8000;
	padding: 20px;
	width: 350px;
	height: 100px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSIbox1 {
	border: 3px solid #00bcd4;
	color: #ff8000;
	padding: 20px;
	width: 450px;
	height: 300px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSIbox2 {
	border: 3px solid #00bcd4;
	color: #ff8000;
	padding: 20px;
	width: 450px;
	height: 300px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSIbox3 {
	border: 3px solid #00bcd4;
	color: #ff8000;
	padding: 20px;
	width: 350px;
	height: 100px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}

#QM_SSIbox4 {
	border: 3px solid #00bcd4;
	color: #ff8000;
	padding: 20px;
	width: 350px;
	height: 100px;
	resize: both;
	overflow: auto;
	border-radius: 5px;
}