/* Common Styles */
.grid {
	font-size: 11px;
	font-family: Tahoma;
	border: solid 1px var(--genius-gray);
	background-color: #fff;
	box-shadow: 0 0px 4px 0 rgba(0, 0, 0, .1);
	margin-top: 10px;
	border-radius: 10px;
}
.grid .title
{
	background:#323A4B;
	color:#fff;
	height:30px;
	text-align:center;
	height:30px;
	line-height:30px;
	font-size:16px;	  
	font-weight:bold;  
}
.grid .datatable
{
	width:100%;
}
	.grid .datatable TH {
		cursor: pointer;
		text-align: center;
		height: 25px;
		padding: 3px;
		background-color: var(--style-table-header-bg-color);
		border-right: solid 1px #d9d9d9;
		border-bottom: solid 3px rgba(255,255,255,0.5);
		color: var(--style-table-header-font-color);
	}

	.grid .datatable TD {
		color: #222;
		text-align: left;
		padding: 5px;
		border-right: solid 1px var(--genius-gray);
	}

.grid .datatable TD:has(INPUT[type=image])
{
	text-align: center;
}

.grid .datatable TD
.grid .datatable TR.even { background-color: #fff; }
.grid .datatable TR.odd { background-color: var(--genius-light-gray); }      
.grid .datatable TR.highlightrow { background-color: var(--genius-gray); }
	.grid .datatable TD {
		color: #3d3d3d;
		border-bottom: solid 1px var(--genius-gray);
	}

.grid .datatable tr.header tablesorter-headerRow {
	background-color: var(--style-table-header-bg-color);
}

.grid .datatable tr.footer {
	border-top: solid 3px var(--style-table-header-bg-color);
}

	
	/* Sorting Styles */
	.grid .datatable TR TH.asc,
	.grid .datatable TR TH.desc {
		background-color: var(--style-table-header-bg-color);
	}
.grid .datatable TH .sort { padding-right:21px; }
	.grid .datatable TH.asc .sort {
		/*background:url(../img/asc.gif) no-repeat center right;*/
		
	}

		.grid .datatable TH.asc .sort::after {
			font-family: "Font Awesome 5 Free";
			content: "\f077";
			display: inline-block;
			position: absolute;
			padding-right: 10px;
			right: 0;
			vertical-align: middle;
			font-weight: 900;
			font-size: 13px;
		}
	.grid .datatable TH.desc .sort {
		/*background: url(../img/desc.gif) no-repeat center right;*/
		
	}

		.grid .datatable TH.desc .sort::after {
			font-family: "Font Awesome 5 Free";
			content: "\f078";
			display: inline-block;
			right: 0;
			vertical-align: middle;
			font-weight: 900;
			font-size: 13px;
			position: absolute;
			padding-right: 10px;
		}
			/* Theme specific styles */
			.blue .grid .datatable TH {
				background: url(../img/blue_hd_bg.png) repeat-x;
			}
.blue .grid .title
{
	background:#495265;
}
.gray .grid .datatable TH
{
	background:url(../img/gray_hd_bg.png) repeat-x;
}
.gray .grid .title
{
	background:#323A4B;
}

.demo
{
	border-bottom:solid 1px #ccc;
	font-size:18px;
	height:23px;
	padding:10px 0px 2px 0px;
	margin-bottom:20px;
}

.public_header_bar_forecolor {color:#333;}
.public_header_bar_bgcolor {background:#F1F0EE;border-bottom:solid 1px #ddd;}
.public_catalog_link_color {color:#0088cc;}