/**
  * Created : 2006-02-16 12:14:45 CET
  * Updated : 2023-08-05 02:53:45 CEST
  * Author  : Ole Jakob Brustad <ole.jakob@brustadbuss.no>
  * License : GNU - General Public License
  */

a.layouts {
	color: #e0e0e0;
}
#layouts {
	background-color: #ffffff;
	padding: 10px;
	color: #000000;
}
.highlight {
	font-weight: bold;
}
.center {
	text-align: center;
}
table.center {
	margin-left: auto;
	margin-right: auto;
}

.login input[type="submit"], .login .btn {
	min-width: 140px;
	min-height: 32px;
}
.login .btn-primary {
/*	background-color: green;*/
}

/* BBCompare Text diff */
span.diff-new {
	color: #007700 !important;
	font-weight: bold;
}
span.diff-old {
	color: #990000 !important;
	text-decoration: line-through;
}

/* #### Login #### */
body.login, body.logout {
	background-color: #333333;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	font-family: Sans-Serif;
	text-align: center;
	min-height: 100%;
	height: auto;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	cursor: default;
}

div.login, div.logout {
	background-color: #ffffff;
	border: 1px solid #333333;
	padding: 20px;
	vertical-align: baseline;
	padding-bottom: 40px;
	min-width: 300px;
	margin-top: 10vh;
}

h1.login, h1.logout {
	margin-top: 0px;
}

.login a, .login a:hover {
	color: #000000;
	text-decoration: none;
}
.login a:hover {
	text-decoration: underline;
}
.login input.field, .login-field {
	padding: 5px;
	margin: 5px;
	min-width: 250px;
}

/* #### ErrorCodeDie : ERROR #### */
body.errorcode {
	background-color: #e0e0e0;
}
div.errorcode-box {
	background-color: #ffeeee;
	border: 2px solid red;
	font-family: Sans-Serif;
	color : red;
	margin: 0px auto;
	padding: 20px;
	width: 60%;
}
div.errorcode-msg {
	font-size: 150%;
	margin-bottom: 10px;
}
div.errorcode-msg b {
	font-weight: bold;
	font-style: italic;
}

/* #### iframe fullpage #### */
iframe.fullsize {
	width: 100%;
	height: 100%;
	min-height: 800px;
	border: 0px;
}

.pspell, a.pspell {
	color: red;
	background-color: yellow;
}

/* #### PASS THROUGH #### */
div.clear {
	clear: both !important;
}
div.right {
	float: right !important;
	display: block;
}

/* #### LANGUAGE ##### */
q:lang(en) { quotes: '"' '"' "'" "'" }
q:lang(no) { quotes: "«" "»" '"' '"' }
q:before { content: open-quote }
q:after  { content: close-quote }

/* #### IMGICON ##### */
img.imgcache {
	border: 0px;
	margin: 5px;
}
img.icon, img.icon-right {
	/* background-color: white; */
	border: 0px;
	margin: 0px;
}
a.icon-right, img.icon-right, img.right {
	float: right;
	margin-left: 15px;
}

/* #### FORM #### */
form {
	padding: 0px;
	margin: 0px;
}
legend {
	padding-left : 10px;
	padding-right: 15px;
	margin-bottom:  5px;
}
label.form, span.form-label {}
textarea {
	color: black;
	background-color: white;
}

form.form {
}
.alert {
	font-size: 120%;
	color : red;
}
.alert b {
	font-weight: bold;
	font-style: italic;
}
span.text-warning {
	font-weight: bold;
	font-style: italic;
	font-size: 120%;
}
div.debug {
	background-color: #e0e0e0;
	color: #999999;
	font-size: 50%;
	margin-top: 5px;
}
div.debug:hover {
	color: #000000;
	font-size: 75%;
}
div.msg-debug {
	background-color: #e0e0e0;
	font-size: 75%;
}
span.msg-err {
	color: #ff6666;
	font-weight: bold;
	font-size: 75%;
}
span.msg-log {
	color: #333333;
	font-size: 75%;
}
div.msg-debug:hover, span.msg-err:hover, span.msg-log:hover {
	font-size: 75%;
}
.inactive,
tr.inactive,
tr.inactive td,
td.inactive,
td.inactive a,
a.inactive {
	color: #a0a0a0 !important;
	font-style: italic !important;
}
.disabled {
	background-color: #a0a0a0;
}
.cancelled {
	text-decoration: line-through;
}
.linkbox {
	float:right;
	background-color: #d0d0d0;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
}
/* #### week days #### */
tr.weekday-1, tr.weekday-1 th.weekday-1 {
	margin-top: 20px;
	border-top: 2px solid black;
}
tr.weekday-6, tr.weekday-6 th.weekday-6 {
	background-color: #eeeeee;
}
tr.weekday-0, tr.weekday-0 th.weekday-0 {
	background-color: #ff6666;
}


/* #### input form #### */
.dropdown-inline {
	display: inline;
}
.dropdown-inline ul li {
	text-align: left;
}
table.field   { width: 95%; }
th.field      { background-color: #999999; }
td.fieldText  { width: 30%; }
td.fieldValue { width: 70%; }
td.fieldHelp  { width: 100%; color: #e03333; }
td.fieldHeading { width: 100%; }
td.fieldHeading, span.fieldHeading {
	color: #000000;
	font-weight: bold;
}
table.field input.field,
table.field select.field {
	width: 100%;
}
table.field input.number {
	width: 30%;
	margin-right: 5%;
}
table.field input.number-calcset {
	width: 60%;
	background-color: #e0e0e0;
}
input.alertfield { width: 100%; color: #ff0000; font-weight: bold; }
textarea.field { width: 100%; height: 50px; }
textarea.fieldbig { width: 100%; height: 250px; }
.required, input.required, table .required, div.required {
	background-color: #ffa0a0 !important;
}
span.reqasteriks { font-weight: bold; font-size: 130%; color: red; }

.amount, .cash { text-align: right !important; }
input.amount, input.cash { width: 100px !important; }
input.ft { width: 100px !important; }

input.date, input#date, input.dato, input#dato,
input[type="date"],
input.ft[type="date"] { width: 180px !important; }

input, textarea, input[type="checkbox"] {
min-width: 16px;
min-height: 16px;
}
input, input[type="date"] {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 2px;
}

tr.fieldBlock td {
	background-color: #e0e0e0;
	font-weight: bold;
	margin-top: 15px;
	padding: 5px;
	border-top: 3px solid #666666;
	border-left: 3px solid #666666;
	border-right: 3px solid #666666;
}
tbody.fieldBlock {
	-moz-box-shadow: 3px 3px 3px #a0a0a0;
	-webkit-box-shadow: 3px 3px 3px #a0a0a0;
	box-shadow: 3px 3px 3px #a0a0a0;
	margin-bottom: 50px;
	border-left: 3px solid #666666;
	border-right: 3px solid #666666;
	border-bottom: 3px solid #666666;
}
tbody.fieldBlock tr td {
	background-color: #e0e0e0;
}
tbody.fieldBlock tr td.fieldValue input { max-width: 95%; }
tbody.fieldBlock tr td.fieldValue select { width: 95% !important; }
tbody.fieldBlock tr td.fieldValue textarea { width: 95% !important; }
tbody.fieldBlock tr:last-child td {
	padding-bottom: 10px;
}

/* ##### Ajax ##### */
div.ajax {
	background-color: white;
	z-index: 100;
	display: block;
	position: absolute;
}


/* ##### listform ##### */
/* ---- TABLE ---- */
table.listform, table.listform100 {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
table.listform tr:hover, table.listform100 tr:hover {
	background-color: #dddd66;
}
/* ---- TBODY ---- */
tbody {
	/*page-break-before: auto;*/
	/*page-break-inside: avoid;*/
	/*page-break-after: auto;*/
	/* keep-together: always; */
	/* keeptogether: always; */
	border-top: 0px; /* solid #99ff99; */
	border-bottom: 0px; /* solid #9999ff; */
}
/* ---- TR ---- */
tr.listform, table.listform tr, table.listform100 tr, 
tr.listform tr.alter, tr.listform100 tr.alter, tr.sum {
	margin: 0px;
	padding: 0px;
}
tr.alter {
	background-color: #dddddd;
}
/* ----- TD ----- */
table.listform td, table.listform100 td {
	margin: 0px;
	padding: 2px;
}
/* ----- TD -- special fields ----- */
table.listform tr td.amount,
table.listform tr th.amount,
table.listform tr td.subsum,
table.listform tr th.subsum,
table.listform tr td.mainsum,
table.listform tr th.mainsum {
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
}
table.listform td.subsum,
table.listform th.subsum {
	border-top: 1px solid #666666;
	font-weight: bold;
}

table.listform td.mainsum,
table.listform th.mainsum {
	border-top: 1px solid #666666;
	border-bottom: 3px double #000000;
	font-weight: bold;
	font-style: normal;
}

/* ----- TD -- list with details ----- */
table.listform tr td.right,
table.listform tr td.right a {
	text-align: right;
}
table.listform tr.main td {
	font-weight: bold;
	padding-top: 10px;
	border-bottom: 1px solid #aaaaaa;
	cursor:row-resize;
}
table.listform tr.details td {
}
table.listform tr.nodetails td {
	height: 15px;
}
/* ---- TH ---- */
.th, .th a,
th.left, th.left a,
th.right, th.right a,
th.noprint, th.noprint a,
th.listform, th.listform a,
tr.listhead, tr.listhead td, tr.listhead td a,
td.listhead, td.listhead a,
table.listform th, table.listform th a,
table.listform100 th, table.listform100 th a
{
	background-color: #d0d0d0;
	color: #000000;
	font-weight: bold;
	padding: 2px;
}
th.left,  th.left  a { text-align: left; }
th.right, th.right a { text-align: right; }
table.listform th, table.listform th a {
	font-style: italic;
}
/* ----- TH -- sub headline -----*/
table.listform tr.subhead,
table.listform100 tr.subhead,
table.listform tr.subhead td,
table.listform100 tr.subhead td,
tr.subhead, tr.subhead th a,
th.subhead, th.sub,    th.sub a,
td.subhead, td.subhead a {
	background-color: #e0e0e0;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	padding-top: 20px;
}
tr.sum, tr.listfoot {
	background-color: #f0f0f0;
	font-weight: bold;
	border-top: 1px solid #666666;
	border-bottom: 2px solid #000000;
}
table.listform tr.mainsum td,
table.listform tr.mainsum th,
table.listform100 tr.mainsum td,
table.listform100 tr.mainsum th {
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 2px;
	border-top: 2px solid #666666;
	border-bottom: 4px double #000000;
	background-color: #eeeeee;
}

/* ----- special ----- */
div.goto, tr.goto, td.goto {
	cursor: pointer;
}
.hl-edit, hl-goto { font-size: 130%; }
.hl-edit { color: #660000; }
.hl-goto { color: #006600; }


/* ##### Tabs ##### */
.tabs, #tabs {
	margin: 0;
}
.tabs ul, #tabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.tabs li, #tabs li { /* choose between float or display method */
	/*display: inline;*/
	border: 1px solid #bbb;
	border-bottom-width: 0;
	float: left;
	margin: 0;
}
.tabs a, #tabs a {
	background: #e0e0e0;
	color: #00c;
	display: block;
	padding: 0.24em 1em;
	text-align: center;
	text-decoration: none;
	width: 8em;
}
.tabs a:hover, #tabs a:hover {
	background: #ffffff;
}
.tabs .selected, .tabselected, #tabselected {
	background-color: #ffffff;
	border-color: black;
}
.tabs .selected a, .tabselected a, #tabselected a {
	background: white;
	color: black;
	font-weight: bold;
	position: relative;
	top: 1px;
}
.tabcontent, #tabcontent {
	border: 1px solid black;
	clear: both;
	margin: 0;
	padding: 10px;
	padding-top: 0px;
}
.tabhidden {
	display: none;
}
.cmspage {
	padding-left: 10px;
	padding-right: 10px;
}

div.widget {
	min-height: 100px;
}
div.widget-cached {
	background-color: #f0f0f0;
}

/* #### bootstrap adjustments #### */
h1 { font-size: 28px; }
h2 { font-size: 24px; }
fieldset {
	border: 1px dotted #bbbbbb;
}
legend {
	line-height: 30px;
	width: auto;
	border: 0px;
	color: #999999;
	font-style: italic;
	font-size: 18px;
}
/* input, */
select {
	width: 100px;
}
/* --- box-shadow ---*/
.boxshadow {
	margin: 0;
	padding: 5px;
	-moz-box-shadow: 3px 3px 3px #a0a0a0;
	-webkit-box-shadow: 3px 3px 3px #a0a0a0;
	box-shadow: 3px 3px 3px #a0a0a0;
}

/* --- image --- */
.imglink, .imglink-thumb { margin-bottom: 5px; }
.imglink-left  { margin-right: 5px; }
.imglink-right { margin-left:  5px; }
img.imglink-thumbedit  {
	display: block;
	float: right;
	max-width: 500px !important;
	margin-right: 5px;
}

div.img1, div.img2, div.img3, div.img4, div.img32 {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	clear: both;
}
div.img1 img, div.img2 img, div.img3 img, div.img32 img, div.img4 img,
img.img1, img.img2, img.img3, img.img32, img.img4,
img.imglink
{
	margin: 1%;
	padding: 0;
	-moz-box-shadow: 3px 3px 3px #a0a0a0;
	-webkit-box-shadow: 3px 3px 3px #a0a0a0;
	box-shadow: 3px 3px 3px #a0a0a0;
}
div.img1  img.imglink, img.img1  { width: 98%; }
div.img2  img.imglink, img.img2  { width: 47.9%; }
div.img3  img.imglink, img.img3  { width: 31.3%; }
div.img32 img.imglink, img.img32 { width: 62.6%; }
div.img4  img.imglink, img.img4  { width: 20%; }

div.img1 .icon, div.img2 .icon,
div.img3 .icon, div.img32 .icon, div.img4 .icon,
img.icon {
	width: auto;
	min-width: 12px;
}

.imglink-title {
	font-style: italic;
	font-weight: bold;
}
.imglink-photo {
	font-style: italic;
}

span.twinline {
	color: #6666ee;
	font-style: italic;
	cursor:help;
}
span.twinline:hover {
	text-decoration: underline;
}
span.twinline-box {
	float: left;
	position: absolute;
	-moz-box-shadow: 4px 4px 4px #a0a0a0;
	-webkit-box-shadow: 4px 4px 4px #a0a0a0;
	box-shadow: 4px 4px 4px #a0a0a0;
	background-color: #fefefe;
	padding: 0px;
	margin: 0px;
	min-width: 300px;
	max-width: 500px;
	min-height: 200px;
	max-height: 400px;
	overflow:auto;
	color: black;
	border: 1px solid #666666;
}
.twinline-headbox {
	width: 100%;
	background-color: #a0a0a0;
}
.twinline-head {
	padding: 10px;
	font-size: 130%;
	font-weight: bold;
}
.twinline-gps {
	float: right;
	padding-right: 10px;
}
.twinline-contentbox {
	clear:both;
}
.twinline-content {
	padding: 10px;
}

@media print {
	a[href]:after { content: ""; }
	.h500max { overflow: visible; }
}

@media screen {
	.h500max {
		overflow: auto;
		max-height: 500px;
	}
}

@media print {
	.d4 { display: none; }
	.e4 { display: none; }
}
/* (min-width: 1200px) and (max-width:1600) */
/* program width = span8 = 770px */
@media (max-width: 1300px) {
	.d4 { display: none; }
}
/* program width = span8 = 770px */
@media (max-width: 979px) {
	.d3, .d4 { display: none; }
}
/* program width = span8 = 476px */
@media (max-width: 767px) {
	.d2, .d3, .d4 { display: none; }
}
/* program width = full width = 480px */
@media (max-width: 480px) {
	.d1, .d2, .d3, .d4 { display: none; }
}

@media (min-width: 480px)  { .e1 { display: none; } }
@media (min-width: 767px)  { .e1, .e2 { display: none; } }
@media (min-width: 979px)  { .e1, .e2, .e3 { display: none; } }
@media (min-width: 1300px) { .e1, .e2, .e3, .e4 { display: none; } }

div.hide, td.hide { display: none; }

/* add spacing to list on small screens (phones) */
/*@media screen and (max-width: 600px) {
	ul li {
		margin-top: 5px;
		margin-bottom: 10px !important;
	}
	dl dt, dl dd {
		margin-top: 5px;
		margin-bottom: 10px !important;
	}
}*/
@media screen and (pointer: coarse) {
	ul.a li {
		margin-bottom: 15px !important;
	}
	dl.a dt, dl.a dd {
		margin-top: 10px;
		margin-bottom: 15px !important;
	}
}

/* #### Simple slideshow #### */
/* http://demosthenes.info/blog/766/Create-A-Simple-FullScreen-Image-Gallery-Slideshow-With-JS-amp-CSS */
#content:-moz-full-screen,
#content:-ms-full-screen,
#content:-webkit-full-screen,
#content:full-screen {
	display: flex;
	justify-content: center;
	align-items: center;
}
:-webkit-full-screen {
	width: 100%;
	height: 100%;
}
*:-moz-full-screen {
	background: #ffffff;
}
@keyframes fadey {
	 0% { opacity: 0; }
	15% { opacity: 1; }
	85% { opacity: 1; }
	100%{ opacity: 0; }
}
.slideshow {
	width: 80%;
	margin: 0 auto;
	position: relative;
}
.slideshow img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	opacity: 0;
}
.slideshow img:first-child {
	position: relative;
}

/* deprecated html5 fixes */
table.w100p, table.w100p99p {
	width:100%;
	margin:0;
	padding:0;
	border:0;
}
table.w100p99p {
	height:99%;
}
table.w740px {
	width:740px;
	margin:0;
	padding:3px;
}

/* ### Company ### */
.company-header {
	margin-top: 10px;
	margin-bottom: 10px;
}
.company-name { font-weight: bold; }

/* ### Cookie msg ### */
button#cookie-accept, button#cookie-decline {
	border-color: #2c3f6b;
	margin-top: 3px;
	padding: 5px;
}
button#cookie-accept {
	background-color: rgb(44,63,107);
	color: #ffffff;
}
button#cookie-decline {
	background-color:#edf2ff;
	color: #2c3f6b;
}

div.cookie-box {
	clear:both;
	position:fixed;
	bottom:30px;
	left:30px;
	padding:12px 20px;
	box-sizing: border-box;
	background: #edf2ff;
	border-radius: 4px;
	box-shadow: 0 8px 30px -7px rgba(116,156,255,0.15);
	font-size:13px;
	color:#2c3f6b;
	line-height:20px;
	z-index:98;
}
div.cookie-box p.cookie-readmore {
	float: right;
	padding-top: 5px;
}
div.cookie-top {
	clear:both;
	padding: 10px;
	background: #333333;
	border-radius: 4px;
	color: #eeeeee;
	font-size: 13px;
	line-height: 20px;
}
div.cookie-top button#cookie-accept {
	float: right;
	margin-top: 10px;
	margin-right: 20px;
}