@charset "UTF-8";
/* CSS Document */
/*	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/*	+++			Sorting Tables styling							  +++	*/
/*	+++ 					category/mySubmissionsList.tpl 		  +++	*/
/*	+++ 					judgingTasks/showJudgingTasksList.tpl +++	*/
/*	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/


/*	BOOTSTRAP 5 SPECIFIC												*/
/* in Bootstrap 5 -- coloring/styling uses css variables.				*/
/* so "background-color: #fff;" won't overwrite the BG color of a <td> 	*/
/* must use --bs-table-bg: #fff instead									*/
/*																		*/
/*	see "table variants" in BS help										*/


/*
.zIndex-99 {
z-index: -99;
}
*/

.largeTableContainer_max {
	top: 0;
	left: 0;
	bottom: 0;
	position:fixed;
	overflow:scroll;
	background: var(--whiteColor);
	width: 100%;

}

	.largeTableContainer_max .stickyRow_tblFunct {
		position: -webkit-sticky;
		position: sticky;
		top: 0px;
		background-color: var(--tonicColor-med);
		color: var(--whiteColor);
		z-index: 1001;
	}
	
	
	.largeTableContainer_max .table.stickyRow th {
		position: -webkit-sticky;
		position: sticky;
		top: 58px;
	}



.largeTableContainer	{
	overflow:scroll; 
	clear:left;
	height: 775px;
}
	.largeTableContainer .sortingTable.stickyRow th {
		position: -webkit-sticky;
		position: sticky;
		top: 0px;
	}
	
	
	

.sortingTable {

}	

	.sortingTable th {
	background-color: var(--tonicColor-med);
	color: var(--grayColor-light);
	padding: 5px 10px 5px 10px;
	border-right: 1px dotted var(--whiteColor);
	border-bottom: 1px dotted var(--whiteColor);
	overflow: hidden;
	}
	
		.sortingTable th:hover {
		cursor: pointer;
		}
	
		.sortingTable th.sorting-desc {
		background-color: var(--tonicColor-light);
		color: var(--tonicColor-dark);
		}

		.sortingTable th.sorting-asc {
		background-color: var(--tonicColor-light);
		color: var(--tonicColor-dark);
		}	
		
		.sortingTable th.SubListCats{
		background-color: var(--tonicColor-light);
		}	
	
		
	.sortingTable td {
	font-size:0.8em;
	border: 0;
	border-right: 1px dotted var(--textColor);
	border-bottom: 1px dotted var(--textColor);
	padding: 10px 10px 10px 10px;

	}
	
		.sortingTable td.min {
			white-space: nowrap;
			width: 1%;
		}
		
			
		.sortingTable td.header{
			font-size:1.1em;
			font-weight:bold;
			background: var(--tonicColor-med);
			color: var(--tonicColor-med);
			padding: 8px 0px 8px 5px;		
		}


		.sortingTable select.statusAcceptRejectSelect	{
			max-width: 120px;
			font-size: 0.8em;
			border: 0px;
			
		}



/*for filter input on showSubmissionList.tpl	*/
.filter-table	{
	float: left;
	margin: 20px 10px 0px 20px; 
}

.filter-table .quick {	
	text-decoration: none;
	margin: 0px 5px 0px 5px; 
}

.filter-table .quick:hover { 
	text-decoration: underline; 
}




.mySubsListTableLink a:link {
	text-decoration: underline; 
	color: var(--submediantColor-dark);	
}
	.mySubsListTableLink a:visited {
		text-decoration: underline; 
		color: var(--tonicColor-med);	
	}
	
	.mySubsListTableLink a:hover { 
		text-decoration: underline; 
		color: var(--dominantColor);	
	}
	
	
	.mySubsListTableLink a:active { 
		text-decoration: underline; 
		color: var(--tonicColor-med);	
	}

			
/*div for "more info" TR */
.extraInfoDiv {
	overflow: visible;
	margin: 5px 0px 10px 5px;		
}

.incompleteRow	{
	--bs-table-bg: var(--dominantColor-thin);
	--bs-table-color: var(--textColor);
}

.completeRow	{
	--bs-table-bg: var(--submediantColor-light-thin);
	--bs-table-color: var(--textColor);

}

.rejectedRow	{
	--bs-table-bg: var(--blackColor-thin);
	--bs-table-color: var(--superTonicColor);	
}

.acceptedRow	{
	--bs-table-bg: var(--superTonicColor-thin);
	--bs-table-color: var(--textColor);
}

.winnerRow	{
	--bs-table-bg: var(--tonicColor-light-thin);
	--bs-table-color: var(--textColor);
}



/*Judging Task Spreadsheet */

.judgingTaskTableContainer {
    /*overflow: scroll;*/
    
}



.judgingTaskTableContainer th {
	z-index: 3;
	}
	
	
.judgingTaskTableContainer td select {
	width: 100px;
	overflow: hidden;
	white-space: pre;
	text-overflow: ellipsis;
	}

		
	
.judgingTaskTableContainer th:nth-child(1)
{
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    width: 75px;
    min-width: 75px;
    z-index: 100;
    border-right: 1px solid #000;

}
		.judgingTaskTableContainer td:nth-child(1) {
			position: -webkit-sticky;
			position: sticky;
			left: 0;
			width: 100px;
			min-width: 100px;
			z-index: 2;
			background-color: var(--whiteColor);
 			border-right: 1px solid #000;
		}

.judgingTaskTableContainer th:nth-child(2)
{
    position: -webkit-sticky;
    position: sticky;
    /* LEFT 1st cell */
    /* 100 */
    left: 100px;
    width: 75px;
    min-width: 75px;
    z-index: 100;
	 border-right: 1px solid #000;
}
		.judgingTaskTableContainer td:nth-child(2) {
			position: -webkit-sticky;
			position: sticky;
			left: 100px;
			width: 75px;
			min-width: 75px;
			z-index: 2;
			background-color: var(--whiteColor);
			opacity: 1;
			 border-right: 1px solid #000;
		}

.judgingTaskTableContainer th:nth-child(3)
{
    position: -webkit-sticky;
    position: sticky;
    /* LEFT 1st cell + 2nd cell */
    /* 100 + 100 */
    left: 175px;
    width: 75px;
    min-width: 75px;
    z-index: 100;
     border-right: 1px solid #000;

}
		.judgingTaskTableContainer td:nth-child(3) {
			position: -webkit-sticky;
			position: sticky;
			left: 175px;
			width: 75px;
			min-width: 75px;
			z-index: 2;
			background-color: var(--whiteColor);
			opacity: 1;
			 border-right: 1px solid #000;
		}
		
		
		

	.judgingTaskComplete	{
	--bs-table-bg: var(--grayColor-light-thin);
	--bs-table-color: var(--textColor);
	}
	
	.judgingTaskIncomplete	{
	--bs-table-bg: var(--whiteColor-thin);
	--bs-table-color: var(--textColor);
	}
			
/*	+++++++++++++++++++++++++++	*/	
	/*printing table */
	
	.printTable {
	width: 100%;
	border: 1px solid var(--textColor);
	table-layout: auto;
	}	
	
	.printTable th {
	color:#000;
	background-color: var(--grayColor-light);
	border: 0;
	border: 1px solid var(--textColor);
	padding: 5px 10px 5px 10px;
	overflow: hidden;
	max-width: 100px;
	text-align: center;
	}

	.printTable td {
	font-size:0.7em;
	border: 0;
	border: 1px solid var(--textColor);
	max-width: 100px;
	}	

	.printTable tr {
	font-size:0.7em;
	border: 0;

	}		
/* end table styling */




/*+++++++++++++++++++++++++++++++*/
/* AdminList table classes */
/*
.adminListTDheader {
	padding:3px;
	cursor:pointer;
	
}
	.adminListTDheader:hover {
		background: #B8BCB0;
		
	}	
	
.adminListTDheader_Selected {
	background: #B8BCB0;
	cursor:pointer;	
}

.adminListTD {
	padding:3px;
	
}
*/
















/* ==============================	*/		

/* +++++++++++++++++++++++++++++ */