/*
	                  ,,        ,,
	MMP""MM""YMM     *MM      `7MM
	P'   MM   `7      MM        MM
	     MM   ,6"Yb.  MM,dMMb.  MM  .gP"Ya
	     MM  8)   MM  MM    `Mb MM ,M'   Yb
	     MM   ,pm9MM  MM     M8 MM 8M""""""
	     MM  8M   MM  MM.   ,M9 MM YM.    ,
	   .JMML.`Moo9^Yo.P^YbmdP'.JMML.`Mbmmd'
*/


.table__wrapper {
	width: var(--table--width, 100%);

	overflow:auto;
	display: none;
}


.table__record-count {
	background-color: black;
	color:white;
	padding: 10px;
	text-align: center;
	margin: 0px;
	border: thin solid white;
}


table 	{
	border-collapse: collapse;
	border-spacing: 0;
	white-space: normal;
	width: var(--table--width, 100%);
	max-width: var(--table-width--max, 100%);
	table-layout: fixed;
}


table.hide-no-results:has(tr.no-results) {
	display: none;
}

table .result-message {
	background-color: black;
	color: white;
	font-size: 1.25em;
	padding: 1em;
	text-align: left !important;
}


table.no-border :is(tr, th, td) {
	border: none;
}


table tbody{
	background-color:lightgray;
}



table caption 	{
	-moz-text-shadow: 0 1px #000000;
	-webkit-text-shadow: 0 1px #000000;

	text-shadow: 0 1px #000000;
	text-align: center;

	font-size: 1.5rem;
	font-weight: bold;

	padding: .5em;
}


table caption.table--filtered
,table .table--filtered input
,table th.table--filtered 	{
	background-color: hsl(47.8, 88.5%, 44.5%);
	color: white;
}

table caption.table--filtered 	{
	text-align: left;
	padding-left: 10em;
}



table
,table :is(tr, th,td) 	{
	border: thin solid #E6E5E6;
	border-collapse: collapse;
	border-spacing: 0px;
}

table tr.filtered {
	display: none;
}


table:not(.no-hover, .no-style) tr:has(td):not(.tablesorter-filter-row):hover {
	border: 3px solid blue;
}

table:not(.no-hover, .no-style) tr:has(td):not(.tablesorter-filter-row):hover td {
	--hue: 60;
	--saturation: 100%;
	--lightness: 60%;
	--alpha: .6;
	--color: black;
	--text-shadow: none ;

}

/*Merge hover-yellow and select-green together */
table:not(.no-hover, .no-style) tr.record-selected:not(.tablesorter-filter-row):hover td {
	--hue: 89;
	--saturation: 60%;
	--lightness: 50%;
	--alpha: .6;
	--color: black;
	--text-shadow: none ;

}




table tr.record-selected {
	border: thick solid black;
}

table tbody tr:is(.record-selected, .student-record-selected) td {
	--hue: 140;
	--saturation: 100%;
	--lightness: 30%;
	--alpha: 1;
	--color: white;
}



table:not(.no-style) tbody tr:nth-child(even of :not(.filtered)) td {
	//background-color: hsl(0, 0%, 83%);

	--_hue: var(--hue);
	--_saturation: var(--saturation);
	--_lightness: var(--lightness);
	--_alpha: var(--alpha, 1);

	--_color: var(--color);
	--_background-color: hsl(var(--_hue) var(--_saturation) calc(var(--_lightness) * .7) / var(--_alpha));

	background-color: var(--_background-color, hsl(0, 0%, 83%));
	color: var(--_color, black);
}


table:not(.no-style) tbody tr:nth-child(odd of :not(.filtered)) td {
//	background-color: hsl(0, 0%, 94%);

	--_hue: var(--hue);
	--_saturation: var(--saturation);
	--_lightness: var(--lightness);
	--_alpha: var(--alpha, 1);
	--_color: var(--color);
	--_background-color: hsl(var(--_hue) var(--_saturation) var(--_lightness) / var(--_alpha));

	background-color: var(--_background-color, hsl(0, 0%, 94%));
	color: var(--_color, black);

}


table th 	{

	--_hue: var(--hue);
	--_saturation: var(--saturation);
	--_lightness: var(--lightness);
	--_alpha: var(--alpha, 1);
	--_color: var(--color);
	--_background-color: hsl(var(--_hue) var(--_saturation) var(--_lightness) / var(--_alpha));

	background-color: var(--_background-color, var(--color-grey));

	color: var(--_color, white);
	text-shadow: var(--text-shadow);
	width: var(--td--width);

	//background-color: var(--color-grey);



	border: solid 1px #ffffff;
	text-align: center;
	white-space: nowrap;

	text-align: center;
	min-height: 1.5em;
	padding: 0.8em 6px 0.8em 0;
	font-weight: bold;
}


table td input[type="button"] 	{
	padding: .5em;
	font-size: var(--font-size, 1.1rem);
	min-width: 4.25em;
	width: var(--btn--width, auto);
}


table .td-button 	{
	min-width: 5.5em;
	width: var(--td--width, 5.5em);
}


table .blank-column {
	min-width: 5px;
	max-width: 100px;
	width: 100%;
	white-space: nowrap;
}

table tr.highlight-blue {
	border: 2px solid black;
}

table tr.highlight-blue td {
	--hue: 48;
	--saturation: 81%;
	--lightness: 38%;
	--color: white;
}



/*
	MMP""MM""YMM `7MM"""Yb.
	P'   MM   `7   MM    `Yb.
	     MM        MM     `Mb
	     MM        MM      MM
	     MM        MM     ,MP
	     MM        MM    ,dP'
	   .JMML.    .JMMmmmdP'
	TD
*/
/* Default to background=white and color=black */
table td 	{

	--_hue: var(--hue, 0);
	--_saturation: var(--saturation, 0%);
	--_lightness: var(--lightness, 100%);
	--_alpha: var(--alpha, 1);
	--_color: var(--color, black);
	--_background-color: hsl(var(--_hue) var(--_saturation) var(--_lightness) / var(--_alpha));


	background-color: var(--_background-color);
	color: var(--_color);
	width: var(--td--width);
	vertical-align: var(--td--vertical-align, top);
	text-align: var(--td--text-align, left);
	padding: var(--td--padding, 5px 10px);
}


table:not(.no-style) tbody td {
	--_hue: var(--hue);
	--_saturation: var(--saturation);
	--_lightness: var(--lightness);
	--_alpha: var(--alpha, .65);
	--_color: var(--color);
	--_background-color: hsl(var(--_hue) var(--_saturation) calc(var(--_lightness) * .9) / var(--_alpha));

	background-color: var(--_background-color);
	color: var(--_color, black);
 }


table td.ta-right {
	--td--text-align: right;
}



table td.td-button 	{
	text-align: center;
	vertical-align: middle;
	padding: 0em;
}







/*
	                     ,,
	  .g8"""bgd        `7MM
	.dP'     `M          MM
	dM'       ` ,pW"Wq.  MM `7MM  `7MM  `7MMpMMMb.pMMMb.  `7MMpMMMb.
	MM         6W'   `Wb MM   MM    MM    MM    MM    MM    MM    MM
	MM.        8M     M8 MM   MM    MM    MM    MM    MM    MM    MM
	`Mb.     ,'YA.   ,A9 MM   MM    MM    MM    MM    MM    MM    MM
	  `"bmmmd'  `Ybmd9'.JMML. `Mbod"YML..JMML  JMML  JMML..JMML  JMML.



	                                                                                ,,
	`7MM"""YMM                                           mm     mm                `7MM
	  MM    `7                                           MM     MM                  MM
	  MM   d  ,pW"Wq.`7Mb,od8 `7MMpMMMb.pMMMb.   ,6"Yb.mmMMmm mmMMmm .gP"Ya    ,M""bMM
	  MM""MM 6W'   `Wb MM' "'   MM    MM    MM  8)   MM  MM     MM  ,M'   Yb ,AP    MM
	  MM   Y 8M     M8 MM       MM    MM    MM   ,pm9MM  MM     MM  8M"""""" 8MI    MM
	  MM     YA.   ,A9 MM       MM    MM    MM  8M   MM  MM     MM  YM.    , `Mb    MM
	.JMML.    `Ybmd9'.JMML.   .JMML  JMML  JMML.`Moo9^Yo.`Mbmo  `Mbmo`Mbmmd'  `Wbmd"MML.
	Column Formatted
*/

table .address-active {
	width: 5em;
}

table .address-type {
	width: 6em;
}

table .address-location {
	width: 20em;
}

table .campus {
	width: 11em;
}

table .date {
	width: 7em;
}

table td.date {
	text-align: right;
}

table .email {
	width: 15em;
}

table .enrollment-counselor {
	width: 10em;
}

table .expected-term {
	width: 10em;
}

table .high-school {
	width: 14em;
}

table .last-registered {
	width: 10em;
}

table .major {
	width: 10em;
}

table .name {
	width: 14em;
}

table .number {
	width: 7em;
}

table td.number {
	text-align: right;
}


table .phone {
	width: 11em;
}

table .prospect-event {
	width: 10em;
}

table .record-cancelled {
	width: 7em;
}

table .record-status {
	width: 10em;
}

table .record-type {
	width: 7em;
}

table .recruiter {
	width: 10em;
}

table .social-security {
	width: 7em;
}

table .student-id {
	width: 8em;
}

table td.student-id {
	text-align:right;
}

table .term {
	width: 8em;
}

table .username {
	width: 10em;
}


.no-style table tr:hover {
	border: none;
}

.no-style table tr:hover td {
	background-color: white;
	color: black;
}

.no-style table * {
	background-color: white;
	color: black;
}

.no-style table :is(tr, th,td) {
	border: none;
}


/*
	                  ,,        ,,
	MMP""MM""YMM     *MM      `7MM           .M"""bgd                    mm
	P'   MM   `7      MM        MM          ,MI    "Y                    MM
	     MM   ,6"Yb.  MM,dMMb.  MM  .gP"Ya  `MMb.      ,pW"Wq.`7Mb,od8 mmMMmm .gP"Ya `7Mb,od8
	     MM  8)   MM  MM    `Mb MM ,M'   Yb   `YMMNq. 6W'   `Wb MM' "'   MM  ,M'   Yb  MM' "'
	     MM   ,pm9MM  MM     M8 MM 8M"""""" .     `MM 8M     M8 MM       MM  8M""""""  MM
	     MM  8M   MM  MM.   ,M9 MM YM.    , Mb     dM YA.   ,A9 MM       MM  YM.    ,  MM
	   .JMML.`Moo9^Yo.P^YbmdP'.JMML.`Mbmmd' P"Ybmmd"   `Ybmd9'.JMML.     `Mbmo`Mbmmd'.JMML.
	Tablesorter
  */


table .tablesorter-header-inner {
	margin-right: 6px;
}

table .tablesorter-headerUnSorted{
	background-image: url(../images/table-sorter.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}


table .tablesorter-headerAsc{
	background-image: url(../images/table-sorter-asc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	background-color: #530178;
	color: white;
}

table .tablesorter-headerDesc {
	background-image: url(../images/table-sorter-desc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	background-color: #000000;
	color: white;
}


table .sorter-false {
	background-image: none;
	cursor: default;
	padding: 4px;
}

table .tablesorter-filter-row td {
	background: var(--color-purple--dark);
	line-height: normal;
	text-align: center; /* center the input */
	-webkit-transition: line-height 0.1s ease;
	-moz-transition: line-height 0.1s ease;
	-o-transition: line-height 0.1s ease;
	transition: line-height 0.1s ease;
	padding: 3px;
}

/* All of the following css is already contained within each theme file; modify it as desired */
/* filter row */
table .tablesorter-filter-row input {
	width: 100%;
}


table .tablesorter-filter {
	height: 24px;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	border: 1px solid #bbb;
	color: black;
	-webkit-transition: height 0.1s ease;
	-moz-transition: height 0.1s ease;
	-o-transition: height 0.1s ease;
	transition: height 0.1s ease;

}


/* REQUIRED in CUSTOM THEMES!
 This is the only definition that MUST BE added to any custom themes.
 This is how rows are hidden by filtering (included in provided themes) */
table .tablesorter .filtered {
	display: none;
}

table .tablesorter-filter.disabled {
	background-color: var(--color-disabled);
	border: none;
}

tr.no-results td
,tr.no-results:hover td {
	--hue: 0;
	--saturation: 0%;
	--lightness: 0%;
	--alpha: 1;
	--color: white;
}

tr.no-results:hover {
	border: none;
}

table:has(.no-results) .tablesorter-filter-row {
	display: none;
}

/*
	                                             ,,           ,,                  ,,
	                                           `7MM          *MM                `7MM
	                                             MM           MM                  MM
	,pP"Ybd `7MMpdMAo.  ,6"Yb.  `7MMpMMMb.       MM   ,6"Yb.  MM,dMMb.   .gP"Ya   MM  ,pP"Ybd
	8I   `"   MM   `Wb 8)   MM    MM    MM       MM  8)   MM  MM    `Mb ,M'   Yb  MM  8I   `"
	`YMMMa.   MM    M8  ,pm9MM    MM    MM mmmmm MM   ,pm9MM  MM     M8 8M""""""  MM  `YMMMa.
	L.   I8   MM   ,AP 8M   MM    MM    MM       MM  8M   MM  MM.   ,M9 YM.    ,  MM  L.   I8
	M9mmmP'   MMbmmd'  `Moo9^Yo..JMML  JMML.   .JMML.`Moo9^Yo.P^YbmdP'   `Mbmmd'.JMML.M9mmmP'
	          MM
	        .JMML.
	span-labels
*/



.span-labels div.trandoc {
	font-size: 1.25rem;
	font-weight: bold;
}


.span-labels div:has(> .width--full) {
	--div--display: block;
}

.span-labels div:has(span) {
	margin-bottom: 2px;
}


.span-labels span.width--full {
	--span--width: 100%;
	--span--text-align: left;

}

.span-labels span.width--full + span {
	padding-left: 5px;
	display: block;
}


.span-labels tbody td span {
	align-content: center;
}


.span-labels tbody td span:first-of-type {
	display: var(--span--display, inline-block);
	margin-right: 3px;
	padding: 2px 5px;
	text-align: var(--span--text-align, right);
	width: var(--span--width, 80px);
	flex-shrink: 0;
}

.span-labels tbody td div:has(> span) {
	display: var(--div--display, flex);
	margin-bottom: 2px;
}


.span-labels tbody tr td div:nth-child(odd){
	background-color: hsla(0, 0%, 75%, .5);
}

.span-labels tbody tr td div:nth-child(even){
	background-color: hsla(0, 0%, 60%, .5);
}


.span-labels div:has( > span.width--full) {
	border: thin solid hsl(0, 0%, 50%);
}


.span-labels ul {
	margin-left: 20px;
}

/* majors */
.label_major {
	--span--width: 100%;
	font-weight: bold;
	font-size: 1.3rem;
	padding: 4px 3px 0;
	border-bottom: thin solid grey;
	margin-bottom: 2px;
}

/* housing-assignment */
th.label_ha
,span.label_ha {
	background-color: var(--color-housing);
	color: white;
}

th.label_roommates
,span.label_roommates {
	background-color: hsl(45, 75%, 44%);
	color: white;
}





/* update-information */
th.label_ui
,span.label_ui {
	background-color: hsl(13, 68%, 63%);
	color: white;
}

/* billing */
th.label_b
,span.label_b
,.colored-cells td.label_b {
	background-color: var(--color-business);
	color: white;
	--hue: var(--color-business-hue);
	--saturation: var(--color-business-saturation);
	--lightness: var(--color-business-lightness);
	--color: white;
}





/* CAMS */
th.label_cams
,span.label_cams {
	background-color: hsl(95, 49%, 31%);
	color: white;
}



/* DTT */
th.label_dtt
,span.label_dtt {
	background-color: hsl(240, 40%, 25%);
	color: white;
}



/* hold - information */
th.label_hold_i
,span.label_hold_i {
	background-color: hsl(195, 67%, 15%);
	color: white;
}

/* hold - viod */
th.label_hold_v
,span.label_hold_v {
	background-color: hsl(359, 81%, 38%);
	color: white;
}



/* record */
th.label_r
,span.label_r {
	background-color: hsl(212, 56%, 31%);
	color: white;
}

/* red */
th.label_red
,span.label_red {
	background-color: hsl(359, 81%, 38%);
	color: white;
}


/* Student */
th.label_s
,span.label_s {
	background-color: hsl(185, 100%, 28%);
	color: white;
}


/* term */
th.label_t
,span.label_t {
	background-color: hsl(195, 67%, 15%);
	color: white;
}

span.label_test {
	background-color: hsl(13, 68%, 63%);
	color: white;
}

th.label_test-score
,span.label_test-score {
	background-color: hsl(13, 68%, 43%);
	color: white;
}




/* Notes  */
th.label_n
,span.label_n {
	background-color: hsl(195, 67%, 15%);
	color: white;
}




th.label_1
,span.label_1
,.colored-cells td.label_1 {
	background-color: hsl(212, 56%, 31%);
	color: white;

	--hue: 212;
	--saturation: 56%;
	--lightness: 31%;
	--color: white;

}


th.label_2
,span.label_2
,.colored-cells td.label_2 {
	background-color: hsl(27, 100%, 37%);
	color: white;

	--hue: 27;
	--saturation: 100%;
	--lightness: 37%;
	--color: white;
}



th.label_3
,span.label_3
,.colored-cells td.label_3 {
	background-color: hsl(321, 60%, 25%);
	color: white;
	--hue: 321;
	--saturation: 60%;
	--lightness: 25%;
	--color: white;

}



th.label_4
,span.label_4
,.colored-cells td.label_4 {
	background-color: hsl(180, 100%, 26%);
	color: white;
	--hue: 180;
	--saturation: 100%;
	--lightness: 26%;
	--color: white;
}



th.label_5
,span.label_5
,.colored-cells td.label_5 {
	background-color: hsl(247, 75%, 16%);
	color: white;
}



th.label_6
,span.label_6
,.colored-cells td.label_6 {
	background-color: hsl(352, 39%, 51%);
	color: white;
}

th.label_7
,span.label_7
,.colored-cells td.label_7 {
	background-color: hsl(25, 75%, 13%);
	color: white;
}



.colored-cells td.bg-color_1 {
	background-color: hsl(195, 67%, 15%, 0.15);
	color: white;
	--hue: 195;
	--saturation: 67%;
	--lightness: 15%;
	--color: white;
}

.colored-cells td.bg-color_2 {
	background-color: hsl(27, 100%, 37%, 0.15);

	--hue: 27;
	--saturation: 100%;
	--lightness: 37%;
	--color: white;
}




tr td:has(.bg-color--teal)
,.colored-cells :is(th, td).bg-color--teal {
	background-color: hsl(202, 75%, 38%);
	color: white;
	text-shadow: var(--text-shadow);

	--hue: 202;
	--saturation: 75%;
	--lightness: 38%;
	--color: white;
}

tr td:has(.bg-color--green)
,.colored-cells :is(th, td).bg-color--green {
	background-color: hsl(120, 100%, 13%);
	color: white;
	text-shadow: var(--text-shadow);

	--hue: 120;
	--saturation: 100%;
	--lightness: 13%;
	--color: white;
}

tr td:has(.bg-color--yellow)
,.colored-cells :is(th, td).bg-color--yellow {
	background-color: hsl(60, 100%, 38%);
	//text-shadow: var(--text-shadow);

	--hue: 60;
	--saturation: 100%;
	--lightness: 38%;
	--color: white;
}

tr td:has(.bg-color--red)
,.colored-cells :is(th, td).bg-color--red {
	background-color: hsl(13, 89%, 45%);
	color: white;
	text-shadow: var(--text-shadow);
	--hue: 13;
	--saturation: 89%;
	--lightness: 45%;
	--color: white;
}

/* Doesn't export very good
//.colored-cells :is(th, td).highlight-color--yellow {
//	background-color: hsla(49, 100%, 62%, 0.25);
//	--hue: 49;
//	--saturation: 100%;
//	--lightness: 62%;
//	--alpha: .25;
//	--color: black;
//}
//
//.colored-cells :is(th, td).highlight-color--green {
//	background-color: hsl(135, 69%, 19%, 0.25);
//	--hue: 135;
//	--saturation: 69%;
//	--lightness: 19%;
//	--alpha: .25;
//	--color: black;
//}

*/