@import url('https://fonts.googleapis.com/css?family=Play:400,700|Source+Sans+Pro:200,300,400,600,700,900&display=swap');
@import url('https://use.fontawesome.com/releases/v5.7.2/css/all.css');
@import url('spaces.css.jsp');
@import url('selectric-custom.css');
@import url('bootstrap-override.css.jsp');
@import url('google_translate.css.jsp');

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font: 400 15px/1.4em 'Source Sans Pro', Verdana, sans-serif;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.7em 0;
	padding: 0;
	font-family: 'Source Sans Pro', Verdana, sans-serif;
	font-weight: 400;
	color: #000;
}
h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6,
p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h2, ul + h3, ul + h4, ul + h5, ul + h6,
ol + h2, ol + h3, ol + h4, ol + h5, ol + h6 {
	margin-top: 1.2em;
}


h1, .h1 {
	font-size: 31px;
	line-height: 37px;
}
h1 > #listInfo {
	display: block;
	margin-top: 10px;
	font-size: 15px;
	line-height: 21px;
	font-style: italic;
	color: #888;
}
h1 > #listInfo > .list-info-more {
	display: block;
}
h1 > #listInfo code {
	font-size: 95%;
	margin-left: 3px;
}
h2, .h2 {
	font-size: 25px;
	line-height: 29px;
}
h3, .h3 {
	font-size: 21px;
	line-height: 24px;
}
h4, .h4 {
	font-size: 19px;
	line-height: 21px;
}
h5, .h5 {
	font-size: 18px;
	line-height: 20px;
}
h6, .h6 {
	font-size: 17px;
	line-height: 19px;
}

.ingress,
.text {
	font: 400 15px/1.4em 'Source Sans Pro', Verdana, sans-serif;
	margin-bottom: .7em;
}
.ingress {
	font-size: 19px;
	line-height: 25px;
}

#aktuellt h2 {
	font-size: 19px;
	text-transform: uppercase;
	color: #444;
}
#footer h2 {
	color: #fff;
}

.text table {
	border-collapse: collapse !important;
	border: 0 !important;
}
.text table td {
	padding: 5px 10px !important;
	border: 1px solid #ccc !important;
}


/* *******************************************************************************************
 *         Lists                                                                             *
 ******************************************************************************************* */

#pageWrapper ul,
.no-dot ul,
ul.no-dot {
	margin: 10px 0;
	padding: 0 ;
	list-style-type: none;
}
#pageWrapper ul,
.no-dot ul li,
ul.no-dot li {
	margin: 0 0 0.4em 20px;
	padding: 0;
	text-indent: 0;
	background: none;
}
#pageWrapper ul.no-dot,
.no-dot ul li,
ul.no-dot li {
	margin-left: 0 !important;
}
#pageWrapper ul li::before {
  content: '\203A';/* › › */
  font-size: 140% !important;
	padding-left: 2px;
	padding-right: 11px;
	margin-left: -20px;
	color: #333;
}
.no-dot ul li::before,
ul.no-dot li::before,
#header li::before,
ul.piped-list li::before {
  content: none !important;
}

ul.piped-list {
	margin: 10px 0;
	padding: 0 ;
	list-style-type: none;
}
ul.piped-list li {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	text-indent: 0;
	background: none;
	border-left: 1px solid #ccc;
}
#footer ul.piped-list li {
	border-color: #fff;
}
ul.piped-list li:first-child {
	margin: 0;
	padding: 0;
	border-left: 0;
}

ul.list-items li {
	position: relative;
	margin-bottom: 10px;
	z-index: 100;
}
ul.list-items li a {
	font-weight: 600;
}
ul.list-items li .date {
	display: inline-block;
}
ul.list-items li .category {
	display: inline-block;
}
ul.list-items li .date + .category::before {
  content: '|';
	display: inline-block;
	padding: 0 10px;
}
ul.list-items li .type,
ul.list-items li .info {
	display: block;
}

ul.list-items li .date {
	margin-right: 5px;
}

ul.list-items li .category {
	display: inline-block;
	padding: 0 6px;
	font-size: 13px;
	line-height: 19px;
	text-transform: uppercase;
	text-shadow: none;
	border: 1px solid rgba(0, 0, 0, .05);
	background-color: rgba(0,0,0,.03);
	color: rgba(0, 0, 0, .5);
}
ul.list-items li .date + .category::before {
  content: none;
}

/* *******************************************************************************************
 *         Links                                                                             *
 ******************************************************************************************* */

a {
	position: relative;
	z-index: 50;
}
a.stretched-link {
	position: static;
}
a:visited {
	color: #9959cc;
	text-decoration: none;
}
a:link,
a[href="#"] {
	color: #07489b;
	text-decoration: none;
}

h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
	color: #000;
}

.white-links a:link,
.white-links a:visited {
	color: #fff;
	text-decoration: underline;
}
.black-links a:link,
.black-links a:visited {
	color: #333;
}
a:focus {
	color: #4674b3 !important;
	text-decoration: underline !important;
	outline: 0;
	-webkit-box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	-moz-box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	-o-box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	-ms-box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
}
a:hover,
a:active {
	color: #4674b3 !important;
	text-decoration: underline !important;
	outline: 0;
}

.slider--images a:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	-moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	-o-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	-ms-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
}

a.stretched-link:focus {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	-ms-box-shadow: none !important;
	box-shadow: none !important;
}
a.stretched-link:focus::after {
	-webkit-box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	-moz-box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	-o-box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	-ms-box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
}

#forceView a {
	text-decoration: none !important;
}
#forceView a.selected {
	text-decoration: underline !important;
}

a.btn-primary,
a.btn-primary:active,
a.btn-primary:hover,
a.btn-primary:focus,
a.btn-success,
a.btn-success:active,
a.btn-success:hover,
a.btn-success:focus,
a.btn-danger,
a.btn-danger:active,
a.btn-danger:hover,
a.btn-danger:focus,
a.btn-warning,
a.btn-warning:active,
a.btn-warning:hover,
a.btn-warning:focus,
a.btn-info,
a.btn-info:active,
a.btn-info:hover,
a.btn-info:focus {
	color: #fff !important;
	text-decoration: none !important;
}



.container-fluid .row {
	position: relative;
	z-index: 100;
}
.container-fluid img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.container-fluid .imcms-editor-area--image img[src*="missing_image"] {
	width: auto !important;
	max-width: none !important;
	height: auto !important;
}

.sec-p {
	padding-right: 100px;
	padding-left: 100px;
	transition: all .2s ease-in-out;
}
@media (max-width: 800px) {
	.sec-p {
		padding-right: 20px;
		padding-left: 20px;
		transition: all .2s ease-in-out;
	}
}
.sec-p .container-fluid {
	max-width: 1270px;
}

#pageWrapper {
	width: 100%;
	height: 100%;
	min-width: 360px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start; /* align items in Main Axis */
	align-items: stretch; /* align items in Cross Axis */
	align-content: stretch; /* Extra space in Cross Axis */
}

#innerWrapper {
	position: relative;
}

#header {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 247px;
	background: #d6ded8 url(/images_gui/bg_header.jpg) top center no-repeat;
	z-index: 300;
	transition: all .2s ease-in-out;
}
.lte-md #header {
	height: 49px;
	background: transparent none;
}
.orientation-portrait.lte-md #header {
	height: 30vw;/*149px*/
	min-height: 110px;
	max-height: 160px;
	background: #d6ded8 none;
}
#mobileLogo {
	display: block;
}
#mobileLogo a {
	display: block;
	width: 660px;
	height: 90px;
	margin: 40px auto 0 auto;
}
#mobileLogo a img {
	display: none;
	width: 100%;
	max-width: 646px;
	height: auto;
}
.orientation-portrait.lte-md #mobileLogo {
	display: block;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}
.orientation-portrait.lte-md #mobileLogo a {
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0;
}
.orientation-portrait.lte-md #mobileLogo a img {
	display: block;
}
@media (max-width: 370px) {
	.orientation-portrait.lte-md #mobileLogo {
		padding-top: 12px;
	}
}

#topMenu {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 71px;
	background: transparent url(/images_gui/bg_top_menu.png) 0 0 repeat-x;
	z-index: 301;
}
#topMenuInner {
	margin-top: 14px;
	height: 61px;
	background: transparent;
	transition: all .2s ease-in-out;
}
.lte-md #topMenuInner {
	margin-top: 8px;
}
/* offsetFixed = -4 ; */
#topMenu.docked,
.lte-md #topMenu {
	height: 53px;
	overflow: hidden;
}
#topMenu.docked,
.orientation-landscape.lte-md #topMenu {
	background: transparent url(/images_gui/bg_top_menu_docked.png) left bottom repeat-x;
}
.orientation-landscape.lte-md #topMenu {
	position: fixed;
	top: -4px;
	bottom: auto;
}
.orientation-landscape.nav-active.lte-md #topMenu {
	position: relative;
}

#topMenu.docked #topMenuInner,
.orientation-landscape.lte-md #topMenu #topMenuInner {
	margin-top: 8px;
	height: 41px;
	background: transparent url(/images_gui/logo_top_menu.png) 90px 12px no-repeat;
}
@media (max-width: 1030px) {
	#topMenu.docked #topMenuInner,
	.orientation-landscape.lte-md #topMenu #topMenuInner {
		background-position: 0 12px;
	}
}
.lte-md #topMenu.docked #topMenuInner,
.orientation-landscape.lte-md #topMenu #topMenuInner {
	background-position: 65px 12px;
}
@media (max-width: 390px) {
	#topMenu.docked #topMenuInner,
	.orientation-landscape.lte-md #topMenu #topMenuInner {
		background: transparent none;
	}
}
#topMenu UL {
	display: block;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}
#topMenu UL#mobileMenuUl {
	float: left;
	margin-left: 10px;
}
#topMenu #dockedMenuLogoDummy {
	position: relative;
	left: -10000px;
	display: block;
	float: left;
	width: 145px;
	height: 30px;
	margin: 5px 0 0 10px;
	cursor: pointer;
}
#topMenu.docked #dockedMenuLogoDummy {
	left: 0;
}
#topMenu UL#searchUl {
	float: right;
	margin-right: 10px;
	max-width: 250px;
	transition: all .2s ease-in-out;
}
@media (max-width: 440px) {
	#topMenu UL#searchUl {
		max-width: 170px;
	}
}

#topMenu UL LI {
	display: block;
	float: left;
	margin: 0 0 0 -1px;
	padding: 0;
	background: transparent url(/images_gui/bg_top_menu_item_line.gif) 0 5px no-repeat;
}
#topMenu UL#searchUl LI,
#topMenu UL#mobileMenuUl LI,
#topMenu UL LI#miniLogoLinkLi {
	background: transparent none !important;
}
#topMenu ul li.first,
#topMenu ul li.activeNext,
#topMenu ul li.hoverNext,
#topMenuMobile ul li.first,
#topMenuMobile ul li.activeNext,
#topMenuMobile ul li.hoverNext {
	background-image: none; 
}
#topMenu ul li a,
#topMenuMobile ul li a {
	position: relative;
	display: block;
	padding-top: 5px;
	color: #fff !important;
	text-decoration: none !important;
}
#topMenu ul li a span,
#topMenuMobile ul li a span {
	display: block;
	padding: 3px 10px 9px 10px;
	font: 400 17px/25px 'Source Sans Pro', Verdana, sans-serif;
}
#topMenu ul li.active a,
#topMenu ul li a:hover,
#topMenu ul li a:active,
#topMenuMobile ul li.active a,
#topMenuMobile ul li a:hover,
#topMenuMobile ul li a:active {
	position: relative;
	padding-top: 0;
	padding-right: 3px;/*
	background: transparent url(/images_gui/bg_top_menu_item_right.png) right top no-repeat;*/
	background-color: #fff;
	z-index: 310;
}
#topMenu ul li.active a span,
#topMenu ul li a:hover span,
#topMenu ul li a:active span,
#topMenuMobile ul li.active a span,
#topMenuMobile ul li a:hover span,
#topMenuMobile ul li a:active span {
	position: relative;
	padding: 8px 7px 9px 10px;/*
	background: transparent url(/images_gui/bg_top_menu_item_left.png) 0 0 no-repeat;*/
	background-color: #fff;
	color: #232322 !important;
	z-index: 311;
}
#topMenu ul li a:focus,
#topMenu ul li.active a:focus span,
#topMenuMobile ul li.active a:focus span,
.search-form .form-control:focus {
	-webkit-box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	-moz-box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	-o-box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	-ms-box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	box-shadow: inset 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
}



/* *******************************************************************************************
 *         Easy Read Text                                                                    *
 ******************************************************************************************* */

.items .item {
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px 5px 5px 5px;
	border-top: 1px solid #ccc;
}
.items .item {
	border-top: 0;
}
.items .item.small h2 {
	margin-top: 0 !important;
}
.item.first {
	margin-top: 0;
	border-top: 0;
}
.items .item .date {
	font-weight: bold;
}

#easyReadTextBtn {
	display: block;
	float: right;
	width: 66px;
	height: 17px;
	margin: 5px 0 5px 10px;
	background: #fff url(../images_gui/buttons/btn_lattlast_sprite.png) 0 0 no-repeat;
	text-indent: -100000px;
}
#easyReadTextBtn:hover,
#easyReadTextBtn:active,
#easyReadTextBtn.active {
	background-position: 0 -30px;
}


.easyRead {
	font-size: 120%;
}
.text.easyRead {
	margin-bottom: 2rem;
}
.easyReadTextPage .search-result .item .facts * {
	font-size: 90%;
	font-weight: normal;
	color: #666;
}





#breadCrumbItems UL {
	display: block;
	list-style-type: none;
	margin: 10px 0 6px 0;
	padding: 0;
}
#breadCrumbItems UL LI {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #000;
	font-size: 12px;
	line-height: 14px;
}
#breadCrumbItems UL LI:first-child {
	margin: 0;
	border-left: 0;
}
#breadCrumbItems UL LI::before {
  content: none !important;
}



#docHeadSearch {
	max-height: 38px;
	overflow: hidden;
}

#docHeadSearchForm {
	position: relative;
}

.search-form .hits-info {
	position: absolute;
	right: 43px;
	bottom: 4px;
	width: 45px;
	height: 30px;
	padding: 0 2px;
	font: 14px/30px Arial, Verdana, sans-serif;
	text-align: right;
	color: #999;
	z-index: 311;
}
.search-form .hits-info.hasData {
	background-color: #e2ebed;
}
.phone .search-form .hits-info {
	display: none;
}

.search-form ::-webkit-input-placeholder { /* Edge */
  line-height: 24px;
	color: #999;
}
.search-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  line-height: 24px;
	color: #999;
}
.search-form ::placeholder {
  line-height: 24px;
	color: #999;
}

.search-form .btn {
	background-color: #d6ded8;
	color: #000;
	border: 0 !important;
	padding: .2rem .75rem;
}
.search-form .btn:focus {
	box-shadow: inset 0 0 0 .2rem rgba(0,123,255,.5) !important;
}
#topMenu.docked #searchUl button {
	background-color: #96a09a;
	color: #fff;
}

#mobileMenuBtn {
	padding: .1rem .75rem;
	border: 0 !important;
	background-color: transparent !important;
	box-shadow: none !important;
}
#mobileMenuBtn:hover,
#mobileMenuBtn:active {
	color: #fff;
}
#mobileMenuBtn:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	-moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	-o-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	-ms-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 1) !important;
}
#mobileMenuBtn::after {
  content: '';
	display: block;
	margin: 0 auto;
	width: 43px;
	height: 42px;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	background: transparent url(/images_gui/icons/icons_sprite.png) -66px 0 no-repeat;
}
#mobileMenuBtn.active::after {
	background-position: 0 0;
}


#mobileMenuCloseBtn {
	position: absolute;
	bottom: -1px;
	left: 0;
	background-color: #434f4c;
	color: #fff;
}
#mobileMenuCloseBtn:hover,
#mobileMenuCloseBtn:active {
	background-color: #fff;
	color: #434f4c;
}

#landingBanner {
	position: relative;
	flex: 1;
	height: 100vh;/*
	height: calc(var(--vh, 1vh) * 100); https://codepen.io/team/css-tricks/pen/vapjge */
	min-height: 100vh;
	padding-top: 247px;
	background: #434f4c url(/images_gui/startpage/gakti/startpage_landing_image_w.jpg?_=98118918) 50% 0 no-repeat;
	background-size: cover;
	background-origin: content-box;
	transition: all .2s linear;
}
#landingBanner.grey {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.lte-sm .nav-active #landingBanner {
	background: transparent none;
	height: auto;
	min-height: 0;
}
.lte-sm .nav-active #landingBanner > a {
	display: none !important;
}
#landingBanner {
	padding-top: 247px;
}
.lte-md #landingBanner {
	padding-top: 49px;
}
#entrePage #pageWrapper,
#articlePage #pageWrapper {
	padding-top: 247px;
}
.lte-md #entrePage #pageWrapper,
.lte-md #articlePage #pageWrapper {
	padding-top: 49px;
}



#landingBanner h1 {
	position: absolute;
	top: 62%;
	left: 0;
	right: 0;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	font-size: 6vw;
	line-height: unset;
	margin: 0;
	transition: font-size .2s ease-in-out;
}
#landingBanner h1#h1b {
	top: calc(62% + 12vw);
	font-size: 20px !important;
}
#landingBanner h1.sr-only {
	top: -1000px;
	left: -1000px;
	right: auto;
}
.lte-lg #landingBanner h1 {
	font-size: 8vw;
}
.xs #landingBanner h1 {
	font-size: 11vw;
}
#articlePage #contentRow {
	padding-left: 22px;
	padding-right: 22px;
}
@media (max-width: 640px) {
	#articlePage #contentRow {
		padding-left: 0;
		padding-right: 0;
	}
}

#articleContent {
	padding-bottom: 30px;
}

@media (max-width: 800px) {
	#landingBanner {
		background-image: url(/images_gui/startpage/gakti/startpage_landing_image_mr.jpg?_=-1253280724);
	}
}
#landingBanner .col img {
	display: inline-block;
	height: 100vh;
	width: auto;
}
#landingBanner.narrow .col img {
	display: inline-block;
	height: auto;
	width: 100vh;
}
#landingBanner > a {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 15px;
	width: 74px;
	height: 74px;
	margin-left: -37px;
	background: transparent url(/images_gui/icons/icon_landing_down.png) 50% 50% no-repeat;
	text-indent: -100000px;
}
.mobile-android #landingBanner > a {
	bottom: 80px;
}
#toppnyheter {
	position: relative;
	background-color: #fff;
}
#toppnyheter .flex-65.h-100 {
	height: 300px !important;
}
#popularPages {
	margin-top: 20px;
	margin-bottom: 20px;
	border-left: 1px solid #ccc;
}
.sm #popularPages {
	padding-right: 0; !important;
}
.xs #popularPages {
	border-left: 0;
	min-height: auto !important;
}

@media (min-width: 576px) {
	#popularPages.col-sm-3 {
		-ms-flex: 0 0 23%;
		flex: 0 0 23%;
		max-width: 23%;
		margin-left: 2%;
		padding-left: 3%;
	}
}


#popularPages .popular-pages-inner {
	padding-top: 20px;
	padding-bottom: 20px;
}
@media (max-width: 400px) {
	#popularPages .popular-pages-inner .popular-pages-texts {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (max-width: 575.98px) {
	#popularPages {
		padding-left: 100px;
		padding-right: 100px;
		border-top: 1px solid #e6e4db;
	}
}
@media (max-width: 399.98px) {
	#popularPages {
		padding-left: 15px;
		padding-right: 15px;
	}
}
#reportage {
	position: relative;
	background-color: #e6e4db;
	min-height: 360px;
}
#reportage::after {
  content: '';
  position: absolute;
	display: block;
	width: 100px;
	background: transparent url(/images_gui/texts/reportage.png) 10px 50% no-repeat;
  top: 0; left: 0; bottom: 0;
  z-index: 1;
  opacity: 1;
	transition: all .2s ease-in-out;
	filter: invert(30%);
}
.reportage-date {
	margin-bottom: 20px;
	font-size: 12px;
	color: #444;
}
#reportageSearchUl ::-webkit-input-placeholder { /* Edge */
  line-height: 24px;
	color: #999;
}
#reportageSearchUl :-ms-input-placeholder { /* Internet Explorer 10-11 */
  line-height: 24px;
	color: #999;
}
#reportageSearchUl ::placeholder {
  line-height: 24px;
	color: #999;
}

#reportageSearchUl .search-form .hits-info {
	right: 67px;
	z-index: 211;
}


#test {
	position: relative;
	background-color: #e6e4db;
	min-height: 360px;
}
#test::after {
  content: '';
  position: absolute;
	display: block;
	width: 84px;
	background: transparent url(/images_gui/texts/reportage.png) 10px 50% no-repeat;
  top: 0; left: 0; bottom: 0;
  z-index: 1;
  opacity: 1;
	transition: all .2s ease-in-out;
}


#manniskor {
	position: relative;
	background-color: #fff;
	min-height: 380px;
}
#manniskor::after {
  content: '';
  position: absolute;
	display: block;
	width: 84px;
	background: transparent url(/images_gui/texts/manniskor.png) 10px 50% no-repeat;
  top: 0; left: 0; bottom: 0;
  z-index: 1;
  opacity: 1;
	transition: all .2s ease-in-out;
}
#aktuellt {
	position: relative;
	background-color: #d6ded8;
  z-index: 1;
}
#aktuellt::after {
  content: '';
  position: absolute;
	display: block;
	width: 84px;
	min-height: 360px;
	background: transparent url(/images_gui/texts/aktuellt.png) 10px 50% no-repeat;
  top: 0; left: 0; bottom: 0;
  z-index: 1;
  opacity: 1;
	transition: all .2s ease-in-out;
	filter: invert(40%);
}
#citat {
	position: relative;
	background: #434f4c url(/images_gui/startpage_citat.jpg) 50% 30% no-repeat;
	background-size: cover;
	min-height: 360px;
}
#citat::after {
  content: '';
  position: absolute;
	display: block;
	width: 84px;
	min-height: 360px;
  top: 0; left: 0; bottom: 0;
	background: transparent url(/images_gui/texts/dikt_jojk.png) 10px 50% no-repeat;
  opacity: 1;
	transition: all .2s ease-in-out;
}
#citat blockquote {
  position: relative;
	min-height: 181px;
	margin: 10px 0 0 0;
	padding: 20px 0 0 237px;
	font: 300 31px/37px 'Source Sans Pro', Verdana, sans-serif;
	color: #fff;
}
#citat blockquote footer {
	font-size: 17px;
}
#citat blockquote::after {
  content: '';
  position: absolute;
  top: 0;
	left: 0;
	display: block;
	width: 217px;
	height: 181px;
	background: transparent url(/images_gui/quot_large.png) 50% 50% no-repeat;
}
.lte-sm #citat blockquote {
	min-height: 90.5px;
	padding: 5px 0 10px 128.5px;
	font: 300 25px/31px 'Source Sans Pro', Verdana, sans-serif;
}
.lte-sm #citat blockquote::after {
	width: 108.5px;
	height: 90.5px;
	background-size: cover;
}
.lte-xs #citat blockquote {
	min-height: 45.25px;
	padding: 5px 0 10px 74.25px;
	font: 300 21px/26px 'Source Sans Pro', Verdana, sans-serif;
}
.lte-xs #citat blockquote::after {
	width: 54.25px;
	height: 45.25px;
	background-size: cover;
}
@media (max-width: 400px) {
	#citat blockquote,
	.lte-sm #citat blockquote,
	.lte-xs #citat blockquote {
		padding-left: 0;
	}
	#citat blockquote::after {
	  content: none;
	}
	.quote-min {
		background: transparent url(/images_gui/quot_large.png) 0 89px no-repeat;
		background-size: 100% auto;
	}
}
@media (max-width: 450px) {
	#citat .hide-min {
		display: none !important;
	}
}

/* *******************************************************************************************
 *         Sitemap                                                                           *
 ******************************************************************************************* */

#siteMap .col {
	margin-bottom: 2rem;
}
#siteMap h2.line {
	margin: 0 0 10px 0 !important;
	padding: 0 5px 7px 5px !important;
	border-bottom: 1px solid #ccc !important;
}
#siteMap .items {
	padding: 5px 5px 25px 5px !important;
	background-color: #eef1ef;
}
#siteMap .items A {
	display: block;
	margin: 1px 0 0 0;
	padding: 0;
	font-size: 13px;
	font-style: normal !important;
	font-weight: normal !important;
	color: #333 !important;
	text-decoration: none !important;
}

/* *******************************************************************************************
 *         Footer                                                                            *
 ******************************************************************************************* */

#footer {
	position: relative;
	background-color: #000;
	color: #fff;
}
#footer::after {
  content: '';
  position: absolute;
	display: block;
	width: 84px;
	background: transparent url(/images_gui/texts/samer.png) 10px 50% no-repeat;
  top: 0; left: 0; bottom: 0;
  z-index: 1;
  opacity: 1;
	transition: all .2s ease-in-out;
}
#footer .container-fluid::after {
  position: absolute;
  content: "";
  background: transparent url(/images_gui/bg_footer.png) 100% 100% no-repeat;
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1; 
	transition: all .5s ease-in-out;
}
@media (max-width: 1199.98px) {
	#footer .container-fluid::after {
		opacity: 0.5;
	}
}
@media (max-width: 800px) {
	#footer .container-fluid::after {
		opacity: 0.3;
	}
}
#footer .footer-col {
	min-height: 245px;
	margin: 40px 0;
	padding: 20px 20px 10px 20px;
	border-left: 1px solid #fff;
}
@media (max-width: 460px) {
	#footer .footer-col {
		border-left: 0;
	}
}

.plate-h {
	height: 340px;
}
#manniskor .plate-h {
	height: 380px;
}
.plate-mh {
	min-height: 340px;
}
#citat .plate-mh {
	min-height: 360px;
}
.flex-65 {
	flex: 0 0 65px;
}
@media (max-width: 575.98px) {
	.hide-xs {
		display: none;
	}
}
/*
// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

------------------------------------------------------------

// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// Extra large devices (large desktops)
// No media query since the extra-large breakpoint has no upper bound on its width
*/
.bd-highlight {
	background-color: rgba(86,61,124,.15);
	border: 1px solid rgba(86,61,124,.15);
}

.tbl {
	display: table;
}
.tbl-row {
	display: table-row;
}
.tbl-cell {
	display: table-cell;
}

.arrow-container {
	display: table;
	width: 100%;
	height: 100%;
}
.arrow-large {
	position: relative;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}
.arrow-large span {
	position: relative;
	top: -4px;
	display: inline-block;
	width: 41px;
	height: 86px;
	background: transparent url(/images_gui/icons/large_arrows_sprite.png) 0 0 no-repeat;
}
#articlePage .arrow-large.arrow-large-cl span {
	margin-right: 10px !important;
}
.arrow-large.arrow-large-al span {/* toppnyheter */
	background-position: 0 0;
}
.arrow-large.arrow-large-ar span {
	background-position: -50px 0;
}
.arrow-large.arrow-large-bl span {/* reportage */
	background-position: 0 -100px;
}
.arrow-large.arrow-large-br span {
	background-position: -50px -100px;
}
.arrow-large.arrow-large-cl span {/* manniskor */
	background-position: 0 -200px;
}
.arrow-large.arrow-large-cr span {
	background-position: -50px -200px;
}
.arrow-large:hover span,
.arrow-large:focus span,
.arrow-large:active span {/* hover|focus|active */
	background-position-y: -300px;
}
@media (max-width: 800px) {
	.arrow-large span {/* mobile display */
		background-position-y: -300px !important;
	}
}

.slider-nav-mobile {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 110;
}
.col-12 > .slider-nav-mobile {
	position: relative;
	bottom: -10px;
	margin: 0 auto;
}
.col-12 > #toppnyheterSliderNavMobile.slider-nav-mobile {
	bottom: 10px;
}
.slider-nav-mobile a {
	text-decoration: none !important;
}
.slider-nav-mobile a:link .slider-nav--icon,
.slider-nav-mobile a:visited .slider-nav--icon {
	color: #fff;
}
.slider-nav-mobile-w a:link .slider-nav--icon,
.slider-nav-mobile-w a:visited .slider-nav--icon {
	color: #e6e3db;
}
.slider-nav-mobile a:hover .slider-nav--icon,
.slider-nav-mobile a:active .slider-nav--icon,
.slider-nav-mobile a:focus .slider-nav--icon {
	color: #919792 !important;
}


#reportageSlider {
	margin-top: 40px;
}
.slider .item {
	font-size: 15px;
	line-height: 1.4em;
	color: #333;
}
.slider.slider--texts .item {
	border-right: 1px solid #ccc;
}
@media (max-width: 550px) {
	.slider.slider--texts .item {
		border-right: 0;
	}
}
/*.slider .item.slick-active:first-child .item-inner {
	border-left: 1px solid #ccc;
}*/
.slider .item .item-inner {
	position: relative;
	padding: 20px;
}
.slider .item .category {
	font-size: 15px;
	text-transform: uppercase;
	color: #fff;
}
.slider .item .category {
	display: inline-block;
	margin-bottom: 8px;
	padding: 0 6px;
	font-size: 13px;
	text-transform: uppercase;
	text-shadow: none;
	border: 1px solid rgba(0, 0, 0, .05);
	background-color: rgba(0,0,0,.03);
	color: rgba(0, 0, 0, .5);
}
.slider.slider--wbg .item .category {
	color: #333;
}
.slider .item h3 {
	font-size: 21px;
}
.slider .item .date {
	padding-bottom: 10px;
}
.slider .item .content {
}

.slider .item.item--image {
	
}
.slider .item.item--image .item-inner {
	display: block;
	transition: all .2s ease-in-out;
}
.slider .item.item--image .item-inner .item-image {
	padding: 0 0 10px 0;
	transition: all .2s ease-in-out;
}
.slider .item.item--image .item-inner .item-content {
	transition: all .2s ease-in-out;
}
/*
Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.slider .item.item--image .item-inner .item-image {
		padding: 0 0 20px 0;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.slider .item.item--image .item-inner {
		display: flex;
	}
	.slider .item.item--image .item-inner .item-image {
		flex: 0 0 65%;
	}
	.slider .item.item--image .item-inner .item-content {
		flex: 0 0 35%;
		padding-left: 15px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.slider .item.item--image .item-inner .item-image {
		flex: 0 0 70%;
	}
	.slider .item.item--image .item-inner .item-content {
		flex: 0 0 30%;
		padding-left: 20px;
	}
}




#manniskorSlider {
	margin-top: 40px;
}
.gte-sm #manniskorSlider {
	margin-top: 60px;
}
.gte-sm #manniskorSlider.slide-count3 {
	margin-top: 40px;
}
.slider.slider--images .card {
	margin: 10px;
	border-radius: 0;
	border: 0;
}
#entrePage .slider.slider--images .card {
	margin: 10px 4px;
}
.slider.slider--images .card .card-img-top {
	border-radius: 0;
	border: 0;
}
.slider.slider--images .card .card-body {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	background-color: rgba(49, 61, 58, .7);/*rgba(0, 0, 0, .7);*/
	z-index: 100;
	max-height: 0;
	padding: 0 10px 0 10px;
	transition: all .2s ease-in-out;
}
.slider.slider--images .card a:hover .card-body,
.mobile-device .slider.slider--images .card .card-body {
	max-height: 10000px;
	padding: 10px 10px 5px 10px;
}
.slider.slider--images .card .card-body .card-title {
  position: relative;
	line-height: 1.1em;
	color: #fff !important;
	margin: 0;
	padding-right: 50px;
	min-height: 46px;
}
.slider.slider--images .card .card-body .card-title::after {
  content: '';
  position: absolute;
	top: 50%;
	right: 1px;
	margin-top: -21px;
	display: block;
	width: 42px;
	height: 42px;
	background: transparent url(/images_gui/icons/icons_sprite.png) -277px 0 no-repeat;
}

.slider {
	z-index: 90;
}

.ov-hid {
	overflow:hidden;
}

/* *******************************************************************************************
 *         #imagesSlide                                                                      *
 ******************************************************************************************* */

#imagesSlide {
	position: relative;
	padding-bottom: 0;
	transition: all .2s ease-in-out;
}
@media (max-width: 400px) {
	#imagesSlide {
		padding-bottom: 40px;
	}
}
@media (max-width: 1080px) {
	#articlePage #imagesSlide {
		padding-right: 0;
		padding-bottom: 40px;
		padding-left: 0;
	}
}
#imagesSlide .row.d-flex {
	height: 27vw;
	min-height: 180px;
}
#imagesSlide .card {
	background-color: #999;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 160px;
}
#articlePage #imagesSlide .card {
	min-height: 180px;
}
@media (min-width: 1470px) {
	#articlePage #imagesSlide .card {
		min-height: 392px;
	}
}
@media (max-width: 650px) {
	#imagesSlide .card > .card-img {
		display: none !important;
	}
}



#imagesSlide .card .card-img-overlay .card-img-overlay-content {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	font-size: 12px;
	line-height: 1.3em;
	color: #fff;
}
#imagesSlide .card .card-img-overlay .card-img-overlay-content .card-title {
	font-size: 28px;
	margin: 0;
	padding: 10px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
	transition: all .2s ease-in-out;
}
#imagesSlide .card .card-img-overlay .card-img-overlay-content .card-text {
	margin: 0;
	padding: 0 10px;
	background-color: rgba(102, 102, 102, 0.8);
	max-height: 0;
	overflow: hidden;
	transition: all .2s ease-in-out;
}
#imagesSlide .card .card-img-overlay:focus .card-img-overlay-content .card-text,
#imagesSlide .card .card-img-overlay:active .card-img-overlay-content .card-text,
#imagesSlide .card .card-img-overlay:hover .card-img-overlay-content .card-text {
	padding: 10px;
	max-height: 1000px;
}

.lte-md #imagesSlide .card .card-img-overlay .card-img-overlay-content .card-title {
	font-size: 24px;
}
.lte-sm #imagesSlide .card .card-img-overlay .card-img-overlay-content .card-title {
	font-size: 16px;
}
.lte-xs.mobile-device #imagesSlide .card .card-img-overlay .card-img-overlay-content {
	font-size: 9px;
}
.lte-xs.mobile-device #imagesSlide .card .card-img-overlay .card-img-overlay-content .card-title {
	font-size: 12px;
	padding: 5px;
}
.lte-xs.mobile-device #imagesSlide .card .card-img-overlay .card-img-overlay-content .card-text {
	padding: 0 5px;
}
.lte-xs.mobile-device #imagesSlide .card .card-img-overlay:focus .card-img-overlay-content .card-text,
.lte-xs.mobile-device #imagesSlide .card .card-img-overlay:active .card-img-overlay-content .card-text,
.lte-xs.mobile-device #imagesSlide .card .card-img-overlay:hover .card-img-overlay-content .card-text {
	padding: 5px;
}

#sliderTexts .card-title {
	padding: 10px;
	font-size: 14px;
	line-height: .9em;
}
#sliderTexts .card-text {
	padding: 10px;
	font-size: 11px;
	line-height: 1.2em;
}



/* *******************************************************************************************
 *         Card                                                                              *
 ******************************************************************************************* */

.card.card--image .card-img-left {
	-ms-flex: 1 1 25%;
	flex: 1 1 25%;
	height: 100% !important;
	min-width: 80px;
}
.card.card--image .card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	height: 100% !important;
}

.news-items {
	padding: 30px 5px;
}
.news-items .card,
.news-items .card * {
	border-radius: 0 !important;
}
.news-items .card {
	position: relative;
	margin: 0;
	padding: 30px 0;
	border-width: 0 0 1px 0;
	border-color: #ccc;
	background-color: transparent;
}
.news-items .card:first-child {
	padding-top: 0;
}
.news-items .card-body {
	padding-top: 0;
	padding-bottom: 0;
}
.lte-lg .news-items .card-body {
	padding-top: 1.25rem;
}
.news-items .card-body .date {
	display: block;
	margin-bottom: 5px;
	font-size: 90%;
	font-weight: 200;
}


#entreContent {
	margin: 30px 5px;
}
.card.card--plate,
.card.card--plate * {
	border-radius: 0 !important;
}
.card.card--plate {
	background-color: #fafafa;
	padding: 20px 30px 15px 30px;
	border: 1px solid #ccc;
}
.lte-sm .card.card--plate {
	padding: 10px 0 5px 0;
}
.card.card--plate .popular-pages {}

.card.card--plate h2 {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
	font-weight: 600;
	font-size: 25px;
}
.card.card--plate h2:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}
.card.card--plate .popular-pages h2 {
	margin-top: 0;
	padding-top: 0;
	font-weight: 400;
}

.card.card--plate .card-body h2 + .popular-pages h2,
.card.card--plate .card-body div + .popular-pages h2 {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #ccc !important;
}

#articleRightCol.card.card--plate {
	margin-bottom: 30px;
}
@media (max-width: 640px) {
	#articleRightCol.card.card--plate {
		padding: 10px 15px 5px 15px;
	}
}


/* *******************************************************************************************
 *         DocBank                                                                           *
 ******************************************************************************************* */

#docBank {
	position: relative;
	background-color: #6a8f6d;
  z-index: 1;
	transition: all .2s ease-in-out;
}
@media (max-width: 400px) {
	#docBank {
		padding-bottom: 40px;
	}
}
#docBank::after {
  content: '';
  position: absolute;
	display: block;
	width: 84px;
	min-height: 470px;
	background: transparent url(/images_gui/texts/tips.png) 10px 50% no-repeat;
  top: 0; left: 0; bottom: 0;
  z-index: 1;
  opacity: 0.3;
	transition: all .2s ease-in-out;
}

#docBankTools h3 {
	margin: 20px 0 0 9px;
	color: #fff;
}
#docBankTools form {
	margin: 20px 0 15px 10px;
}

#docBank .row.d-flex .card,
#docBank .row.d-flex .card * {
	border-radius: 0;
	border: 0;
}
#docBank .row.d-flex .card {
	height: 400px;
	background-color: rgba(255, 255, 255, 0.2);
	padding: 20px;
	border: 10px solid #6a8f6d;
	transition: all .2s ease-in-out;
}
@media (max-width: 1000px) {
	#docBank .row.d-flex .card {
		height: 365px;
	}
}
@media (max-width: 550px) {
	#docBank .row.d-flex .card {
		height: 320px;
	}
}
#docBank .row.d-flex .card .card-body {
	padding-left: 0;
	padding-right: 0;
	font-size: 14px;
	line-height: 1.2em;
	color: #fff;
	transition: all .2s ease-in-out;
}
#docBank .row.d-flex .card .card-body .card-title {
	font-size: 36px;
	line-height: .9em;
	color: #fff;
	transition: all .2s ease-in-out;
}
.lte-md #docBank .row.d-flex .card .card-body {
	font-size: 13px;
}
.lte-md #docBank .row.d-flex .card .card-body .card-title {
	font-size: 24px;
}
.xs #docBank .row.d-flex .card .card-body .card-text {
	display: none;
}

 /* *******************************************************************************************
  *         Social icons                                                                      *
  ******************************************************************************************* */

.social-icons {
	display: block;
	list-style: none;
	margin-top: 20px !important;
	margin-left: 0 !important;
	max-width: 164px;
	transition: all .2s ease-in-out;
}
/*
.sm .social-icons {
	width: 140px;
	overflow: visible;
}
.lte-md .social-icons {
	width: 326px;
	overflow: visible;
}
*/
.lte-sm .social-icons,
#footer .social-icons {
	max-width: 1000px;
}
.social-icons li {
	display: block;
	float: left;
	width: 72px;
	margin: 0 8px 8px 0 !important;
	padding: 0;
}
.lte-md .social-icons li,
.lte-md #footer .social-icons li {
	width: 54px;
}
.social-icons li a {
	display: block;
	width: 72px;
	height: 72px;
	background: transparent url(/images_gui/icons/round_icons_sprite_72.png) 0 0 no-repeat;
}
.social-icons li.icon-3 a {
	background-position: 0 0;
}
.social-icons li.icon-2 a {
	background-position: 0 -100px;
}
.social-icons li.icon-1 a {
	background-position: 0 -200px;
}
.social-icons li.icon-4 a {
	background-position: 0 -300px;
}
.social-icons li.icon-5 a {
	background-position: 0 -400px;
}
.social-icons li.icon-6 a {
	background-position: 0 -500px;
}
.social-icons li.icon-7 a {
	background-position: 0 -600px;
}
.lte-md .social-icons li a {
	width: 54px;
	height: 54px;
	background: transparent url(/images_gui/icons/round_icons_sprite_72.png) 0 0 no-repeat;
	background-size: cover;
}
.lte-md .social-icons li.icon-3 a {
	background-position: 0 0;
}
.lte-md .social-icons li.icon-2 a {
	background-position: 0 -75px;
}
.lte-md .social-icons li.icon-1 a {
	background-position: 0 -150px;
}
.lte-md .social-icons li.icon-4 a {
	background-position: 0 -225px;
}
.lte-md .social-icons li.icon-5 a {
	background-position: 0 -300px;
}
.lte-md .social-icons li.icon-6 a {
	background-position: 0 -375px;
}
.lte-md .social-icons li.icon-7 a {
	background-position: 0 -450px;
}

 /* *******************************************************************************************
  *         Plate Texts - Opacity / Size                                                      *
  ******************************************************************************************* */

@media (max-width: 800px) {
	#reportage::after,
	#manniskor::after,
	#aktuellt::after,
	#citat::after,
	#footer::after {
		opacity: 0.5;
		transition: all .2s ease-in-out;
	}
	#docBank::after {
		opacity: 0.15;
		transition: all .2s ease-in-out;
	}
}
@media (max-width: 400px) {
	#reportage::after,
	#manniskor::after,
	#aktuellt::after,
	#citat::after,
	#footer::after {
		opacity: 1;
		background-size: 30%;
		background-position: 3px 50%;
		transition: all .2s ease-in-out;
		/*
		opacity: 1;
		background-size: 30%;
		background-position: 0 0;
		transition: all .2s ease-in-out;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	  top: 5px;
		right: 20px;
		left: auto;
		bottom: auto;
		min-height: 120px;
		*/
	}
	#docBank::after {
		opacity: 0.3;
		background-size: 30%;
		background-position: 3px 50%;
		transition: all .2s ease-in-out;
	}
}

 /* *******************************************************************************************
  *         Extra Responsive Breakpoints                                                      *
  ******************************************************************************************* */

/* For all */

.show-min,
.display-none {
	display: none;
}
.hide-min {
	display: block;
}
@media (max-width: 400px) {
	.show-min {
		display: block;
	}
	.hide-min {
		display: none;
	}
}

/* For article - A little wider breakpoint */

#articlePage .show-min {
	display: none;
}
#articlePage .hide-min {
	display: block;
}
@media (max-width: 640px) {
	#articlePage .show-min {
		display: block;
	}
	#articlePage .hide-min {
		display: none;
	}
}

/* Mid version */

.show-mid {
	display: none;
}
.hide-mid {
	display: block;
}
@media (max-width: 1080px) {
	.show-mid {
		display: block;
	}
	.hide-mid {
		display: none;
	}
}

 /* *******************************************************************************************
  *         NavMenu                                                                           *
  ******************************************************************************************* */

#navMenuColors {
	color:#d6ded8;
	color:#303c39;
	color:#9e9e9e;
	color:#e6e4db;
	color:#b9aba0;
	color:#000;
}
#nav_menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 40vw;
	min-width: 300px;
	max-width: 400px;
	max-height: 0;
	z-index: 200;
	overflow: hidden;
	-moz-box-shadow: 0 0 0 #000;
	-webkit-box-shadow: 0 0 0 #000;
	box-shadow: 0 0 0 #000;
	-ms-filter: none;
	filter: none;
	transition: max-height .1s ease-in-out;
}

#startPage #nav_menu {
	position: relative;
}
.top-nav-fixed #nav_menu {
	position: fixed;
	top: 49px;
}
.top-nav-fixed.nav-active #nav_menu {
	position: absolute;
	top: 1px;
}
#nav_menu.active {
	max-height: 10000px;
	
}
.lte-sm #nav_menu.active {
	position: relative;
	width: 100%;
	min-width: 0;
	max-width: 10000px;
	margin-bottom: 30px;
	
}
.docked.nav-active #nav_menu {
	position: fixed !important;
	top: 49px;
}
.nav-active .docked.nav-active #nav_menu {
	position: absolute !important;
	top: 1px;
}

#nav_menu_container {}
#nav_menu_inner {
	min-height: 20px;
	background-color: transparent;
}
#nav_menu_bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

#navMenuBottom {
	padding: 15px 30px 15px 25px;
	background-color: #e6e4db;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #e6e4db 0%, #d6ded8 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #e6e4db 0%, #d6ded8 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #e6e4db 0%, #d6ded8 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6e4db), color-stop(1, #d6ded8));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #e6e4db 0%, #d6ded8 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #e6e4db 0%, #d6ded8 100%);
}
#navMenuColors {
	color:#b9aba0;
	color:#d6ded8;
	color:#e6e4db;
	color:#9e9e9e;
	color:#303c39;
	color:#000;
	
	color:#6a8f6d;
	color:#88a58a;
	color:#a6bca7;
	color:#c3d2c5;
	color:#e1e9e2;
	color:#303c39;
	
	color:#313d3a;
	color:#3d524c;
	color:#5a6461;
	color:#838b89;
	color:#adb1b0;
	color:#d6d8d8;
	color:#313d3a;
}
.navMenu UL {
	display: block;
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
}
.navMenu UL LI {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
}
.navMenu UL LI.branch-inact>A>SPAN>I,
.navMenu UL LI.branch-act>A>SPAN>I {
	position: absolute;
	display: block;
	right: 1px;
	top: 50%;
	width: 47px;
	height: 47px;
	margin-top: -23px;
	cursor: pointer;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	background: transparent url(/images_gui/icons/plus_minus_nav_sprite.png?_=4561912) 0 0 no-repeat;
}
.navMenu UL LI.branch-act>A>SPAN>I {
	background-position: -50px 0;
}

.navMenu LI.lev1 {
	background-color: #5a6461;
}
.navMenu LI.branch-act.lev1,
.navMenu LI.branch-act.lev1,
.navMenu LI.leaf-act.lev1,
.navMenu LI.leaf-act.lev1 {
	background-color: #3d524c;
}
.navMenu LI.lev2 {
	background-color: #838b89;
}
.navMenu LI.branch-act.lev2,
.navMenu LI.branch-act.lev2 {
	background-color: #838b89;
}
.navMenu LI.lev3 {
	background-color: #adb1b0;
}
.navMenu LI.branch-act.lev3,
.navMenu LI.branch-act.lev3 {
	background-color: #adb1b0;
}
.navMenu LI.lev4 {
	background-color: #d6d8d8;
}
.navMenu LI.lev5 {
	background-color: #d6d8d8;
}
.navMenu LI.lev6 {
	background-color: #d6d8d8;
}

.navMenu  SPAN {
	color: #fff;
}
.navMenu .lev2>A>SPAN {
	color: #000;
}
.navMenu .branch-act.lev2>A>SPAN,
.navMenu .branch-act.lev2>A>SPAN {
	color: #fff;
}
.navMenu .lev3>A>SPAN {
	color: #000;
}
.navMenu .branch-act.lev3>A>SPAN,
.navMenu .branch-act.lev3>A>SPAN {
	color: #fff;
}
.navMenu .lev4>A>SPAN {
	color: #000;
}
.navMenu .lev5>A>SPAN {
	color: #000;
}
.navMenu .lev6>A>SPAN {
	color: #000;
}
.navMenu .branch-act > A {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAQAAABN/Pf1AAAADUlEQVR42mNkqGfAAAAJlwCBUxUsOQAAAABJRU5ErkJggg==);
	background-position: left top;
	background-repeat: repeat-y;
}


.navMenu UL LI A {
	display: block;
	text-decoration: none !important;
	border-top: 1px solid rgba(255, 255, 255, .8);
}
#leftMenu UL LI A,
.navMenu UL LI LI A {
	border-color: rgba(255, 255, 255, .8);
}
.navMenu UL LI A SPAN {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 22px;
	padding: 10px 25px 10px 25px;
}
.lte-sm #leftMenu UL LI A SPAN {
	font-size: 12px;
	line-height: 16px;
	padding: 7px 20px 7px 25px;
}
.navMenu UL LI.branch-inact A SPAN,
.navMenu UL LI.branch-act A SPAN {
	padding-right: 40px !important;
}
.navMenu UL LI.lev1 A SPAN {
	padding-left: 25px !important;
}
.navMenu UL LI.lev2 A SPAN {
	padding-left: 35px !important;
}
.navMenu UL LI.lev3 A SPAN {
	padding-left: 45px !important;
}
.navMenu UL LI.lev4 A SPAN {
	padding-left: 55px !important;
}
.navMenu UL LI.lev5 A SPAN {
	padding-left: 65px !important;
}
.navMenu UL LI.lev6 A SPAN {
	padding-left: 75px !important;
}
.navMenu UL LI.lev7 A SPAN {
	padding-left: 85px !important;
}

.navMenu UL LI.selected > A {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAYAAADn9T9+AAAAEElEQVR42mM0y4/4z0AEAABLlgH+vKTsiQAAAABJRU5ErkJggg==);
	background-position: left top;
	background-repeat: repeat-y;
}
.navMenu UL LI.selected > A > SPAN {
}

.navMenu UL LI A:hover > SPAN {
	-webkit-box-shadow: inset 0 0 0 0.2rem rgba(255, 255, 255, .8) !important;
	-moz-box-shadow: inset 0 0 0 0.2rem rgba(255, 255, 255, .8) !important;
	-o-box-shadow: inset 0 0 0 0.2rem rgba(255, 255, 255, .8) !important;
	-ms-box-shadow: inset 0 0 0 0.2rem rgba(255, 255, 255, .8) !important;
	box-shadow: inset 0 0 0 0.2rem rgba(255, 255, 255, .8) !important;
}
.navMenu UL LI A:active > SPAN,
.navMenu UL LI A:focus > SPAN {
	-webkit-box-shadow: inset 0 0 0 0.2rem rgba(255, 255, 255, 1) !important;
	-moz-box-shadow: inset 0 0 0 0.2rem rgba(255, 255, 255, 1) !important;
	-o-box-shadow: inset 0 0 0 0.2rem rgba(255, 255, 255, 1) !important;
	-ms-box-shadow: inset 0 0 0 0.2rem rgba(255, 255, 255, 1) !important;
	box-shadow: inset 0 0 0 0.2rem rgba(255, 255, 255, 1) !important;
}


.navMenu UL LI A::-moz-focus-inner {
	border: none !important;
}

 /* *******************************************************************************************
  *         Search                                                                            *
  ******************************************************************************************* */

#searchDiv {
	margin-bottom: 30px;
}
.ingress + #searchDiv,
.text + #searchDiv {
	margin-top: 50px;
}

#allResults h2 {
	clear: both;
	margin: 30px 0 20px 0;
	font-size: 26px;
}
#allResults h2 > span {
	font-size: 60%;
}

.search-result.recommended-result {
	padding-bottom: 35px;
}

.search-result .item {
	position: relative;
	margin: 0 !important;
	padding: 10px 5px !important;
	border-bottom: 1px solid #ccc;
	background-color: transparent;
}
.search-result .item:first-child {
	border-top: 1px solid #ccc;
}
.search-result.recommended-result .item:last-child {
	border-bottom: 1px solid #ccc;
}
.search-result .item-focused {
	background-color: #ffd;
}

.search-result .item h3 {
	font-size: 18px;
	margin-bottom: 10px;
}

.search-result .item .text {
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
}

.search-result .item .facts {
	font-size: 13px;
	color: #444;
}
.search-result .item .facts .date {
}


.search-result .item A.showHiddenText {
	display: block;
	font-size: 11px;
	text-decoration: underline !important;
}

.search-result #pagingBottomDiv {
	margin-top: 0;
}

#searchPlateRes .topText {
	margin: 10px 0;
	padding: 10px 0 0 5px;
}

#loadMoreLink {
	display: block;
	padding: 10px 0;
	text-align: center;
}

a#loadMoreLink:hover,
a#loadMoreLink:focus,
a#loadMoreLink:active {
	background-color: #ffd;
}
a#loadMoreLink > span > i {
	color: #07489b !important;
}
a#loadMoreLink > span > i + i {
	color: #ccc !important;
}
a#loadMoreLink:hover > span > i + i,
a#loadMoreLink:focus > span > i + i,
a#loadMoreLink:active > span > i + i {
	color: #07489b !important;
}

span#loadMoreLink {
	cursor: not-allowed;
}
span#loadMoreLink > span > i,
span#loadMoreLink > span > i + i {
	color: #ccc !important;
}

/* *******************************************************************************************
 *         Paging                                                                            *
 ******************************************************************************************* */

h2.greyPlate {
	margin: 10px auto 0 auto;
	padding: 7px 20px;
	background-color: #f2f4f3;
	border: 1px solid #ccc;
	border-width: 1px 0;
}

.paging {
	clear: both;
	margin: 10px auto 0 auto;
	padding: 5px 10px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
#pagingBottomDiv {
	margin: 10px auto 0 auto;
	border-top: 1px solid #ccc;
	border-bottom: 0;
}
.paging A,
.paging A:link,
.paging A:visited,
.paging SPAN {
	display: inline-block;
	margin: 1px;
	padding: 2px 3px;
}
.paging SPAN.paging_dots {
	margin: 2px !important;
	background: transparent !important;
	border: 0 !important;
	font-size: 15px;
	color: #333;
}
.paging .oneDigit {
	padding: 2px 4px !important;
}
.paging .prevBtn {
	margin-right: 5px !important;
	padding: 2px 10px !important;
}
.paging .nextBtn {
	margin-left: 5px !important;
	padding: 2px 10px !important;
}
.paging .dim {
	color: #aaa !important;
}

/* *******************************************************************************************
 *         Document taggings                                                                 *
 ******************************************************************************************* */

.doc-taggings {
	position: relative;
	margin: 35px 80px 10px 80px;
	padding: 8px 0 2px 8px;
	border: 1px solid #eee;
	font: 11px "Raleway",Verdana,sans-serif;
}
@media (max-width: 640px) {
	.doc-taggings {
		margin-left: 15px;
		margin-right: 15px;
	}
}
.doc-taggings:hover,
.doc-taggings:focus,
.doc-taggings:active,
.doc-taggings.admin {
	border: 1px solid #ccc;
}
.doc-taggings label {
	opacity: 0;
	position: absolute;
	top: -10px;
	right: 10px;
	padding: 1px 2px;
	background-color: #fff;
	border: 1px solid #fff;
	color: #777 !important;
	transition: all .2s ease-in-out;
}
.doc-taggings:hover label,
.doc-taggings:focus label,
.doc-taggings:active label,
.doc-taggings.admin label {
	opacity: 1;
	border: 1px solid #ccc;
}
.doc-taggings a {
	display: block;
	float: left;
	margin: 0 6px 6px 0;
	padding: 3px 5px;
	background-color: #ebf4ee;
	border: 1px solid #ccc;
	font-size: 12px;
	color: #333 !important;
	text-decoration: none !important;
	opacity: 0.8;
	transition: all .2s ease-in-out;
}
.doc-taggings:hover a,
.doc-taggings:focus a,
.doc-taggings:active a {
	opacity: 1;
}
.doc-taggings a:hover,
.doc-taggings a:focus,
.doc-taggings a:active {
	background-color: #dbe4de !important;
}

/* *******************************************************************************************
 *         TimeLine / History                                                                *
 ******************************************************************************************* */

#timeLine {
	position: relative;
	padding-bottom: 0;
	transition: all .2s ease-in-out;
}
.lte-md #timeLine {
	padding-right: 0;
	padding-bottom: 80px;
	padding-left: 0;
}


#timeLine .slider.slider--images .card {
	margin: 0;
}

#timeLineSlider {
	visibility: hidden;
}
.page-load-100 #timeLineSlider.slick-initialized {
	visibility: visible;
}

#timeLine .row.d-flex {
	height: 27vw;
	min-height: 300px;
}
#timeLineSlider {
	background-image: url(/images_gui/timeline/bg_timeline.jpg);
	background-color: #999;
	background-repeat: no-repeat;
	background-position: 50% 10%;
	background-size: 100%;
	transition: all .2s ease-in-out;
}
.lte-lg #timeLineSlider {
	background-size: 150%;
	background-position: 40% 20%;
}
.lte-md #timeLineSlider {
	background-size: 110%;
	background-position: 40% 10%;
}
.lte-sm #timeLineSlider {
	background-size: 140%;
	background-position: 25% 20%;
}
@media (max-width: 560px) {
	.lte-sm #timeLineSlider {
		background-size: 170%;
		background-position: 10% 0;
	}
}
@media (max-width: 360px) {
	.lte-sm #timeLineSlider {
		background-size: 220%;
		background-position: 50% 0;
	}
}
#timeLine .card {
	min-height: 392px;
	border-radius: 0;
	background-color: rgba(255, 255, 255, .2);
	transition: all .2s ease-in-out;
}
.lte-md #timeLine .card {
	min-height: 300px;
}
.lte-sm #timeLine .card {
	background-color: rgba(255, 255, 255, .5);
}

#timeLine .card .card-img-overlay .card-img-overlay-eras {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background-color: #bbb;
	border-bottom: 1px solid #fff;
	z-index: 101;
}

#timeLine .card .card-img-overlay .card-img-overlay-eras .era-link {
	text-align: center;
	padding: 5px 10px;
	cursor: pointer;
	font-size: 1.4vw;
	transition: all .2s ease-in-out;
}
.xl #timeLine .card .card-img-overlay .card-img-overlay-eras .era-link {
	font-size: 17px
}
.lte-sm #timeLine .card .card-img-overlay .card-img-overlay-eras .era-link {
	padding: 2px 5px;
	font-size: 1.8vw;
	white-space: nowrap;
}
.xs #timeLine .card .card-img-overlay .card-img-overlay-eras .era-link {
	font-size: 2vw;
}
#timeLine .card .card-img-overlay .card-img-overlay-eras .era-link:first-child {
	color: #fff;
	font-weight: 600;
	cursor: default;
}
#timeLine .card .card-img-overlay .card-img-overlay-eras .era-link.era-link-active {
	background-color: rgba(255, 255, 255, .4);
}

#timeLine .card .card-img-overlay .card-img-overlay-content {
	z-index: 100;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 80%;
	transition: all .2s ease-in-out;
}
.lte-md #timeLine .card .card-img-overlay .card-img-overlay-content {
	flex-grow: 1;
	flex-shrink: 1;
}
#timeLine .card .card-img-overlay .card-img-overlay-content .card-era {
	position: absolute;
	top: 0;
	left: 0;
	letter-spacing: 1px;
	margin: 0 !important;
	padding: 5px 10px;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.8);
}
#timeLine .card .card-img-overlay .card-img-overlay-content .card-title {
	position: absolute;
	top: 20%;
	left: 7%;
}
#timeLine .card .card-img-overlay .card-img-overlay-content .card-text {
	position: absolute;
	top: 40%;
	left: 15%;
	padding-right: 20px;
}

#timeLine .card-era {
	font-size: 26px;
	font-weight: 300;
	color: #fff;
	transition: all .2s ease-in-out;
}
.lte-md #timeLine .card-era {
	font-size: 20px;
	line-height: .9em;
}
.lte-sm #timeLine .card-era {
	font-size: 15px;
	line-height: .9em;
}


#timeLine .card-title {
	margin: 0 !important;
	font-size: 72px;
	line-height: .9em;
	font-weight: 300;
	color: rgba(51, 51, 51, .8);
	transition: all .2s ease-in-out;
}
.lte-lg #timeLine .card-title {
	font-size: 36px;
	line-height: .9em;
	color: rgba(0, 0, 0, .8);
}
.lte-sm #timeLine .card-title {
	font-size: 26px;
	line-height: .9em;
}


#timeLine .card-text {
	font-size: 23px;
	line-height: 1.2em;
	font-weight: 300;
	color: rgba(51, 51, 51, .8);
	transition: all .2s ease-in-out;
}
.lte-md #timeLine .card-text {
	font-size: 17px;
	line-height: 1.2em;
	color: rgba(0, 0, 0, .8);
}
.lte-sm #timeLine .card-text {
	font-size: 15px;
	line-height: 1.2em;
}

#timeLine .card-text a.read-more {
	display: inline-block;
	padding: 3px 5px;
	background-color: rgba(255, 255, 255, .8);
	color: rgba(51, 51, 51, .8);
}
.lte-md #timeLine .card-text a.read-more {
	color: rgba(0, 0, 0, .8);
}
#timeLine .card-text a.read-more:hover,
#timeLine .card-text a.read-more:focus,
#timeLine .card-text a.read-more:active {
	color: #07489b;
	text-decoration: underline;
}

/* TimeLine navigation */

#timeLineNav {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 100;
}
.lte-md #timeLineNav {
	bottom: 30px;
}
#timeLineNav a {
	text-decoration: none !important;
}
#timeLineNav a:link .slider-nav--icon,
#timeLineNav a:visited .slider-nav--icon {
	color: rgba(255, 255, 255, .8);
	transition: all .2s ease-in-out;
}
#timeLineNav a:hover .slider-nav--icon,
#timeLineNav a:active .slider-nav--icon,
#timeLineNav a:focus .slider-nav--icon {
	color: rgba(255, 255, 255, 1) !important;
}

.lte-md #timeLineNav a:link .slider-nav--icon,
.lte-md #timeLineNav a:visited .slider-nav--icon {
	color: rgba(0, 0, 0, .3);
}
.lte-md #timeLineNav a:hover .slider-nav--icon,
.lte-md #timeLineNav a:active .slider-nav--icon,
.lte-md #timeLineNav a:focus .slider-nav--icon {
	color: rgba(0, 0, 0, .6) !important;
}


/* *******************************************************************************************
 *         Renskötselåret                                                                    *
 ******************************************************************************************* */

.renskotselaret .fancybox-slide--iframe .fancybox-content {
  width  : 1050px !important;
  height : 800px !important;
}
.lte-lg .renskotselaret .fancybox-slide--iframe {
	padding: 0 !important;
}
.lte-lg .renskotselaret .fancybox-slide--iframe .fancybox-content {
  width  : 100% !important;
  height : 100% !important;
}
.lte-lg .fancybox-toolbar {
	opacity: 1 !important;
}


 /* *******************************************************************************************
  *         Misc                                                                              *
  ******************************************************************************************* */

div.loading {
	min-height: 500px;
	background: transparent url(/images_gui/bg_placeholder_content.png) center top repeat-y;
	background-size: contain;
  animation: 1.9s ease 0s normal forwards 1 fadeInOut;
  animation-iteration-count: 8;/*infinite;*/
}
@keyframes fadeInOut{
	0% { opacity: 0.9; }
	50% { opacity: 0.2; }
	100% { opacity: 0.9; }
}

.btn-secondary {
	background-color: #d6ded8;
	color: #333;
	border: 0 !important;
	border-radius: 0;
}

.at { vertical-align: top; }
.am { vertical-align: middle; }
.ab { vertical-align: bottom; }

.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }

.clear, .clearer {
	clear: both;
}

img.fixW,
.fixW img,
img.fix-w,
.fix-w img {
	width: auto !important;
	max-width: 100% !important;
}

.popover {
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
}
/*.popover .arrow {
	box-shadow: 1px 1px 20px 0 rgba(0,0,0,0.6);
}*/

.btn:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) !important;
	-moz-box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) !important;
	-o-box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) !important;
	-ms-box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) !important;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) !important;
}

/* *******************************************************************************************
 *         FAQ Simple - From old site                                                        *
 ******************************************************************************************* */


#mainContent #faq {
	margin-top: 25px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}
#mainContent #faq .item {
	margin: 0 !important;
	padding: 20px 0 !important;
}
#mainContent #faq .item h2 {
	margin: 0 !important;
	padding: 0 !important;
}
#mainContent #faq .item h2 span {
	cursor: help;
	text-decoration: none;
	border-bottom: 1px dashed #0b0;
}
@media print {
	#mainContent #faq .item h2 span {
		border-bottom: 0 !important;
	}
}
#mainContent #faq .item .groupTextOuter {
	margin: 0 !important;
	padding: 0 !important;
}
#mainContent #faq .item .groupTextOuter .groupText {
	margin: 0 !important;
	padding: 20px 20px 0 20px !important;
}

/* *******************************************************************************************
 *         Not print                                                                         *
 ******************************************************************************************* */


.printHidden {
	display: block;
}
.printVisible {
	display: none;
}

/* *******************************************************************************************
 *         Print                                                                             *
 ******************************************************************************************* */

@media print {
	body {
		height: auto;
		min-height: 0;
		min-width: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		filter: none !important;
		background: transparent none !important;
	}
	
	body {
		color: #000;
	}
	
	.printHidden {
		display: none !important;
	}
	.printVisible {
		display: block !important;
	}
}

/* *******************************************************************************************
 *         imCMS                                                                             *
 ******************************************************************************************* */

#imcms-panel-appearance-visible,
#imcms-panel-size-small {
	display: none !important;
}

#imcms-admin-panel .imcms-flag {
	text-indent: -10000px !important;
	margin: 10px 10px 0 0 !important;
}

#imcms-admin-panel.imcms-admin-panel--site .imcms-admin-panel__meta {
	line-height: 1em !important;
	text-transform: none !important;
	display: table;
	border-collapse: collapse;
	margin-top: 12px;
	transition: all .2s ease-in-out;
}
@media screen and (max-width: 1800px) {
	#imcms-admin-panel.imcms-admin-panel--site .imcms-admin-panel__meta {
		margin-top: 0;
	}
}
.lte-md #imcms-admin-panel.imcms-admin-panel--site .imcms-admin-panel__meta {
	line-height: .75em !important;
}
#imcms-admin-panel.imcms-admin-panel--site .imcms-admin-panel__meta div {
	display: table-row;
}
#imcms-admin-panel.imcms-admin-panel--site .imcms-admin-panel__meta div span {
	display: table-cell;
	padding-right: 5px;
	text-transform: uppercase;
	font-size: 12px !important;
	color: #555 !important;
}
@media screen and (max-width: 1800px) {
	#imcms-admin-panel.imcms-admin-panel--site .imcms-admin-panel__meta div span {
		font-size: 11px !important;
	}
}
.lte-md #imcms-admin-panel.imcms-admin-panel--site .imcms-admin-panel__meta div span {
	font-size: 10px !important;
}
#imcms-admin-panel.imcms-admin-panel--site .imcms-admin-panel__meta div span + span {
	text-transform: none;
	color: #333 !important;
}


/* *******************************************************************************************
 *         imCMS Editor Overrides                                                            *
 ******************************************************************************************* */

.imcms-menu-items-tree {
	padding-bottom: 200px;
}

.imcms-image-in-text {
	width: 100% !important;
	padding: 0;
}



/* *******************************************************************************************
 *         New version                                                                       *
 ******************************************************************************************* */


.imcms-editor-area,
#pageWrapper .imcms-editor-area__text-toolbar .text-toolbar-wrapper,
#pageWrapper .mce-tinymce.mce-tinymce-inline.mce-container.mce-panel,
.imcms-editor-area__text-label {
	border: 0 !important;
	font-size: 14px !important;
	line-height: 25px !important;
}

.imcms-editor-area,
.imcms-editor-area * {
	border-radius: 0 !important;
}

.imcms-editor-area__text-label {
	display: block !important;
	padding-left: 45px !important;
	color: #fff !important;
	font: 400 14px/16px 'Play', Verdana, sans-serif !important;
}

.imcms-editor-area__text-label::before,
.imcms-toolbar-label::before {
	content: ' ';
	display: block;
	width: 35px;
	height: 17px;
	position: absolute;
	top: 3px;
	left: 3px;
	background: transparent url(/imcms/im_admin/images/logo_imcms.png) 0 0 no-repeat;
	background-size: cover;
}
.imcms-editor-area__text-label {
	width: 100% !important;
	bottom: 100% !important;
	left: 0 !important;
	background-color: #b9d3df !important;
}
.imcms-editor-area--active > .imcms-editor-area__text-label,
.imcms-editor-area:hover > .imcms-editor-area__text-label,
.imcms-editor-area:focus > .imcms-editor-area__text-label,
.imcms-editor-area:active > .imcms-editor-area__text-label,
.imcms-editor-area--text:hover > .imcms-editor-area__text-label,
.imcms-editor-area--text:focus > .imcms-editor-area__text-label,
.imcms-editor-area--text:active > .imcms-editor-area__text-label {
	background-color: #389ecf !important;
}
.mce-panel,
.text-toolbar-wrapper {
	background-color: #8bc7e4 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

.imcms-editor-area__content-wrap, .imcms-editor-area__content {
	display: block !important;
}


.imcms-editor-area--active,
.imcms-editor-area:hover,
.imcms-editor-area:focus,
.imcms-editor-area:active {
	background-color: #8bc7e4 !important;
}

.imcms-editor-content.imcms-editor-content--text {
	background-color: #fff !important;
}

.imcms-editor-area.imcms-editor-area--text .imcms-editor-area__text-label {
	display: block !important;
}
.imcms-editor-area__text-toolbar {
	background-color: white;
	width: 100%;
	position: relative !important;
	bottom: 0 !important;
	left: 0 !important;
}


.imcms-editor-area--image {
	display: block !important;
	min-width: 150px !important;
}
#metaDataEdit .imcms-editor-area--image {
	width: 100% !important;
}
.imcms-editor-area--image .imcms-editor-area__content-wrap, .imcms-editor-area__content {
	width: auto !important;
}
.imcms-editor-area--image:hover .imcms-editor-area__text-label {
	background-color: #389ecf !important;
}
.imcms-image_editor__head {
	background-color: #389ecf !important;
	padding-left: 100px !important;
}
.imcms-editor-area--image:hover .imcms-editor-area__text-label {
	background-color: #389ecf !important;
}





.imcms-editor-area--image {
	display: block !important;
	min-width: 150px !important;
}
#metaDataEdit .imcms-editor-area--image {
	width: 100% !important;
}
.imcms-editor-area--image .imcms-editor-area__content-wrap, .imcms-editor-area__content {
	width: auto !important;
}
.imcms-editor-area--image:hover .imcms-editor-area__text-label {
	background-color: #389ecf !important;
}
.imcms-image_editor__head {
	background-color: #389ecf !important;
	padding-left: 100px !important;
}
.imcms-editor-area--image:hover .imcms-editor-area__text-label {
	background-color: #389ecf !important;
}

.imcms-editor-area--loop {
	margin-top: 30px !important;
}

.imcms-editor-area--loop .imcms-editor-area__text-label {
	display: block !important;
	z-index: 999;
}


#landingBanner .imcms-editor-area {
	width: 70%;
	min-width: 250px;
	max-width: 1000px;
	transition: all .2s ease-in-out;
}
.lte-lg #landingBanner .imcms-editor-area {
	width: 80%;
}
.lte-sm #landingBanner .imcms-editor-area {
	width: 95%;
}
#landingBanner .imcms-editor-area input.imcms-editor-content--text[data-type="HTML"] {
	font-size: 8vw;
	font-family: 'Source Sans Pro', Verdana, sans-serif;
	font-weight: 400;
	text-align: center;
}
.xl #landingBanner .imcms-editor-area input.imcms-editor-content--text[data-type="HTML"] {
	font-size: 6vw;
}
#landingBanner #h1b .imcms-editor-area input.imcms-editor-content--text[data-type="HTML"] {
	font-size: 20px;
}

.imcms-editor-area--loop .imcms-editor-area--image {
	width: auto;
	max-width: fit-content;
}


/* Existing (simplified) */
.imcms-pop-up-modal {
	top: calc(50% - 360px);
	left: calc(50% - 475px);
	height: 720px;
	width: 950px;
	transition: all .3s ease-in-out;
}



.imcms-pop-up-modal.imcms-modal-size--auto {
	top: 5vh;
	left: 5vw;
	height: 90vh;
	width: 90vw;
}
.imcms-pop-up-modal.imcms-modal-size--maximize {
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
}

/* Existing (simplified) */
.imcms-pop-up-modal .imcms-head {
	/* height = 42px */
}

.imcms-pop-up-modal .imcms-left-side {
	width: 25%;
	height: 94.5%;
	height: calc(100% - 42px);
	transition: all .3s ease-in-out;
}
.imcms-pop-up-modal.imcms-modal-size--auto .imcms-left-side,
.imcms-pop-up-modal.imcms-modal-size--maximize .imcms-left-side {
	width: 25%;
	max-width: none;
	height: 94.5%;
	height: calc(100% - 42px);
}

@media (min-width:950px) {
	.imcms-pop-up-modal.imcms-modal-size--auto .imcms-left-side,
	.imcms-pop-up-modal.imcms-modal-size--maximize .imcms-left-side {
		width: 250px;
	}
}


/* Existing (simplified) */
.imcms-pop-up-modal .imcms-right-side {
	width: 75%;
	height: 80%;
}
.imcms-pop-up-modal.imcms-modal-size--auto .imcms-right-side,
.imcms-pop-up-modal.imcms-modal-size--maximize .imcms-right-side {
	width: 75%;
	height: calc(100% - 42px - 80px);
}

@media (min-width:950px) {
	.imcms-pop-up-modal.imcms-modal-size--auto .imcms-right-side,
	.imcms-pop-up-modal.imcms-modal-size--maximize .imcms-right-side {
		width: calc(100% - 250px);
	}
}

/* Existing (simplified) */
.imcms-pop-up-modal .imcms-footer {
	width: 75%;
	height: 15%;
}
.imcms-pop-up-modal.imcms-modal-size--auto .imcms-footer,
.imcms-pop-up-modal.imcms-modal-size--maximize .imcms-footer {
	width: 75%;
	height: 80px;
}

@media (min-width:950px) {
	.imcms-pop-up-modal.imcms-modal-size--auto .imcms-footer,
	.imcms-pop-up-modal.imcms-modal-size--maximize .imcms-footer {
		width: calc(100% - 250px);
	}
}



/* Editor spaces */

.imcms-editor-area--menu {
	margin: 4em 0;
}

.imcms-editor-area--text {
	margin-bottom: 25px;
}
.imcms-editor-area .imcms-editor-area {
	margin-top: 30px;
	margin-bottom: 0;
}
.imcms-editor-area--active div.imcms-editor-content.imcms-editor-content--text {
	margin-top: 10px;
}

/* Editor temp */

.imcms-editor-content.imcms-editor-content--text,
#pageWrapper textarea.imcms-editor-content--text[data-type="HTML"],
#pageWrapper input.imcms-editor-content--text[data-type="HTML"] {
	padding: 5px;
	font:  13px/1.4em 'Source Sans Pro', Verdana, sans-serif, sans-serif;
}

.imcms-editor-content.imcms-editor-content--text h2,
.imcms-editor-content.imcms-editor-content--text h3,
.imcms-editor-content.imcms-editor-content--text h4,
.imcms-editor-content.imcms-editor-content--text h5,
.imcms-editor-content.imcms-editor-content--text h6 {
	margin: 0 0 0.7em 0;
	padding: 0;
	font-family: 'Source Sans Pro', Verdana, sans-serif;
	font-weight: 400;
	color: #000;
}
.imcms-editor-content.imcms-editor-content--text h1 + h2,
.imcms-editor-content.imcms-editor-content--text h2 + h3,
.imcms-editor-content.imcms-editor-content--text h3 + h4,
.imcms-editor-content.imcms-editor-content--text h4 + h5,
.imcms-editor-content.imcms-editor-content--text h5 + h6,
.imcms-editor-content.imcms-editor-content--text p + h2,
.imcms-editor-content.imcms-editor-content--text p + h3,
.imcms-editor-content.imcms-editor-content--text p + h4,
.imcms-editor-content.imcms-editor-content--text p + h5,
.imcms-editor-content.imcms-editor-content--text p + h6 {
	margin-top: 1.2em;
}

.imcms-editor-content.imcms-editor-content--text ul  {
	margin-top: 1.6em !important;
	margin-bottom: 1.6em !important;
}
.imcms-editor-content.imcms-editor-content--text p  {
	margin-bottom: .8em !important;
}
.imcms-editor-content.imcms-editor-content--text li  {
	margin-bottom: .4em !important;
}


.imcms-editor-area--text a:link,
.imcms-editor-area--text a:visited,
.imcms-editor-area--text a:hover,
.imcms-editor-area--text a:focus,
.imcms-editor-area--text a:active {
	text-decoration: underline !important;
}


/* High class added for labels containing 'Rubrik' */
.imcms-editor-area--text--heading1 .imcms-editor-content.imcms-editor-content--text {
	font-family: 'Source Sans Pro', Verdana, sans-serif !important;
	font-size: 31px !important;
	line-height: 37px !important;
}
.imcms-editor-area--text--heading2 .imcms-editor-content.imcms-editor-content--text,
#pageWrapper .imcms-editor-area--text--heading2 textarea.imcms-editor-content--text[data-type="HTML"],
#pageWrapper .imcms-editor-area--text--heading2 input.imcms-editor-content--text[data-type="HTML"] {
	font-family: 'Source Sans Pro', Verdana, sans-serif !important;
	font-size: 25px !important;
	line-height: 29px !important;
}
/* High class added for labels containing 'Ingress' */
.imcms-editor-area--text--ingress .imcms-editor-content.imcms-editor-content--text {
	font-size: 19px !important;
	line-height: 25px !important;
}
/* High class added for labels containing 'Text' */
.imcms-editor-area--text--high {
	margin-bottom: 35px;
}
.imcms-editor-area--text--high .imcms-editor-content.imcms-editor-content--text {
	min-height: 100px;
	padding-bottom: 2em;
}