/*
CNT
base_color:#2E3436	(General background)	-> General Background
text_color:#D3D7CF	(General text)	-> General text
bg_color:#111111	(Background for different layers, bars or objects)	-> Background for buttons
fg_color:#E6E6E6	(Text in different layers, bars or objects)	-> Buttons caption, Links text, textbox text
selected_bg_color:#3F403D
selected_fg_color:#7AA3CC
tooltip_bg_color:#EDDE5C
tooltip_fg_color:#000000

+Extra:#222222 (just darker than base_color and bg_color)	-> textboxes background
+Extra:#111111 (just darker than textboxes background)	-> shadow border of buttons, textboxes, etc.
+Extra:#666666 (just clearer than base_color and bg_color)	-> bright (anti-shadow) border of buttons, textboxes, etc.
*/

html {
	height: 100%;
}

body	{
	/* TIPOGRAFIA */
/*	font: inherit;	*/
	font-family: sans-serif;
/*	font-style: normal;	*/
/*	font-variant: normal;	*/
/*	font-weight: normal;	*/
/*	font-size: 7pt;	*/
	color: #D3D7CF;
/*	word-spacing: normal;	*/
/*	white-space: normal;	*/
/*	letter-spacing: normal;	*/
/*	text-decoration: none;	*/
/*	text-transform: none;	*/

	/* PARAGRAF */
	text-align: left;
	vertical-align: top;
	text-indent: 0;
	line-height: normal;
	overflow: auto;

	/* FONS */
/*	background-color: #2E3436;	*/
	background-color: #000000;
/*	background-image: url("http://www.example.net/img/leave.gif");	*/
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;

	/* VORES I QUADRES */
	width: 100%;
	height: 100%;
	border-style: none none none none;
	border-width: thin;
	border-top-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-width: thin;
	border-color: #E6E6E6;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
/*	padding-top: 2mm;	*/
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
/*	padding: 1em;	*/
	float: left;
	clear: none;
	
	/* LLISTES */
/*	list-style-type: disc;	*/
/*	list-style-image: none;	*/
/*	list-style-position: outside;	*/
}

li
{
	padding: 0.2em;
}

input {
	color: #E6E6E6;
	background-color: #222222;
	border-color: #111111 #666666 #666666 #111111;
}
input[type=submit], input[type=file], select {
	/* Pending to apply Josh Crozier solution from https://stackoverflow.com/questions/572768/styling-an-input-type-file-button */
	color: #E6E6E6;
	background-color: #111111;
	border-color: #666666 #111111 #111111 #666666;
}
textarea {
	color: #E6E6E6;
	background-color: #111111;
}

p {
	text-align: justify;
}

ul {
/*	margin: 0;	*/
}

ol {
/*	margin: 0;	*/
}

li {
/*	margin-bottom: 0.1em;	*/
}

table {
	/* border-spacing determina la separació (px, cm, mm, etc.) entre celes: entre la vora d'una i la vora de l'altra */
	border-spacing: 0px;
}

tr {
	border: thin;
}

td {
	padding: 0;
	vertical-align: top;
	text-align: justify;
/*	border: thin; border-style: dashed; border-color: #FFFF00;  /* To debug tables cells */
}

td.visiblecontent {
	padding: 1em;
	background-color: #2E3436;
	vertical-align: top;
}

td.tab {
	height: 1%;
	vertical-align: middle;
	text-align: center;
	background-color: #111111;
	font-weight: bolder;
	font-size: larger;
}

td.card {
	vertical-align: top;
	text-align: justify;
	border-style: none outset outset outset;
	border-width: thin;
}

tr.banner {
	height: 1%;
}

td.banner {
	height: 1%;
	vertical-align: middle;
	text-align: left;
	background-color: #111111;
	font-weight: bolder;
	font-size: larger;
}

td.left {	/* To align both text & floating objects */
	text-align: left;
	float: left;
}

td.right {	/* To align both text & floating objects */
	text-align: right;
	float: right;
}

td.center {	/* To align both text & floating objects */
	text-align: center;
/*	float: center;	invalid value	*/
	float: none;
}

table.ico-bts {	/* Any buttons panel */
	/* border-spacing determina la separació (px, cm, mm, etc.) entre celes: entre la vora d'una i la vora de l'altra */
	border-spacing: 0.5em;
	border-width: thin;
	border-style: none none none none;
}
td.ico-bts {	/* Any buttons panel */
	/* border-spacing determina la separació (px, cm, mm, etc.) entre celes: entre la vora d'una i la vora de l'altra */
	border-spacing: 0.5em;
	vertical-align: top;
	float: none;
}

table.ico-bts0 {	/* Buttons panel, main level */
}
td.ico-bts0 {	/* Buttons panel, main level */
}

table.ico-bt {	/* Any single button */
	margin-left: auto;
	margin-right: auto;
}
td.ico-bt {	/* Any single button */
	font: icon;
	text-align: center;
	float: none;
}

td.ico-bt0 {	/* Single button, main level */
}

td.ico-bt1 {	/* Single button, level 1 */
}

td.ico-bt9 {	/* Single button, LAST level */
}

table.txt-bts {	/* Any buttons panel */
	/* border-spacing determina la separació (px, cm, mm, etc.) entre celes: entre la vora d'una i la vora de l'altra */
	border-spacing: 0.5em;
}
td.txt-bts {	/* Any buttons panel */
	/* border-spacing determina la separació (px, cm, mm, etc.) entre celes: entre la vora d'una i la vora de l'altra */
	border-spacing: 0.5em;
	float: none;
}

table.txt-bts0 {	/* Buttons panel, main level */
}
td.txt-bts0 {	/* Buttons panel, main level */
}

table.txt-bt {	/* Any single button */
	margin-left: auto;
	margin-right: auto;
}
td.txt-bt {	/* Any single button */
	text-align: center;
	float: none;
}

td.txt-bt0 {	/* Single button, main level */
}

td.txt-bt1 {	/* Single button, level 1 */
}

td.txt-bt9 {	/* Single button, LAST level */
}

a.submit {
	/*	Adapted from view-source:resource://gre-resources/forms.css	*/
	text-decoration: none;
/*	padding-block-start: 0em;	PROPERTY DOES NOT EXIST	*/
/*	padding-inline-end: 0.41em;	PROPERTY DOES NOT EXIST	*/
/*	padding-block-end: 0em;	PROPERTY DOES NOT EXIST	*/
/*	padding-inline-start: 0.41em;	PROPERTY DOES NOT EXIST	*/
	padding-top: 0.06em;
	padding-bottom: 0.07em;
/*	border: 2px outset ThreeDLightShadow;	*/
	border-style: outset;
	border-color: #D3D7CF #000000 #000000 #D3D7CF;
/*	border-width: 1px 4px 2px 2px;	*/
	border-width: 1px 2px 2px 1px;
	background-color: #111111;
	cursor: default;
	box-sizing: border-box;
	color: #E6E6E6;
	line-height: normal;
	white-space: pre;
	text-align: center;
	text-shadow: none;
/*	overflow-clip-box: padding-box;	Unknown property for M.Firefox 49 */
	font: -moz-button;
	-moz-appearance: button;
	-moz-user-select: none;
	-moz-binding: none;
/*	margin-left: auto;
	margin-right: auto;	*/
	display: inline-block;	/* Same as default for <input> */
}
a.submit:hover {
	border-style: ridge;
	background-color: ThreeDFace;
	text-decoration: none;
}
a.submit:active {
	padding-top: 0.13em;
	padding-bottom: 0em;
/*	padding-inline-end: 0.31em;	PROPERTY DOES NOT EXIST	*/
/*	padding-inline-start: 0.51em;	PROPERTY DOES NOT EXIST	*/
	border-style: inset;
	background-color: ThreeDShadow;
	text-decoration: none;
}

.txt-tag {
	border-style: solid;
	border-width: thin;
	border-color: #E6E6E6;
	margin: 0.1em;
	padding: 0.2em;
	color: #000000;
	background-color: #EDDE5C;
}

td.tag {
	padding: 0.3em;
}

td.paragraphs {	/* Long text inside */
	text-align: justify;
	padding: 1em;
}

table.form {
	border-width: thin;
	border-style: none;
}

td.form {
	border-spacing: 0.1em;
}

table.document {	/* Invoice, article or any unit of (printable?) information */
	border-color: transparent;
	border-width: 1em;
	border-style: solid;
}

td.document {	/* Invoice, article or any unit of (printable?) information */
	border-spacing: 1em;
}

td.label0 {
/*	font: caption;	*/
	padding: 0.3em;
	line-height: 1.3em;
}

td.label1 {
/*	font: caption;	*/
	line-height: 1.2em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

td.label2 {
	font: small-caption;
	padding: 0.1em;
	line-height: 1.1em;
}

td.label-left {	/* Cell for a short text	*/
	vertical-align: middle;
	text-align: right;
/*	float: right;	PENDING TO ARRANGE STRANGE COLS/ROWS BEHAVIOUR	*/
}

td.label-left-left {	/* Express aligned to left	*/
	vertical-align: middle;
	text-align: left;
/*	float: left;	PENDING TO ARRANGE STRANGE COLS/ROWS BEHAVIOUR	*/
}

td.label-right {	/* Cell for a short text	*/
	vertical-align: middle;
	text-align: left;
/*	float: left;	PENDING TO ARRANGE STRANGE COLS/ROWS BEHAVIOUR	*/
}

td.label-top {	/* Cell for a short text	*/
	vertical-align: bottom;
	text-align: center;
/*	float: center;	PENDING TO ARRANGE STRANGE COLS/ROWS BEHAVIOUR	*/
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-width: thin;
	border-style: none none solid none;
}

td.label-bottom {	/* Cell for a short text	*/
	vertical-align: top;
	text-align: center;
/*	float: center;	PENDING TO ARRANGE STRANGE COLS/ROWS BEHAVIOUR	*/
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-width: thin;
	border-style: solid none none none;
}

td.input-right {	/* Complementary to label-left	*/
	vertical-align: middle;
	text-align: left;
/*	float: left;	PENDING TO ARRANGE STRANGE COLS/ROWS BEHAVIOUR	*/
}

td.input-between {	/* Complementary to label-top or label-bottom	*/
	vertical-align: middle;
/*	text-align: left;	*/
/*	float: left;	PENDING TO ARRANGE STRANGE COLS/ROWS BEHAVIOUR	*/
}

table.selected {
	border-style: dotted;
	border-width: thin;
}

.selected {
	color: #D3D7FF;
/*	background-color: #F2F3F0;	*/
	font-weight: bold;
}

.alert {
	color: #FFFFFF;
	background-color: #666600;
/*	font-style: italic;	*/
}

td.datacell1 {
	vertical-align: middle;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-width: thin;
	border-style: none none none none;
}

td.datacell2 {
	vertical-align: middle;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	border-width: thin;
	border-style: none none dotted none;
}

td.brief {	/* One or few words */
	text-align: left;
}

td.datacell1-sign {	/* Really brief content, such as a letter or small icon */
	text-align: center;
	vertical-align: middle;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	border-width: thin;
	border-style: none none none none;
}

td.datacell2-sign {	/* Really brief content, such as a letter or small icon */
	text-align: center;
	vertical-align: middle;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	border-width: thin;
	border-style: none none dotted none;
}

td.datacell1-checkbox {	/* Really brief content, such as a letter or small icon */
	text-align: center;
/*	float: center;	PENDING TO ARRANGE STRANGE COLS/ROWS BEHAVIOUR	*/
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	border-width: thin;
	border-style: none none none none;
}

td.datacell2-checkbox {	/* Really brief content, such as a letter or small icon */
	text-align: center;
/*	float: center;	PENDING TO ARRANGE STRANGE COLS/ROWS BEHAVIOUR	*/
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	border-width: thin;
	border-style: none none dotted none;
}

td.numeric {
	text-align: right;
}

td.datetime {	/* For '2016-08.25 11:50h' or any other format */
	text-align: left;
}

img {
	border-style: none none none none;
/*	display: block;	*/
	margin-left: auto;
	margin-right: auto;
}

img.block {
	display: block;
}

a:link {
	text-decoration: none;
	color: #E6E6E6;
}
a:visited {
	text-decoration: none;
	color: #E6E6E6;
}
a:hover {
	text-decoration: underline;
	color: #E6E6E6;
}
a:active {
	text-decoration: underline;
	color: #E6E6E6;
}

.skeleton {
	border-style: none none none none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border-spacing: 0mm 0mm;
	float: none;
	vertical-align: top;
	}

table.skeleton {
	width: 100%;
	height: 100%;
	}

table.body {
	width: 97%;
	height: 95%;
	margin: 1em;
	}

tr.skeleton {
	}

td.skeleton {  }

.image_editor {
/*	text-decoration: none;	*/
/*	color: #FFFFFF;	*/
/*	background-color: #999999;	*/
	
/*	font-weight: bold;	*/
	
	text-align: center;
	vertical-align: middle;
	}

.keyboard_numeric {
/*	text-decoration: none;	*/
/*	color: #FFFFFF;	*/
/*	background-color: #444444;	*/
	
/*	font-weight: bold;	*/
/*	font-size: 16pt;	*/
	
	text-align: center;
	vertical-align: middle;
	}

li.help {
	text-align: justify;
}

table.help {
	border-style: none;
/*	background-color: #EEEEEE;	*/
}

h0.help {
/*	font-size: 13pt;	*/
/*	font-weight: bold;	*/
	margin-top: 0.5em;
	margin-bottom: 0.3em;
}

h1.help {
/*	font-size: 13pt;	*/
/*	font-weight: bold;	*/
/*	padding-top: 0px;	*/
/*	padding-bottom: 0px;	*/
/*	line-height: 1em;	*/
	margin-top: 0.5em;
	margin-bottom: 0.3em;
}

h2.help {
/*	font-size: 11pt;	*/
/*	font-weight: normal;	*/
	margin-top: 0.5em;
	margin-bottom: 0.3em;
}

h3.help {
/*	font-size: 11pt;	*/
/*	font-weight: normal;	*/
	margin-top: 0.5em;
	margin-bottom: 0.3em;
}

li.help {
/*	font-size: 9pt;	*/
/*	font-weight: normal;	*/
}

.statusbar {
/*	text-decoration: none;	*/
/*	color: #000000;	*/
/*	background-color: #BBBBBB;	*/
	}

table.statusbar {
	border-style: none none none none;
/*	border-color: #AAAAAA;	*/
	}

#frame_packslip {
/*	text-decoration: none;	*/
/*	color: #000000;	*/
/*	background-color: #DDDDDD;	*/
	}

.packslip_preview {
/*	font-size: 10pt;	*/
/*	text-decoration: none;	*/
/*	color: #000000;	*/
/*	background-color: #EEEEEE;	*/
	vertical-align: top;
	}

.packslip_preview_colheaders {
/*	font-weight: bold;	*/
	}

.packslip_preview_numcell {
/*	font-family: monospace;	*/
	text-align: right;
	}

.packslip_preview_textcell {
/*	font-family: sans-serif;	*/
	text-align: left;
	}

.packslip_preview_colfooters {
/*	font-weight: bold;	*/
	}

.packslip_preview_finaltotal {
/*	font-family: sans-serif;	*/
	text-align: right;
/*	font-size: 150%;	*/
	}

.records_form {
/*	font-size: 11pt;	*/
}

.briefreport {
	text-align: justify;
/*	font-size: 14pt;	*/
}

li.briefreport {
	margin: 0 0 1em 0;
}

.form_field {
	vertical-align: top;
}

.form_field_label {
	vertical-align: middle;
	text-align: right;
}

.form_field_value {
	vertical-align: middle;
	text-align: left;
}

.object {
	color: #E6E6E6;
	background-color: #111111;
}