/******************************************************************************

	Filename: 					Reports.css

	Purpose: 						reports views css
	 
	Implemented by:			views/HTML5/Admin/Overview/*

	Author:							USA Cyborg - usacyborg.com
	
	Last Modified 			2024-05-21

******************************************************************************/

.tableWrap .tableInstructions
{
	text-align: left;
}

.tableWrap
{
	margin: 0 auto;
	width: 1100px;
	height: 700px;
	overflow: scroll;
	border-top: 1px solid #000;
	padding-top: 1px; /* having a padding below border seems to prevent some border inconsistencies when having multiple tables within wrap at some zoom levels */
}

.tableWrap
{
	margin: 0 auto;
	width: 1100px;
	height: 700px;
	overflow: scroll;
	border-top: 1px solid #000;
	padding-top: 1px; /* having a padding below border seems to prevent some border inconsistencies when having multiple tables within wrap at some zoom levels */
}

.tableWrap caption, .tableWrap label
{
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}

.tableWrap label, .tableWrap input
{
	padding: 2px;
	vertical-align: middle;
}

.lockedHeaders thead th
{
	position: sticky;
	top: 0;
	background-color: #FFF;
}
.lockedHeaders th .filterWrap
{
	position: sticky;
	top: 0;
	background-color: #FFF;	
}
.lockedHeaders tbody th
{
	position: sticky;
	left: 0;
	background-color: #FFF;	
}

.scrollWrap
{
	overflow-x: hidden;
	width: 1170px;
	height: auto;
}

.reportsTbl
{
	table-layout: fixed;
  border-collapse: collapse;
  vertical-align: top;
  margin: 0 auto;
}

.reportsTbl td
{
	vertical-align: top;
}

/* to align icons like trash can or date selectors */

.reportsTbl td img
{
	vertical-align: inherit;
}

.trashCan
{
	cursor: pointer;
}

.reportsTbl th .tableFilter
{
	display: block;
	margin: 0 auto 15px auto;
}

.reportsTbl td, .reportsTbl th
{
	font-size: 12px;
	text-align: left;	
}

.reportsTbl th
{
	font-weight: bold;
}

.reportsTbl.pivotedTable th
{
	font-weight: normal;
}

.reportsTbl th.sortLink
{
	color: blue;
	cursor: pointer;
}

.reportsTbl th.sortLink:hover
{
	text-decoration: underline;
}

.reportsTbl tr:nth-child(even)
{
	background-color: #E3E3E3
}

.reportsTbl tr:nth-child(odd)
{
	background-color: #FFF
}

.rightSideButton
{
	float: right;
  margin: 10px;
}

.ajaxLoaderText
{
	padding: 5px;
}

img.largeAjaxLoader
{
	display: block;
	margin: 0 auto;
	position: relative;
  top: 50%;
  transform: translateY(-50%);	
}

img.smallAjaxLoader
{
	display: block;
	margin: 0 auto;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);	
}

.filterWrap
{
	font-weight: bold;
	display: block;	
	margin: 10px 0 0 0;
}

.filterWrap .filter
{
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	display: inline-block;
	margin: 5px 0;
	box-sizing: border-box;
  width: 100%;	
}	

/* used by older widgets */
.buttonWrap
{
	display: inline-block;
}

.buttonWrap *
{
	font-style: normal;
}

	/* used by newer table views */
.tableWrap .buttonsWrap
{
  display: flex;
  flex-wrap: wrap;
  margin: 5px;
	justify-content: center;
}

.tableWrap .buttonsWrap button
{
  margin: 5px;
}

	/* Scrollable table with locked first column */
.scrollTableWrap tr td:first-child, .scrollTableWrap tr th:first-child
{
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 2;
	border-right: var(--border-size-s) solid var(--color-neutral-4);
	background-color: #FFF;  /* background to hide scrollable columns */
}

	/* apply row background to first column cells and header */
.scrollTableWrap tr:nth-child(even) td:first-child
{
	background-color: #E3E3E3;
}

	/* apply highlighted background rule to fixed column */
.scrollTableWrap tr.highlightedField td:first-child	
{
	background-color: yellow !important;
}

.fixedTableHeaderWrap table thead
{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 3; /* one higher than scrollTableWrap class so the two classes don't conflict */
}