body {
	padding: 0;
	margin: 0 0 0 0;
	}

#logotype {
	float:left;
	height:40px;
	margin-top:5px;
	margin-left:5px;
	}

.header h1 {
	float:left;
	margin-top:5px;
	margin-left:10px;
	}

.header form#quickinput {
	margin:10px;
	}
.header form#quickinput code{
	margin:5px;
	}

.positionrel { position:relative; }

.center {
	text-align:center;
}
a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size:1.8em;
}

#thelogin {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
}

legend.site {
	font-weight:bold;
	}

/********************* GENERAL TABLE RULES *********************/
tr.hi {
	background-color: transparent;
	}
tr.lo {
	/*background-color: #D8E8D8;*/
	background-color: #E3E3E3;
	}
tr.even {
	background-color: #EBECED;
	}
td {
	vertical-align: top;
	}

td input[type='text'], td input[type='search'], td input[type='number'] {
	//height: 12px;
	border: 1px solid #ccc;
	font-size: 11px;
	}

td input[type='button'],input[type='submit'] {
	height: 18px;
	//border: 1px solid #ccc;
	font-size: 11px;
	}

td select {
	/* height: 18px; */
	margin:4px;
	font-size: 11px;
	}

div.ep3_wrapper .textfield {
	height: 11px;
	border: 1px solid #ccc;
	font-size: 9px;
	}

td.even {
	color: #efc17f;
	}
.inputcol {
	width: 20px;
	padding-left: 8px;
	}
.nowrap {
	white-space: nowrap;
	}
td.warn { color: #d3232a!important;}

tr.warn td {color: #d3232a;}
tr.warn td a {color: #d3232a!important;}

/*********** The master layout table i desk... *******/
table#desk_layout {
	width:100%;
}
table#desk_layout tr td.desk_header{
    background-color:#f8f2d9;
	border-bottom: 1px solid black;
}
table#desk_layout tr td#desk_sidemenu{
	vertical-align:top;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	width: 230px;
}
table#desk_layout tr td#desk_main{
	font-size: 0.8em;
	vertical-align:top;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}
table#desk_layout tr td#desk_footer_left{
	font-size: 0.6em;
}
table#desk_layout tr td#desk_footer_right{
	font-size: 0.6em;
	text-align:right;
}

table.itemlisttable {
	width: 100%;
	float:left;
	background-color:#fff;
	/*table-layout: fixed;*/
	}
table.itemlisttable th {
	color: #494949;
	font-weight: bold;
	font-size: 11px;
	border-bottom: 0;
	white-space: nowrap;
	text-align:left;
	cursor:pointer;
	}

/********************* SIDE MENU *********************/

ul.sidemenu {
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	list-style-type: none;
	font-size: 0.8em;
	float:left;
	}
ul.sidemenu li {
	padding: 0;
	line-height: 18px;
	}
ul.sidemenu li a {
	margin: 0 0 0 5px;
	font-weight: bold;
	color:#625247;
	}
ul.sidemenu li a:hover {
	color: #064685!important;
	}
ul.sidemenu li a.current {
	color: #d3232a;
	//display:block;
	}
ul.sidemenu li a.deleted {
	text-decoration:line-through;
}

div.expandcontainer {
	float:left;
	margin-bottom:0;
	margin-left:5px;
	margin-right:0;
	margin-top:0px;
	width:10px;
	clear: both;
	// border:1px solid green;
}

div.expandcontainer.level2 {
	margin-left:15px;
}
div.expandcontainer.level3 {
	margin-left:25px;
}

/**** EXPANDED SUBMENU ****/
ul.sidemenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 0;
	}
ul.level2 li a {
	margin:0 0 0 6px;
	font-weight: normal;
	}
ul.level3 li a {
	margin:0 0 0 6px;
	font-weight: normal;
	}
ul.level4 li a {
	margin:0 0 0 64px;
	font-weight: normal;
	}

/********************* UNIVERSAL TABBER ********************/

div.tabcontainer {
	float:left;
	margin:0 0 10px 0;
	width:100%;
	
}

div.tabcontainer h3 {
	border-bottom:0 none;
	font-size:18px;
	margin:5px 0;
	padding:0;
}	
	
div.unitab {float:left; width:100%; margin:0;}

/* MENU */
ul.tabmenu {
	list-style:none inside none;
	border-bottom:1px solid #CCCCCC;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	}

ul.tabmenu li {
	clear:none;
	color:#787370;
	float:left;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	position:relative;
	top:1px;	
	}

ul.tabmenu li a {
	border:1px solid transparent;
	color:#666666;
	cursor:pointer;
	display:block;
	font-size:1em;
	font-weight:normal;
	height:17px;
	margin:0 3px 0 5px;
	overflow:hidden;
	padding:6px 6px 5px;
	text-decoration:none;
	}

ul.tabmenu li a sup {
	position:relative;
	top:1px;
}

ul.tabmenu li a.withsup {

}

ul.tabmenu li a:hover, ul.tabmenu li a:active {
	color:#0066CC;
}

ul.tabmenu li a.activetab {
	border-bottom:1px solid #fff;
	color:#0066CC;
	font-weight:bold;
	border-color:#ccc #ccc #fff #ccc;
}

/* CONTENT */
ul.tabcontent {
	clear:both;
	list-style:none inside none;
	float:left;
	margin:0 0 20px 0;
	width:100%;
	padding:0;
}

li.tabcontentlistitem {
	background-color:#FFFFFF;
	padding:15px 0 0 0;
	display:none;
	margin:0;
	position:relative;
	float:left;
	width:100%;
}

li.tabcontentlistitem.selected {display:block;}

li.tabcontentlistitem h4 {
	border-bottom:1px dotted #CCCCCC;
	font-size:1.2em;
	font-weight:bold;
	margin:0px!important;
	padding:0 0 5px;
	}

li.tabcontentlistitem label {
	color:#555;
	}

/* MY PAGE */
li.tabcontentlistitem table.mytable {
	width:100%;
	}

li.tabcontentlistitem table.mytable tbody tr:nth-child(2n) td {
	background-color:transparent;
	}
	
/* INTEREST */
li.tabcontentlistitem div.checklist {
	float:left;
	width:100%;
	}
	
li.tabcontentlistitem div.checklist ul {
	float:left;
	list-style:none inside none;
	margin:10px 0 20px;
	padding:0;
	width:100%;
}
	
li.tabcontentlistitem div.checklist ul li {
	float:left;
	font-weight:normal;
	margin:0 0 5px;
	width:33%;
}
	a[href $='.pdf'],
a[href $='.pdf'],
a.pdflink {
   padding:3px 0 3px 24px;
   background: transparent url(img/pdf.gif) no-repeat center left;
}
a[href $='.print'],
a.print {
   padding:3px 0 3px 24px;
   background: transparent url(img/printer.gif) no-repeat center left;
}

.nowrap {
	white-space: nowrap;
	}

.wrap {
	white-space: normal;
	}

a.small, .smallprint, .small {
    font-size:    0.8em;
}
a.smaller, .smallerprint, .smaller {
    font-size:    0.6em;
}
span.cmbsmall select, label.cmbsmall select {
    font-size:    0.8em;
}
a.big, .bigprint, .big {
    font-size:    1.2em;
}
input[type=checkbox].small {
	height:12px;
	}

a.asbutton {
	font-weight:bold;
	xcolor:green;
	border: 1px solid grey;
	background:lightgrey;
	text-align:center;
	text-decoration:none;
	margin: 3px 3px;
	padding: 4px;
	display:inline-block;
}
a.asbutton.selected {
	background:lightblue;
}

.bigbutton {
	font-size:1.5em;
	font-weight:bold;
	margin:auto;
	padding:20px;
}

.normal {
	font-weight:normal;
	font-size:13px;
}
.clickable {
	cursor:pointer;
}
.dragable {
	cursor:grab;
}

.clear {
	clear:both;
}

.left {
	float:left!important;
}

.right {
	float:right!important;
	}

img {
	border:0;
}

.center {
	text-align:center;
	}

.underborder {
	border-bottom: 1px dotted grey;
}

.leftborder {
	border-left: 1px solid #B3A07C;
}
.rightborder {
	border-right: 1px solid #B3A07C;
}
.rightborder.weak {
	border-right: 1px dotted lightgrey;
}
.bottom {
	border-bottom: 1px solid #B3A07C;
}
.hidden {
	display:none;
}

.w10 {
	width: 10%;
}
.w15 {
	width: 15%;
}
.w28 {
	width: 28%;
}
.w31 {
	width: 31%;
}
.w48 {
	width: 48%;
}
.w68 {
	width: 68%;
}
.w82 {
	width: 82%;
}
.w96 {
	width: 96%;
}
.w98 {
	width: 98%;
}
.w100 {
	width: 100%;
}
.redbox {
	border:1px solid red;
}
.bluebox {
	border:1px solid blue;
}
.red, .red a {
	color:red;
}
.blue {
	color:blue;
}
.green {
	color:green;
}
.brown {
	color:brown;
}
.grey {
	color:grey ;
}
.lightgrey {
	color:lightgrey ;
}
.lightlightgrey {
	color:#eaecef ;
}
.bg_lightlightgrey {
	background-color:#eaecef;
}
.sunday {
	background-color:#FCC9B9;
}
.today {
	background-color:#C8E6ff;
}
.daycol {
	width:35px!important;
}
.idcol {
	width:50px!important;
}
.namecol {
	width:400px!important;
}

.slanted {
	font-style:italic;
}
.warn { color:red; }
.bold {
	font-weight:bold;
	}
.strike {
	text-decoration: line-through;
	}

button.invisible {
	background:transparent;
	border:0;
}
button.small {
	height:14px;
}
tr.roomy th, tr.roomy td {
	padding-left:6px;
	padding-right:6px;
}
.roomy {
	padding-left:6px;
	padding-right:6px;
}
th, td {
	vertical-align:top;
	}

th {
	text-align: left;
	}

th.itemid , td.itemid {
	width:47px;
}

th.datecol, td.datecol {
	width:97px;
	}

th.widedate, td.widedate {
	width:137px;
	}

.lcol {
	text-align: left;
	}
.lcolb {
	text-align: left;
	font-weight: bold;
	}
.rcol {
	text-align: right!important;;
	}
.dim {
	color: #777;
	}
.dimmed, .dimmed a {
	text-align: right;
	color: #777;
	}
.rcolb {
	text-align: right!important;
	font-weight: bold;
	}
.mcol {
	text-align: center!important;
	}
.fcolb {
	font-weight: bold;
	}

/* modal / lighthouse */

#shade, #modal {
	display: none;
}
#shade {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: silver;
	opacity: 0.82;
	filter: alpha(opacity=70);
	}
#modal_content {
	background-color: white;
    margin: 0px;
    width: 100%;
}
#modal, div.popup {
	position: fixed;
	z-index: 101;
	top:5%;
	left:5%;
	height: 90%;
	width: 90%;
	opacity:1;
	background: #fff;
	margin: auto;
	overflow:auto;
	border: 1px solid green;
	-moz-box-shadow:10px 10px 5px #888888;
	-webkit-box-shadow:10px 10px 5px #888888;
	box-shadow: 10px 10px 5px #888888;
	}

.rightoptspan{
	position: fixed;
	right: 10px;
}

div#message_div_outer {
	position:fixed;
	top: 70px;
	height:40px;
	width:100%;
	zbackground:lightgrey;
}
div#message_div {
	position:relative;
	opacity:0;
	width:550px;
	height:100%;
	margin: auto;
	box-shadow: 10px 10px 5px #888888;
	border-radius: 5px;
	transition: opacity 1s;
}
div#message_div_inner {
	padding:10px;
	xheight:100%;
	xwidth:100%;
}
div#message_div button {
	position:absolute;
	top:10px;
	right:10px;
}

div#message_div.red {
	color:yellow;
	background:red;
	border:1px solid yellow;
}
div#message_div.yellow {
	color:red;
	background:yellow;
	border:1px solid blue;
}
div#message_div.green {
	color:green;
	background:lightgreen;
	border:1px solid green;
}
/* --------------------------- HELP --------------------------------------- */

div.help_wrapper div.help_editor {
	width:500px;
	float:left;
}
div.help_wrapper div.help_list {
	width:300px;
	float:right;
}

/* --------------------------- /HELP --------------------------------------- */

table tr.pyjamas:nth-child(odd)  { background: #FFF }
table tr.pyjamas:nth-child(even) { background: #EED }
table.pup {
	width:60%;
	float:left;
}
table.pup > tbody > tr > td {
	height:140px;
	padding:0 6px;
	width:33%;
}
table.pup td h4 {
	margin: 8px 0 0 0;
}
div#box_details {
	xfloat:left;
	zborder:1px solid brown;
	position: absolute;
	top: 130px;
	right: 0;
	width:34%;
	margin-left:3%;
}
div#box_details h3 {
	margin-top:0;
}
div#next2box {
	clear:both;
	padding:15px 0;
	width:60%;
}

#modal.pup_dialog {
	position: absolute;
	/*background:yellow;*/
	height:400px;
	width:600px;
    top: 50%;
    left: 50%;
    margin-top: -200px;/* Negative half of height. */
    margin-left: -300px;/* Negative half of width. */
}div#prod_calendar table.content {
	float:left;
	width:75%;
}

div#prod_calendar table.content td.eachday {
	height:130px;
	width:300px;
	padding: 4px 0;
}

div#prod_calendar table.content td.weekno {
	padding-top:6px;
	text-align:center;
}
div#prod_calendar table.content td.eachday table td.dayheader {
	background:lightgrey;
	text-align:center;
}

div#prod_calendar table.content td.eachday div.just4corners {
    border-radius: 8px;
	border:1px solid grey;
	height: 94%;
	margin:6px;
	padding:3px;
}

div.just4selected {
	xbackground:lightblue!important;
	background:#AAA!important;

}

div#info_bar {
	float:left;
	width:25%;
	overflow:auto;
	height: 100%;
}
div#info_bar h3 {
	margin-top:0;
}

        div.is_month {
            background-color: #fff;
        }

        div.is_day {
            background-color: none;
        }

        div.is_closed {
            background-color: #ffb7b6;
        }
        div.is_holiday {
            background-color: pink;
        }

        div.not_month {
            color: rgba(0, 0, 0, 0.3);
        }

body {
	/*background-color:cyan; font-size:2em; */
	font-family:Segoe UI;
	font-size:14px;
	/*font-family: sans-serif;
	font-size: 12px;
	*/
	margin:0;
}
.popup_lineinfo .strikeout{	text-decoration: line-through; color:#999; }
.popup_lineinfo form[name="linedetails"] input[type="radio"] { vertical-align: bottom; }
.popup_lineinfo form[name="linedetails"] label { font-size: 0.8em; }
@media print {
	td#sidebar, tr.header {
		display:none;
	}
	.noprint {
		display:none!important;
	}
	tr.returnitem {
		display:none!important;
	}
}

input#the_id.asH1 {
	font-size:1.8em;
	font-family:Segoe UI;
	width:20px;
}

img.smallprinters {
	height:11px;
	margin:5px 0 0 2px;
	}
table {
	width:100%;
	/* border:1px dotted grey; */
	border-collapse: collapse;
	}

.floatleft {
	float:left ;
}
.borderright {
	border-right: 1px solid grey;
}
.borderright.dotted {
	border-right: 1px dotted grey;
}
.floatright {
	float:right ;
}

.notopspace {
	margin-top:0;
}
.nobottomspace {
	margin-bottom:0;
}
.rightspace {
	margin-right:15px;
}
.leftspace {
	margin-left:15px;
}

td.rightspace, th.rightspace {
	padding-right:15px;
}
td.leftspace, th.leftspace  {
	padding-left:15px;
}

.ranges {
	font-size:0.9em;
	white-space:nowrap;
}
.ranges input[type="radio"] {
   border: 0px;
    height: 0.8em;
} 

div.planning {
	background:red;
	width:600px;
	height:600px;
}
tr#theloginrow,div#theloginrow  {
	background:pink;
}
div#theloginrow  {
	padding:20px;
}
tr#theloginrow td {
	padding:20px;
}

tr.hasdiscounts {
	font-weight:bold;
	}

tr th.tcol, tr td.tcol {
	vertical-align:top;
}
tr.mcols th, tr.mcols td {
	text-align: center!important;
}
.mcolb {
	text-align: center;
	font-weight: bold;
	}


tr.reportbar td {
	padding-bottom:10px;
	margin-bottom:10px;
}

table.feedback {
	width:1100px;
}
table.feedback tr th {
	width:200px;
}
table.feedback tr td input[type="text"] {
	xwidth:100%;
	font-size:11px;
}
table.feedback tr td select {
	width:140px;
	white-space:
}

table.shoplist th {
	background:#AABBCC;
}
table.shoplist th.selected {
	background:#d1d1d1;
}

table.shoplist.nice {
	font-size:0.9em;
	white-space: nowrap;
}
table.shoplist.nice td  {
	padding:1px;
	position:relative;
}

table.shoplist.nice td.nr4day:hover::after,
table.shoplist.nice th.nr4day:hover::after {
  content: "";
  position: absolute;
  background-color: #CBE0C5;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}

table.shoplist.nice td input[type="number"], table.shoplist.nice td input[type="text"]  {
	width:55px;
	text-align:right;
}
table.shoplist.nice td input[type="text"].w98  {
	width:98%;
	text-align:left;
}
table.shoplist.nice td input[type="number"].small, table.shoplist.nice td input[type="text"].small  {
	width:42px;
}

table.shoplist.nice td input[type="number"].smallerqty, table.shoplist.nice td input[type="text"].smallerqty  {
	width:32px;
}

table.shoplist.nice td input[type="number"].tiny, table.shoplist.nice td input[type="text"].tiny  {
	width:22px;
}

tr.header {
	//background-color: #FFFFE2;
	background: transparent url('img/bg/header_wrapper.png') repeat-x scroll 0 0;
	border-bottom: 2px solid #B3A07C;
	height:45px;
	}


td.orderlist_editline {
	//padding:20px 0 20px 0;
	background-color:#e8f6f7;
}

td#sidebar {
	width: 205px;
}

div#mainlayout {
	position:relative;
	top:0;
	left:0;
	bottom:0;
	right:0;
	/*display: grid;
	grid-template-columns:	[le_left] 210px	[le_right] auto  ;
	grid-template-rows: 	[le_top] 66px	[le_lower] auto ;
	*/
	height: 100vh; 

}

div#logo, div#header  {
	position:relative;
	xbackground: transparent url('img/bg/header_wrapper.png') repeat-x scroll 0 0;
	background-color: #FFFFE2;
	border-bottom: 2px solid #B3A07C;
	xpadding:10px;
	/*grid-column-start:	le_left;
	grid-row-start:		le_top;
	*/
	width:100%;
	height:56px;
	float:left;
}
/*div#logo {
	width:210px;
}
*/
div#header span#bigH1 {
	position:absolute;
	left:210px;
	top:6px;
	width:300px;
	font-size:2em;
	font-weight:700;
}

	/*
div#header {
	grid-column-start:	le_right;
	xpadding:0 10px 0 20px;
}
	*/
div#header form#quickinput {
	margin:16px 30px 0 0;
}

div#f4nav {
	position:absolute;
	left:200px;
	top:-16px;
}
div#sidebar {
	/*grid-column-start:	le_left;
	grid-row-start:		le_lower;
	*/
	width:210px;
	float:left;
	clear:left;
	height:100%;
	xoverflow:	auto;
	background: #E3E3E3;
}
div#content_wrapper {
	/*
	grid-column-start:	le_right;
	grid-row-start:		le_lower;
	*/
	xwidth:1670px;
	sfloat:left;
	border: 1px dotted lightgrey;
	overflow:	auto;
	padding:10px;
}
/*
div.header {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background-color: #FFFFE2;
	//background: transparent url('img/bg/header_wrapper.png') repeat-x scroll 0 0;
	border-bottom: 2px solid #B3A07C;
	height:60px;
}
*/
div#sidebar {
	/*position:fixed;
	left:0;
	top:60px;
	*/
	width: 205px;
	background: #E3E3E3;
	overflow:auto;
}


div#malcontent,
div#content {
	xpadding: 25px;
	width:100%;
}

div#mainlayout div#malcontent,
div#mainlayout div#content {
/*	position:fixed;
//	margin-left:220px;
//	margin-top:55px;
	left:220px;
	top:55px;
	width: 80%;
	height:80%;
	overflow:auto;
*/
	
}
/**/
td.hicol, th.hicol {
	background-color: #EBECED;

}

#sidebar h4 {
	margin-bottom: 2px;
	margin-left: 4px;
	}

#sidebar ul {
	list-style-type: none;
	margin: 0 0 0 12px;
	padding: 0 0 0 0;
	}
/*
td#sidebar ul li:nth-child(odd) {
	 background: #FFF;
	 border-bottom:1px solid grey;
	}
*/
#sidebar ul li a {
	color:black;
}
#sidebar ul li span {
	margin-right:10px;
	}

/*
div#orderwrapper {
	//float:left;
	border:1px solid blue;
	//width:60%;
}
*/
div#chatwrapper {
	position:fixed;
	right:72px;
	background: white;
	border:2px solid #B3A07C;
	width: 722px;
    height: 90%;
    overflow: auto;
	z-index: 99;
	float:right;
	margin:12px;
	padding:18px;
	border-radius: 25px;
	box-shadow: 16px 16px 13px grey;
}
div.chatbubble {
	border:1px dotted red;
	background: #f2f2f2;
	padding:8px;
	width:70%;
	margin:8px;
	clear:both;
	border-radius: 8px;
	box-shadow: 4px 4px 2px lightgrey;
}
div.chatbubble.mypost {
	border:1px dotted blue;
	background: white;
	text-align:right;
	float:right;
}


td input[type='text'], td input[type='search'] {
	font-size=12px;
	/*height:12px;*/
}
th:not(:empty):after {
	content: ":";
	}
.price, .qty {
	text-align:right;
	}

.qty {
	width:77px;
	}
.mediumqty {
	width:57px;
	}
.smallqty {
	width:42px;
}
.smallerqty {
	width:30px;
}
.tinyqty {
	width:12px;
}
.nobreak {
	white-space: nowrap;
}

.icon {
	width:17px;
}
.date {
/*	text-align:right; */
	width:67px;
	}

.price, .datew {
	width:77px;
	}

.namefield {
	width:200px;
}
.namefield.w60 {
	width:60px;
}
.longnamefield {
	width:400px;
}

.ingress {
	font-style:italic;
	color:grey;
	margin:18px;
}

button {
	white-space: nowrap;
	}
td button {
    font-size: 11px;
	height:20px;
}
button.status {
	/*width:110px;*/
	}
td textarea {
	border: 1px dotted lightgrey;
	width:98%;
	}
td.price input[type='number'] {
	width:67px;
	}
td.qty input[type='number'] {
	width:48px;
	}

tr.smallspaceline {
	height:8px;
	}
tr.smallspaceline td {
	height:1px;
	font-size:1px;
	}

tr.pillar, th.pillar, td.pillar  {
	background-color:#CBE0C5;
	}

/* Makes no sense...
.hovercrat:hover {
	display:"";
	}
*/

th.hooverdam:hover,
table.calendarTable td.hooverdam:hover, td.price.hooverdam:hover, th.hooverdam:hover,
li.hooverdam:hover,
tr.hooverdam:hover {
	background-color:#CBE0C5!important;
	}

.manualhoover {
	color:brown;
	background: #CBE0b0!important;
}
tbody.deldetails, tr.deldetails  {
	background:#eeeeee;
	}

tr.searchline {
	background:#E8E6A5;
	font-style:italic;
	}

tr.underline td, tr.underline th {
	border-bottom: 1px dotted grey;
	}
tr.searchline td input {
	xfont-size:11px;
	xheight:16px;
	margin:4px;
	}

tr.newitemline {
	background:#B6D1B6;
	}
tr.newitemline td input {
	background:#bcf58e;
	}

tr.roomy th, tr.roomy td , th.roomy , td.roomy , .roomy {
	padding-left:6px;
	padding-right:6px;
}
.spacey, tr.spacey td {
	padding:3px;
}
.distant {
	margin:10px;
}
.roomier {
	padding-left:16px;
	padding-right:16px;
}

/*
tr.newlyAddedLine {
	background:#DAF5DA;
}
*/
input[type='search'].picksearch {
	width: 360px;
}
select.picklist {
	margin-left:0;
	width: 360px;
}
div.pickform {
	width: 360px;
}
table.newform tr th {
	font-size:11px;
	//font-weight:normal;
}


h1 {
	margin-top: 0;
}

h1 span.small, h1 label.small {
	font-size=11px;
}

.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}

.returnitem {
	font-style:italic;
	color:blue;
}
.remarks {
	font-style:italic;
	color:grey;
}

.delrroute {
	width:30px;
	}
.hooverblock:hover {
	background:#bcf58e;
	}

.routeselected {
	font-weight:bold;
//	background:#B6D1B6!important;
	background:red!important;

}

/* Overstyre tabs.css litegrann...*/
/**/
button.newsalesitembutton {
	margin-top:60px;
	width:200px;
	height:45px;
	font-weight:bold;
}
div.unitab {float:left; width:98%; margin:0;}

ul.tabmenu li.withdisc {
	list-style-type:disc;
}
ul.tabmenu li {
	border-right: 10px solid white;
    //border-bottom: 42px solid lightgrey;
    border-bottom: 22px solid lightgrey;
	height:0;
	padding:2px 12px 0 5px;
	top:0;
}
ul.tabmenu li:hover {
	color:black;
}


ul.tabmenu li.activetab {
//    border-bottom: 22px solid #CBE0C5;
    border-bottom-color: #CBE0C5;
	color:#000;
	font-weight:bold;
}

ul.tabmenu li.with_header {
	border-bottom-width: 42px;
}


table.calendarTable {
	margin-top:15px;
	width: 400px;
//border: 1px solid blue;
}


.cal_modal {
//	position: relative;
	z-index: 102;
//	border: 1px solid green;
	//height: 200px;
//	width: 400px;
	margin:0 0 10px 0;
	}

.popup {
	z-index: 102;
	/*
	position:fixed;
	top:20px;
	left:20px;
	height:300px;
	width:900px;
	padding:20px;
	background:lightblue;
	color:brown;
	border:3px dotted green;
	*/
}
#modal.planning {
	height:50%;
	width:50%;
}
#modal.planning textarea {
	width:70%;
}
#modal.modal_geo {
	height: auto;
	width: auto;
}
#modal.modal_geo #modal_content {
	height: 890px;
	width: 1670px;
	margin: 0px;
}
#modal .modal_geo_button {
    position: absolute;
    top: 10px;
    right: 10px;
}
#modal_content.modal_centered {
	position: relative;
	top: auto;
	left: auto;
}
#modal.wide_low {
	height: auto;
}
#modal .left.default, #modal .right.cancel {
	margin-bottom: 10px;
}
#modal_content  {
	background-color:white;
	margin: 0px auto;
}
#modal_header  {
	background-color:white;
	border-bottom:1px solid grey;
	padding-left:10px;
}
#modal_inner {
	background-color:white;
	padding: 10px;
}

#smallmodal  {
	width:490px;
	float:right;
}
#smallmodal_header  {
	background-color:yellow;
	background-color:yellow;
	border-bottom:1px solid grey;
	margin-left:10px;
}
#smallmodal_inner {
	background-color:pink;
	margin: 10px;
}

#modal.neworder {
	width:480px;
	height:200px;
	padding:20px;
}

#modal.recipe {
	height:95%;
	width:1100px;
	position:fixed;
	top: 25px;
}

#modal.modal_lineinfo, div.popup.viktig.popup_lineinfo {
	width:1200px;
	height:800px;
	padding:20px;
}
/* End modal styles.... */


/* Tree-styles */
ul.ep3 li {
	list-style-type:none;
	margin-left:-38px;
	padding:3px 0 3px 24px;
}
ul.ep3 li.file {
	font-weight: normal;
	background: transparent url(file.png) no-repeat 0px 4px;
}
ul.ep3 li.folder {
	font-weight: normal;
	background: transparent url(folder.gif) no-repeat 0px 4px;
}

ul.ep3 li.folderopen {
	font-weight: bold;
	background: transparent url(folderopen.gif) no-repeat 0px 4px;
}

ul.ep3 li.file:hover {
	color:red;
	background-color:#CBE0C5;
}
/* End Tree styles.... */


/* Personell-plan... */

table.persplan {
	// table-layout: fixed;
	}

table.persplan tr th,table.persplan tr td {
	width:200px;
}


table.persplan tr td div.container {
	border: 1px solid grey;
	-moz-border-radius: 5x;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	padding: 5px;
	margin: 10px 5px 5px 5px;
	font-size:11px;
	min-width:110px;
}
table.persplan tr td div.container div.visited {
	background-color:lightyellow;
	padding-bottom:2px;
}

div.plan_delivery {
	max-width:220px;
}

.persplanitem_allgood {
	background-color:#e6ffee;
}
/*
div.persplanitem ul {
	margin-left:-26px;
}
div.persplanitem ul li span {
	 position: relative;
	 left: -8px;
}
div.persplanitem ul li span.right {
	 margin-right: -8px;
}
*/
div.persplanpers  {
	//
	border:1px solid grey;
	position:relative;
	left:-12px;
	padding:5px;
}
div.persplanpersedit  {
	border: 1px solid blue;
	-moz-border-radius: 5x;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	padding:8px;
	position:relative;
	cleft:-7px;
	background-color:#CEF6EC;
}
.persplancmb {
	position:relative;
	left:-7px;
}

/* End Personell-plan... */

/* ****** Deviation ********************/
#thedeviationtable tr td,
#thedeviationtable tr th {
	padding:5px;
}

#thedeviationtable td textarea,
#thedeviationtable td checkbox,
#thedeviationtable td select,
#thedeviationtable td input {
	border: 1px solid red;
}

/* End Deviation... */

/* ****** Timeline ********************/

img.globe {
	height:12px;
}

img.pup {
	height:14px;
}

tr.notsotall td, tr.notsotall th {
	height:14px;
	font-size:11px;
	padding:2px;
	}
tr.notsotall th:after {
	content: "";
	}

tr.mediumtall td, tr.mediumtall th {
	height:21px;
	}

table.grafelement {
	//border:2;
	border-collapse:collapse;
	margin-top:4px;
	width:100%;
	height:4px;
}
tr.notsotall td table.grafelement td {
	height:1px;
}
table.grafelement td.fill {
	//border: 3px solid white;
	background-color:red;
}
/* ****** End Timeline ********************/

.box {
	border:1px solid grey;
}

.black {
	color:black;
}
.red,
a.red ,
.redlink a {
	color:red!important;
}
.blue {
	color:blue;
}
.green {
	color:green;
}

.grey {
	color:grey ;
}
.brown {
	color:brown;
}
.yellow {
	color:yellow;
}

.smallish  {
	font-size:0.9em;
}
.small {
	font-size:0.8em;
}
.smaller {
	font-size:0.7em;
}
.bigish {
	font-size:1.1em;
}
.big {
	font-size:1.5em;
}
.bigger {
	font-size:2em;
}
textarea.smallish {
	font-size:11px;
}
.menuitems {
	cursor:pointer;
}

.othermenuselected {
	background-color:lightgrey;
}
.menuselected {
	/*background-color:cyan;*/
	background-color:#AAA!important;
}
/* ****** Package deal********************/
table.packagedeal {
	margin:25px;
	border:1px solid grey;
	//background-color:#CBE0C5;
}
table.packagedeal tr.h3header {
	background-color:#EBECED;
}
table.packagedeal tr.headerbuttons {
	background-color:#CBE0C5;
}
/* ****** End Package deal********************/


/* ****** End  Inline edit ********************/

button.inline_nextstatus_9 {
	color:red;
	float:left;
	margin-right:8px;
}

/* ****** End  Inline edit ********************/

/* ****** Salesitem edit ********************/

table.saleprmonth td.perc, table.saleprmonth td.qty, table.saleprmonth th.perc, table.saleprmonth th.qty   {
	width:28px;
}
table.saleprmonth td.sum,table.saleprmonth th.sum  {
	width:63px;
}
/* ****** End  Salesitem edit ********************/


/*  GRIDs ......................................................................................................... */

div#gdprmaingrid {
	display: grid;
	grid-gap: 0;
	grid-template-columns: [col] 1100px [col] 450px;
	grid-template-rows: [row] auto;
	
	//width: 100vw;
	height: 100vh;
}

div#gdprtablegrid {
	margin-right:10px;
}
div#gdpr_duplicates {
}

/*  /GRIDs ......................................................................................................... */


/*  Mass copy, deliveries  ......................................................................................................... */
#modal.changestatus, #modal.datedialog, #modal.modal_geo_empty {
	text-align:center;
	width:400px;
	height:200px;
	top:35%;
	left:50%;
	margin-left:-200px;
}
#modal.changestatus.newstatus_9 {
	height:400px;
	top:20%;
}
#modal.modal_geo_empty { 
	height: 40px;
}
#modal.delivery_copy, #modal.changelog, #modal.internalfeedback, #modal.changestatus.newstatus_9.internalfeedback {
	position:fixed;
	position:fixed;
	top:0;
	left:initial;
	right:0;
	margin:0;
	width:600px;
	height:100%;
}
#modal.delivery_copy #multicopycal {
	display:block;
	text-align:center;
	
}
/*  /Mass copy, deliveries  ......................................................................................................... */

/*  Order log  ......................................................................................................... */
button#changelog { width: 28px; padding: 0px; }
.changelog ul[class^='changelog_value'] { list-style-type: none; }
.changelog .changelog_disabled { color: lightgrey; }
/*  /Order log  ......................................................................................................... */

/*  Prod.plan  ......................................................................................................... */

#modal.prodplandetails {
	width:900px;
	right:10px;
	margin-right:100px;
}

div.plan_delivery ul.nobottomspace {
	margin-left:-22px;
}
/*  /Prod.plan  ......................................................................................................... */

/*  labels  ......................................................................................................... */
.basiclabelsprinted {
	border:1px solid red;
}
.biglabelsprinted {
	border:1px solid red;
}
.placecardsprinted {
	border:1px solid red;
}
/*  /labels  ......................................................................................................... */


/*  Legal Entity ......................................................................................................... */

div#profile_picture {
	zmin-width:750px;
	float:left;
	margin-left:120px;
}
div#profile_picture iframe, div#profile_picture img, div#profile_picture button#upload, div#profile_picture button#delete_picture {
	xmargin:20px;
	width:250px;
}
div#profile_picture button{
	height:33px;
	font-weight:bold;
}

div#profile_picture img {
	height:150px;
	object-fit: cover;
	xmargin-left:15px;
	border-radius: 15px;
	box-shadow: 8px 8px 6px grey;
	cursor:pointer;
}
/*  /Legal Entity ......................................................................................................... */

/*  Messaging......................................................................................................... */
div#message_details div#recipient_selection4 table {
	border: 1px solid green;
	width:48%;
	float:left;
	margin: 10px 10px 0 5px ;
}
div#message_details div#recipient_selection4 table td:nth-child(1),
div#message_details div#recipient_selection4 table td:nth-child(2),
div#message_details div#recipient_selection4 table td:nth-child(3) {
	text-align:center;
	width: 20px;
}
div#message_details div#recipient_selection4 table td:nth-child(4) {
	padding-left:10px;
}
/*  / Messaging......................................................................................................... */

/*    category_summary, order screen ................................................................................... */

div#_category_summary {
	height:0;
	position:relative;
}
div#category_summary {
	position:absolute;
	width:340px;
	left:-140px;
	top:-30px;
	padding:0 16px 16px 16px;
	border: 1px solid brown;
	background:lightyellow;
	z-index:3;
}
div#category_summary table tr td, div#category_summary table tr th {
	text-align:right;
}
div#category_summary table tr td:first-of-type, div#category_summary table tr th:first-of-type {
	text-align:left;
}

/*  / category_summary, order screen ................................................................................... */

/*  payment_events, order screen ................................................................................... */

div#_payment_events {
	height:0;
	position:relative;
}
div#payment_events {
	position:absolute;
	width:600px;
	xleft:-30px;
	right:12px;
	top:-160px;
	padding:0 16px 16px 16px;
	border: 1px solid brown;
	background:lightyellow;
	z-index:3;
}

/*  payment_events, order screen ................................................................................... */

.fatline {
	font-size:1.2em;
	font-weight:800;
}

/*
.remrow {
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
*/
div#modal.packrack {
	font-family: sans-serif;
	font-size: 12px;
}
div#modal.packrack table {
	border-collapse: separate;
}
div#modal.packrack table tr th:after {
	content: "";
}
div#modal.packrack table tr.spacey td {
	padding:6px;
}

table.collapzed {
	border-collapse: collapse;
}
table.collapzed th, table.collapzed td {
	border-right:1px solid black;
	position:relative;
}
table.collapzed th a, table.collapzed td a {
	text-decoration: none;
	color:black;
}
table.collapzed th img.printicon, table.collapzed td img.printicon {
	position:absolute;
	xtop:-15px;
	right:5px;
	height:12px;
}

td select.rrsels {
	font-size: 9px!important;
	width:80px;

}

tr.externalorder_0 td, td.externalorder_0 { 
	background: initial; 
}
tr.externalorder_1 td, td.externalorder_1 { 
	background: lightgrey; 
}
tr.externalorder_2 td, td.externalorder_2 { 
	background: lightyellow; 
}
tr.externalorder_3 td, td.externalorder_3 { 
	xbackground: orange; 
	background: green; 
}
tr.externalorder_-1 td, td.externalorder_-1 { 
	background: red; 
}
tr.externalorder_-2 td, td.externalorder_-2 { 
	background: orange; 
}


.is_closed {
	background-color: #ffb7b6;
}
.is_holiday {
            background-color: pink;
        }
tr.isproduced_hidden {
	display: none;
}

tr.return_hidden {
	display: none;
}
tr.return_show {
	display: table-row!important;
}

#modal.geo_preview {
	width:80%;
	height:80%;
}
#modal.geo_retry {
	width:400px;
	height:200px;
	position: fixed;
	top: 400px;
	left: 36%;
}input.matrixchanged {
	background:lightblue!important;
}

input.matrixvalue {
	border: 1px solid green!important;
	color:brown;
	background:lightyellow;
	font-weight:bold;
}

.matrix_child input {
	background-color:lightblue;
}
.matrix_parent input {
	background-color:#bcf58e;
}
/*
ID	Name	color
0	Ikke levert	CACECF
1	Kjørt	81DAF5
2	Levert	2EFE9A
3	Returnert	31B404
4	Ikke aks. levert	NULL
5	Ikke aks. retur	NULL
*/
/*
#orderstatus_3 a {	background-color:red;	color:black;	}
#orderstatus_4 a {	background-color:grey;	color:black;	}
#orderstatus_6 a {	background-color:lightblue;	color:black;	}
#orderstatus_7 a {	background-color:blue;	color:black;	}
#orderstatus_9 a {	background-color:lightgreen;	color:black;	}
#orderstatus_11 a {	background-color:green;	color:black;	}
#orderstatus_12 a {	background-color:green;	xcolor:lightgreen;	}
table.persplan tr td div.container div.plan_frame_5 {
*/

button.bigpush {
	height:30px;
	width:90px;
	font-weight:bold;
	font-size:1.2em;
//	opacity: 0.6;
	background-color:rgba(255,0,0,0.35);
	//background-color:red;
	-moz-border-radius: 9x;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

button.checked {
//	opacity: 0.6;
	background-color:rgba(0,255,0,0.35);
}

div.container_5 {
	border:blue;
}

div.container div.plan_frame_7 {
	border:2px solid green;
}
.deliverystatus_0 {
	//background-color:#CACECF;
	background-color:#DDE0E2;
}
.deliverystatus_1 {
	background-color:#81DAF5;
}
.deliverystatus_2 {
	background-color:#2EFE9A;
}
.deliverystatus_3 {
	background-color:#31B404;
}
.deliverystatus_4 {
}
.deliverystatus_5 {
}
.intrip {
	background-color:#F2F5A9;
	// background-color:pink;
}