@CHARSET "ISO-8859-1";

html, body
{ 
	text-align: 		left; 
	font-family:		Arial; 
	font-size:			10pt; 
	height:				100%; 
	width:				100%;
	padding:			0;
	margin:				0;

}

body
{
	background:			#fff url('../img/new_bg.gif') repeat-x top left;
}

a:active,a:visited,a:active
{
  outline: none;
}

a
{
	text-decoration:	none;
	color:				#ccc;
}
a:hover
{
	color:				#fff;
}

a img
{
	border:				0px;
}

#indicator
{
	position:			absolute;
	top: 				5px;
	right:				25px;
	width:				32px;
	height:				32px;
	background:			url('../img/loading.gif') no-repeat top left;
}

#current_user
{
	position:			absolute;
	top: 				18px;
	right:				75px;
	font-size:			0.8em;
}

#ie6
{
	position:			fixed;
	_position:			absolute;
	top:				0;
	left:				0;
	border-bottom:		1px solid #aaa;
	height:				20px;
	padding:			5px 0 0;
	width:				100%;
	background:			#FFEDB6 url('../img/error.png') no-repeat 5px center;
	z-index:			50000;
}

#ie6 span
{
	margin-left:		30px;
}

#ie6 a
{
	color:				#000;
	text-decoration:	underline;
}

table td
{
	padding:			1px;
}

#ui-datepicker-div
{
	display:none;
	z-index:10000;
}
.error
{
	color:				red;
}

.red
{
	color:				red;
}

fieldset.error
{
	clear: 				both;
	background:			#fff3d0 url('../img/warning.png') no-repeat 10px center;
	padding:			20px 20px 20px 50px;
	width:				500px;
	color: 				#000;
}

fieldset.error b
{
	color:				red;
	font-weight:		normal;
}

table.list, table.edit
{
	clear:				both;
	margin-top: 		10px;
}

table.list tr
{
	background:			#ffedb6;
}

table.list tr:hover
{
	background:			#fff3d0;
}

table.list td
{
	border:				1px solid #fff;
	padding:			5px;
}

table.list tr > td:first-child
{
	width:				400px;
}

table.edit tr > td:first-child
{
	width:				150px;
	border-right:		1px solid #d8d8d8;
}

table.edit tr > td:nth-child(2)
{
	padding-left:		10px;
}

table.edit tr > td tr > td:first-child
{
	border:				0;
	width:				auto;
}

table.edit tr td tr > td:nth-child(2)
{
	padding:			0px;
}

a.button
{
	float: 				left;
	margin-right:		20px;
}

a.button img
{
	vertical-align: 	bottom;
}

.valuta
{
	background:			#fff url('../img/euro.gif') no-repeat top left;
}

input[type="text"],
input[type="password"],
input[type="textarea"],
input[type="file"],
input[type="submit"],
textarea
{
	border: 			3px solid #ccc;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="textarea"]:hover,
input[type="file"]:hover,
input[type="submit"]:hover,
textarea:hover
{
	border: 			3px solid #888;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="textarea"]:focus,
input[type="file"]:focus,
input[type="submit"]:focus,
textarea:focus
{
	border: 			3px solid #333;
}

.basetype
{ 
	
}
.checkbox
{ 
	border:				1px solid #bbb;
}
.date
{ 
	width:				80px; 
	/*background: 		#fff url(../img/date.png) no-repeat center right; */
}
.time
{ 
	width:				50px; 
	background: 		#fff url(../img/clock.png) no-repeat center right; 
}
.dropdown
{ 
}
.emailtype
{ 
	width:				300px; 
	background: 		#fff url(../img/email.png) no-repeat center right; 
}
.image
{ 
	width: 				200px; 
}
.textarea
{ 
	width:				500px; 
	height:				250px;
}
.textfield
{ 

}
.number
{ 
	width: 				40px; 
	float:				left;
}
.numberAdd,
.numberSubtract			            
{ 
	cursor:				hand;
	cursor:				pointer;
	width: 				15px; 
	height: 			14px; 
	border: 			0; 
	float:				left;
	padding: 			0;
	margin: 			3px 0 0 3px;
	background: 		url('../img/plus_minus.png') no-repeat top right; 
}
.numberSubtract
{ 
	background: 		url('../img/plus_minus.png') no-repeat top left; 
}
.numberAdd:hover
{ 
	background-position: bottom right; 
}
.numberSubtract:hover
{ 
	background-position: bottom left; 
}

.simplenumber
{
	width:				30px;
}

.valuta
{
	width:				30px;
	text-align:			right;
}

table.spreadsheet
{
	display:			block;
	white-space:		nowrap;
}

table.spreadsheet .simplenumber,
table.spreadsheet .valuta
{
	width:				60px;
	margin-right:		10px;
}

table.spreadsheet thead th,
table.spreadsheet tr td
{
	padding:			8px;
}

table.spreadsheet1 thead > th:nth-child(2n+1),
table.spreadsheet1 tr > td:nth-child(8n-3),
table.spreadsheet1 tr > td:nth-child(8n-2),
table.spreadsheet1 tr > td:nth-child(8n-1),
table.spreadsheet1 tr > td:nth-child(8n)
{
	background: 		#ffedb6;
}

table.spreadsheet1 tr.nobg td {
    background: transparent !important;
}

table.spreadsheet1 tr.nobg td textarea {
    width: 95%;
    margin: 0 !important;
}

table.spreadsheet1 tr.nobg td .sales_daily_notes {
    white-space: normal;
    font-style: italic;
    color: #888;
}
table.spreadsheet2 thead > th:nth-child(2n+1),
table.spreadsheet2 tr > td:nth-child(6n-1),
table.spreadsheet2 tr > td:nth-child(6n),
table.spreadsheet2 tr > td:nth-child(6n+1),
table.spreadsheet3 thead > th:nth-child(2n+1),
table.spreadsheet3 tr > td:nth-child(6n-1),
table.spreadsheet3 tr > td:nth-child(6n),
table.spreadsheet3 tr > td:nth-child(6n+1),
table.spreadsheet4 thead > th:nth-child(2n+1),
table.spreadsheet4 tr > td:nth-child(6n-1),
table.spreadsheet4 tr > td:nth-child(6n),
table.spreadsheet4 tr > td:nth-child(6n+1)
{
	background: 		transparent;
}

table.spreadsheet2 thead > th:nth-child(2n+1),
table.spreadsheet2 tr > td:nth-child(10n+3),
table.spreadsheet2 tr > td:nth-child(10n+4),
table.spreadsheet2 tr > td:nth-child(10n+5),
table.spreadsheet2 tr > td:nth-child(10n+6),
table.spreadsheet2 tr > td:nth-child(10n+7)
{
	background: 		#ffedb6;
}

table.spreadsheet3 thead > th:nth-child(2n+1),
table.spreadsheet3 tr > td:nth-child(2n+1)
{
	background: 		#ffedb6;
}

table.spreadsheet thead > th:first-child,
table.spreadsheet tr > td:first-child
{
	background:			transparent;
}

table.spreadsheet2 tr > td:nth-child(3)
{
	width:				150px;
	border-right:		1px solid #d8d8d8;
}

table.spreadsheet tr:hover td,
table.spreadsheet2 tr:hover td
{
	background:			#fff3d0;
}

table.spreadsheet4 thead
{
	background: 		#ffedb6;
}

table.spreadsheet4 tr
{
	background:			#fff8e1;
}
table tr.spacer,
table tr.spacer:hover td
{
	background:			transparent;
}

fieldset.chart
{
	display: block;
}
div.chart
{
	height:				400px;
}

div.chart a,
div.chart .highcharts-title
{
	display: 			none;
}

/* Log::Debug() function result */
h1.debug
{
    font-size: 			12pt;
    color: 				red;
    margin: 			10px;
}

pre.debug
{
    font-size: 			10px;
    background-color: 	#fff;
    padding: 			10px;
    border: 			1px solid #000;
    margin: 			10px;
}

/* Main parts */

#wrapper
{
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;
	margin: 			0 auto -25px;
}

#header
{
	height: 			100px;
	color:				#fff;
	position:			relative;
}

a#header_logo
{
	border:				0;
	margin:				0;
}

#header ul
{
	position:			absolute;
	left:				330px;
	top:				74px;
	padding:			0;
	margin:				0;
}

#header li
{
	float: 				left;
	list-style-type:	none;
}

#header li a
{
	padding:			5px 7px;
	display:			block;
	color:				#000;
}

#header li a:hover, #header li a:focus
{
	padding:			5px 7px;
	background:			#bbbaba;
	color:				#fff;
}


#header li a.active
{

	background: 		#fff;
	color:				#000;
}

#content
{
	padding:			20px;
	position:			relative;
}

#content #changed
{
	clear: 				both;
	width:				400px;
	border:				1px solid #888;
	border-bottom:		none;
	border-right:		none;
	background:			#ffedb6;
	position:			fixed;
	bottom:				0;
	right:				0;
	z-index:			10000;
}

#content #changed a
{
	display: 			block;
	padding:			20px 20px 20px 50px;
	background:			transparent url('../img/warning.png') no-repeat 10px center;	
}

#content #changed a:hover
{
	color:				green;
}

#content a
{
	color:				#333;
}

#content a:hover
{
	color:				#000;
}

#content h1
{
	font-size:			14pt;
	margin: 			0 0 10px 0;
	font-weight:		700;
	color: 				red;
}

#content_header
{
	width:				100%;
}

#content_header h1
{
	font-size:			14pt;
	margin: 			0 0 10px 0;
	font-weight:		normal;
	color:				#000;
}

#content #login
{
	width:				230px;
	padding:			40px;
	margin:				0 auto;
}

#footer,.push
{
	clear:				both;
}

#footer
{
	color:				#333;
	height:				20px;
	font-size:			0.7em;
	overflow:			hidden;
	padding:			5px 0 0 5px;
	position:			relative;
}

#footer a
{
	color:				#111;
}

#debug
{
	position: 			absolute;
	right:				25px;
	top:				10px;
	color:				#fff;
	font-size:			0.7em;
}

fieldset
{
	margin:				5px 0 15px 0;
	padding: 			10px;
	border:				2px solid #c8c8c8;
	display: 			inline;
}

fieldset legend
{
	color:				#000;
}

div.export
{
	padding: 20px;
}

div.export img
{
	vertical-align: bottom;
}

/* Graphics */

.photo
{
	float: 				left;
	padding:			25px;

}

.photo:hover
{
	padding-bottom:		5px;

}

.photo img,
.photoControls
{

}

.photo .photoControls
{
	width:				100px;
	height:				20px;
	text-align:			center;
}

.photo .photoControls:hover
{

}

.dashboard {
    width: 100%;
    border: 0;
}

.dashboard .column {
    width: 20%;
    float: left;
    height: 350px;
}
.dashboard .column .title {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #274b6d;
}

.dashboard .column.double {
    width: 33%;
    background: white !important;
}

.dashboard .column.quadrupel {
    width: 100% !important;
}

.dashboard .column fieldset {
    display: block;
    height: 323px;
    border: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
}


.dashboard .column.quadrupel fieldset{
    overflow: visible;
}

.last_updated_date
{
    float: right;
    height: 30px;
    color: #888;
}

.moreinfo {
    width: 12px;
    height: 12px;
    background: transparent url('../img/question_mark.png') no-repeat center center;
    position: relative;
    display: inline-block;
    cursor: help;
}

.moreinfo_description {
    z-index: 55555;
    position: absolute;
    top: 15px;
    left: 15px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    background: #fff;
    font-size: 11px;
    padding: 5px;
    font-weight: normal;
    font-style: italic;
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
}

@media (max-width: 1198px)
{
    .dashboard .column {
        width: 50%;
    }

    .dashboard .column.double {
        width: 100%;
    }
}

@media (max-width: 768px)
{
    .dashboard .column {
        width: 50%;
    }

    .dashboard .column.double {
        width: 100%;
    }
}

@media (max-width: 532px)
{
    .dashboard .column {
        width: 100%;
    }
}