@charset "utf-8";

/*
Main innholder formatering for
	BODY
	CONTAINER
	HEADER
	MENY
	CONTENT
	FOOTER



*/


.ms_add_question {
	background-color: aquamarine;
}

.ms_background {
	background-color: #FEDE01;
}


ul.ui-autocomplete {
    z-index: 1100;
}

.hms_godkjent {
	background-color: green;
	text-align-last: center;
	color: whitesmoke;
}

.hms_ikke_godkjent {
	background-color: red;
	text-align-last: center;
	color: whitesmoke;
}

.hms_ikke_sjekket {
	
	background-color: whitesmoke;
	color: black;
	text-align-last: center;
}

.hms_ikke_relevant {
	background-color: #7a6dbb;
	color: white;
	text-align-last: center;
}

.hms_button {
	
	width: 90%;
	
}

/* formatering hoved - body */
body {
	height: auto;
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*background: #FFF url(../img/gradvis2.jpg) repeat-x scroll left top;*/
	font-size: 15px;

}

/* formatering container hvor alt innhold kommer inne i body */
.container-fluid {
	width: 100%;
	background-color: white;
	padding: 0px;
	margin: 0px;
	/*overflow: scroll;*/
}


/* ~~HEADER ~~ */


#header {
	width: 100%;
	margin-top: 0px;
	position: fixed;
	top:0;
	width: 100%;
	margin-top: 0px;
	background-color: #000;
	color: rgba(200,196,196,1.00);
	padding: 5px;
	z-index:2;

	}


#logo_timeseddel {
	width: 30%;
	min-width:430px;
	float: left;
	color: #CCC;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-left: 5%;
	text-align: left;


}

/* HEADER KUNDEOPPLYSNINGER */
#header_kundeopplysninger {
		color: #CCC;
		width: 30%;
		min-width:330px;
		float:right;
		margin-right:5%;
	    padding-top: 5px;

}

#header_kundeopplysninger h4 {font-size:21px;
			color: #FFF;
			margin-top:3px;
			}
#header_kundeopplysninger h5 {font-size:12px;}

#kunde_logo {
	float: left;
	clear:left;
	margin-right: 15px;

}

/* ~~HEADER ~~ */

#meny {

	position: fixed;
	top:0px;
	width: 100%;
    z-index: 2;
	width: 100%;
	background-color: #CCC;
	border-top: 2px solid #999;
	border-right: none;
	border-bottom: 2px solid #999;
	border-left: none;
}




#content {
	margin-top:80px;
	background-color: white;
	min-height: 300px;
	font-size:12px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 10px;
	z-index: 1;


	}

#content {
	width: 97%;
	float: left;
	background-color: #FFF;
	min-height: 300px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom: 10px;
	margin-right:auto;
	margin-left: auto;
}


#content_rapport {

	width: 100%;
	padding:10px;
	font-size:10px;


}


/* ~~ The footer ~~ */

#footer {
	text-align: center;
	clear: left;
	width: auto;
	color: #FEDE01;
	padding: 13px 5px 5px;
	margin-top:5px;
	background-color:black;
	/*background: #333 url(../img/footergradvis.jpg) repeat-x;*/
	}


/*Diverse standard instillingerer for applikasjonen*/


@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{ display: block; page-break-before: always; }
}


a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	/*color: #039; */
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color:#333;
	/*background: #09F;	*/
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding-left: 5px;
	margin: 0;
	color: #03F;
	text-align: left;
	list-style-type:none;

}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	margin-bottom:5px;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */


}

/* NAVIGERINGS CSS */


 /* Some stylesheet reset */
.nav, .nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}

/* The main container */
.nav {
	/* Layout and positioning */
	display: block;
	position: relative;
	height: 34px;
	/*width: 750px;  CHANGE this if you want another width or remove it if you want the width of the container */
	border-radius: 3px;
	border: 1px solid #c1c1c1;

	/* Background and effects */
	background: #eaeaea; /* Background for IE9 and older browsers */
	background: -webkit-linear-gradient(bottom, #e1e1e1, #f4f4f4); /* Background for Chrome & Safari */
	background: -moz-linear-gradient(bottom, #e1e1e1, #f4f4f4); /* Background for Firefox */
	background: -o-linear-gradient(bottom, #e1e1e1, #f4f4f4); /* Background for Opera */
	background: -ms-linear-gradient(bottom, #e1e1e1, #f4f4f4); /* Background for Internet Explorer 10 */
	box-shadow: inset 0 1px 0 #fff;
}

.nav>li {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
}

/* The main navigation links */
.nav>li>a {
	/* Layout */
	display: block;
	padding: 11px 20px;
	/* Typography */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 #fff;
	/* Effects */
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

/* The hover state of the navigation links */
.nav>li>a:hover, .nav>li:hover>a {
	background: #fff;
	background: rgba(255, 255, 255, .6);
	color: #333;
}

.nav>li:first-child>a {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.nav>.dropdown>a {
	padding-right: 26px;
}

/* The arrow indicating a dropdown menu */
.nav>.dropdown>a::after {
	 content: "";
	 position: absolute;
	 top: 14px;
	 right: 11px;
	 width: 4px;
	 height: 4px;
	 border-bottom: 1px solid #9a9a9a;
	 border-right: 1px solid #9a9a9a;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 -moz-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
	}

/* Changing the color of the arrow on hover */
.nav>.dropdown>a:hover::after, .nav>.dropdown:hover>a::after {
	border-color: #999;
}

.nav ul {
	position: relative;
	position: absolute;
	left: -9999px;
	display: block;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}



/* Level 1 submenus */
.nav>li>ul {
	padding-top: 0px;
	z-index: 99;
	border-top: 1px solid #c9c9c9;
	top: 34px;
}

/* Making the level 1 submenu to appear on hover */
.nav>li:hover>ul {
	left: -1px;
}

/* Level 2+ submenus */
.nav ul ul {
	left: -9999px;
	top: 0px;
	z-index: 999;
}

/* Making the level 2+ submenu to appear on hover */
.nav ul>li:hover>ul {
	left: 120px;
	top: -1px;
}

/* The submenu link containers */
.nav ul li {
	position: relative;
	display: block;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;

	/* Creating the slide effect. The list elements which contain the links have 0 height. On hover, they will expand */
	height: 0px;
	-webkit-transition: height .3s;
	-moz-transition: height .3s;
	-o-transition: height .3s;
	-ms-transition: height .3s;
}

/* Expanding the list elements which contain the links */
.nav li:hover>ul>li {
	height: 25px;
}

.nav ul li:hover>ul>li:first-child {
	height: 26px;
}

/* The links of the submenus */
.nav ul li a {
	/* Layout */
	display: block;
	width: 120px;
	padding: 6px 10px 6px 20px;
	border-bottom: 1px solid #e1e1e1;
	/* Typography */
	font-size: 12px;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	/* Background & effects */
	background: #fff;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
}

/* The hover state of the links */
.nav ul li>a:hover, .nav ul li:hover>a {
	background: #e9e9e9;
	color: #333;
}

.nav ul ul>li:first-child>a {
	border-top: 1px solid #c1c1c1;
}

.nav ul>li:last-child>a {
	border-bottom: 1px solid #c1c1c1;
}


/* The arrow indicating a level 2+ submenu */
.nav ul>.dropdown>a::after {
	content: "";
	 position: absolute;
	 top: 10px;
	 right: 8px;
	 width: 4px;
	 height: 4px;
	 border-bottom: 1px solid #a6a6a6;
	 border-right: 1px solid #a6a6a6;
	 -webkit-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	 -moz-transform: rotate(-45deg);
	 -o-transform: rotate(-45deg);
}

.nav ul>.dropdown:hover>a::after, .nav ul>.dropdown>a:hover::after {
	border-color: #a1a1a1;
}



/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}



/* ~~ standardinstilling tabeller ~~ */

.table_header {
	background: #FEDE01;
	font-weight: bold;
	padding: 5px;
}


table {
	/*border: thin solid #999;*/
	/*border-collapse: collapse;*/
	/*color: #000;*/
}

table caption, .formcaption {
	font-size: large;
	font-weight: bolder;
	color: #000;
	margin-bottom: 15px;
	text-align: center;
}

th {
	/*background: url(../images/thgradvis.jpg) repeat-x;*/
	/*background: #09F;*/
	background: #FEDE01;
	font-weight: bold;
	padding: 5px;
	/*border: 2px solid #999;*/

	}

td {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	/*border: thin solid #999;*/
}


table tfoot {
    color: #000;
	background-color:#CCC;
	font-weight:bold;

}

.delsum {
	font-weight:bold;
	border-color: #666;
	background: #CCC;
}

.ikkegodkjent {background-color: #C30;
		color: #CCC;

}

table tr {

}

table tr:hover {
/*	background: #FC6;*/
	/*background: #09F;*/
	background-color: #eee;
	color:#000;
}

.topHeaderRow {
	text-align: center;
	font-size: .8em;
}

table tr td.hasInput {
	position: relative;
	padding: 0;
}
table tr td.hasInput input {
	position: absolute;
	height: 100%;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	padding: 10px;
	background: transparent!important;
	border: 0;
}

.tabelloverskrift {
	text-align:center;
	font-size:24px;
	margin-bottom: 5px;
	clear:left;
}


/*table.data td {
	font-size: 0.9em;
	border: thin solid;
	padding: 5px;
}*/
table.data caption,
table.input caption {
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
	text-align: center;
	padding-bottom: 10px;
	margin: 0px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

table.input {
	border: thin solid #000;
	border-collapse: collapse;
}
table.input th {
	color: #F90;
	font-weight: bold;
	padding: 5px;
	border: thin solid #009;
}
table.input td {
	font-size: 0.9em;
	border: thin none #333;
	padding: 5px;
	background: #6CF;
}



.container .content form table {
	font-size: 14px;
}


.meldingform {
	float: left;
	width: 600px;
	border-bottom: inset;
	}


.meldingform fieldset {
	border:none;
	margin-top:15;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#6CF;
}


.datorapport {
	width: 300px;

}




.slettbrukerform {
	float: left;
	width: 400px;
	border-bottom: inset;
	}

.slettbrukerform fieldset {
	border:none;
	margin-top:15;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#F33;
}



textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#filter {
	width: 250px;
	margin-left: 5px;
	margin-top: 5px;


}


.hjelp {
	float: left;
	border: thin solid #C30;
	margin: 30px;
	padding: 20px;
	height: auto;
	width: auto;
	color: #09C;
}

.melding {
	color: #F00;
	background: #FFF;
	clear: both;
	float: left;
	font-size: 14px;
	width: 500px;

}

.ingen_data {
	font-size: 16px;
	color: #666;

	}


.meldinger {
	color: #000;
	background: #CCC;
	padding: 10px;
	margin-bottom: 10px;
	border-radius:5px;


}

#informasjonsoverskrift {
	color:yellow;
	font-size: 24px;
	margin-bottom: 10px;
}

.meldingoverskrift {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.meldingstekst {

	color: #000;
	font-size: 12px;
	padding-bottom: 5px;
	margin-bottom: 5px;


}

.meldingfra {
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #2d2d2d;
	border-bottom: thin solid yellow;
	margin-bottom:5px;
}



.hjelpetekst {
color:#F63;
font-size:9px;

}

#beskjed {
	color: #F00;
	font-size: 1.2em;
	font-weight: bolder;
 }



.button_endre {
	height:18px;
	width:40px;
	border-radius:3px;
	font-size:11px;
	padding:1px;

}

.button_slett {
	height:18px;
	width:40px;
	border-radius:3px;
	font-size:11px;
	padding:1px;
	background-color: #F63;


}



.ekstern_ref {
	border-top: #777 solid 1px;
	color:#777;
	display: inline-block;
	width: 100%;
	font-size: .8em;
	/*background-color: rgba(236, 124, 37,.5)*/
}


.lk-avventer {
	background-color: #FFDDB2;
	/*color:#999;*/
}
.lk-avvist {
	background-color: #f9cccc;
	/*color:#999;*/
}

.prosjekt_ingen_registreringer {
	
	background-color: #CDE2FA;
}


.font-white {
	color: #fff!important;
}



.buttonLink , .documentsLink {
	position: relative;
	display: inline-block;
	color:#6c757d!important;
}

.buttonLink:hover , .documentsLink:hover {
	color: #5a6268!important;
}



.documentsLink::after{
	content:attr(data-number);
	display: inline-block;
	line-height: 20px;
	height: 20px;
	width: 20px;
	border-radius: 10px;
	background-color: #fede04;
	color: #111;
	text-align: center;
	position: absolute;
	top: -5px;
	right: -5px;
}

.documentsLink[data-number='0']:after {
	display: none;
}



/*DEL MODUL*/

.shared_wrapper {
	margin:10px 0;
	font-size: 10px;
	color:#999;
}
.share_button {
	color: #999!important;
}
.share_button:hover {
	color: #666!important;
}







/* ENDRE FAKTURA RAPPORT */

.rapport_fakturer_input_td {
}

.rapport_fakturer_input_td.pris {
	width: 130px;
}
.rapport_fakturer_input_td.timer {
	width: 80px;
}

.rapport_fakturer_input_td.radsum {
	text-align: right;
	vertical-align: middle;
}

.rapport_fakturer_input {
	display: inline-block;
	width: 100%;
}

.uploading, .uploaded, .upload_error {
	position: relative;
}

.uploading::after, .uploaded::after, .upload_error::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 2px;
	right: 2px;
	color: #999;
	display: inline-block;
}
.uploading:after {
	content:"\f2f1";
	-webkit-animation: rotation 2s infinite linear;

}
.uploaded:after {
	content: "\f058";
	font-weight: 400;
	color: #9DDDC3;
}
.upload_error:after {
	content: "\f057";
	font-weight: 400;
	color:#DDA69D;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}


.footerModal {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 2%;
	min-height: 50px;
	background-color: #176087;
	color: #fff;
}
.clearFooterModal {
	float: right;
	color: #fff;
}





.editing-row, .editing-row input {
	color : #fff;
}






fieldset.underprosjekt {
	background-color: #eee!important;
}

.underprosjekter h5{
	text-transform: uppercase;
	color: #9E9E9E;
	font-size: 12px;
	padding-left: 10px;
}
.spacer {
	height: 50px;
	background-color: #ccc;
	width: 10px;
	border-radius: 5px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 15px;
}
ul.subProjects {
	margin: 0;
	list-style-type: none;
	/* margin-bottom: 50px; */
}
li.subproject {
	display: block;
	padding: 10px;
	color: #333;
	margin-bottom: 3px;
}
li.subproject.currently_editing {
    border-left: 20px solid #fdde04;
}
li.subproject.active {
	background-color: #f0f0f0;
}
li.subproject.completed {
	background-color: #d7efda;
}
li.subproject.main {
	background-color: #333a4c;
	border-radius: 3px;
	color: white;
}

.subpHeader {
	display: inline-block;
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	margin-bottom: 10px;
}
.subpHeader .projectId {
	display: inline-block;

}
.subpHeader .meta {
	display: inline-block;
	text-transform: uppercase;
}
.subpHeader .meta a {
	color: #333;
}
li.subproject.main .subpHeader .meta a {
	color: #ccc;
}
.subpContent {

}
.subpFooter {
	display: inline-block;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.subpFooter ul.buttonRow {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.subpFooter ul.buttonRow li {
	display: inline-block;
	vertical-align: middle;
}
.subpFooter ul.buttonRow li a.button{
	display: inline-block;
	background-color: #6c757d;
	color: white;
	border-radius: 3px;
	padding: 1.4px 15px;
    margin-bottom: 2px;
}
li.subproject.main .subpFooter ul.buttonRow li a.button {
	background-color: #aaa;
	color: black;
}

li.subproject.main a.documentsLink {
	color: #aaa!important;
}

li.subproject.main a {
	color: #aaa;
}

.subpFooter .subpFormann {
	font-weight: bold;
	color: #777;
}
li.subproject.main .subpFooter .subpFormann {
	color: #ccc;
}

a.addSubproject {
	display: inline-block;
	padding: 4px 15px;
	margin-top: 40px;
	background-color: #6c757d;
	color: white;
	border-radius: 3px;
}

td.nopadding {
	padding: 0;
}

.toggleMe {
	display: inline-block;
	width: 100%;
	background-color: #6c757d;
	color: white!important;
	padding: 10px;
	text-align: center;
}

table.underprosjekter {
	width: 100%;
}
table.underprosjekter td {
}
td.options {
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	width: 5%;
}
td.options a {
	vertical-align: middle;
}

.underprosjekterWrapper {
	margin-left: 20px;
	padding-left: 20px;
	padding-top: 10px;
	margin-bottom: 20px;
	border-left: 5px solid #eee;
}


.hide_file {
    position: absolute;
    z-index: 1000;
    opacity: 0;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    font-size: 24px;
    width: 100%;
	
}

.hide_file_div {
  padding:5px 10px;
  background:#ccc;
/*  border:1px solid #00ad2d;*/
  position:relative;
  color: black;
  border-radius:2px;
  text-align:center;
  float:left;
  cursor:pointer
	
}