/* Diverse tekst og farger */
html {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
body {
	overflow-x: hidden;
}
html,body{
	height: 100%
}/*
body:hover{
	background-image: url(../images/grid1140.png);
	background-repeat: repeat-y;
	background-position: center top;

}*/
h1,h2,h3,h4,h5,h6 {
	margin-bottom:24px;
	font-weight:bold;
}

h1 {
	font-size: 72px;
	line-height: 72px;
}

h2 {
	font-size: 48px;
	line-height:48px;
}

h3 {
	font-size: 36px;
	line-height:48px;
}

h4 {
	font-size: 24px;
	line-height:24px;
}

h5 {
	font-size: 20px;
	line-height:24px;
}

h6 {
	text-transform: uppercase;
	font-size: 16px;
	line-height:24px;
}

p {
	font-size:16px;
	line-height:24px;
	margin-bottom:24px;
}

p.no-margin {
	margin-bottom:0;
}
.break {
	margin-bottom:24px;
}

a {
	font-size:16px;
	line-height:24px;
	text-decoration: none;
	color: #444444;
}

img {
	display: block;
	margin: 0 auto;
}

button {
	cursor: pointer;
}

/* Utskrift/eksport */

#export-csv{
	margin-bottom: 24px;
	margin-right: 10px;
	height: 48px;
	width: 48px;
	border:none;
	background-image: url(../images/excel.png);
}
#export-print{
	margin-bottom: 24px;
	margin-right: 10px;
	height: 48px;
	width: 48px;
	border:none;
	background-image: url(../images/print.png);
}
@media print
{
	#hide-print {visibility:hidden;}
}

/* Form */
form{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:16px;
	line-height:24px;

}

fieldset{
    /*background: rgba(0,0,0,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.2);*/
	padding: 24px;
	margin-bottom: 24px;
}

fieldset h1{
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	line-height: 48px;
	display: block;
	border-bottom: 1px solid rgba(125,125,125,1.00);
	margin-top: -1px;
}

fieldset label{
	float: left;
	display: block;
}

fieldset p{
	margin-bottom:0;
}

fieldset li{
	font-size: 16px;
	line-height: 24px;
	list-style-type: disc;
}

input[type=text],input[type=number],input[type=email],input[type=file],select {
	width: 100%;
	height: 48px;
	margin-bottom: 24px;
    padding: 10px 15px;
    font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
	border: 1px solid #aaa;
	box-shadow: 0 0 3px 0 #ccc;
}
p.textbox{
	width: 100%;
	height: 48px;
	margin-bottom: 24px;
	padding: 15px 20px;
	font-size: 16px;
	font-family: 'lucida sans', 'trebuchet MS', 'Tahoma';
	font-style: italic;
}
textarea {
	width: 100%;
	height: 240px;
	margin-bottom: 24px;
    padding: 10px 15px;
    font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
	border: 1px solid #aaa;
	box-shadow: 0 0 3px 0 #ccc;
}

select option[value=""] {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

select.select-list{
	height: 384px;
}

input:hover {
	border: 2px solid rgba(125,125,125,1.00);
	box-shadow: 0 0 3px 0 rgba(100,100,100,1.00);
	-webkit-box-shadow: 0 0 3px 0 rgba(100,100,100,1.00);
}

input:focus {
	border: 2px solid rgba(45, 137, 239,1.00);
	box-shadow: 0 0 3px 0 rgba(0,100,255,1.00);
	-webkit-box-shadow: 0 0 3px 0 rgba(0,100,255,1.00);
} 

input.error {
	border: 2px solid rgba(255,0,0,1.00);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
 
input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-syle: italic;
}
 
input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

/* Checkbox og radio */
input[type=checkbox],input[type=radio] {
	position: absolute;
  	left: -9999px;
}

label.side-label {
	display: block;
	position: relative;
	margin-bottom: 24px;
	margin-right: 24px;
	padding-left: 32px;
	cursor: pointer;
	float: none;
	min-width: 110px;
}

label.side-label.table {
	min-width: 0;
}

label.side-label::before, label.side-label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}
input[type="radio"] + label.side-label::before,
input[type="radio"] + label.side-label::after {
  border-radius: 50%;
}

label.side-label::before {
	display: block;
	width: 24px;
	height: 24px;
	margin-top:0px;
	border: 2px solid #aaa;
	box-shadow: 0 0 4px 0 #ccc;
	background-color: #FFFFFF;
}

input[type="radio"]:hover + label.side-label::before,
input[type="checkbox"]:hover + label.side-label::before {
	border: 2px solid rgba(125,125,125,1.00);
	box-shadow: 0 0 3px 0 rgba(100,100,100,1.00);
	-webkit-box-shadow: 0 0 3px 0 rgba(100,100,100,1.00);
}

input + label.side-label::after {
	display: none;
	width: 12px;
	height: 12px;
	margin: 6px;
	background-color: rgba(95,105,117,1.00);
}

input:checked + label.side-label::after {
  display: block;
}

label.side-label.inline {
	display: inline-block;
	margin-bottom: 24px;
}


button.submit{
	height: 48px;
	margin-left: 15px;
	padding: 12px;
	float: right;
	background-color: rgba(95,105,117,1.00);
	color: white;
	border-style: none;
	text-transform: uppercase;
	text-decoration: none;
}

button.submit100 {	
	width: 100%;
	height: 48px;
	margin-left:15px;
	margin-bottom: 24px;
	padding: 0 12px;
	float: right;
	background-color: rgba(95,105,117,1.00);
	color: white;
	border-style: none;
	text-transform: uppercase;
	text-decoration: none;
}

button.submit100:last-child {
	margin-bottom: 0;
}

button.submit:hover,button.submit100:hover{
	background-color: rgba(71,71,71,1.00);
}

button.submit:disabled,button.submit100:disabled{
	opacity:0.6;
	cursor:not-allowed;
	background-color: rgba(71,71,71,1.00);
}

/* Form-time styling */
.form-time fieldset{
	padding-bottom:0;
}

.form-time input{
	height:24px; width:100px; padding: 0 12px;
}

/* Form-search styling */
.form-search input {
	margin: 0;
	background: #eee;
	padding-right:100px;
}

.form-search select{
	margin: 0;
	background: #eee;
}

 
/* Submit button */
.form-search button {
    overflow: visible;
    position: relative;
    float: right;
	margin-left:-100px;
    border: 0;
    padding: 0;
    height: 48px;
    width: 100px;
    font: bold 16px/48px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #d83c3c;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}   
   
.form-search button:hover{     
    background: #e54040;
}   
   
.form-search button:active,
.form-search button:focus{   
    background: #c42f2f;
    outline: 0;   
}
 
.form-search button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 16px;
    left: -6px;
}
 
.form-search button:hover:before{
    border-right-color: #e54040;
}
 
.form-search button:focus:before,
.form-search button:active:before{
        border-right-color: #c42f2f;
}      
 
.form-search button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}


/* Diverse farger */
.colorRed {
	color: white !important;
	background-color: rgb(185, 29, 71);
}
.colorRedLight {
	color: white !important;
	background-color: rgba(240,45,45,1.00);
}
.colorGreen { 
	color: white !important;
	background-color: #009900; 
}
.colorGreenDark {
	color: white !important;
	background-color: rgb(30, 113, 69);
}
.colorGreenLight {
	color: white !important;
	background-color:#9DD929;
}
.colorMagenta {
	color: white !important;
	background-color: rgb(250, 0, 140);
}
.colorPurpleLight {
	color: white !important;
	background-color: rgb(159, 0, 167);
}
.colorPurple {
	color: white !important;
	background-color: rgb(126, 56, 120);
}
.colorPurpleDark {
	color: white !important;
	background-color: rgb(96, 60, 186);
}
.colorYellow { 
	color: white !important;
	background-color: rgb(255,196,13); 
}
.colorOrange {
	color: white !important;
	background-color: rgb(227, 162, 26);
}
.colorOrangeDark {
	color: white !important;
	background-color: rgb(218, 83, 44);
}
.colorViolet { 
	color: white !important;
	background-color: #5b39b6; 
}
.colorTeal {
	color: white !important;
	background-color: rgb(0, 171, 169);
}
.colorBlueLight {
	color: black !important;
	background-color: rgb(239, 244, 255);
}
.colorBlue {
	color: white !important;
	background-color: rgb(45, 137, 239);
}
.colorBlueDark {
	color: white !important;
	background-color: rgb(43, 87, 151);
}
.colorGrey { 
	color: white !important;
	background-color: #474747; 
}
.colorGreyLight { 
	color: black !important;
	background-color: #EFEFEF; 
}
.colorDarken {
	color: white !important;
	background-color: rgb(29, 29, 29);
}
.colorWhite {
	color: black !important;
	background-color: rgb(255, 255, 255);
}
.colorHighchart {
	color: white !important;
	background-color: #232526;
}
.colorHighchartGrey {
	color: white !important;
	background-color: #434348;
}


/* Tabeller */
/* Kalender stil */
table.calendar{
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
	font-style: normal;
	border-collapse: separate;
	margin: 0 auto;
}
.calendar caption{
    line-height: 48px;
    font-weight: bold;
    color: white;
    text-align: center;
    text-shadow: 0 -1px black;
    background: #474747;
}
.calendar caption a{
    padding: 0 10px;
    font-size: 16px;
    color: #e2e2e2;
	
}
.calendar caption a:hover{
	color: white !important;
	cursor:pointer;
}

.calendar thead th{
	text-align: center;
	padding: 0 16px;
	color: white;
	background-color: rgba(240,45,45,1.00);
}

.calendar tbody td{
	padding-left: 10px;
	padding-right: 10px;
	color: #666;
	text-align: center;
	background-color: #F4F4F4;
	cursor: pointer;
}

.calendar tbody td:hover{
	background-color: #D9D9D9;
}

.calendar thead th:empty,.calendar tbody td:empty{
    background:transparent;
    border:none;
	cursor: default;
}

.calendar .week{
	color: white !important;
	background-color:rgba(240,45,45,1.00); 
	cursor: default;
}

.calendar .week:hover{
	background-color:rgba(240,45,45,1.00); 
}
.calendar .activeday{
	color: white !important;
	background-color:rgba(240,45,45,1.00); 
}
/***** Rapport stil ******/
*[data-href] {
    cursor: pointer;
}
table.report{
	margin-bottom: 24px; width: 100%;
}
table.report thead tr th {
	border: 1px solid rgb(221, 221, 221); 
	text-align: left; 
	color: rgba(0, 0, 0, 0.6); 
	line-height: 22px; 
	padding: 12px 10px; 
	font-family: "Segoe UI","Open Sans",Verdana,Arial,Helvetica,sans-serif; 
	font-size: 16px; 
	font-smooth: always;
	vertical-align: bottom; 
	display: table-cell; 
}
table.report thead tr th {
	border-top-color: transparent;
	border-left-color: transparent; 
}
table.report thead tr th:last-child {
	border-right: 1px solid transparent;
}
table.report tbody tr td {
	border: 1px solid rgb(221, 221, 221);
	line-height: 22px; 
	padding: 0px 10px; 
	font-family: "Segoe UI Semilight","Open Sans",Verdana,Arial,Helvetica,sans-serif; 
	font-size: 16px; 
	font-smooth: always;
	box-sizing: border-box;
}
table.report tbody tr td {
	border-top-color: transparent;
	border-left-color: transparent;
}
table.report tbody tr td:last-child {
	border-right: 1px solid transparent;
}
table.report.striped tbody tr:nth-child(odd) {
	background-color: rgba(239,239,239,1.00);
}
table.report.hovered {
	border-collapse: separate !important;
}
table.report.hovered tbody tr:hover {
	background-color: rgba(30,186,239,0.10);
}
/*table.report.hovered tbody tr:hover td {
	border-top: 1px solid rgb(28, 152, 204);
	border-bottom: 1px solid rgb(28, 152, 204);
}
table.report.hovered tbody tr:hover td:first-child {
	border-left: 1px solid rgb(28, 152, 204);
}
table.report.hovered tbody tr:hover td:last-child {
	border-right: 1px solid rgb(28, 152, 204);
}*/

/*Diverse farger som må fikses*/
table.report tbody tr.success {
	background-color: rgb(0, 163, 0) !important;
}
table.report tbody tr.error {
	background-color: rgba(205,38,38,0.90) !important;
}
table.report tbody tr td.error  {
	background-color: rgba(185,0,0,0.50) !important;
	color: rgb(255, 255, 255) !important;
}
table.report tbody tr.success td {
	color: rgb(255, 255, 255) !important;
}
table.report tbody tr.error td {
	color: rgb(255, 255, 255) !important;
}
table.report tbody tr.selected-row {
	background-color: rgba(223,229,0,0.50) !important;
}

/********** Ventebilde ********/
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 0; top: 0; }
#loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/Preloader.gif) center no-repeat #fff;
}
#jqueryError{
	margin-top:240px;
	width:20%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

/********** ID **********/

/* header */
#header h1{
	padding-top:7px;
	margin-bottom:17px;
}

/* Navigasjon, DropDown meny */
#meny{
	width: 100%;
	margin-bottom: 24px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(14,64,97,1.00);
}
#meny h1{
	display: inline;
	margin: 0;
	padding: 0 0 0 10px;
	color:white;
	font-size: 72px;
	line-height: 96px;
	text-align:left;
}
#meny nav{
	display:inline-block;
	float:right;
}

#meny nav ul:after {
	content: ""; clear: both; display: block;
}
	
#meny nav ul li {
	float: left;
}

#meny nav ul li:hover > ul {
	display: block;
}

#meny nav ul li:hover {
	color: #fff;
	background-color: #474747;
}
	
#meny nav ul li a {
	display: inline-block; 
	padding: 0 40px;
	color: white;
	text-transform: uppercase;
	font-size: 16px;
	line-height:96px;
}
	
/* Navigasjon, undermeny */
#meny nav ul ul {
	background: #5f6975;
	display: none;
	position: absolute; top: 100%; z-index:9999;
}
	#meny nav ul ul li {
		float: none; 
		border-top: 0;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
		#meny nav ul ul li a {
			padding: 12px 40px;
			color: #fff;
			text-transform: lowercase;
			font-size: 16px;
			line-height:24px;
			min-width:200px;
		}	
			#meny nav ul ul li a:hover {
				background-color: #474747;
			}
			
#meny nav ul ul ul {
	position: absolute; left: 100%; top:0;
}