@charset "UTF-8";
/** SCSS */
@import "fonts/opensans/opensans.css";
@import "fonts/glyphicons/glyphicons.css";
@import "fonts/glyphicons/glyphicon.css";
@import "fonts/glyphicons/halflings.css";
/* -------------------------------------------------------------------------- */
/* 1. General HTML elements                                                   */
/* -------------------------------------------------------------------------- */
html {
  height: 100%;
  font-size: 10px;
  line-height: 2em;
}

body {
  height: 100%;
  font-family: "Open Sans", Arial, Sans-serif;
  margin: 0;
  padding: 0;
}

a {
  color: #003399;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

a img {
  border: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  font-weight: normal;
}

h1 {
  font-size: 4rem;
  line-height: 4.5rem;
  margin-bottom: 13px;
}

h2 {
  font-size: 2.8rem;
  margin-bottom: 5px;
}

p, blockquote {
  margin-top: 0px;
  margin-bottom: 1.8rem;
}

form {
  margin: 0;
  padding: 0;
}

ul, ol {
  margin: 0;
}

ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

/* html5 semantic elements must be reset */
header, section, footer, aside, nav, main, article, figure {
  display: block;
  margin: 0px;
}

/* -------------------------------------------------------------------------- */
/* 2. Container/placeholder positioning                                       */
/* -------------------------------------------------------------------------- */
#container {
  width: 100%;
  overflow: hidden;
  font-size: 1.6rem;
}

#placeholder-top {
  width: 100%;
  background: #555;
  /* If placeholder top should be sticky, position absolute is set with javascript */
  /* Don't add overflow hidden to this because of mega menu*/
}

/* Sticky point, given as scrolled pixels from window top, is set in javascript and may differ on different design themes */
#placeholder-top.sticky-scrolled {
  position: fixed;
  z-index: 999;
  box-shadow: 2px 3px 7px 0 rgba(172, 171, 171, 0.5);
}

#placeholder-bottom {
  padding-top: 25px;
  padding-bottom: 12px;
  background: #3d3b3b;
}

/* -------------------------------------------------------------------------- */
/* 3. Non tile spesific common styles                                         */
/* -------------------------------------------------------------------------- */
/* Form elements */
input,
select,
button,
textarea {
  font-family: "Open Sans", Arial, Sans-serif;
}

input,
select option,
textarea {
  padding: 0px 10px;
}

input:not([type=submit]),
select,
textarea {
  font-size: 1.4rem;
  border: 1px solid #999;
}

textarea,
select:not([multiple]),
input:not([type=submit]) {
  padding-left: 8px;
  padding-right: 8px;
}

input,
select:not([multiple]) {
  height: 2.4rem;
  line-height: 2.4rem;
}

select:not([multiple]) {
  padding-left: 6px;
}

input[type=radio],
input[type=checkbox] {
  height: auto;
  line-height: auto;
}

button,
a.button,
input[type=submit] {
  font-size: 1.4rem;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  border: none;
  background: #e05206;
  height: 3.2rem;
  line-height: 3.2rem;
  min-width: 150px;
}

a.button {
  text-decoration: none;
  display: block;
  text-align: center;
}

.error,
.message {
  display: block;
  padding: 12px 17px 15px 17px;
  margin-bottom: 18px;
  border: 2px solid #f00;
}

.error {
  border: 2px solid #f00;
}

.message {
  border: 2px solid green;
}

/* iframe */
iframe {
  width: 100%;
}

/* Content link */
#content-link a {
  display: block;
  position: absolute;
  left: -2000px;
  top: 0px;
}

#content-link a:focus {
  left: 10px;
  top: 40px;
  font-size: 3rem;
  padding: 8px;
  z-index: 999;
  text-decoration: underline;
  border: 1px solid;
  background: #fff;
}

/* Tables */
table {
  width: 100%;
  border-collapse: collapse;
}

table caption {
  font-weight: bold;
  text-align: left;
  padding-bottom: 5px;
  color: #1D242A;
}

table th,
table td {
  padding: 4px 0px 5px 5px;
  font-size: 1.4rem;
}

table th {
  text-align: left;
  color: #000;
}

table thead th {
  border-bottom: 1px solid #999;
}

table tr:nth-child(even) {
  background: #f6f6f6;
}

/* Table - blank */
/* Resetting common table styling for tables marked "blank"
   Can't use table:not(.blank) on the common styling because
   other tables (e.g. for montly activity list) get wrong styling
   because of css selector rules for overriding */
table.blank {
  width: auto;
  border-collapse: separate;
}

table.blank caption {
  font-weight: normal;
}

table.blank th,
table.blank td {
  padding: 1px;
}

table.blank th {
  color: #000;
  border-bottom: none;
}

table.blank tr {
  height: auto;
}

table.blank tr:nth-child(even) {
  background: none;
}

/* Slick buttons */
/* Colofon */
.colofon,
.colofon a {
  color: #6f6c6c;
  font-size: 1.3rem;
}

.colofon a {
  text-decoration: none;
}

/* -------------------------------------------------------------------------- */
/* 4. Common tile styling                                                     */
/* -------------------------------------------------------------------------- */
/*
   IMPORTANT INFO:
   What we do here is to set the style for the tile common classes. We do two
   things:

    1. Add border, header and other stuff to create "tile-look". In the default
       design, this layout is used in the left and right placeholders.
    2. Remove this layout for tiles in placeholder-top, placeholder-content,
       placeholder-content-no-right and placeholder-bottom. Tiles here are
       usually styled differently

    Since 2. overrides the default tile styles for the listed placeholder, you
    need to be equally specific when setting any of these styles.
*/
/* -- Across tiles and placeholders, and also some frontpage specific styling -- */
.byline {
  font-size: 1.4rem;
  color: #666;
}

/*
   Tiles with stretched background, that are tiles where background stretches 
   outside placeholders inner wrapper 
*/
#container .tile-common.stretched-mode {
  background: #efefef;
}

/* -------------------------------------------------------------------------- */
/* 5. Styling for specific tiles and other components                         */
/* -------------------------------------------------------------------------- */
/* -- In all placeholders -- */
/* Some styling is given here to override global styling from above,
   and some styling for elements here are also overrided for certain placeholders
   below this section */
/* Full articledisplay */
.articledisplay {
  overflow: hidden;
}

.articledisplay .top-content {
  margin-bottom: 20px;
}

.articledisplay .digest {
  font-size: 2.8rem;
  font-weight: lighter;
  line-height: 3.6rem;
}

.articledisplay .digest p {
  margin-bottom: 5px;
}

.articledisplay .digest + div {
  margin-top: 13px;
}

/* Case when not having byline info on the article */
.articledisplay .byline {
  margin-bottom: 10px;
}

.articledisplay .main-content p {
  line-height: 2.7rem;
}

.articledisplay img {
  display: block;
}

.articledisplay .tile-content ol,
.articledisplay .tile-content ul {
  margin-bottom: 1.8rem;
}

.articledisplay .tile-content ul li {
  padding-left: 18px;
  list-style-type: none;
  position: relative;
}

.articledisplay .tile-content ul li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0.8rem;
  display: inline-block;
  height: 0.6rem;
  width: 0.6rem;
  background: #e05206;
}

/* Article display - blockquote */
.articledisplay blockquote {
  color: #666;
  padding: 12px 12px 18px 60px;
  position: relative;
  border-radius: 9px;
  background: #f6f6f6;
}

.articledisplay blockquote p {
  line-height: 2rem;
  margin-bottom: 0px;
  border-radius: 9px;
}

.articledisplay blockquote:before {
  content: "";
  width: 37px;
  height: 27px;
  display: block;
  position: absolute;
  top: 7px;
  left: 11px;
  background: url(images/sprite.png) no-repeat;
}

/* Article display - stretched mode */
#container .articledisplay.stretched-mode {
  padding-top: 1.8rem;
  color: #000;
}

/* Article display - tags */
.articledisplay .tags {
  overflow: hidden;
}

.articledisplay .tags h2 {
  font-size: 1.6rem;
  font-weight: normal;
  color: #666;
  margin-bottom: 9px;
}

.articledisplay .tile-content .tags ul,
.articledisplay .tile-content .tags li {
  margin: 0px;
  padding: 0px;
  float: left;
  list-style-type: none;
  margin-right: 10px;
}

.articledisplay .tile-content .tags li {
  margin-bottom: 10px;
}

.articledisplay .tile-content .tags li:before {
  display: none;
}

.articledisplay .tags li a {
  font-size: 1.4rem;
  display: block;
  text-decoration: none;
  color: #3c3b3b;
  height: 3rem;
  line-height: 3rem;
  padding: 0px 15px 0px 15px;
  border-radius: 9px;
  background: #e5e5e5;
}

.articledisplay .tags li a:hover {
  color: #fff;
  background: #e05400;
}

/* Article display - activity */
.articledisplay .calendar-date {
  color: #eee;
  font-size: 1.4rem;
  text-transform: uppercase;
  margin-bottom: 10px;
  background: #e05206;
}

.articledisplay .calendar-date .dates {
  margin-right: 30px;
}

/* Article display - ctwebform */
.articledisplay form.ctform table {
  width: auto;
}

.articledisplay form.ctform table tr {
  background: none;
}

.articledisplay form.ctform input,
.articledisplay form.ctform select,
.articledisplay form.ctform textarea {
  margin-bottom: 11px;
}

.articledisplay form.ctform span.ctwebform-element-validationerror {
  color: red;
}

.articledisplay form.ctform td.ctwebform-label {
  vertical-align: top;
}

.articledisplay form.ctform td.ctwebform-element-type-submit {
  text-align: right;
}

.articledisplay form.ctform .ctwebform-element-container-validationerror input,
.articledisplay form.ctform .ctwebform-element-container-validationerror textarea {
  border-color: red;
}

/* Article display - slideshow */
.articledisplay .articleelement.gallery {
  margin: 0px auto 20px auto;
}

.articledisplay .articleelement.gallery .ctgallery-elements img {
  display: block;
  width: 100%;
  height: auto;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-prev,
.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-next {
  height: 24px;
  width: 14px;
  min-width: 14px;
  margin: auto;
  top: 13px;
  bottom: 0;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-prev::before,
.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-next::before {
  content: "";
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-prev:hover,
.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-prev:focus,
.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-prev {
  left: -26px;
  background: url(images/sprite.png) no-repeat -240px -80px;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-next:hover,
.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-next:focus,
.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-next {
  right: -26px;
  background: url(images/sprite.png) no-repeat -260px -80px;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-prev,
.articledisplay .articleelement.gallery .ctgallery-thumbnails button.slick-next {
  min-width: auto;
}

.articledisplay .articleelement.gallery .slick-slider {
  margin-bottom: 10px;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails {
  margin: 0px auto;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper {
  padding: 11px 0px 11px 0px;
  margin-top: 14px;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper img {
  margin: 0px auto;
  display: block;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper.slick-center {
  padding: 6px 0px 6px 0px;
  background: #e5e5e5;
  position: relative;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper.slick-center:before {
  content: "";
  height: 0px;
  width: 0px;
  display: block;
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  /* Making this a triangle marker */
  border-bottom: 14px solid #e5e5e5;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
}

/* Article display - article inner grid */
/* (Not implemented for mobile, css only in default.css) */
/* User display */
.userdisplay .user-info {
  overflow: hidden;
}

.userdisplay .user-info .photo,
.userdisplay .user-info .properties {
  float: left;
}

.userdisplay .user-info .photo {
  margin-right: 30px;
}

.userdisplay .user-info .properties .property {
  margin-bottom: 8px;
}

.userdisplay .user-info .properties .property span.label {
  font-weight: bold;
  display: inline-block;
  width: 80px;
}

.userdisplay .homearticle {
  margin-top: 10px;
}

.userdisplay .homearticle .digest {
  font-size: 1em;
  line-height: 2rem;
}

/* Full list, common list class for tiles like articlelist, searchresult and userlist */
.full-list h3 {
  font-size: 2.2rem;
  margin-bottom: 8px;
}

.full-list a,
.full-list h3 a {
  text-decoration: none;
  color: #040404;
}

.full-list a h3:hover,
.full-list h3 a:hover {
  text-decoration: underline;
  color: #003399;
}

.full-list .digest {
  overflow: hidden;
}

.full-list p {
  margin-top: 10px;
  margin-bottom: 0px;
  overflow: hidden;
}

.full-list .digest p:first-child {
  margin-top: 0px;
}

.full-list .byline,
.full-list .calendar-date {
  margin-bottom: 10px;
}

.full-list .calendar-date {
  font-size: 1.4rem;
  color: #666;
}

.full-list article {
  border-bottom: 1px solid #eee;
  padding-top: 23px;
  padding-bottom: 27px;
  overflow: hidden;
}

.full-list ul.links {
  margin-top: 3px;
}

.full-list .thumbnail {
  float: left;
}

/* Article list - faq articles*/
.articlelist li article.faq {
  padding: 0px;
  margin-bottom: 10px;
  border: none;
}

.articlelist article.faq h3,
.articlelist article.faq h3 a {
  color: #fff;
}

.articlelist article.faq h3 a:hover {
  text-decoration: none;
}

.articlelist article.faq h3 {
  margin: 0px;
  font-weight: normal;
  display: block;
  padding: 9px 18px 10px 18px;
  cursor: pointer;
}

.articlelist article.faq.collapsed h3 {
  background: #555;
}

.articlelist article.faq.expanded h3 {
  background: #e05400;
}

.articlelist article.faq h3:after {
  float: right;
}

.articlelist article.faq.expanded h3:after {
  content: "-";
}

.articlelist article.faq.collapsed h3:after {
  content: "+";
}

.articlelist article.faq .answer-wrapper {
  line-height: 2.7rem;
  overflow: hidden;
  background: #eee;
}

.articlelist article.faq.collapsed .answer-wrapper {
  display: none;
}

/* Search result */
.search-result ul.links a,
.search-result h3 a:hover {
  text-decoration: underline;
  color: #003399;
}

.search-result b {
  font-weight: normal;
  color: #e05206;
}

.search-result a b:hover {
  color: #003399;
}

/* User list */
/* User list - search fields */
.userlist .search-fields {
  margin-bottom: 23px;
}

.userlist .search-fields .searchfield {
  overflow: hidden;
}

.userlist .search-fields input[type=text] {
  width: 315px;
  border: 1px solid #e05206;
}

#placeholder-left .userlist .search-fields select,
#placeholder-right .userlist .search-fields select,
#placeholder-content:not(.no-right):not(.no-left) .userlist .search-fields select {
  width: 100%;
}

.userlist .search-fields select option {
  padding-top: 3px;
  padding-bottom: 3px;
}

/* User list - list layout */
.userlist {
  font-size: 1.4rem;
}

.userlist h2 {
  font-size: 2.2rem;
  font-weight: normal;
  margin-bottom: 5px;
}

.userlist a {
  text-decoration: underline;
  color: #003399;
}

.userlist h2 a {
  text-decoration: none;
  color: #040404;
}

.userlist h2 a:hover {
  text-decoration: underline;
  color: #003399;
}

.userlist .list-layout {
  overflow: hidden;
}

.userlist .list-layout .photo.no-avatar {
  width: 100px;
  height: 105px;
  background: url(images/sprite.png) no-repeat;
  background-position: 0px -40px;
}

.userlist .list-layout article.female .photo.no-avatar {
  background-position: -120px -40px;
}

.userlist .list-layout .properties {
  float: left;
}

.userlist .list-layout .properties span.property {
  display: block;
}

.userlist a.loadMore {
  color: #fff;
  display: block;
  margin: 14px auto 0px auto;
  width: 15rem;
  text-decoration: none;
}

.userlist a.loadMore.busy {
  background: none;
}

.userlist a.loadMore.busy span {
  display: none;
}

.userlist a.loadMore .spinner {
  margin: 0px auto;
  top: 14px;
}

/* User list - table layout */
.userlist .table-layout table th {
  border-bottom: 1px solid #e05206;
}

/* Monthly activity list */
.monthly-activity-list a {
  color: #3c3b3b;
  font-weight: bold;
  text-decoration: none;
}

.monthly-activity-list a:hover {
  color: #003399;
  text-decoration: underline;
}

.monthly-activity-list .location {
  color: #666;
  font-size: 1.3rem;
}

.monthly-activity-list table caption {
  text-align: left;
  font-weight: normal;
  font-size: 4rem;
  line-height: 4.5rem;
  margin-bottom: 13px;
}

.monthly-activity-list table th,
.monthly-activity-list table tr {
  background: none;
}

.monthly-activity-list table tr {
  border-bottom: 1px solid #ddd;
}

.monthly-activity-list table tr:first-child {
  border-bottom: 1px solid #e05206;
}

.monthly-activity-list table th,
.monthly-activity-list table td {
  text-align: left;
  padding: 0px;
}

.monthly-activity-list table td {
  vertical-align: top;
}

.monthly-activity-list table tr.month,
.monthly-activity-list table tr.month th {
  color: #e05206;
  border: none;
}

.monthly-activity-list table tr.month th {
  padding-top: 10px;
}

.monthly-activity-list table tr.activity td {
  font-size: 1.4rem;
  padding-top: 8px;
  padding-bottom: 8px;
}

.monthly-activity-list table td.duration {
  width: 106px;
}

.monthly-activity-list table td.duration span.dates,
.monthly-activity-list table td.duration span.times {
  display: table-cell;
  width: 53px;
}

/* Page navigator (used in e.g. full article/activity list and search result) */
.page-navigator {
  text-align: center;
  margin-top: 30px;
}

.page-navigator ul {
  display: inline-block;
  margin-bottom: 6px;
}

.page-navigator ul li {
  display: inline-block;
}

.page-navigator a {
  color: #e05206;
  text-decoration: none;
  display: block;
}

.page-navigator a:hover {
  background: #d9d9d9;
}

.page-navigator .first-page,
.page-navigator .last-page,
.page-navigator ul.pages span,
.page-navigator .previous-page,
.page-navigator .next-page {
  display: inline-block;
  height: 3.7rem;
  line-height: 3.7rem;
  width: 3.9rem;
  border: 1px solid #aea9a9;
  border-radius: 4px;
}

.page-navigator .next-page span,
.page-navigator .previous-page span,
.page-navigator .first-page span,
.page-navigator .last-page span {
  display: none;
}

.page-navigator .first-page:after {
  content: "<<";
  font-weight: bold;
}

.page-navigator .previous-page:after {
  content: "<";
  font-weight: bold;
}

.page-navigator .next-page:after {
  content: ">";
  font-weight: bold;
}

.page-navigator .last-page:after {
  content: ">>";
  font-weight: bold;
}

/* Small lists, common list class for tiles like e.g. small articlelist, activitylist, rsslist */
.small-list {
  font-size: 1.4rem;
}

#container #main-content .small-list h3,
body.mobile #placeholder-content .small-list h3 {
  color: #3c3b3b;
  font-size: 2.2rem;
  text-transform: none;
  border-bottom: 1px solid #acacac;
  background: none;
}

.small-list li {
  margin-bottom: 16px;
}

.small-list li:last-child {
  margin-bottom: 0px;
}

.small-list time,
.small-list span.entry-postfix {
  color: #666;
  display: block;
  font-size: 1.3rem;
}

.small-list .bottomlink {
  float: right;
}

.small-list .bottomlink li {
  margin-bottom: 0px;
}

.small-list .bottomlink a:after {
  content: " »";
}

/* Small article list*/
.small-articlelist a {
  color: #3c3b3b;
  font-weight: bold;
  text-decoration: none;
}

.small-articlelist a:hover {
  color: #003399;
  text-decoration: underline;
}

/* Activity list */
.activity-list li {
  overflow: hidden;
}

.activity-list li:last-child {
  margin-bottom: 16px;
}

.activity-list span.start-date {
  float: left;
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 18px;
  text-align: center;
  background: #e05206;
}

.activity-list span.start-date time {
  color: #fff;
}

.activity-list span.month,
.activity-list span.day {
  display: block;
}

.activity-list span.day {
  font-size: 2.8rem;
  text-align: center;
  margin-top: 5px;
}

.activity-list span.month {
  font-weight: normal;
  text-transform: uppercase;
}

.activity-list a {
  color: #3c3b3b;
  font-weight: bold;
  text-decoration: none;
  overflow: hidden;
}

.activity-list a span.header {
  display: table-cell;
  vertical-align: middle;
  float: left;
}

.activity-list a:hover,
.activity-list a span.header:hover {
  text-decoration: underline;
  color: #003399;
}

.activity-list .location {
  color: #666;
  font-size: 1.3rem;
  display: block;
  float: left;
}

/* News archive */
.newsarchive li {
  margin-bottom: 16px;
}

.newsarchive li:last-child {
  margin-bottom: 0px;
}

.newsarchive ul ul {
  margin: 16px 0px 0px 18px;
}

.newsarchive li.selected > a {
  color: #e05206;
}

.newsarchive .bottomlink {
  float: right;
}

.newsarchive .bottomlink a:after {
  content: " »";
}

/* Small articledisplay */
#main-content .small-articledisplay .tile-content,
body.mobile #placeholder-content .small-articledisplay .tile-content {
  padding-bottom: 0px;
}

/* Small articledisplay - secondary design (without e.g. paddings and shadow) */
#container #main-content .small-articledisplay.secondary-design .tile-content,
body.mobile #placeholder-content .small-articledisplay.secondary-design .tile-content {
  padding: 0px;
}

#container #main-content .small-articledisplay.secondary-design p,
body.mobile #placeholder-content .small-articledisplay.secondary-design p {
  margin: 0px;
}

#container #main-content .small-articledisplay.secondary-design img,
body.mobile #placeholder-content .small-articledisplay.secondary-design img {
  display: block;
  width: 100%;
  height: auto;
}

/* Small articledisplay - clickable design (with thumbnail and clickable content ) */
#container #main-content .small-articledisplay.clickable a,
body.mobile #placeholder-content .small-articledisplay.clickable a {
  text-decoration: none;
  color: #3c3b3b;
}

#container #main-content .small-articledisplay.clickable img,
body.mobile #placeholder-content .small-articledisplay.clickable img {
  display: block;
  width: 100%;
  height: auto;
}

#container #main-content .small-articledisplay.clickable .tile-content,
body.mobile #placeholder-content .small-articledisplay.clickable .tile-content {
  padding-top: 2px;
  padding-bottom: 18px;
}

#container #main-content .small-articledisplay.clickable h3,
body.mobile #placeholder-content .small-articledisplay.clickable h3 {
  margin-top: 11px;
  color: #3c3b3b;
  font-size: 2.2rem;
  padding-top: 0px;
  padding-bottom: 0px;
  background: none;
  text-transform: none;
}

#container #main-content .small-articledisplay.clickable:hover,
body.mobile #placeholder-content .small-articledisplay.clickable:hover {
  box-shadow: 2px 3px 7px 0px rgba(61, 59, 59, 0.85);
}

#container #main-content .small-articledisplay.clickable:hover a h3,
body.mobile #placeholder-content .small-articledisplay.clickable:hover a h3 {
  text-decoration: underline;
}

/* Article elements tile */
.article-elements .linkcollection li {
  margin-bottom: 16px;
}

.article-elements .linkcollection li:last-child {
  margin-bottom: 0px;
}

#container #main-content .article-elements .tile-content h3,
body.mobile #placeholder-content .article-elements .tile-content h3 {
  color: #3c3b3b;
  font-size: 2.2rem;
  margin-bottom: 18px;
  padding: 0px 0px 8px 0px;
  text-transform: none;
  border-bottom: 1px solid #acacac;
  background: none;
}

/* Side menu */
/* (Not implemented for mobile, css only in default.css) */
/* Search - simple search (all searchfields with only one input field and submit button, e.g. small searchinput, userlist search)*/
.simple-search input[type=text] {
  float: left;
  padding: 0px 15px;
  border-color: #e05206;
}

.simple-search button {
  min-width: 80px;
}

/* Link toolbar */
/* The link toolbar styling for placeholder top and bottom extends some of the css given here. */
body #container .linktoolbar {
  position: relative;
  overflow: visible;
}

.linktoolbar .links {
  display: inline-block;
}

.linktoolbar .links ul,
.linktoolbar .links li {
  float: left;
}

.linktoolbar .links li:not(.last) {
  margin-right: 12px;
}

.linktoolbar .links span.label {
  font-size: 1.4rem;
}

.linktoolbar .links.sharing-links span.label {
  float: left;
  margin-left: 10px;
  margin-right: 5px;
  display: block;
  height: 4rem;
  line-height: 4rem;
}

.linktoolbar .links.follow-links span.label {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

.linktoolbar .links a:not(.font_size_link) span {
  display: none;
}

.linktoolbar .links a {
  display: inline-block;
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border-radius: 70px;
  background: #e1e1e1 url(images/sprite.png);
}

.linktoolbar .links a:hover {
  background-color: #df5300;
}

.linktoolbar .links a.print_link {
  background-position: 0px -340px;
}

.linktoolbar .links a.tipafriend_link {
  background-position: -60px -340px;
}

.linktoolbar .links a.facebook_link {
  background-position: -120px -340px;
}

.linktoolbar .links a.facebook_link:hover {
  background-position: -120px -400px;
}

.linktoolbar .links a.twitter_link {
  background-position: -180px -340px;
}

.linktoolbar .links a.twitter_link:hover {
  background-position: -180px -400px;
}

.linktoolbar .links a.linkedin_link {
  background-position: -240px -340px;
}

.linktoolbar .links a.linkedin_link:hover {
  background-position: -240px -400px;
}

.linktoolbar .links a.youtube_link {
  background-position: -300px -340px;
}

.linktoolbar .links a.youtube_link:hover {
  background-position: -300px -400px;
}

.linktoolbar .links a.googleplus_link {
  background-position: -418px -340px;
}

.linktoolbar .links a.googleplus_link:hover {
  background-position: -418px -400px;
}

.linktoolbar .links a.pinterest_link {
  background-position: -480px -340px;
}

.linktoolbar .links a.pinterest_link:hover {
  background-position: -480px -400px;
}

.linktoolbar .links a.delicious_link {
  background-position: -600px -340px;
}

.linktoolbar .links a.delicious_link:hover {
  background-position: -600px -400px;
}

.linktoolbar .links a.digg_link {
  background-position: -660px -342px;
}

.linktoolbar .links a.digg_link:hover {
  background-position: -660px -400px;
}

.linktoolbar .links a.reddit_link {
  background-position: -720px -340px;
}

.linktoolbar .links a.reddit_link:hover {
  background-position: -720px -400px;
}

.linktoolbar .links a.flickr_link {
  background-position: -360px -340px;
}

.linktoolbar .links a.flickr_link:hover {
  background-position: -360px -400px;
}

.linktoolbar .links a.font_size_link {
  text-align: center;
  text-decoration: none;
  position: relative;
  padding-top: 8px;
}

.linktoolbar .links a.font_size_link:not(:hover) {
  background: #e1e1e1;
}

.linktoolbar .links a.font_size_link:hover span {
  color: #fff;
}

.linktoolbar .links a.font_size_link .font-size-box {
  display: none;
}

.linktoolbar .links a.font_size_link:hover .font-size-box {
  color: #353535;
  text-align: left;
  display: block;
  position: absolute;
  top: 50px;
  left: 0px;
  z-index: 2;
  box-sizing: border-box;
  width: 330px;
  padding: 5px 8px 0px 8px;
  background: #efefef;
  box-shadow: 2px 3px 7px 0 rgba(172, 171, 171, 0.5);
}

/* Suggestion form */
.linktoolbar .suggestionform:not(.visible) {
  display: none;
}

.linktoolbar .suggestionform.visible {
  padding: 2px 20px 20px 20px;
  box-shadow: 2px 3px 7px 0px rgba(172, 171, 171, 0.5);
  border: 1px solid #eaeaea;
  background: #fff;
}

.linktoolbar .suggestionform.visible.success {
  height: 68px;
}

.linktoolbar .suggestionform a.close-button {
  display: block;
  height: 30px;
  width: 30px;
  position: absolute;
  top: -11px;
  right: -11px;
  background: url(images/sprite.png) -60px 0px no-repeat;
}

.linktoolbar .suggestionform a.close-button span {
  display: none;
}

.linktoolbar .suggestionform h1 {
  text-transform: uppercase;
  color: #666666;
  font-size: 1.6rem;
  font-weight: normal;
  margin-bottom: 0px;
}

.linktoolbar .suggestionform .input-elements {
  float: left;
  width: 340px;
  margin-right: 20px;
}

.linktoolbar .suggestionform .error {
  border: 2px solid red;
}

.linktoolbar .suggestionform .message {
  border: none;
  padding: 0px;
}

.linktoolbar .suggestionform .error ul li:before {
  content: "";
  display: inline-block;
  height: 0.6rem;
  position: absolute;
  left: 0;
  top: 0.8rem;
  width: 0.6rem;
  background: none repeat scroll 0 0 #e05206;
}

.linktoolbar .suggestionform .error ul li {
  list-style-type: none;
  padding-left: 18px;
  position: relative;
}

.linktoolbar .suggestionform label,
.linktoolbar .suggestionform textarea,
.linktoolbar .suggestionform input:not([type=submit]) {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

.linktoolbar .suggestionform label {
  margin-top: 4px;
  margin-bottom: 2px;
}

.linktoolbar .suggestionform input.inputerror {
  border: 2px solid red;
}

.linktoolbar .suggestionform input[type=submit] {
  margin-top: 10px;
  float: right;
}

.linktoolbar .suggestionform .ctcaptchatextual label,
.linktoolbar .suggestionform .ctcaptchatextual input {
  display: inline-block;
  margin-right: 10px;
}

/* Login form */
.login-form {
  overflow: hidden;
}

#placeholder-content.no-left .login-form,
#placeholder-content.no-right .login-form,
#placeholder-content.no-left.no-right .login-form,
body.mobile #placeholder-content .login-form {
  width: 365px;
}

.login-form label,
.login-form input {
  display: inline-block;
}

.login-form label {
  width: 99px;
}

.login-form .label-input-group {
  margin-bottom: 11px;
}

.login-form input:not([type=submit]) {
  width: 242px;
}

.login-form a.toggler {
  float: left;
  cursor: pointer;
  height: 3.2rem;
  line-height: 3.2rem;
}

.login-form a.button,
.login-form input[type=submit] {
  float: right;
}

.login-form .changePassword form {
  clear: both;
}

/* User bar */
#container .tile-common.userbar {
  font-size: 1.4rem;
  color: #fff;
  text-align: right;
  background: #e05206;
}

.userbar a {
  color: #fff;
  text-decoration: none;
}

.userbar .user,
.userbar .hyper-links {
  display: inline-block;
}

.userbar .hyper-links {
  margin-left: 18px;
}

/* Billboard tile, default styling */
/* (No common billboard styling for desktop and mobile is done here except slick dots and slider styling, so each channel has their inpendendent 
   styling done in their stylesheet. Remember to update both default.css and mobile.css if changes that should
   affect both channels are done) */
/* slick dots, used in billboard */
/* (Not implemented for mobile, css only in default.css) */
/* slick slider, used in billboard */
.billboard .slick-slider {
  margin-bottom: 0px;
}

/* slick buttons, used in billboard */
/* File list */
.file-list table th,
.file-list table td {
  padding-top: 0px;
  padding-bottom: 0px;
}

.file-list h3 {
  margin-bottom: 10px;
}

.file-list table td.size {
  width: 130px;
}

.file-list table th.name,
.file-list table td.name {
  padding-left: 10px;
}

.file-list table td.name a {
  padding: 4px 0px 4px 0px;
  float: left;
}

.file-list table td.name a:before {
  content: "";
  height: 25px;
  width: 20px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  background: url(images/sprite.png) 0px -180px no-repeat;
  /* Default icon */
}

.file-list table td.name a.doc:before,
.file-list table td.name a.docx:before,
.file-list table td.name a.odf:before {
  background-position: -40px -180px;
  /* Word icon */
}

.file-list table td.name a.xls:before,
.file-list table td.name a.ods:before {
  background-position: -80px -180px;
  /* Xls icon */
}

.file-list table td.name a.ppt:before,
.file-list table td.name a.odp:before {
  background-position: -120px -180px;
  /* Powerpoint icon */
}

.file-list table td.name a.pdf:before {
  background-position: -160px -180px;
  /* Pdf icon */
}

.file-list table td.name a.jpg:before,
.file-list table td.name a.jpeg:before,
.file-list table td.name a.gif:before,
.file-list table td.name a.bmp:before,
.file-list table td.name a.png:before {
  background-position: -200px -180px;
  /* Image icon */
}

.file-list table td.name a.mov:before,
.file-list table td.name a.swf:before,
.file-list table td.name a.wmv:before,
.file-list table td.name a.avi:before,
.file-list table td.name a.mp4:before {
  background-position: -240px -180px;
  /* Movie icon */
}

/* Site map */
.sitemap li {
  padding-left: 18px;
  margin-top: 4px;
  list-style-type: none;
  position: relative;
}

.sitemap li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0.8rem;
  display: inline-block;
  box-sizing: border-box;
  height: 0.6rem;
  width: 0.6rem;
  background: #e05206;
}

.sitemap li li:before {
  background: none;
  border: 1px solid #e05206;
}

.sitemap li li li:before {
  border: none;
  background: #555;
}

.sitemap li li li li:before {
  background: none;
  border: 1px solid #555;
}

/* Article rating */
.article-rating {
  overflow: hidden;
}

.article-rating form {
  float: left;
}

.article-rating button,
.article-rating input[type=submit] {
  min-width: auto;
  font-size: 0px;
  textIndent: "-1px";
}

.article-rating .rating-label {
  color: #666;
  font-size: 1.4rem;
  float: left;
  margin-top: 2px;
}

.article-rating .rating-container.active button,
.article-rating .rating-container.active input[type=submit] {
  cursor: pointer;
}

/* Article rating - star rating */
.article-rating .starrating fieldset {
  display: none;
}

.article-rating .starrating .stars-wrapper {
  float: left;
  margin-right: 8px;
}

.article-rating .starrating.active .stars-wrapper {
  cursor: pointer;
}

/* More styling is done in javascript (starrating.js), where a star-sprite image is used. */
/* Article rating - agreedisagree rating */
.article-rating .agreedisagreerating .rating-label {
  margin-top: 3px;
}

.article-rating .agreedisagreerating button {
  width: 28px;
  min-width: 28px;
  height: 24px;
  margin-right: 8px;
  float: left;
  background: url(images/sprite.png) no-repeat;
}

.article-rating .agreedisagreerating button.disagree {
  margin-left: 8px;
  margin-top: 7px;
}

.article-rating .agreedisagreerating.active button.agree {
  background-position: 0px -260px;
}

.article-rating .agreedisagreerating.active button.agree:hover {
  background-position: 0px -300px;
}

.article-rating .agreedisagreerating.active button.disagree {
  background-position: -40px -260px;
}

.article-rating .agreedisagreerating.active button.disagree:hover {
  background-position: -40px -300px;
}

.article-rating .agreedisagreerating.disabled button.agree {
  background-position: 0px -220px;
}

.article-rating .agreedisagreerating.disabled button.disagree {
  background-position: -40px -220px;
}

/* Article rating - recommend rating */
.article-rating .recommendrating input[type=submit] {
  height: 23px;
  width: 27px;
  min-width: 27px;
  margin-right: 8px;
  background: url(images/sprite.png) no-repeat;
}

.article-rating .recommendrating.active input[type=submit] {
  background-position: -80px -260px;
}

.article-rating .recommendrating.active input[type=submit]:hover {
  background-position: -80px -300px;
}

.article-rating .recommendrating.disabled input[type=submit] {
  background-position: -80px -220px;
}

/* Entity comment */
/* Entity comment - comments */
.entitycomment .toggle-link-wrapper button {
  display: block;
  margin: 0px auto 18px auto;
}

.entitycomment h2 {
  padding-bottom: 10px;
  border-bottom: 1px solid #aeabab;
}

.entitycomment .comments {
  margin-bottom: 30px;
}

.entitycomment .comments a {
  color: #555;
}

.entitycomment .comments a:hover {
  color: #003399;
}

.entitycomment .comments a.toggler {
  text-decoration: none;
  float: right;
  padding-right: 9px;
  margin-right: 10px;
  border-right: 1px solid #aeabab;
}

.entitycomment .comments li a.toggler:after {
  font-size: 2rem;
  color: #aeabab;
}

.entitycomment .comments li.expanded a.toggler:after {
  content: "-";
}

.entitycomment .comments li.collapsed a.toggler:after {
  content: "+";
}

.entitycomment .comments a.toggler span {
  display: none;
}

.entitycomment .comments ul li {
  margin-top: 20px;
}

.entitycomment .comments ul ul {
  margin-left: 18px;
}

.entitycomment .comments ul ul ul ul ul {
  margin-left: 0px;
  /* Only have indentation in four levels */
}

.entitycomment .comments li.collapsed > ul,
.entitycomment .comments li.collapsed > div > article > div.post-content {
  display: none;
}

.entitycomment .comments .post-body {
  margin-bottom: 3px;
  margin-right: 45px;
}

.entitycomment .comments button,
.entitycomment .comments .entity-comment-post-tag-offensive {
  float: right;
}

.entitycomment .comments .entity-comment-post-tag-offensive button {
  width: 11px;
  min-width: 11px;
  height: 11px;
  cursor: pointer;
  margin-top: 6px;
  background: url(images/sprite.png) -140px -220px no-repeat;
}

.entitycomment .comments button span {
  display: none;
}

.entitycomment .comments button:hover {
  color: #003399;
}

.entitycomment .comments button.entity-comment-answer {
  margin-right: 15px;
}

.entitycomment .comments .headerblock h3 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-right: 5px;
}

.entitycomment .comments .headerblock h3 a {
  text-decoration: none;
}

.entitycomment .comments li.collapsed .headerblock h3,
.entitycomment .comments li.collapsed .headerblock h3 a {
  color: #555555;
}

.entitycomment .comments .headerblock header,
.entitycomment .comments .headerblock footer,
.entitycomment .comments .headerblock .entitycomment-urls {
  display: inline-block;
}

.entitycomment .comments .headerblock footer,
.entitycomment .comments .headerblock .entitycomment-urls {
  font-size: 1.3rem;
  font-style: italic;
  color: #555;
}

.entitycomment .comments .headerblock footer {
  margin-right: 10px;
}

.entitycomment .comments .headerblock footer time:before {
  content: "•";
  display: inline-block;
  margin-right: 9px;
}

.entitycomment .comments a.entity-comment-answer {
  font-size: 1.4rem;
}

.entitycomment .comments span.response-to {
  margin-right: 6px;
}

.entitycomment .comments span.response-to:before {
  content: "";
  display: inline-block;
  height: 8px;
  width: 14px;
  margin-right: 10px;
  background: url(images/sprite.png) -120px -220px no-repeat;
}

.entitycomment .entitycomment-trackback-link {
  margin-bottom: 16px;
  text-align: right;
}

/* Entity comments - single thread */
.entitycomment .comments.single-thread li {
  margin-top: 10px;
  padding-bottom: 11px;
  border-bottom: 1px solid #eee;
}

/* Entity comment - form */
.entitycomment-form {
  overflow: hidden;
}

.entitycomment-form-note {
  margin: 14px 0px 10px 0px;
}

.entitycomment-form-quoted {
  margin-top: 14px;
  font-style: italic;
}

.entitycomment-form label,
.entitycomment-form textarea,
.entitycomment-form input:not([type=submit]) {
  float: left;
}

.entitycomment-form textarea,
.entitycomment-form input:not([type=submit]) {
  margin-bottom: 10px;
}

.entitycomment-form textarea,
.entitycomment-form input:not([type=submit]) {
  width: 439px;
}

.entitycomment-form label {
  clear: both;
  width: 175px;
}

.entitycomment-form .ctcaptchatextual label {
  width: 310px;
}

.entitycomment-form .entitycomment-form-submit {
  float: right;
  clear: both;
}

/* Entity comment answer form */
.entitycomment .comments form.entitycomment-form {
  margin-left: 18px;
}

.entitycomment .comments form.entitycomment-form h3 {
  margin-top: 10px;
}

.entitycomment .comments form.entitycomment-form textarea,
.entitycomment .comments form.entitycomment-form input:not([type=submit]) {
  width: 100%;
  box-sizing: border-box;
}

/* Advanced search */
/* (Not implemented for mobile, css only in default.css) */
/* Calendar */
.calendar {
  overflow: hidden;
  background: #fff;
}

.calendar header .month-year-header {
  text-align: center;
  font-weight: bold;
  display: inline-block;
}

.calendar header span.pageLink {
  display: inline-block;
  cursor: pointer;
  background: url(images/sprite.png) no-repeat;
}

.calendar header span.pageLink.next-year,
.calendar header span.pageLink.previous-year {
  width: 14px;
  height: 11px;
}

.calendar header span.pageLink.previous-year {
  background-position: -160px 0px;
}

.calendar header span.pageLink.next-year {
  background-position: -180px 0px;
}

.calendar header span.pageLink.next-month-year,
.calendar header span.pageLink.previous-month-year {
  width: 8px;
  height: 11px;
}

.calendar header span.pageLink.next-month-year {
  background-position: -180px -20px;
}

.calendar header span.pageLink.previous-month-year {
  background-position: -160px -20px;
}

.calendar header .next-links {
  float: right;
  text-align: right;
}

.calendar header .previous-links {
  float: left;
}

.calendar table {
  margin-bottom: 5px;
}

.calendar table tr {
  background: #fff;
}

.calendar table th,
.calendar table td {
  text-align: center;
  padding: 0px;
  font-size: 1.6rem;
}

.calendar table th {
  font-weight: normal;
}

.calendar table td.inactive,
.calendar table td.previousMonth,
.calendar table td.nextMonth {
  color: #666;
}

.calendar table td span {
  padding: 0px 4px 1px 4px;
  border-radius: 15px;
}

.calendar table td.eventful span {
  cursor: pointer;
  border: 2px solid #efa882;
  background: #efa882;
}

.calendar table td.selected span {
  color: #fff;
  border: 2px solid #e05206;
  background: #e05206;
}

.calendar table td.today span {
  border: 2px solid #e05206;
}

.calendar ul.activity-details,
.calendar ul.activity-details li {
  overflow: hidden;
}

.calendar ul.activity-details {
  font-size: 1.4rem;
}

.calendar ul.activity-details .events-today-title {
  text-transform: uppercase;
  margin-bottom: 5px;
}

.calendar ul.activity-details .text,
.calendar ul.activity-details span.all-day,
.calendar ul.activity-details span.start-date {
  display: inline-block;
  float: left;
}

.calendar ul.activity-details span.all-day,
.calendar ul.activity-details span.start-date {
  margin-right: 5px;
}

.calendar ul.activity-details .location {
  color: #666;
  font-size: 1.3rem;
}

.calendar ul.links {
  font-size: 1.4rem;
  float: right;
  margin-top: 16px;
}

.calendar ul.links a:after {
  content: " »";
}

/* Datepicker */
/* (Not implemented for mobile, css only in default.css) */
/* Tooltip */
.tooltip.visible {
  display: block;
  font-size: 1.4rem;
}

.tooltip.visible:before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: 20px;
  margin: auto;
  padding-top: 5px;
  width: 0;
  height: 0;
  /* Making it a triangle */
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 13px solid #e1e1e1;
}

.tooltip.hidden {
  display: none;
}

.tooltip p {
  margin: 8px 0px 0px 0px;
  padding: 3px 8px 5px 8px;
  max-width: 290px;
  box-sizing: border-box;
  background: #e1e1e1;
}

/* -- Placeholder top -- */
/* (Styling for tiles in placeholder top are done in default.css and mobile.css since desktop and mobile uses different tiles) */
/* -- Placeholder bottom -- */
/* (Some styling for tiles in placeholder bottom are done in default.css and mobile.css since desktop and mobile uses different tiles) */
/* Newsletter form */
#placeholder-bottom .newsletter-form {
  margin-bottom: 15px;
}

#placeholder-bottom .newsletter-form h3 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 2px;
}

#placeholder-bottom .newsletter-form input[type=text] {
  height: 3.2rem;
  line-height: 3.2rem;
  width: 140px;
  float: left;
  color: #444343;
  padding: 0px 10px 0px 10px;
  font-size: 1.4rem;
  border: none;
  background: #ccc;
}

#placeholder-bottom .newsletter-form input[type=submit] {
  min-width: 80px;
  padding: 0px;
  float: left;
}

#placeholder-bottom .newsletter-form .signon-options,
#placeholder-bottom .newsletter-form .subscription-categories {
  margin-bottom: 5px;
}

/* Link toolbar */
/* This styling extends some styling written above for linktoolbar */
#placeholder-bottom .linktoolbar .links li:not(.last) {
  margin-right: 9px;
}

#placeholder-bottom .linktoolbar .links span.label {
  font-size: 1.6rem;
  font-weight: bold;
}

#placeholder-bottom .linktoolbar .links a {
  height: 53px;
  width: 53px;
  border-radius: 70px;
}

#placeholder-bottom .linktoolbar .links a.print_link {
  background-position: 6px -334px;
}

#placeholder-bottom .linktoolbar .links a.tipafriend_link {
  background-position: -53px -334px;
}

#placeholder-bottom .linktoolbar .links a.facebook_link {
  background-position: -105px -472px;
}

#placeholder-bottom .linktoolbar .links a.facebook_link:hover {
  background-position: -105px -532px;
}

#placeholder-bottom .linktoolbar .links a.twitter_link {
  background-position: -167px -466px;
}

#placeholder-bottom .linktoolbar .links a.twitter_link:hover {
  background-position: -167px -526px;
}

#placeholder-bottom .linktoolbar .links a.linkedin_link {
  background-position: -228px -466px;
}

#placeholder-bottom .linktoolbar .links a.linkedin_link:hover {
  background-position: -228px -526px;
}

#placeholder-bottom .linktoolbar .links a.youtube_link {
  background-position: -286px -469px;
}

#placeholder-bottom .linktoolbar .links a.youtube_link:hover {
  background-position: -286px -529px;
}

#placeholder-bottom .linktoolbar .links a.delicious_link {
  background-position: -587px -466px;
}

#placeholder-bottom .linktoolbar .links a.delicious_link:hover {
  background-position: -587px -526px;
}

#placeholder-bottom .linktoolbar .links a.digg_link {
  background-position: -652px -463px;
}

#placeholder-bottom .linktoolbar .links a.digg_link:hover {
  background-position: -652px -523px;
}

#placeholder-bottom .linktoolbar .links a.reddit_link {
  background-position: -710px -466px;
}

#placeholder-bottom .linktoolbar .links a.reddit_link:hover {
  background-position: -710px -526px;
}

#placeholder-bottom .linktoolbar .links a.flickr_link {
  background-position: -352px -462px;
}

#placeholder-bottom .linktoolbar .links a.flickr_link:hover {
  background-position: -352px -522px;
}

/* --  Lightbox  -- */
/* (Not implemented for mobile, css only in default.css) */
/* -- Direct Edit -- */
.directedit-link-container {
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}

.directedit-link-container ul,
.directedit-link-container-top,
.directedit-link-container-bottom {
  clear: both;
  float: right;
}

#placeholder-bottom .directedit-link-container ul,
#placeholder-bottom .directedit-link-container-top,
#placeholder-bottom .directedit-link-container-bottom {
  float: left;
}

.directedit-link-container ul li {
  float: left;
  list-style-type: none;
  margin-right: 10px;
}

div.directedit-link-container li a {
  display: block;
  height: 16px;
  width: 16px;
  background: url(images/sprite.png) no-repeat;
}

div.directedit-link-container li span {
  display: none;
}

div.directedit-link-container li a.new-article {
  background-position: -400px 0px;
}

div.directedit-link-container li a.edit-category {
  background-position: -420px 0px;
}

div.directedit-link-container li a.new-category {
  background-position: -440px 0px;
}

div.directedit-link-container li a.delete-category {
  background-position: -460px 0px;
}

div.directedit-link-container li a.edit-article {
  background-position: -480px 0px;
}

div.directedit-link-container li a.delete-article {
  background-position: -500px 0px;
}

/* -- Elements for rwd -- */
/* (Styled in different sections in default.css and mobile.css ) */
/* Mobile menu */
.mobilemenu {
  position: absolute;
  z-index: 2;
}

.mobilemenu .toggle-link-wrapper {
  position: absolute;
}

.mobilemenu .toggle-link-wrapper a {
  display: block;
  width: 60px;
  height: 60px;
  background: #e05206 url(images/sprite.png) -60px -620px no-repeat;
}

.mobilemenu .toggle-link-wrapper span {
  display: none;
}

.mobilemenu .tile-content {
  display: none;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}

.mobilemenu > .tile-content > ul {
  display: block;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 0, 0);
}

.mobilemenu > .tile-content > ul[data-activelevel="0"] {
  left: 0%;
}

.mobilemenu > .tile-content > ul[data-activelevel="1"] {
  left: -100%;
}

.mobilemenu > .tile-content > ul[data-activelevel="2"] {
  left: -200%;
}

.mobilemenu > .tile-content > ul[data-activelevel="3"] {
  left: -300%;
}

.mobilemenu > .tile-content > ul[data-activelevel="4"] {
  left: -400%;
}

.mobilemenu > .tile-content > ul[data-activelevel="5"] {
  left: -500%;
}

.mobilemenu > .tile-content > ul[data-activelevel="6"] {
  left: -600%;
}

.mobilemenu > .tile-content > ul[data-activelevel="7"] {
  left: -700%;
}

.mobilemenu > .tile-content > ul[data-activelevel="8"] {
  left: -800%;
}

.mobilemenu > .tile-content > ul[data-activelevel="9"] {
  left: -900%;
}

.mobilemenu > .tile-content ul {
  left: 100%;
}

.mobilemenu ul {
  display: none;
  position: absolute;
  top: 0;
  list-style-type: none;
  width: 100%;
  padding: 0;
  z-index: 11;
}

.mobilemenu li.current ul {
  display: block;
}

.mobilemenu ul.active {
  display: block;
}

.mobilemenu li {
  overflow: visible;
  margin-left: 10px;
  border-bottom: 1px solid #fff;
  background: #e05206;
}

.mobilemenu li:last-child {
  border-bottom: none;
}

.mobilemenu li a {
  color: #fff;
  font-size: 2.5rem;
  line-height: 3rem;
  text-decoration: none;
  display: block;
  padding: 15px 25px 20px 25px;
}

.mobilemenu li.has-submenu > a:after,
.mobilemenu li.overview > a:after {
  content: "";
  float: right;
}

.mobilemenu li.has-submenu > a:after {
  width: 24px;
  height: 25px;
  background: url(images/sprite.png) -120px -620px no-repeat;
}

.mobilemenu li.overview > a:after {
  margin-top: -3px;
  width: 30px;
  height: 30px;
  background: url(images/sprite.png) -200px -620px no-repeat;
}

.mobilemenu li.overview > a {
  padding-left: 25px;
}

.mobilemenu li.levelup > a {
  padding-left: 18px;
}

.mobilemenu li.levelup > a:before {
  content: "";
  width: 24px;
  height: 25px;
  float: left;
  margin-right: 22px;
  margin-top: -2px;
  background: url(images/sprite.png) -160px -620px no-repeat;
}

.mobilemenu ul ul li > a {
  padding-left: 45px;
}

.mobilemenu li .spinner {
  display: none;
}

.mobilemenu li.busy.has-submenu > a {
  background-image: none;
}

.mobilemenu li.busy .spinner {
  display: block;
  top: -14px;
  left: 413px;
}

/* Small search input - rwd-toggle style */
/* (styled in section placeholder top in mobile.css and inside media query (for tablet portrait) in default.css) */
/* The style for mobile and tablet is almost identical, so any changes done for this must be done two places
   The reason for this is small-searchinput should be styled in two different ways for desktop, one for ordinary display
   and one inside a breakpoint. Having it here in style.css will make them affect each other.*/
/* -- Debug info -- */
table.debuginfo {
  width: auto;
  margin-bottom: 10px;
}

table.debuginfo tr {
  background: #fff;
}

/** FAQ Tile From TORP.no */
.faq {
  margin-bottom: 3em;
}

.faq a {
  text-decoration: none;
}

.faq li > a > h2.report {
  font-size: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
}

.faq li > a > h2.report:after {
  content: "+";
  position: absolute;
  right: 0.6em;
  top: 32%;
  font-size: 1.6em;
}

.faq li.active > a > h2.report:after {
  content: "-";
  position: absolute;
  right: 0.6em;
  top: 24%;
  font-size: 1.9em;
}

#placeholder-content .faq .article-content .ctform table tbody tr:nth-child(even),
#placeholder-content .faq .article-content .ctform table tbody tr:nth-child(odd),
#placeholder-content .faq .article-content .ctform table tbody tr {
  background: #eee;
  /* This should match the color below! */
}

.faq li.active div.display-block {
  margin-bottom: 10px;
  background: #eee;
}

.faq ul > li {
  border-bottom: 0px solid #0E2D7A;
  -webkit-transition: width 1.2s, height 1.2s, -webkit-transform 1.2s;
  /* For Safari 3.1 to 6.0 */
  transition: width 1.2s, height 1.2s, transform 1.2s;
  background: #eee;
  margin-bottom: 10px;
  display: block;
}

.faq ul > li.active {
  border-bottom: 0;
}

.faq li div.faq-article {
  display: none;
  padding-top: 1em;
  padding-bottom: 2em;
}

.faq li div.faq-article .byline {
  display: none;
}

.faq li div.faq-article > div.full-articledisplay {
  font-size: 1em;
  padding: 30px;
  padding-top: 10px;
}

.faq li div.faq-article > div.full-articledisplay .digest p {
  line-height: 1.6em;
}

.faq li h2.report {
  color: #fff;
  padding: 6px 19px 6px 0.6em;
  padding-right: 2em;
  background: #39434d;
  cursor: pointer;
}

.faq li.active h2.report {
  background-repeat: no-repeat;
  background: #0E2D7A;
}

.faq article {
  padding-left: 0.6em;
  padding-right: 0.6em;
}

.faq article header h1 {
  display: none;
}

.faq article table thead {
  background: #39434d;
}
.faq article table thead th {
  color: #fff;
}

/** SCSS */
#sc-debug-container {
  min-height: 1em;
}
#sc-debug-container + #sc-debug-container {
  display: none;
}

/* -- Default channel specific style -- */
/* -------------------------------------------------------------------------- */
/* 1. General HTML elements                                                   */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* 2. Container/placeholder positioning                                       */
/* -------------------------------------------------------------------------- */
#main-content {
  margin-top: 20px;
}

#placeholder-left {
  clear: both;
  float: left;
  width: 32.1%;
  margin-right: 18px;
}

#placeholder-content {
  float: left;
  width: 32.1%;
}

#placeholder-content.no-left,
#placeholder-content.no-right {
  width: 66%;
}

#placeholder-content.no-right.no-left {
  width: 100%;
  max-width: 100%;
}

#placeholder-right {
  float: right;
  width: 32.1%;
}

#placeholder-bottom {
  overflow: hidden;
  clear: both;
}

#coretrek-footer {
  margin-top: 8px;
  margin-bottom: 30px;
  text-align: right;
}

/* Do not set overflow hidden on this element since it will break tiles with 
stretched background and tiles with shadows */
.inner-wrapper {
  max-width: 960px;
  margin: 0px auto;
  padding: 0px 30px 0px 30px;
}

/* -------------------------------------------------------------------------- */
/* 3. None tile spesific common styles                                        */
/* -------------------------------------------------------------------------- */
/* Form elements */
/* iframe */
/* Content link */
/* Tables */
/* Slick buttons */
button.slick-prev,
button.slick-next {
  height: 65px;
  width: 65px;
  min-width: 65px;
  margin: auto;
  top: 0;
  bottom: 0;
}

button.slick-prev::before,
button.slick-next::before {
  content: "";
}

button.slick-prev:hover,
button.slick-prev:focus,
button.slick-prev {
  left: 18px;
  background: url(images/sprite.png) no-repeat -240px 0px;
}

button.slick-next:hover,
button.slick-next:focus,
button.slick-next {
  right: 18px;
  background: url(images/sprite.png) no-repeat -320px 0px;
}

/* Colofon */
/* -- Placeholder top -- */
#placeholder-top .tile-common:not(.mobilemenu) li {
  display: inline;
}

/* -------------------------------------------------------------------------- */
/* 4. Common tile styling                                                     */
/* -------------------------------------------------------------------------- */
/*
   IMPORTANT INFO:
   What we do here is to set the style for the tile common classes. We do two
   things:

    1. Add border, header and other stuff to create "tile-look". In the default
       design, this layout is used in the left and right placeholders.
    2. Remove this layout for tiles in placeholder-top, placeholder-content,
       placeholder-content-no-right and placeholder-bottom. Tiles here are
       usually styled differently

    Since 2. overrides the default tile styles for the listed placeholder, you
    need to be equally specific when setting any of these styles.
*/
/* -- Across tiles and placeholders, and also some frontpage specific styling -- */
.toggle-link-wrapper {
  display: none;
}

/* -- Placeholder top -- */
/* -- Placeholder content -- */
#placeholder-content .tile-common {
  margin-bottom: 40px;
  overflow: hidden;
}

/* -- Placeholder left and right -- */
#placeholder-left h1,
#placeholder-right h1,
#placeholder-content:not(.no-right):not(.no-left) h1,
body.frontpage #placeholder-content.no-left.no-right .tile-common:not(.stretched-mode) h1,
#placeholder-left h3,
#placeholder-right h3,
#placeholder-content:not(.no-right):not(.no-left) h3,
body.frontpage #placeholder-content.no-left.no-right .tile-common:not(.stretched-mode) h3 {
  color: #fff;
  line-height: normal;
  font-size: 1.6rem;
  font-weight: normal;
  text-transform: uppercase;
  padding: 8px 18px 9px 18px;
  background: #555;
}

/* Shadow boxes (including special cases for frontpage) */
#placeholder-left .tile-common,
#placeholder-right .tile-common,
#placeholder-content:not(.no-right):not(.no-left) .tile-common,
body.frontpage #placeholder-content.no-left.no-right .tile-common:not(.stretched-mode) {
  margin-bottom: 40px;
  box-shadow: 2px 3px 7px 0px rgba(172, 171, 171, 0.5);
}

body.frontpage #placeholder-content.no-left.no-right .tile-common:not(.stretched-mode) {
  font-size: 1.4rem;
  float: left;
  margin-right: 1.875%;
  width: 32%;
  max-width: 308px;
}

body.frontpage #placeholder-content.no-left.no-right .tile-common:not(.stretched-mode):last-child {
  margin-right: 0px;
}

body.frontpage #placeholder-content.no-left.no-right .tile-common:not(.stretched-mode) {
  height: 360px;
  overflow: hidden;
}

#placeholder-left .tile-content,
#placeholder-right .tile-content,
#placeholder-content:not(.no-right):not(.no-left) .tile-content,
body.frontpage #placeholder-content.no-left.no-right .tile-content {
  padding: 9px 18px 18px 18px;
  overflow: hidden;
}

/*
   Tiles with stretched background, that are tiles where background stretches 
   outside placeholders inner wrapper 
*/
#placeholder-top .sitelocator,
#placeholder-top .standard-menu:not(.quick-mode),
#placeholder-top .mega-menu,
#container .tile-common.stretched-mode {
  clear: both;
  margin-left: -100%;
  margin-right: -100%;
}

#container #placeholder-content > .stretched-mode {
  margin-top: -20px;
  /* To override padding set on #main-content */
}

#placeholder-top .sitelocator .tile-content,
#placeholder-top .mega-menu .tile-content,
#placeholder-top .standard-menu:not(.quick-mode) .tile-content,
#container .tile-common.stretched-mode header,
#container .tile-common.stretched-mode .tile-content {
  max-width: 960px;
  margin: 0px auto;
}

/* But all tiles in the stretched top content placeholder should always have full width,
   which includes the tile content as well. Override. */
#container #placeholder-stretched-top-content .tile-common {
  margin: 0px;
}

#container #placeholder-stretched-top-content .tile-content {
  width: 100%;
}

/* -------------------------------------------------------------------------- */
/* 5. Styling for specific tiles and other components                         */
/* -------------------------------------------------------------------------- */
/* -- In all placeholders -- */
/* Some styling is given here to override global styling from above,
   and some styling for elements here are also overrided for certain placeholders
   below this section */
/* Full articledisplay */
.articledisplay h3 {
  margin-bottom: 5px;
}

.articledisplay .tile-content ul {
  padding-left: 20px;
}

.articledisplay .tile-content ol {
  padding-left: 38px;
}

/* Article display - blockquote */
.articledisplay blockquote {
  margin-left: 20px;
  margin-right: 20px;
}

/* Article display - stretched mode */
/* Article display - tags */
/* Article display - activity */
.articledisplay .calendar-date {
  padding: 5px 18px 7px 18px;
}

/* Article display - ctwebform */
/* Article display - slideshow */
.articledisplay .articleelement.gallery {
  width: 635px;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails {
  width: 582px;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper img {
  height: 82px;
  width: 149px;
}

.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper.slick-center img {
  height: 92px;
  width: 149px;
}

/* Article display - article inner grid */
/* (Only implemented for desktop) */
.articledisplay .article-inner-grid {
  overflow: hidden;
  width: 100%;
}

.articledisplay .article-inner-grid .grid-item {
  float: left;
  overflow: hidden;
  margin: 0px 0px 18px 18px;
}

.articledisplay .article-inner-grid.columns-2 .grid-item:nth-child(2n+1),
.articledisplay .article-inner-grid.columns-3 .grid-item:nth-child(3n+1),
.articledisplay .article-inner-grid.columns-4 .grid-item:nth-child(4n+1) {
  clear: left;
  margin-left: 0px;
}

.articledisplay .article-inner-grid .grid-item img {
  width: 100%;
  height: auto;
}

.articledisplay .article-inner-grid.columns-2 .grid-item {
  width: calc((100% - 18px*1)/2);
}

.articledisplay .article-inner-grid.columns-3 .grid-item {
  width: calc((100% - 18px*2)/3);
}

.articledisplay .article-inner-grid.columns-4 .grid-item {
  width: calc((100% - 18px*3)/4);
}

/* User display */
/* Full list, common list class for tiles like articlelist, searchresult and userlist */
.full-list .thumbnail {
  margin-right: 18px;
}

/* Article list - faq articles*/
.articlelist article.faq h3 {
  padding: 9px 18px 10px 18px;
}

.articlelist article.faq .answer-wrapper {
  padding: 3px 18px 13px 18px;
}

/* Search result */
/* User list */
/* User list - search fields */
#placeholder-left .userlist .search-fields input[type=text],
#placeholder-right .userlist .search-fields input[type=text],
#placeholder-content:not(.no-right):not(.no-left) .userlist .search-fields input[type=text] {
  width: 159px;
}

.userlist .search-fields select {
  width: 196px;
  min-width: 189px;
  height: 3.5rem;
}

.userlist .search-fields .searchfield + select {
  margin-top: 18px;
}

#placeholder-left .userlist .search-fields select,
#placeholder-right .userlist .search-fields select,
#placeholder-content:not(.no-right):not(.no-left) .userlist .search-fields select {
  margin-top: 18px;
  width: 100%;
}

.userlist .search-fields select.department {
  margin-right: 30px;
}

/* User list - list layout */
.userlist .list-layout .photo {
  float: left;
  margin-right: 40px;
}

#placeholder-left .userlist .list-layout .photo,
#placeholder-right .userlist .list-layout .photo,
#placeholder-content:not(.no-right):not(.no-left) .userlist .list-layout .photo {
  margin-right: 10px;
}

#placeholder-left .userlist .list-layout .properties,
#placeholder-right .userlist .list-layout .properties,
#placeholder-content:not(.no-right):not(.no-left) .userlist .list-layout .properties {
  width: 160px;
}

/* User list - table layout */
/* Monthly activity list */
/* Page navigator (used in e.g. full article/activity list and search result) */
/* Small lists, common list class for tiles like e.g. small articlelist, activitylist, rsslist */
#container #main-content .small-list h3 {
  margin: 0px 18px;
  padding: 6px 0px 3px 0px;
}

#container #placeholder-content.no-right .small-list h3,
#container #placeholder-content.no-left .small-list h3,
#container #placeholder-content.no-right.no-left .small-list h3 {
  margin: 0px 0px 18px 0px;
}

body.frontpage #container #placeholder-content.no-right.no-left .small-list h3 {
  margin: 0px 18px;
}

/* Small article list*/
/* Activity list */
.activity-list .location,
.activity-list a span.header {
  width: 18.2rem;
}

/* News archive */
/* Small articledisplay */
/* Small articledisplay - secondary design (without e.g. paddings and shadow) */
/* Small articledisplay - clickable design (with thumbnail and clickable content ) */
#container #main-content .small-articledisplay.clickable h3 {
  height: 5.8rem;
  overflow: hidden;
  line-height: 2.8rem;
}

/* Article elements tile */
/* Side menu (some specific styling for expanding-mode and full-expanding-mode is set inside here) */
/* (Only implemented for desktop) */
#container #main-content .side-menu {
  box-shadow: none;
}

#container .side-menu .tile-content {
  padding-top: 12px;
  padding: 0px;
}

#container #main-content .side-menu h3 {
  font-size: 1.8rem;
  color: #555;
  padding-bottom: 5px;
  margin-bottom: 12px;
  border-bottom: 3px solid #555;
  background: none;
}

#container .side-menu li {
  margin: 0px;
}

.side-menu a,
.side-menu li.active span {
  text-decoration: none;
  font-size: 1.8rem;
  color: #040404;
  display: block;
  padding: 7px 0px 8px 18px;
  border-bottom: 1px solid #c4c4c4;
}

.side-menu .tile-content > ul > li.active.expanded + li a,
.side-menu .tile-content > ul > li.sub-active.expanded + li a {
  border-top: 1px solid #c4c4c4;
}

.side-menu .tile-content > ul > li.active > a,
.side-menu .tile-content > ul > li.sub-active > a,
.side-menu .tile-content > ul > li.active > span,
.side-menu .tile-content > ul > li.sub-active > span {
  color: #fff;
  background: #e05206;
}

.side-menu li.last span,
.side-menu li.last a {
  border: none;
}

.side-menu li li a,
.side-menu li li.active span {
  border: none;
  font-size: 1.6rem;
  padding-left: 0px;
}

.side-menu ul ul {
  padding-left: 27px;
}

.side-menu .tile-content > ul > li.expanded > ul {
  background: #eaeaea;
}

.side-menu ul ul ul {
  padding-left: 9px;
}

.side-menu li li.active > a,
.side-menu li li.active > span {
  color: #e05206;
}

/* Side menu - expanding mode */
.side-menu.expanding-mode li a,
.side-menu.expanding-mode li span {
  position: relative;
  padding-right: 12px;
}

.side-menu.expanding-mode li.collapsed > a:after,
.side-menu.expanding-mode li.expanded > a:after,
.side-menu.expanding-mode li.expanded > span:after {
  font-size: 2.8rem;
  position: absolute;
  top: 6px;
}

.side-menu.expanding-mode li.collapsed > a:after {
  color: #040404;
}

.side-menu.expanding-mode li.collapsed > a:after {
  content: "+";
  right: 9px;
}

.side-menu.expanding-mode li.expanded > a:after,
.side-menu.expanding-mode li.expanded > span:after {
  content: "-";
  right: 12px;
}

/* Side menu - fully expanded mode */
#container .side-menu.fully-expanded-mode a,
#container .side-menu.fully-expanded-mode span {
  border: none;
}

#container .side-menu.fully-expanded-mode .tile-content > ul > li > a,
#container .side-menu.fully-expanded-mode .tile-content > ul > li > span {
  border-top: 1px solid #c4c4c4;
}

#container .side-menu.fully-expanded-mode .tile-content > ul > li:not(.leaf) > a {
  border-bottom: 1px solid #c4c4c4;
}

#container .side-menu.fully-expanded-mode .tile-content > ul > li:first-child > a {
  border-top: none;
}

/* Search - simple search (all searchfields with only one input field and submit button, e.g. small searchinput, userlist search)*/
.simple-search input[type=text] {
  height: 3rem;
  line-height: 3rem;
}

/* Link toolbar */
/* The link toolbar styling for placeholder top and bottom extends some of the css given here. */
/* Suggestion form */
.linktoolbar .suggestionform.visible {
  position: absolute;
  top: 65px;
  left: -20px;
  height: 345px;
}

.linktoolbar .suggestionform.visible.above {
  top: -380px;
}

.linktoolbar .suggestionform.visible.above.success {
  top: -103px;
}

.linktoolbar .suggestionform .error {
  width: 210px;
  float: right;
}

/* Login form */
#placeholder-left .login-form input:not([type=submit]),
#placeholder-right .login-form input:not([type=submit]),
#placeholder-content:not(.no-right):not(.no-left) .login-form input:not([type=submit]) {
  width: 149px;
}

#placeholder-left .login-form a.button,
#placeholder-right .login-form a.button,
#placeholder-content:not(.no-right):not(.no-left) a.button,
#placeholder-left .login-form input[type=submit],
#placeholder-right .login-form input[type=submit],
#placeholder-content:not(.no-right):not(.no-left) .login-form input[type=submit] {
  min-width: 80px;
}

/* User bar */
.userbar {
  padding: 3px 0px 7px 0px;
}

/* Billboard tile, default styling */
/* (No common styling with mobile exists except slick dots and slider styling. Changes that should be affected
   in mobile as well must also be implemented in the mobile.css file) */
#container .billboard.stretched-mode {
  overflow: hidden;
  background: #d7d7d7;
}

#container #placeholder-content .billboard .tile-content {
  padding: 0px;
}

.billboard .article-wrapper {
  position: relative;
  height: 350px;
}

.billboard article.veil .article-content {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  font-size: 1.6rem;
  background: rgba(112, 112, 112, 0.8);
  height: 90px;
}

.billboard article.veil h1 {
  font-size: 2.8rem;
  line-height: 1.2em;
  font-weight: normal;
  margin-bottom: 5px;
}

.billboard article.veil p {
  margin: 0px;
}

.billboard article.veil .digest {
  font-size: 1.8rem;
  line-height: 1.23em;
}

.billboard .article-content a {
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 9px 46px 18px 46px;
}

/* Billboard with full width styling,
   This the one placed in the wrapper placeholder-stretched-top-content
   Overrides some style from the default billboard styling
*/
#placeholder-stretched-top-content .billboard img {
  width: 100%;
  height: auto;
  overflow: hidden;
}

#placeholder-stretched-top-content .billboard article.veil {
  max-width: 960px;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

#placeholder-stretched-top-content .billboard article.veil .article-content {
  margin: 32px 0px 32px 0px;
  width: 336px;
  height: auto;
  top: 0;
  bottom: 0;
  left: 42px;
  color: #1d1d1d;
  padding: 9px 18px 18px 18px;
  background: #fff;
  opacity: 0.8;
}

#placeholder-stretched-top-content .billboard article.veil .article-content a {
  color: #1d1d1d;
  padding: 0px;
}

#placeholder-stretched-top-content .billboard article.veil .article-content h1 {
  margin-bottom: 10px;
}

#placeholder-stretched-top-content .billboard ul.slick-dots {
  text-align: right;
  max-width: 960px;
  bottom: 18px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

/* slick dots, used in billboard */
/* (Only implemented for desktop) */
.billboard ul.slick-dots {
  right: 18px;
  top: 10px;
  width: auto;
  height: 25px;
}

.billboard ul.slick-dots li button {
  width: 18px;
  min-width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-radius: 10px;
  background: #ccc;
}

.billboard ul.slick-dots li button:before {
  content: none;
}

.billboard ul.slick-dots li.slick-active button {
  border-color: #e05206;
  background: #e05206;
}

/* slick slider, used in billboard */
/* File list */
/* Site map */
/* Article rating */
/* Article rating - star rating */
/* Article rating - agreedisagree rating */
/* Article rating - recommend rating */
/* Entity comment */
/* Entity comment - comments */
/* Entity comments - single thread */
/* Entity comment - form */
.entitycomment-form .ctcaptchatextual input {
  width: 304px;
}

/* Entity comment answer form */
/* Advanced search */
/* (Only implemented for desktop) */
.advanced-searchinput .searchfield input[type=text] {
  float: left;
  height: 3rem;
  line-height: 3rem;
  padding: 0 15px;
  border-color: #e05206;
}

.advanced-searchinput .searchfield button {
  min-width: 80px;
}

.advanced-searchinput .searchstring em {
  color: #e05206;
}

.advanced-searchinput ul.tabs {
  overflow: hidden;
  margin-top: 10px;
}

.advanced-searchinput ul.tabs li {
  float: left;
  border: 1px solid #747372;
  background: #eee;
}

.advanced-searchinput ul.tabs li.active {
  border-bottom: 1px solid #fff;
  background: #fff;
}

.advanced-searchinput ul.tabs li:not(:last-child) {
  margin-right: 5px;
}

.advanced-searchinput ul.tabs li a {
  color: #444;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.3rem;
  text-align: center;
  display: block;
  line-height: 2.7rem;
  heigth: 2.7rem;
  width: 120px;
  padding: 0px 0px 0px 0px;
}

.advanced-searchinput .pane:not(.active) {
  display: none;
}

.advanced-searchinput .pane.active {
  font-size: 1.4rem;
  margin-top: -1px;
  padding: 5px 18px 5px 18px;
  border: 1px solid #747372;
}

.advanced-searchinput .pane select {
  width: 100%;
}

.advanced-searchinput .pane.summary span.remove-parameter-link {
  margin-left: 10px;
}

.advanced-searchinput .pane.summary span.summarycriteria-item {
  display: inline-block;
  margin-right: 5px;
}

.advanced-searchinput .pane.dates label {
  display: block;
}

/* Calendar */
.calendar header .month-year-header {
  width: 244px;
}

/* Datepicker */
/* (Only implemented for desktop) */
a.datepicker-select {
  display: inline-block;
  margin-left: 10px;
  width: 18px;
  height: 26px;
  vertical-align: middle;
  background: url(images/sprite.png) -140px 0px no-repeat;
}

a.datepicker-select.active {
  position: relative;
  z-index: 2;
}

a.datepicker-select span {
  display: none;
}

.datepicker {
  display: none;
}

.datepicker.active {
  display: block;
}

.datepicker .calendar {
  font-size: 1.6rem;
  width: 308px;
  box-shadow: 2px 3px 7px 0px rgba(172, 171, 171, 0.5);
}

.datepicker .calendar .title {
  height: 4rem;
  line-height: 4rem;
  padding: 0px 18px 0px 40px;
  text-transform: uppercase;
  color: #fff;
  background: #555;
}

.datepicker .calendar .content {
  margin: 6px 18px 9px 18px;
}

.datepicker .calendar header .month-year-header {
  line-height: 2.7rem;
}

.datepicker .calendar header span.pageLink {
  margin-bottom: 5px;
  display: block;
}

.datepicker .calendar table td span {
  cursor: pointer;
}

/* Tooltip */
/* -- Placeholder top -- */
/* Logo tile */
#placeholder-top .logo-tile {
  float: left;
  margin-top: 7px;
  margin-bottom: 3px;
}

/* Language selector */
#placeholder-top .language-selector {
  float: right;
  margin-top: 5px;
}

#placeholder-top .language-selector li {
  margin-left: 15px;
}

#placeholder-top .language-selector a {
  color: #ffffff;
  font-size: 1.4rem;
  text-decoration: none;
}

/* Link toolbar - font size */
/* This styling extends some styling written above for linktoolbar */
#placeholder-top .linktoolbar {
  float: right;
  margin-top: 5px;
}

#placeholder-top .linktoolbar ul,
#placeholder-top .linktoolbar li {
  float: none;
}

#placeholder-top .linktoolbar a.font_size_link {
  width: auto;
  height: auto;
  padding: 0px;
  font-size: 1.4rem;
  background: none;
}

#placeholder-top .linktoolbar a.font_size_link span {
  color: #fff;
}

#placeholder-top .linktoolbar .links a.font_size_link:hover .font-size-box {
  top: 35px;
  left: -100px;
}

/* Small search input */
#placeholder-top .small-searchinput {
  clear: right;
  float: right;
  margin-top: 30px;
  margin-bottom: 12px;
}

#placeholder-top .simple-search input[type=text] {
  width: 177px;
  color: #444343;
  height: 3.2rem;
  line-height: 3.2rem;
  border: none;
  background: #ccc;
}

/* Standard menu - single mode */
#placeholder-top .standard-menu.quick-mode {
  float: right;
  margin-top: 5px;
}

#placeholder-top .standard-menu.quick-mode li {
  margin-left: 15px;
}

#placeholder-top .standard-menu.quick-mode span,
#placeholder-top .standard-menu.quick-mode a {
  color: #fff;
  text-decoration: none;
  font-size: 1.4rem;
}

#placeholder-top .standard-menu.quick-mode a:hover,
#placeholder-top .standard-menu.quick-mode li.active a,
#placeholder-top .standard-menu.quick-mode li.active span {
  padding-bottom: 2px;
  border-bottom: 6px solid #e05206;
  transition: all 0.25s ease 0s;
}

/* Mega menu */
/* (Only implemented for desktop) */
#placeholder-top .mega-menu {
  clear: both;
  background: #e1e1e1;
  position: relative;
}

#placeholder-top .mega-menu .tile-content {
  position: relative;
}

#placeholder-top .mega-menu.open:after {
  content: "";
  width: 100%;
  height: 2000px;
  z-index: 1;
  position: absolute;
  top: 42px;
  left: 0;
  background: #555;
  opacity: 0.5;
}

#placeholder-top .mega-menu a {
  text-decoration: none;
}

#placeholder-top .mega-menu li,
#placeholder-top .mega-menu li a {
  color: #000;
}

#placeholder-top .mega-menu .tile-content > ul > li {
  font-size: 1.8rem;
  height: 4.3rem;
  line-height: 4.3rem;
}

#placeholder-top .mega-menu .tile-content > ul > li:before {
  content: "|";
  color: #fff;
  display: inline-block;
  width: 28px;
  text-align: center;
}

#placeholder-top .mega-menu .tile-content > ul > li:first-child:before {
  display: none;
}

#placeholder-top .mega-menu .tile-content > ul > li > a:hover,
#placeholder-top .mega-menu .tile-content > ul > li.active > a,
#placeholder-top .mega-menu .tile-content > ul > li.main-active > a,
#placeholder-top .mega-menu .tile-content > ul > li.sub-active > a,
#placeholder-top .mega-menu .tile-content > ul > li.active > span,
#placeholder-top .mega-menu .tile-content > ul > li.main-active > span,
#placeholder-top .mega-menu .tile-content > ul > li.sub-active > span {
  padding-bottom: 2px;
  border-bottom: 6px solid #e05206;
  transition: all 0.25s ease 0s;
}

#placeholder-top .mega-menu .tile-content > ul > li > .level-content {
  display: none;
}

#placeholder-top .mega-menu .tile-content > ul > li.visible > .level-content {
  display: block;
  position: absolute;
  left: 11px;
  top: 4.2rem;
  z-index: 2;
  box-sizing: border-box;
  padding: 23px 0px 0px 25px;
  width: 100%;
  max-width: 938px;
  margin: 0px auto;
  border-top: 1px solid #e05206;
  background: #eee;
}

#placeholder-top .mega-menu li .level-content ul li {
  display: list-item;
  line-height: normal;
}

#placeholder-top .mega-menu li .level-content h1 {
  font-weight: normal;
  font-size: 3.4rem;
  margin-bottom: 20px;
}

#placeholder-top .mega-menu li .level-content a:hover {
  text-decoration: underline;
}

#placeholder-top .mega-menu .tile-content > ul > li .content-bottom {
  display: block;
  height: 16px;
  width: 938px;
  position: absolute;
  bottom: -16px;
  left: 0px;
  background: #e05206;
}

#placeholder-top .mega-menu .tile-content > ul > li .content-bottom:after {
  content: "";
  display: block;
  margin: auto;
  padding-top: 5px;
  width: 0;
  height: 0;
  /* Making it a white triangle */
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
}

#placeholder-top .mega-menu .tile-content > ul > li > .level-content > ul > li > a,
#placeholder-top .mega-menu .tile-content > ul > li > .level-content > ul > li > span {
  font-weight: bold;
}

/* Double mode */
#placeholder-top .mega-menu.double-mode li section {
  float: left;
  width: 41%;
  box-sizing: border-box;
  padding-right: 60px;
}

#placeholder-top .mega-menu.double-mode li section p {
  line-height: 2.5rem;
  font-size: 1.6rem;
}

#placeholder-top .mega-menu.double-mode .tile-content > ul > li.visible > .level-content {
  padding-bottom: 25px;
}

#placeholder-top .mega-menu.double-mode li .sub-menu {
  width: 59%;
  overflow: hidden;
}

#placeholder-top .mega-menu.double-mode li ul {
  float: left;
  margin-top: 69px;
  width: 50%;
}

#placeholder-top .mega-menu.double-mode li ul:nth-child(odd) {
  clear: left;
}

#placeholder-top .mega-menu.double-mode li ul li.single-slot:first-child {
  margin-top: 10px;
}

#placeholder-top .mega-menu.double-mode li ul li.single-slot {
  margin-bottom: 2px;
}

#placeholder-top .mega-menu.double-mode li a img,
#placeholder-top .mega-menu.double-mode li span img {
  vertical-align: middle;
  margin: 4px 13px 3px 0px;
}

/* Trible mode */
#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul {
  float: left;
  clear: both;
}

#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul > li {
  float: left;
  box-sizing: border-box;
  margin-bottom: 25px;
  margin-left: 5px;
}

#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul > li.clear {
  clear: left;
}

#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul > li.leaf,
#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul > li ul {
  width: 177px;
}

#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul > li ul {
  box-sizing: border-box;
  float: left;
  padding-right: 20px;
  margin-left: 5px;
}

#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul > li ul:first-child {
  margin-left: 0px;
}

#placeholder-top .mega-menu.triple-mode .tile-content > ul > li > .level-content > ul > li li {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 6px;
}

/* Standard menu - first, common style single and double mode (that is, not quick-mode) */
#placeholder-top .standard-menu:not(.quick-mode) {
  clear: both;
  position: relative;
  background: #d7d7d7;
}

#placeholder-top .standard-menu:not(.quick-mode):before {
  content: "";
  width: 100%;
  height: 4.3rem;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: #e1e1e1;
}

#placeholder-top .standard-menu:not(.quick-mode) .tile-content {
  overflow: hidden;
  position: relative;
  z-index: 2;
}

#placeholder-top .standard-menu:not(.quick-mode) a {
  text-decoration: none;
}

#placeholder-top .standard-menu:not(.quick-mode) a:hover,
#placeholder-top .standard-menu:not(.quick-mode) li.active > a,
#placeholder-top .standard-menu:not(.quick-mode) li.main-active > a,
#placeholder-top .standard-menu:not(.quick-mode) li.sub-active > a,
#placeholder-top .standard-menu:not(.quick-mode) li.active > span,
#placeholder-top .standard-menu:not(.quick-mode) li.main-active > span,
#placeholder-top .standard-menu:not(.quick-mode) li.sub-active > span {
  padding-bottom: 2px;
  border-bottom: 6px solid #e05206;
  transition: all 0.25s ease 0s;
}

#placeholder-top .standard-menu:not(.quick-mode) li,
#placeholder-top .standard-menu:not(.quick-mode) li a {
  color: #000;
}

#placeholder-top .standard-menu:not(.quick-mode) ul li {
  font-size: 1.8rem;
  height: 4.3rem;
  line-height: 4.3rem;
  float: left;
}

#placeholder-top .standard-menu:not(.quick-mode) ul li:before {
  content: "|";
  color: #fff;
  display: inline-block;
  width: 28px;
  text-align: center;
}

#placeholder-top .standard-menu:not(.quick-mode) ul li.first:before {
  display: none;
}

/* Standard menu - only double mode where second level is styled */
#placeholder-top .standard-menu.double-mode ul li.expanded li {
  font-size: 1.4rem;
  margin-right: 20px;
  height: 3.9rem;
  line-height: 3.9rem;
}

#placeholder-top .standard-menu.double-mode ul li li.last {
  margin-right: 0px;
}

#placeholder-top .standard-menu.double-mode ul li.expanded {
  height: 8.5rem;
}

#placeholder-top .standard-menu.double-mode ul li.expanded li:before {
  display: none;
}

#placeholder-top .standard-menu.double-mode ul li.expanded ul {
  position: absolute;
  left: 0;
  bottom: 0px;
  background: #d7d7d7;
}

#placeholder-top .standard-menu.double-mode .tile-content > ul > li.expanded > a,
#placeholder-top .standard-menu.double-mode .tile-content > ul > li.expanded > span {
  border: none;
  position: relative;
}

#placeholder-top .standard-menu.double-mode ul li.expanded:not(.leaf) > a:after,
#placeholder-top .standard-menu.double-mode ul li.expanded:not(.leaf) > span:after {
  content: "";
  height: 0px;
  width: 0px;
  display: block;
  position: absolute;
  top: 2.8rem;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  /* Making this a triangle marker */
  border-bottom: 0.9rem solid #d7d7d7;
  border-left: 0.9rem solid transparent;
  border-right: 0.9rem solid transparent;
}

/* Site locator */
#placeholder-top .sitelocator {
  font-size: 1.3rem;
  clear: both;
  padding-top: 20px;
  background: #fff;
}

#placeholder-top .sitelocator .prefix,
#placeholder-top .sitelocator ul {
  display: inline;
}

#placeholder-top .sitelocator a {
  text-decoration: none;
}

#placeholder-top .sitelocator a:hover {
  text-decoration: underline;
}

#placeholder-top .sitelocator li:after {
  content: "/";
  width: 18px;
  text-align: center;
  display: inline-block;
}

#placeholder-top .sitelocator li:last-child:after {
  display: none;
}

/* Mobile menu */
/* (Mobile menu should be visible in portrait tablet, hiding it to start with)*/
.mobilemenu {
  display: none;
}

/* -- Placeholder bottom -- */
/* Link toolbar */
/* This styling extends some styling written above for linktoolbar */
#placeholder-bottom .linktoolbar {
  clear: right;
  float: right;
  margin-bottom: 25px;
}

/* Article display */
#placeholder-bottom .stretched-mode,
#placeholder-bottom .articledisplay {
  margin-top: -25px;
  /* to override padding set on placeholder bottom */
  margin-bottom: 25px;
}

/* Small article display */
#placeholder-bottom .small-articledisplay {
  float: left;
  margin-right: 11%;
}

/* Main menu */
#placeholder-bottom .standard-menu {
  float: left;
  margin-right: 6%;
}

#placeholder-bottom .standard-menu a {
  text-decoration: none;
}

/* Newsletter form */
#placeholder-bottom .newsletter-form {
  clear: right;
  float: right;
  margin-bottom: 15px;
}

/* --  Lightbox  -- */
/* (Only implemented for desktop) */
#lightbox-overlay {
  z-index: 999;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#lightbox {
  overflow: auto;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}

#lightbox-container {
  z-index: 1000;
  position: relative;
  margin: auto;
}

#lightbox-spinner {
  background: url(images/spinner-large.gif) no-repeat center center;
}

#lightbox-container {
  padding: 0;
  top: 25px;
}

#lightbox-close-container {
  z-index: 1000;
  position: absolute;
  right: 0;
  top: 0px;
}

#lightbox-close span {
  display: none;
}

#lightbox-close {
  display: block;
  width: 30px;
  height: 30px;
  margin: 3px 12px 0 0;
}

#lightbox-start {
  height: 26px;
  background: url(images/lightbox/start-center.png) repeat-x;
  position: relative;
  margin: 0 51px 0 39px;
}

#lightbox-start div.left {
  background: url(images/lightbox/start-left.png) no-repeat;
  position: absolute;
  left: -38px;
  top: 0px;
  bottom: -6px;
  width: 38px;
}

#lightbox-start div.right {
  z-index: 100;
  background: url(images/lightbox/start-right.png) no-repeat;
  position: absolute;
  right: -50px;
  top: 0px;
  bottom: -24px;
  width: 50px;
}

#lightbox-outer-content {
  border: 1px solid #fff;
  padding: 0 10px 0 10px;
  background: #fff;
  position: relative;
  margin: 0 26px 0 14px;
}

#lightbox-content {
  font-size: 1.6rem;
}

#lightbox-content-left {
  background: url(images/lightbox/content-left.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 32px;
  bottom: 34px;
  width: 14px;
}

#lightbox-content-right {
  background: url(images/lightbox/content-right.png) repeat-y;
  position: absolute;
  right: 12px;
  top: 50px;
  bottom: 34px;
  width: 14px;
}

#lightbox-end {
  height: 34px;
  background: url(images/lightbox/end-center.png) repeat-x;
  position: relative;
  margin: 0 50px 0 38px;
}

#lightbox-end div.left {
  background: url(images/lightbox/end-left.png) no-repeat;
  position: absolute;
  left: -38px;
  top: 0px;
  bottom: 0px;
  width: 38px;
}

#lightbox-end div.right {
  background: url(images/lightbox/end-right.png) no-repeat;
  position: absolute;
  right: -38px;
  top: 0px;
  bottom: 0px;
  width: 38px;
}

#lightbox .tile-common {
  border: 0px;
}

#lightbox-placeholder-content {
  overflow: hidden;
  width: 750px;
}

/* -- Direct Edit -- */
.text-center,
.text-align-center {
  text-align: center;
}

.center {
  margin: 0 auto;
}

.vertical-align-middle {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.vertical-align-top {
  vertical-align: top;
}

.relative {
  position: relative;
}

.uppercase {
  text-transform: uppercase;
}

.fullwidth {
  width: 100%;
}

.no-float {
  float: none;
}

.no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.left {
  float: left;
}

.right {
  float: right;
}

.mobile .mobile-no-float {
  float: none;
}
.mobile .hide-on-mobile {
  display: none;
}

.hide {
  display: none;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.clearfix {
  clear: both;
}

.invisible {
  opacity: 0;
}

/** SCSS */
/** These two rules effectivly overrides the responsive break points **/
#container {
  min-width: 1050px;
}

#container .inner-wrapper {
  min-width: 960px;
}

#main-content {
  padding-top: 1.5em;
}

.frontpage #main-content {
  padding-top: 0;
}

/** Override responsive */
#placeholder-top {
  background-color: #fff;
  box-shadow: 0px 0px 6px #898989;
}
#placeholder-top .search-top-wrapper {
  display: block;
  text-align: right;
  width: 100%;
  background-color: #0e2d7a;
  color: #fff;
}
#placeholder-top .search-top-wrapper .tool-wrapper {
  height: 35px;
  overflow: hidden;
}
#placeholder-top.sticky {
  position: fixed;
  z-index: 999;
}
#placeholder-top.sticky + #main-content {
  margin-top: 135px;
}
#placeholder-top.sticky:not(.on-top) {
  border-top: 0.5px solid rgba(238, 238, 238, 0.51);
}

#placeholder-stretched-content {
  clear: both;
}

#placeholder-bottom {
  background-color: #d6d8dd;
  color: #000;
}
#placeholder-bottom a {
  text-decoration: none;
}
#placeholder-bottom a:hover {
  text-decoration: underline;
}

#placeholder-right h3 {
  background: #0e2d7a;
}

/** SCSS */
/** Image description / title text */
article.full-view.articledisplay span.img-title {
  line-height: 1.5em;
  font-size: 0.9em;
  font-style: italic;
  clear: both;
}
article.full-view.articledisplay div.img-container-left span.img-title {
  margin-left: 0px;
}
article.full-view.articledisplay div.img-container-right span.img-title {
  margin-left: -25px;
  text-align: center;
}
article.full-view.articledisplay div.img-container-right {
  float: right;
  padding-left: 20px;
}
article.full-view.articledisplay div.img-container-right span.img-title {
  float: left;
  margin-left: 3px;
}
article.full-view.articledisplay div.img-container-left {
  float: left;
  padding-right: 20px;
}
article.full-view.articledisplay div.img-container-left span.img-title {
  float: left;
}
article.full-view.articledisplay div.img-container-undefined {
  display: inline-block;
}
article.full-view.articledisplay div.img-container-undefined span.img-title {
  margin-top: -10px;
}
article.full-view.articledisplay .cp-mmarchive-image-right {
  padding-left: 1.5em;
}
article.full-view.articledisplay .cp-mmarchive-image-left,
article.full-view.articledisplay .cp-mmarchive-image-default {
  padding-right: 1.5em;
}
article.full-view.articledisplay .cp-mmarchive-image-right,
article.full-view.articledisplay .cp-mmarchive-image-left,
article.full-view.articledisplay .cp-mmarchive-image-default {
  padding-top: 1em;
  padding-bottom: 1em;
}
article.full-view.articledisplay div.img-container {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
article.full-view.articledisplay div.img-container .cp-mmarchive-image-right,
article.full-view.articledisplay div.img-container .cp-mmarchive-image-left,
article.full-view.articledisplay div.img-container .cp-mmarchive-image-default {
  padding-top: 0;
  padding-bottom: 0;
}

article.full-view .contact_information > div {
  margin-bottom: 1em;
}

body #container #placeholder-stretched-top-content .billboard {
  overflow: hidden;
}
@media (max-width: 1280px) {
  body #container #placeholder-stretched-top-content .billboard {
    height: 250px !important;
  }
}
body #container #placeholder-stretched-top-content .billboard .article-wrapper {
  height: 450px;
}
body #container #placeholder-stretched-top-content .billboard .inner-text {
  position: relative;
  width: 100%;
  bottom: 100px;
  background: none repeat scroll 0% 0% rgba(57, 57, 57, 0.59);
  height: 100px;
}
@media (max-width: 1280px) {
  body #container #placeholder-stretched-top-content .billboard .inner-text {
    bottom: 50px;
    background: none repeat scroll 0% 0% rgba(57, 57, 57, 0.59);
    height: 50px;
  }
  body #container #placeholder-stretched-top-content .billboard .inner-text .digest {
    display: none;
  }
}
body #container #placeholder-stretched-top-content .billboard .content {
  width: 810px;
}
body #container #placeholder-stretched-top-content .billboard .veil {
  width: 100%;
  max-width: 960px;
  margin: 0px auto;
  opacity: 1;
  height: 100%;
  position: relative;
  color: #fff;
}
body #container #placeholder-stretched-top-content .billboard .veil a {
  max-width: 960px;
  margin: 0 auto;
  display: block;
  text-decoration: none;
}
body #container #placeholder-stretched-top-content .billboard .veil a:hover h1 {
  text-decoration: underline;
}
body #container #placeholder-stretched-top-content .billboard .veil h1 {
  line-height: 1.8em;
  font-size: 1.65em;
  margin-bottom: 0;
}
body #container #placeholder-stretched-top-content .billboard .veil .digest p {
  font-size: 0.9em;
}
body #container #placeholder-stretched-top-content .billboard .veil .article-content {
  width: 100%;
  height: 100px;
  position: static;
  display: block;
  top: none;
  bottom: none;
  left: none;
  padding: 0;
  margin: 0;
}
body #container #placeholder-stretched-top-content .billboard .veil .article-content h1 {
  margin-bottom: 0;
}
body #container #placeholder-stretched-top-content .billboard .veil .article-content a {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -0.4em;
}
body #container #placeholder-stretched-top-content .billboard .slick-dots-inner {
  position: relative;
  width: 100%;
  bottom: 150px;
  max-width: 960px;
  margin: 0px auto;
}
@media (max-width: 1280px) {
  body #container #placeholder-stretched-top-content .billboard .slick-dots-inner {
    bottom: 93px;
  }
}
body #container #placeholder-stretched-top-content .billboard .slick-dots-inner button {
  display: none;
}

#container .billboard.stretched-mode .tile-content {
  max-width: none;
}

#container #placeholder-stretched-top-content .tile-content {
  height: 450px;
  overflow: hidden;
}
@media (max-width: 1280px) {
  #container #placeholder-stretched-top-content .tile-content {
    height: auto;
  }
}

#placeholder-stretched-top-content .billboard img {
  margin: 0px auto;
  position: relative;
  transform: translate(-50%, 0px);
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  left: 50%;
  min-height: 450px;
}

body #container {
  /** Billboard */
}
body #container .billboard {
  height: 450px !important;
}
body #container .billboard .content {
  padding-bottom: 1px;
}
body #container .frontpage .billboard ul.links {
  bottom: 0px;
  position: absolute;
  right: 0px;
  font-size: 12px;
  width: 100%;
  height: 39px;
  background: #4d4d4f;
}
body #container .frontpage .billboard ul.links a {
  float: right;
  margin-right: 5px;
  margin-top: 6px;
  text-align: center;
  height: auto;
  padding-top: 7px;
  padding-bottom: 7px;
}
body #container .billboard .waiting-for-image {
  visibility: hidden;
}
body #container .billboard .background-image {
  max-height: 450px;
  overflow: hidden;
}
body #container .billboard .background-image img {
  margin: 0px auto;
  /** Follow screen width. */
  min-width: 100% !important;
  /* Not important, its just to override slick, but its important that we do that. */
  width: 1920px !important;
  /** Center the middle of the image on the middle of the screen */
  transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  -webkit-transform: translate(-50%, 0px);
  left: 50%;
  position: relative;
  min-height: 450px;
}
@media (max-width: 1280px) {
  body #container .billboard .background-image img {
    width: 150% !important;
    max-height: 250px !important;
    height: auto !important;
    min-height: 0;
    max-width: 100%;
  }
}
body #container .billboard .slick-dots {
  width: auto;
  bottom: 30px;
  position: relative;
}
body #container .billboard .slick-dots-inner .block {
  float: right;
}
body #container .billboard .slick-slider {
  margin-bottom: 0px;
}
body #container .billboard .slick-dots li {
  width: 14px;
  height: 14px;
  margin: 0 6px;
  background: #dcdcdc;
  border-radius: 10px;
  border: 2px solid #f6f6f5;
}
body #container .billboard .slick-dots li button {
  background: transparent;
  color: transparent;
}
body #container .billboard .slick-dots li.slick-active {
  background: #626262;
}
body #container .billboard .slick-dots li.slick-active button:before {
  color: transparent;
}
body #container .billboard .slick-dots li button:before {
  font-size: 16px;
  top: -2px;
  left: -3px;
  color: transparent;
  width: 15px;
  height: 15px;
}
body #container a.button {
  color: #000;
  background: none repeat scroll 0% 0% #E6D176;
  width: auto;
  padding: 6px;
  border: 1px solid #DED7B7;
  border-radius: 2px;
  font-size: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 9px;
  padding-left: 8px;
  text-transform: uppercase;
}
body #container .billboard a {
  color: #fff;
}
body #container .billboard a.button {
  color: #000;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/** SCSS */
.category-thumb-list {
  padding-top: 2em;
  padding-bottom: 2em;
  overflow: hidden;
}
.category-thumb-list h3 {
  font-size: 1.2em;
  font-weight: 500;
}
.category-thumb-list ul.columns-3 {
  margin-top: 5em;
}
.category-thumb-list ul.columns-3 li {
  width: 33%;
  display: inline-block;
  min-height: 8em;
  vertical-align: top;
  box-sizing: border-box;
}
.category-thumb-list li a {
  height: 7em;
  display: block;
}

/** SCSS */
.clearfix {
  clear: both;
}

.before-chart .fill {
  position: absolute;
  background: #d6d8dd;
  height: 380px;
  width: 100%;
  min-width: 960px;
  z-index: -1;
}

.chart.small .tile-content h2 {
  box-sizing: border-box;
  padding-left: 1em;
}

.chart.large .highcharts-container {
  overflow: visible !important;
}
.chart.large .highcharts-container .highcharts-tooltip {
  overflow: visible;
  z-index: 999999;
}
.chart .tile-content {
  height: 348px;
  padding-top: 2em;
}
.chart .tile-content h2 {
  font-size: 1.2em;
}
.chart.large .tile-content {
  float: left;
  width: 570px;
  clear: left;
}
.chart.large .tile-content h2 {
  padding-bottom: 1em;
}
.chart.large .tile-content .chart-main-content {
  padding-left: 0.5em;
}
.chart.small .tile-content {
  float: left;
  width: 350px;
  clear: right;
  position: relative;
  right: -22px;
}
.chart.small .tile-content .highcharts-container {
  border-left: 1px solid #CCC;
  padding-left: 25px;
  max-height: 278px;
}
.chart::before, .chart:before {
  position: relative;
  height: 360px;
  width: 100%;
  background: #000;
}

/* Chart tile  */
.chart.with-tables .chart-main-content {
  margin-bottom: 45px;
  padding: 25px 35px 25px 0px;
}

.chart.with-tables .chart-main-content .chart-content {
  padding-left: 25px;
  padding-right: 25px;
  width: 570px;
  float: left;
  border-right: 1px solid #bbb;
}

.chart.with-tables .chart-main-content .chart-container {
  height: 345px;
  width: 570px;
  margin: 0px auto;
}

.chart.with-tables .chart-main-content .small-table {
  float: right;
  width: 250px;
}

.chart.with-tables .large-table {
  margin-bottom: 45px;
}

.chart.with-tables .large-table table td {
  width: 96px;
}

.chart.with-tables .large-table table td:first-child {
  width: 340px;
}

.chart.with-tables .large-table table th:last-child,
.chart.with-tables .large-table table td:last-child {
  padding-right: 60px;
}

#placeholder-tab-center-content .chart.small {
  margin-top: 72px;
}

.chart.small .chart-main-content .subtext {
  margin-right: 10px;
  width: auto;
}

#placeholder-tab-center-content .chart.large .chart-container,
body.frontpage #container .chart.large .chart-main-content .chart-container {
  width: 570px;
  margin: 0px auto;
}

#placeholder-tab-center-content .chart.large .chart-container {
  height: 280px;
}

body.frontpage #container .chart.large .chart-main-content .chart-container {
  height: 270px;
}

.highcharts-legend-item text {
  fill: #858585 !important;
}

.chart .custom-legend {
  text-align: center;
}

.chart .custom-legend .legend-item {
  margin-left: 22px;
  display: inline-block;
  font-size: 12px;
}
.chart .custom-legend .legend-item:hover {
  cursor: pointer;
}
.chart .custom-legend .legend-item.inactive {
  opacity: 0.8;
}
.chart .custom-legend .legend-item::before {
  position: absolute;
  content: " ";
  width: 8px;
  height: 8px;
  background-color: #eee;
  border: 1px solid #ddd;
  margin-left: -12px;
  margin-top: 5px;
}
.chart .custom-legend .legend-item:nth-child(1)::before {
  background-color: #002060;
}
.chart .custom-legend .legend-item:nth-child(2)::before {
  background-color: #3c5490;
}
.chart .custom-legend .legend-item:nth-child(3)::before {
  background-color: #7f7f7f;
}
.chart .custom-legend .legend-item:nth-child(4)::before {
  background-color: #9dc3e6;
}
.chart .custom-legend .legend-item.inactive::before {
  background-color: #ccc;
}

/** SCSS */
#placeholder-right .company-information-tile .tile-content.no-map {
  padding-top: 22px;
}

.company-information-tile .logo {
  padding-bottom: 0.6em;
}
.company-information-tile .tile-content {
  padding: 1em;
}
.company-information-tile .tile-content .row {
  min-height: 2em;
  padding-bottom: 0.2em;
}
.company-information-tile .tile-content .row .image-icon {
  position: absolute;
}
.company-information-tile .tile-content .row .text {
  vertical-align: top;
  font-size: 0.9em;
  margin-left: 2em;
  display: block;
}
.company-information-tile a[href^="tel:"] {
  text-decoration: none;
  color: #000;
}

/** SCSS */
#container #main-content .small-box.clickable {
  box-shadow: none;
  border: 1px solid #a2a7ab;
  box-sizing: border-box;
}
#container #main-content .small-box.clickable:hover {
  box-shadow: none;
}
#container #main-content .small-box.clickable.small-articledisplay:hover h3 {
  color: #0e2d7a;
}
#container #main-content .small-box.clickable:nth-child(3) {
  margin-right: 0;
  position: relative;
}

#container .side-menu.fully-expanded-mode .tile-content > ul > li a:hover {
  text-decoration: underline;
}

#placeholder-bottom a.torghatten {
  background: url("images/logo-bottom-blue.png") no-repeat scroll 0% 0% transparent;
  width: 144px;
  height: 17px;
  margin-top: 5px;
  float: right;
  background-size: 144px;
}

#placeholder-bottom .small-articledisplay {
  max-width: 442px;
}

#placeholder-bottom .standard-menu li {
  margin-bottom: 5px;
}

#placeholder-bottom .standard-menu a {
  color: #39434d;
}
#placeholder-bottom .standard-menu a:hover {
  color: #003399;
  text-decoration: underline;
}

#placeholder-bottom .small-articledisplay .tile-content p {
  color: #39434d;
  font-size: 16px;
}

#placeholder-bottom .small-articledisplay .tile-content table {
  width: 100% !important;
}

#placeholder-bottom .small-articledisplay .tile-content td:nth-child(1) p {
  margin: 0;
  margin-top: -25px;
}

#placeholder-bottom .small-articledisplay .tile-content td:nth-child(2) {
  padding-left: 3em;
  min-width: 245px;
}

#placeholder-bottom {
  padding-top: 35px;
}

#container #main-content .small-articledisplay.clickable a:hover {
  text-decoration: none;
}
#container #main-content .small-articledisplay.clickable a:hover h3,
#container #main-content .small-articledisplay.clickable a:hover h4 {
  text-decoration: underline;
}

.linktoolbar .links a:hover {
  background-color: #e11025;
}

.articledisplay .tile-content ul li::before {
  background: none repeat scroll 0% 0% #0e2d7a;
}

#placeholder-bottom .tile-common a:hover {
  color: #0e2d7a;
}

/*.articledisplay .digest p {
    text-align: justify;
}*/
#placeholder-stretched-content .linktoolbar {
  margin: 0 auto;
  width: 960px;
  padding: 3em;
  padding-bottom: 2.5em;
}

button, a.button, input[type=submit] {
  background: none repeat scroll 0% 0% #0e2d7a;
  cursor: pointer;
}

.advanced-searchinput .searchfield input[type=text] {
  border-color: #0e2d7a;
}

.page-navigator a {
  color: #0e2d7a;
}

.search-result b {
  color: #e30317;
}

.simple-search h1 {
  padding-bottom: 0.3em;
}

.simple-search input[type=text] {
  border-color: #0e2d7a;
}

#placeholder-content .tile-common.simple-search {
  margin-bottom: 1.5em;
}

.articledisplay .calendar-date {
  background-color: #FFF;
  color: #000;
  padding-left: 0px;
  font-size: 1.8em;
  padding-bottom: 16px;
  padding-top: 12px;
}
.articledisplay .calendar-date::before {
  content: "";
}

.frontpage .small-box article figure.thumbnail {
  max-height: 169px;
  overflow: hidden;
}

#placeholder-right .small-box.newsarchive {
  margin-top: 86px;
}

body:not([id]):hover,
body ul a.non-clickable:hover {
  cursor: default !important;
}

body:not([id]) .non-clickable:hover *,
body:not([id]) .non-clickable *,
body:not([id]) a.non-clickable:hover *,
body:not([id]) a.non-clickable *,
body:not([id]) a.non-clickable {
  cursor: default !important;
  text-decoration: none !important;
}

article a[href$=".pdf"] img {
  border: 4px solid transparent;
  box-shadow: 3px 2px 6px #D6D8DD;
  overflow: visible;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-top: 5px;
  outline: 1px solid #D6D8DD;
}
article a[href$=".pdf"] img:hover {
  outline: 1px solid transparent;
  border: 4px solid #0E2D7A;
}

.articledisplay .article-inner-grid.columns-3 .grid-item img {
  max-width: 155px;
}

.articlelist article.faq.expanded h3 {
  background: none repeat scroll 0% 0% #0E2D7A;
}

.articlelist article.faq.expanded h3::after {
  margin-top: -2px;
  margin-left: -1px;
}

.articleelement a {
  font-size: 16px;
  text-decoration: underline;
}
.articleelement a:hover {
  text-decoration: none;
}

.main-content p {
  /* white-space: -moz-pre-wrap; !* Mozilla *!
   white-space: -hp-pre-wrap; !* HP printers *!
   white-space: -o-pre-wrap; !* Opera 7 *!
   white-space: -pre-wrap; !* Opera 4-6 *!
   white-space: pre-wrap; !* CSS 2.1 *!
   white-space: pre-line; !* CSS 3 (and 2.1 as well, actually) *!
   word-wrap: break-word; !* IE *!
   -moz-binding: url('xbl.xml#wordwrap'); !* Firefox (using XBL) *!*/
}

.main-content td {
  padding-right: 2px;
}

#container #main-content .small-articledisplay.clickable h3 {
  height: auto;
  margin-bottom: 0.2em;
}

.extra-info-tile {
  background: #d6d8dd;
  color: #39434d;
  overflow: hidden;
  padding-bottom: 0.4em;
  clear: both;
}
.extra-info-tile ul {
  display: block;
  margin-bottom: 1em;
}
.extra-info-tile ul li {
  width: 18%;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.extra-info-tile ul li .image {
  margin-bottom: 0.2em;
}
.extra-info-tile ul li .label {
  font-size: 0.8em;
  font-weight: 500;
  text-transform: uppercase;
}
.extra-info-tile ul li .value {
  margin-top: 0.3em;
  font-size: 2.1em;
  font-weight: 600;
}
.extra-info-tile .desc {
  font-size: 0.8em;
  color: #7c7c7c;
  float: right;
}

/** SCSS */
#placeholder-top .logo-tile {
  padding-top: 1em;
}

/** SCSS */
.login-modal {
  width: 405px;
  background: #fff;
  box-shadow: 1px 1px 5px #444;
  padding: 25px;
  font-size: 1.5em;
  overflow: hidden;
}
.login-modal h1 {
  margin-bottom: 1em;
}
.login-modal label {
  display: block;
  margin-bottom: 10px;
}
.login-modal input {
  display: block;
  margin-bottom: 10px;
  height: 3em;
  width: 100%;
  font-size: 1.2em;
  margin-right: 0px;
  box-sizing: border-box;
}
.login-modal button {
  margin-top: 20px;
  float: right;
}

/** SCSS */
.key-number-display-tile {
  background: #d6d8dd;
  padding-top: 2em;
  padding-bottom: 2em;
  color: #39434d;
}
.key-number-display-tile ul {
  display: block;
}
.key-number-display-tile ul li {
  width: 235px;
  height: 146px;
}
.key-number-display-tile ul li .image {
  margin-bottom: 0.2em;
  padding-top: 1em;
}
.key-number-display-tile ul li .label {
  font-size: 0.8em;
  font-weight: 500;
  text-transform: uppercase;
}
.key-number-display-tile ul li .value {
  margin-top: 0.55em;
  font-size: 2.1em;
  font-weight: 600;
}
.key-number-display-tile .desc {
  font-size: 0.8em;
  color: #7c7c7c;
  float: right;
}

/** SCSS */
.org-chart-tile {
  /**
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
  /* Generic styling */
  /*

   */
}
.org-chart-tile .desc-wrapper {
  margin-top: 2em;
  margin-left: 3.5em;
}
.org-chart-tile .desc-wrapper .row {
  margin-bottom: 6px;
}
.org-chart-tile .desc-wrapper .row .box {
  width: 12px;
  height: 12px;
}
.org-chart-tile .desc-wrapper .row .box.border {
  border: 1px solid #0e2d7a;
}
.org-chart-tile .desc-wrapper .row .box.non-core {
  background: #c9d0e1;
}
.org-chart-tile .desc-wrapper .row .box.core {
  background: #435b97;
}
.org-chart-tile .desc-wrapper .row span.desc-text {
  clear: right;
  margin-left: 6px;
}
.org-chart-tile .toggle-minors {
  cursor: pointer;
  text-decoration: none;
}
.org-chart-tile .toggle-minors:hover {
  text-decoration: underline;
}
.org-chart-tile .toggle-minors span {
  display: none;
  margin-left: 55px;
}
.org-chart-tile .toggle-minors span.hide_invisible {
  display: block;
}
.org-chart-tile .toggle-minors.display span.display_all {
  display: block;
}
.org-chart-tile .toggle-minors.display span.hide_invisible {
  display: none;
}
.org-chart-tile .hide {
  display: none;
}
.org-chart-tile .last-visible:not(.not-last-visible) .margin-bottom-block {
  z-index: 1 !important;
}
.org-chart-tile * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.org-chart-tile .director .top .logo {
  padding-top: 1.3em;
}
.org-chart-tile .director .top .text {
  font-size: 1.5em;
  font-weight: 300;
  margin-top: 1em;
}
.org-chart-tile .director .top .text p {
  margin-bottom: 0.5em;
}
.org-chart-tile .bottom {
  background: #0e2d7a;
  height: 35px;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
}
.org-chart-tile .bottom p {
  margin-top: 8px;
  margin-bottom: 0px;
  font-size: 1.2em;
}
.org-chart-tile .cf:before,
.org-chart-tile .cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.org-chart-tile .cf:after {
  clear: both;
}
.org-chart-tile .cf {
  *zoom: 1;
}
.org-chart-tile .content {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
}
@media all and (max-width: 767px) {
  .org-chart-tile .content {
    padding: 0 20px;
  }
}
.org-chart-tile ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.org-chart-tile ul a {
  display: block;
  background: #d6d8dd;
  text-align: center;
  font-size: 0.7em;
  text-decoration: none;
  font-weight: bold;
  color: #333;
  height: 70px;
  margin-bottom: -26px;
  position: relative;
}
@media all and (max-width: 767px) {
  .org-chart-tile ul a {
    font-size: 1em;
  }
}
.org-chart-tile .administration > li > a {
  margin-bottom: 25px;
}
.org-chart-tile .director > li > a {
  width: 308px;
  margin: 0 auto 0px auto;
  height: 200px;
  position: relative;
}
.org-chart-tile a.corporation::after {
  position: absolute;
  width: 2px;
  height: 5em;
  background: #051a4f;
  display: block;
  content: " ";
  left: 50%;
  top: 100%;
}
.org-chart-tile ul.company-categories {
  margin-top: 2em;
  overflow: hidden;
}
.org-chart-tile ul.company-categories li.company-category {
  display: inline-block;
  width: 168px;
  vertical-align: top;
  /*> a::before {
      position: absolute;
      width: 10px;
      height: 2px;
      background: none repeat scroll 0% 0% #0E2D7A;
      display: block;
      content: " ";
      left: -4px;
      bottom: 15px;
  }*/
}
.org-chart-tile ul.company-categories li.company-category a {
  height: auto;
  margin-bottom: 0;
  color: #fff;
}
.org-chart-tile ul.company-categories li.company-category > a::after {
  position: absolute;
  width: 2px;
  height: 3em;
  background: #051a4f;
  display: block;
  content: " ";
  left: 24px;
  top: 100%;
}
.org-chart-tile ul.company-categories li.company-category > a:not(.non-clickable):hover .bottom span {
  text-decoration: underline;
}
.org-chart-tile ul.company-categories li.company-category figure {
  min-height: 56px;
}
.org-chart-tile ul.company-categories li.company-category .category-logo {
  margin-top: 0.5em;
  height: 95px;
}
.org-chart-tile ul.company-categories li.company-category .category-logo img {
  margin-top: 10px;
}
.org-chart-tile ul.company-categories li.company-category .bottom span {
  display: inline-block;
  margin: 0;
  margin-top: 7px;
  text-transform: uppercase;
  font-size: 1.2em;
}
.org-chart-tile ul.company-categories li.company-category ul.companies {
  margin-top: 1em;
  overflow: hidden;
}
.org-chart-tile ul.company-categories li.company-category li.company {
  margin-left: 1em;
}
.org-chart-tile ul.company-categories li.company-category li.company .no-visible-children + ul {
  display: none;
}
.org-chart-tile ul.company-categories li.company-category li.company .margin-bottom-block + .margin-bottom-block {
  display: none;
}
.org-chart-tile ul.company-categories li.company-category li.company:last-child .margin-bottom-block {
  overflow: hidden;
  z-index: -1;
}
.org-chart-tile ul.company-categories li.company-category li.company:last-child ul.sub-companies li.sub-company {
  padding-left: 1em;
  margin-left: 0;
}
.org-chart-tile ul.company-categories li.company-category li.company a {
  background: #435b97;
  padding-top: 0.5em;
  padding-bottom: 0.4em;
  border: 1px solid #0e2d7a;
}
.org-chart-tile ul.company-categories li.company-category li.company a.non-core {
  background: #c9d0e1;
  color: #39434d;
}
.org-chart-tile ul.company-categories li.company-category li.company a::before {
  position: absolute;
  width: 2px;
  height: 100.5em;
  background: #051a4f;
  display: block;
  content: " ";
  top: -5.5em;
  left: 0.5em;
  z-index: -1;
}
.org-chart-tile ul.company-categories li.company-category li.company > a.core {
  height: 82px;
}
.org-chart-tile ul.company-categories li.company-category li.company > a:hover > span {
  text-decoration: underline;
}
.org-chart-tile ul.company-categories li.company-category li.company .margin-bottom-block {
  background: #fff;
  height: 1em;
  display: block;
  z-index: -2;
  position: relative;
}
.org-chart-tile ul.company-categories li.company-category li.company .text > span {
  font-weight: normal;
  padding-left: 0.5em;
  padding-right: 0.5em;
  display: block;
  line-height: 1.5em;
}
.org-chart-tile ul.company-categories li.company-category li.company ul.sub-companies::before {
  position: absolute;
  width: 2px;
  height: 3em;
  background: #051a4f;
  display: block;
  content: " ";
  margin-top: -2.5em;
  margin-left: 1.35em;
  z-index: -1;
}
.org-chart-tile ul.company-categories li.company-category li.company ul.sub-companies .sub-company {
  background: #fff;
  margin-left: 1em;
  z-index: 1;
}
.org-chart-tile ul.company-categories li.company-category li.company ul.sub-companies .sub-company .no-visible-children + ul {
  display: none;
}
.org-chart-tile ul.company-categories li.company-category li.company ul.sub-companies .sub-company a::before {
  height: 1.55em;
  top: -1.55em;
  z-index: 1;
}
.org-chart-tile ul.company-categories li.company-category li.company ul.sub-companies .sub-company > a:hover > span {
  text-decoration: underline;
}
.org-chart-tile ul.company-categories li.company-category li.company ul.sub-companies .sub-company:nth-child(1) a {
  overflow: hidden;
}
.org-chart-tile ul.company-categories li.company-category li.company ul.sub-companies .sub-company:nth-child(2) a {
  z-index: 45;
}
.org-chart-tile ul.company-categories li.company-category li.company ul.sub-companies .sub-company:nth-child(3) a {
  z-index: 40;
}
.org-chart-tile ul.company-categories li.company-category li.company ul.sub-companies .sub-company:nth-child(4) a {
  z-index: 35;
}
.org-chart-tile.collapsed li.company .no-visible-children + ul {
  display: block !important;
}

/** SCSS */
.search-top-wrapper .search {
  display: inline-block;
}
.search-top-wrapper div.col.search-field {
  display: inline-block;
  width: 0px;
  vertical-align: top;
  -webkit-transition: width 0.4s;
  -moz-transition: width 0.4s;
  -o-transition: width 0.4s;
}
.search-top-wrapper div.col.search-field #small-search-input {
  width: 0px;
  font-size: 12px;
  line-height: 16px;
  padding: 0px;
  border: 1px solid transparent;
  margin: 0px;
  background: transparent;
}
.search-top-wrapper .active div.col.search-field {
  width: 140px;
}
.search-top-wrapper .active div.col.search-field #small-search-input {
  width: 165px;
  border: 1px solid #d6d8dd;
  background: #fff;
  padding-left: 0.5em;
  padding-top: 3px;
}
.search-top-wrapper .active div.col.search-field + .search-button button {
  color: #0e2d7a;
}
.search-top-wrapper div.col.search-button {
  display: inline-block;
  right: 0;
  top: 1px;
  position: relative;
}
.search-top-wrapper button {
  background: none;
  width: auto;
  height: 19px;
  font-size: 1em;
  line-height: 19px;
  min-width: 0;
  padding: 0px;
  margin: 0;
  position: relative;
  right: 4px;
}
.search-top-wrapper button:focus {
  outline: none;
}
.search-top-wrapper button span.search {
  font-size: 15px;
}
.search-top-wrapper #small-search-input {
  border: 0;
  height: 19px;
  color: #000;
  font-size: 1em;
  background-color: #fff;
  width: 165px;
  padding-left: 0.5em;
  margin-right: 0.6em;
}
.search-top-wrapper #small-search-input:focus {
  outline: none;
}

/** SCSS */
.search-top-wrapper .search {
  display: inline-block;
}
.search-top-wrapper div.col.search-field {
  display: inline-block;
  width: 0px;
  vertical-align: top;
  -webkit-transition: width 0.4s;
  -moz-transition: width 0.4s;
  -o-transition: width 0.4s;
}
.search-top-wrapper div.col.search-field #small-search-input {
  width: 0px;
  font-size: 12px;
  line-height: 16px;
  padding: 0px;
  border: 1px solid transparent;
  margin: 0px;
  background: transparent;
}
.search-top-wrapper .active div.col.search-field {
  width: 140px;
}
.search-top-wrapper .active div.col.search-field #small-search-input {
  width: 165px;
  border: 1px solid #d6d8dd;
  background: #fff;
  padding-left: 0.5em;
  padding-top: 3px;
}
.search-top-wrapper .active div.col.search-field + .search-button button {
  color: #0e2d7a;
}
.search-top-wrapper div.col.search-button {
  display: inline-block;
  right: 0;
  top: 1px;
  position: relative;
}
.search-top-wrapper button {
  background: none;
  width: auto;
  height: 19px;
  font-size: 1em;
  line-height: 19px;
  min-width: 0;
  padding: 0px;
  margin: 0;
  position: relative;
  right: 4px;
}
.search-top-wrapper button:focus {
  outline: none;
}
.search-top-wrapper button span.search {
  font-size: 15px;
}
.search-top-wrapper #small-search-input {
  border: 0;
  height: 19px;
  color: #000;
  font-size: 1em;
  background-color: #fff;
  width: 165px;
  padding-left: 0.5em;
  margin-right: 0.6em;
}
.search-top-wrapper #small-search-input:focus {
  outline: none;
}

/** SCSS */
#placeholder-content .tile-common.sitelocator {
  overflow: hidden;
  padding-bottom: 28px;
  padding-top: 0px;
  font-size: 12px;
  margin-bottom: 0;
}

.sitelocator .prefix {
  display: none;
  float: left;
  margin-right: 10px;
}

.sitelocator ul li {
  display: inline-block;
  float: left;
}

.sitelocator li::after {
  content: " / ";
  margin-left: 5px;
  margin-right: 5px;
}

.sitelocator li:last-child {
  color: #807c7c;
}
.sitelocator li:last-child::after {
  display: none;
}
.sitelocator li:last-child .sitelocator li:first-child a,
.sitelocator li:last-child .sitelocator a:hover {
  text-decoration: underline;
}

/** SCSS */
.shortcut-menu-wrapper {
  display: inline-block;
  margin-right: 1.5em;
}
.shortcut-menu-wrapper .shortcut-menu {
  display: inline-block;
  vertical-align: 2px;
}
.shortcut-menu-wrapper .shortcut-menu li a {
  color: #fff;
  text-decoration: none;
  font-size: 0.8em;
  margin-right: 0.6em;
}
.shortcut-menu-wrapper .shortcut-menu li a:hover {
  border-bottom: 2px solid #fff;
}
.shortcut-menu-wrapper .shortcut-menu li:last-child a {
  margin-right: 0;
}

/** SCSS */
i.sprite.thumb {
  height: 55px;
  width: 62px;
  display: block;
}
i.sprite.thumb.dartboard {
  background: url("images/torghatten_menyIkoner_sprite.png") no-repeat scroll -21px -22px transparent;
  width: 48px;
}
i.sprite.thumb.finance {
  background: url("images/torghatten_menyIkoner_sprite.png") no-repeat scroll -165px -15px transparent;
  width: 48px;
}
i.sprite.thumb.ourcompany {
  background: url("images/torghatten_menyIkoner_sprite.png") no-repeat scroll -315px -22px transparent;
  width: 48px;
}
i.sprite.thumb.carrier {
  background: url("images/torghatten_menyIkoner_sprite.png") no-repeat scroll -461px -22px transparent;
  width: 48px;
}
i.sprite.thumb.clock {
  background: url("images/torghatten_menyIkoner_sprite.png") no-repeat scroll -604px -22px transparent;
  width: 48px;
}
i.sprite.thumb.sustainability {
  background: url("images/torghatten_menyIkoner_sprite.png") no-repeat scroll -760px -22px transparent;
  width: 48px;
}

a:hover i.sprite.thumb.dartboard {
  background: url("images/torghatten_menyIkoner_sprite.png") no-repeat scroll -21px -101px transparent;
}
a:hover i.sprite.thumb.finance {
  background: url("images/torghatten_menyIkoner_sprite.png") no-repeat scroll -165px -94px transparent;
}
a:hover i.sprite.thumb.ourcompany {
  background: url("images/torghatten_menyIkoner_sprite.png") no-repeat scroll -315px -101px transparent;
}
a:hover i.sprite.thumb.carrier {
  background: url("images/torghatten_menyIkoner_sprite.png") no-repeat scroll -461px -101px transparent;
}
a:hover i.sprite.thumb.clock {
  background: url("images/torghatten_menyIkoner_sprite.png") no-repeat scroll -604px -101px transparent;
}
a:hover i.sprite.thumb.sustainability {
  background: url("images/torghatten_menyIkoner_sprite.png") no-repeat scroll -760px -100px transparent;
}

i.sprite.icon {
  height: 20px;
  width: 20px;
  display: inline-block;
}
i.sprite.icon.phone {
  background: url("images/contact-information-sprite.png") no-repeat scroll 0 0 transparent;
}
i.sprite.icon.pointer {
  background: url("images/contact-information-sprite.png") no-repeat scroll 0 -34px transparent;
}
i.sprite.icon.post {
  background: url("images/contact-information-sprite.png") no-repeat scroll 0 -67px transparent;
}
i.sprite.icon.email {
  background: url("images/contact-information-sprite.png") no-repeat scroll 0 -102px transparent;
}
i.sprite.icon.www {
  background: url("images/contact-information-sprite.png") no-repeat scroll 0 -136px transparent;
}
i.sprite.medium {
  width: 48px;
  height: 40px;
  display: inline-block;
}
i.sprite.medium.travelers {
  background: url("images/keynumber-sprite.png") no-repeat scroll 0 -4px transparent;
}
i.sprite.medium.revenue {
  background: url("images/keynumber-sprite.png") no-repeat scroll 0 -50px transparent;
}
i.sprite.medium.owner-percent {
  background: url("images/keynumber-sprite.png") no-repeat scroll 0 -99px transparent;
}
i.sprite.medium.employees {
  background: url("images/keynumber-sprite.png") no-repeat scroll 0 -148px transparent;
}
i.sprite.large {
  width: 88px;
  height: 54px;
  display: inline-block;
}
i.sprite.large.plane {
  background: transparent url("images/extra_data_sprite.png") no-repeat scroll 8px 14px;
}
i.sprite.large.boat {
  background: transparent url("images/extra_data_sprite.png") no-repeat scroll -372px 10px;
}
i.sprite.large.speed-boat {
  background: transparent url("images/extra_data_sprite.png") no-repeat scroll -558px 10px;
  width: 100px;
}
i.sprite.large.bus {
  background: transparent url("images/extra_data_sprite.png") no-repeat scroll -183px 14px;
}
i.sprite.large.suit-case {
  background: transparent url("images/extra_data_sprite.png") no-repeat scroll -760px 12px;
}

/** SCSS */
.subcategorymenu {
  margin-top: 44px;
}

.subcategorymenu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.subcategorymenu a:focus {
  outline: none;
}

/* Subcategory Menu */
.subcategorymenu li > ul {
  display: none;
}

.subcategorymenu li.main-active > ul,
.subcategorymenu li.active > ul {
  display: block;
}

.subcategorymenu li.has-children > a span.treeview:after,
.subcategorymenu li.has-children.main-active > a span.treeview:after,
.subcategorymenu li.has-children.active > a span.treeview:after {
  font-weight: 400;
  font-size: 2.8rem;
  height: 28px;
  width: 28px;
  text-align: center;
  float: right;
  text-decoration: none;
}

.subcategorymenu li.has-children > a span.treeview:after {
  content: "+";
}

.subcategorymenu li.has-children.main-active.active > a span.treeview:after,
.subcategorymenu li.has-children.active > a span.treeview:after {
  content: "-";
  font-size: 3.6rem;
  margin-top: -1px;
}

.subcategorymenu li.has-children ~ li.active {
  display: block;
}

.subcategorymenu .tile-content a:hover {
  text-decoration: underline;
  color: #0E2D7A;
}

#container #main-content .subcategorymenu,
#container #main-content .side-menu {
  box-shadow: none;
}

#container .subcategorymenu .tile-content,
#container .side-menu .tile-content {
  padding: 0;
}

#container #main-content .subcategorymenu h3,
#container #main-content .side-menu h3 {
  font-size: 1.8rem;
  color: #555;
  padding-bottom: 5px;
  margin-bottom: 12px;
  border-bottom: 3px solid #555;
  background: #fff;
}

#container .subcategorymenu li,
#container .side-menu li {
  margin: 0;
}

.subcategorymenu a,
.subcategorymenu li.active > span,
.side-menu a,
.side-menu li.active span {
  text-decoration: none;
  font-size: 1.8rem;
  color: #040404;
  display: block;
  padding: 7px 0 8px 18px;
  border-bottom: 1px solid #c4c4c4;
}

.side-menu .tile-content a:hover {
  color: #0E2D7A;
  text-decoration: underline;
  background: #eaeaea;
}

.subcategorymenu .tile-content > ul > li.sub-active.expanded + li a,
.side-menu .tile-content > ul > li.active.expanded + li a,
.side-menu .tile-content > ul > li.sub-active.expanded + li a {
  border-top: 1px solid #c4c4c4;
}

.subcategorymenu .tile-content > ul > li.active > a,
.subcategorymenu .tile-content > ul > li.sub-active > a,
.subcategorymenu .tile-content > ul > li.active > a span,
.subcategorymenu .tile-content > ul > li.sub-active > span {
  color: #0E2D7A;
}

.subcategorymenu .tile-content > ul > li.active > a {
  border-bottom: 1px solid #e31529;
}

.subcategorymenu .tile-content > ul > li.active > a:hover {
  text-decoration: none;
}

.side-menu .tile-content > ul > li.active > a,
.side-menu .tile-content > ul > li.sub-active > a,
.side-menu .tile-content > ul > li.active > span,
.side-menu .tile-content > ul > li.sub-active > span {
  color: #fff;
  background: #0E2D7A;
}

.subcategorymenu li.last span,
.subcategorymenu li.last a,
.side-menu li.last span,
.side-menu li.last a {
  border: none;
}

.subcategorymenu li li a,
.subcategorymenu li li.active span,
.side-menu li li a,
.side-menu li li.active span {
  border: none;
  font-size: 1.6rem;
  padding-left: 0;
}

.subcategorymenu ul ul,
.side-menu ul ul {
  padding-left: 27px;
}

.subcategorymenu .tile-content > ul > li.expanded > ul,
.side-menu .tile-content > ul > li.expanded > ul {
  background: #eaeaea;
}

.subcategorymenu ul ul ul,
.side-menu ul ul ul {
  padding-left: 27px;
}

.subcategorymenu li li.active > a,
.subcategorymenu li li.active > span,
.side-menu li li.active > a,
.side-menu li li.active > span {
  color: #0E2D7A;
}

/* Side menu - expanding mode */
.subcategorymenu.expanding-mode li a,
.subcategorymenu.expanding-mode li span,
.side-menu.expanding-mode li a,
.side-menu.expanding-mode li span {
  position: relative;
  padding-right: 12px;
}

.subcategorymenu.expanding-mode li.collapsed > a:after,
.subcategorymenu.expanding-mode li.expanded > a:after,
.subcategorymenu.expanding-mode li.expanded > span:after,
.side-menu.expanding-mode li.collapsed > a:after,
.side-menu.expanding-mode li.expanded > a:after,
.side-menu.expanding-mode li.expanded > span:after {
  font-size: 2.8rem;
  position: absolute;
  top: 6px;
}

.subcategorymenu.expanding-mode li.collapsed > a:after,
.side-menu.expanding-mode li.collapsed > a:after {
  color: #040404;
}

.side-menu.expanding-mode li.collapsed > a:after {
  content: "+";
  right: 9px;
}

body.frontpage #container #placeholder-content.no-right.no-left .small-list h3 .side-menu.expanding-mode li.expanded > span:after {
  content: "-";
  right: 12px;
}

/* Side menu - fully expanded mode */
#container .subcategorymenu.fully-expanded-mode a,
#container .subcategorymenu.fully-expanded-mode span,
#container .side-menu.fully-expanded-mode a,
#container .side-menu.fully-expanded-mode span {
  border: none;
}

#container .subcategorymenu.fully-expanded-mode .tile-content > ul > li > a,
#container .subcategorymenu.fully-expanded-mode .tile-content > ul > li > span,
#container .side-menu.fully-expanded-mode .tile-content > ul > li > a,
#container .side-menu.fully-expanded-mode .tile-content > ul > li > span {
  border-top: 1px solid #c4c4c4;
}

#container .subcategorymenu.fully-expanded-mode .tile-content > ul > li:not(.leaf) > a,
#container .side-menu.fully-expanded-mode .tile-content > ul > li:not(.leaf) > a {
  border-bottom: 1px solid #c4c4c4;
}

#container .subcategorymenu.fully-expanded-mode .tile-content > ul > li:first-child > a,
#container .side-menu.fully-expanded-mode .tile-content > ul > li:first-child > a {
  border-top: none;
}

.subcategorymenu .tile-content li ul {
  display: none;
}

.subcategorymenu li.active > ul {
  display: block;
}

.subcategorymenu .tile-content > ul > li.active > a,
.subcategorymenu .tile-content > ul > li.main-active > a {
  background: #e31529;
}

.subcategorymenu .tile-content > ul > li.active > a span.treeview::after,
.subcategorymenu .tile-content > ul > li.main-active > a span.treeview::after,
.subcategorymenu .tile-content > ul > li.active > a .text,
.subcategorymenu .tile-content > ul > li.main-active > a .text,
.subcategorymenu li.has-children.main-active > a span.treeview::after,
.subcategorymenu .tile-content > ul > li.active > a > .text {
  color: #fff;
}

.subcategorymenu .tile-content a:hover {
  text-decoration: none;
}

.subcategorymenu .tile-content a:hover .text {
  text-decoration: underline;
}

/** SCSS */
.person-list-element {
  border-bottom: 1px solid #EEE;
  margin-bottom: 2em;
  padding-bottom: 2em;
}
.person-list-element a {
  color: #039;
  text-decoration: none;
}
.person-list-element a:hover {
  text-decoration: underline;
}
.person-list-element .header h1 {
  font-size: 2.4rem;
  margin-bottom: 0;
}
.person-list-element .digest p {
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 1.25em;
}
.person-list-element img {
  float: left;
  padding-right: 2em;
}
.person-list-element .short-about p {
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
  line-height: 1.4em;
}
.person-list-element .article-content {
  overflow: hidden;
  box-sizing: border-box;
}
.person-list-element .article-content .image {
  clear: left;
  width: 25%;
}
.person-list-element .article-content .short-about {
  clear: right;
  width: 70%;
}
.person-list-element .article-content .short-about .text.phone,
.person-list-element .article-content .short-about .text.mail {
  margin-top: 0.5em;
  margin-left: 1px;
  clear: both;
  display: block;
}
.person-list-element .article-content .short-about .text.phone a,
.person-list-element .article-content .short-about .text.mail a {
  padding-left: 30px;
  vertical-align: 4px;
  margin-right: 20px;
}
.person-list-element .article-content .short-about .text.phone a i,
.person-list-element .article-content .short-about .text.mail a i {
  position: absolute;
  margin-left: -30px;
  margin-top: 1px;
}
.person-list-element .article-content .short-about .text.phone {
  margin-left: 2px;
}
.person-list-element .article-content .short-about .text.phone a {
  padding-left: 29px;
}
.person-list-element .article-content .short-about .text.phone a i {
  margin-left: -30px;
}

/** SCSS */
.timeline-ajax-loader-loading {
  position: relative;
  background: url("/themes/konsern/images/spinner-large.gif") no-repeat center;
  padding-bottom: 3em;
}
.timeline-ajax-loader-loading:after {
  content: "Laster inn historien...";
  display: block;
  text-align: center;
  top: -20px;
  position: relative;
}

.timeline {
  height: 540px;
  overflow: visible;
  background: none repeat scroll 0% 0% #D6D8DD;
}

.timeline-items {
  width: 100%;
  cursor: grab;
  overflow: hidden;
}

.timeline-items.dragging {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.item {
  float: left;
  height: 350px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  margin-right: 20px;
  position: relative;
  margin-bottom: 15px;
}

.item.last {
  margin-right: 0;
}

.item.active {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
  background: #fff;
}

.item .thumbnail {
  height: 120px;
  overflow: hidden;
}

.item .item-header {
  border-bottom: 10px solid #0E2D7A;
  padding-top: 0.5em;
  padding-bottom: 0.4em;
  text-transform: uppercase;
}
.item .item-header h2 {
  font-size: 1.2em;
}

.active.item .item-header {
  border-color: #E2142A;
}

.item .thumbnail img {
  width: 100%;
}

.item .item-text {
  padding: 10px 10px 0 10px;
  max-height: 135px;
  overflow: hidden;
}

.item .item-text h2 {
  text-transform: uppercase;
  font-size: 1.6em;
  margin-bottom: 10px;
  text-align: center;
}

.item .item-text .header {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
  line-height: 1.2em;
}

.item .item-text .desc {
  line-height: 1.4em;
  text-align: center;
}

.item .read-more-link {
  cursor: pointer;
  padding: 5px 9px 4px;
  position: absolute;
  right: 10px;
  bottom: 6px;
  font-size: 1em;
  opacity: 0.8;
}

.item:hover .read-more,
.item.active .read-more {
  opacity: 1;
}

.timeline .popup-modal {
  display: none;
  margin-top: 0 !important;
  top: 10% !important;
  height: 300px;
  overflow: auto;
  overflow-x: hidden;
  max-height: 75%;
  z-index: 1000 !important;
}

.jquery-modal.blocker {
  /* z-index: 999 !important; /* under .popup-modal */
  /* Uncommented because it caused problems. */
}

.popup-modal.active {
  display: block;
  z-index: 100000;
}

.popup-modal .items {
  overflow: hidden;
}

.popup-modal .item {
  width: 490px;
  height: auto;
  border: 0;
  margin-bottom: 0;
}

.popup-modal .item .thumbnail {
  border: 0;
  height: 326px;
}

.popup-modal .header {
  font-size: 1.8em;
  font-weight: bold;
}

.popup-modal .date {
  font-size: 1.3em;
  margin: 10px 0;
}

.popup-modal .desc {
  font-size: 1.6em;
  font-style: italic;
  padding-bottom: 10px;
  padding-top: 6px;
}

.popup-modal .body {
  font-size: 1.4em;
  line-height: 1.4em;
}

.timeline .navigation {
  overflow: hidden;
  font-size: 1.5em;
  clear: both;
  width: 20%;
  margin: 15px auto;
}

.timeline .prev,
.timeline .next {
  height: 45px;
  width: 33px;
  cursor: pointer;
}

.timeline .next {
  float: right;
  background: url("/images/timeline-nnv/images/timeline/navigation-right.png") no-repeat;
}

.timeline .prev {
  float: left;
  background: url("/images/timeline-nnv/images/timeline/navigation-left.png") no-repeat;
}

.timeline .popup-modal .navigation {
  width: 100%;
}

.timeline .popup-modal .prev,
.timeline .popup-modal .next {
  background: none;
  width: auto;
  height: auto;
  font-size: 0.9em;
  line-height: 1.6em;
}

.timeline .popup-modal .prev {
  background: url("/images/timeline-nnv/images/timeline/navigation-left-small.png") no-repeat left center;
  padding-left: 17px;
  width: 25%;
}

.timeline .popup-modal .date {
  font-size: 1.2em;
  float: left;
  margin: 3px;
  width: 38%;
  text-align: center;
}

.timeline .popup-modal .next {
  background: url("/images/timeline-nnv/images/timeline/navigation-right-small.png") no-repeat right center;
  padding-right: 17px;
}

.timeline .no-more {
  opacity: 0.2;
  cursor: auto;
}

.timeline-items .front {
  width: 226px;
}

.timeline-items .back {
  display: none;
  width: 500px;
}

.timline-years {
  position: relative;
  padding-bottom: 2.2em;
  padding-top: 1em;
}

.timline-years .range {
  max-width: 1050px;
  margin: 0 auto;
  position: relative;
  height: 30px;
  border-bottom: 3px solid #000;
}

.timline-years .item-thing {
  position: absolute;
  background: none repeat scroll 0% 0% #3A434D;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  bottom: -7px;
  border: 2px solid #D6D8DD;
  z-index: 0;
  cursor: pointer;
}
.timline-years .item-thing:hover {
  background: #999;
}
.timline-years .item-thing.active {
  background: none repeat scroll 0% 0% #E21126;
  z-index: 1;
  border-color: #D6D8DD;
}

.timline-years .year-annonation {
  position: absolute;
  font-size: 1.2em;
  top: 0;
  width: 3%;
  text-align: center;
  font-weight: bold;
}
.timline-years .year-annonation.fifth-year {
  color: #697179;
  font-size: 0.6em;
}
@media (max-width: 768px) {
  .timline-years .year-annonation.fifth-year {
    display: none;
  }
  .timline-years .year-annonation.fifth-year .line {
    height: 5px;
    top: 16px;
  }
}
.timline-years .year-annonation.fifteen-year {
  font-size: 0.8em;
  padding-right: 2px;
}
.timline-years .year-annonation.fifteen-year .line {
  width: 3px;
}
.timline-years .year-annonation.first .line, .timline-years .year-annonation.last .line,
.timline-years .year-annonation .line {
  position: absolute;
  width: 2px;
  background: none repeat scroll 0% 0% #3a434d;
  height: 10px;
  left: 50%;
  top: 20px;
}

/** SCSS */
.topimageandheader-tile .header-wrapper {
  padding-top: 1.5em;
  padding-bottom: 1em;
}
.topimageandheader-tile .slick-slider {
  margin-bottom: 0;
}
.topimageandheader-tile .slick-slider .slick-slide {
  overflow: hidden;
}
.topimageandheader-tile .content > .veil {
  position: absolute;
  bottom: 0px;
  height: 70px;
  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.57);
  width: 100%;
}
.topimageandheader-tile .content > .veil .digest p {
  color: #fff;
  font-size: 1.1em;
}

#placeholder-stretched-top-content .topimageandheader-tile .billboard img {
  width: 1920px !important;
  min-width: 100%;
}

@media (max-width: 1280px) {
  body #container .billboard {
    height: 300px !important;
  }

  #placeholder-stretched-top-content .topimageandheader-tile .billboard img {
    min-height: 300px;
    width: 1280px !important;
  }
}
/** SCSS */
#placeholder-top .tile-common.thumb-menu:not(.mobilemenu) li {
  height: 100px;
  float: left;
}

.thumb-menu ul {
  float: right;
  background: #fff;
  font-size: 1.4rem;
}
.thumb-menu li a {
  border-left: 1px solid #f4f5f6;
  width: 125px;
  display: block;
  height: 100%;
  color: #39434d;
  text-decoration: none;
}
.thumb-menu li a:hover {
  text-decoration: underline;
  color: #0f2d7a;
  background: #dddfe0;
}
.thumb-menu li a:focus {
  outline: none;
}
.thumb-menu li.active {
  background: #dddfe0;
}
.thumb-menu li:last-child a {
  border-right: 1px solid #f4f5f6;
}

/** SCSS */
#container #main-content .small-articledisplay.clickable h4 a:hover {
  text-decoration: underline;
}

#container #main-content .small-articledisplay.clickable.video-and-newslist h3 {
  height: auto;
}

.video-and-newslist ul {
  margin-top: 8px;
}
.video-and-newslist li article {
  padding: 0.4em 1em;
  box-sizing: border-box;
}
.video-and-newslist li article h4 {
  padding-left: 15px;
}
.video-and-newslist li article h4 ::before {
  content: " ";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: rgba(86, 86, 86, 0.98);
  margin-top: 8px;
  margin-left: -11px;
  border-radius: 100%;
}
.video-and-newslist li article .text {
  max-height: 2.8em;
  text-overflow: ellipsis;
  overflow: hidden;
  text-rendering: auto;
}
.video-and-newslist .bottom-link {
  position: absolute;
  bottom: 1em;
  right: 1.5em;
  display: inline-block;
  float: right;
}

#container #main-content .small-articledisplay.clickable .bottom-link a:hover {
  text-decoration: underline;
}

/** SCSS */
.site-6 .logo-tile img {
  height: 70px;
  width: auto;
}

.site-7 .logo-tile,
.site-6 .logo-tile {
  height: 74px;
}
.site-7 .search-top-wrapper,
.site-6 .search-top-wrapper {
  display: none !important;
}
.site-7.frontpage article.full-view,
.site-6.frontpage article.full-view {
  width: 100% !important;
  max-width: 95%;
  box-sizing: border-box;
  padding: 0 !important;
  padding-top: 2em !important;
  margin: 0 !important;
  height: auto !important;
  box-shadow: none !important;
  margin-top: 3em;
}
.site-7.frontpage article.full-view header h1,
.site-6.frontpage article.full-view header h1 {
  font-size: 3rem !important;
  background: transparent !important;
  color: #000 !important;
  box-shadow: none !important;
  text-transform: none !important;
  padding: 0 !important;
}
.site-7.frontpage article.full-view .digest,
.site-6.frontpage article.full-view .digest {
  font-size: 1.5em;
}
.site-7 .thumb-menu li a,
.site-6 .thumb-menu li a {
  width: 160px;
}
.site-7 > .coretrek-footer,
.site-6 > .coretrek-footer {
  position: fixed;
  bottom: -22px;
  right: 0;
}

/** SCSS */
.articledisplay[data-comments-enabled=true] ~ .new-comment-form-container {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 5em;
  margin-top: 2em;
}
.articledisplay[data-comments-enabled=true] ~ .new-comment-form-container label {
  display: block;
  font-weight: 600;
}
.articledisplay[data-comments-enabled=true] ~ .new-comment-form-container textarea {
  width: 100%;
  min-height: 80px;
  box-sizing: border-box;
  padding: 0.2em;
  max-width: 100%;
}
.articledisplay[data-comments-enabled=true] ~ .new-comment-form-container button.submit-new-comment-js {
  margin-top: 5px;
  float: right;
}
.articledisplay[data-comments-enabled=true] ~ .new-comment-form-container button.submit-new-comment-js:hover {
  text-decoration: underline;
  background: #e11025;
}
.articledisplay[data-comments-enabled=true] ~ .comment-list {
  margin-top: 1.5em;
}
.articledisplay[data-comments-enabled=true] ~ .comment-list h2 {
  margin-bottom: 1em;
}
.articledisplay[data-comments-enabled=true] ~ .comment-list span {
  font-weight: 300;
}
.articledisplay[data-comments-enabled=true] ~ .comment-list .comment {
  margin-bottom: 1.5em;
}
.articledisplay[data-comments-enabled=true] ~ .comment-list .comment-body {
  display: block;
  margin-top: 0.2em;
  margin-bottom: 1em;
  font-weight: 500;
}

.enable-comments-js,
.disable-comments-js {
  margin-top: 1em;
  margin-bottom: 2em;
}

.enable-comments-js {
  margin-top: 3em;
}

/** SCSS */
body.frontpage.site-6 #placeholder-content.no-left.no-right .tile-content {
  padding-left: 0;
}

.special-event-list {
  margin-top: 2em;
}
.special-event-list h3 {
  font-size: 1.6em;
  margin-bottom: 0.4em;
}
.special-event-list figure {
  display: inline-block;
  width: 23%;
  margin-top: 1em;
}
.special-event-list figure + .digest {
  margin-top: 1em;
  display: inline-block;
  width: 75%;
  vertical-align: top;
  position: relative;
}
.special-event-list li.article {
  margin-bottom: 3.5em;
  margin-top: 1.5em;
}
.special-event-list .bottomlink {
  margin-top: 2em;
}

/** SCSS */
body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000;
}

.sweet-alert {
  background-color: white;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999;
}

@media all and (max-width: 540px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px;
  }
}
.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 25px 0;
  padding: 0;
  line-height: 40px;
  display: block;
}

.sweet-alert p {
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}

.sweet-alert fieldset {
  border: none;
  position: relative;
}

.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  webkit-transition: padding 0.15s, max-height 0.15s;
  transition: padding 0.15s, max-height 0.15s;
}

.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  webkit-transition: padding 0.2s, max-height 0.2s;
  transition: padding 0.25s, max-height 0.25s;
}

.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: white;
  line-height: 24px;
  text-align: center;
  margin-right: 3px;
}

.sweet-alert .sa-error-container p {
  display: inline-block;
}

.sweet-alert .sa-input-error {
  position: absolute;
  top: 29px;
  right: 26px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px;
}

.sweet-alert .sa-input-error::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-input-error::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-input-error.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.sweet-alert input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 18px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
  padding: 0 12px;
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sweet-alert input:focus {
  outline: none;
  box-shadow: 0px 0px 3px #c4e6f5;
  border: 1px solid #b4dbed;
}

.sweet-alert input:focus::-moz-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

.sweet-alert input:focus:-ms-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

.sweet-alert input:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}

.sweet-alert input::-moz-placeholder {
  color: #bdbdbd;
}

.sweet-alert input:-ms-input-placeholder {
  color: #bdbdbd;
}

.sweet-alert input::-webkit-input-placeholder {
  color: #bdbdbd;
}

.sweet-alert.show-input input {
  display: block;
}

.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative;
}

.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: 4px;
  opacity: 0;
  visibility: hidden;
}

.sweet-alert button {
  background-color: #8CD4F5;
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  -webkit-border-radius: 4px;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer;
}

.sweet-alert button:focus {
  outline: none;
  box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.sweet-alert button:hover {
  background-color: #7ecff4;
}

.sweet-alert button:active {
  background-color: #5dc2f1;
}

.sweet-alert button.cancel {
  background-color: #C1C1C1;
}

.sweet-alert button.cancel:hover {
  background-color: #b9b9b9;
}

.sweet-alert button.cancel:active {
  background-color: #a8a8a8;
}

.sweet-alert button.cancel:focus {
  box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.04706) 0px 0px 0px 1px inset !important;
}

.sweet-alert button[disabled] {
  opacity: 0.6;
  cursor: default;
}

.sweet-alert button.confirm[disabled] {
  color: transparent;
}

.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.sweet-alert button::-moz-focus-inner {
  border: 0;
}

.sweet-alert[data-has-cancel-button=false] button {
  box-shadow: none !important;
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px;
}

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}

.sweet-alert .sa-icon.sa-error {
  border-color: #F27474;
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}

.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #F27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px;
}

.sweet-alert .sa-icon.sa-warning {
  border-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-info {
  border-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-success {
  border-color: #A5DC86;
}

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
  content: "";
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success::before {
  -webkit-border-radius: 120px 0 0 120px;
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}

.sweet-alert .sa-icon.sa-success::after {
  -webkit-border-radius: 0 120px 120px 0;
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  transform-origin: 0px 60px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #A5DC86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@-webkit-keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}
@-webkit-keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}
@keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}
@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
@-webkit-keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}
@keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}
.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none;
}

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s;
}

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s;
}

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s;
}

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none;
}

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s;
}

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s;
}

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s;
}

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s;
}

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}
@keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}
.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate;
}

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9 ;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9 ;
}

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9 ;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9 ;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9 ;
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff;
}

.la-ball-fall.la-dark {
  color: #333;
}

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}

.la-ball-fall {
  width: 54px;
  height: 18px;
}

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite;
}

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms;
}

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms;
}

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px;
}

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px;
}

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px;
}

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px;
}

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px;
}

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px;
}

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%);
  }
}
@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%);
  }
}
@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}
@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}
/** SCSS */
.direct-button {
  position: absolute;
  right: 1em;
  top: 0.5em;
  display: none;
  background: #fff;
  z-index: 999;
  padding: 5px;
}
.direct-button:hover {
  text-decoration: underline;
}

.list-view > .direct-button {
  display: block;
  background: #002060;
  padding-left: 12px;
  padding-right: 12px;
  color: #fff;
  border-radius: 4px;
}
.list-view > .direct-button:hover {
  background: #e11025;
}

.direct-create-article-js {
  right: 1em;
}

/*
.direct-edit-article-js {
    right:2.5em;
}

.direct-delete-article-js {
    right:1em;
}
*/
.article.editing,
article.editing {
  border: 2px dotted orange;
}
.article.editing .direct-button,
article.editing .direct-button {
  display: block;
  font-size: 1em;
  background: #0E2D7A;
  border-radius: 6px;
  color: #fff;
  padding-left: 12px;
  padding-right: 12px;
}
.article.editing .direct-button:hover,
article.editing .direct-button:hover {
  background-color: #e11025;
}
.article.editing *:focus,
article.editing *:focus {
  outline: 0;
}
.article.editing.stored,
article.editing.stored {
  border: 2px dotted darkgreen;
}
.article.editing .edit-article-body-html-js,
.article.editing .edit-article-ingress-js,
.article.editing .edit-article-header-js,
article.editing .edit-article-body-html-js,
article.editing .edit-article-ingress-js,
article.editing .edit-article-header-js {
  min-height: 1.5em;
  display: block;
  cursor: text;
  padding: 4px;
  padding-top: 2px;
}
.article.editing .edit-article-ingress-js:before,
.article.editing .edit-article-header-js:before,
article.editing .edit-article-ingress-js:before,
article.editing .edit-article-header-js:before {
  position: absolute;
  left: 5px;
}
.article.editing .edit-article-thumbnail-js:not(.has-content):not(:focus):before,
article.editing .edit-article-thumbnail-js:not(.has-content):not(:focus):before {
  content: "Sett inn bilde";
}
.article.editing .edit-article-header-js:not(.has-content):not(:focus):before,
article.editing .edit-article-header-js:not(.has-content):not(:focus):before {
  content: "Sett overskrift";
}
.article.editing .edit-article-ingress-js:not(.has-content):not(:focus):before,
article.editing .edit-article-ingress-js:not(.has-content):not(:focus):before {
  content: "Sett ingress";
}
.article.editing .edit-article-body-html-js:not(.has-content):not(:focus):before,
article.editing .edit-article-body-html-js:not(.has-content):not(:focus):before {
  content: "Skriv brødtekst her.";
}
.article.editing .edit-article-button-js,
article.editing .edit-article-button-js {
  display: none !important;
}

.edit-article-button-js {
  position: absolute;
  top: -5px;
  right: 0;
  padding-left: 6px;
  padding-right: 6px;
}
.edit-article-button-js:hover {
  background-color: #e11025;
}

.list-view .edit-article-button-js {
  right: 1em;
}

/*# sourceMappingURL=style.css.map */