body {
	font-family: 'Roboto', sans-serif;
	font-size:11px;	
	overflow-y:scroll;
	margin:0px;
	padding:0px;
	font-size:13px;
	-webkit-touch-callout: none;
	 -webkit-tap-highlight-color: transparent;
	 background:#EAEAEA;
	 background:#000000;
	 background:#666;
}
a {
	text-decoration:none;	
}

a:hover {
	text-decoration:underline;	
}
table {
	border:1px solid #F9F9F9;
	border-radius:5px;
}
div {
	box-sizing:border-box;
}

#main {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	border-top:none;
	border-bottom:none;
}
#top {
	position:relative;
	background:#FFFFFF;
	border-left:#CCC;
	border-right:#CCC;
	border:1px #CCCCCC solid;
	border-bottom:none;
	norder-top:none;
	padding:10px;
	margin-top:5px;
}
#TopLogo {
	background1:url(../images/logo_innkjosportalen.png);
	background:url(../images/logo_mobility.png);
	background:url(../images/statsbygg_logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-size:150px;
	background-position:bottom left;
	width:290px;
	height:30px;
	cursor:pointer;
}
#TopTekst {
	position:absolute;
	left:235px;
	top:50px;
	font-size:20px;
	font-style:italic;
}

#UserInfo {
	position:absolute;
	top:2px;
	right:10px;
	text-align:right;
}
#CustumerInfoIcon {
	background:url(../images/icon_company1.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	width:20px;
	height:20px;	
	float:right;
	cursor:pointer;
}
#CustumerInfoText {
	float:right;
	margin-right:5px;
	padding:3px;
	cursor:pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 300px;
}
#UserInfoIcon {
	float:left;
	background:url(../images/user_icon1.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	width:20px;
	height:20px;
	float:right;
	cursor:pointer;
}
#UserInfoIconHidden {
	float:left;
	background:url(../images/user_icon1.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	width:20px;
	height:20px;
	float:right;
	display:none;
}
#UserInfoText {
	float:right;
	margin-right:5px;
	padding:3px;
	cursor:pointer;	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 300px;
}
#UserInfoTextHidden {
	float:right;
	margin-right:5px;
	padding:3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 300px;
	display:none;
}

#LogginIcon {
	float:right;
	background:url(../images/lock_icon.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:19px;
	height:19px;
	cursor:pointer;	
	
}

#LogginText {
	float:right;
	padding:3px;
	padding-left:0px;
	cursor:pointer;	
}
#LoggoutIcon {
	float:right;
	background:url(../images/lock_icon.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:19px;
	height:19px;
	cursor:pointer;		
	
}
#LoggoutText {
	float:right;
	padding:3px;
	padding-left:0px;
	cursor:pointer;	
}

#loginbox {
	position: fixed; /* or absolute */
	left: 50%;
	margin-left:-250px;
	margin-top:18px;
	width:500px;
	background:#FFFFFF;
	border:1px solid #999;
	border-radius:5px;
	z-index:999;
	display:none;
	padding:10px;
}

#loginbox_site {
	margin:15px;
	margin-top:5px;
}

#logginbox_glemt_passord {
	cursor:pointer;
}

#logginbox_glemt_passord:hover {
	text-decoration:underline;
}

#footer {
	position:relative;
	background:url(../images/footer-background.png);
	background-image:no-repeat;
	background-size:cover;
	background-position: right 0px top -20px;
	width:100%;
	height:100px;
	margin-top:-3px;
}
#footer-logo {
	background-image:url(../images/white-logo.svg);
	background-repeat:no-repeat;
	background-size:cover;
	width:150px;
	height:70px;
	background-size:150px;
	position:absolute;
	top:25px;
	left:50px;
	cursor:pointer;
}
#footer-info {
	position:absolute;
	top:25px;
	left:270px;
	color:#FFFFFF;
	font-size:14px;
}
#footer-mail {
	color:#FFFFFF;
	margin-right:10px;
	
}
#footer-phone {
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
}

#title {
	position:relative;
	margin-top:-4px;
	background: #434244;
 	background:#30212a;
	color:#FFF;
	text-align:center;
	font-size:14px;
	padding:3px;
	padding-top:6px;
	width:100%;
	height:30px;
	padding:7px;
}

#menu_icon {
	display:none;
}
#menu_text {
	display:none;
}

.menu_link {
	float:left;
	color:#FFF;
	padding-left:3px;
	padding-right:15px;
	cursor:pointer;
	text-transform:uppercase;
}
.menu_link_icon {
	background:url(../images/sign-check-icon.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:15px;
	height:15px;
	float:left;;
}

#mega_menu {
	position:absolute;
	top:0px;
	right:-1px;
	left:-1px;
	border:1px solid #CCC;
	border-top:none;
	background:#F9F9F9;
	border-radius:0px 0px 5px 5px;
	padding:10px;
	color:#666666;
	z-index:999;
	font-size:14px;
	padding:40px;
	padding-top:20px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:30px;
}

.menu_link_div {
	padding-top:10px;
	font-size:18px;
	cursor:pointer;
}
.menu_link_div:hover {
	text-decoration:underline;
}

.menu_cols {
	font-size:15px;
	text-transform:uppercase;
}
.menu_rows {
	font-size:15px;
	list-style-type:circle;
	list-style-type:none;
	cursor:pointer;
	text-transform:none;
	margin-bottom:5px;
}
.menu_rows:hover {
	color:#999;
}


#norwegian {
	float:left;
	width:35px;
	height:20px;
	background:url(../images/norsk_flagg.png);
	background-repeat:no-repeat;
	background-size:35px 20px;
	margin-top:2px;
	cursor:pointer;
}
#british {
	float:right;
	width:35px;
	height:20px;
	background:url(../images/britisk_flagg.png);	
	background-repeat:no-repeat;
	background-size:35px 20px;
	margin-top:2px;
	cursor:pointer;
}
#site {
	position:relative;
	box-sizing:border-box;
	background:#FFF;
	box-sizing:border-box;
	display:inline-block;
	width:100%;
	border:1px #CCCCCC solid;
}
#left {
	float:left;
	width:50%;
	margin-top:10px;
	padding-left:16px;
	padding-right:8px;
	vertical-align:top;
}
#right {
	float:right;
	width:50%;
	margin-top:10px;
	padding-right:16px;
	padding-left:8px;
	vertical-align:top;
}
#whole {
	width:100%;
	margin-top:10px;
	padding-right:16px;
	padding-left:16px;
	vertical-align:top;
}
#center {
	width:100%;
	margin-top:0px;
	padding:10px;
	text-align:center;
}
.box {
	border:1px solid #CCC;
	border-radius:4px;
	background:#F9F9F9;
	width:100%;
	margin-bottom:10px;	
	padding:10px;
	color:#666666;
	color:#FF0000;
	font-size:13px;
}
.box_vilkor {
	border:1px solid #CCC;
	border-radius:4px;
	background:#F9F9F9;
	width:100%;
	margin-bottom:0px;	
	padding:10px;
	color:#666666;
	font-size:13px;
	margin-top:0px;
}
.box_float {
	width:calc(50% - 0px);
	float:left;
	padding:10px;
	text-align:center;
}
.feil_box {
	border:1px solid #CCC;
	border-radius:4px;
	background:#970000;
	width:100%;
	margin-bottom:10px;	
	padding:10px;
	color:#FFF;
	text-align:center;
	font-size:15px;
	font-weight:bold;
}
.red {
	color:#970000;	
}
.element {
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	
}
.element_text {
	padding-left:2px;
	font-size:16px;
	font-weight:bold;
	color:#666666;
}
.element_text_small {
	padding-left:10px;
	padding-top:5px;
	font-size:12px;
	color:#666666;
	width:100%;
	font-weight:normal;
}
.element_float {
	float:left;
	margin:5px;
	margin-bottom:0px;
}
.element_clair {
	clear:both;	
}


input, select, textarea {
	font-family: 'Roboto', sans-serif;
	box-sizing:border-box;
	width:100%;
	margin:none;
	padding:5px;
	padding-top:7px;
	padding-left:20px;
	border-radius:5px;
	border:1px solid #CCC;
	outline:none;
	font-size:18px;
}
input[type=text],input[type=number],input[type=email] {
	-webkit-appearance: none;	
}
select {	
	-webkit-appearance: none;
	background:#FFFFFF;
}
select:focus, input:focus {
	background:#F9F9F9;
	background:#E1F0FF;
	background:#F0F8FF;
}
option {
	background:#FFFFFF;	
}
input[type=submit] {
	font-weight:bold;
}
input[type=submit]:hover {
	font-weight:bold;
	border:1px solid #999;
	cursor:pointer;
}
input[type=button] {
	font-weight:bold;
}
input[type=button]:hover {
	font-weight:bold;
	border:1px solid #999;
	cursor:pointer;
}
input[type=number] {
  -moz-appearance:textfield;
}
input[type=checkbox]:focus
{
    outline: 1px solid rgba(0, 0, 0, 0.2);
}
input[type="checkbox"] {
	-webkit-appearance: true;
	cursor:pointer;
	height:17px;
	widows:10px;
	margin-top:-1px;
}
input[type=checkbox]:checked
{
    background-color: #2894FF;
    background: #2894FF url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 3px 3px no-repeat;
}
input[type="date"] {
	padding-top:3px;
	padding-bottom:3px;	
}

select:required:invalid {
  color: gray;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: black;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input::-webkit-calendar-picker-indicator {
	filter: invert(75%);
}
label {
	cursor:pointer;	
}
input[type=radio] {
	cursor:pointer;	
}

/*Dokument opplastning*/

.fileContainer {
    overflow: hidden;
    position: relative;
}

.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 10px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    left: -1;
	right:-1;
	width:345px;
    top: 0;
	cursor:pointer;
}
/*Slutt på Dokument opplastning*/

.attachement {
    position:relative;
	border:#CCC solid 1px;
	padding:5px;
	margin-top:2px;
	font-size:15px;
	width:100%;
	background:#FFF;
	border-radius:5px;
	font-weight:lighter;
	font-family: 'Roboto', sans-serif;
	height:80px;
	text-align:center;
}

/* Pluss og minus knapper */
.button_pluss {
  height:15px;
  width:15px;
  border:none;
  cursor:pointer;
  
}
.button_minus {
  height:15px;
  width:20px;
  margin-top:0px;
  vertical-align:top;
  border:none;
  cursor:pointer;
}

.datepicker {
	background-image:url(../images/calendar_icon.png);
	background-size:8%;
	background-repeat:no-repeat;
	background-position:right 8px top 3px;;
	cursor:pointer;
}
.datepicker:focus {
	background-image:url(../images/calendar_icon.png);
	background-size:8%;
	background-repeat:no-repeat;
	background-position:right 8px top 3px;;
	cursor:pointer;
}
div.ui-datepicker {
     font-size:17px;
}
div.ui-state-active, .ui-corner-all .ui-datepicker-next,  .ui-corner-all .ui-datepicker-prev {
	 cursor:pointer;
}
.ui-datepicker-calendar .ui-state-default {
	background:#999999;
	background:#F6F6F6;
	text-align:center;
	padding-top:5px;
}

.ui-datepicker-week-end .ui-state-default {
	background:#E1E1E1;
}
.ui-state-default:hover {
	background:#F3F3F3;
	color:#CCC;
}
.ui-datepicker-week-col{
	text-align:center;
	font-size:12px;
	color:#CCC;
}

table.ui-datepicker-week-col {
	background:#063;
}
td.ui-datepicker-week-col {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
	border: 0;
}
ui-datepicker-week-col {
}

#shopping_chart_image {
	background:url(../images/shopping_chart_5.png);
	background-size:contain;
	background-repeat:no-repeat;
	position:absolute;
	top:30px;
	right:10px;
	width:35px;
	height:35px;
	cursor:pointer;
}
#shopping_chart_text {
	border-bottom:1px solid #CCC;
	position:absolute;
	top:65px;
	right:10px;
	font-style1:italic;
	cursor:pointer;
}

#shopping_chart_small1 {
	position:absolute;
	top:4px;
	right:3px;
	background-image:url(../images/handlekurv_hvit.png);
	background-image:url(../images/shopping_chart_white.png);
	background-size:20px;
	background-repeat:no-repeat;
	background-position:left 10px top 4px;;
	height:28px;
	width:250px;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	padding-left: 20px;
	cursor:pointer;
}

#shopping_chart_small {
	position:absolute;
	top:2px;
	right:3px;
	background-image:url(../images/handlekurv_hvit.png);
	background-image:url(../images/shopping_chart_white.png);
	background-size:20px;
	background-repeat:no-repeat;
	background-position:right 10px top 4px;;
	height:28px;
	width:80px;
	font-weight:bold;
	padding:5px;
	padding-left: 20px;
	text-align:left;
	cursor:pointer;
}
.shopping_chart_count{
	width:26px;
	height:24px;
	margin-top:-2px;
	padding-top:3px;
	padding-left:0.5px;
	background:#FF0000;
	background:#FFF;
	border:1px solid #F00;
	border:1px solid #FFF;
	border-radius:15px;
	text-align:center;
	color:#000;
	font-size:14px;
}
.shopping_chart_count1 {
	border:1px solid #FFF;
	border:1px solid #F00;
	border-radius:15px;
	background:#FFFFFF;
	background:#FF0000;
	color:#000;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	width:26px;
	height:24px;
	padding-top:3px;
	margin-top:-10px;
	margin-left:37px;

}
.shopping_chart_count_big{
	width:35px;
	height:24px;
	margin-top:-2px;
	padding-top:3px;
	background:#FF0000;
	background:#FFF;
	border:1px solid #F00;
	border:1px solid #FFF;
	border-radius:15px;
	text-align:center;
	color:#000;
	margin-left:-5px;
	font-size:14px;
}

#order_approval_box {
	position:absolute;
	right:60px;
	top:30px;
}
#order_approval_user {
	background:url(../images/red_flag.png);
	background-repeat:no-repeat;
	background-size:15px;
	padding-left:20px;
	height:20px;
	vertical-align:baseline;
	 text-decoration: underline;
  text-decoration-color: red;
	cursor:pointer;
}
#order_approval_user:hover {
	color:#666;
}

@media screen and (max-width: 815px) {
	.responsive_hide {
		display:none;	
	}
	.box_float {
		width:100%;	
	}
	#loginbox {
		max-width:calc( 100% - 10px );
		left:0px;
		margin-left:0px;
		margin:5px;
	}
	#loginbox_site {
		margin:5px;
		margin-top:-5px;
	}
	#mega_menu {
		padding-left:10px;
		padding-right:10px;	
	}
	.menu_link {
		display:none;	
	}
	.menu_link_icon {
		display:none;	
	}
	#menu_icon {
		display:block;
		position:absolute;
		top:4px;
		left:8px;
		height:100%;
		width:22px;
		cursor:pointer;
		font-size:25px;
		font-weight:bold;
		background-image:url(../images/menu-icon.png);
		background-repeat:no-repeat;
		background-size:contain;
	}
	#menu_text {
		position:absolute;
		top:6px;
		left:28px;
		cursor:pointer;
		padding-left:5px;
		font-size:15px;
		display:block;
	}
	
	#TopTekst {
		display:none;	
	}
	#TopLogo {
		background:url(../images/logo_innkjosportalen.png);
		background:url(../images/logo_mobility.png);
		background:url(../images/statsbygg_logo.png);
		background-repeat:no-repeat;
		background-size:contain;
		background-size:120px;
		background-position:bottom left;
		width:170px;
		height:30px;
	}
	#UserInfoText, #CustumerInfoText {
		max-width:110px;
	}
	#main {
		margin-left:auto;
		margin-right:auto;
		width:1800px;
		max-width:100%;
		border:1px #CCCCCC solid;
		border-top:none;	
	}

	#top {
		width:1800px;
		max-width:100%;
	}
	
	#title {
		margin-top:-3px;
		background: #434244;
		background:#30212a;
		color:#FFF;
		text-align:center;
		font-size:12px;
		font-weight:bold;
		padding:5px;
		padding-top:8px;
		height:30px;
		margin-right:-5%;
		margin-left:-5%;
		width:110%;
	}

	.menu_cols {
		float:none;
		font-size:15px;
		width:100%;
		text-transform:uppercase;
		border:0px solid;
		width:100%;
	}
	.menu_rows {
		font-size:18px;
		list-style-type:circle;
		cursor:pointer;
		text-transform:none;
		margin-bottom:5px;
	}
	.menu_rows:hover {
		text-decoration:underline;	
	}
	
	#norwegian {
		margin-top:-2px;
	}
	#british {
		margin-top:-2px;
	}

	#left {
		width:100%;
		clear:both;	
		padding-left:5px;
		padding-right:5px;
	}
	#right {
		width:100%;
		clear:both;	
		padding-left:5px;
		padding-right:5px;
	}
	#whole {
		padding-left:5px;
		padding-right:5px;
	}
	#footer {
	position:relative;
	background:url(../images/footer-background.png);
	background-image:no-repeat;
	background-size:cover;
	background-position: right 0px top -20px;
	width:100%;
	height:80px;
	}
	
	
	#footer-logo {
		background-image:url(../images/white-logo.svg);
		background-repeat:no-repeat;
		background-size:cover;
		width:70px;
		height:30px;
		background-size:70px;
		position:absolute;
		top:25px;
		left:20px;
		cursor:pointer;
	}
	#footer-info {
		position:absolute;
		top:10px;
		left:110px;
		color:#FFFFFF;
		font-size:12px;
	}
	#footer-mail {
		color:#FFFFFF;
		margin-right:10px;
		
	}
	#footer-phone {
		color:#FFFFFF;
		text-decoration:none;
		font-size:14px;
	}
		
	
	#shopping_chart_small {
		margin-top:-2px;	
	}
	.shopping_chart_count{
		margin-top:-3px;
		font-size:14px;
		width:26px;
		padding-top:2px;
	}
	.shopping_chart_count_big{
		margin-top:-3px;
		font-size:14px;
		width:30px;
		padding-top:2px;
	}
}

.table {
	border:1px solid #CCC;
	border-radius:5px;
	margin-bottom:20px;
}
.table tr {
	cursor:pointer;	
}
.table td {
	padding:7px;	
}

.table tr:first-child {
	background-color:#D2F0FF;
	font-weight:bold;
}

.table tr:nth-child(even) {
	background:#F0FAFF;
}
.table tr:hover {
	background:#DDFFFF;
}

/*Meny webstore*/
.webstore_list {
	float:left;
	position:relative;
	width:50%;
	cursor:pointer;
	height:60px;
	margin-top:20px;
}
.webstore_icon {
	position:absolute;
	left:35px;
	top:5px;
	width:80px;
	height:160px;
	display: inline-block;
    vertical-align: middle;
}
.webstore_title {
	position:absolute;
	left:135px;
	top:5px;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}
.webstore_beskrivelse {
	position:absolute;
	left:135px;
	top:25px;
}

#ajax_grey {
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background:#666;
	opacity:0.7;
	z-index:9;
	display:none;	
}

#loadPage {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:#CCCCCC;
	opacity: 0.5;
	padding-top:100px;
	width:100%;
	text-align:center;
	color:#970000;	
	font-size:30px;
	font-weight:bold;
}