th a{
	/*color: white;*/
	/*text-decoration: none;*/
    color: black;
	text-decoration: none;
}
	
th a:hover{
	/*color: #ccf5ff;*/
	/*text-decoration: none;*/
    font-weight: bold;
	color: #004e61;
	text-decoration: none;
}

td a{
	color: black;
	text-decoration: none;
}

td a:hover{
	font-weight: bold;
	/* color: #800000; */
	color: #004e61;
	text-decoration: none;
}

/* CLASSIC TABLE */
.classic_table {
	border:1px solid gray;
	font-size: 1em;
	padding:10px 10px 10px 10px;
	float: center;
	border-collapse:collapse;
	max-width:100%;
	min-width:60%; 
	background: white;
	box-shadow: 3px 3px 5px #888888;
	margin: 1em auto 1em auto;
}


.classic_table th {
    font-size: 0.8em;
	font-weight: normal;
    border:1px solid gray;
    padding:4px 5px 4px 5px;
    background-color: #ccf5ff;
}

.classic_table td {
    max-width:500px;
    border:1px solid gray;
    padding:4px 5px 4px 5px;
    font-size: 0.8em;
	white-space: pre-wrap;
}

.edit_cell {
    width:80px;    
} 

.classic_table tr { 
    background: white;
}

tr.noBorder td {border: 0; }

/*END CLASSIC TABLE*/

/*LOGIN TABLE*/
.login {
	/* border:1px solid gray; */
	/*font-size: 12px;*/
	padding:0.8em;
	margin: 0 auto 0 auto;
	/* box-shadow: 3px 3px 5px #888888; */
}
.login TH{
	text-align: center;
	padding:0 0 0.3em 0;
	font-size: 30px;
}

/*BORDERED TABLE*/
.bordered{
	/* max-width: 80%; */
	max-width: 80vw;
	/* max-width: 100%; */
	/* width: 90%; */
	/* max-width: 780px; */
	border-collapse:collapse;
	table-layout:fixed;
	color: black;
	text-decoration:none;	
	font-size: 0.7em;
	/* font-size: 0.8vw; */
	margin: 1em auto 1em auto;
	box-shadow: 3px 3px 5px #888888;
	/* white-space: nowrap; */
}
.bordered TD{
	text-align: left;
	border:1px solid gray;
	padding:2px 5px 2px 5px;
}
	
		
.bordered TH{
	text-align: center;
	border:1px solid #004e61;
	padding:2px 5px 2px 5px;
	background-color: #004e61;
	color: white;
	font-size: 1em;
}
	
.bordered tr { 
	background: white;
}

.bordered tr:nth-child(even) { background: #F0F0F0 ;  }

.bordered tr:hover{
	background-color: #ccf5ff !important;
	cursor: Pointer;
	transition: all 0.3s;
}
/* @media (max-width: 1300px ){ */
	/* .bordered { */
		/* font-size: 0.7em; */
	/* } */
/* } */

/*BORDERED TABLE MAIN PAGE*/
.borderedMain{
	width: 99%;
	/* max-width: 100%; */
	/* width: 90%; */
	/* max-width: 780px; */
	border-collapse:collapse;
	table-layout:fixed;
	color: black;
	text-decoration:none;	
	font-size: 0.7em;
	/* font-size: 0.8vw; */
	margin: 1em auto 1em auto;
	box-shadow: 3px 3px 5px #888888;
	/* white-space: nowrap; */
}
.borderedMain TD{
	text-align: left;
	border:1px solid gray;
	padding:2px 5px 2px 5px;
}
	
		
.borderedMain TH{
	text-align: center;
	border:1px solid #004e61;
	padding:2px 5px 2px 5px;
	background-color: #004e61;
	color: white;
	font-size: 1em;
}
	
.borderedMain tr { 
	background: white;
}

.borderedMain tr:nth-child(even) { background: #F0F0F0 ;  }

.borderedMain tr:hover{
	background-color: #ccf5ff !important;
	cursor: Pointer;
	transition: all 0.3s;
}

.borderedChild{
	width: 99%;
	/* max-width: 100%; */
	/* width: 90%; */
	/* max-width: 780px; */
	border-collapse:collapse;
	table-layout:fixed;
	color: black;
	text-decoration:none;	
	font-size: 0.7em;
	/* font-size: 0.8vw; */
	margin: .1em auto .1em auto;
	/* box-shadow: 3px 3px 5px #888888; */
	/* white-space: nowrap; */
}
.borderedChild TD{
	text-align: left;
	border:1px solid gray;
	padding:2px 5px 2px 5px;
}
	
		
.borderedChild TH{
	text-align: center;
	border:1px solid #004e61;
	padding:2px 5px 2px 5px;
	/* background-color: #004e61; */
	background-color: #00a2c9;
	color: white;
	/* font-size: 1em; */
}
	
.borderedChild tr { 
	background: white;
}



/*INDEX TABLE*/
.index_table {
	max-width: 80%;
	border: none;
	margin: 1em auto 1em auto;
}
.index_table td {
	padding-right: 10px;
	padding-left: 10px;
}

/* LEGEND TABLE */
.legend_table {
	max-width: 80%;
	margin: 1em auto 1em auto;
}
.legend_table td {
	padding-right: 10px;
	padding-left: 10px;
}

/* linked td in table */
/* .linked:hover{ */
	/* background-color: #87CEEB !important; */
	/* cursor: Pointer; */
	/* transition: all 0.3s; */
/* } */