@CHARSET "ISO-8859-1";

* {
  font-family: arial, verdana, tahoma, sans-serif;
  font-size: 12px;
}

html { height: 100%; }

body { position: relative; height: 100%; margin: 0; }

pre {
/*  font-family: "courier new", courier; */
/*  font-size: 12px; */
  display: inline;
  overflow: auto;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap !important; /* Opera 4-6 */
  white-space: -o-pre-wrap !important; /* Opera 7 */
}

table {
  empty-cells: show;
  border-spacing: 0;
}

hr {
  height: 1px;
  color: #E1E1E1;
  background-color: #E1E1E1;
  border: none;
}

a, a:visited {
  color: #2e4267;
  cursor: hand;
}

a:hover {
  color: #be2942;
}

input[type=text] {
  min-height: 20px;
}

input[type=password] {
  min-height: 20px;
}

select option {
  min-height: 20px;
}

.button {
  min-width: 90px;
}
.button:hover {
  color: #be2942;
}
.button:active {
  background: white;
}

font.highlight {
  font-weight: bold;
  color: #be2942;
}

font.finePrint {
  font-family: arial;
  font-size: 12px;
}

form {
  margin: 0px 0px 0px 0px;
}

textarea.boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

fieldset {
  margin-left: 10px;
  padding: 10px;
  border: 1px solid #aaaaaa;
}
/** This does not work in IE
input[disabled='disabled'] {
	color: gray;
	...
}
**/
/** The following does not work in IE for the text color, but background can be changed
.input_disabled {
	color: black;
}
**/
.border-left { border-left: 1px solid #aaaaaa; }
.border-right { border-right: 1px solid #aaaaaa; }
.border-top { border-top: 1px solid #aaaaaa; }
.border-bottom { border-bottom: 1px solid #aaaaaa; }
.background-color { background-color: white; }

.hidden { display: none; }

ul.errorMessage {
  list-style: none;
  font-weight: bold;
  color: white;
  background: transparent url(../../images/warning.gif) 5px center no-repeat;
  background-color: #aa3515;
  padding: 5px 5px 5px 25px;
  margin-left: 5px;
  margin-right: 5px;
}

ul.actionMessage {
  list-style: none;
  font-weight: bold;
  color: white;
  background: transparent url(../../images/information.gif) 5px center no-repeat;
  background-color: #005500;
  padding: 5px 5px 5px 25px;
  margin-left: 5px;
  margin-right: 5px;
}

ul.warningMessage {
  list-style: none;
  font-weight: bold;
  color: white;
  background: transparent url(../../images/warning.gif) 5px center no-repeat;
  background-color: #ff8c00;
  padding: 5px 5px 5px 25px;
  margin-left: 5px;
  margin-right: 5px;
}

div.warning {
  color: white;
  background: transparent url(../../images/warning.gif) 5px center no-repeat;
  background-color: #ff8c00;
  padding: 5px 5px 5px 25px;
  margin-left: 5px;
  margin-right: 5px;
  position: absolute;
  z-index: 2;
}

/* ----- "skip to content" link shows only when it has focus------ */
a.skip-to-content {
  position:absolute;
  left:-999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  z-index:-999;
}

a.skip-to-content:focus, a.skip-main:active {
  position:relative;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  overflow:auto;
  text-align:center;
  z-index:999;
}

/* ------------- */

table.titledPanel {
  margin: auto;
  border-spacing: 0;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 -khtml-border-radius: 3px;
}

table.titledPanel th {
  font-weight: bold; text-align: center;

/* background */
  overflow:hidden;
  zoom:1;
  color:#2e4267;
  padding:5px 3px 4px 5px;
  border-bottom:1px solid #aaaaaa;
background: #e9eced; /* Old browsers */
background: -moz-linear-gradient(top,  #e9eced 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9eced), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e9eced 0%,#ffffff 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eced', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
  white-space: nowrap;
}

table.titledPanel > tbody > tr > td:first-child {
  padding: 3px;
}

/* ------------- */

.box {
  margin: auto;
  border-spacing: 0;
  border: 1px solid #E1E1E1;
  border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 -khtml-border-radius: 3px;
}

/* ------------- */
table.form {
  border-collapse: collapse;
  background-color: white;
  padding: 2px;
  margin: 0;
  width: 100%;
}
table.form td {
  padding:5px 3px 4px 5px;
  margin: 0px;
  height: 23px;
}
table.form tr {
   border-bottom: 1px solid #E1E1E1;
}
table.form tr:last-child {
   border-bottom: none;
}

/* ------------- */
.label {
  text-align: right;
  font-style: normal;
  color: #2e4267;
  white-space: nowrap;
}

table.grid {
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  width: 100%;
}

table.grid td {
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
}

table.grid td.nogrid {
  border-right: none;
  border-bottom: none;
}

/* ------------- */
.th {
  overflow:hidden;
  zoom:1;
  color:#2e4267;
  padding:5px 3px 4px 5px;
  border-bottom:1px solid #aaaaaa;
background: #e9eced; /* Old browsers */
background: -moz-linear-gradient(top,  #e9eced 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9eced), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e9eced 0%,#ffffff 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eced', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
  white-space: nowrap;
}
/* ------------- */
input.money {
  text-align: right;
  width: 90px;
}

input.quantity {
  text-align: right;
  width: 90px;
}

/* ------------- */
div#fader
{
  top: 0px;
  left: 0px;
  background-color: gray;
  position: absolute;
  overflow: hidden;
  z-index: 10001;
  -moz-opacity: 0.1;
  opacity:.10;
  filter: alpha(opacity=10);
}

div#pleaseWait
{
    position: absolute;
    overflow: hidden;
    z-index:10002;
}

span.currSymbol {
	color: grey; letter-spacing: 2px;
}

/***************************/
/* Displaytag table styles */
/***************************/
.displayTable {
	width: 100%;
	border-spacing: 0;
	border: 1px solid #aaaaaa;
}
.displayTable th {  
	padding: 3px; 
	overflow:hidden;
	zoom:1;
	border-bottom:1px solid #aaaaaa;
	border-right:1px solid #aaaaaa;
background: #e9eced; /* Old browsers */
background: -moz-linear-gradient(top,  #e9eced 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9eced), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e9eced 0%,#ffffff 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eced', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	white-space: nowrap;
	text-align: left;
	color: #2e4267;
	font-weight: normal;
}
.displayTable caption {
background: #e9eced; /* Old browsers */
background: -moz-linear-gradient(top,  #e9eced 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9eced), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e9eced 0%,#ffffff 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eced', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	font-weight: bold;
	height: 24px;
}
.displayTable th a:link,
.displayTable th a:visited { color: #2e4267; text-decoration: none; }
.displayTable th a:hover { color: #be2942; }

.displayTable tr { line-height: 20px; }
.displayTable_row { cursor: pointer; color: #be2942; background: #D4E8FF; }
.displayTable_row_select { background: #D4E8FF; }
.displayTable td { padding: 3px; text-align: left; white-space: nowrap;	border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; }
.displayTable td.money { text-align: right;	padding-right: 4px; }
.displayTable td.quantity { text-align: right;	padding-right: 4px; }
.displayTable td.TextColorOverage { color : green; }
.displayTable td.TextColorShortage { color : red; }

.displayTable .rowNumber {
background: #e9eced; /* Old browsers */
background: -moz-linear-gradient(top,  #e9eced 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9eced), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e9eced 0%,#ffffff 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eced', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	width: 30px;
	text-align: right; 
	padding-right: 4px;
}
.displayTable td.rowSelect {
	text-align: center; 
background: #e9eced; /* Old browsers */
background: -moz-linear-gradient(top,  #e9eced 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9eced), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e9eced 0%,#ffffff 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eced', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	width: 15px;
}
.displayTable td.actions {
	text-align: center; 
background: #e9eced; /* Old browsers */
background: -moz-linear-gradient(top,  #e9eced 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9eced), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e9eced 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e9eced 0%,#ffffff 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eced', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	width: 50px;
	padding-right: 4px;
	white-space: nowrap;
}

.displayTable tr.even { cursor: auto; background: #F6F7F9; }

.displayTable tr.odd { cursor: auto; background: white; }

.displayTable tr.total { cursor: auto; background: #E1E1E1; font-weight: bold; text-align: right; }

th.sorted a,th.sortable a {
	background-position: left; background-repeat: no-repeat;
	display: block;
}
.displayTable th.sortable a { background: transparent url(../../images/arrow_off.png) right center no-repeat; padding-right: 15px; }
.displayTable th.order1 a { background: transparent url(../../images/arrow_up.png) right center no-repeat; padding-right: 15px; }
.displayTable th.order2 a { background: transparent url(../../images/arrow_down.png) right center no-repeat; padding-right: 15px; }

.displayTable th.headerAmount { text-align: right; }

div.exportLinks a:link,
div.exportLinks a:visited { color: blue; }
div.exportLinks a:hover { color: maroon; }

span.export {
	background-position: left; background-repeat: no-repeat;
	padding: 1px 4px 1px 20px;
	display: inline;
	display: inline-block;
	cursor: pointer;
}
span.excel { background-image: url(../../images/ico_file_excel.png); }
span.csv { background-image: url(../../images/ico_file_csv.png); }
span.xml { background-image: url(../../images/ico_file_xml.png); }
span.pdf { background-image: url(../../images/ico_file_pdf.png); }
span.rtf { background-image: url(../../images/ico_file_rtf.png); }

/**********************************************/
/*************** Calendar style ***************/
/**********************************************/
/* 
The following can also be customized:
.Calendar_cpBorder
.Calendar_cpText
.Calendar_cpTodayText
.Calendar_cpTodayTextDisabled
.Calendar_cpDayColumnHeader
.Calendar_cpMonthNavigation
.Calendar_cpYearNavigation
*/

.Calendar_cpMonthTable {
  border-radius: 3px;
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  width: 100%;
}
.Calendar_cpMonthTable td {
  border-radius: 3px;
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  vertical-align: top;
  white-space: nowrap;
}
.Calendar_cpCurrentMonthDate {
  width: 90px;
  height: 60px;
  background-color: white;
}
.Calendar_cpCurrentMonthDate_m {
  height: 60px;
  background-color: white;
}
.Calendar_cpOtherMonthDate {
  width: 90px;
  height: 60px;
  background: #ebebeb;
}
.Calendar_cpOtherMonthDate_m {
  height: 60px;
  background: #ebebeb;
}
.Calendar_cpCurrentDate {
  width: 90px;
  height: 60px;
  background: #faebd7;
}
.Calendar_cpCurrentDate_m {
  height: 60px;
  background: #faebd7;
}
.Calendar_holiday { border: 1px solid gray; border-radius: 3px; text-align: center; color: maroon; }
.Calendar_processed { border: 1px solid gray; border-radius: 3px; text-align: center; }
.Calendar_outlined { border: 1px solid navy; border-radius: 3px; text-align: center; }
.Calendar_outlined a { text-decoration: none; display: block; z-index: 1000; }
.Calendar_selected { border: 2px solid navy; border-radius: 3px; text-align: center; font-weight: bold; }
.Calendar_selected a { text-decoration: none; display: block; z-index: 1000; }
.Calendar_focus { border: 2px solid navy; border-radius: 3px; text-align: center; font-weight: bold; background-color: yellow }
.Calendar_focus a { text-decoration: none; display: block; z-index: 1000; }
.TextColorOrderStanding_R { color : black; }
.TextColorOrderStanding_S { color : navy; }
.TextColorOrderStanding_D { color : red; }
.TextColorOrderStanding_processed { color : gray; }

.dot {
  margin-left: 10px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  display: inline-block;
}

.ui-tabs-active a { font-weight : bold }
.ui-accordion-header.ui-state-active a { font-weight : bold }

/***************************/
/* Mobile mm-menu related  */
/***************************/
#my-mm-menu:not( .mm-menu ) {
  display: none;
}

.mm-menu-section.fixed {
  position: fixed;
}

.mm-menu-section a {
  background: center center no-repeat transparent;
  background-image: url(../../images/navicon.png);
  position: fixed;
  width: 36px;
  height: 36px;
}

/*****************************/
/* selectmenu related */
/*****************************/
ul.ui-menu { max-height: 300px !important; }
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item-wrapper { padding: 3px 0px 3px 30px }
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon { height: 17px; width: 23px; top: 0.1em; }

.ui-icon.CA { background: url("../../images/flags/CA.png") 0 0 no-repeat; }
.ui-icon.ES { background: url("../../images/flags/ES.png") 0 0 no-repeat; }
.ui-icon.FR { background: url("../../images/flags/FR.png") 0 0 no-repeat; }
.ui-icon.GB { background: url("../../images/flags/GB.png") 0 0 no-repeat; }
.ui-icon.MX { background: url("../../images/flags/MX.png") 0 0 no-repeat; }
.ui-icon.PR { background: url("../../images/flags/PR.png") 0 0 no-repeat; }
.ui-icon.US { background: url("../../images/flags/US.png") 0 0 no-repeat; }