
#OrderListView-list .after-delivery [data-property=deliveryDate],
#OrderListView-list .no-customer [data-property=customerNumber] {
	color: red;
}

.document-boxes .no-customer .data,
.document-boxes .after-delivery .value,
.document-boxes .after-expires .value {
	color: red;
}

.document-boxes .highlight div {
	font-weight: bold;
}

/*
	DocumentRowsPanel
*/

.document-rows-panel > .mvcform {
	background: #cdcdcd;
}

.document-row {
	display: grid;
	/*article, description, quantity, unit, price, discount, vat, total, options*/
	grid-template-columns: 150px 1fr 60px 55px 100px 80px 50px 100px 24px;
    grid-template-rows: repeat(auto-fit, 30px);
	
	grid-auto-flow: dense;
	grid-gap: 1px;
	background: #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}
.document-row > b {background: #f7f7f7;}

.document-row.header > * {
	font-weight: bold;
	background: white;
}

.document-row > .mvcfield,
.document-row > .mvcfield input,
.document-row > .mvcfield select,
.document-row > .mvcfield textarea {
    border: 0;
    margin: 0;
    min-width: auto;
    resize: none;
}

.document-row > .mvcfield > .container {
	flex: 1;
	flex-direction: column;
}

.document-row > .mvcfield > .container input,
.document-row > .mvcfield > .container select,
.document-row > .mvcfield > .container textarea {
	flex: 1;
}

.document-row .options {
	grid-column: 9 / 10;
	grid-row: 1 / 2;
	border: 0;
    padding: 0;
    background: white;
	color: #777777;
}
.document-row .options > span {margin: 0;}

.document-row-text .description	{grid-column: 2 / 9;}

.document-row .description	{min-width: 200px;}
.document-row .total input	{font-weight: bold;}

.document-row .dataDescription	{grid-column: 2 / 9; width: auto; height: auto;font-style: italic;}
.document-row .dataDescription.mvc-hidden ~ b {display: none;}
.document-row .mvcfield.dataDescription input {
	background: white;
    font-style: italic;
    padding-left: 20px;
}

.document-row-options .quickselect .mvcbutton {
	justify-content: center;
}