/* 
* - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - *
		
 	Style sheet Name:
				tables.css
	Description :   
				This css script has all classes, ids defined that are used in defining
			look and feel of <table> tag. 

	Written by:
				30-Jan-2023	-	Infotools
				User will need to modify styles as per system requirements. At present 
			the code is generated for a set of values for color, background color, 
			border etc. 

	Code review by:
				30-Jan-2023	-	Infotools

	Caution:
				30-Jan-2023	-	Infotools
				code generator ver 1.0.0
				Because this script is generated using proprietory code generator,
			changes in this script will need to be handled carefully.
				Preferably this should be done by who understands css working thoroughly.

	Assumption:
				30-Jan-2023	-	Infotools

	Remarks:
				30-Jan-2023	-	Infotools


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

/* table caption display id */
#tc {
    font-size: 18px;
    padding: 5px;
    background-color: #015aac;
    color: #ffffff;
	text-align: center;  
}

/* column caption display id */
#colcap {
    font-size: 14px; font-weight: bold;
    padding: 5px;
    background-color: #6699CC;
    color: #ffffff;
}

.divscroll {
   height: 400px;
   overflow-y: auto; 
/*    	box-shadow: inset 0 0 12px lightorange;  		*/
}

/* Table with 100% width */
.table100{
    width: 100%;
	border-collapse: collapse;
	position: relative;
}

/* define 3 components of a table. These components are useful in printout. */
.table100 thead{
	font-size: 16px; 
}

.table100 tbody{
	font-size: 12px; 
}

.table100 tfoot{
	font-size: 10px; 
}

/* define text decoration for column captions */
.table100 th {
    text-align: left;
	top: 0;
	position: sticky;
	background: #CEC7C6;
	padding: 5px;
}

/* 
		define borders for cells and column caption 
*/
.table100 td, .table100 th {
    font-size: 14px;
	padding: 5px;
	border: 1px solid #9CB6D6; 		/* 166/ColorCombo166.html  */
}
/* Font and background color for alternate row implemented using nth odd child */
.table100 tr:nth-child(odd) {
    color: black; background-color: #99CCFF; 		/* 166/ColorCombo166.html  */
}
/* Font and background color for alternate row implemented using nth even child */
.table100 tr:nth-child(even) {
    color: black; background-color: #CAE5FF; 		/* #DED29E;   166/ColorCombo166.html  */
}

.table100 tr  td a {
    color: #0066cc;   		/*  #B7C68B;  294/ColorCombo294.html  */
}