HTML, BODY {
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	background-color:rgb(200,200,200);
}

#gssImage{
	margin: 0 auto;
	margin-top:100px!important;
	margin-left:calc(50% - 62px);
}

#gssH1{
	width:400px;
	margin-left:calc(50% - 200px);
	text-align:center;
	color:rgb(35,35,35);
}



#gssSelect{
	height:40px;
	width:400px;
	border-radius:5px 5px 0px 0px;
	border:1px solid rgb(10,10,10);
	margin-left:calc(50% - 200px);
	outline-width:0px !important;
	background-color:rgb(225,225,225);
	background-color:rgb(240,240,240);
	text-align:center;
	
}

#gssSelect:hover{border:1px solid rgb(225,0,0);}
#gssSelect:active{border:1px solid rgb(25,25,225);}


#gssSubmit{
	height:40px;
	width:200px;
	border-radius:0px 0px 0px 5px;
	border:1px solid rgb(10,10,10);
	margin-left:calc(50% - 200px);
}
#gssSubmit:hover{border:1px solid rgb(225,0,0);}
#gssSubmit:active{border:1px solid rgb(25,25,225);}

#gssCancel{
	height:40px;
	width:200px;
	border-radius:0px 0px 5px 0px;
	border:1px solid rgb(10,10,10);
}
#gssCancel:hover{border:1px solid rgb(225,0,0);}
#gssCancel:active{border:1px solid rgb(25,25,225);}

#div1,#div2,#div3{
	display:none;
	width:400px;
	margin-left:calc(50% - 200px);
	padding:0px;
	
}

#platInputQ{
	height:40px;
	width:400px;
	border-width:0px;
	border-right:1px solid rgb(10,10,10);
	border-left:1px solid rgb(10,10,10);
	outline:0px !important;	
	box-sizing:border-box;
}


#qsInputQ1{
	height:40px;
	width:400px;
	border-width:0px;
	border-right:1px solid rgb(10,10,10);
	border-left:1px solid rgb(10,10,10);
	outline:0px !important;	
	box-sizing:border-box;
}


#qsInputQ2_1,#qsInputQ2_2,#qsInputQ2_3{
	height:40px;
	width:400px;
	border-width:0px;
	border-right:1px solid rgb(10,10,10);
	border-left:1px solid rgb(10,10,10);
	border-bottom:1px solid rgb(10,10,10);
	outline:0px !important;	
	box-sizing:border-box;
}

#qsInputQ2_4{
	height:40px;
	width:400px;	
	border:1px solid rgb(10,10,10);
	margin-left:calc(50% - 200px);
	outline-width:0px !important;
	background-color:rgb(240,240,240);
	text-align:center;
}


#formHelpText{
	font-style: italic;
	width:400px;
	margin-left:calc(50% - 200px);
	text-align:center;color:rgb(75,75,75);
}




.loaderI {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #3498db;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
  margin-top:10px;
  margin-left:calc(50% - 23px);
  text-align:center;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


#resultsD{
	display:none;
	width:500px;
	margin-left:calc(50% - 250px);
	padding:0px;
	max-height:400px;
	overflow:auto;
}


#pagination {
	text-align: center;
}

table {
	position: relative;
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
}

td, th {
	position: sticky;
	top: 0;
	border: 1px solid rgb(30,30,30);
	text-align:center;
	padding: 8px;
}
th{
	background-color: rgb(110,110,110);
	color:rgb(225,225,225);
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
	z-index:999;
}
td{
	background-color: rgb(225,225,225);
	background-clip: padding-box;
}



/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(125,125,125,0.8);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(125,125,125);
}

@media screen and (max-width: 505px) {
	#resultsD{
	width:400px;
	margin-left:calc(50% - 200px);
}
}

@media screen and (max-width: 405px) {

#gssH1{
	width:300px;
	margin-left:calc(50% - 150px);
}

#gssSelect{
	width:300px;
	margin-left:calc(50% - 150px);
}

#gssSubmit{
	width:150px;
	margin-left:calc(50% - 150px);
}
#gssCancel{
	width:150px;
}
#div1,#div2,#div3{
	width:300px;
	margin-left:calc(50% - 150px);
}
#platInputQ,#qsInputQ1,#qsInputQ2_1,#qsInputQ2_2,#qsInputQ2_3{
	width:300px;
}

#qsInputQ2_4{
	width:300px;
	margin-left:calc(50% - 150px);
}
#formHelpText{
	width:300px;
	margin-left:calc(50% - 150px);
}


#resultsD{
	width:300px;
	margin-left:calc(50% - 150px);
}


}