@charset "UTF-8";
/**
* @file          rodeo.css
* @project       Rodeo ordering system
* @brief         CSS for HTML components
* @author        Rein Ytterberg (RYT)
* @date          2015-07-14
* @copyright (C) Rein Ytterberg, Sweden
* @bug           This file has been heavily terrorized by Anders Gunnarsson
*                and Giulianzo Garonzo, so not much documentaion, structure
*                or oder remains. Heavy rework is needed when there's time.
*/

/* cssreset(.com) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus { outline: 0 }
body { line-height: 1 }
/*
ol, ul { list-style: none }
*/
table { border-collapse: separate; border-spacing: 0 }
caption, th, td { font-weight: normal; text-align: left }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }
a img { border: 0 }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block }

select {
	background-color:	#ffffff;
}



/*
 VARIABLES:
 body-bg: #f3f3f4;

 rodeo-blue-light: #bcdff6;
 rodeo-blue: #9ccef0;
 rodeo-blue-dark: #1099e2;

 rodeo-grey-light: #e7e7e8;
 rodeo-grey: #bcbdc0;
 rodeo-grey-dark: #939598;
 rodeo-grey-darker: #444444;

 rodeo-red: #ff9592;

 */

/* Highlight deviation from the normal */
*.differs {
	background-color:	#eeee00 !important;
	color:			#000000 !important;
}

/* Indicate that this is the recommended option */
*.recommended {
	background-color:	#00bb00 !important;
	color:			#ffffff !important;
}

/* Empty <tr> used as visual separator in tables */
.emptytr {
	height: 20px;
}

/* Default body style */
.emptytr	{
	padding:	0px;
	margin:		30px;
	background-color: #f3f3f4;
}
body {
	padding:	0px;
	margin:		5px;
	background-color: #f3f3f4;
}
body, input, textarea, keygen, select, button, option {
	font-family:	'Roboto Condensed', Helvetica, Arial, Verdana;
	font-size:	15px;
	/*
	color: #444;
	If not commented out, the checkboxes disappeared in front of
	all the data rows (fx orders) on Safari browsers.
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	*/
	appearance: none;
	box-shadow: none !important;
}

button, select, option {
	line-height:	30px;
	border:		1px;
	border-radius:	0;
}

/* Some browsers (or displays) have very little contrast between
   background color and the light gray area around input fields,
   so we need a black border to make it easier for user to find
   the input field. Functionality must always beat design!!! */
input[type="text"], input[type="password"] {
	line-height:	30px;
	border-style:	solid !important;
	border:		1px;
}

/*** GG garb
input, select {
 padding: 0 5px;
}
td input, td select {
 margin: 0 0px;
}
***/

/**
 * @bug (Reported by RYT 2016-01-05):
 * Corresponding entries should also be implemented for radio controls,
 * otherwise the selected option won't show as marked. But there are
 * more problems to fix at the same time, see htmlRadio() for info.
 */


/* The following is part of the insane "feature" that makes radio
   controls look like checkbox controls by making them squared, but
   it's not enough to just remove the section as that makes us get
   both squared and native controls which is even worse.
*/

/*** GG garb
input[type="checkbox"], input[type="radio"] {
	 width: 13px;
	 height: 13px;
	 background-color: #9ccef0;
	 padding: 0;
	 margin: 5;
	opacity: 0;
	position: relative;
	z-index: 1;
	cursor: pointer;
	-webkit-appearance: inherit;
 	-moz-appearance: inherit;
   -ms-appearance: inherit;
   -o-appearance: inherit;
   appearance: inherit;
}
input[type="radio"] label.box:before {
  border-radius: 8px;
}
***/

/* Temporary fix to get radio button marks to show.
   Added by RYT 2016-01-05 */
/*** Not needed after lots of GG garb was removed
input[type=radio]:checked + label.box:before {
	content:	"\25A0";
	font-size:	15px;
	color:		#1099e2;
	text-align:	center;
	line-height:	10px;
}
***/



/*** GG garb
input[type=checkbox]:checked + label.box:before {
  content: "\25A0";
	font-size: 15px;
  color: #1099e2;
  text-align: center;
  line-height: 10px;
}
label.box {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 18px;
  margin-right: 0px;
  font-size: 13px;
  margin-left: -20px;
}
label.box:before {
  content: "";
  display: inline-block;
	width: 13px;
  height: 13px;
  margin-right: 0px;
  position: absolute;
  left: 7px;
  bottom: 0px;
  background-color: #fff;
}
***/


th {
 min-height: 30px;
 background-color: #9ccef0;
 padding: 5px 10px;
 color: #444;
}
td {
 min-height: 30px;
 background-color: #e7e7e8;
 padding: 5px 10px;
}
:-webkit-autofill {
	color: #fff !important;
}
/* Removed by RYT 2016-06-29. GG trash
select {
 background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAeCAIAAACaFxhnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3RjU3MDMyNDg1QzIxMUU1OUEzNkNCQzk5NjJCRkQ5MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3RjU3MDMyNTg1QzIxMUU1OUEzNkNCQzk5NjJCRkQ5MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ1MDI4QkZGODU3OTExRTU5QTM2Q0JDOTk2MkJGRDkxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ1MDI4QzAwODU3OTExRTU5QTM2Q0JDOTk2MkJGRDkxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+hHoPswAAAMtJREFUeNpi/P//PwNuwMSAFwwf6Y+//uGU3nz/e9fZTyjK/8PAjz//DJc/k573+M33v3BBhO7ZV7/c//Tn6+//M698Rjf8zY9/Peegxs668uUzzAUsEOrf//8T7AThmr7++c/LBmIwUhRjUMNffPt74sVPuKiVJLsYJzNCmpuFseDQe0iY8LMxnYmQRDGcl40pTYcHwi4x4hPhYEIPFmBoAMMEGDLA8IELssDtE+ZgitfgsZBgZ2dmhAuieAxoN9BiZJczjtCUChBgAMKWd/7di9xgAAAAAElFTkSuQmCC) no-repeat 94% 50%;
 width: 135px;
 padding-right: 20px;
}
*/
input[type="submit"],
input[type="reset"],
button {
	padding:		0 10px;
	margin-left:		3px;
	color:			#444;
	background-color:	#dcddd0;
	border-right:		3px solid #939598;
	border-bottom:		3px solid #939598;
}

/*** GG trash
input[type="submit"]:first-child, input[type="reset"]:first-child, button:first-child {
 margin-left: 0;
}
***/

input[type="submit"]:active,
input[type="reset"]:active,
button:active {
	padding: 0 7px 0 13px;
	border-right-color: #BCBDC0;
	border-bottom-color: #BCBDC0;
}




/* Example: Set the specific Edit button in tab_art.php by id
            to a specific color when disabled.
input#priarttabcbtn_edit:disabled {
	background-color:	#c0ffc0;
}
*/



/* Select style for all disabled buttons */
input[type="submit"]:disabled,
input[type="reset"]:disabled,
button:disabled {
	background-color:	#707070;
	color:			#c0c0c0;
}


/* Indicate to user they have to think twice before pressing this button! */
*.careful {
	background-color:	#bb0000 !important;
	color:			#ffffff !important;
}
*.careful:disabled {
	background-color:	#7b0000 !important;
	color:			#a0a0a0 !important;
}


fieldset {
	display: block;
	margin-top: 10px;
}
label.formdesc {
	display: block;
	font-size: 16px;
	padding: 10px 0 5px 0;
}
.orgselector select {
	width: 240px;
	padding-right: 0;
}
.userselction {
	padding-right: 10px;
}
.logout {
	float: right;
}
.menu_disabled {
	display: none!important;
}
.primary {
	background-color: #9ccef0!important;
  border-right: 3px solid #1099e2!important;
  border-bottom: 3px solid #1099e2!important;
}
.primary:active {
	border-right-color: #9ccef0!important;
  border-bottom-color: #9ccef0!important;
}


h1 {
 font-size: 30px;
 padding: 15px 0 10px 0;
}
h2 {
 font-size: 25px;
 padding: 15px 0 10px 0;
}
h3 {
 font-size: 20px;
 padding: 15px 0 10px 0;
}
legend {
 display: none;
}
a {
	color: #444;
}
/* *************** SPECIAL CLASSES ************ */
/* (Special in what way? Try to get rid of them when there's time.
    Classes should not be named by their attribute values! /RYT) */
.empty-cell {
	empty-cells: hide;
}
.first-cell {
	border-left: 0;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.line-height {
	line-height: 30px;
}
.display-none {
	display: none;
}
.opacity-none {
	opacity: 0;
}
.opacity-none input, .opacity-none select {
	display: none;
}
.validation_false {
	border-left: 2px solid #ff9592;
	padding-left: 3px;
}
.error {
	padding: 5px 10px;
	background-color: #ff9592;
	color: #fff;
}
.wide {
	width: 190px;
}
.wider {
	width: 230px;
}
.clearboth {
	clear: both;
}
small {
	font-size: 13px;
}


/* Variations of standard <select> elements */
	/* Address selector */
.adrsel {
	width: 300px;
}
	/* User (person name) selector */
.usersel {
	width: 250px;
}

/* Width of announcement address. @see tab_ann.php */
.annent_addr {
	width: 300px;
}


/* Special markers */

	/* Class needed highlights information to be completed */
.needed {
	background-color:	#ffcc00;
}

	/* Class alert highlights severe information */
.alert {
	background-color:	#ff2200;
}

	/* Class artnodiff indicates that article number differs between
	 * supplier and sub-supplier. */
.artnodiff {
	color:			#0000b0;
}

	/* Sales price not higher than purchase price! */
.moneyloss {
	background-color:	#ffcccc;
}

	/* Class nonew marks a <tr> which usually allows new entries,
	 * as currently unavailable for new entries. Ordinary input
	 * controls are typically replaced by information text. */
.nonew {
	background-color:	#303030;
	color:			#ffffff;
}

	/* Class nocb marks a <td> which usually contains a checkbox
	 * as currently unavailable. */
.nocb {

}

	/* One ok message in the current location */
.heremsgbox_ok {
	padding-top:		10px;
	padding-left:		15px;
	padding-right:		15px;
	padding-bottom:		10px;
	border-radius:		5px;
	background-color:	#33ff33;
	color:			#000;
}

	/* One info message in the current location */
.heremsgbox_info {
	padding-top:		10px;
	padding-left:		15px;
	padding-right:		15px;
	padding-bottom:		10px;
	border-radius:		5px;
	background-color:	#7a7aca;
	color:			#ffffff;
}

	/* One warning message in current location */
.heremsgbox_warn {
	padding-top:		10px;
	padding-left:		15px;
	padding-right:		15px;
	padding-bottom:		10px;
	border-radius:		5px;
	background-color:	#ffd76c;
	color:			#444;
}

	/* One error message in current location */
.heremsgbox_err {
	padding-top:		10px;
	padding-left:		15px;
	padding-right:		15px;
	padding-bottom:		10px;
	border-radius:		5px;
	background-color:	#DA4343;
	color:			#fff;
}

	/* One bad message in current location */
.heremsgbox_bad {
	padding-top:		10px;
	padding-left:		15px;
	padding-right:		15px;
	padding-bottom:		10px;
	border-radius:		5px;
	background-color:	#EA2323;
	color:			#ff5;
}

	/* Order status, either yes, no, warn or abort depending on condition */
.ordrstat_yes {
	background-color:	#20f2a9;
	text-align:		center;
	color:			#000000;
}
.ordrstat_no {
	/* background-color:	#999592; */
	text-align:		center;
	color:			#000000;
}
	/* Should have same background as class 'attention' */
.ordrstat_warn {
	background-color:	#ffda7a;
	text-align:		center;
	color:			#000000;
}
.ordrstat_abort {
	background-color:	#ff9598;
	color:			#ffffff;
	text-align:		center;
}

	/* Browsers that don't understand <input type="date"> will
	 * ignore the type, so we need to define a decent standard
	 * layout for date entry controls.
	 */
.dateentry {
	width:		150px;
}

/* Date picker, @see htmlInputDate() */
input[type="date"] {
	width:		150px;
}



/* Page sections */
/*
section.pgsec_user_user {
	background-color:	#ccffcc;
}
section.pgsec_user_adr {
	background-color:	#ccffff;
}
section.pgsec_user_role {
	background-color:	#ffffcc;
}
section.pgsec_user_rolusr {
	background-color:	#ffcccc;
}

section.pgsec_proj_proj {
	background-color:	#ccffcc;
}

section.pgsec_sto_sto {
	background-color:	#ccffcc;
}
section.pgsec_sto_adr {
	background-color:	#ccffff;
}

section.pgsec_inv_inv {
	background-color:	#ccffcc;
}

section.pgsec_art_art {
	background-color:	#ccffcc;
}

section.pgsec_prili_prili {
	background-color:	#ccffcc;
}

section.pgsec_purordr_ord {
	background-color:	#ccffcc;
}
section.pgsec_purordr_ordart {
	background-color:	#ccffff;
}

section.pgsec_salordr_ord {
	background-color:	#ffcccc;
}
section.pgsec_salordr_ordart {
	background-color:	#ffaaaa;
}

section.pgsec_sett_invadr {
	background-color:	#ffffcc;
}

section.pgsec_org {
	background-color:	#cbcb55;
}

section.pgsec_hist {
	background-color:	#f2f7dc;
}
*/

/* Login */
/*
table.seluser_tab_class {
	background-color:	#c0c0c0;
}

table.seluser_tab_class th {
	background-color:	#f0a0a0;
	text-align:		left;
	vertical-align:		top;
}
table.seluser_tab_class td {
	text-align:		left;
	vertical-align:		top;
}
table.seluser_tab_class div.admofitem {
	padding-left:		15px;
	font-weight:		bold;
	text-align:		left;
}
table.seluser_tab_class div.userofitem {
	padding-left:		15px;
	font-weight:		bold;
	text-align:		right;
}
table.seluser_tab_class div#admof {
	float:			left;
}
table.seluser_tab_class div#userof {
	text-align:		right;
}
*/

/* Menu - Main */
/*
fieldset.menufset {
	background-color:	#003030;
}
*/
fieldset.menufset legend {
	/*background-color:	#ff3030;
	border-radius:		5px;
	padding-left:		5px;
	padding-right:		5px;*/
	display: none;
}
fieldset.menufset input {
	background-color:	#9ccef0;
	border-right:		1px solid #bcdff6;
	border-bottom:		3px solid #1099e2;
	border-left:		0px solid #bcdff6;
	border-top:		0px solid #1099e2;
	margin:			0;
	/*padding: 0 15px;*/
	/*width: 110px;*/
	display:		block;
	float:			left;
	color:			#444;
}
fieldset.menufset input.submenu {
	background-color:	#cccde0;
	border-right:		1px solid #939598;
	border-bottom:		3px solid #939598;
	border-left:		0px solid #939598;
	border-top:		0px solid #939598;
}
fieldset.menufset input.active, fieldset.menufset input:hover, fieldset.menufset input:active {
	border-bottom: 3px solid #9ccef0;
}
fieldset.menufset input:disabled {
	background-color:	#bcbdc0;
}
fieldset.menufset input.submenu.active, fieldset.menufset input.submenu:hover, fieldset.menufset input.submenu:active {
	border-bottom: 3px solid #bcbdc0;
}

/* Menu - Table actions */
	/* Articles */
fieldset.priarttab_fset {
}
fieldset.priarttab_fset legend {
	background-color:	#30ff30;
	border-radius:		5px;
	padding-left:		5px;
	padding-right:		5px;
}
fieldset.priarttab_fset input {
}
	/* Price Lists */
fieldset.prilitab_fset {
}
fieldset.prilitab_fset legend {
	border-radius:		5px;
	padding-left:		5px;
	padding-right:		5px;
}
/*
fieldset.prilitab_fset input {
	color:			#ffffff;
}
*/
/* In price list status column, indicate latest version of an article */
*.lastartrev {
	background-color:	#30ff30;
}

	/* Sales order rows */
fieldset.salordarttab_fset {
}
fieldset.salordarttab_fset legend {
	background-color:	#ff3030;
	border-radius:		5px;
	padding-left:		5px;
	padding-right:		5px;
	color:			#ffffff;
}
/*
fieldset.salordarttab_fset input {
	color:			#ffffff;
}
*/

	/* Sales order cells */
fieldset.salordrcell_fset {
	background-color:	#f08080;
}
fieldset.salordrcell_fset legend {
	background-color:	#fff0f0;
	border-radius:		5px;
	padding-left:		5px;
	padding-right:		5px;
	color:			#ff0000;
}
fieldset.salordrcell_fset input {
	color:			#ffffff;
}

	/* Sales order table */
fieldset.salordrtab_fset {

}
fieldset.salordrtab_fset legend {
	border-radius:		5px;
	padding-left:		5px;
	padding-right:		5px;
	color:			#ff0000;
}
/*
fieldset.salordrtab_fset input {
	color:			#ffffff;
}
*/

	/* Purchase order table (buttons in htmlTablecontrols) */
fieldset.purordrtab_fset {
	/* No need for anything yet, this is just for testing
	background-color:	#ffaa00;
	height:			30px;
	*/
}

/* Default Table styles */
table	{
	/*border:		5px solid #f3f3f4;*/

}
table th	{
	border:		5px solid #f3f3f4;
}
/*** GG
table th:first-child	{
	border-left:	0;
}
***/

table td	{
	color: #444;
	border:		5px solid #f3f3f4;
	vertical-align: top;
}
/*** GG
table td:first-child	{
	border-left:	0;
}
***/

/* Info, warning or error message displayed on page top */
/*
p.topmsg_info, p.topmsg_warn, p.topmsg_err, p.topmsg_bad  {
	text-align:		left;
	padding:		4px 10px;
	margin:			3px 0;
}

p.topmsg_info {
	background-color:	#939598;
	color:			#ffffff;
}

p.topmsg_warn {
	background-color:	#D8D16B;
	color:			#444;
}

p.topmsg_err {
	background-color:	#DA4343;
	color:			#fff;
}

p.topmsg_bad {
	background-color:	#ffffff;
	color:			#DA4343;
}
*/



/* Preferrences and Settings */
	/* Events */
.prefeventstab th {
	text-align:		left;
	vertical-align:		top;
}
.prefeventstab td {
	text-align:		left;
	vertical-align:		top;
}
.prefporpp {
	text-align:		right;
	width:			70px;
}
.prefsorpp {
	text-align:		right;
	width:			70px;
}



/* Article list, general */
table.arttab th {
	text-align:		left;
	background-color:	#ffff00;
	border-width:		1px;
	height:			20px;
}

table.arttab td {
	text-align:		right;
	background-color:	#ffff00;
	border-width:		1px;
	height:			20px;
}

/* Article list, individual header and data columns */
	/* Article number */
table.arttab .arttabhdr_artnum {
	text-align:		left;
	background-color:	#00fff0;
	border-width:		1px;
}

table.arttab .arttabrow_artnum {
	text-align:		left;
	background-color:	#a7cf00;
	border-width:		1px;
}

table.arttab .artent_num {
	text-align:		left;
	background-color:	#a7cf00;
	border-width:		1px;
	width:			60px;
}

	/* Article Name */
table.arttab .arttabhdr_artname {
	text-align:		left;
	background-color:	#00fff0;
	border-width:		1px;
}

table.arttab .arttabrow_artname {
	text-align:		left;
	background-color:	#00ff00;
	border-width:		1px;
}

table.arttab .artent_name {
	text-align:		left;
	background-color:	#a7cf00;
	border-width:		1px;
	width:			60px;
}

	/* Amount */
table.arttab .arttabhdr_amount {
	text-align:		right;
	background-color:	#00fff0;
	border-width:		1px;
}

table.arttab .arttabrow_amount {
	text-align:		right;
	background-color:	#00ff00;
	border-width:		1px;
}

table.arttab .artent_amount {
	text-align:		left;
	background-color:	#a7cf00;
	border-width:		1px;
	width:			60px;
}

	/* Unit */
table.arttab .arttabhdr_unit {
	text-align:		left;
	background-color:	#00fff0;
	border-width:		1px;
}

table.arttab .arttabrow_unit {
	text-align:		left;
	background-color:	#00ff00;
	border-width:		1px;
}

table.arttab .artent_unit {
	text-align:		left;
	background-color:	#a7cf00;
	border-width:		1px;
	width:			60px;
}

	/* Price per Unit */
table.arttab .arttabhdr_ppu {
	text-align:		left;
	background-color:	#00fff0;
	border-width:		1px;
}

table.arttab .arttabrow_ppu {
	text-align:		right;
	background-color:	#00ff00;
	border-width:		1px;
}

table.arttab .artent_ppu {
	text-align:		right;
	background-color:	#a7cf00;
	border-width:		1px;
	width:			60px;
}

	/* Price Sum Total */
table.arttab .arttabhdr_prisum {
	text-align:		left;
	background-color:	#00fff0;
	border-width:		1px;
}

table.arttab .arttabrow_prisum {
	text-align:		right;
	background-color:	#00ff00;
	border-width:		1px;
}

table.arttab .artent_prisum {
	text-align:		right;
	background-color:	#a7cf00;
	border-width:		1px;
	width:			60px;
}

	/* Comment */
table.arttab .arttabhdr_comm {
	text-align:		left;
	background-color:	#00fff0;
	border-width:		1px;
}

table.arttab .arttabrow_comm {
	text-align:		left;
	background-color:	#00ff00;
	border-width:		1px;
}

table.arttab .artent_comm {
	text-align:		left;
	background-color:	#a7cf00;
	border-width:		1px;
	width:			120px;
}


/* Empty article list */
table.arttab .arttabrow_empty {
	text-align:		center;
	background-color:	#ff8000;
	border-width:		1px;
}

/* Error in article list */
table.arttab .arttabrow_err {
	text-align:		center;
	background-color:	#ff0000;
	border-width:		1px;
}

/* Article on pricelist cell */
	/* Article revision number */
table.tabonprili .tdonprili_rev,
*.prlrow_tdoarev,
*.prlrow_tdoemrev
{
	text-align:		right;
}
	/* Article price */
table.tabonprili .tdonprili_price {
	text-align:		right;
}

/* User roles */
	/* Cells indicating whether user is connected to a role or not */
		/* Connected */
table.rolusrtab td.rolusry {
	background-color:	#ff7777;
}
		/* Not connected */
table.rolusrtab td.rolusrn {
	background-color:	#939598;
}


/* Order cell, general */
table.ordercell th {
	text-align:		left;
	vertical-align:		top;
	background-color:	#ffff00;
	border-width:		1px;
	width:			50px;
}

table.ordercell td {
	text-align:		left;
	vertical-align:		top;
	background-color:	#ffffff;
	border-width:		1px;
	width:			50px;
}


/* Purchase order cell, individual data headers and columns.
 * The general idea is to color th-cells differently
 * depending on whether the information comes from
 * supplier or customer.
 */
	/* Order number (by customer) */
table.purordrcell .othdr_ordnum {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Order type (by customer) */
table.purordrcell .othdr_ordtyp {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Marks */
table.purordrcell .othdr_marks {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Download */
table.purordrcell .othdr_download {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Issuer (by customer) */
table.purordrcell .othdr_issuer {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Issue date (by customer) */
table.purordrcell .othdr_issdat {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Project number (by customer) */
table.purordrcell .othdr_project {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Draft (by customer) */
table.purordrcell .othdr_draft {
	text-align:		right;
	background-color:	#9ccef0;
}
table.purordrcell .otrow_isdraft {
	background-color:	#ffda7a;
}
	/* Customer (by customer) */
table.purordrcell .othdr_cust {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Supplier (by customer) */
table.purordrcell .othdr_sup {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Origin */
table.purordrcell .othdr_orig {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Sales order number */
table.purordrcell .othdr_salordr {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Sales order customer */
table.purordrcell .othdr_salordcust {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Expected shipping date (by customer) */
table.purordrcell .othdr_expshd {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Beginning validity date for framework order (by customer) */
table.purordrcell .othdr_begdat {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Delivery reception date (by customer) */
table.purordrcell .othdr_recdat {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Delivery receptionist (by customer) */
table.purordrcell .othdr_recby {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Recall date (by customer) */
table.purordrcell .othdr_rcaldat {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Recalled by (by customer) */
table.purordrcell .othdr_rcalby {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Recall reason (by customer) */
table.purordrcell .othdr_rcalwhy {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Invoice address (by customer) */
table.purordrcell .othdr_ivcadr {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Clone of (by customer) */
table.purordrcell .othdr_cloneof {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Delivery address (by customer) */
table.purordrcell .othdr_deladr {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Destination contact <th> (by customer) */
table.purordrcell .othdr_destcon {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Customer's note <th> (by customer) */
table.purordrcell .othdr_cusnote {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Customer's note <input> (by customer) */
table.purordrcell .ordent_cusnote {
	text-align:		left;
	width:			800px;
}
	/* Goods label <th> (by customer) */
table.purordrcell .othdr_goodlab {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Goods label <input> (by customer) */
table.purordrcell .ordent_goodlab {
	text-align:		left;
	width:			800px;
}
	/* Legal note <th> (by customer) */
table.purordrcell .othdr_legal {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Legal note <input> (by customer) */
table.purordrcell .ordent_legal {
	text-align:		left;
	width:			800px;
}
	/* Planned shipping date (by supplier) */
table.purordrcell .othdr_plshdat {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* Ship date (by supplier) */
table.purordrcell .othdr_shipdat {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* Order confirmation date (by supplier) */
table.purordrcell .othdr_confdat {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* Order confirmed by (by supplier) */
table.purordrcell .othdr_confby {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* Order rejected date (by supplier) */
table.purordrcell .othdr_rejdat {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* Order rejected by (by supplier) */
table.purordrcell .othdr_rejby {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* Reject reason (by supplier) */
table.purordrcell .othdr_rejwhy {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* Supplier's note (by supplier) */
table.purordrcell .othdr_supnote {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* As above, but with attention */
table.purordrcell .othdr_attnote {
	text-align:		right;
	color: #000;
	background-color:	#ffda7a;
}
	/* Freight label (by forwarder) */
table.purordrcell .othdr_frilab {
	text-align:		right;
	background-color:	#939598;
	color:			#ffffff;
}
	/* Price List Name (calculated) */
table.purordrcell .othdr_prilinam {
	text-align:		right;
	background-color:	#939598;
	color:			#fff;
}
	/* Number of Article Rows (calculated) */
table.purordrcell .othdr_artrows {
	text-align:		right;
	background-color:	#939598;
	color:			#fff;
}
	/* Total price (calculated) */
table.purordrcell .othdr_totprice {
	text-align:		right;
	background-color:	#939598;
	color:			#fff;
}
	/* Total number of ordered articles (calculated) */
table.purordrcell .othdr_totitems {
	text-align:		right;
	background-color:	#939598;
	color:			#fff;
}


/* Price list cell, individual data headers and columns.
 */
	/* Exposure status (calculated) */
table.prilicell .prlhdr_seen {
	text-align:		right;
	background-color:	#939598;
	color:			#fff;
}
	/* Within date range (calculated)? */
table.prilicell .prlhdr_prildatrang {
	text-align:		right;
	background-color:	#939598;
	color:			#fff;
}
	/* Created by */
table.prilicell .prlhdr_creby {
	text-align:		right;
	background-color:	#939598;
	color:			#fff;
}
	/* Created date */
table.prilicell .prlhdr_credat {
	text-align:		right;
	background-color:	#939598;
	color:			#fff;
}


/* Sales order cell, individual data headers and columns.
 * The general idea is to color th-cells differently
 * depending on whether the information comes from
 * supplier or customer.
 */
	/* Order number (by customer) */
table.salordrcell .othdr_ordnum {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Order type (by customer) */
table.salordrcell .othdr_ordtyp {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Issuer (by customer) */
table.salordrcell .othdr_issuer {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Download */
table.salordrcell .othdr_download {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Issue date (by customer) */
table.salordrcell .othdr_issdat {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Project number (by customer) */
table.salordrcell .othdr_project {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Draft (by customer) */
table.salordrcell .othdr_draft {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Customer (by customer) */
table.salordrcell .othdr_cust {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Supplier (by customer) */
table.salordrcell .othdr_sup {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Expected shipping date (by customer) */
table.salordrcell .othdr_expshd {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Beginning validity date for framework order (by customer) */
table.salordrcell .othdr_begdat {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Delivery reception date (by customer) */
table.salordrcell .othdr_recdat {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Delivery receptionist (by customer) */
table.salordrcell .othdr_recby {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Recall date (by customer) */
table.salordrcell .othdr_rcaldat {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Recalled by (by customer) */
table.salordrcell .othdr_rcalby {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Recall reason (by customer) */
table.salordrcell .othdr_rcalwhy {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Invoice address (by customer) */
table.salordrcell .othdr_ivcadr {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Delivery address (by customer) */
table.salordrcell .othdr_deladr {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Customer's note (by customer) */
table.salordrcell .othdr_cusnote {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Goods label (by customer) */
table.salordrcell .othdr_goodlab {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Legal note (by customer) */
table.salordrcell .othdr_legal {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Destination contact <th> (by customer) */
table.salordrcell .othdr_destcon {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Planned shipping date (by supplier) */
table.salordrcell .othdr_plshdat {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* Ship date (by supplier) */
table.salordrcell .othdr_shipdat {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* Order confirmation date (by supplier) */
table.salordrcell .othdr_confdat {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* Order confirmed by (by supplier) */
table.salordrcell .othdr_confby {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* Order rejected date (by supplier) */
table.salordrcell .othdr_rejdat {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* Order rejected by (by supplier) */
table.salordrcell .othdr_rejby {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* Reject reason (by supplier) */
table.salordrcell .othdr_rejwhy {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* Supplier's note (by supplier) */
table.salordrcell .othdr_supnote {
	text-align:		right;
	background-color:	#1099e2;
	color: #fff;
}
	/* Freight label (by forwarder) */
table.salordrcell .othdr_frilab {
	text-align:		right;
	background-color:	#939598;
	color:			#ffffff;
}
	/* Price List Name (calculated) */
table.salordrcell .othdr_prilinam {
	text-align:		right;
	background-color:	#939598;
	color:			#fff;
}
	/* Number of Article Rows (calculated) */
table.salordrcell .othdr_artrows {
	text-align:		right;
	background-color:	#939598;
	color:			#fff;
}
	/* Total price (calculated) */
table.salordrcell .othdr_totprice {
	text-align:		right;
	background-color:	#939598;
	color:			#fff;
}
	/* Total number of ordered articles (calculated) */
table.salordrcell .othdr_totitems {
	text-align:		right;
	background-color:	#939598;
	color:			#fff;
}


/* Order item rows - <td> cells */
	/* Customer's Order number column */
.ordarttabrow_ordnum {
	text-align:		right;
	background-color:	#9ccef0;
}
	/* Supplier's Article number column */
.ordarttabrow_artno {
	text-align:		left;
}
	/* Amount column */
.ordarttabrow_amount {
	text-align:		right;
}
	/* Maximum amount column */
.ordarttabrow_maxam {
	text-align:		right;
}
	/* Customer's note column */
.ordarttabrow_cusnote {
	text-align:		left;
}
	/* Supplier's note column */
.ordarttabrow_supnote {
	text-align:		left;
}
	/* Unit price column */
.ordarttabrow_unitprice {
	text-align:		right;
}
	/* Currency column */
.ordarttabrow_curr {
	text-align:		right;
}
	/* Price sum column */
.ordarttabrow_sumprice,
.otrow_totitems,
.otrow_artrows
{
	text-align:		right;
}
	/* Total price column */
.ordarttabrow_totprice,
.otrow_totprice
{
	text-align:		right;
	font-weight:		bold;
}
	/* Seller's currency column */
.ordarttabrow_salcurr {
	text-align:		left;
}
	/* Our supplier column (manufacturer) */
.ordarttabrow_supplier {
	text-align:		left;
}
	/* Inhouse product (no external manufacturer) */
.inhouse {
}
	/* Our supplier's article number column */
.ordarttabrow_supart {
	text-align:		left;
}
	/* Amount entry */
.ordartent_amount {
	width:			5em;
	text-align:		right;
}
	/* Net weight */
.otrow_netwei {
	text-align:		right;
}
	/* Net volume */
.otrow_netdim {
	text-align:		right;
}


/* Order item rows - <th> cells */
	/* Customer's Order number column */
.ordarttabhdr_ordnum {
	text-align:		right;
}
	/* Supplier's Article number column */
.ordarttabhdr_artno {
	text-align:		left;
}
	/* Amount column */
.ordarttabhdr_amount {
	text-align:		right;
}
	/* Customer's note column */
.ordarttabhdr_cusnote {
	text-align:		left;
}
	/* Supplier's note column */
.ordarttabhdr_supnote {
	text-align:		left;
}
	/* Unit price column */
.ordarttabhdr_unitprice {
	text-align:		right;
}
	/* Price sum column */
.ordarttabhdr_sumprice {
	text-align:		right;
}
	/* Seller's currency column */
.ordarttabhdr_salcurr {
	text-align:		left;
}
	/* Our supplier column (manufacturer) */
.ordarttabhdr_oursupplier {
	text-align:		left;
}
	/* Inhouse product (no external manufacturer) */
.inhouse {
}
	/* Our supplier's article number column */
.ordarttabhdr_supart {
	text-align:		left;
}
	/* Amount entry */
.ordartent_amount {
	width:			5em;
	text-align:		right;
}

/* Article item rows (<tr>) on orders have id:s named 'itemrow_X'
   where X is priart.id of the article on the row. When user hovers
   mouse over an article in the article selector, class 'currartitem'
   should be added to the row to highlight the row to the user.
*/
.currartitem td {
	background-color:	#00ffff;
}

/* Picking list - <th> cells */
	/* Customer's Order number column */
.pickarttabhdr_artno {
	text-align:		right;
}


/* Not yet used, see this as a template for now
table.purordrcell .otrow_project {
	text-align:		right;
	background-color:	#00ff00;
	border-width:		1px;
}

table.purordrcell .otrow_totprice {
	text-align:		right;
	background-color:	#00ff00;
	border-width:		1px;
}
*/


/* Inventory cell */
table.invcell .atrow_wei {
	text-align:		right;
}

table.invcell .atrow_dimx {
	text-align:		right;
}

table.invcell .atrow_dimy {
	text-align:		right;
}

table.invcell .atrow_dimz {
	text-align:		right;
}

table.invcell .invstamount {
	text-align:		right;
}

/* Inventory table */
table.invtab .invtabrow_instore {
	text-align:		right;
}

table.invtab .invtabrow_stoval {
	text-align:		right;
}


/* Primary Article Cell */
	/* Own article number */
table.priartcell .atrow_ownartno .artent_ownartno {
	width:			20em;
}
	/* Brand */
table.priartcell .atrow_brand .artent_brand {
	width:			20em;
}
	/* Model */
table.priartcell .atrow_model .artent_model {
	width:			20em;
}
	/* Primary description */
table.priartcell .atrow_pridesc .artent_pridesc {
	width:			50em;
}
	/* Weight */
table.priartcell .atrow_wei {
	text-align:		left;
}
table.priartcell .atrow_wei .artent_wei {
	text-align:		right;
}
	/* Weight unit */
table.priartcell .atrow_weiunit {
	text-align:		left;
}

	/* Dimesion X */
table.priartcell .atrow_dimx {
	text-align:		left;
}
table.priartcell .atrow_dimx .artent_dimx {
	text-align:		right;
}

	/* Dimesion Y */
table.priartcell .atrow_dimy {
	text-align:		left;
}
table.priartcell .atrow_dimy .artent_dimy {
	text-align:		right;
}

	/* Dimesion Z */
table.priartcell .atrow_dimz {
	text-align:		left;
}
table.priartcell .atrow_dimz .artent_dimz {
	text-align:		right;
}
	/* Dimension unit */
table.priartcell .atrow_dimunit {
	text-align:		left;
}

	/* Standard Sales Price */
table.priartcell .atrow_ssprice {
	text-align:		right;
}

/* Primary Article List */
	/* Weight */
table.priarttab .priarttabrow_wei {
	text-align:		right;
}

	/* Dimesion X */
table.priarttab .priarttabrow_dimx {
	text-align:		right;
}

	/* Dimesion Y */
table.priarttab .priarttabrow_dimy {
	text-align:		right;
}

	/* Dimesion Z */
table.priarttab .priarttabrow_dimz {
	text-align:		right;
}

	/* Standard Sales Price */
table.priarttab .priarttabrow_ssprice {
	text-align:		right;
}

	/* Locked article's td cell */
.lockedart {
	background-color:	#ffcdcd;
}

	/* Cell's article revision number */
table.priartcell td.atrow_rev {
	text-align:		right;
}
	/* Table's article revision number */
table.priarttab td.priarttabrow_rev {
	text-align:		right;
}


/* Styles of messages displayed by htmlTopmsg() */

	/* Common message attributes message */
*.topmsgp {
	padding-top:		10px;
	padding-bottom:		10px;
}

	/* Common info attributes message */
*.topmsgi_ok {
	padding-top:		10px;
	padding-bottom:		10px;
	background-color:	#c8ffc8;
	color:			#000;
	font-size:		20px;
	border-radius:		5px;
	margin-left:		20px;
	padding-left:		10px;
}

*.topmsgi_info {
	padding-top:		10px;
	padding-bottom:		10px;
	background-color:	#c8c8ff;
	color:			#000;
	font-size:		20px;
	border-radius:		5px;
	margin-left:		20px;
	padding-left:		10px;
}

*.topmsgi_warn {
	padding-top:		10px;
	padding-bottom:		10px;
	background-color:	#ffffc8;
	color:			#000;
	font-size:		20px;
	border-radius:		5px;
	margin-left:		20px;
	padding-left:		10px;
}

*.topmsgi_err {
	padding-top:		10px;
	padding-bottom:		10px;
	background-color:	#ffc8c8;
	color:			#fff;
	font-size:		20px;
	border-radius:		5px;
	margin-left:		20px;
	padding-left:		10px;
}

*.topmsgi_bad {
	padding-top:		10px;
	padding-bottom:		10px;
	background-color:	#ff0000;
	color:			#ff0;
	font-size:		20px;
	border-radius:		5px;
	margin-left:		20px;
	padding-left:		10px;
}


	/* Confirmation messages */
*.topmsgmain_ok {
	background-color:	#33ff33;
	color:			#000;
	font-size:		20px;

	margin-top:		10px;
	padding-top:		5px;
	padding-left:		15px;
	padding-right:		15px;
	padding-bottom:		10px;
	border-radius:		5px;
}
*.topmsgmain_ok:empty {
	display:		none;
}

	/* Informative messages */
*.topmsgmain_info {
	background-color:	#bbbbff;
	color:			#000;
	font-size:		20px;

	margin-top:		10px;
	padding-top:		5px;
	padding-left:		15px;
	padding-right:		15px;
	padding-bottom:		10px;
	border-radius:		5px;
}
*.topmsgmain_info:empty {
	display:		none;
}

	/* Warning messages */
*.topmsgmain_warn {
	background-color:	#ffff88;
	color:			#000;
	font-size:		20px;

	margin-top:		10px;
	padding-top:		5px;
	padding-left:		15px;
	padding-right:		15px;
	padding-bottom:		10px;
	border-radius:		5px;
}
*.topmsgmain_warn:empty {
	display:		none;
}

	/* Error messages */
*.topmsgmain_err {
	background-color:	#ffbbbb;
	color:			#000;
	font-size:		20px;

	margin-top:		10px;
	padding-top:		5px;
	padding-left:		15px;
	padding-right:		15px;
	padding-bottom:		10px;
	border-radius:		5px;
}
*.topmsgmain_err:empty {
	display:		none;
}

	/* Should-not-happen messages */
*.topmsgmain_bad {
	background-color:	#ffff00;
	color:			#f00;
	font-size:		20px;

	margin-top:		10px;
	padding-top:		5px;
	padding-left:		15px;
	padding-right:		15px;
	padding-bottom:		10px;
	border-radius:		5px;
}
*.topmsgmain_bad:empty {
	display:		none;
}


/* Goods dispatch (tab_dispatch.php), article pick indicators */
table.pickarttab *.pickerr td {
	background-color:	#EA2323;
	color:			#ff5;
}

table.pickarttab tr *.pickmore {
	background-color:	#FFFFCA;
}

table.pickarttab tr *.pickless {
	background-color:	#FFCACA;
}

table.pickarttab tr *.pickdone {
	background-color:	#CAFFCA;
}

/* Goods dispatch (tab_dispatch.php), shipping container */
table.cntaintab tr.cntaintab_trth th {
	background-color:	#1099e2;
	color:			#fff;
}

/* Goods reception (tab_recept.php), shipping container */
table.arrtable tr.arrcnthdrtr th {
	background-color:	#1099e2;
	color:			#fff;
}

/* Goods reception (tab_recept.php), shipping container */
table.receptcell tr.recepthdr th {
	background-color:	#1099e2;
	color:			#fff;
}


/* Goods reception (tab_recept.php), article pick indicators */
	/* Not all packages reviewed */
table.arrtable *.arrtdactiondo {
	background-color:	#FFFFCA;
}
	/* All packages reviewed and reported */
table.arrtable *.arrpcktdactionok {
	background-color:	#CAFFCA;
}
	/* Package not reviewed */
table.arrtable *.arrpcktdnoaction {
	background-color:	#FFFFCA;
}
	/* Package with problem */
table.arrtable *.arrpcktdactionprob {
	background-color:	#EA2323;
}
	/* Accepted package */
table.arrtable *.arrpcktdactionprob {
	background-color:	#CAFFCA;
}


/* Logistics */
	/* No problem at all */
*.logpkgok {
	background-color:	#CAFFCA;
}
	/* Earlier package problem now solved */
*.logpkgsolved {
	background-color:	#FFFFCA;
}



/* Right-adjust some numerical fields etc. */
*.pickarttabrow_amount {
	text-align:		right;
}
*.pickarttabrow_remamount {
	text-align:		right;
}
*.pickarttabrow_needamount {
	text-align:		right;
}
*.pickcol_instore {
	text-align:		right;
}
*.pickcol_picked {
	text-align:		right;
}
*.pick {
	text-align:		right;
}
*.packrowamount {
	text-align:		right;
}
*.ownsalpri {
	text-align:		right;
}
*.currencycell {
	text-align:		right;
}
*.invtabrow_rev {
	text-align:		right;
}
	/* Should have same width as .confamount */
*.addoemam {
	text-align:		right;
	width:			100px;
}
*.tailinitam {
	text-align:		right;
}
*.tailremain {
	text-align:		right;
}
	/* Should have same width as .confamount */
*.tailrepam {
	width:			100px;
	text-align:		right;
}
*.tailinstore {
	text-align:		right;
}
*.tailpprice {
	text-align:		right;
}
*.histtabrow_rowno {
	text-align:		right;
}
*.tailzeroinstore {
	text-align:		right;
	background-color:	#fbe4a4;
}
*.tailstoreempty {
	text-align:		right;
	background-color:	#fbe4a4;
}
*.prlrow_tdoasalprice {
	text-align:		right;
}
*.prlrow_tdsalprice {
	text-align:		right;
}
*.prlrow_tdoempurprice {
	text-align:		right;
}
*.maxidleuser {
	text-align:		right;
	width:			60px;
}

/* @todo: Bad selector, fix so button moves right inside <td> cell! */
.btn_mkadjord {
	text-align:		right;
}


/* Make purchase order row's order number cells change appearance when
   mouse hovers over them to indicate to user that the order will be
   opened on double click (by JS function openPurordr().
   @see: .noniss
*/
.purordrtabrow_ordnum:hover {
	background-color:	#ffffff !important;
}


/* Make sales order row's order number cells change appearance when
   mouse hovers over them to indicate to user that the order will be
   opened on double click (by JS function openSalordr() */
.salordrtabrow_ordnum:hover {
	background-color:	#ffffff !important;
}


/* Adjustment order row */
table.purordrtab *.adjordrtabrow td.purordrtabrow_tdcb,
table.purordrtab *.adjordrtabrow td.purordrtabrow_ordnum,
table.salordrtab *.adjordrtabrow td.salordrtabrow_tdcb,
table.salordrtab *.adjordrtabrow td.salordrtabrow_ordnum,
table.disordrtab *.adjordrtabrow td.disordrtabrow_tdcb,
table.disordrtab *.adjordrtabrow td.disordrtabrow_ordnum,
table.recordrtab *.adjordrtabrow td.disordrtabrow_tdcb,
table.recordrtab *.adjordrtabrow td.disordrtabrow_ordnum
{
	background-color:	#eacc7c;
}

*.adjtrow_ordnum,
*.adjtrow_ordtyp {
	background-color:	#eacc7c;
}


/* Rest order row */
table.purordrtab *.restordrtabrow td.purordrtabrow_tdcb,
table.purordrtab *.restordrtabrow td.purordrtabrow_ordnum,
table.salordrtab *.restordrtabrow td.salordrtabrow_tdcb,
table.salordrtab *.restordrtabrow td.salordrtabrow_ordnum,
table.salordrtab *.restordrtabrow td.purordrtabrow_tdcb,
table.salordrtab *.restordrtabrow td.purordrtabrow_ordnum,
table.disordrtab *.restordrtabrow td.purordrtabrow_tdcb,
table.disordrtab *.restordrtabrow td.purordrtabrow_ordnum,
table.recordrtab *.restordrtabrow td.recordrtabrow_tdcb,
table.recordrtab *.restordrtabrow td.recordrtabrow_ordnum
{
	background-color:	#7ccc7c;
}

*.resttrow_ordnum,
*.resttrow_ordtyp {
	background-color:	#7ccc7c;
}


/* Credit order row */
table.purordrtab *.credordrtabrow td.purordrtabrow_tdcb,
table.purordrtab *.credordrtabrow td.purordrtabrow_ordnum,
table.salordrtab *.credordrtabrow td.salordrtabrow_tdcb,
table.salordrtab *.credordrtabrow td.salordrtabrow_ordnum,
table.salordrtab *.credordrtabrow td.purordrtabrow_tdcb,
table.salordrtab *.credordrtabrow td.purordrtabrow_ordnum,
table.disordrtab *.credordrtabrow td.purordrtabrow_tdcb,
table.disordrtab *.credordrtabrow td.purordrtabrow_ordnum,
table.recordrtab *.credordrtabrow td.recordrtabrow_tdcb,
table.recordrtab *.credordrtabrow td.recordrtabrow_ordnum
{
	background-color:	#ea7c7c;
	color:			#fff;
}

*.credtrow_ordnum,
*.credtrow_ordtyp {
	background-color:	#ea7c7c;
	color:			#fff;
}


/* Sub order row
   @see: .noniss
   @see: .purordrtabrow_ordnum:hover
*/
*.suborder,
*.subtrow_ordnum,
*.subtrow_ordtyp {
	background-color:	#f1ffa3;
	color:			#000;
}

/* Order number cell of non-issued order (alternates *.suborder above) */
*.noniss {
	background-color:	#f1ffd0;
	color:			#000;
}



/* Sales order indication */
*.salorder,
table.logistordrtab *.salordrrow td.logistordrtabrow_ordnum,
table.logistordrtab *.salordrrow td.logistordrtabrow_tdcb
{
	background-color:	#c7ffc7;
}
/* Purchase order row */
*.purorder,
table.logistordrtab *.purordrrow td.logistordrtabrow_ordnum,
table.logistordrtab *.purordrrow td.logistordrtabrow_tdcb
{
	background-color:	#ffc7c7;
}
/* Purchase order table order number cell's sales order number */
.fromsub {
	text-align:		right;
}
/* As .fromsub, but alerting on rejected or recalled sales order */
.fromsubrejrcal {
	text-align:		right;
	color:			#fff;
	background-color:	#ff0000;
}
/* Containers */
table.logistordrtab *.logiscntaintr td.logistpicktabrow_ordam
{
	text-align:		right;
}
table.logistordrtab *.logiscntaintr td.logistpicktabrow_pickam
{
	text-align:		right;
}
table.logistordrtab *.logiscntaintr td.logistpicktabrow_accam
{
	text-align:		right;
}


/* Help files */
	/* toperr_nodatarows */
table.toperr_nodatarows_tab td.opt
{
	background-color:	#c7ffc7;
	color:			#00f;
}

table.toperr_nodatarows_tab td.mandrelval
{
	background-color:	#ffc7c7;
	color:			#00f;
}

table.toperr_nodatarows_tab td.mandrelkey
{
	background-color:	#ffc7c7;
	color:			#000;
	font-weight:		bold;
}

table.toperr_nodatarows_tab td.mandposkey
{
	background-color:	#ffdf00;
	color:			#000;
	font-weight:		bold;
}

table.toperr_nodatarows_tab td.mandpos
{
	background-color:	#ffff00;
	color:			#00f;
}

table.toperr_nodatarows_tab td.optpos
{
	background-color:	#ffffff;
	color:			#00f;
}

table.toperr_nodatarows_tab td.condpos
{
	background-color:	#d0d0d0;
	color:			#00f;
}


/* Some general attributes */

	/* Should have same background as ordrstat_warn! */
*.attention {
	background-color:	#ffda7a;
	color:			#000;
}

	/* Indicate that an item belongs to/is created by current user */
*.myown {
	background-color:	#daff7a;
}

	/* Warn user before auto-logout. @see main.js/showclock() */
	/* First warning (10 minutes) */
.idlewarn_a {
	background-color:	#ffda00 !important;
	color:			#000;
}
	/* First warning (5 minutes) */
.idlewarn_b {
	background-color:	#ff7000 !important;
	color:			#000;
}

	/* Mark already selected option to avoid selecting it again */
*.selectedopt {
	background-color:	#606060;
	color:			#fff !important;
}
	/* In article selection lists, mark rows with equal article
	   descriptions (priart.pridesc). */
*.eqdesc_1 {
	color:			#0a0;
}
*.eqdesc_2 {
	color:			#00a;
}

	/* Supply for this article shouldn't be checked, see PRIART_SKIPSTOCK */
*.ignsupply {
	color:			#0b0;
}
	/* Article is unlimited in supply, see PRIART_INFINITE */
*.infinite {
	background-color:	#e5ffa7;
	color:			#00c;
}

	/* Ordered amount exceeds storage supply */
*.lowsupply {
	background-color:	#c8c8c8;
	color:			#f00;
	font-weight:            bold;
	text-align:		right;
}

	/* Selected article is terminated */
*.termart {
	text-decoration:	line-through;
}

/* Marking a cell as referring to our own organization */
*.ownorg
{
	background-color:	#d7d7f7;
}
/* Marking a cell as referring to other organization */
*.otherorg
{
	background-color:	#f7d7f7;
}

/* Cell under sales order rowcontaining table of purchase orders */
.subpotable {
	background-color:	#f3f3f4;
	padding: 		0;
}

.hidespt {
	display:		none;
}

/* Row separating sales order and corresponding purchase orders */
*.subordr_separator {
	background-color:	#d0d0d0;
	color:			#303030;
}

/* Header sub purchase order articles */
*.arttailth {
	background-color:	#d0d0d0;
	color:			#303030;
}

/* btnForkorder - used in salordrtable_row() to create empty purchase order */
#salordarttabcbtn_forkorder
{
	background:		url("../img/forkorder01.svg") no-repeat;
	background-size:	25px 25px;
	border:			none;
	width:			25px;
	height:			25px;
}
/* Restricted width of supplier selector aside btnForkorder button */
#ordr_forksup.supsel
{
	width: 60px;
}


/* btnFindorder - Icon used in purordrtable() to open search panel */
#find_purordr
{
	background:		url("../img/find01.svg") no-repeat;
	background-size:	25px 25px;
	border:			none;
	width:			25px;
	height:			25px;
}

/* <th> cell containing looking-glass icon must have relative position
   so that the purchase order finder panel can be aligned relative to it. */
#purfindth
{
	position:	relative;
}

/* Purchase order finder panel relative to #purfindth <th> cell. */
#purofinder
{
	display:		none;
	width:			600px;
	/*
	background-color:	yellow;
	height:			250px;
	*/
	position:		absolute;
	top:			5px;
	left:			5px;
	opacity:		0.9;
}

/* <th> cells in purchase order finder panel */
.purofindth
{
	background-color:	#63fe67;
	color:			#000000;
	border:			1px solid green;
}

/* <td> cells in purchase order finder panel */
.purofindtd
{
	background-color:	#a7fea3;
	color:			#000000;
	border:			1px solid green;
}

/* Page step button */
.navpage
{
	background-color:	#a7fed3 !important;
	color:			#000000 !important;
	width:			100px;
}
.navpage:disabled
{
	background-color:	#77cea3 !important;
	color:			#000000 !important;
}

/* Create distances between buttons using <div> of this class,
   to avoid hitting some buttons by mistake or to structure layout.
   Note that these controls are internally related. If you change
   size of a button, you also must change width of button gaps etc! */
	/* Half-width distance */
.halfbtngap
{
	width:			60px;
	/* Use same background color as for <body> */
	background-color:	 #f3f3f4;
}
	/* Full-width distance */
.fullbtngap
{
	width:			120px;
	/* Use same background color as for <body> */
	background-color:	#f3f3f4;
}

/* <table> drawn by htmlTablecontrols() */
.htmltablecontrols {
	border-collapse:	collapse;
	border-spacing:		0
}
/* <td> elements each containing a button drawn by htmlTableControls() */
.tabctlbtn
{
	width:			120px;
	background-color:	#f3f3f4;
	padding: 		0;
}
/* The <input> buttons in each cell on htmlTablecontrols() */
.tabctlbtn	input
{
	width:			120px;
	padding-left: 		0;
	padding-right: 		0;
	margin-left: 		0;
	margin-right: 		0;
	text-align:		center;
}

/* <table> drawn by itemControls() */
.itemcontrols {
	border-collapse:	collapse;
	border-spacing:		0
}
/* <td> elements each containing a button drawn by itemControls() */
.itemctlbtn
{
	width:			120px;
	background-color:	#f3f3f4;
	padding: 		0;
}
/* The <input> buttons in each cell on itemControls() */
.itemctlbtn	input
{
	width:			120px;
	padding-left: 		0;
	padding-right: 		0;
	margin-left: 		0;
	margin-right: 		0;
	text-align:		center;
}

/* Find button */
.findbtn
{
	background-color:	#a7fed3 !important;
	color:			#000000 !important;
	width:			100px;
}
.findbtn:disabled
{
	background-color:	#77cea3 !important;
	color:			#000000 !important;
}

/* Finder table */
.purofindtable
{
	border:			5px solid green;
	border-collapse:	collapse;
}


/* Price list download button */
.dlprilibtn
{
	width:			200px;
}

/* Order confirmation details */
	/* Confirmation button */
.confrow
{
	background-color:	#99ff99 !important;
	width:			150px;
}
	/* Dismissal button */
.disrow
{
	background-color:	#ff9999 !important;
	width:			150px;
}
	/* Exception button */
.exceptrow
{
	background-color:	#ffdd55 !important;
	width:			150px;
}
	/* Clear entries */
.clrrow
{
	background-color:	#9999ff !important;
	width:			150px;
}
	/* Amount. Should have same width as .tailrepam */
.confamount
{
	width:			100px;
	text-align:		right;
}

/* Classes to highlight order row confirmation status */
	/* Fully confirmed */
.confok
{
	background-color:	#99ff99 !important;
}
	/* Fully rejected */
.confrej
{
	background-color:	#ffbbbb !important;
}
	/* Exception */
.confex
{
	background-color:	#ffff99 !important;
}
	/* Limited amount */
.conflim
{
	background-color:	#ffbb99 !important;
}


/* Indicate that this is a test order */
.testordr
{
	border-color:		#ff0000 !important;
}

/* Indicate that this order is hidden */
.hideordr
{
	border-color:		#ff00ff !important;
}


/* Article search panel */
	/* Main panel */
div.divartsearch
{
	background-color:	#ff77cc !important;
	/*
	border:			3px solid #dd55aa;
	*/
	border:			none;
}
	/* Positioning alternatives of main panel */
		/* Default - alongside the amount and note entries */
div.divartsearch_pospo_a
{
	position:		static;
	width:			200px;
}
div.divartsearch_posoem_a
{
	position:		static;
	width:			200px;
}
		/* Upper right of page */
div.divartsearch_pospo_b
{
	position:		fixed;
	top:			10px;
	right:			10px;
	width:			200px;
}
div.divartsearch_posoem_b
{
	position:		fixed;
	top:			10px;
	right:			10px;
	width:			200px;
}
		/* Lower right of page */
div.divartsearch_pospo_c
{
	position:		fixed;
	bottom:			10px;
	right:			10px;
	width:			200px;
}
div.divartsearch_posoem_c
{
	position:		fixed;
	bottom:			10px;
	right:			10px;
	width:			200px;
}
		/* Lower left of page */
div.divartsearch_pospo_d
{
	position:		fixed;
	bottom:			10px;
	left:			10px;
	width:			200px;
}
div.divartsearch_posoem_d
{
	position:		fixed;
	bottom:			10px;
	left:			10px;
	width:			200px;
}
	/* Search entry */
div.artsearch
{
	vertical-align:		top;
}
	/* The <select> element which lists the articles */
select.artsel {
	width:			auto;
}
select#ordartent_priart {
	// width:			100%;
	width:			auto;
}
	/* IE fixes */
select:focus#ordartent_priart {
	width:			auto\9;
}


#annevsel
{
	width: 500px;
}

/* Clock with date and time */
.rodeo_time {
	background-color:	#77ff77 !important;
	position:		absolute;
	top:			45px;
	right:			25px;
	font-size:		80%;
}
/* Current date only */
.rodeo_dat {
	background-color:	#77ff77 !important;
	position:		absolute;
	top:			45px;
	right:			25px;
	font-size:		80%;
}
/* Current time (without seconds) only */
.rodeo_hm {
	background-color:	#77ff77 !important;
	position:		absolute;
	top:			45px;
	right:			25px;
	font-size:		80%;
}
/* Current time (with seconds) only */
.rodeo_tim {
	background-color:	#77ff77 !important;
	position:		absolute;
	top:			45px;
	right:			25px;
	font-size:		80%;
}

/* Timeout ticker */
.rodeo_idle {
	background-color:	#77ffff;
	position:		absolute;
	top:			15px;
	right:			0px;
	transform:		rotate(90deg);
	font-size:		80%;
}

/* Dimmed body to indicate session termination due to idling */
.dimbody {
	background-color:	#773333;
}

/* Currently logged-in organization's short name and the logout button */
.userinfo {
	float:			right;
	margin-top:		0px;
	margin-right:		20px;
	margin-bottom:		0px;
	margin-left:		10px;
}

/* Billboard */
.billbtabrow_rowno {
	text-align:		right;
}
.billordcnt {
	text-align:		right;
}

/* MOTD */
#motdend {
	position:		absolute;
	bottom:			0;
	left:			0;
	background-color:	#ffffff;
	width:			100%;
	font-size:		75%;
}
.menuquit {
	height:			30px;
	background-color:	#ff0000;
	font-size:		20px;
	padding-left:		15px;
	padding-top:		5px;
	border-radius:		5px;
}