/* headers, titles, etc.  */
@font-face {
  font-family: "Franklin Gothic";
  src: url(/assets/fonts/ITCFranklin.otf);
  font-display: swap;
}
@font-face {
  font-family: "Franklin Gothic Heavy";
  src: url(/assets/fonts/ITCFranklinHeavy.ttf);
  font-display: swap;
}
/* body text, ingress, etc.  */
/*@font-face {
  font-family: "OpenSans";
  src: url(/assets/fonts/OpenSans-Regular.ttf);
  font-display: swap;
}*/
@font-face {
  font-family: "Roboto";
  src: url(/assets/fonts/Roboto-Regular.ttf);
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url(/assets/fonts/Roboto-Medium.ttf);
  font-display: swap;
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 768px) {
  .title > small {
    font-size: 70%;
  }
}




.brodtekst div p:last-of-type{
  margin-top: 0px;
  margin-bottom:0;
}


.brodtekst div p{
  margin-top: 0px;
  margin-bottom: 1rem;
}


.brodtekst p{
  margin-top: 0px;
  margin-bottom: 1rem;
}


.brodtekst p:last-of-type{
  margin-top: 0px;
  margin-bottom:0;
}

.brodtekst {
  font-size: 1.2rem;
  line-height: 1.5;
  overflow: hidden;
  font-family: "Roboto";
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}
.dottedUnderline {
  border-bottom: 1px dotted #098db8;
}
.title,
.content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.title {
  background: #f4f3f1;
  padding: 1em;
  font-size: 1em;
  display: block;
  color: #098db8; /*#7A7572*/
}

.title {
  width: auto;
}

.title:after,
.title:before {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 1.25em;
  width: 2px;
  height: 0.75em;
  background-color: #7a7572;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}

.title:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.content {
  max-height: 0;
  overflow: hidden;
  background-color: #f4f3f1;
  padding: 0 1rem 0 1rem;
}
.content p {
  margin: 0;
  padding: 0.5em 1em 1em;
  font-size: 0.9em;
  line-height: 1.5;
}
.toggle:checked + .title + .content {
  max-height: 100%;
}
.toggle:checked + .title:before {
  -webkit-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
}
.content ul li {
  list-style-type: none;
  color: #333333;
  border-top: 1px #b0c4cf solid;
  margin: 0;
}
.content ul li > .row:hover {
  background-color: #4bacd7;
}
.content ul li > .row:hover * {
  color: white;
}
.content ul li a {
  font-size: 0.95rem;
  /*color: #333333;*/
  color: black;
  text-decoration: none;
  display: block;
  padding: 0.2em 1em 0.5em 0.2em;
  margin: 0;
  overflow-wrap: anywhere;
  font-family: "Roboto-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.content ul li a img {
  vertical-align: middle;
  margin-right: 1em;
}
.accordion-wrapper {
  order: 1;
  flex-basis: 100%;
}
/* Ingress under nyhetsbrev */
.text-darkgrey {
  color: #444444;
}
/* Arkiv opplasting (hent flere) under medienyheter */
.text-blue {
  color: #098db8 !important;
}
/* Snarveier */
.bg-pale {
  background-color: #f4f3f1 !important;
}
/**
  Avstand mellom eksterne lenker i bunnen av hver artikkel
**/
#articles .col ul li {
  margin-top: 0.05rem;
}
.lesmer {
  font-family: "Franklin Gothic", "Franklin Gothic", "Helvetica Neue", Helvetica,
    Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  color: #098db8;
}
.btn-default {
  background-color: #098db8;
  border: 1px solid #bcd8dc;
  padding: 0.2rem 0.7rem 0.2rem 0.7rem;
  color: white;
}
/*Overwrite default accordion active state*/
#accordion .ui-state-active {
  background-color: #e1e1e1;
  border-color: #e1e1e1;
}

.toggle {
  display: none;
}

.option:first-child {
  position: relative;
  margin-bottom: 1em;
  margin-top: -15px;
}

.option {
  position: relative;
  margin-bottom: 1em;
}
/** Mobile only **/
@media (min-width: 320px) and (max-width: 480px) {
  .option {
    margin-bottom: 0.5em;
  }
  .option:first-child {
    position: relative;
    margin-bottom: 0.5em;
    margin-top: -15px;
  }
}
/** Centers the plus sign in the left corner (snarvei widget) **/
#accordion > div > label[data-toggle="collapse"] {
  margin-bottom: 0.15em;
  padding: 0.3rem;
}
/** Centers the plus sign in the left corner (snarvei widget) **/
label[data-toggle="collapse"]:after,
label[data-toggle="collapse"]:before {
  top: 0.8em;
}
/* temporary styles for sidecolumn */
.sidestolpe {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 11px;
  font-weight: normal;
}

.sideHeader {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #098db8;
}
/** BRUKES PÅ MENY SIDER **/
.listBox {
  margin-top: 15px;
  padding-left: 10px;
  border-left: 1px dotted #66b1d4;
}
.listBox ul li {
  margin: 0rem 0rem 0rem 2rem;
  font-size: 1.1rem;
}

.listBox ul {
  list-style-type: disc;
}

.listBox .listTitle {
  font-family: "Franklin Gothic", "Helvetica Neue", Helvetica, Arial;
  font-weight: 100;
  color: #222;
  letter-spacing: -1px;
  font-size: 1.5rem;
  padding-left: 10px;
}
.listBox div.subTitle {
  padding-left: 10px;
  font-size: 1.2rem;
}
/**SLUTT**/
/** BRUKES PÅ STATISTIKK SØK **/
.topTitle {
  font-family: "Franklin Gothic", "Helvetica Neue", Helvetica, Arial;
  font-weight: 100;
  color: #000000;
  /*letter-spacing: -1.4px;*/
  font-size: 2.2rem;
  /*line-height:36px;*/
  margin-bottom: 8px;
  border-bottom: 1px dashed #66b1d4;
  float: left;
}
/** SLUTT **/
/** TEKST I BUNN AV INFOBOKS (diagram tekst)**/
.visualisert {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.9rem !important;
  color: #444444;
  font-weight: normal;
}
/** SLUTT **/
/** BRUKES KANSKJE **/
.ingress {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.26rem;
  color: #444444;
  line-height: 1.8rem;
  font-weight: normal;
  margin-bottom: 0px;
}
/** SLUTT **/
/** BRUKES I SØK KOMPONENT  **/
div.searchTitle {
  font-family: "Franklin Gothic", "Helvetica Neue", Helvetica, Arial;
  float: left;
  font-size: 1.7rem;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top: 0px;
}
div.merknadHeader {
  width: 100%;
  border-bottom: 1px dotted #098db8;
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 5px;
}
/** SLUTT **/
/**TABLE DESIGN**/
.table-blue {
  white-space: nowrap;
}
/* Column headers */
.table-blue thead tr th {
  background-image: linear-gradient(rgb(74, 171, 203), rgb(14, 143, 185));
  color: white;
  border: 1px solid white;
  padding: 3px 8px;
}
.table-blue tbody tr th {
  background-image: linear-gradient(rgb(74, 171, 203), rgb(14, 143, 185));
  color: white;
  border: 1px solid white;
  padding: 3px 8px;
  height: 38px;
  vertical-align: bottom;
}
.table-blue tbody td {
  padding: 3px 8px;
  border: 1px solid white;
}
.table-blue tbody tr.one td {
  background-color: #e6f3f8;
}
.table-blue tbody tr.two td {
  background-color: #cee8f1;
}
.table-blue thead tr th {
  padding: 0.6rem;
}
/** Filtreringsboks for statistikksøk BEGIN
N.B.! Skriftstørrelse er angitt i pixler! Bør endres til rem/em **/
div.tagHeaderRight {
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 15px;
  text-transform: uppercase;
}
#frmSearch fieldset {
  border: 1px solid #b0c4cf;
  border-bottom: none;
  padding: 4px;
  margin-bottom: 0px;
}
#frmSearch fieldset.button {
  border-bottom: 1px solid #b0c4cf;
  border-top: none;
}
.divLabel {
  background-color: #f1f1ea;
  font-weight: bold;
  font-size: 14px;
  padding-left: 5px;
  color: #444444;
  margin-bottom: 2px;
  margin-top: 1px;
}
#frmSearch fieldset select {
  width: 100%;
  font-size: 14px;
  color: #333;
  border: 1px solid #bcd8dc;
  margin-bottom: 10px;
  background-color: white;
}

@-moz-document url-prefix() {
  #frmSearch fieldset select {
    font-family: "Arial";
  }
}

fieldset.button input {
  background-color: #098db8;
  border: 1px solid #087ea5;
  color: white;
  float: right;
}
fieldset.button input:hover {
  background-color: #087ea5;
  border: 1px solid #bcd8dc;
}
/** Filtreringsboks for statistikksøk END **/
.pageIngress {
  font-size: 1.1rem;
  /*color: #444444;*/
  color: #222;
  font-weight: bold;
}
/** Styling av table! Skal inkorporeres i en klasse etterhvert. */
table:not(:last-child) {
  overflow: hidden;
  white-space: nowrap; /* denne burde fjernes dersom tabellen ikke skal fylle ut hele skjermbredden */
  margin-bottom: 2rem;
}
table ~ table {
  margin-top: 0.5rem;
}

table.wrapSpace {
  white-space: normal;
}

th {
  color: white;
  background-image: linear-gradient(rgb(74, 171, 203), rgb(14, 143, 185));
  height: 36px;
  border: 1px solid white;
  vertical-align: bottom;
  padding: 3px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;

  line-height: 16px;
}

td {
  border: 1px solid white;
  border-bottom: none;
  padding: 3px;
  padding-left: 8px;
  padding-right: 8px;
  white-space: nowrap; /*Hindrer at ord stykkes opp på flere linjer */
}

td.category {
  font-weight: bold;
}

th.filler {
  width: auto;
}

tr.one td {
  background-color: #e6f3f8;
}

tr.two td {
  background-color: #cee8f1;
}

tr.final td {
  border-top: 1px solid #66b1d4;
  border-bottom: 1px solid #66b1d4;
  background-color: #bed8e1; /* TODO: finne riktig farge for uthevede rader. F.eks søk 148 */
}

tr.finalTopBorder td {
  border-top: 1px solid #66b1d4;
  font-weight: bold;
  background-color: #bed8e1; /* TODO: finne riktig farge for uthevede rader. F.eks søk 148 */
}

tr.finalBottomBorder td {
  border-bottom: 1px solid #66b1d4;
  font-weight: bold;
  background-color: #bed8e1; /* TODO: finne riktig farge for uthevede rader. F.eks søk 148 */
}

tr.finalNoBorder td {
  font-weight: bold;
  background-color: #bed8e1; /* TODO: finne riktig farge for uthevede rader. F.eks søk 148 */
}
.bullets {
  list-style: disc;
}
.bullets li {
  margin-left: 1.5rem;
  display: list-item !important;
}

.artikkelIngress {
  font-size: 1.3rem;
  /*color: #444444;*/
  color: #000000;
}
b {
  font-family: "Roboto-Medium";
}
table > tbody > tr > th {
  font-family: "Roboto-Medium";
  font-weight: normal !important;
}
.semer-knapp {
  color: #098db8 !important;
  background-color: #f4f3f1 !important;
  font-family: "Franklin Gothic";
  font-size: 0.9rem;
}
.merknadTekst {
  font-family: "Roboto";
  font-size: 1.1rem;
  color: black;
}
table tbody tr td {
  font-size: 1.1rem;
}
table tbody tr th {
  font-size: 1.1rem;
}
.brodtekst ul {
  list-style-type: disc !important;
  list-style-position: outside;
}
.brodtekst ul li {
  margin-left: 30px;
}