
/* CLIENT SELECTOR */
select optgroup.clientCat { background-color: #E0E0E0; }
select option.owner { background-color: #EFEFEF; }
select option.normal { background-color: #FFFFFF; }

/* INVOICE HEADER ------------------------------------------------------------------------------ */

table.invoiceHeader {
	margin:2px;
	border:1px solid #CCCCCC;
	width:100%;
}

table.invoiceHeader tr td {
	padding:2px;
	vertical-align: top;
	
}

table.invoiceHeader tr td.box1 {
	width:17%;
	padding:5px;
}
table.invoiceHeader tr td.box2 {
	width:24%;
	padding:5px;
}
table.invoiceHeader tr td.box3 {
	padding:5px;
}
table.invoiceHeader tr td.box4 {
	width:365px;
	border-left:1px solid #CCCCCC;
	padding:5px;
}

table.invoiceHeader tr td table.headerFields tr td {
	white-space: nowrap;
	height: 25px;
	padding:2px;
	vertical-align:middle;
}

table.invoiceHeader tr td table.headerFields tr td sup {
	color:red;
	font-weight:bold;
}
table.invoiceHeader tr td sup {
	color:red;
	font-weight:bold;
}

div#corporateOptions {
	margin-top:2px;
}
div#customerOptions {
	margin-top:2px;
}
div.clientOption {
	padding:2px;
}


span.temporaryInvoice {
	font-style: normal;
	border:1px solid rgba(255, 0, 0, 0.1);
	padding:4px 30px;
	background-color:rgba(255, 0, 0, 0.05);
	cursor: pointer;
}
span.temporaryChecked {
	border:1px solid red;
	padding:4px 30px;
	background-color:rgba(255, 0, 0, 0.3);
}



.flicker {
	animation: blink 0.5s infinite;
	border-style:solid;
	border-width: 1px;
}
@keyframes blink {
	0% { background-color: white; }
	50% { background-color: #FFBF7F; }
	100% { background-color: white; }
}


/* INVOICE BODY -------------------------------------------------------------------------------- */

table.engine-listing tbody.list tr td {
	font-size:110%;
}

table.engine-listing tbody.list tr td.counter {
	text-align:right;
}

table.engine-listing tbody.list tr td.hidden {
	text-align:center;
}

table.engine-listing tbody.list tr td.component {
	text-align:center;
}

table.engine-listing tbody.list tr td.component div.rowType {
	color:#666666;
}

table.engine-listing tbody.list tr td.component div.invoiceContent {
	color:#999999;
}

table.engine-listing tbody.list tr td.rowUnitPrice {
	text-align:right;
}

table.engine-listing tbody.list tr td.rowValue {
	text-align:right;
}

table.engine-listing tbody.list tr td.rowVat {
	text-align:right;
}

table.engine-listing tbody.list tr td.rowTotal {
	text-align:right;
	font-weight:bold;
}


table.engine-listing tbody.list tr td.description textarea {
	width:100%;
}

table.engine-listing tbody.list tr.hidden td {
	font-style: italic;
	opacity: 0.7;
}

button.save {
	margin:0px 6px;
	width:200px;
}
button.back {
	float:left;
	width:150px;
}
