/*
	Start: Parser CSS
*/

#uploadPDB_div{
	 border:solid #f7f7f7 1px;
	 height:auto;
	 width:70%;
	 background:#D3DCE6;
}

#userEmail{
	display:none;
}

#filter_option{
	width:90%;	
	margin:0 auto;
	margin-top:15px;
}
#filter_option_field{
	background:#f7f7f7;
	margin:0 auto;
	width:60%;
	border-color:#f7f7f7;
}
#filter_option_field table{
	width:100%;
}

#filter_option_table{
	width:60%;
	text-align:left;
	background:#fff;
	text-indent:20px;
	font: normal 12px sans-serif;
}


#results{
	background:#D3DCE6;
	border:solid #f7f7f7 1px;
	padding-left:10px;
	height:97%;
	color:#3b3b3a;
	margin:0 auto;
	text-align:center;
	overflow:auto;
}
#results table{
	margin:0 auto;
	
}

#results1,#results1A{
	background:#D3DCE6;
	border:solid #f7f7f7 1px;
	padding-left:10px;
	height:95%;
	font:normal 12px monospace;
	color:#3b3b3a;
	margin:0 auto;
	text-align:left;
	overflow:auto;
}

#models{
	height:30%;
	width:70%;
	border:solid #6b98cf 1px;
	margin:0 auto;
	background-color:#8db3e0;
	font:normal 15px monotype;
	padding:10px;
	text-align:center;
}


#showCoords{
	width:88%;
	text-align:left;
	padding:5px;
	border:solid #3e7996 1px;
}

#show_records{
	width:70%;
	height:190px;
	border:solid #000 1px;
}
#show_records1{
	width:70%;
	height:83%;

}
#show_models_table{
	width:60%;
	text-align:center;	
	font: normal 12px sans-serif;
}
#showModels,#showModels1{
	margin-top:-5px;
}

#showChains{
	margin-top:-25px;
}

#showModels select,
#showModels1 select,
#showChains select,
#showAtoms select {
	width:100px;
}


@media screen and (max-width: 980px) {
	#show_records1{
		width:75%;
	}	
}

@media screen and (max-width: 800px) {
	#uploadPDB_div{
	width:auto;
	height:280px;
	}
	#filter_option,#filter_option_field,#filter_option_table,#showCoords{
		width:auto;
		font-size:90%;
	}
	#models{
		width:80%;
		height:35%;
	}
	#show_records,#show_models_table{
		width:auto;
	}
	
}
@media screen and (max-width: 600px) {
	#results1{
		font-size:80%;
	}
	
}



/*
	End: Parser CSS
*/

/*
-----------------------------------------------------------------------
-----------------------------------------------------------------------
*/

/*
	Start: Analyzer CSS
*/


#analyzer_div{
	border:solid #f7f7f7 1px;
	height:450px;
	width:60%;
	background:#D3DCE6;
}

#analyzer_div table{
	width:100%;
	height:100%;
	border-spacing: 10px;
	border-collapse: separate;
    
}
#analyzer_div td{
	border:solid #f7f7f7 1px;
	width:50%;
	background-color:rgba(120, 190, 200, 0.4);
}
#analyzer_options_div{
	width:80%;
	height:100%;
	padding:9.5%;
	text-align:center;
	text-shadow: 3px 2px 5px #000;
	font:bold 100% sans-serif;
}
#analyzer_div a{
	text-decoration:none;
	color:#f7f7f7;
}

#residual_composition{
	background:#D3DCE6;
	border:solid #f7f7f7 1px;
	padding-left:10px;
	height:97%;
	color:#3b3b3a;
	margin:0 auto;
	text-align:center;
	overflow:auto;
}
#residual_composition table{
	width:100%;
}
#residual_composition th{
	font:bold 130% sans-serif;
	color:#0D6269;
}
#residual_composition td{
	font:normal 95% sans-serif;
	padding:3%;
	border:solid #f7f7f7 1px;
	background-color:rgba(120, 190, 200, 0.4);
}

#uploadPDB_anayzer{
	 border:solid #f7f7f7 1px;
	 height:250px;
	 width:100%;
	 background:#D3DCE6;
	 text-align:center;
}

#showChains1_DIV{
	border:solid #f7f7f7 1px;
	height:250px;
	width:50%;
	background-color:rgba(120, 190, 200, 0.4);
	text-align:center;
	margin:0 auto;
}

#showChains1_DIV select{
	width:100px;
}

#implicitDiv,#explicitDiv{
	display:none;
}

#analyzer_result_table{
	width:auto;
	border-collapse:collapse;
	border-color:#fff;
}
#analyzer_result_table_title{
	background:#98ADB3;
	color:#fff;
}
#analyzer_result_table_value{
	background:#e4e6eb;
	color:brown;
}

#printSSE{
	background-color: rgba(120, 190, 200, 0.4);
	border:solid #f7f7f7 1px;
	width:98%;
	height:400px;
	padding:10px;
	
}
#printSSE td{
	border:solid #f7f7f7 1px;
	padding:5px;
	
}

.button_contactMap{
/*
  width: 125px;
  height: 12px;
  background: linear-gradient(from top #8293a1 , #a3aeb8 , #bcc4cc);
  padding: 5px;
  text-align: center;
  border-radius: 5px;
  color: white;
  
*/
font-size:80%;
text-decoration:none;
align-items: flex-start;
text-align: center;
cursor: default;
color: buttontext;
padding: 2px 6px 3px;
border: 2px outset buttonface;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background-color: buttonface;
box-sizing: border-box;
appearance: button;
}



@media screen and (max-width: 580px) {
	#residual_composition{
		width:auto;
		font-size:80%;
	}	
}



/*
	End: Analyzer CSS
*/