/** Global document structure **/
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: sans-serif;
    font-size: 10pt;
}

/* We cannot put this in body or html since it
 * is buggy under Firefox (background has the
 * height of the viewport).
 */

#outer-container {
	position: relative;

	height: auto !important;
	height: 100%;
	min-height: 100%;

/* We need to have this here because if
 * we put it in body, it's cropped on
 * viewport dimensions...
 */
	background-attachment: fixed;
	background-position: bottom right;
	background-repeat: no-repeat;
}

#inner-container {
    width: 990px;
    margin: 0 auto;
    padding: 5px;
}

#header {
    padding: 5px;
}

#header div.locales {
	float:right;
	position: relative;
	top: 45px;
}

#main-menu {
    margin-top: 5px;
    min-height: 27px;
}

#main-menu ul {
    margin: 0px;
    padding: 0px;
    text-align:center;
}

#main-menu li {
    display: inline;
}

#main-menu a {
    font-weight: bold;
}

#content>h1:first-of-type {
	margin-top: 0px;
}

#help-link-container {
	height: 16px;
	text-align: right;
}

div.help-content {
	max-height: 400px;
	overflow-y: auto;
}

/*** End of global structure ***/

/** Generic styles **/

p, div.as-p {
	margin-top: 1em;
	margin-bottom: 1em;
    text-align: justify;
}

a {
    text-decoration: none;
    color: rgb(230, 113, 14);
}

a:hover {
    color: rgb(216, 99, 0);
    text-decoration: underline;
}

input {
	border: 1px solid gray;
}

.error {
    color: red;
    font-weight: bold;
}

.disabled {
	color: #939393;
	font-style: italic;
}

.missing-info {
	color: blue;
	font-style: italic;
}

.disclaimer {
	font-weight: bold;
	color: orange;
}

span.warning {
	color: orange !important;
	font-style: italic;
}

.clear {
    clear: both;
}

.center {
    text-align: center !important;
}

.development-warning {
    font-variant: small-caps;
    font-weight: bold;
}

th {
    text-align: left;
}

table.centered td,
table.centered th,
table.centered-headers th,
thead.centered-headers th,
tbody.centered-headers th {
	text-align: center;
}

td.numeric,
th.numeric,
p.numeric {
    text-align: right;
}

a img {
    border: 0px;
}

a.button {
    text-decoration: none;
    color: inherit;
}

hr {
	margin: 15px 100px;
}

textarea {
	font-family: sans-serif;
}

textarea.noresize {
	resize: none;
}

acronym {
	border-bottom: 1px dotted black;
	cursor: help;
}

.nowrap {
	white-space: nowrap;
}

div.editor {
	width: 350px;
	display: inline-block;
}

div.editor.display {
	max-height: 150px;
	overflow-y: auto;
	vertical-align: top;
}

/* Add this class to forms to have
 * nice labels alignment */
form.table-like label {
    display: block;
    float: left;
    width: 200px;
    text-align: left;
}

form.table-like p {
    clear: both;
}

/* Same as table-like but without
 * float issues */
form.fixed-width-labels label {
	display: inline-block;
    width: 200px;
    text-align: left;
    vertical-align: top;
}

form.fixed-width-labels label.inline,
form.fixed-width-labels input[type=radio] + label,
form.fixed-width-labels input[type=checkbox] + label,
form.fixed-width-labels div.dijitRadio + label,
form.fixed-width-labels div.dijitCheckBox + label {
	display: inline;
	width: auto;
	vertical-align: middle;
}

form p {
    margin: 5px 0;
}

input.submit {
	width: auto;
}

label.inline,
form.table-like label.inline,
form.table-like input[type=radio] + label,
form.table-like input[type=checkbox] + label {
    display: inline;
    float: none;
}

div.checkbox-block {
	float: left;
	margin-left: 200px;
	margin-bottom: 6px;
}

div.dijitDialog div.checkbox-block {
	width: 550px;
}

div.checkbox-block span div.dijitCheckBox {
	float: left;	
}

div.checkbox-block span label {
	width: 240px;
}

div.checkbox-block.large span label, ul.checkbox-in-list label{
	width: 480px;
}

div.checkbox-block span {
	display: inline-block;
}

ul.checkbox-in-list {
	margin: 5px 0;
	padding: 0;
	float: left;
	list-style: none;
}

ul.checkbox-in-list label {
	float: none;
	display: inline;
}

/* IE6 PNG */
img.png {
    behavior: url(/css/iepngfix.htc);
}

img.loading {
	vertical-align: middle;
}

img.middle {
	vertical-align: middle;
}

span.multiline,
div.multiline {
	display: inline-block;
	vertical-align: top;
	white-space: pre-wrap;
}

/**
 * rgb(240, 240, 240) when hovering row
 * (only on tbody)
 */
 
tr.hovered,
tr.hovered>td,
table.highlight-hover>tfoot.highlight-hover:hover>tr>td,
table.highlight-hover>tfoot.highlight-hover:hover>tr>th,
table.highlight-hover>tfoot.highlight-hover:hover>tr,
table.highlight-hover>tbody.row-wrapper:hover,
table.highlight-hover>tr:hover,
table.highlight-hover>tbody>tr:hover,
table.highlight-hover>tr:hover>td,
table.highlight-hover>tbody>tr:hover>td,
div.hovered {
	background-color: rgb(240, 240, 240);
}

.inactive-product {
	color: lightgrey;
	font-style: italic
}

/* Do not keep whitespaces for HTML content */
div.multiline.html {
	white-space: normal;
}

/* Finsecur widgets */
form.finsecur-grid-columns-selection-form>ul {
	margin: 0px;
	padding: 0px;
}

form.finsecur-grid-columns-selection-form>ul>li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/** End of generic styles **/

/* Login */
#user-login-form {
	width: 402px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

#user-login-form label {
	width: 200px;
	margin-right: 0px;
	margin-left: 0px;
}

#user-login-form input {
	width: 200px;
	margin-right: 0px;
	margin-left: 0px;
}

#user-login-form p.submit {
	text-align: center;
}

/** weekly financial report */

div.weekly-report-year-links p,
.weekly-report-form p.buttons {
	text-align: center;
}

div.weekly-report-tab-content td,
div.weekly-report-tab-content th {
	width: 11.5%;
}

div.division-tab-content td,
div.division-tab-content th {
	width: 25%;
}

div.weekly-report-tab-content td.rate,
div.weekly-report-tab-content th.rate {
	width: 8%;
}

div.weekly-report-tab-content input,
div.division-tab-content input {
	width: 100%;
}

div.weekly-report-tab-content table,
div.division-tab-content table {
	width: 100%;
}

/** Financial dashboard */
div.financial-dashboard table {
	width: 100%;
	border-collapse:collapse;
}

div.financial-dashboard th.week-index,
div.financial-dashboard th.total {
	text-align: right;
}

div.financial-dashboard tr.section-title {
	background-color: lightgray;
}

div.financial-dashboard span.week-dates {
	font-size: 8pt;
}

div.financial-dashboard tr:hover,
div.financial-dashboard tr:hover td {
	background-color: rgb(240, 240, 240);
}

div.financial-dashboard tr.total {
	border-top: 1px solid black;
}

div.financial-dashboard tr.division {
	font-style: italic;
}

div.financial-dashboard tr.division td:first-child {
	padding-left: 20px;
}

div.financial-dashboard tr.division td:nth-child(n+1) {
	padding-right: 20px;
}


div.financial-dashboard div.monthly-chart{
	width: 900px;
	height: 300px;
}

/** Products & product's categories */
ul#product-categories-list span.category-name,
ul.products-list span.product-name {
	cursor: pointer;
	-webkit-user-select: none;
}

div.product-long-description {
	border: 1px solid black;
	background-color: white;
	padding: 5px;
	margin-top: 10px;
}

img.product-thumb {
	vertical-align: middle;
}

div#main-product-container,
div#associated-product-details {
	overflow: auto;
}

div.associated-products-container {
	padding-left: 10px;
}

div.associated-products-container h3 {
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 110%;
	font-style: italic;
}

div#associated-product-container div.control-box div.next-button {
	float: right;
}

div#associated-product-container div.control-box div.previous-button {
	float: left;
}

/** FAQs */
h1.faq-question {
	font-style: italic;
	margin-bottom: 3px;
}

p.faq-question-info {
	margin-top: 0px;
	margin-bottom: 10px;
}

div.faq-answer {
	margin-left: 20px;
}

/** Equipments */
ul.equipment-types-list span.equipment-type-name {
	cursor: pointer;
}

table.equipment-io-history,
table.yard-equipment,
table.employee-equipment {
	width: 100%;
	background-color: white;
	border-collapse: collapse;
}

table.equipment-io-history tr:hover,
table.equipment-io-history tr:hover td,
table.yard-equipment tr:hover,
table.yard-equipment tr:hover td,
table.technician-equipment tr:hover,
table.technician-equipment tr:hover td {
	background-color: rgb(240, 240, 240);
}

/** Gas */
div.pipes-table,
div.nozzles-table {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}

div.pipes-table div.pipes-table-header>span,
div.pipes-table div.pipes-table-body div.dijitTextBox,
div.pipes-table div.pipes-table-row form>span,
div.nozzles-table div.nozzles-table-header>span,
div.nozzles-table div.nozzles-table-body div.dijitTextBox,
div.nozzles-table div.nozzles-table-row form>span,
div.bottles-table div.bottles-table-header>span,
div.bottles-table div.bottles-table-body div.dijitTextBox,
div.bottles-table div.bottles-table-row form>span,
div.bends-table div.bends-table-header>span,
div.bends-table div.bends-table-body div.dijitTextBox,
div.bends-table div.bends-table-row form>span,
div.tees-table div.tees-table-header>span,
div.tees-table div.tees-table-body div.dijitTextBox,
div.tees-table div.tees-table-row form>span,
div.muffes-table div.muffes-table-header>span,
div.muffes-table div.muffes-table-body div.dijitTextBox,
div.muffes-table div.muffes-table-row form>span{
	display: inline-block;
	width: 125px;
}

div.pipes-table div.pipes-table-header>span,
div.nozzles-table div.nozzles-table-header>span {
	font-weight: bold;
	text-align: center;
}

div.nozzles-table div.nozzles-table-row {
	text-align: center;
}

/** CRM */

#customer-sage-search-results div.dojoxGridRow,
#customers-grid div.dojoxGridRow {
	cursor: pointer;
}

#supplier-contacts-grid,
#supplier-documents-grid,
#device-instance-details-configurations-list
 {
	min-height: 200px;
}

.durability-warning {
	background-color: orange !important;
}

.durability-alert {
	background-color: red !important;
	color: white !important;
}

.withdrawn-device {
	color: grey;
}

#scheduler-calendar table {
	width: 100%;
	border-collapse: collapse;
	-webkit-user-select: none;
	user-select: none;
	-moz-user-select: none;
}

#scheduler-calendar thead tr:first-child th.daily-cell,
#scheduler-calendar thead tr:first-child th.monthly-cell {
	/* Width is set through js */
	padding: 0;
	border-left: 1px solid black;
	text-align:center;
}

#scheduler-calendar thead tr:nth-child(2) th.daily-cell:nth-child(2n),
#scheduler-calendar thead tr:nth-child(2) th.monthly-cell:nth-child(2n),
#scheduler-calendar tbody td.daily-cell:nth-child(2n),
#scheduler-calendar tbody td.monthly-cell:nth-child(2n) {
	border-left: 1px solid black;
}

#scheduler-calendar thead tr:nth-child(2) th.daily-cell:nth-child(2n+1),
#scheduler-calendar thead tr:nth-child(2) th.monthly-cell:nth-child(2n+1),
#scheduler-calendar tbody td.daily-cell:nth-child(2n+1),
#scheduler-calendar tbody td.monthly-cell:nth-child(2n+1) {
	border-left: 1px dotted black;
}

#scheduler-calendar th.holiday,
#scheduler-calendar td.holiday {
	background-color: lightgrey;
}

#scheduler-calendar thead tr:first-child th:first-child {
	width: 192px;
	padding: 0;
}

#scheduler-period, #scheduler-period input {
	text-align: center;
}

#scheduler-position-div {
	border-radius: 8px;
	cursor: move;
	position:absolute;
	background-color:red;
	opacity:0.5;
}

/** Dialogs */
div#employee-form-dialog div.dijitDialogPaneContent {
	max-height: 500px;
	overflow-y: auto;
}

/** Calendar */

.confirmed-event {
	font-weight: bold;
}

table.calendar,
#calendar-table,
table.weekly-calendar,
#sales-stats-table {
	width: 100%;
	table-layout: fixed;
}

/**
 * col width are per calendar
 */
#calendar-table>thead>tr>th,
table.weekly-calendar>thead>tr>th {
	width: 14.2%;
	text-align: center;
}


#purchases-budget-table>thead>tr>th,
#sales-stats-table>thead>tr>th {
	width: 12.25%
}

table.calendar>tbody>tr>td>p,
#sales-stats-table>tbody>tr>td>p {
	margin: 0;
}

table.calendar>tbody>tr>td>p:nth-child(n+1),
#sales-stats-table>tbody>tr>td>p:nth-child(n+1) {
	font-size: 9pt;
}

#sales-stats-summary p {
	margin: 0;
	text-align: right;
}

table.calendar>tbody>tr>td,
#calendar-table>tbody>tr>td {
	width: 14.2%
}


table.weekly-calendar>tbody>tr>td {
	width: 12.5%;
}

#calendar-table td.event-cell,
table.weekly-calendar td.event-cell {
	height: 75px;
	border: 1px solid black;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: white;
	vertical-align: top;
	padding: 2px;
}

#calendar-table td.event-cell.holiday,
table.weekly-calendar td.event-cell.holiday {
	background-color: lightgrey;
}

#calendar-table td.event-cell p,
table.weekly-calendar td.event-cell p {
	margin: 0;
	font-size: 8pt;
	text-align: left;
	height: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#calendar-table td.event-cell p:first-child,
table.weekly-calendar td.event-cell p:first-child {
	font-size: 10pt;
	margin-bottom: 2px;
}

table.calendar>tbody td:not(:empty):nth-child(-n+7),
#sales-stats-table>tbody td:not(:empty):nth-child(-n+7) {
	height: 75px;
	border: 1px solid black;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: white;
	vertical-align: top;
	padding: 2px;
}

table.calendar>tbody td.holiday,
#sales-stats-table>tbody td.holiday,
#sales-stats-table>tbody td:not(:empty):nth-child(6),
#sales-stats-table>tbody td:not(:empty):nth-child(7) {
	background-color: lightgrey !important;
}

table.calendar>tbody>tr>td>p:first-child,
#sales-stats-table>tbody>tr>td>p:first-child {
	margin: 0 0 2px 0;
	font-size: 10pt;
	text-align: left;
	height: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#planning-container div.planning-employee,
#planning-container div.planning-row {
	height: 24px;
	overflow: hidden
}

#planning-container div#planning-header {
	width: 80%;
	margin-left: 20%;
	overflow: hidden;
}

#planning-container div#planning-employees {
	overflow: hidden;

}

#planning-container div#planning-employees div:last-child {
	padding-bottom: 15px;
}

#planning-container div#planning-days {
	height: 24px;
}

#planning-container div.planning-row {
	width: 100%;
}

#planning-container div.planning-row:hover,
#planning-container div.planning-row-hover,
#planning-container div.planning-employee-hover,
#planning-container div.planning-employee:hover {
	background-color: rgb(200, 200, 200);
}

#planning-container div.planning-row {
	position: relative;
}

#planning-container span.planning-day {
	width: 144px;
	display: inline-block;
	height: 100%;
}

#planning-container span.planning-day:nth-child(odd) {
	background-color: rgba(250, 250, 255, 0.3);
}

#planning-container span.planning-day.holiday {
	background-color: rgba(211, 211, 211, 0.3);
}

/** operations grid */
.dojoxGrid .unscheduled-operation {
	color: red;
}

.dojoxGrid .scheduled-operation {
	color: green;
}

.dojoxGrid .terminated-operation {
	color: black;
}

.dojoxGrid .stand-by-operation {
	color: blue;
}

#maintenance-operation-slices-table span.slice-label {
	display: inline-block;
	width: 200px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#maintenance-operation-slices-table img {
	vertical-align: middle;
}

#maintenance-operation-slices-table ul.technicians-list {
	margin: 0;
	padding: 0;
}

#maintenance-operation-form-dialog .dijitSelect,
#maintenance-operation-form-dialog .dijitSelectLabel {
	max-width: 350px;
}

#maintenance-operation-form-dialog .dijitSelect .dijitButtonContents {
	overflow: hidden;
	max-width: 334px;
}

/** Sage */

div#sage-document-details-left-header,
div#sage-document-details-right-header {
	float: left;
	width: 50%;
}

div#sage-document-details-right-header p {
	margin: 0;
}

table#sage-document-details-lines {
	width: 100%;
	border-collapse: collapse;
}

table#sage-document-details-lines tr:hover,
table#sage-document-details-lines tr.sage-document-details-shaded-line:hover {
	background-color: rgb(240, 240, 240);
}

table#sage-document-details-lines tr.sage-document-details-shaded-line {
	background-color: rgb(200, 200, 200);
}

table#sage-product-stock-table,
table#sage-product-composition-table {
	border-collapse: collapse;
}
table#sage-product-composition-table tbody tr:hover,
table#sage-product-stock-table tbody tr:hover {
	background-color: rgb(240, 240, 240);
}

table.salesmen-stats-details {
	width: 100%;
	border-collapse: collapse;
}

table.salesmen-stats-details>thead th {
	text-align: center;
}

table#quotation-info-stats-salesmen-table {
	width: 100%;
	border-collapse: collapse;
}

table#quotation-info-stats-salesmen-table thead th,
table#quotation-info-stats-salesmen-table thead td
{
	text-align: center;
}

table#quotation-info-stats-salesmen-table .dark {
		background-color: rgb(245, 245, 250);
}

div#manufacturing-product-planning-container {
	font-size: 11pt;
}

table.manufacturing-product-planning-table {
	border-collapse: collapse;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

table.manufacturing-product-planning-table.advanced {
	/** enlarge to allow I/O firm/non-firm splitting */
	width: 850px;
}

table.manufacturing-product-planning-table.advanced thead {
	vertical-align: top;
}

table.manufacturing-product-planning-table.advanced>tbody>tr>td:nth-child(5) {
	border-right: 1px solid black;
}

/* Compact version */
div#manufacturing-product-planning-container.compact table th {
	min-width: 100px
}

/* product code */
div#manufacturing-product-planning-container.compact table th:nth-child(2) {
	min-width: 150px;
}

/* product description */
div#manufacturing-product-planning-container.compact table th:nth-child(3) {
	min-width: 200px;
}

div#manufacturing-product-planning-container.compact table {
	text-align: center;
}


table.manufacturing-product-planning-table td.unconfirmed,
table.manufacturing-product-planning-table td.unconfirmed a {
	color: blue;
}

table.manufacturing-product-planning-table td.unconfirmed>a::before {
	content: '(';
}
table.manufacturing-product-planning-table td.unconfirmed>a::after {
	content: ')';
}

table.manufacturing-product-planning-table td.stock {
	color: green;
}

table.manufacturing-product-planning-table td.stock.negative {
	color: red;
}

table.manufacturing-product-planning-table td.stock.below-min {
	color: rgb(200, 200, 0);
}

table.manufacturing-product-planning-table td.stock.above-max {
	color: black;
}


div.manufacturing-needs-table {
	text-align: center;
}

div.manufacturing-needs-table>div.top-header {
	position: absolute;
	font-weight: bold;
	font-size: 0; /** hack to avoid inter div space to be taken into account */
	height: 50px;
	background: white;
	z-index: 2;
}

div.manufacturing-needs-table>div.left-header {
	position: absolute;
	padding-top: 50px;
	z-index: 1;
	background: white;
}

div.manufacturing-needs-table>div.top-header>div {
	height: 50px;
	display: inline-block;
	font-size: 10pt;
	vertical-align: middle;
}

div.manufacturing-needs-table>div.body {
	padding-top: 50px;
	padding-left: 350px;
}
div.manufacturing-needs-table>div.body>div,
div.manufacturing-needs-table>div.left-header>div {
	font-size: 0;
	height: 20px;
}
div.manufacturing-needs-table>div.body>div>div,
div.manufacturing-needs-table>div.left-header>div>div {
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	display: inline-block;
	font-size: 10pt;
}

div.manufacturing-needs-table div.value,
div.manufacturing-needs-table div.stock {
	width: 70px;
}

div.manufacturing-needs-table>div.top-header>div:nth-child(1),
div.manufacturing-needs-table>div.left-header>div>div:nth-child(1) {
	width: 100px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

div.manufacturing-needs-table>div.top-header>div:nth-child(2),
div.manufacturing-needs-table>div.left-header>div>div:nth-child(2) {
	width: 250px;
}

/* don't merge with header, overflow would mess up things */
div.manufacturing-needs-table>div.left-header>div>div:nth-child(2) {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


/**
 * Border between each week cell, description & stock
 */
div.manufacturing-needs-table>div.body>div>div:nth-child(2),
div.manufacturing-needs-table>div.body>div>div:nth-child(3),
div.manufacturing-needs-table>div.body>div>div:nth-child(5),
div.manufacturing-needs-table>div.body>div>div:nth-child(3n+5) {
	width: 69px;
	border-right: 1px solid black
}


div.manufacturing-needs-table>div.body>div>div:nth-child(4),
div.manufacturing-needs-table>div.body>div>div:nth-child(5) {
	background-color: lightgray;
}


table#manufacturing-planning-table td.stock,
div.manufacturing-needs-table div.stock {
	background: green;
	color: white;
}

table#manufacturing-planning-table td.stock.negative,
div#manufacturing-recommendations-grid .dojoxGridRow.lts-negative .long-term-stock,
div.manufacturing-needs-table div.stock.negative {
	background: red;
}

table#manufacturing-planning-table td.stock.below-min,
div#manufacturing-recommendations-grid .dojoxGridRow.lts-below-min .long-term-stock,
div.manufacturing-needs-table div.stock.below-min {
	background: yellow;
	color: black;
}

table#manufacturing-planning-table td.stock.above-max,
div#manufacturing-recommendations-grid .dojoxGridRow.lts-above-max .long-term-stock,
div.manufacturing-needs-table div.stock.above-max {
	background: black;
	color: white;
}

div#manufacturing-recommendations-grid .dojoxGridRow.dark {
	background-color: lightgrey;
}

div#manufacturing-planning-container>table {
	width: 100%;
	border-collapse: collapse;
}

div#manufacturing-planning-container>table>tbody>tr>td {
	border-right: 1px solid black;
}

div#manufacturing-planning-container>table>tbody>tr>td:nth-child(3) a,
div#manufacturing-planning-container>table>tbody>tr>td:nth-child(4) a,
div#manufacturing-planning-container>table.all-document-types>tbody>tr>td:nth-child(5) a,
div#manufacturing-planning-container>table.all-document-types>tbody>tr>td:nth-child(6) a {
	color: white;
}

/* For filtered planning version, overriden below if unfiltered */
div#manufacturing-planning-container>table>tbody>tr>td:nth-child(4) {
	background-color: red;
}

div#manufacturing-planning-container>table>tbody>tr>td:nth-child(3),
div#manufacturing-planning-container>table.all-document-types>tbody>tr>td:nth-child(4) {
	background-color: rgb(255, 75, 75);
}

div#manufacturing-planning-container>table.all-document-types>tbody>tr>td:nth-child(5),
div#manufacturing-planning-container>table.all-document-types>tbody>tr>td:nth-child(6) {
	background-color: red;
}

div#manufacturing-planning-container>table>tbody>tr>td:last-child {
	border-right: none;
}

div#manufacturing-planning-container>table>tbody {
	border-top: 1px solid black;
}

div#manufacturing-planning-container>table>tbody>tr>td {
	text-align: center;
}

table#manufacturing-planning-table .manufacturing-order-status {
	cursor: help;
	font-style: italic;
	color: grey;
	font-size: 75%;
}

table#manufacturing-planning-table td.busy-production-line {
	background: repeating-linear-gradient(
	  135deg,
	  transparent,
	  transparent 2px,
	  lightgrey 2px,
	  lightgrey 4px
	);
}

div#manufacturing-preparation-covering-details-dialog th,
div#manufacturing-preparation-covering-details-dialog td,
div#manufacturing-planning-documents-details-dialog th,
div#manufacturing-planning-documents-details-dialog td {
	text-align: center;
}




div#available-to-promise-orders-grid .dojoxGridRow.late .line-desired-delivery-date {
	color: orange;
}

div#available-to-promise-orders-grid .line-confirmed-delivery-date.resources-covered {
	background-color: yellow;
}

div#available-to-promise-orders-grid .line-confirmed-delivery-date.stock-covered {
	background-color: green;
}

div#available-to-promise-orders-grid .line-confirmed-delivery-date.outside-horizon {
	background-color: lightgrey;
}

div#available-to-promise-orders-grid .line-confirmed-delivery-date.unpositionable .dijitPlaceHolder {
	color: white;
}

div#available-to-promise-orders-grid .line-confirmed-delivery-date.unpositionable {
	background-color: red;
	color: white;
}

div#warehouse-manufacturing-documents-grid .dojoxGridRow.warehouse-late .deadline,
div#warehouse-manufacturing-documents-grid .dojoxGridRow.launch-late .manufacturing-end-date {
	color: white;
	background: red;
}


div#warehouse-manufacturing-documents-grid .dojoxGridRow.warehouse-due-today .deadline,
div#warehouse-manufacturing-documents-grid .dojoxGridRow.launch-due-today .manufacturing-end-date {
	background: yellow;
}

/** dijit overloading */
.tundra div.dijitDialogPaneContent {
    background-image: url('../img/dlg-background.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
}

.tundra .dijitDialog h1 {
	font-size: 140%;
}

.tundra .dijitDialog h2 {
	font-size: 120%;
}

.tundra div.dijitTextBox {
	width: auto;
}

.tundra iframe.dijitEditorIFrame {
	background-color: white;
}

.tundra .dijitSelect.fixedWidth {
	max-width: 170px;
}

.tundra .dijitSelect.fixedWidth .dijitButtonContents {
	overflow: hidden;
	max-width: 154px;
}

.tundra .dijitSelectError .dijitButtonContents {
	background-color: #F9F7BA;
	background-image: none;
}

.dj_webkit .dijitTextBoxDisabled input {
	color: #7F7F7F;
}

.dijitPlaceHolder {
	text-align: left;
}

.add-button .dijitButtonText {
	font-style: italic;
}

.tundra .dijitSelectReadOnly {
	color: gray;
	border-color: #d5d5d5 #d5d5d5 #bdbdbd #d5d5d5;
	background: #e4e4e4 url(images/buttonDisabled.png) top repeat-x;
}

/** Grid */
/* add this class if you set rowHeight */
.dojoxGrid.fixedRowHeight .dojoxGridCell {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/** OpenLayers */

.olControlScaleLine {
	top: 5px;
	right: 5px;
}

.olPopup h1 {
	font-size: 125%;
	margin: 5px 0;
}


div.quality-dashboard-indicator {
	width: 1000px;
	display: none;
}

div.quality-dashboard-indicator-row {
	width: 1600px;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	height: 150px;
}

div.quality-dashboard-indicator-row div.quality-dashboard-indicator-row-scrollable {
	width:1200px;
	overflow-x: hidden;
	float: left;
	height: 100%;
}
div#quality-dashboard-indicator-main-scroll {
	overflow-x: auto;
}

div.quality-dashboard-indicator-table-content {
	height: 400px;
	width: 1615px;
	overflow-y: auto;
	overflow-x: hidden;
}

div.quality-dashboard-indicator-row div.quality-dashboard-indicator-row-scrollable-inner {
	width: 1200px;
	height: 100%;
}

div.quality-dashboard-indicator-row:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

div.quality-dashboard-indicator-cell {
	width: 99px;
	float: left;
	border-right: 1px solid black;
	height: 100%;
}


div.quality-dashboard-indicator-cell.colspan2 {
	width: 199px;
}

div.quality-dashboard-indicator-cell.colspan3 {
	width: 299px;
}

div.quality-dashboard-indicator-cell.colspan6 {
	width: 599px;
}

div.quality-dashboard-indicator-cell.small {
	width: 98px;	
	border-left: 1px solid black;
}

div.quality-dashboard-indicator-table-content div.quality-dashboard-indicator-cell.small {
	line-height: 100px;
	font-size: 16px;
}

div.quality-dashboard-indicator-cell.indicator {
	width: 199px;
}

div.quality-dashboard-indicator div.quality-dashboard-indicator-cell, div.quality-dashboard-indicator div.quality-dashboard-indicator-cell p {
	text-align: center;
}

div.quality-dashboard-indicator p.dashboard-value {
	font-weight: bold;
	font-size: 14px;	
}

div.quality-dashboard-indicator p.dashboard-comment {
	padding: 0;
	margin: 0;
	font-style: italic;
	font-size: 11px;
}

div.quality-dashboard-indicator div.quality-dashboard-indicator-row.quality-dashboard-process {
	font-weight: bold;
	font-size: 24px;
	text-align: left;
	padding-left: 20px;
	height: 40px;
	line-height: 40px;
}

div.quality-dashboard-indicator div.quality-dashboard-indicator-cell.quality-dashboard-indicator {
	font-weight: bold;
	font-size: 16px;
}

div.quality-dashboard-indicator-my div.quality-dashboard-indicator-cell.indicator-value {
	background-image: url('../img/unlocked.png');
	background-position: 80px 3px;
	background-repeat: no-repeat;
}

div.quality-dashboard-indicator div.quality-dashboard-indicator-cell {
	text-align: center;
	position: relative
}

div.quality-dashboard-indicator div.quality-dashboard-indicator-cell.dashboard-month {
	text-transform: uppercase;
}

div.quality-dashboard-indicator-row-footer {
	height: 20px;
	border: 0;
}

div.quality-dashboard-indicator-row-footer div.quality-dashboard-indicator-row-scrollable {
	overflow-y: hidden;
	height: 20px;
	border: 0;
}

div.quality-dashboard-indicator-row-footer div.quality-dashboard-indicator-cell {
	border: 0;	
}

div.quality-dashboard-indicator-row-header {
	height: 40px;
	border-bottom: 1px solid black;
	font-weight: bold;
}

img.quality-dashboard-indicator-attachment {
	position: absolute;
	top: 3px;
	left: 3px;
}

div.quality-details-page label {
	font-weight: bold;
}

div#quality-dashboard-process-menu {
	text-align: center;
	padding: 10px 0;
}

table.product-stock-movements-table {
	text-align: center;
	border-collapse: collapse;
	border-bottom: 1px solid black;
}

table.product-stock-movements-table>thead>tr:first-child>th {
	border-top: 1px solid black;
}

table.product-stock-movements-table>tbody:nth-child(odd) {
	background: lightgrey;
}

table.product-stock-movements-table>tbody:nth-child(even) {
	background: white;
}

table.product-stock-movements-table>thead>tr:nth-child(2)>th:first-child {
	border-left: 1px solid black;
}
table.product-stock-movements-table>tbody>tr>td,
table.product-stock-movements-table>tbody>tr>th,
table.product-stock-movements-table>thead>tr:first-child>th {
	border-right: 1px solid black;
	border-left: 1px solid black;
	padding: 2px 5px;
}

.dojoxGridRow.resolution-date-passed .resolution-date {
	color: red;
}

table#rnd-timetracking-table {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

table#rnd-timetracking-table thead th,
table#rnd-timetracking-table thead td {
	white-space: nowrap;
}

table#rnd-timetracking-table thead th,
table#rnd-timetracking-table thead td,
table#rnd-timetracking-table tbody td {
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

table#rnd-timetracking-table tbody th:first-child,
table#rnd-timetracking-table tbody td:nth-child(2n+1) {
	border-right: 1px solid black;
}

div.comments-list {
	margin-left: 20px;
}

div.comments-list p {
	margin: 0;
}

div.comments-list p.comment-content {
	white-space: pre-wrap;
}

div.comments-list p.comments-actions {
	margin-top: 5px;
}

div#document-status div.document-status-status {
	float: left;
	height: 60px;
	width: 150px;
	display: inline-block;
	margin-left: -18px;
	position: relative;
}

div#document-status div.document-status-status.first {
	margin-left: 0px;
	width: 132px;
	background-position: right;
}

div#document-status div.document-status-status div.document-status-content {
	width:114px;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 18px;
}

div#document-status div.document-status-status.first div.document-status-content {
	padding-left: 0;
}


div#document-status div.document-status-status div.document-status-content p {
	text-align: center;
	margin: 0;
}

div#document-status div.document-status-status div.document-status-content p.small {
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 114px;
}

div#document-status div.document-status-status div.document-status-content p.document-status-label {
	font-weight: bold;
}

div#document-status div.document-status-status.done {
	background-image: url('../img/status-done.png');
}

div#document-status div.document-status-status.current {
	background-image: url('../img/status-current.png');
}

div#document-status div.document-status-status.awaiting {
	background-image: url('../img/status-awaiting.png');
}

div#document-status:after {
	content: '';
    display: block;
	clear:both;
}