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;
}

::placeholder {
    font-size:  0.8em;
}

::-ms-input-placeholder {
    font-size:  0.8em;
}

::-webkit-input-placeholder {
    font-size: 0.8em;
}

.edge-browser ::-webkit-input-placeholder {
    font-size: 0.8em;
}

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

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}

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: top;
}

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);
}

.qctable {
    border-spacing: 2px;
    border-collapse: separate;
}

.qctable td {
    /*border: none;*/
    padding: 4px 8px 4px 8px;
    font-weight: bold;
    color: #fff;
}

.qctable-td-green {
    color: #fff;
    font-weight: bold;
    background: #0b0;
}

.qctable-td-yellow {
    color: #fff;
    font-weight: bold;
    background: #ff0;
}

.qctable-td-red {
    color: #fff;
    font-weight: bold;
    background: #f00;
}

.qctable-td-grey {
    color: #fff;
    font-weight: bold;
    background: #bbb;
}

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

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

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

.hugetext {
  font-size:  5.0em;
  font-weight:  bold;
}

.h1text {
    font-size: 1.6em;
    font-weight: bold;
}

.biggertext {
  font-size: 1.1em;
}

/* EMS TABLE */
.emsMaintDue {
    font-size: 3.0em;
    font-weight: bold;
}

.emsDate {
    font-size: 4.0em;
    font-weight: bold;
}

.emsShift {
    font-size: 2.0em;
    font-weight: bold;
    color: #0000ff;
}

LEGEND {
  color:	#666688;
}

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

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

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

.menuitemtext {
  font-size:  12px;
}

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

.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;
		}

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

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

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

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

.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;
		}

.inactive {
  color: #bbbbbb;
  font-style: italic;
}

.alerttext {
    color: #777;
}

.redtext {
    color: #f00;
}

.purpletext {
    color: purple;
}

.greentext {
    color: #080;
}

.bluetext {
    color: #00f;
}

.mouseoverme {
    color: #167a8f;
}

.greytext {
    color: #888;
}

.lightgreytext {
    color: #aaa;
}

.highlighttext {
    background-color: yellow;
}

.bgpurple {
    background-color: #f6e5ff;
}

.bgwhite {
    background-color: white;
}

.alertbg {
    background: #ffffee;
}

.bold {
    font-weight: bold;
}

.strike {
    text-decoration: line-through;
}

/* Table Formatting Stuff */

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

.statstable td {
  border: 0;
  padding: 10px;
}

.tr1px {
  line-height: 0em;
  text-size: 0em;
}

.td1px {
  line-height:  0px;
  vertical-align: top;
  border-collapse:  separate;
  border: 0px;
  padding:  0px;
  border-width: 0px;
  height: 1px;
  margin: 0px;
  max-height: 1px;
  font-size: 0em;
}

.copyright	{
  font-size:		0.8em;
  color:	#003d79;
}

.listtable, .datatable {
  border: none;
  border: 1px solid #888;
}

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

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

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

.listtable tr td {
  font-size:  0.9em;
  padding:  3px 5px;
}

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

.listtable tr:hover td {
  background: #ffffe0;
}

.hotlisttable {
    border: 3px solid #ff0000;
    padding: 10px;
    -moz-border-radius: 10px;
    webkit-border-radius: 10px;
}

.tablemainheader {
    background: #ddddff;
    font-weight: bold;
}

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

.tablegroupfooter {
    background: #d6e6c7;
    font-weight:  bold;
}

.tablegroupheader2 {
    background: #f4f4ff;
    font-weight: bold;
}

.tablegroupfooter2 {
    background: #eaeaff;
    font-weight: bold;
}

.tablesubtotal {
    background: #ffffcc;
    font-weight: bold;
}

.tableorange {
    background: #ffcc00;
    font-weight: bold;
}

.tableyellow {
    background: #ffff00;
    font-weight: bold;
}

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

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

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

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

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

.td-shopschperiodheader {
    background: #ededed;
    font-weight: bold;
}

.td-shopschperiodtotal {
    background: #dedede;
    font-weight: bold;
}

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

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

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

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

.td-darkblue-1 {
    background: #0000ff;
}

.td-darkblue-0 {
    background: #0000cc;
}

.td-purple-0 {
    background: #f0daff;
}

.td-purple-1 {
    background: #eef0ff;
}

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

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

.td-medgreen-1 {
    background: rgba(0, 136, 0, 0.25);
}

.td-medgreen-0 {
    background: rgba(0, 119, 0, 0.35);
}

.td-darkgreen-1 {
    background: #008800;
}

.td-darkgreen-0 {
    background: #007700;
}

.td-lightyellow-1 {
    background: rgba(255, 255, 0, 0.10);
}

.td-lightyellow-0 {
    background: rgba(255, 255, 0, 0.20);
}

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

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

/* Shop Schedule Colors */
.td-shopsch-hotlist {
    background: #ffecb2;
}

.td-shopsch-green {
    background: #ccfbcc;
}

.td-shopsch-blue {
    background: #ececff;
}

.td-shopsch-red {
    background: #ffdddd;
}

/* Production Release Status Levels */
.td-pr-outsource {
    color: white;
    font-weight: bold;
    background: #ccc68f;
}

.td-pr-lt0 {
    color: white;
    font-weight: bold;
    background: #aaaaaa;
}

.td-pr-0 {
    color: white;
    font-weight: bold;
    background: #ff0000;
}

.td-pr-lt50 {
    color: white;
    font-weight: bold;
    background: #ff6600;
}

.td-pr-lt75 {
    color: white;
    font-weight: bold;
    background: #ff9900;
}

.td-pr-lt90 {
    color: white;
    font-weight: bold;
    background: #ffcc00;
}

.td-pr-lt100 {
    color: white;
    font-weight: bold;
    background: #b7e671;
}

.td-pr-100 {
    color: white;
    font-weight: bold;
    background: #00ff00;
}

.qc-yes {
    background: #00ff00;
}

.qc-no {
    background: #ff0000;
}

.qc-na {
    background: #aaaaaa;
}

.rowmatch {
    background: #ff8;
}

.hotlistrow {
    background: #f3f9ff;
}

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

.zerotable {
    font-size: 1.0em;
    border: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

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

.phototable, .phototable td {
    border: 1px solid #ccc;
    border-collapse:  collapse;
}

.phototable td {
    padding: 10px;
    width: 120px;
    height: 120px;
}

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

.dockcontent {
    position: relative;
}

/* Input and Form stuff */

.input-prompt {
  position: absolute;
  font-style: italic;
  font-size: 0.8em;
  color: #aaa;
  margin: 1.2em 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=password], input[type=email], input[type=url], textarea, select {
	background: #fcfcfc;
	border: 1px solid #dedede;
	padding: 0.6em;
}

input[type=text]: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=button], input[type=submit], input[type=reset] {
	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;
}

.formfield	{
  /* nothing here */
}

.numberfield	{
  text-align:	right;
}

.fixedfield {
  font-family: monospace;
}

.foreignTagLine {
    background: #eeeeff !important;
}

.foreignTagLineWarn {
    background: #ffffcc !important;
}

.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; }
.autocomplete-no-suggestion { padding: 2px 5px;}