/*Farger
1: Tittellinja, merke, tekst - #1c2b50 - Bunnfarge i logo - gml: #4762B3
2: Menylinja - #00b1dd - Data fargen - gml: #B3C6FF
3: Undermeny - #f78d10 - IN fargen - gml: #E6ECFF

Tekst: sort, hover:hvit
*/
text-size-adjust: none;
html {
  overflow-y: scroll;
}
body {
	background-color: #eee;
	margin: 5px;
	padding: 0px;
	/* padding-top: 30px; */
	/*max-width:1250px;*/
	/*width:100%;*/
	width: calc(100vw - 34px);
	position: relative;
	
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight:normal;
}
#wrapper{
   max-width:1250px;
   margin:0 auto;
   text-align:left;
   border:1px solid #ccc;
   background-color: #fff;
   padding:5px;
   box-shadow:5px 5px 5px #444;
   border-radius: 5px;
}
#vilkaar{
	width:100%;
}
#vilkaartekst{
	text-align:center;
	vertical-align: middle;
	line-height:14px;
	padding:20px;
}
#meny {
	background-color: #0c90b8;
	max-width:1250px;
	height:30px;
	padding-top:1px;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#meny2, div.ddmeny2{
	display:none;
}
div.ddmeny2{
	width:100%;
}
.ddmeny2 a{
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	height:75px;
	line-height:75px;
	text-decoration: none;
	width:100%;
	color:#000;
	font-size: 32px;
	background-color: #fff;
	background-image: none;	
}
.ddmeny2 a:hover{
	background-color: #1c2b50;
	color:#FFF
}

h1 {
	background-color: #0c90b8;
	margin: 0px;
}

/* Logo */
h1 a {
	display: block;
	margin-left:0px;
	height: 55px;
	width: 55px;
	background-size: 55px 55px;
	background-image: url('logo.png');
	background-repeat: no-repeat;
}
h1 span {
	display: none;
}
/* Timeliste */
div.tittel {
	display: block;
	margin-top:0px;
	margin-left:55px;
	height: 55px;
	width: 300px;
	background-image: url('tittel.png');
	background-repeat: no-repeat;
}
div.meny2 {
	display: block;
	float:right;
	margin:0px;
	height: 55px;
	width: 55px;
	background-image: url('meny2.png');
}
/* Tittel linja */
h2 {
	display: block;
	background-color: #1c2b50;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 5px;
	font-size: 16px;
	height: 30px;
	letter-spacing: 2px;
	font-weight: normal;
	font-family: arial, verdana, sans-serif;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
h2 div {
	padding-top: 5px;
	padding-right:5px;
}

/* Tittel p� hver blokk */
h3 {
	color: #1c2b50;
	/*border-bottom: 1px solid #1c2b50;*/
	padding-left: 2px;
	font-size: 1em;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
}

a {
	color: #000;
	text-decoration: none;
}
a:hovehr {
	color: #1c2b50;
	text-decoration: none;
}

table {
	width: 100%;
	border-collapse: collapse;
}
th {
	text-align: left;
	color: #999;
	border-bottom: 1px solid #999;
	font-weight: normal;
}
td {
	vertical-align: top;
}
.nullmarg{
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}
img.dato{
	vertical-align: top;
	position:relative;
	top: 5px;
}
.bold{
	text-decoration:bold;
}
span.gdpr{
	color:#000;
	background:#000;
}
table.task td.company td.company2 {
	width: 170px;
}

td.vareliste {
	width: 400px;
	/*text-overflow:clip;
	white-space:nowrap;
	overflow:hidden;*/
}
.varedate{
	width: 90px;
}
td.avrekning {
	width: 50px;
}
td.avbak{
	background:#ddd;
}
td.avfakt{
	color:#009900;
}
td.head {
	width: 150px;
	border-right: 1px solid #D7D7D7;
}
td.headadd {
	width: 50%;
	font-size:10px;
}
td.headadd2, td.headadd {
	border: 0px;
}
tr td {
	border-bottom: 1px solid #D7D7D7;
}
table.noline td{
	border: 0px;
}
tr.mhy td{
	border-bottom: 0px solid #FFF;
}
td.mhyikon{
	width:20px;
	padding-left:3px;
}
td.user2 span, td.user_me span, td.user_other span, td.user_none span {
	display: none;
}

/* IKONER *******************************************************************/
td.ikon{
    width: 20px;
	border-radius: 2px;
}
span.ikon{
    display: inline-block;
    width: 20px;
    height: 20px;
	background-color:#1c2b50;
	border-radius: 2px;
	background-size: 20px 20px;
	text-align: center;
    border: 0px;
    color: white;
    padding-top: 0px;
}
.anna_ikon{
    width: 20px;
    height: 20px;
	border-radius: 2px;
}
span.stat_finish, span.status3 {
	background-image: url('stat_status3.png');
	margin-right:5px;
}
span.stat_working, span.status2 {
	background-image: url('stat_status2.png');
	margin-right:5px;
}
span.stat_new, span.status1 {
	background-image: url('stat_status1.png');
	margin-right:5px;
}
span.pri_high {
	background-image: url('pri_high.png');
}
span.pri_normal{
	background-image: url('pri_normal.png');
}
span.pri_none{
	background-color:#fff!important;
}
span.company, td.compicon{
	background-image: url('sym_company.png');
	margin-right:5px;
}
span.company2, td.compicon2 {
	background-image: url('sym_company2.png');
	margin-right:5px;
}
td.ved_icon span {
	display: none;
}
/*TopMenyIkoner*/
span.frontpage {
	background-image: url('sym_new.png');
	margin-right:0px;
}
span.users {
	background-image: url('sym_users.png');
	margin-right:0px;
}
span.kunder {
	background-image: url('sym_company.png');
	margin-right:0px;
}
span.avtaler {
	background-image: url('sym_avtaler.png');
	margin-right:5px;
}
span.bestilling {
	background-image: url('sym_bestilling.png');
	margin-right:5px;
}
span.notat {
	background-image: url('sym_notat.png');
	margin-right:0px;
}
span.pw {
	background-image: url('sym_pw.png');
	margin-right:5px;
}
span.report {
	background-image: url('sym_report.png');
	margin-right:5px;
}
span.laan {
	background-image: url('sym_laan.png');
	margin-right:5px;
}
span.snr {
	background-image: url('sym_snr.png');
	margin-right:5px;
}
span.file{
	background-image: url('sym_fil.png');
	margin-right:5px;
}
span.sum{
	background-image: url('sym_sum.png');
	margin-right:5px;
}
span.logout {
	background-image: url('sym_logout.png');
	margin-right:5px;
}
#meny li span.user {
	background-image: url('sym_user.png');
	margin-right:5px;
}
/*--*/
span.task{
	background-image: url('sym_need.png');
	margin-right:5px;
}
span.timeicon{
	background-image: url('sym_log.png');
	margin-right:5px;
}
span.vedlegg{
	background-image: url('sym_vedlegg.png');
}
td.ikon span.bestilling{
	margin-right:0px;
}
span.userikon{
	background-image: url('sym_user.png');
}
.ikon_pad{
	margin-right:5px;
}
span.option {
	background-image: url('sym_option.png');
}
span.mail {
	background-image: url('sym_mail.png');
}
span.slett {
	background-image: url('sym_slett.png');
}
span.mail2 {
	background-image: url('sym_mail2.png');
}
span.phone {
	background-image: url('sym_phone.png');
}
span.cellphone {
	background-image: url('sym_cellphone.png');
}
span.addresse {
	background-image: url('sym_addresse.png');
}
span.www {
	background-image: url('sym_www.png');
}
span.avstand {
	background-image: url('sym_avstand.png');
}
span.post {
	background-image: url('sym_post.png');
}
span.vis {
	background-image: url('sym_eye.png');
}
span.copy {
	background-image: url('sym_copy.png');
}
span.info {
	background-image: url('sym_info.png');
}

/* USER IKON */
td.user_ikon span, span.user_ikon, span.ikon_txt, .x-ikon {
    display: inline-block;
    width: 20px;
    height: 20px;
	border-radius: 2px;
    text-align: center;
    border: 0px;
    color: white;
    padding-top: 0px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 19px;
}
span.ikon_txt{
	font-size: 18px;
}

span.red, td.red span{	background-color: red!important;}
span.orange, td.orange span{	background: orange;}
span.yellow, td.yellow span{	background: #f8d016;}
span.green, td.green span{	background: green;}
span.blue, td.blue span{	background: blue;}
span.indigo, td.indigo span{	background: indigo;}
span.violet, td.violet span{	background: violet;}
span.black, td.black span{	background: black;}
span.brown, td.brown span{	background: brown;}
span.cyan, td.cyan span{	background: cyan;}
span.grey, td.grey span{	background-color: grey!important;}
span.ikon_logo, td.ikon_logo span{	background-image: url('indata/ikon_logo.png');}

textarea.red2{background-color: #E8C6C7;}
textarea.orange2{	background-color: #FFE0AA;}
textarea.yellow2{	background-color: #FFFFCC;}
textarea.green2{	background-color: #CCF0BD;}
textarea.blue2{	background-color: #B3C6FF;}
textarea.indigo2{background-color: #CCFFCC;}
textarea.violet2{background-color: #FFCCFF;}
textarea.black2{background-color: grey;}
textarea.brown2{background-color: #d2a679;}
textarea.cyan2{background-color: #b3ffff;}
textarea.grey2{background-color: lightgrey;}
textarea.ikon_logo2{background-color: #c2c2d6;}

.text_red {	color: red;}
.text_orange{color: orange;}
.text_yellow{color: #f8d016;}
.text_green{color: green;}
.text_blue{	color: blue;}
.text_indigo{color: indigo;}
.text_violet{color: violet;}
.text_black{color: black;}
.text_brown{color: brown;}
.text_cyan{	color: cyan;}
.text_grey{	color: grey;}

/****/

/* ! IKONER */

/*PRINT*/
.print_logo{
	width: 73px;
	height: 78px;
	float:left;
}
.print_header_img{
	width: 350px;
	height: 52px;
	/*position:absolute;*/
	bottom:20px;
}
.print_header{
	font-size:40px;
}

#meny a {
	text-decoration: none;
}
#meny ul {
	margin: 5px;
	padding: 0px;
}
#meny li {
	display: inline;
	list-style-type: none;
	margin-right: 10px;
}
#meny li.logoutli {
	float: right;
	margin-right: 0px;
	margin-left: 10px;
}
#meny li.userli {
	float: right;
	margin-right: 0px;
	margin-left: 10px;
}

input.input_small{
	width:45px;
}

td.slett{
	width: 60px;
}
table.task td.pri_high, table.task td.pri_normal, table.task td.pri_none {
	width: 20px;
}
td.timestamp, td.timestamp2 {
	text-align: center;
	width: 75px;
}
td.timestamp3 {
	text-align: center;
	width: 150px;
}
td.fakturanr{
	width: 150px;
}
td.faktsum{
	width: 75px;
	text-align:right;
}
td.faktst{
	width: 25px;
	text-align:center;
}
td.faktpdf{
	width: 16px;
}

table.avtaler, td.rap_meny {
	width: 100%;
}

table.task td.company, table.task td.company2 {
	width: 250px;
}
td.kr{
	width: 100px;
}

table.rapportkm td.user {
	width: 250px;
}
td.rap_meny div{
	float:left;
	height:30px;
	padding:2px;
}

td.service:hover, td.report:hover, td.link:hover, tr.link:hover{
	background-color: #1c2b50;
	cursor: pointer;
	border-radius: 5px;
}
td.service:hover span, td.report:hover span, td.link:hover span{
    color: #fff;
}
a.link, b.link{
	padding:0 7px 0 7px;
}
td.sum2, td.time2 {
	color: #ff0000;
}
td.timestamp2 {
	color: #ff0000;
}
td.sum3, td.time3 {
	color: #0000ff;
}
td.sumspace{
	height:16px;
	background: #f78d10;
	border-top: 1px solid #D7D7D7;
}
td.rapuser {
	width:150px;
}
td.rapcompany {
	width:150px;
}
td.raplog {
	padding-left: 25px;
	background-image: url('sym_log.png');
	background-position: 0 0;
	width:75px;
}
td.time, td.time2, td.time3 {
	width: 100px;
	text-align: right;
}
td.service {
	padding-left: 25px;
}
td.user2, td.user_me, td.user_other, td.user_none{
	width: 20px;
	height: 20px;
}
td.ip{
	width: 135px;
}
td.logtext {
	border-bottom: 0px;
}
table.log{
	/*table-layout: fixed;*/
}
table.log td.log {
	width: 100px;
}
table.log td.user {
	width: 250px;
}
table.list td.phone {
	width: 150px;
}	
table.list td.mail {
	width: 190px;
}
.print {
	display: none;
}

form {
	margin: 0px;
	padding: 0px;
}

input, textarea, select {
	display: block;
	width: 250px;
	margin-bottom: 10px;
	margin-left: 140px;
	border-radius: 2px;
}
input.submit, select {
	width: auto;
}
input, select {
	box-sizing: border-box;
	height:22px;
	border: 1px #888 solid;
}

label {
	display: block;
	float: left;
	margin-bottom: 10px;
	text-align: right;
	width: 120px;
	padding-right: 20px;
}

/*Checkbox Switch************************************************************/
.switch {
  position: relative;
  display: block;
  width: 30px;
  height: 17px;
  padding-right: 0px;
  margin-right:3px;
  border-radius: 2px;
  }
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  z-index:5;
  border-radius: 2px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  z-index:5;
  border-radius: 2px;
}

input:checked + .slider {
  background-color: #1c2b50;
}

input:focus + .slider {
  box-shadow: 0 0 1px #1c2b50;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/*radio*/
.container {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  text-align:left;
  /*font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 20px;
  padding-right: 0px;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .radio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .radio {
  background-color: #1c2b50;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .radio:after {
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
}

/**/



li, td {
	background-repeat: no-repeat;
	background-position: left;
}

body.login #wrapper{
	width: 330px;
}
p.copyright {
	margin: 0px;
	background-color: #0c90b8;
	color: #1c2b50;
	text-align: center;
	letter-spacing: 1px;
	height:16px;
	border-radius: 5px;
}

p.passadv {
	margin-left: 20px;
	background-color: #fff;
	color: #aa1111;
	text-align: left;
	letter-spacing: 1px;
}

p.notattext {
	margin-left: 150px;
	background-color: #fff;
	color: #000;
	text-align: left;
	letter-spacing: 1px;
}

body.login h1 {
	display: none;
}
body.login h2 {
	display: none;
}
#main div {
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#main div div {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#search {
	display: block;
	height: 30px;
	/*position: absolute;*/
	top: 91px;
	/*width:1250px;*/
	float:right:
	color: #fff;
}
#search .form{
	float:right;
	padding-right:10px;
}
#search form, #search div {
	display: inline;
}
#search label {
	display: inline;
	margin: 0px;
	margin-top: 5px;
	width: auto;
	text-align: left;
}
#search input {
	display: inline;
	margin: 0px;
	margin-top: 4px;
}

/*link meny*/
li.link:hover, li.menyright:hover, a.link:hover{
	background-color: #1c2b50;
	cursor: pointer;
	color: #fff;
	border-radius: 5px;
}
li.link:hover span, li.menyright:hover span{
	color: #fff;
}
li.this, a.this{
	background-color: #1c2b50;
	cursor: pointer;
	color: #fff;
	border-radius: 5px;
}
ul.meny {
	margin: 0px;
	padding: 0px;
	/*background-color: #E6ECFF;*/
	background-color: #f78d10;
	border-bottom: 1px solid #D7D7D7;
	border-radius: 5px;
	width:100%;
	overflow: hidden;
	/*display: flex;*/
	height:20px;
/*
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min-content, 1px));

	grid-template-rows: 1fr;
	grid-auto-columns: min-content;
	grid-auto-rows: 0px;
	grid-column-gap: 10px;*/
}
.strek{
	height:2px!important;
}
ul.meny li {
 	margin: 0;
	list-style-type: none;
	display: inline-block;
	/*vertical-align: middle;*/
	padding:2px 7px 2px 7px;
	line-height:16px;
	/*flex: 1 0 100px;*/
	box-sizing: border-box;
	white-space: nowrap;

}
#meny li.brukere {
	display: inline;
	list-style-type: none;
	padding-left: 0px;
	margin-right: 10px;
}
li.more{
	max-width:40px;
}


div.msg {
	background-color: #eee;
	border: 2px solid #1c2b50;
	color: #1c2b50;
	font-weight: bold;
	padding: 3px;
}
div.error{
	background:#F08080;
	border:3px solid #ff0000;
	color:#000;
	font-weight: bold;
	margin:8px 0;
}
/*
div.error, div.error2 {
 	position:absolute;
 	top:50%;
 	left:50%;
	margin-left: -150px;
	width:300px;
	z-index:50;
}
*/
.bilde{
	border: 0;
	padding: 0;
	margin: 0;
	position:relative;
	top: 4px;
}

textarea.notat{
	width: 500px;
	height: 500px;
}

table.sokrap{
	width: 500px;
}
table.sokrapkm{
	width: 400px;
}
table.sokrapakt{
	width: 600px;
}
td.aar, td.vis {
	width:25px;
}
td.dag {
	width:50px;
}
td.maaned, td.dag {
	width:75px;
}
td.kunde, td.bruker {
	width:100px;
}
input.maaned {
	width:150px;
}
input.kunde, input.bruker {
	width:150px;
}
td.input {
	width:75px;
}
input.sokrap, select.sokrap {
	width: 70px;
}

table.faktura{
	width: 100%;
	text-align:center;
}
td.faktdato {
	width:130px;
	font-weight:bold;
}
td.fakttext {
	font-weight:bold;
}
td.faktnr {
	width:100px;
	font-weight:bold;
}
input.faktdato {
	width: 130px;
	margin-left: 0px;
	display:inline;	
}
input.fakttext {
	width: 300px;
	margin-left: 0px;
	display:inline;	
}
input.faktnr {
	width: 100px;
	margin-left: 0px;
	display:inline;	
}
input.faktok {
	width: 75px;
	margin-left: 0px;
	display:inline;
}

textarea.kommentar{
	width: 300px;
	height: 100px;
}
#fieldanna{
	width: 800px;
	height: 500px;
}
#fielddate{
	width: 130px;
	text-align:left;
}
.viewanna{
	margin-left:150px;
	width: 1090px;
	height: 350px;

}
.nullmarg{
	margin:0px;
}
/* PM */

table.pmny {
	width: 500px;
	border:1px;
	padding:2px; 
}
table.pminbox {
	width: 500px;
	border:1px;
	padding:2px; 
}
table.pmoutbox {
	width: 500px;
	border:1px;
	padding:2px; 
}
table.pmles {
	width: 500px;
	border:1px;
	padding:2px; 
	overflow : auto;
}

textarea.pmmsg {
	width:350px;
	height: 200px;
	margin-left: 50px;
}
input.pminput, select.pminput {
	margin-left: 0px;
}
td.pmover {
	font-size: 18px;
}
td.pmles {
	height:250px;
}
td.pmlistover {
 background-color:#0c90b8;
}
input.pmsubmit {
	width:64px;
}
td.pmny {
	background-image: url('pm_ny.jpg');
}
td.pmold {
	background-image: url('pm_old.jpg');
}
input.pmcheck {
	width:16px;
	margin:0px;
}

img {
	border:0;
}
/* Bestilling */
textarea.best {
	width:375px;
	height:117px;
	margin-left: 0px;
	margin: 0px;
}
div.best_skall {
	margin-left:140px;
}
div.best_skjul{
	display:none;
}
div.best_main{
	width:590px;
	border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
div.best_mainform{
	width:500px;
}
div.best_main, div.best_mainform{
	margin:0px;
	border-style:solid;
	border-width:1px;
}
div.best_mainform{
	height:140px;
}
div.best_text{
	float:left;
	height:125px;
	width:390px;
}
div.best_status{
	width:100px;
	float:left;
}
input.best_check{
	margin-left: 0px;
	margin-right:5px;
	margin:0px;
	width:16px;
	height:16px;
	display:inline;
}

.test {
	display: inline;
	margin-bottom: 0px;
	margin-left: 0px;
}
.red_text{
	color: #ff0000;
}
.blue_text{
	color: #0000FF;
}

/* Oppslag */
a.oppslag{
	color: #fff;
	text-decoration: none;
}
a:hover.oppslag {
	color: #000;
	text-decoration: underline;
}

	

/* DROPDOWN MENY *************************************************/
#ddmeny{
 	margin: 0;
	padding: 0;
}

#ddmeny li{
 	margin: 0;
	padding-right:10px;
	list-style: none;
	float: left;
	height:20px;
}
#ddmeny li a{
 	display: block;
}

#ddmeny li:hover{
 	background-color: #1c2b50;
	cursor: pointer;
	border-radius: 2px;
}
#ddmeny li:hover span{
	color:#fff
}

#ddmeny div a{
 	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #fff;
	color: #000;
	font: 11px arial;
}

#ddmeny div a:hover{
 	background: #1c2b50;
	color: #FFF;
}
div.ddmeny{
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #fff;
	box-shadow:5px 5px 5px #444;
	border-radius: 5px;
	z-index:130
}
--
.testmenu li:hover{
 	background-color: #1c2b50;
	cursor: pointer;
}
.testmenu li:hover span{
	color:#fff
}
.testmenu div{
 	position: absolute;
	visibility: hidden;
	margin: 0;
	margin-top: 4px;
	margin-left: 0px;
	padding: 0;
	background: #fff;
	border: 1px solid #5970B2;
}

.testmenu div a{
 	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #fff;
	color: #000;
	font: 11px arial;
}

.testmenu div a:hover{
 	background: #1c2b50;
	color: #FFF;
}

/* PW LISTA ***************************************************************/
div.pwbox, div.pwbox2{
	margin-left:140px;
	margin-bottom:5px!important;
	padding:5px!important;
	background-color:#ddd;
	width:450px;
	border-radius: 2px;
}
div.pwbox2{
	display:none;
}
div.knappX{
	width:20px;
	height:20px;
	float:right;
	background-repeat:no-repeat;
	background-position:center center;
}
div.pw_text{
	float:left;
	width:75px;
	height:20px;
}
div.pw_ikon{
	float:left;
	width:20px;
	height:20px;
}
.x-ikon{
	/*background: red;*/
	font-size: 14px;
}

/* Filemanager */
td.fil {
	padding-left: 25px;
	background-image:url('vedlegg/page_white.png');
}
td.fil_txt{
	background-image:url('vedlegg/page_white_text.png');
}
td.fil_doc,
td.fil_docx,
td.fil_odt{
	background-image:url('vedlegg/page_white_word.png');
}
td.fil_xls,
td.fil_xlsx,
td.fil_ods{
	background-image:url('vedlegg/page_white_excel.png');
}
td.fil_exe,
td.fil_msi,
td.fil_bat{
	background-image:url('vedlegg/application.png');
}
td.fil_ppt,
td.fil_pptx{
	background-image:url('vedlegg/page_white_powerpoint.png');
}
td.fil_pdf{
	background-image:url('vedlegg/page_white_pdf.png');
}
td.fil_png,
td.fil_jpg,
td.fil_bmp,
td.fil_gif{
	background-image:url('vedlegg/page_white_picture.png');
}
td.fil_htm,
td.fil_html{
	background-image:url('vedlegg/page_white_code.png');
}
td.fil_rar,
td.fil_zip{
	background-image:url('vedlegg/page_white_compressed.png');
}
td.folder{
	background-image:url('vedlegg/folder.png');
}
.ved_kat{
	width:100px;
	background:none;
}
.ved_dato{
	width:75px;
}
.ved_user{
	width:32px;
}
.ved_link{
	width:75px;
	text-align:center;
}
.ved_div{
	width:100%;
	max-height:220px;
	overflow:auto;
}
.fil_div{
	width:100%;
	max-height:720px;
	overflow:auto;
}
.back1 {
	background-color:#eee;
}
/* WYSIWYG editor */

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

/* Global align classes */

.left {
	text-align: inherit;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.full {
	text-align: justify
}

/* Image and table specific aligns */

img.left, table.left {
	float: left;
	text-align: inherit;
}

img.center, table.center {
	margin-left: auto;
	margin-right: auto;
	text-align: inherit;
}

img.center {
	display: block;
}

img.right, table.right {
	float: right;
	text-align: inherit;
}
.test{
	height:250px;
	width:100%;
	overflow:auto;
}
li.menyright{
	float:right;
}


/* Vindu */
#fader{
    background: black;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    display: none;
}
.editbox{
	width: 220px;
	height: 100px;
	background: #0c90b8;
	position: absolute;
	z-index: 10;
	display: none;
	/*top: 25%;*/
	/*left: 50%;*/
	border:1px solid #333;
	border-radius: 5px;
	box-shadow:5px 5px 5px #333;
}
#editboxvare{
	height: 180px;
}
.cceditbox{
	width: 320px !important;
}
.cceditbox_h{
	width: 318px !important;
}
.cceditboxinput{
	margin: 0px;
	width: 250px;
}
#vindutext{
	margin:0px;
	width:150px;
}
.editbox_header{
	background:#1c2b50;
	width:213px;
	padding:2px;
	padding-left:5px;
	color:#fff;
	height:20px;
	cursor: move;
}
.editbox_main{
	padding:10px;
	text-align:center;
	color:#fff;
}
.fileditbtn{
	margin:0px;
	width:40px;
}
#annabox{
	background: #0c90b8;
	/*position:fixed;*/
	z-index: 10;
	display: none;
	top: 25%;
	left: 50%;
	border:1px solid #333;
	box-shadow:5px 5px 5px #333;
	width: 726px;
	min-height: 400px;
	margin: 0px 0 0 -363px;
}
#annabox_header{
	width:724px;
}
.xBtn{
	float:right;
	cursor:pointer;
	z-index:10
}
/* SNR *************************************************************************************/
tr.snr1 td {
	background-color: #F4F4F4;
}
tr.snr3 td {
	background-color: #FFEEEE;
}
tr.snrgray td {
	color: #003366;
}
tr.snr1:hover td, tr.snr2:hover td, tr.snr3:hover td{
	/*background-color: #E6E6FA;*/
	background-color: #1c2b50;
	cursor: pointer;
	color:#fff;
}
.snr_span{
	display:block;
}
/* tooltip styling */
.snr_tooltip, .task_tooltip{
	display:none;
	height:275px;
	padding:40px 30px 10px 30px;
	width:420px;
	background-color: #1c2b50;
	color:#fff;
	border:1px solid #c4cddb;
	border-top-color:#d3dbde;
	border-bottom-color:#bfc9dc;
	/*box-shadow:0 1px 1px #ccc;*/
	z-index:50;
	box-shadow:5px 5px 5px #444;
	border-radius: 5px;
}
.task_tooltip {
	height:auto;
	padding:30px;
}
img.snr_img{
	border:2px solid #1c2b50;
}
img.snr_img:hover{
	border:2px solid #000;
}
div.snr_footer a {
	color:#fff;
}
div.snr_footer a:hover {
	color:#000;
}
.snr_140{
	width:140px;
}
.snr_280{
	width:280px;
}
.snr_header{
	float:left;
	background-color:#0c90b8;
}
.snr_footer{
	float:left;
	min-height:30px;
}.snr_prod{
	text-align:center;
	width:420px;
	font-size:15px;
	font-weight:bold;
	min-height:30px;
}
tr.snr_tittel td {
	background-color: #0c90b8;
}
tr.snr_input input, tr.snr_input select, tr.snr_input textarea{
	margin:2px;
	width:100%;
}
tr.snr_input textarea{
	height:100px;
}
.snr_button{
	margin:0px;
}
table.ny_vare{
	width:750px;
}
table.snr_print{
	font-size:10px;;
}


/* Box link */
.textbox, .textboxL{
	background-color:#ededed;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #0c90b8;
	display:inline-block;
	color:#1c2b50;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:125px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #fff;
	margin-left:10px;
}
.textbox:hover, .textboxL:hover{
	background-color:#dfdfdf;
}
.textboxL{
	height:40px;
	line-height:40px;
	width:200px;
}
.knapp{
	border:1px solid #1c2b50;
	line-height:20px;
	width:100px;
	margin:0px;
}
.inputbox{
	background-color:#ededed;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;	
	border:1px solid #0c90b8;
	line-height:20px;
	height:20px;
}
select.inputbox{
	height:24px;
}


/* Ny */
td.highlight1{
	background-color: #0c90b8;
	color:#fff;
}/* Dato */
td.highlight2{
	background-color: #F0E68C;}
td.highlight2_2{
	background-color: #ffe600;}	
/* Viktig */
td.highlight3{
	background-color: #933c3c;
	color:#fff;}
td.highlight3_2{
	background-color: #ca0101;
	color:#fff;
}	
	
	/* ANNA */
#annas{
 padding:0px;
}
#deal_anna{
 /*width: 1080px;*/
 height: 350px;
 /*background:red;*/
 padding:5px;
 overflow: scroll;
 
}
.anna_cont {
  width: 100%;
  min-height: 32px;
  position: relative;
  background:#eee;
  margin-bottom:5px!important;
}
.anna_meny {
  width: 50%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  background: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));
  height: 100%;
  opacity: 0;
}
.anna_meny_ikon{
  position: absolute;
  top: 0;
  right: 0;
  color:#fff;
  text-align:right;
  padding-right:3px;
}
.anna_meny:hover{
	opacity: 1;
}
.tinymce_class{
	padding:5px;
	margin:0px;
	width:678px;
}.anna_text a{
	text-decoration: underline;
}
.anna_tittel{
	background-color:#1c2b50;;
	font-weight:bold;
	color:white;
}
/*-----LOGIN ----- */
.loginform{
	background-color:#0c90b8;
	color:#fff;
}
.loginlogo{
	margin-left:25px;
}
#fieldusername, #fieldpassword, #fieldcompany, .loginput{
	width: 150px;
	color:#1c2b50;
}
.invalid{
	color:red;
}
.valid{
	color:green;
}
.task_over{
	border-top: solid 1px;
	border-bottom: solid 1px;
	background:#ddd;
}
.task_over:hover{
	background:#fff;
	cursor:pointer;
}
/* -/Login */
div.ccuserbox{
	float:left;
	background-color:#1c2b50;
	color:#fff;
	height:14px;
	font-size:12px;
	padding:2px;
	margin-right:3px;
	text-align:center;
	border-radius: 2px;
}
div.ccuserbox:hover{
	color:#1c2b50;
	background-color:#fff;
	cursor:pointer;
}

#ddmeny .icon {
  display: none;
}
/* site.vare */
.fort_dd{
	position: relative;
	display: inline-block;
}
.fort_content{
	display: none;
	position: absolute;
	left:-200px;
	background-color: #f1f1f1;
	width: 150px;
	height: 50px;
	padding:10px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

	background-color: #1c2b50;
	color:#fff;
	border:1px solid #c4cddb;
	border-top-color:#d3dbde;
	border-bottom-color:#bfc9dc;
	/*box-shadow:0 1px 1px #ccc;*/
	z-index:50;
}
.fort_dd:hover .fort_content {display: block;}

/*fjerning av piler p� number input*/
/* Chrome, Safari, Edge, Opera */
input.noarrow::-webkit-outer-spin-button,
input.noarrow::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number].noarrow {
  -moz-appearance: textfield;
}
/* ---site.vare */
.besk{
	height:20px;
}