BODY		{
			background:	#FFFFFF;
}

BODY, P, TD, DL, OL, UL, DT {
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
      font-size:    14px;
}

P {
  margin-bottom:  0;
}

DT	{
			font-weight:	bold;
		}

A		{
			color:	#003d79;
			text-decoration:	none
		}

TH		{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-weight:	bold;
			color:	black;
			background:	#d3d3e3;
		}

/* Styles for rotateTableCellContent plugin*/
table div.rotated {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	writing-mode: tb-rl;
	white-space: nowrap;
}

thead th {
	vertical-align: bottom;
}

table .vertical {
	white-space: nowrap;
}

th.vertical div {
	margin:0 -999px;/* largeur necessaire reduite virtuellement */
	display:inline-block;
	white-space:nowrap; /* on bloque en 1 seul ligne */
}

th.vertical div:before {
	content:'';
	padding-top:110%;
	display:inline-block;
	vertical-align:middle;
}

th.vertical div {
	transform:rotate(-90deg);
}

H1		{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:	2.0em;
      font-weight: bold;
			color:	#003d79;
		}

H2		{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:	15px;
			color:	#666688
		}

H3		{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:	14px;
			color:	#668866;
		}

LEGEND	{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:	14px;
			color:	#666688;
		}

.header1	{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:	1.6em;
			font-weight:	bold;
			color:	#003d79;
		}

.header14	{
	font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size:	1.4em;
	font-weight:	bold;
	color: #5d6570
}

.pagewarning	{
	font-size:		1.4em;
	font-weight:	bold;
	color:			red;
}

.header2	{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:	1.2em;
			font-weight:	bold;
			color:	#828282
		}

.header3	{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:	14px;
			font-weight:	bold;
			color:	#666688
		}

.rsdatacatheader {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 1.8em; /* Increased font size for prominence */
	font-weight: bold; /* Makes the text fully bold */
	color: #323267; /* Darker color for stronger emphasis */
}

.rsdataheader {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 1.4em; /* Increased font size for prominence */
	font-weight: bold; /* Makes the text fully bold */
	color: #333366; /* Darker color for stronger emphasis */
	text-transform: uppercase; /* Optional: Makes all text uppercase for more impact */
}

.regtext	{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:	12px;
		}


.bigtext	{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:	14px;
			font-weight:	bold;
		}

.bigstatstext   {
    font-size: 2.0em;
    font-weight: bold;
}

.bigtext18em {
    font-size: 1.8em;
    font-weight: bold;
}

.trexblue {
	color: #003d79;
}

.bigtext12em {
    font-size: 1.2em;
    font-weight: bold;
}

.alerttext	{
	font-size:	1.2em;
	color:	red;
	font-weight:	bold;
}
    
.inactive {
  color:  #aaa;
  font-style: italic;
}

.highlighttext {
	background-color: yellow;
}

.itemnumber	{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:	14px;
			font-weight:	bold;
			color:	#0000AA
		}

.formfield	{
      /* Nothing Here */
		}

.numberfield	{
			text-align:	right;
		}

.statslabel	{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:	16px;
			font-weight:	bold;
			color:	#888888
		}

.statstext	{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:	16px;
			font-weight:	bold;
			color:	#000000
		}

.smalltext	{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:		10px;
		}

.smallertext	{
    font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size:		0.8em;
}

.alertbox {
	font-size: 0.8em;
}

.turbchart	{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:		10px;
		}

.turbchartth	{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:		11px;
			font-weight:	bold;
		}

.charttext	{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:		10px;
		}

.charttextth	{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:		11px;
			font-weight:	bold;
		}

.tableborder	{
			border:		1px #000000 solid;
}

.menuitemtext {
  font-size:  12px;
}

.menuitem	{
      background:  #f2f5f8;
			border:		1px #dae3ec solid;
}

.menuitem-disabled	{
	background:  #ff0000;
	border:		1px #dae3ec solid;
	color:	#000000;
}

.copyright	{
			font-family:	Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
			font-size:		10px;
			color:	#ffffff;
		}

.input-prompt {
  position: absolute;
  font-style: italic;
  color: #aaa;
  margin: 0.8em 0 0 0.5em;
}

input, label, textarea, select {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	color: #666;
	line-height: 1em;
}

input[type=text], input[type=number], input[type=password], input[type=email], input[type=url], textarea, select {
	background: #fcfcfc;
	border: 1px solid #dedede;
	padding: 0.6em;
}

/*
textarea {
	width: 90%;
}
*/

input[type=text]:focus, input[type=number]:focus, input[type=password]:focus, input[type=email]:focus,
input[type=url]:focus, textarea:focus, select:focus {
	background: #fff;
	color: #333;
	border-color: #1f9dc0;
	outline: none;
}

input[type=text]:disabled, input[type=number]:disabled, input[type=password]:disabled, input[type=email]:disabled,
input[type=url]:disabled, textarea:disabled, select:disabled {
	background: #eee;
	color: #888;
	border-color: #ccc;
	outline: none;
}

input[type=button], input[type=submit], input[type=reset], button {
	color: #fff;
	background: #003d79;
	border: 0;
	padding: 0.2em 0.4em;
	text-transform: uppercase;
	cursor: pointer;
	outline: none;
	font-size: 1.0em;
	line-height: 1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

/* disable the mouse wheel for number inputs */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

/*.listtable, .datatable {
  border: none;
  border: 1px solid #ccc;
}*/

.listtable th {
  background: #888;
  color:      #efefef;
  padding:    5px 10px;
  border-left:  1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight:  bold;
  font-size:  0.8em;
}

.listtable th a {
	color:	#efefef;
}

/*

2026-03-04 - Andrew Powell
	TREX-1390: Commented out the first definition because it was causing the search
	results on the PO List screen (when searching Part History) to not wrap text
	causing the table to scroll far to the right. CGPT suggested the other two
	options to fix the issue by either ignoring cells with colspan or explicitly
	setting them to 'normal'. For now, just commenting out the command as I am unsure
	of why it was added in the first place - likely related to the Sticky Headers
	that Ajith put in a while ago.

.listtable td:first-child {
    white-space: nowrap;
}

.listtable td:first-child:not([colspan]) {
    white-space: nowrap;
}

.listtable td[colspan] {
    white-space: normal;
}

*/

.datatable th {
  background: #888;
  color:      #efefef;
  padding:    2px;
  border-left:  1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight:  bold;
  font-size:  0.8em;
}

.listtable, .listtable td, .datatable, .datatable td, .emstable, .emstable td {
  border: 1px solid #ccc;
  border-collapse:  collapse;
}

/* highlight the cell on hover of a link */
.listtable td a:hover, .datatable td a:hover, .emstable td a:hover {
	background-color: #f0f8ff;
}

.statstable, .statstable td {
    border: 2px solid #000;
    border-collapse:  collapse;
}

.listtable tr td {
    /*font-size:  0.9em;*/
    padding:  4px 6px;
}

.emstable tr td {
    padding:  6px 8px;
}

/*
.listtable tr:hover td, .datatable tr:hover td {
  background: wheat;
}
*/

.datatable tr:hover td {
	border-bottom-color: red;
}

.datatable tr td {
  font-size: 0.8em;
  padding:  2px;
}

.statstable tr td {
    padding:  6px 8px;
}

.zerotable {
    border: 0;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

.zerotable td {
    padding: 0;
    border: 0;
}

.tablegroupheader {
  background: #e5eff8;
  font-weight:  bold;
}

.tablegroupheader-error {
    background: #ff0000;
    font-weight:  bold;
}

.tablegroupheader-green {
	background: #e0f8e8;
	font-weight:  bold;
}

.tablegrouptotal-green {
	background: #d4ebdc;
	font-weight:  bold;
}

.tablegrouptotal {
	background: #dbe4ed;
	font-weight:  bold;
}

.tabledefaultheader {
    background: #eeccff;
}

.tablegroupheader-purple {
	background: #eeccff;
	font-weight:  bold;
}

.tablegroupheader-orange {
    background: #ffe3b9;
    font-weight:  bold;
}

.tablegrouptotal-orange {
    background: #ffda8f;
    font-weight:  bold;
}

.tabletotal {
  background: #cceeff;
  font-weight:  bold;
}

.tabletotal2 {
	background: #ccffff;
	font-weight: bold;
}

.tabletotal3 {
	background: #eeeeff;
	font-weight: bold;
}

/*
.infotable {
  border: 0;
  cellspacing:  4;
}
*/

.infotable {
    border-spacing: 4px;
    border-collapse: separate;
}

.td-default-1 {
    background: #fff;
}

.td-default-0 {
    background: #eee;
}

.td-light-grey-1 {
	background: #efefef;
}

.td-light-grey-0 {
	background: #dedede;
}

.td-grey-1 {
	background: #ddd;
}

.td-grey-0 {
	background: #d6d6d6;
}

.td-blue-1 {
    background: #e6f2ff;
}

.td-blue-0 {
    background: #d6ebff;
}

.td-blue-highlight-1 {
	background: #99ccff;
}

.td-blue-highlight-0 {
	background: #66b3ff;
}

.td-purple-highlight-1 {
	background: #cdacff;
}

.td-purple-highlight-0 {
	background: #ba9ce7;
}

.td-green-1 {
	background: #f8fff1;
}

.td-green-0 {
    background: #eeffdd;
}

.td-lime-1 {
	background: #ecffc2;
}

.td-lime-0 {
	background: #e7ff9c;
}

.td-light-yellow-1, .td-yellow-highlight-1 {
	background: #ffffdd;
}

.td-light-yellow-0, .td-yellow-highlight-0 {
	background: #ffffbb;
}

.td-yellow-1 {
    background: #ffff00;
}

.td-yellow-0 {
    background: #eeee00;
}

.td-green-highlight-1 {
    background: #aaffaa;
}

.td-green-highlight-0 {
    background: #a3f5a3;
}

.td-grey-blue-1 {
	background: #ecf2f9;
}

.td-grey-blue-0 {
	background: #e0eaf5;
}

.td-light-orange-highlight-1 {
	background: #ffebe4;
}

.td-light-orange-highlight-0 {
	background: #ffe3cb;
}

.td-orange-highlight-1 {
	background: #ffc299;
}

.td-orange-highlight-0 {
	background: #ffa366;
}

.td-red-highlight-1 {
	background: #ffcccc;
}

.td-red-highlight-0 {
	background: #ffb3b3;
}

.rowmatch {
    background: #ff8;
}

.navmenu {
  font-weight:  bold;
  font-size:    12px;
}

.headermodulename {
    color:  #003d79;
    font-size:  0.7em;
}

.whitetext {
	color:	white;
}

.redtext {
    color: #f00;
}
.hide {
    display: none;
}

.field-red {
    color: #f00;
    border: 1px solid red;
}

.orangetext {
	color: orange;
}

.greentext {
    color: #080;
}

.fadedgreentext {
	color: rgba(0, 98, 0, 0.64);
}

.bluetext {
    color: #00f;
}

.bluetextnotbold {
    color: #00f;
    font-weight: normal;
}

.purpletext {
	color: purple;
}

.greytext {
	color: #666;
}

.lightgreytext {
	color: #bbb;
}

.lightbluetext {
	color: #80c4d5;
}

.transcoblue {
    color:	#003d79;
}

.bold {
    font-weight: bold;
}

.text999 {
	color: #999;
}

.aaatext {
    color: #aaa;
}

.smallertext08 {
	font-size: 0.8em;
}

.fieldset-auto-width {
	display: inline-block;
	width: 90%;
}

.fieldset-half-width {
    display: inline-block;
    width: 50%;
}

.fieldset-full-width {
	width: 100%;
}

.container { width: 800px; margin: 0 auto; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

/* Sticky header class applied to thead */
.sticky-th th {
	position: sticky;
	z-index: 2;
}
/* Support multiple sticky rows */
.sticky-th tr:nth-child(1) th { top: 0; z-index: 3; }
.sticky-th tr:nth-child(2) th { top: 24px; z-index: 2; } /* Adjust based on row height */
.sticky-th tr:nth-child(3) th { top: 48px; z-index: 1; }