@charset "utf-8";
/* CSS Document */
/**************************************** I bruk i ny portal ****************************************************************/
/************ Endring av standardelementer ****************/
  html, body  {
    padding: 0;
    margin: 0;
}

body {
	font-family					: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size					: small;
	font-style					: normal;
	font-variant				: normal;
	color						: #303030;
}
/*
table{
	border-collapse:collapse;	
}
*/
td {
	font-family					: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size					: x-small;
	font-style					: normal;
	font-variant				: normal;
	color						: #303030;
}


h1 {
	font-size: large;
	font-weight: bold;
	color: #1d3343;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: medium;
	font-weight: bold;
	color: #205c6c;
	margin: 0px;
	padding: 0px;
	/*display:inline;*/
	margin-bottom:0.5em;
}
h3 {
	font-weight: bold;
	color: #205c6c;
	margin-top:0.4em;
	margin-bottom:0.2em;
}
hr {
	border: 0;
	width: 100%;
	height: 2px;
	color: #5597a8;
	background-color:#5597a8;
}
a:link { 
	font-weight: bold;
	color: #205c6c;
	text-decoration:none;
}
a:visited { 
	font-weight: bold;
	color: #205c6c;
	text-decoration:none; 
}
a:hover {
	font-weight: bold;
	color: #3eb397;
	text-decoration:underline; 
}
input{
    border:solid 1px #cecece;;
	padding:3px;    

}
input.number{
    border:solid 1px #cecece;;
	padding:3px;
	text-align:right;    

}
input.digits{
    border:solid 1px #cecece;;
	padding:3px;
	text-align:right;    
}
input.search_field {
	width: 100%;
	box-sizing: border-box;
  	border: 1px solid #cecece;
  	border-radius: 4px;
	padding: 5px 20px 5px 40px;
	margin: 5px 0px;
	background: transparent url("../images/icons/search.svg") no-repeat 13px;
}

input[readonly], input[readonly="readonly"] {
    background-color:#eeeeee;
}
select {
    border:solid 1px #cecece;
		 
}

textarea {
	border: 1px solid #cecece;
	padding: 5px;

}
/**************************** jQuery ui override ********************************/
/*
.ui-selectmenu-text{
	font-size: 1.3em;
	color: #fff;
}
*/
/************** Enkle klasser med mye brukt funksjonalitet **********************/

.double_underline {
	border-bottom:4px double #555555;
}
.underline {
	border-bottom:2px solid #555555;
}
.sumline {
	border-top: 1px solid #205c6c;
	border-bottom: double #205c6c;
}
.hide {
	display:none;	
}
.show {
	display:block;	
}
.hidden {
	visibility:hidden;
}
.visible {
	visibility:visible;
}
.bold{
	font-weight:bold !important;
}
.disabled_text{
	color: #999999;
}
.nowrap{
	white-space: nowrap;
}
.pointer{
	cursor:pointer;	
}
.center{
	text-align:center !important;	
}
.right{
	text-align:right !important;	
}
.float_right{
	float:right;
}
.top{
	vertical-align:top !important;	
}
.x_top{
	position:absolute;
	top:0;
}
.inline{
	display:inline;
}
.middle{
	vertical-align:middle !important;	
}
.bottom{
	vertical-align:bottom !important;	
}
.width_100{
	width:100%;
}
.width_99{
	width:99%;
}
.width_98{
	width:98%;
}
.width_97{
	width:97%;
}
.width_96{
	width:96%;
}
.width_95{
	width:95%;
}
.width_90{
	width:90% !important;
}
.width_85{
	width:85%;
}
.width_80{
	width:80%;
}
.width_70{
	width:70%;
}
.width_60{
	width:60%;
}
.width_50{
	width:50%;
}
.width_40{
	width:40%;
}
.width_30{
	width:30%;
}
.padding_right_1{
	padding-right:1em !important;
}
.padding_right_2{
	padding-right:2em !important;
}
.padding_right_3{
	padding-right:3em !important;
}
.padding_left_1{
	padding-left:1em !important;
}
.padding_left_2{
	padding-left:2em !important;
}
.padding_left_3{
	padding-left:3em !important;
}
.margin_05{
	margin:0.5em 0.5em 0.5em 0em !important;
}

.no_whitespace_left{
	margin-left:0;
	padding-left:0;
}
.no_whitespace_right{
	margin-right:0;
	padding-right:0;
}
.no_whitespace_top{
	margin-top:0;
	padding-top:0;
}
.no_whitespace_bottom{
	margin-bottom:0;
	padding-bottom:0;
}

/************* Hovedside layout ***************/
/* Setter fontstørrelse på jquery ui buttons i select-menyer*/
#language-button { font-size:small !important;}
#company-button { font-size:small !important;}

#menu_div {
	float:left;
	vertical-align:top;
	/*Blir regnet ut og satt av javascript, men settes for å unngå at innhold flytter seg under lasting*/
	width:220px;
}

/* Fikser problem med horisontal skroll!*/
#main_div {
	padding:1em 0px 1em 1em;
	/*Blir regnet ut og satt av javascript, men settes for å unngå at innhold flytter seg under lasting*/
	position: absolute;
	left:220px;
	width:calc(100% - 240px); /*100% - menybredde og padding*/
}

#overlay {
	display:none;
	position:absolute;
	background-color:#fff;
	z-index:1;	
}

#dialog-confirm {
	font-size:small;
	color:#dd0000;
}

.top_header{
	background-color:#092130;
	margin: 0px;
	padding: 0px;
	font-size: x-small;
	font-weight: bold;
	color: #fff;
	height: 30px;
	width: 100%;		
}

.top_header_field {
	background-color: #205c6c;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #ededed;
	border-bottom:1px solid #092130;
	min-width:200px;
}

#login_div {
	padding:10px;
	background-color:#205C6C;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;	
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;	
	width:400px;
	display:none;
}
#login_div div{
	background-color:#092130;
}
#login_div td{
	color:#ededed;
	font-weight:bold;
	font-size:small;
}

#login_logo{
	background-color:#092130 !important;
	padding:10px;
	margin-bottom:10px;	
}

.logout_div {
	margin: 0px;
	padding: 3px;
	border:2px solid #1D7992;
	border-top:none;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;	
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	background-color: #b5bcc0;
	display:none;
	position:absolute;
	top:30px;
	width: 200px;
}

.logout_div td{
	color: #ededed;
}


/**************** Klasser som styler innebygd popup-funksjonalitet ***************/
.popup_div{
	display:none;
	border:1px solid #a4a4a4;
	background-color:#f5f5f5;
	z-index:1002;
	position:absolute;
	overflow:auto;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;	
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	box-shadow: rgba(0,0,0,0.6) 0 0 10px;
}

.popup_header_line {
	background-color:#2e4456;
}

.popup_lead_text {
	font-size: large;
	font-weight: bold;
	color: #fff;
	text-align:center;
}

#move_area{
	cursor:move;	
}


/*************************************************************** Klasser for notification*****************************************************/
.notification {
  height: 0px;
  margin-right:20px;
  width: 250px;
  background: rgba(200, 200, 200, 0.7);
  right: 0;
  bottom: 0;
  position: fixed;
  transition: all 0.8s;
  padding-top: 0px;
  border-radius: 10px;
  vertical-align:top;
}
.notification_content {
  padding: 10px;
  padding-top: 3px;
  height:100%;
}
.notification_header {
  color:#318bbf;
  font-size:small;
  text-align:center;
}

.notification_band {
  position: absolute;
  top: 0;
  font-size:medium;
  cursor:pointer;	
  width: 100%;
  height: 20px;
  background: rgba(150, 150, 150, 0.7);
  text-align: right;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transition: all 0.8s;
}
.notification:hover {
  box-shadow: inset 0 0 5px black;
}
.notification_band:hover {
 background: rgba(170, 170, 170, 0.7);
 color:#318bbf;
}

/************************** Klasse som rammer inn med skygge *******************************/
.shadow_outline{
	border: 2px solid #5597a8;
  	padding:1em;
	margin:1em;
	box-shadow: rgba(0,0,0,0.8) 0 0 10px;  	
}
/************************** Klasse som rammer inn uten skygge *******************************/
.border_outline{
	border: 2px solid #5597a8;
	border-radius: 5px;
  	padding:1em;
	margin:1em;
	margin-top:0;	
}
/************************** Klasse som rammer inn inhold (Ikon med klasse info_icon vil plasseres øverst til venstre på rammen) *******************************/
.info_outline{
	position: relative;
	border: 2px solid #5597a8;
	border-radius: 5px;
  	padding:0.2em;
	margin:1em;
	margin-top:0;	
	margin-left:0;
	width: 95%;
	font-style: italic;
}
.info_outline .info_icon{
	position: absolute;
	top: -0.5em;
	left: 0.5em;
	background-color: white;
	color: #375a6e;
}
.info_outline ul{
	margin-block-start: 0.5em;
	margin-block-end: 0.5em;
}
/************************** Klasse som rammer inn med svart ramme *******************************/
.border_outline_black{
	border: 2px solid #444;
	border-radius: 5px;
	border-top-left-radius:0px;  	
	padding:1em;
	margin:1em;
	margin-top:0;	
}

/************************** Klasse for alternerende bakgrunn *******************************/

.odd{
	background: #f5f5f5 !important;
}
.odd:hover{
	background: #d0d0d0 !important;
}
.even{
	background: #e5e5e5 !important;
}
.even:hover{
	background: #d0d0d0 !important;
}

/******************* Stiler for funksjonsoverskrifter ***********************/
.function_header {
	font-size: small;
	font-weight: bold;
	color: #444444;
	border-bottom:2px solid #5597a8;
	/*margin-bottom: 0.5em;*/
}


.function_header_2{
	font-size: small;
	font-weight: bold;
	color: #205c6c;

	margin-top:0.5em;
	margin-bottom:0.5em;
}
.function_header_2 h2{
	margin-bottom:0px;
}

/* Flyttet til egen fil
.dropzone{
}
*/


/******************** Klasser for egen tab-funksjonalitet (Eksempel for bruk i Moveo Faktura)****************************/
.tab_buttons{
	margin-top:1em;
	margin-left:1em;
}

.tab_button{
	background-color:#ffffff;
	color:#808080;
	font-size:medium;
	margin-right:0.5em;
	min-width:110px;
	height: 30px;
	border: 2px solid #444;	
	border-bottom:none;
	border-radius: 5px 5px 0 0;

}
.tab_button:hover{
	position: relative; 
	top: 2px;
	cursor:pointer;
}
.tab_button:focus {
	border: 2px solid #444;	
	border-bottom:none;
	border-radius: 5px 5px 0 0;
	outline:none !important;

}
.tab_button_active{
	background-color:#ffffff;
	/*color:#318BBF;*/
	color:#444;
	font-size:medium;
	font-weight:bold;
	margin-right:0.5em;
	min-width:110px;
	height: 30px;
	border: 2px solid #444;	
	border-bottom:none;
	border-radius: 5px 5px 0 0;
	position: relative; 
	top: 2px;
}

.tab_button_active:focus {
	border: 2px solid #444;	
	border-bottom:none;
	border-radius: 5px 5px 0 0;
	outline:none !important;

}

/**** CSS for tabell med overskrift med blå bakgrunn, alternerende lys grå bakgrunn på linjer med mørkere grå på hover *******/
.full_table_list {
	width:100%;
}

.full_table_list tr:nth-child(2n+1) {
	background-color: #f5f5f5;
}
.full_table_list tr:nth-child(2n+2) {
	background-color: #e5e5e5;
}

.full_table_list tr:nth-child(1n+1):hover {
	background: #d0d0d0;
}

.full_table_list th:not(.table_list_inner){
	text-align:left;
	font-size:x-small;
	border-bottom:#2e4456 2px solid;
	padding:3px;
	padding-top:7px;
	background-color:#205c6c;
	color:#ededed;
}
/* Klasse som settes på td som ikke skal ha bakgrunn og hover */
.full_table_list .no_content  {
	background: #fff;
	padding: 0px 10px 0px 0px;
}
.full_table_list .no_content:hover {
	background: #fff;
}


/**** CSS for tabell med overskrift med mørk grå bakgrunn, alternerende lys grå bakgrunn på linjer med mørkere grå på hover *******/
.full_table_list_black {
	width:100%;
}
.full_table_list_black tr:nth-child(2n+1) {
	background-color: #f5f5f5;
}
.full_table_list_black tr:nth-child(2n+2) {
	background-color: #e5e5e5;
}

.full_table_list_black tr:nth-child(1n+1):hover {
	background: #d0d0d0;
}

.full_table_list_black th:not(.table_list_inner){
	color:#fff;
	text-align:left;
	font-size:x-small;
	border-bottom:#444 2px solid;
	padding:3px;
	padding-top:7px;
	background-color:#777;
}




/**** CSS for tabell med overskrift med blå bakgrunn, alternerende lys grå bakgrunn på linjer med mørkere grå på hover og ikke style på siste td*******/
.table_list{
    border-spacing: 0px;
    border-collapse: separate;	
}
.table_list tr:not(.table_list_inner):nth-child(2n+2){
	background: #f5f5f5;
}
.table_list tr:not(.table_list_inner):nth-child(2n+3){
	background: #e5e5e5;
}
.table_list tr:not(.table_list_inner):nth-child(1n+2):hover{
	background: #d0d0d0;
}
.table_list td {
	padding:3px;	
}
table.table_list td:not(table_list_inner):last-child {background-color: #fff;}
/*.table_list_inner td:last-child {background-color:inherit !important;}*/

table.table_list_inner tr td {background-color:inherit !important;} /*background-color:transparent !important;*/

.table_list th:not(.table_list_inner){
	text-align:left;
	font-size:x-small;
	border-bottom:#2e4456 2px solid;
	padding:3px;
	padding-top:5px;
	background-color:#205c6c;
	color:#ededed;
}
/* Klasse som settes på td som ikke skal ha bakgrunn og hover */
.table_list .no_content  {
	background: #fff;
}
.table_list .no_content:hover {
	background: #fff;
}
.table_list .popup_bg {
	background-color: #f5f5f5 !important;
}




/**** Samme som over, men med linje for insert først *******/
.table_list_insert{
    border-spacing: 0px;
    border-collapse: separate;	
}

.table_list_insert tr:not(.table_list_inner):nth-child(+2) {
	background-color:#205c6c;
	font-weight:bold;
}
.table_list_insert tr:not(.table_list_inner):nth-child(+2) td{
	color:#ededed;	
}
.table_list_insert td {
	padding:3px;	
}
.table_list_insert tr:not(.table_list_inner):nth-child(2n+3) {
	background: #f5f5f5;
}
.table_list_insert tr:not(.table_list_inner):nth-child(2n+4) {
	background: #e5e5e5;
}
.table_list_insert tr:not(.table_list_inner):nth-child(1n+3):hover {
	background: #d0d0d0;
}
table.table_list_insert td:not(.table_list_inner):last-child {background-color: #fff;}


.table_list_insert th:not(.table_list_inner){
	text-align:left;
	font-size:x-small;
	border-bottom:#2e4456 2px solid;
	padding:3px;
	padding-top:5px;
	background-color:#205c6c;
	color:#ededed;
}

/* Klasse som settes på td som ikke skal ha bakgrunn og hover */
.table_list_insert .no_content  {
	background-color: #fff;
}
.table_list_insert .no_content:hover {
	background-color: #fff;
}

/**** Samme som over, men med grått design *******/
.table_list_insert_black tr:not(.table_list_inner):nth-child(+2) {
	color:#fff;
	text-align:left;
	font-size:x-small;
	border-bottom:#444 2px solid;
	padding:3px;
	padding-top:7px;
	background-color:#777;;

}
.table_list_insert_black tr:not(.table_list_inner):nth-child(+2) td {
	color:#fff;
	font-weight:bold;
	text-align:left;
	font-size:x-small;
	border-bottom:#444 2px solid;

}
.table_list_insert_black tr:not(.table_list_inner):nth-child(2n+3) {
	background: #f5f5f5;
}
.table_list_insert_black tr:not(.table_list_inner):nth-child(2n+4) {
	background: #e5e5e5;
}
.table_list_insert_black tr:not(.table_list_inner):nth-child(1n+3):hover {
	background: #d0d0d0;
}
.table_list_insert_black td:not(.table_list_inner):last-child {background-color: #fff;}


.table_list_insert_black th:not(.table_list_inner){
	color:#fff;
	text-align:left;
	font-size:x-small;
	border-bottom:#444 2px solid;
	padding:3px;
	padding-top:7px;
	background-color:#777;
}

/* Klasse som settes på td som ikke skal ha bakgrunn og hover */
.table_list_insert_black .no_content  {
	background: #fff;
}
.table_list_insert_black .no_content:hover {
	background: #fff;
}
/****************************************************************************************************************************************************/



.table_list_button{
	margin-left:2em;
	margin-top:0;
}

.table_list_select{
	margin-left:1em;
	height:26px ;
	vertical-align:top;
	min-width:110px;
	font-size:small;
}
.table_list_header{
	border-top: 2px solid #092130; /*ABD2F5*/
	border-bottom: 2px solid #205c6c;
	background-color: #092130;
	color: #dfdfdf;
	padding: 5px;
	font-size:small;
	font-weight:bold;
}
/********* Klasser som styler linjer med alternativ farge i table_list*/
.table_list_warning{
	background-color: #FFBBBC !important;
}
.table_list_warning:not(.nohover):hover{
	background-color: #F4A1A2 !important;	
}
.table_list_warning_hover{
	background-color: #F4A1A2 !important;	
}

.table_list_ok{
	background-color: #c9eae2 !important;
}
.table_list_ok:not(.nohover):hover{
	background-color: #b9dad2 !important;	
}
.table_list_ok_hover{
	background-color: #b9dad2 !important;	
}

/* Experimental to avoid last td when in class table_list
.table_list .table_list_ok  td:not(:last-child){
	background-color: #c9eae2 !important;
}
.table_list .table_list_ok:not(.nohover):hover td:not(:last-child){
	background-color: #b9dad2 !important;	
}
.table_list .table_list_ok_hover td:not(:last-child){
	background-color: #b9dad2 !important;	
}
*/

.table_list_yellow{
	background-color: #FFFFDC !important;
}
.table_list_yellow:not(.nohover):hover{
	background-color: #F3F3DC !important;	
}
.table_list_error{
	background-color: #FFCCCB !important;
}
.table_list_error:hover{
	background-color: #FFBBBA !important;	
}
.table_list_dark{
	background-color: #e5e5e5  !important;
}
.table_list_light{
	background-color: #f5f5f5 !important;
}
/************************** Klasse som setter anteo-bakgrunn på rad - siste td *******************************/
tr:not(:last-child).table_list_tr_select{
	background-color: #3EB397 !important;
	color: #ededed  !important;
	font-weight: bold;
}
/*********************** Knapper ****************************/


.moveo_button {
	background-color:#3EB397 !important;
	text-indent:0 ;
	display:inline-block ;
	color:#f5f5f5  !important;
	font-family:Arial;
	font-size:13px ;
	font-weight:bold ;
	font-style:normal ;
	height:28px ;
	line-height:25px ;
	min-width:110px ;
	text-decoration:none;
	text-align:center ;
	/*
	text-shadow:1px 1px 1px #528ecc;
	*/
	cursor:pointer ;
	padding: 0 !important;
	transition:color 1s ease-in, background 1s ease-in;
	border:none !important;
}

.moveo_button:hover {
	background-color:#C9EAE2 !important;
	color:#3EB397  !important;
}

.moveo_button:focus {
    border:none !important;
	outline:none !important;
}
.moveo_button:active {
	position:relative;
	top:1px
}

.moveo_button_grey {
	background-color:#a4a4a4 !important;
	text-indent:0 ;
	display:inline-block ;
	color:#ededed  !important;
	font-family:Arial;
	font-size:13px ;
	font-weight:bold ;
	font-style:normal ;
	height:28px ;
	line-height:25px ;
	min-width:110px ;
	text-decoration:none;
	text-align:center ;
	cursor:pointer ;
	padding: 0 !important;
	transition:color 1s ease-in, background 1s ease-in;
	border:none !important;
}

.moveo_button_grey:hover {
	background-color:#ededed !important;
	color:#888  !important;
}

.moveo_button_grey:focus {
    border:none !important;
	outline:none !important;

}
.moveo_button_grey:active {
	position:relative;
	top:1px
}

textarea:focus, input:focus, input[type]:focus, select:focus, .uneditable-input:focus {   
   outline: rgba(62, 179, 151, 0.5) solid 1px;   
}

.disabled_button {
	
	-moz-box-shadow:inset -50px -50px 0px -50px #888888 !important;
	-webkit-box-shadow:inset -50px -50px 0px -50px #888888 !important;
	box-shadow:inset -50px -50px 0px -50px #888888 !important;
	background-color:#555555 !important;
	text-shadow:1px 1px 1px #222222 !important;
	cursor:default !important;
	padding: 0 !important;
	border:none !important;
}
/*************************** Klasser for passord validering ***************************************/
#password-strength-status {
	padding: 2px 2px;
	width: 2em;
	color: #FFFFFF;
	border-radius: 4px;
	margin-bottom: 5px;
	display: inline-block;

	
}
#password-equal-status {
	padding: 2px 2px;
	width: 2em;
	color: #FFFFFF;
	border-radius: 4px;
	margin-bottom: 5px;
	display: inline-block;
}
.weak-password {
	background-color: #ce1d14;
	border: #AA4502 1px solid;
}
.medium-password {
	background-color: #ffc43b;
	border: #996600 1px solid;
}
.strong-password {
	background-color: #b7d60a;
	border: #BBB418 1px solid;
} 			
.stronger-password {
	background-color: #12CC1A;
	border: #0FA015 1px solid;
}
/*************************** Ikon-klasser for bruk med Font Awesome *******************************/
.anteo-icon-default {
    color:#205C6C;
	background-color:transparent;
}
.anteo-icon-dissabled {
   	color:#999999;
	background-color:transparent;
}
.anteo-icon-red {
   	color:rgba(213,5,9,0.70);
	background-color:transparent;
}
.anteo-icon-black {
   	color:#444;
	background-color:transparent;
}
.anteo-icon-disabled {
   color:#999999;
	background-color:transparent;
}
.anteo-icon-white {
   	color:#fff;
	background-color:transparent;
}
.moveo-icon-default-small {
    color:#205C6C;
	background-color:transparent;
	font-size:small !important;
	font-weight:bold;
}
.moveo-icon-default-medium {
    color:#205C6C;
	background-color:transparent;
	font-size:medium !important;
	font-weight:bold;
}
.moveo-icon-default-large {
    color:#205C6C;
	background-color:transparent;
	font-size:large !important;
	font-weight:bold;
}
.moveo-icon-menu {
    color:#205C6C;
	background-color:transparent;
	font-size:large !important;
	font-weight:bold;
	padding-left:0.5em;
	cursor:pointer;
}

.moveo-icon-disabled-small {
   color:#999999;
	background-color:transparent;
	font-size:small !important;
	font-weight:bold;
}

.moveo-icon-red-small {
    color:#dd0000;
	background-color:transparent;
	font-size:small !important;
	font-weight:bold;
}
.moveo-icon-red-medium {
    color:#dd0000;
	background-color:transparent;
	font-size:medium !important;
	font-weight:bold;
}
.moveo-icon-red-large {
    color:#dd0000;
	background-color:transparent;
	font-size:large !important;
	font-weight:bold;
}
.moveo-icon-black-small {
    color:#444;
	background-color:transparent;
	font-size:small !important;
	font-weight:bold;
}
.moveo-icon-black-medium {
    color:#444;
	background-color:transparent;
	font-size:medium !important;
	font-weight:bold;
}
.moveo-icon-black-large {
    color:#444;
	background-color:transparent;
	font-size:large !important;
	font-weight:bold;
}
.moveo-icon-white-small {
    color:#fff;
	background-color:transparent;
	font-size:small !important;
	font-weight:bold;
}
.moveo-icon-white-medium {
    color:#fff;
	background-color:transparent;
	font-size:medium !important;
	font-weight:bold;
}
.moveo-icon-white-large {
    color:#fff;
	background-color:transparent;
	font-size:large !important;
	font-weight:bold;
}
/*************************************************************************************************************************************/


.list_cell_lighter {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 0.5);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff00, endColorstr=#ffffff00);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff00, endColorstr=#ffffff00)";
}






.error_text{
	color: #dd0000;
	padding-top:5px;
}

.error_text_bold{
	color: #dd0000;
	font-weight:bold;
}
.errorfield {
    border:solid 1px #dd0000;
	background-color:#FFE5CC;
	outline:none;
	padding: 10px;
}
.success_field {
    border:solid 1px #375a6e;
	background-color:#c9eae2;
	outline:none;
	padding: 10px;
}
.errormessage {
    border:solid 1px #dd0000;
	border-radius: 5px;
	color:#dd0000;
	font-weight: bold;
	background-color:#FFE5CC;
	outline:none;
	padding: 10px;
}
.successmessage {
    border:solid 1px #375a6e;
	border-radius: 5px;
	color:#375a6e;
	font-weight: bold;
	background-color:#c9eae2;
	outline:none;
	padding: 10px;
}
.warning_field {
    border:solid 2px #dd0000;
	background-color:#FFE5CC;
	color: #dd0000;
	font-size:medium;
	padding:0.5em;
	margin-bottom:0.5em;
}
.warning_field_small {
	background-color:#FFE5CC;
	font-size:small;
	padding:0.5em;
	margin-bottom:0.5em;
}
.arrow_box_left{
  display: inline-block;
	position: relative;
	background: #ffbbbc;
	padding: 10px;
  padding-left:15px;
  margin-left:50px;
}
.arrow_box_left:after{
	content: '';
	display: block;  
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -25px;  
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-right: 25px solid #ffbbbc;
	border-bottom: 25px solid transparent;
	border-left: 25px solid transparent;
}

/* Fjerner padding i tab-innhold
.ui-tabs-panel{
	padding:0px !important;
}
*/
.ajax_load {
   background:
     url('../images/spinners/ajax_loader.gif')
     no-repeat
     right center;
	 background-position: right 2px center;
	 background-color: #fff;
}
.ajax_static {
   background:
     url('../images/spinners/ajax_loader_static.gif')
     no-repeat
     right center;
	 background-position: right 2px center;
	 background-color: #fff;
}
.ajax_static[disabled], .ajax_static[disabled="disabled"] {
    background-color:#eeeeee;
}
.form_text {
	font-size: xsmall;
	font-weight: bold;
	color: #205C6C;
}


/**************** Tooltip start **********************/
  .ui-tooltip, .arrow:after {
    background: #f5f5f5;	
    border: 2px solid #205c6c;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: #555555;
    border-radius: 20px;
    /*font: bold 14px "Helvetica Neue", Sans-Serif;*/
	font-size: x-small;
    /*text-transform: uppercase;*/
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
/**************** Tooltip stop **********************/