/*
YUI 3.12.0 (build 8655935)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
.yui3-g{letter-spacing:-0.31em;*letter-spacing:normal;*word-spacing:-0.43em;text-rendering:optimizespeed}.opera-only :-o-prefocus,.yui3-g{word-spacing:-0.43em}.yui3-u{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.yui3-u-1,.yui3-u-1-2,.yui3-u-1-3,.yui3-u-2-3,.yui3-u-1-4,.yui3-u-3-4,.yui3-u-1-5,.yui3-u-2-5,.yui3-u-3-5,.yui3-u-4-5,.yui3-u-1-6,.yui3-u-5-6,.yui3-u-1-8,.yui3-u-3-8,.yui3-u-5-8,.yui3-u-7-8,.yui3-u-1-12,.yui3-u-5-12,.yui3-u-7-12,.yui3-u-11-12,.yui3-u-1-24,.yui3-u-5-24,.yui3-u-7-24,.yui3-u-11-24,.yui3-u-13-24,.yui3-u-17-24,.yui3-u-19-24,.yui3-u-23-24{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.yui3-u-1{display:block}.yui3-u-1-2{width:50%}.yui3-u-1-3{width:33.33333%}.yui3-u-2-3{width:66.66666%}.yui3-u-1-4{width:25%}.yui3-u-3-4{width:75%}.yui3-u-1-5{width:20%}.yui3-u-2-5{width:40%}.yui3-u-3-5{width:60%}.yui3-u-4-5{width:80%}.yui3-u-1-6{width:16.656%}.yui3-u-5-6{width:83.33%}.yui3-u-1-8{width:12.5%}.yui3-u-3-8{width:37.5%}.yui3-u-5-8{width:62.5%}.yui3-u-7-8{width:87.5%}.yui3-u-1-12{width:8.3333%}.yui3-u-5-12{width:41.6666%}.yui3-u-7-12{width:58.3333%}.yui3-u-11-12{width:91.6666%}.yui3-u-1-24{width:4.1666%}.yui3-u-5-24{width:20.8333%}.yui3-u-7-24{width:29.1666%}.yui3-u-11-24{width:45.8333%}.yui3-u-13-24{width:54.1666%}.yui3-u-17-24{width:70.8333%}.yui3-u-19-24{width:79.1666%}.yui3-u-23-24{width:95.8333%}#yui3-css-stamp.cssgrids{display:none}
ul.yui3-g { margin: 0; padding: 0; }

/* CSS variabler */
:root {
	--compendia-bla: #2b8dbc;
	--compendia-gronn: #08495D;
	--compendia-labelfarge: #555;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body { 
	background-color: #f8f9fb; 
	color: black;
}

button {
	color: black;
}

[disabled] {
	cursor: not-allowed !important;
}

html, body, table, input, textarea { 
	font-size: 13px;
}

@media (max-width: 767px) {
	body.body-sm.tundra {
		font-size: 1em;
	}
}

html, body, table, input, textarea { 
	font-family: arial;	
}

a, a:focus, a:visited, .xspLink, .xspLinkViewColumn { 
	color: #000; 
	text-decoration: none; 
}

a:hover { text-decoration: underline; }
a:focus { outline: none; }
/* Firefox - fjerner border på knapper som klikkes */
button::-moz-focus-inner { border: 0; }

table { border-collapse: collapse; }
tr { vertical-align: top; }
th, td { font-weight: inherit; }
th { padding: 0; }
caption { font-weight: bold; }

h1 { font-weight: bold; }

.fourColumnTable.fourColumnTable > tbody > tr > td {
	width: 24.8%;
}

.twoColumnTable td { width:50%; }

/* Body for XPages som viser i dialog */
body.dialog { background: none; overflow: hidden!important; min-width: 300px; }

.dialog {
  box-sizing: border-box;
}

.dialog *, .dialog *:before, .dialog *:after {
  box-sizing: inherit;
}

.cke_reset * { 
	/* Menylinje i CKeditor blir feil dersom border-box brukes */
	box-sizing: content-box !important; 
}

p {
	font-family:Verdana;
	font-size:10pt;
	color:black;
}

button.actions { padding: 0; background: none; border: none; cursor: pointer; }

@media (max-width: 767px) {
	.hidden-sm {
		display: none;
	}
}

@media (min-width: 768px) {
	.hidden-md {
		display: none;
	}
}

/**
*	CSS for hovedmeny
*/
#main-menu {
	background-color: var( --compendia-gronn );
	border-bottom: 1px solid #ccc;
	min-height: 40px;
	position: relative;
}

@media (max-width: 767px) {
	#main-menu {
		min-height: 60px;
		padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
	}
	
	#main-menu > .layout-center {
		display: block;
	}
}

.main-menu { 
	flex-grow: 1; 
}

.main-menu > ul { 
	text-align: center; 
	width: 100%; 
}

.main-menu .main-menu-group-header { 
	font-weight: bold; 
	margin: 7px 0 0 0; 
}

.main-menu li:first-child > h6 { 
	margin: 0; 
}

.main-menu li li { 
	line-height: 1.5em; 
	text-align: left; 
}

.main-menu li ul { 
	display: none; 
	margin: 0 0 0 -1px; 
	position: absolute; 
	z-index: 2; 
}

.main-menu li:hover ul { display: block; }

.main-menu > ul > li {
	background-color: #eee;	
	border-color: #ccc;
	border-style: solid;	
	border-width: 0 1px 1px 0;
	vertical-align: top;
}

.main-menu > ul > li:first-child { 
	border-left-width: 1px; 
}

.main-menu > ul > li > a {	
	background: transparent url(navigation_sprites.png) no-repeat 0 0;
	color: #000;	
	display: inline-block;
	padding: 5px 10px 5px 25px;	
}

.main-menu a.searches { background-position: 7px 4px; }
.main-menu a.actions { background-position: 5px -45px; }

/*#main-menu a.create { background-position: 5px -95px; }*/
.main-menu a.reports { background-position: 5px -144px; }
.main-menu a.statistics { background-position: 6px -194px; }

.main-menu a.disabled {
	background-color: #fff;
	color: #aaa;
	opacity: 0.5;	
}
.main-menu a.disabled:hover { text-decoration: none; }

.main-menu ul ul a.active, .main-menu ul ul a:hover { background-color: #fff; }
.main-menu ul ul a.active { font-weight: bold; }

.main-menu-mobile {
	display: none;
}

.main-menu-mobile-toggle {
	display: none;
}

@media (max-width: 767px) {
	#main-menu.open {
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 1000;
	}
	
	.main-menu {
		display: none;
	}
	
	.main-menu-mobile {	
		position: relative;
	}
	
	.main-menu-mobile a, #brukervalg a {	
		color: #fff;
	}
	
	.main-menu-mobile > ul > li {
		margin-bottom: 10px;
	}
	
	.main-menu-item {
		font-size: 1.3rem;
	}
	
	.main-menu-item + ul a::before {
	    content: '➔';
	    display: inline-block;
	    padding-right: 4px;
    }
    
    .main-menu-group + .main-menu-group {
    	margin-top: 20px;
    }
	
	.main-menu-mobile .active {
		font-weight: bold;
	}
	
	.main-menu-mobile .main-menu-groups {
		background-color: #0b607a;
		display: none;
		font-size: 1.1rem;		
		margin: 0 0 0 -10px;
		padding: 10px;
	}
	
	.main-menu-mobile .main-menu-item.active + .main-menu-groups {
		display: block;
	}
	
	.main-menu-mobile .main-menu-group {
		display: flex;
		flex-wrap: wrap;
		row-gap: 5px;
	}
	
	.main-menu-mobile .main-menu-group li {
		flex-basis: 50%;
	}
	
	.main-menu-mobile .main-menu-group li a {
		display: inline-block;
		max-width: 41vw;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.main-menu-mobile .main-menu-group .main-menu-group-header {
		color: #fff;
		flex-basis: 100%;
		font-size: 1.2rem;
		text-decoration: underline;
	}
	
	.main-menu-mobile-toggle {
		cursor: pointer;
		display: inline-block;
		height: 55px;
		position: relative;
		transform: rotate(0deg);
		transition: .5s ease-in-out;
		width: 55px;
		z-index: 2; 		
	}
	
	.main-menu-mobile-toggle span,
	.main-menu-mobile-toggle span::before,
	.main-menu-mobile-toggle span::after { 
		background: #fff;
		display: block;
		height: 3px;
		left: 0;
		opacity: 1;
		position: absolute;
		transform: rotate(0deg);
		transform-origin: left center;
		transition: .25s ease-in-out;		
		width: 25px;
	}
	
	.main-menu-mobile-toggle span::before {
		content: '';
		top: -9px;
	}
	
	.main-menu-mobile-toggle span {
		left: 10px;
		top: 27px;
	}
	
	.main-menu-mobile-toggle span::after {
		content: '';
		top: 9px;
	}
	
	#main-menu.open .main-menu-mobile-toggle span::before {
		opacity: 0;
		width: 0;
	}
	
	#main-menu.open .main-menu-mobile-toggle span {		
		top: 16px;
		transform: rotate(45deg);
	}
	
	#main-menu.open .main-menu-mobile-toggle span::after {
		left: 13px;
		top: 12px;
		transform: rotate(-90deg);
	}
	
	#brukervalg {
		display: none;
	}
	
	.main-menu + #brukervalg {
		margin-top: 50px;
	}
	
	#brukervalg [id$="loggUtLink"] {
		background: #fff;
		color: var( --compendia-gronn );
		display: inline-block;
		padding: 5px 10px;		
		margin-bottom: 5px;
	}
		
	#main-menu.open #brukervalg,
	#main-menu.open .main-menu-mobile {
		display: block;
		font-size: 1.3rem;
		padding-left: 10px;
	}
}

@media (min-width: 768px) {
	#brukervalg {
	    position: absolute;
	    right: 176px;
	    top: 0;    
	}
	
	#brukervalg a {
	    color: #fff;
	    cursor: pointer;
	    font-size: 10px;
	    font-weight: bold;
	}
}



/* Styling logoer */
/* #logo-area { position: relative; } */
#customer-logo {		 
	position: absolute;
}

body:not(.body-sm) #customer-logo {
	left: 0;
	top: 0;	
}

.body-sm #customer-logo {
	left: 0;
	right: 0;
	text-align: center;
}


#compendia-logo {
	background: url(visual_sprites.png?open) no-repeat 0 0;
	height: 25px; 
	position: absolute; 
	right: 0;
	top: 0; 
	width: 163px; 
}

.body-sm #compendia-logo {
	display: none;
}

/* Informasjonsområde - navn/etc */
#information-area { color: #043048; margin: 5px 0; }
[id="view:_id1:_id2:pageWrapper"] #information-area.grid_8 { margin: 5px 0; }
#information-area table { width: 100%; }
#information-area td { vertical-align: bottom; width: 75%; }
#information-area td + td { text-align: right; width: 25%; }

#information-area .xspTextLabel { color: #043048; font-size: 12px; }
#information-area .xspTextComputedField { font-size: 20px; }

.badge { background-color: #eee; border-radius: 1em; margin: 0 3px; padding: 0 5px 0 3px; }
.badge-sm { font-size: 75%; vertical-align: top; }
.badge-danger { background-color: #d9534f; color: #fff; }

/* @media (max-width: 767px ){ */
/* 	.badge { */
/* 		position: relative; */
/* 		height: 16px; */
/* 		width: 16px; */
/* 	} */
	
/* 	.badge::before { */
/* 		color: #d9534f; */
/* 		content: '\f075'; */
/* 		font-family: 'icomoon'; */
/* 		font-size: 30px;		 */
/* 		left: -1px; */
/* 		position: absolute; */
/* 		top: 7px; */
/* 	}	 */
/* } */

/* Bokser med informasjon/handlinger */
.boxed-section { 
	background-color: #ebecee; 
	margin: 0 0 20px 0; 
}

.boxed-section h6 { 
	background: var( --compendia-bla ) url(visual_sprites.png?open) 0 -99px;
	color: #fff;
	font-weight: bold;
	padding: 6px 5px;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #555;
}

.boxed-section > div {
	border: 1px solid #ccc; 
	border-top-width: 0; 
	padding: 5px;
}

.boxed-section > div > table { 
	width: 99%; 
}

@media (max-width: 767px){
	.layout-center .boxed-section {
		background: none;
	}
	
	.layout-center .boxed-section:not(.open) {
		background-color: transparent;
	}
	
	.layout-center .boxed-section > div {
		border: none;
	}
	
	.layout-center .boxed-section > h6 {
		background: none;
		color: #000;
		cursor: pointer;
		position: relative;
		padding: 0 15px 0 0;
		text-shadow: none;		
		white-space: nowrap;
	}
	
	.layout-center .boxed-section > h6:after {
		font-family: 'icomoon';
/* 		content: '<'; */
		content: '\f077';
		display: inline-block;
		position: relative;
		right: -5px;
		top: -1px;
/* 		transform: rotate(90deg); */
	}
	
	.layout-center .boxed-section.open > h6:after {
		top: -2px;
		content: '\f078';
/* 		transform: rotate(270deg); */
	}
	
	.layout-center .boxed-section > h6 + * {
		background: #fff;
		display: none;
		border: 1px solid #ccc;
		left: 0;
		padding: 1rem;
		position: absolute;
    	width: 100%;
    	z-index: 1;
	}
	
	.layout-center .boxed-section.open > h6 + * {
		display: block;
	}
	
	.layout-center .boxed-section a.action:not(.remove-filter-link) {
		background: none;
		color: var( --compendia-gronn );
		padding-left: 0;
	}
	
	.layout-center .boxed-section a.action:not(.remove-filter-link)::before {
		content: '➔';
		display: inline-block;
		padding-right: 4px;
	}
	
	.layout-center .boxed-section button.action + .action {
		margin-left: 0;
		margin-top: 10px;
	}
	
	.layout-center .boxed-section button span {
		white-space: nowrap;
	}
}

@media (min-width: 768px){
	.right-content-pane .boxed-section { 
		margin: 0 0 20px 10px; 
	}
	
	.right-content-pane .boxed-section .xspComboBox {
		max-width: 89%
	}
	
	.boxed-section.jobs li, 
	#jobs li { 
		border-top: 1px solid #ccc; 
		padding: 3px 0 3px 5px;  
	}
	
	.boxed-section.jobs ul,
	#jobs ul { 
		border: 1px solid #ccc;
		border-top-width: 0; 
	}
}


/* Redigerbart område */
.editable-area span { border-bottom: 1px dashed #ccc; cursor: pointer; }

/* 
	CSS for handlinger
*/

/* Actionbar */
.action-bar { background-color: #eee; border-bottom: 1px solid #ccc; }
.action-items {	padding: 2px 5px; }

button.action {	
	background-image: linear-gradient(to bottom, #fff 0, #eee 100%);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	border-radius: 3px;		
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	cursor: pointer;
	margin: 0;
	overflow: visible;
	padding: 5px;
	text-shadow: 0 1px 0 #fff;
}

@media (max-width: 767px){
	.body-sm button.action {
		font-size: 1rem;
	}
}

button.action:not([disabled]):hover { 
	background-color: #eee;
	background-position: 0 -15px;
	border-color: #adadad;	
}

button.action + .action { margin-left: 3px; }

button.action span, button.action[disabled]:hover span { 
	background-image: url(action_sprites_greyscale.png?open&250915); 
	background-repeat: no-repeat;
	display: inline-block; 
	min-height: 16px;
	padding-left: 20px;
}
button.action:hover span { 
	background-image: url(action_sprites.png?open&250915);
}

button.expand span { background-image: url(action_sprites_greyscale.png?open&250915); background-repeat: no-repeat; padding-left: 12px; }
button.expand:hover span { background-image: url(action_sprites.png?open&250915); }


button.attachment span { background-position: 0 -1470px; }
button.check span { background-position: 0 -920px; }
button.create-chart span { background-position: 0 -1710px; }
button.create-labels span { background-position: 0 -1169px; }
button.delete span { background-position: 3px -769px; }
button.edit span { background-position: 3px -719px; }
button.ok span { background-position: 3px -917px; }
button.cancel span { background-position: 3px -117px; }
button.preview span { background-position: 0 -81px; }
button.select-row span { background-position: 0 -870px; }
button.select-stored-filter span { background-position: 0 -671px; }
.expand-button span { background-position: 0 -485px; }
.add-item, .add-item-button span { background-position: 0 -819px; }
.excel-export-button span { background-position: 1px -1220px; }
.cancel-button span { background-position: 0 -620px; }
.close-button span { background-position: 0 -332px; }
.edit-button span {  background-position: 0 -200px; }
.list-action-button span { background-position: 0 -970px; }
.ok-button span { background-position: 0 -571px; }
.open-in-dialog-button { background-position: 0 -1590px; }
.print-button span { background-position: 0 -290px; }
.refresh-button span { background-position: 0 -1650px; }
.relation-back-button span { background-position: 0 -1370px; }
.relation-forward-button span { background-position: 0 -1420px; }
.save-button span { background-position: 0 -160px; }
.save-and-create-button span { background-position: 0 -1530px; }
.send-email-button span { background-position: 0 -1070px; }
.send-sms-button span { background-position: 2px -1020px; }
.fjern_markering-button span { background-position: 0 -117px; }
a.action { 
	background-image: url(action_sprites_greyscale.png?open&250915);
	background-repeat: no-repeat;	
	display: inline-block;
	min-height: 16px;
	padding-left: 20px;
}

a.action:hover { background-image: url(action_sprites.png?open&250915); }

/* Dersom det er flere action-linker - 5px mellom hver av dem */
a + a.action { margin-left: 10px; }
a + a.action + a.action { margin-left: 5px; }

.edit-link { background-position: 0 -718px; }
a.delete, a.delete-link { background-position: 3px -769px; }

a.attachment { background-position: 0 -1468px; }
a.cancel { background-position: 0 -620px; }
a.create-chart { background-position: 0 -1709px; }
a.create-labels { background-position: 0 -1167px; }
a.excel-export { background-position: 1px -1220px; }
a.list-action { background-position: 0 -970px; }
.open-in-dialog-link { background-position: 0 -1590px; }
a.print { background-position: 0 -289px; }
a.save { background-position: 0 -160px; }
a.select-row { background-position: 0 -869px; }
a.select-stored-filter { background-position: 0 -671px; }
a.send-email { background-position: 0 -1070px; }
a.send-letter { background-position: 0 -1120px; }
a.send-sms { background-position: 2px -1019px; }
a.refresh { background-position: 0 -1650px; padding-left: 17px }
.relation-back { background-position: 0 -1369px; }
.relation-forward { background-position: 0 -1420px; }

button.action.underline:hover { text-decoration: underline }

.uploadButton.uploadButton { 
	background: #f7f7f7 linear-gradient( #fff, #eee ); 
	border: 1px solid #ccc; 
	border-radius: 3px;
	cursor: pointer; 
	display: inline-block;
	font-weight: normal;
	padding: 5px 10px 5px 25px;
	position: relative;
}
.uploadButton:before { 
	background-image: url(action_sprites_greyscale.png?open&250915);
	background-position: 0 -1468px;
	background-repeat: no-repeat;		
	content: ''; 
	color: #000;
	height: 16px; 
	left: 5px;
	padding-right: 3px;
	position: absolute;
	top: 3px; 
	width: 16px;
}
.uploadButton input { display: none !important; }
.uploadButton:hover { background: #eee; border-color: #aaa; }


/*
	Overstyring XPages
*/
/* Lagt inn pga. disse satt til 100% i XPages-rammever CSS */
form { width: auto; height: auto; }

/* Fiks for type-ahead felt som legger seg til venstre for label i Firefox */
div.xspInputFieldEditBox, x:-moz-any-link, x-default { float: none; }

/* Styling pager */
.xspGroup span span:not(.xspCurrentItem) { border: none; padding: 0; }
.xspGroup span a { 
	border: none;
	padding: 0 7px; 
}

.xspGroup span span.xspCurrentItem, 
.xspGroup span a:hover { 
	border: none;
	border-right-color: #eee;
	display: inline-block;
}

.dialog a { color: #00f; text-decoration: underline; }

.xspInputFieldEditBox { height: auto; }

/* Fikser dropdown knappen på combobox felt */
.tundra .dijitSelect .dijitArrowButton, .tundra .dijitComboBox .dijitButtonNode { padding: 3px 2px; }

/* Setter samme høyde på type-ahead-felt som på vanlige felt */
.dijitComboBox .dijitInputInner { line-height: 1.5em; padding: 1px 0 !important; }

/* Comboboks med typeahead */
.dijitComboBox:not(.xspInputFieldEditBox) .dijitInputInner {
	padding: 3px 5px !important;
}

.dijitComboBox:not(.xspInputFieldEditBox) .dijitButtonNode { 
	padding: 5px 2px;
}

/* Fjerner borders rundt radio group i dialoger */
.dialog .xspRadioButton { border: 0; margin: 0; padding: 0; }

/* Rydder i styling for radio buttons */
fieldset.xspRadioButton, fieldset.xspCheckBox { border: 0; margin: 0; padding: 0; }
fieldset.xspRadioButton table.xspRadioButton, fieldset.xspCheckBox table.xspCheckBox { display: inline; width: auto; }

/* Fiks for categorized kolonner */
/* td.xspColumnViewStart .xspColumnViewStart button + a { position:absolute; } */
td.xspColumnViewStart .xspColumnViewStart { 
	white-space: nowrap; 
}

.xspPagerContainer { background-color: transparent; margin-bottom: 50px; }

/* Fiks for at forrige/neste-piler detter på egen linje */
.xspPagerNav { float: none; }

/* Padding - tabell-headers */
.xspPanelViewColumnHeader { color: #000; padding: 2px 3px 2px 0; }
.xspPanelViewColumnHeader:hover { background: none; }

/* Borders i tabeller/views */
.xspTabTabbedPanel .xspDataTable { margin: 1px 0; width: 99%; }
.xspDataTable thead th { border-bottom: 1px solid #ccc; }
.xspDataTable thead th, .xspDataTable thead span { font-weight: bold; }
.xspDataTable tbody td { border-top: 1px solid #eee; }
.xspDataTable tbody { border-bottom: 1px solid #eee; }
.xspDataTable td, .xspDataTable th { padding: 3px 5px; }

.xspDataTableFileDownload tbody tr td { white-space: normal; }

/* Spacing mellom tittel og lukk-ikon i dialog */
body.tundra .dijitDialogTitle { 
	padding: 0 20px 0 4px; 
}

@media (max-width: 767px) {
	.dijitDialog {
		left: 0 !important;
		max-width: 100%;
		right: 0 !important;
		top: 10px !important;		
		z-index: 999 !important; /* lagt inn for å unngå at scrollbar i SQL-baserte statistikker dekker dialog */
	}
	
	body.tundra .dijitDialogCloseIcon {
		background-size: contain;
		height: 20px;
		width: 20px;
	}
	
	body.tundra .dijitDialogTitleBar {
		padding: 5px 6px;
	}
	
	.dijitDialogPaneContent {
		width: 100% !important;
	}
}

/* Styling - "compendia"-seksjoner */
.accordion { border: 1px solid #ccc; }
.accordion-trigger {	
	background-color: #eee;
	background-image: linear-gradient(to bottom, #DDDDDD, #FFFFFF);
	display: flex;	
	min-height: 26px;		
}

.accordion-trigger-actions {
	flex-grow: 1;
	text-align: right;
}

/* Expand/Collapse-knapp */
.accordion-trigger > button { 
	background: transparent; 
	border: none; 
	cursor: pointer; 
	color: #000; 
	vertical-align: super; 
}	

.accordion-title { 
	font-weight: bold;
	line-height: 28px;
}

.accordion:not(.accordion-always-open) .accordion-title {
	background-image: url(action_sprites.png?open&250915); 
	background-repeat: no-repeat; 
	padding-left: 20px; 
}

.accordion.accordion-always-open .accordion-title { 
	padding-left: 5px; 
}

.accordion-message {
	color: var( --compendia-labelfarge );
	display: inline-block;
	padding: 5px;
}

.accordion.closed > .accordion-trigger .accordion-title { background-position: 3px -1269px; }
.accordion.closed div[id$=sectionContent], .accordion.closed .accordion-trigger > div { display: none; }
.accordion.open > .accordion-trigger .accordion-title { background-position: 3px -1319px; }

@media (max-width: 767px) {
	.accordion.open > div:not(.accordion-trigger) {
		overflow-x: auto;
		overflow-y: hidden;
	}
}

/* Checkboxer */
.xspCheckBox { font-weight: bold; }
.xspCheckBox input[checked ]{ color: #ccc; }

.xspTextLabel { color: var( --compendia-labelfarge ); display: block; }

/* Labels bold i editmode */
.is-editable .xspTextLabel, .is-editable label { color: #000; font-weight: bold; }

/* Verdier bold i readmode */
.xspTextLabel + span, .xspTextLabel + span * { font-weight: bold; }

/* Legger inn non-breaking-space i span som følger labels. Dette for å sikre samme linjeavstand som felt i readmode med verdi */
.xspTextLabel + span:not([dojotype]):empty::after, label:not(.xspCheckBox) + span:not([dojotype]):empty::after, 
.xspTextLabel + span > table:empty::after, label + span > table:empty::after { content: '\00a0'; }

.is-editable .xspTextLabel + span,
.is-editable .xspTextLabel + span *,
.is-editable .xspCheckBox { font-weight: normal; }

/* Layout */
.xspTabbedPanelContainer { display: none; }
.dialog .xspTabbedPanelContainer { display: block; }

.xspTabTabbedPanel { padding: 5px; }

@media (max-width: 767px){
	div[role="tabpanel"] {
		overflow-x: auto;
		overflow-y: hidden;
	}
}

/* Styling - felt-tabeller */
.xspTabTabbedPanel table { width: 100%; }

.xspTabTabbedPanel > table > tbody > tr > td,
body.dialog > form > table > tbody > tr > td,
.field-table > tbody > tr > td, .form-box { 
	min-height: 35px; 
	padding-bottom: 10px; 
	width: 50%; 
}

.field-table { margin-bottom: 10px; }


/* Tabbed panel i dialoger - ikke sett 50% bredde på kolonner */
.dialog .xspTabTabbedPanel > table > tbody > tr > td { width: auto; }

.main-content-pane.grid_6, [id="view:_id1:_id2:pageWrapper"] .main-content-pane.grid_8, .mainContentPaneWrapper {
	background-color: #fff;
	border: 1px solid #ccc;
	padding-bottom: 10px;
	position: relative;		
}

.mainContentPaneWrapper { padding: 10px; }

.document-actions { 
	margin-top: -30px;
	padding: 5px 0 5px 5px;
	text-align: right;
}

.document-actions.new-document { padding-right: 195px; }

.document-actions button { 
	margin-left: 5px;
}

.left-content-pane {	
	line-height: 1.5em;			
	text-align: right;
}

.left-content-pane a { color: #043048; }


#category-switcher li { 
	padding: 2px 0 2px 5px; 
}

#category-switcher .active a { 
	color: var( --compendia-bla ); 
}

@media (max-width: 767px){
	.document-actions button.action {
		background: var(--compendia-gronn);
	    padding: 10px 15px;
	    color: #fff;
	    text-shadow: none;
	}
	
	.document-actions button.action::after {
		content: attr(title);
		display: inline-block;
	}
	
	.document-actions button.action span, .document-actions button.action.cancel-button {
		display: none;
	}
	
	#category-switcher { 
		margin-bottom: 10px; 
	}
	
	#category-switcher ul {
		display: flex;
		flex-wrap: wrap;
	}
	
	#category-switcher li {
		flex-basis: 50%;
	}
}

@media (min-width: 768px){
	#category-switcher { 
		margin-right: 10px; 
	}
	
	#category-switcher .active a { 
		font-weight: bold; 
	}
}

.main-content-pane.grid_6 [id$=edMainContentPane], [id="view:_id1:_id2:pageWrapper"] .main-content-pane.grid_8 [id$=edMainContentPane]{ padding: 5px; }
.main-content-pane.grid_6 .xspTabTabbedPanel { border: none; padding: 0; }

.xspTabTabbedPanel label { display: block; }

/* Type-ahead valg */
.tundra .dijitMenu, .tundra .dijitMenuBar {
    background-color: #fff;
    border-radius: 5px;
    margin-top: 2px;
}

.dijitMenuItem [data-group-start="true"]:before, .dijitMenuItem [data-group-end="true"]:after {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	display: block;
	position: relative;
	z-index: 1;
}

.dijitMenuItem [data-group-start="true"]:before { 
	color: #aaa;
	content: attr(data-header);	
	margin: -4px -5px 4px -5px;
	padding: 4px;		
}

.dijitMenuItem [data-group-end="true"]:after {
    content: '';
    margin: 4px -5px -4px -5px;
    padding: 0 4px;
}

.dijitMenu li + li { background-color: #ffa; border-top: 1px solid #ccc; }


/* Luft mellom knapper som ligger etter hverandre */
.xspButtonCommand + .xspButtonCommand { margin-left: 5px; }

/*
	Setter makshøde på dialoginnhold
*/
.dialog-content { max-height: 600px; overflow: auto; }

/*
	"Byggeklosse-CSS"		
*/
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.fieldGrid > div,
.fieldList > li { margin-bottom: 10px; }

@media (max-width: 767px){
	body:not(.dialog) input[type="text"],
	body:not(.dialog) input[type="number"]
	body:not(.dialog) input[type="tel"] {
	    -webkit-appearance: none;
	    border-radius: 0;
	    padding-left: 2px;
	    padding-right: 2px;
	}
	
	.fieldGrid > div input:not(.dijitInputInner),
	.fieldGrid > div .dijitTextBox,
	.fieldGrid > div select,
	.fieldGrid > div textarea,
	.fieldList > li input:not(.dijitInputInner),
	.fieldList > li .dijitTextBox,
	.fieldList > li select,
	.fieldList > li textarea { 
		max-width: 99%; 
	}
}

.bold { font-weight: bold; }

/* Skjuler tabellceller som følger celle */
.hide-succeeding-cells, .hide-succeeding-cells ~ td { display: none; }

/* Fjerner pager i viewPanel. Sett no-pager på viewStyleClass */
.no-pager > tbody > tr { display: none; }
.no-pager > tbody > tr:first-child + tr { display: table-row; }

[aria-required="true"] + .requiredFieldIndicator:before { content: '*'; margin-left: 2px; color: #f00; } 

/* Styling av utrukne/utestående rader. Pga. begrensninger i XPages må det gjøres på denne måten */
.utrukket ~ td { color: rgb(255, 64, 64); }
.utestaende ~ td { color: rgb(255, 64, 64); }
.utestaendeIkkeForfalt ~ td { color: rgb(0, 173, 0); }
.reskontroFeil ~ td { color: rgb(255, 64, 64); }
.marked ~ td { background-color: rgb(217, 238, 249)!important; }
/* Felt som er satt i readonly modus */
.readonly { background-color: #eee; border: 1px solid #ccc; }

/* Vertikal sentrering (fungerer stort sett bare på tabellceller/rader) */
.xspDataTable tbody tr td.valign-middle, .valign-middle { vertical-align: middle; }

/* Tabellcelle - autosize */
td.auto-width, th.auto-width, th > .auto-width { white-space: nowrap; width: 1px; }

/* Knapp uten "knappestyling" */
button.unstyled { background: none; border: none; box-shadow: none; padding: 0;  }

/* Summering - kan brukes for å emulere en totals-kolonne */
.sum { border-top: 1px solid #000; border-bottom: 3px double #000; margin-top: 2px; }

.full-width { width: 100%; }

@media (min-width: 768px) {
	.statistikkTable table {
		table-layout: fixed;
	}
}

.statistikkTable table .xspColumnViewMiddle,
.statistikkTable table .align-middle {
    padding-bottom: 5px;
    padding-top: 5px;
}

.statistikkTable table .xspColumnViewStart {
    padding-bottom: 2px;
    padding-top: 2px;
}

.statistikkTable td, .statistikkTable th { padding-top: 4px; padding-bottom: 4px } 

.loadingIndicator {
	background: transparent url(loading.gif) no-repeat 0 0;
	height: 15px;
	position: relative;
	width: 128px;
	z-index: 100;
}

/* Logg i f.eks. medlem, arbeidsgiver o.l. */
.logg { margin-top: 1em; }
.loggItem { padding: 5px; }
.loggItem { margin-bottom: 15px; }
.loggItemBeskrivelse { font-family: verdana, arial, sans-serif; margin: 7px 0; white-space: pre-wrap;  }
.loggItemEmne a { font-weight: bold; margin-bottom: 7px; }
.loggItemOpprettet { color: var( --compendia-labelfarge ); text-align: right; }
.loggItemVedlegg label { color: var( --compendia-labelfarge ); }

input.date-field { width: 100px; }
input.double-field { text-align: right; }

/* Alle følgende kolonner til kolonne med klasse inactive -> grå ut */
td.inactive-row, td.inactive-row ~ td { color: #999; }
td.inactive-row a, td.inactive-row ~ td a { color: #999; }

.visibility-none { display: none; }

.extra-line-spacing { line-height: 1.5em; }

/* Grå bakgrunn ved hover over tabellrader */
.gray-rows-on-mouseover { border-collapse: collapse; cursor: default; }
.gray-rows-on-mouseover tbody tr:hover { background-color: #eee; }

/* Liste uten bullets/innrykk */
.unstyled-list { list-style: none; margin: 0; padding: 0; }

/* Horisontal liste */
.horizontal-list { list-style: none; margin: 0; overflow: hidden; padding: 0; }
.horizontal-list > li { display: inline-block; }

.align-right { text-align: right !important; }
.kolonnePadding { padding-right: 16px; }
.thHeaderNumber { display: block; display: inline-block\9; text-align: right; }
.align-justify { text-align: justify !important; }
.align-center { text-align: center !important; }
.align-left { text-align: left; }
.align-right-heading { text-align: right !important;font-weight:bold;color:#000}

/* Elementer med denne klassen vises som en "hvit boks" */
.white-box { 
	background: #fff; 
	border: 1px solid #ccc; 
	margin: 5px; 
	overflow: hidden; 
	padding: 10px; 
}

.grid_8 .white-box { 
	background: transparent; 
	border: none; 
	margin: 0;
	padding: 0; 
}

/* Sentrert */
.centered { float: none; margin: 0 auto; }

.evenRow { background-color: #fafafa; }
.boxed-section .evenRow { background: transparent; }

/*
	Generell styling grensesnitt
*/
.box-table { width: 760px; }
.box-table td { border: 1px solid #ccc; background: #fff; padding: 0; }
.box-table td td { padding-bottom: 5px; }
.box-table td.unstyled, .box-table td td { border: none; background: transparent; }

.box-table h6 {
	background: #eee;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 3px;
}

.box-table .wrapper { line-height: 1.5em; padding: 3px; }

.dijitDateField div { width: 80px; } 

.postnummer { width: 50px; }
.postnummer .dijitValidationIcon { display: none; }
.postnummer .dijitInputField { width: 100%; }

/* Valideringsbeskjeder */
@keyframes errorMessage {
	0% { opacity: 0; transform: scaleY( 0.3 ); }
	50% { opacity: 1; }
}

.xspMessage {
	animation: errorMessage 0.5s;
	background-image: url( close.png );
	background-position: 4px 3px;
	background-repeat: no-repeat;
	display: inline-block;
	cursor: pointer;
	box-shadow: 2px 2px 1px #888;	
	list-style: none; 
	margin: 0; 
	opacity: 0.9;	
	padding-left: 15px;
	position: absolute;
	z-index: 1;
}

.dialog .xspMessage { position: static; }

.xspMessage ul { list-style: none; margin: 0; padding: 0; }
.xspMessage a { color: #00f; }

.xspMessageSection {
	background-color: #FFF799;
	box-shadow: 2px 2px 1px #888;
	border: 1px solid #FFCD04;
	list-style: none;
	margin: 5px 10px;
	padding: 3px 5px 3px 5px;
}

.xspMessage li { cursor: default; }

/* Sentrert/layout-bredde */
.layout-center {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 100%;
}

.layout-center .grid_0 { display: none; }
.layout-center .grid_1 { width: 10%; }
.layout-center .grid_2 { width: 20%; }
.layout-center .grid_3 { width: 30%; }
.layout-center .grid_4 { width: 40%; }
.layout-center .grid_5 { width: 50%; }
.layout-center .grid_6 { width: 60%; }
.layout-center .grid_7 { width: 70%; }
.layout-center .grid_8 { width: 80%; }
.layout-center .grid_9 { width: 90%; }
.layout-center .grid_10 { width: 100%; }

@media (max-width: 767px) {
	#information-area { 
		margin: 5px;
		order: -1;
		width: 100%; 
	}
	
/* 	body:not(.dialog) .boxed-section.open { */
/* 		order: -1;		 */
/* 	} */
	
/* 	body:not(.dialog) .boxed-section.open { */
/* 		white-space: nowrap; */
/* 	} */
	
	.layout-center {
		column-gap: 1rem;		
	}
	
	.layout-center .left-content-pane { 
		order: 1;
	}
	
	.layout-center .left-content-pane.grid_2 {
		width: 100%;
		text-align: left;
	}
	
	.layout-center .main-content-pane {		 
		order: 3; 
		width: 100%; 
	}
	
	.layout-center .right-content-pane {
		display: flex;
		order: 2;
		padding: 0 5px; 
		width: 100%;
	}
	
	.layout-center .right-content-pane .document-actions {
		justify-content: flex-end;
		margin-top: 0;
		order: 2;
	}
	
	.layout-center .right-content-pane > div {
		display: flex;
		column-gap: 1rem;
		flex-grow: 1; /* denne ligger i en annen flex-container - ønsker at at denne skal ta opp mest plass*/
		margin-bottom: 10px;
	}
	
	.right-content-pane .boxed-section {
		margin: 0;
	}
}

@media (min-width: 1369px) {
	.layout-center { width: 1310px; }
}

@media (min-width: 1921px) {
	.layout-center { width: 1860px; }
}

.oldValue{ color:rgb(255,0,0)!important}
/*
	Print CSS
*/
@media print {
	.action, .document-actions, .right-content-pane, .horizontal-list, .action-items, #brukervalg, .float-left, .values-footer { display: none!important; }
	table { empty-cells: show!important; border-collapse: separate; }
	td { overflow: visible; empty-cells: show; }
	input { color: #FFFFFF }
}

.red-border{ border:1px solid red}

.noExpandShow button {
	display: none;
}
.noExpandShow a:hover {
	text-decoration: none;
}

.panelPadding { 
	padding: 5px 
}

.kursid:hover { cursor: pointer; }

/* 
	CSS for Min side/relaterte sider når en har valgt Bootstrap4 theme
*/

/* Regler for visning av horisontale menyer vs. hamburgemeny */
@media screen and (min-width: 576px){
	.navbar-expand-sm #mobileNavItems {
		display: none !important;
	}
}

@media screen and (max-width: 575px){
	.navbar-expand-sm #headerNavItems, .navbar-expand-sm [data-target="#headerNavItems"], .navbar-expand-sm #mainMenuNavItems, .navbar-expand-sm [data-target="#mainMenuNavItems"] {
		display: none !important;
	}
}

@media screen and (min-width: 768px){
	.navbar-expand-md #mobileNavItems {
		display: none !important;
	}
}

@media screen and (max-width: 767px){
	.navbar-expand-md #headerNavItems, .navbar-expand-md [data-target="#headerNavItems"], .navbar-expand-md #mainMenuNavItems, .navbar-expand-md [data-target="#mainMenuNavItems"] {
		display: none !important;
	}
}

@media screen and (min-width: 992px){
	.navbar-expand-lg #mobileNavItems {
		display: none !important;
	}
}

@media screen and (max-width: 991px){
	.navbar-expand-lg #headerNavItems, .navbar-expand-lg [data-target="#headerNavItems"], .navbar-expand-lg #mainMenuNavItems, .navbar-expand-lg [data-target="#mainMenuNavItems"] {
		display: none !important;
	}
	
	
	/* Overstyring av XPages-rammeverkets overstyring av standard Bootstrap-regler */
	.navbar-expand-lg .navbar-toggler {		
		display: revert;
	}
	
	.navbar-expand-lg .navbar-nav {
		float: revert;
		flex-direction: column;
	}
	
	.navbar-expand-lg .navbar-light .navbar-nav .nav-item {
		float: none;
	}
	
	.navbar-expand-lg .navbar-nav li a {
		padding: .5rem 1rem;
	}
}

@media screen and (min-width: 1200px){
	.navbar-expand-xl #mobileNavItems {
		display: none !important;
	}
}

@media screen and (max-width: 1199px){
	.navbar-expand-xl #headerNavItems, .navbar-expand-xl [data-target="#headerNavItems"], .navbar-expand-xl #mainMenuNavItems, .navbar-expand-xl [data-target="#mainMenuNavItems"] {
		display: none !important;
	}
	
	/* Overstyring av XPages-rammeverkets overstyring av standard Bootstrap-regler */
	.navbar-expand-xl .navbar-toggler {		
		display: revert;
	}
	
	.navbar-expand-xl .navbar-nav {
		float: revert;
		flex-direction: column;
	}
	
	.navbar-expand-xl .navbar-light .navbar-nav .nav-item {
		float: none;
	}
	
	.navbar-expand-xl .navbar-nav li a {
		padding: .5rem 1rem;
	}
}

/* Generelle CSS-regler */
.field-table { margin-bottom: 10px; }

@media screen and ( min-width: 992px ){
	.field-table > tbody > tr > td:first-child { min-width: 150px; }
	.field-table > tbody > tr > td { min-height: 35px; padding-bottom: 10px; }
}

@media screen and (max-width: 767px){
	#mainMenuNavItems.collapsing + .toggle-sprak, #mainMenuNavItems.show + .toggle-sprak {
		display: none !important;
	}
}

@media screen and (max-width: 767px){
	[data-label]:before {
		content: attr(data-label) ':';
		display: block;
		font-weight: bold;
	}
	
	.responsiveTable.responsiveTable { border-radius: 0; }
	.responsiveTable thead { display: none; }
	.responsiveTable tr { display: block; margin-bottom: 10px; }
	.responsiveTable tr:first-child { border-top: none; }
	.responsiveTable .xspColumn, .responsiveTable td { border: none; display: table-row; }
	.responsiveTable .xspColumn[data-label]:before, .responsiveTable td[data-label]:before { 
		display: table-cell; 
		content: attr( data-label )':'; 
		font-weight: bold;
		padding: 5px;		
	}
	
	.responsiveTable .xspColumn > *, .responsiveTable td > * { display: table-cell; }
	
	.responsiveTable .xspColumn > [data-label], .responsiveTable td > [data-label] { padding: 5px 5px 15px 5px; }
}

/* Liste uten bullets/innrykk */
.unstyled-list { list-style: none; margin: 0; padding: 0; }

/* Generelle overstyringer/hjelpeklasser for å få ting til å se greit ut */
ol, ul {
	padding: revert;
}

.card-title {
	margin-top: 0;
}

.dbootstrap .alert {
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
}

.dbootstrap .alert ul {
	margin: 0;
	padding: 0;
}

.dbootstrap label {
	margin-bottom: 0;
}

.dbootstrap .form-control.dijitTextBox, .dbootstrap .dijitDateTextBox {
	font-size: 1rem;
	height: calc(1.5em + .75rem + 2px) !important;
	line-height: 1.5;
}

.dbootstrap  .dijitDateTextBox .dijitArrowButtonContainer {
	height: calc(1.5em + .75rem + 2px) !important;
}

.dbootstrap .dijitComboBox.dijitDateTextBox input.dijitArrowButtonInner {
	background-position: -187px -115px;
	line-height: 1.5rem;
}

.dbootstrap :focus {
	outline: none;
}

.dbootstrap .dijitDialog {
	z-index: 2000 !important;
}

.dialog .table td {
	border: none;
}

.dropdown-item.dropdown-item {
	padding: .25rem 1.5rem;
}

.input-group { 
	display: flex; 
}

.form-control { 
	font-size: 1rem; 
}

.modal-title {
	position: static;
}

.navbar.navbar {
	border: revert;
	display: flex;
	min-height: revert;
	padding: .5rem 1rem;
	z-index: revert;
}

.navbar-brand {
	float: none;
	height: auto;
}

.nav-link {
	padding: .5rem 1rem
}

.navbar-toggler {
	margin: revert;
}

.read-mode .checkbox label, .read-mode .radio label {
    cursor: default;
}

.xspCollapsibleMenu ul.dropdown-menu {
	display: none;
}

.xspCollapsibleMenu.show ul.dropdown-menu {
	display: flex;
}

.xspInputFieldRichText {
	background-color: inherit;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

/*
* Kundespesifikk CSS
*/
/* CSS variabler */
:root {
	--styrke-blue: #1A0639;
	
	--lenke-skriftfarge-hover: #d81e36;
	--minside-meny-ikon: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWxhYmVsPSJNZW55IiB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcuNzE0MyA0LjcxNDExSDIiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjxwYXRoIGQ9Ik0xNCAxMi41NzEzSDIiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPg==);
	--minside-bakgrunn: #fff;
	--minside-btn-skriftfarge: #fbf071;
	--minside-skriftfarge-primary: #1d0b39;
	--minside-skrifttype-primer: "Copernicus", serif;
	--minside-skrifttype-sekunder: "Apercue-Pro","helvetica", "arial", sans-serif;
	
	--rod-btn-bg: var(--styrke-blue);
	
	--hvit-btn-bg: #fff;
	--hvit-btn-bg-hover: #f4f2ed;
}

/**
*	Innlasting av fonter
*/
@font-face {
	font-display: auto;
	font-family: Apercue-Pro;
	font-style: normal;
	font-weight: 500;
	src:
		url(Apercu/apercu-regular-pro.woff2) format("woff2"),
		url(Apercu/apercu-regular-pro.woff) format("woff"),
		url(Apercu/apercu-regular-pro.eot) format("opentype");
}

@font-face {
	font-display: auto;
	font-family: Apercue-Pro;
	font-style: italic;
	font-weight: 500;
	src:
		url(Apercu/apercu-italic-pro.woff2) format("woff2"),
		url(Apercu/apercu-italic-pro.woff) format("woff"),
		url(Apercu/apercu-italic-pro.eot) format("opentype");
}

@font-face {
	font-display: auto;
	font-family: Apercue-Pro;
	font-style: normal;
	font-weight: 900;
	src:
		url(Apercu/apercu-bold-pro.woff2) format("woff2"),
		url(Apercu/apercu-bold-pro.woff) format("woff"),
		url(Apercu/apercu-bold-pro.eot) format("opentype");
}

@font-face {
	font-display: auto;
	font-family: Apercue-Pro;
	font-style: italic;
	font-weight: 900;
	src:
		url(Apercu/apercu-bold-italic-pro.woff2) format("woff2"),
		url(Apercu/apercu-bold-italic-pro.woff) format("woff"),
		url(Apercu/apercu-bold-italic-pro.eot) format("opentype");
}

@font-face {
	font-display: auto;
	font-family: Copernicus;
	font-style: normal;
	font-weight: 500;
	src:
		url(GalaxieCopernicus/GalaxieCopernicus-Book.woff2) format("woff2"),
		url(GalaxieCopernicus/GalaxieCopernicus-Book.woff) format("woff"),
		url(GalaxieCopernicus/GalaxieCopernicus-Book.eot) format("opentype");
}

@font-face {
	font-display: auto;
	font-family: Copernicus;
	font-style: italic;
	font-weight: 500;
	src:
		url(GalaxieCopernicus/GalaxieCopernicus-BookItalic.woff2) format("woff2"),
		url(GalaxieCopernicus/GalaxieCopernicus-BookItalic.woff) format("woff"),
		url(GalaxieCopernicus/GalaxieCopernicus-BookItalic.eot) format("opentype");
}

@font-face {
	font-display: auto;
	font-family: Copernicus;
	font-style: normal;
	font-weight: 900;
	src:
		url(GalaxieCopernicus/GalaxieCopernicus-Bold.woff2) format("woff2"),
		url(GalaxieCopernicus/GalaxieCopernicus-Bold.woff) format("woff"),
		url(GalaxieCopernicus/GalaxieCopernicus-Bold.eot) format("opentype");
}

@font-face {
	font-display: auto;
	font-family: Copernicus;
	font-style: italic;
	font-weight: 900;
	src:
		url(GalaxieCopernicus/GalaxieCopernicus-BoldItalic.woff2) format("woff2"),
		url(GalaxieCopernicus/GalaxieCopernicus-BoldItalic.woff) format("woff"),
		url(GalaxieCopernicus/GalaxieCopernicus-BoldItalic.eot) format("opentype");
}

html {
	font-size: 16px;
}

body, body.xsp {
	font-family: var(--minside-skrifttype-sekunder);
	font-size: 1rem;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--minside-skrifttype-primer);	
}

/* Generelle CSS-regler */
.card {
	margin-bottom: 15px;	
}

.card-body {
	padding: 15px;
}

.card-header {
	padding: 10px 15px;
}

.checkbox td, .radio td {
	padding-left: 0;
} 

.fieldList {
	list-style: none;
	margin: 0;
	padding: 0;
}

.fieldList > li {
	margin-bottom: 1rem;	
}

.fieldList > li:empty {
	margin-bottom: 1.5em;
}

.fieldList > li label { 
	display: block; 
}

.sm-2-col-grid-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

@media( min-width: 768px ){
	.sm-2-col-grid-list > li {	
		display: grid;
		grid-template-columns: 250px 1fr; 
	}
	
	.sm-2-col-grid-list li:not(.full-width) [role="alert"] {
		/* Valideringsbeskjed legges under feltet */
		grid-column: 2/2;
	}
	
	.sm-2-col-grid-list li.full-width {
		display: block;
		width: 100%;
	}
	
	.sm-2-col-grid-list > li:not(.full-width) > *:first-child {
		line-height: calc(1.5em + .75rem + 2px);
	}
		
	.fieldList .checkbox label {
		width: auto;
	}
}

@media (min-width: 768px){
	.form-grid > li {
		align-items: center;
	    display: grid;
	    grid-template-columns: 270px 1fr;
	}
	
	.form-grid > .form-grid-item-full-width {
		grid-template-columns: 1fr;
	}	
}

.btn, .action {
	background-color: transparent;
    border: .125rem solid #e4695e;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    padding: 4px 12px;
}

.btn-secondary {
	border-color: #ccc;
	color: #000;
}

.btn-secondary.btn-secondary.btn-secondary:is(:active, :focus, :hover) {
	background-color: transparent;
	border-color: #555;	
	color: #000;
}

.modal-content {
	background-color: var(--styrke-blue);
	color: #fff;
}

.required-field-label::after {
    color: red;
    content: '*';
    padding-left: 5px;
}

.uploadButton.uploadButton { 
	background: #f7f7f7 linear-gradient( #fff, #eee ); 
	border: 1px solid #ccc; 
	border-radius: 3px;
	cursor: pointer; 
	display: inline-block;
	font-weight: normal;
	padding: 5px 10px 5px 25px;
	position: relative;
}
.uploadButton:before { 
	background-image: url(action_sprites_greyscale.png?open&250915);
	background-position: 0 -1468px;
	background-repeat: no-repeat;		
	content: ''; /*'\1F5CB';*/ 
	color: #000;
	height: 16px; 
	left: 5px;
	padding-right: 3px;
	position: absolute;
	top: 3px; 
	width: 16px;
}
.uploadButton input { display: none !important; }
.uploadButton:hover { background: #eee; border-color: #aaa; }

/* Innlogging */
.logginnside label {
	font-weight: normal;
}

.logginnside [id$="settPassordDialog"] .btn-primary, .logginnside [id$="settPassordDialog"] .btn-secondary {
	margin-top: .5rem;
}

.logginnside [id$="settPassordDialog"] .btn-secondary {
	background-color: #fff;
	border-color: transparent;
	color: #333;
}

.logginnside [id$="settPassordDialog"] .btn-secondary.btn-secondary:is(:active, :focus, :hover) {
	background-color: #eee;
	border-color: transparent;
}

.logginnside .table td {
    border: none;
    padding: 0;
}

@media screen and (min-width:767px){
	body.logginnside::before {
		background-image: url(bg_logginn.jpg);
		background-size: cover;
		bottom: 0;
		content: '';
		left: 0;
		position: fixed;
		right: 0;
		top: 0;	
	}
}

.logginnside .btn-primary {
	background-color: var(--hvit-btn-bg);
	border-color: #fff;	
	color: var(--styrke-blue);
}

.logginnside .btn-primary:is(:active, :focus, :hover) {
	background-color: var(--hvit-btn-bg-hover);
	color: var(--styrke-blue);
}

.logginnside .container {
	align-items: center;
	display: flex;
	flex-direction: column;	
    margin: revert;
}

@media screen and (min-width:767px){
	.logginnside .container {
		max-width: revert;
		min-height: 100%;
		padding-top: 100px;		
		position: relative;
		z-index: 1;
		width: 500px;
	}
}

.logginnside .container:before {
	background-image: url(styrke_logo.svg);
	background-repeat: no-repeat;
	content: '';
	display: block;
	height: 40px;
	margin: 10px 0;
	width: 100px;
}

@media screen and (min-width:767px){
	.logginnside .container:before {
		height: 60px;
		margin: 0;
	}
}

.logginnside .container > .toggleSprak, .logginnside .mainCellTop {
	display: none;
}

.logginnside .container .white-box {
	background: var(--styrke-blue);
	border-radius: 10px;
	color: #fff;
	margin-bottom: 3rem;
	max-width: 350px;	
	min-width: 250px;
	padding: 1rem;		
}

.logginnside .container .white-box table {
	color: #fff;
}

.logginnside .container .white-box a {
	color: #fff !important;
	text-decoration: underline;
}

@media screen and (min-width:767px){
	.logginnside .container .white-box {
		max-width: 350px;
		padding: 40px 32px;		
	}
}

.logginnside .field-table td {
	padding-bottom: 15px;
}

.logginnside .mainCellBottom br, .logginnside .mainCellBottom div > div {
	display: none;
}

.login-form-header {
	position: relative;
	text-align: center;	
}

.login-form-header h1, .login-form-header h4 {
	font-weight: normal;
}

.login-form-header .toggleSprak {
	position: absolute;
	top: 0;
	right: 0;
}
/* Innlogging slutt */ 


/* Min side */
#diverse-dropdown::after { 
	display: none 
}

#diverse-dropdown::before {
	display: inline-block;
    content: "";
    background-image: var(--minside-meny-ikon);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 16px;
    width: 23px;
}

#diverse-dropdown + .dropdown-menu > .dropdown-item.active,
#diverse-dropdown + .dropdown-menu > .dropdown-item:is(:active, :focus, :hover) {
	background: transparent;
	color: var(--minside-skriftfarge-primary);
	text-decoration: underline;
}

#mainMenuNavItems {
	justify-content: flex-end;
}

#mobileNavItems {
	padding: 0;
}

.banner-image {
	height: 52px;
}

.card-ie .card-body *:not(button) {
	color: #606060;
}

.card-ie .card-body a[href], .card-ie .table a[href] {
	color: var(--minside-skriftfarge-primary);
	text-decoration: underline;	
}

.card-ie .card-body a[href]:is(:active, :focus, :hover), .card-ie .table a[href]:is(:active, :focus, :hover) {
	color: var(--lenke-skriftfarge-hover);
}

.card-ie .card-body a.fa, .card-ie .card-body a.fa:is(:active, :focus, :hover) {
	text-decoration: none;
}

.card-ie > .card-header {
	background-image: none;
}

.container-ie-narrow {
	max-width: 550px;
}

.container-ie aside { 
	margin-bottom: 20px;
}

.dbootstrap .dijitTextBox {
	font-size: revert;
}

.header-nav {
	margin-bottom: 0;
}

.header-nav, .main-menu-nav {
	background: var(--minside-bakgrunn);	
}

.header-nav .nav-item {
	font-size: 18px;
}

.list-group-no-border .list-group-item {
	border: none;
}

.main-menu-nav.main-menu-nav {
	border-bottom: 1px solid #ccc;
}

@media screen and (min-width:1200px){
	.main-menu-nav.main-menu-nav {
		padding: 0 2rem 0 0;
	}
}

.minside .btn-primary, .minside .ok-button {
	background-color: var(--rod-btn-bg);
	border: 2px solid var(--rod-btn-bg);
	color: #fff;
}

.minside .btn-primary.btn-primary:is(:active, :focus, :hover),
.minside .ok-button.ok-button:is(:active, :focus, :hover) {	
/* 	background-color: var(--rod-btn-bg-hover); */
	color: var(--minside-btn-skriftfarge);
}

.minside .modal-dialog .btn {
	font-weight: normal;
}

.minside .modal-dialog .btn-primary {
	background-color: var(--hvit-btn-bg);
	border-color: transparent;	
	color: var(--styrke-blue);
}

.minside .modal-dialog .btn-primary:is(:active, :focus, :hover) {
	background-color: var(--hvit-btn-bg-hover);
	color: var(--styrke-blue);
}

.minside footer .btn-secondary.btn-secondary, .minside .modal-dialog .btn-secondary.btn-secondary {
	background-color: var(--hvit-btn-bg);
	border-color: #fff;	
	color: #0d1720;
}

.minside footer .btn-secondary.btn-secondary:is(:active, :focus, :hover), .minside .modal-dialog .btn-secondary.btn-secondary:is(:active, :focus, :hover) {
	background-color: var(--hvit-btn-bg-hover);
	border-color: #ccc;
}

.minside {
	/* Litt avstand fra bunn av siden med tanke på endre-knapp/scrolling */
	padding-bottom: 1.25rem;
}

@media screen and (max-width:768px){
	.minside {
		padding-bottom: 50px;
	}
	
/* 	.minside footer { */
/* 		Vise knapp fast på bunnen for mobil */
/* 		background-color: rgb(187 187 187 / 80%); */
/* 	    border-top: 1px solid #aaa; */
/* 	    bottom: 0; */
/* 	    padding: 10px 0; */
/* 	    position: fixed; */
/* 	    width: 100%; */
/* 	} */
	
/* 	.minside footer .btn-secondary { */
/* 		background-color: #ddd; */
/* 	} */
}

.minside footer {
	/* Vise knapp fast på bunnen for mobil */
	background-color: rgb(187 187 187 / 80%);
    border-top: 1px solid #aaa;
    bottom: 0;
    padding: 10px 0;
    position: fixed;
    width: 100%;
}

.minside footer .btn-secondary {
	background-color: #ddd;
}

.nav-item {
	font-size: 22px;
}

.nav-link {
	font-family: var(--minside-skrifttype-sekunder);
}

.navbar-light .navbar-nav .nav-link {
	color: var(--minside-skriftfarge-primary);
}

.navbar-light .navbar-nav .show .nav-link, .navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
	background: transparent;
	box-shadow: none;
	color: inherit;
	text-decoration: underline;
	text-underline-offset: .25rem;
}

.navbar-brand {
	display: grid;
	grid-template-columns: 190px 1fr;
	margin-right: 0;
	padding: 0 .375rem;
}

@media screen and (min-width:1200px){
	.navbar-brand {
		margin-right: 1rem;
	}
}

.navbar-brand .banner-text {
	margin-left: 10px;
	margin-top: 3px;
}

@media( min-width: 1200px ){
	.sm-two-column-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 15px;		
	}
}

.main-menu-nav .navbar-toggler {
	border: none;
}

.main-menu-nav .navbar-toggler-icon {
	background-image: var(--minside-meny-ikon)
}

.main-menu-nav .navbar-toggler:after {
	color: var(--minside-skriftfarge-primary);
	padding-left: 5px;
}

.lang-en .main-menu-nav .navbar-toggler:after {
	content: 'Menu';
}

.lang-no .main-menu-nav .navbar-toggler:after {
	content: 'Meny';
}


/*
.banner-text {
	color: var(--compendia-gronn);
	font-size: 20px;	
	font-weight: bold;
	text-align: right;
}

.header-nav {
	background-color: transparent;
}

.header-nav a.nav-link.nav-link {
	color: #000;
}

.main-menu-nav {
	background-color: var(--compendia-gronn);	
}

.main-menu-nav, .main-menu-nav a.nav-link.nav-link {
	color: #fff;
}

.nav-item {
	font-size: 1rem;
}

.active .nav-link, .active .dropdown-item {
	font-weight: bold;
}*/