@font-face {font-family: 'Inter'; font-weight: 900;src: url('fonts/Inter-Black.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 800;src: url('fonts/Inter-ExtraBold.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 700;src: url('fonts/Inter-Bold.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 600;src: url('fonts/Inter-SemiBold.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 500;src: url('fonts/Inter-Medium.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 400;src: url('fonts/Inter-Regular.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 300;src: url('fonts/Inter-Light.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 200;src: url('fonts/Inter-ExtraLight.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 100;src: url('fonts/Inter-Thin.ttf') format('truetype');}

h2.subtitle {text-transform:none;font-weight:normal;margin-top:0}

table.foxtrot_red_lines {border-collapse: collapse;border-left:1px solid rgba(0,0,0,0.05);border-bottom:1px solid rgba(0,0,0,0.05)}
table.foxtrot_red_lines tr:nth-child(odd) {background-color:#EEEEEE;background-color:rgba(0,0,0,0.05)}
table.foxtrot_red_lines td {padding:10px;border-right:1px solid rgba(0,0,0,0.05);}
table.foxtrot_red_lines td, table.foxtrot_red_lines th, table.foxtrot_red_lines thead td, table.foxtrot_red_lines td p, table.foxtrot_red_lines td li  {font-family:Fira Sans,verdana,arial;font-size:14px}
table.foxtrot_red_lines th, table.foxtrot_red_lines thead tr td {padding:10px;background-color:#CB252B;color:#FFFFFF;border-right:1px solid #CB252B;}

table.alpha_blue {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	margin-bottom:10px;
}
table.alpha_blue tr:nth-child(even) {background-color:#D3D3D3}
table.alpha_blue tr:nth-child(odd) {background-color:#FFFFFF}
table.alpha_blue th, table.alpha_blue thead td {background-color:#4f81bd;color:#FFFFFF}
table.alpha_blue td, table.alpha_blue th, table.alpha_blue thead td {border:1px solid #666666;padding:8px;vertical-align:top}
table.alpha_blue td, table.alpha_blue td  p, table.alpha_blue td  ol, table.alpha_blue td  ul, table.alpha_blue td  li {font-family: verdana,arial,sans-serif;font-size:11px;}

span.chapterlist_icons {padding-left:10px;color:#CCCCCC}

span.reference {vertical-align:super;font-size:12px;padding:2px;padding-left:0;color:#166BDA;cursor:pointer}
span.reference:hover {text-decoration:underline}

div.ref_popup {display:none;box-sizing: border-box;font-size:12px;position:absolute;width:260px;left:50%;margin-left:-130px;background-color:rgba(255,255,255,1);border-radius:5px;border:1px solid #CCCCCC;padding:8px;color:#000000;text-align:left;line-height:1.5;font-weight:normal;box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.05);cursor:pointer}
/*div.ref_popup:hover {text-decoration:underline;color:#166BDA}*/
.ref_item {transition: 0.5s linear all;display:flex;align-items:flex-start}
.ref_item span.ref_count {display:block;padding-right:4px;text-align:right;min-width:25px}
.ref_scrolled_to {transition: none;background-color:rgba(0,0,0,0.3);color:#FFFFFF}

ul.shortcuts li {-webkit-transition: all 0.30s ease-in-out;transition: all 0.30s ease-in-out;}

div.metodebok_blue_front {background-color:#0a2956;color:#FFFFFF;padding-top:64px;padding-bottom:64px}
div.metodebok_blue_front div.centered_page {width:1100px}
div.metodebok_blue_front ul.shortcuts li {color:#FFFFFF;border-top: 1px solid rgba(255, 255, 255, 0.2);-webkit-transition: all 0.30s ease-in-out;transition: all 0.30s ease-in-out;}
div.metodebok_blue_front ul.shortcuts li:hover {background-color:rgba(255,255,255,0.05)}
div.metodebok_blue_front h2 {
    text-transform: none;
    font-weight: normal;
    margin-top: 48px;
    margin-bottom: 32px;
    font-size: 32px;
    color:#FFFFFF;
}

div.metodebok_blue_front_flex {display:flex;gap:128px;justify-content:space-between;align-items:flex-start}
div.metodebok_blue_front_search_shortcuts {flex-grow:2}
div.metodebok_blue_front_news {background-color:rgba(13, 62, 126, 0.4);padding:32px;color:white;width:220px;margin-top:100px;font-size:12px}
div.metodebok_blue_front_news h2 {margin:0 0 32px 0;font-size:20px;font-weight:normal}
div.metodebok_blue_front_news h3 {margin:0 0 32px 0;font-size:12px;color:#FFFFFF;font-weight:normal}
div.metodebok_blue_front_news a {font-size:12px}
div.metodebok_blue_front_news h3 a {text-decoration:none;color:#FFFFFF;font-size:12px}
div.metodebok_blue_front_news h3 a:hover {text-decoration:underline}
div.metodebok_blue_front_news div.dato {margin:0 0 8px 0;font-size:12px;color:#9D9D9D;font-weight:normal}

div.front_brukerveiledning {text-align:right;margin-top:16px;color:#FFFFFF;font-size:12px}
span.front_brukerveiledning:hover {cursor:pointer;text-decoration:underline}

div.metodebok_fagomraader h2 {text-transform: none;font-weight: bold;margin-top: 48px;margin-bottom: 32px;font-size: 18px;color:#000000;}
div.metodebok_fagomraader ul.shortcuts li {color:#6d6f76}

div.metodebok_fagomraader ul.shortcuts li.shortcut_deactive {color: #CCCCCC;}

div.metodebok_blue_front input.white_box {background-color:#0d3e7e;color:#FFFFFF}
div.metodebok_blue_front input[type=text].white_box {border:2px solid transparent}
div.metodebok_blue_front input[type=text].white_box:focus {border:2px solid #2d5e9e}
div.metodebok_blue_front input[type=text].white_box::placeholder {color:#d0d8e5}

div.metodebok_blue_front button.button_confirm {background-color:#186ada;border:2px solid #186ada;-webkit-transition: all 0.30s ease-in-out;transition: all 0.30s ease-in-out;}
div.metodebok_blue_front button.button_confirm:hover {background-color:#287aea;}
div.metodebok_blue_front h2.suggestion_title {color:#000000}
div.metodebok_blue_front div.suggestions li:hover h2.suggestion_title {color:#FFFFFF}

div.subject_categories_columns {display:flex;align-items:flex-start;gap:64px;margin-bottom:64px}
div.subject_categories_columns div.column {flex:1}

div.foretak, div.videos_flex {display:flex;align-items:flex-start;gap:64px;margin-left:auto;margin-right:auto;justify-content: center;margin-top:16px;margin-bottom:16px}
div.foretak img {height:40px}

div.videos_flex {margin-bottom:64px}
div.videos_flex img {width:400px}

div.block_hover {cursor:pointer;background-color:rgba(22, 107, 218,0.1);opacity:0.8;border-radius:5px;position:relative}
div.block_hover:hover {opacity:1}
div.block_hover_title {font-size:12px;margin-bottom:16px;color:#166BDA}

div.play_overlay {position:absolute;top: 50%; left: 50%;transform: translate(-50%,-50%);font-size:100px;text-align:center;color:#166BDA;filter: drop-shadow(5px 5px 10px #000000);}

div.metodebok_bottom {background-color:#f7f7f7}
div.metodebok_bottom_white {background-color:#FFFFFF}

div.metodebok_top {display:flex;height:80px;align-items:center;justify-content:space-between}
div.metodebok_top div.spacer {flex-grow:10}
img.logo_metodebok {height:40px;margin-right:12px}

input[type=text].metodebok_top_row {}

div.top_search {margin-left:32px}
div.top_login {margin-left:16px}
span#change_choices {color:#6d6f76}

div.all_about_container {margin-top:32px;color:#FFFFFF}
div.all_about_container a, a.white_link {color:#FFFFFF;text-decoration:underline}
div.all_about_container a:hover, a.white_link:hover {color:#EEEEFF}
i.theme_info {--fa-primary-color:#FFFFFF;--fa-secondary-color: #186ada;--fa-secondary-opacity: 1.0;font-size:20px;vertical-align:middle;}

div.white_popup_box {display:none;font-size:14px;box-sizing:border-box;position:absolute;right:-270px;top:20px;width:400px;padding:32px;background-color:white;border-radius:5px;color:#000000;z-index:1;box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.09);}

#top_search_anchor input.desktop_version {
  width: 240px;box-shadow:none;background-color:#F7F7F7;border:2px solid #F7F7F7;border-radius:32px;
}
/*
#top_search_anchor:hover input.desktop_version, input.permahover {
  width: 240px!important;
}
*/

div.suggestions {border-radius:5px}
ul.list li:hover {background-color:rgba(0,0,0,0.05)}

.fade {-webkit-transition: all 0.5s ease;transition: all 0.5s ease}

div.suggestions h2.suggestion_title {font-size:18px;padding-bottom:8px;color:#000000!important}
div.suggestions h2.suggestion_title:hover {color:#000000!important;}
div.suggestions span.summary {color:#999999}

h1.blue {color:#166BDA;margin-bottom:16px}

div.fag_search_container {margin-bottom:64px}
div.book_group {margin-bottom:64px}

div.metodebok_book_group_flexed {display:flex;gap:64px;align-items: flex-start;}
div.book_group_column {flex: 1 1 0px;}



div.metodebok_item {cursor:pointer;transition: 0.2s linear all;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:5px;padding:16px 24px 16px 24px;margin-bottom:0px}
div.metodebok_item div.title {color:#000000;flex-grow:10}
div.metodebok_fag_container a {text-decoration:none}
div.metodebok_group_container a {text-decoration:none}
div.metodebok_item div.chevron {color:rgba(22, 107, 218, 1)}

div.metodebok_book_group_flexed div.header {padding:24px 3px 8px 8px;font-weight:bold;color:#666666}

div.approved {background-color:rgba(29, 82, 152, 0.08);font-size:20px;margin-bottom:4px}
div.approved:hover {background-color:rgba(29, 82, 152, 0.15)}
div.non_approved {background-color:rgba(255, 255, 255, 1);font-size:16px;border-top:1px solid rgba(0, 0, 0, 0.1);padding-left:8px;padding-right:4px;border-radius:0}
div.non_approved:hover {background-color:rgba(235, 235, 235, 1)}

div.non_approved div.title {color:#666666}
div.last_topics {border-top:1px solid rgba(0, 0, 0, 0.1);margin-bottom:0;padding:16px 8px 16px 8px}
div.last_topics:hover {background-color: rgba(0, 0, 0, 0.05)}

div.last_topics div.chevron {color:#000000}
div.last_topics div.title {color:#000000;font-size:18px}
div.last_topics div.subtitle {margin-top:4px;color:#999999;font-size:12px}

div.frontpage_image_container {margin-bottom:32px}
div.frontpage_image_container img {width:100%;border-radius:5px}

span.book_symbol {font-family:Fira Sans;background-color:rgba(29, 82, 152, 0.15);border-radius:5px;color:#1E5094;padding:3px 6px 3px 6px;cursor:help}
span.foretak_label {font-family:Fira Sans;font-size:14px;background-color:#166BDA ;border-radius:5px;color:#FFFFFF;padding:3px 6px 3px 6px;cursor:help}

div.topic_info_flex {display:flex;gap:16px;flex-wrap:wrap;align-items:center;width:70%}

div.link_copied_receipt {position:absolute;opacity:0;padding:3px 6px 3px 6px;left:-20px;top:-30px;background-color:rgba(29, 82, 152, 0.15);color:#1E5094;border-radius:5px;transition: 0.2s linear all;}
div.link_copied_receipt_visible {opacity:1}

div.metodebok_chapter_container h1 {font-size:24px;margin-top:64px;margin-bottom:16px}
div.book_search_container  {margin-bottom:64px}
.approved_icon {position:relative;cursor:help;color:#219653;font-size:20px;vertical-align:middle}
div.infobox {position:absolute;font-weight:normal;opacity:0;z-index:2;padding:6px 12px 6px 12px;font-size:12px;width:150px;background-color:#219653;color:#FFFFFF;border-radius:5px;transition: 0.4s linear all;box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.05)}
div.infobox_visible {opacity:1}

/*labfag metdebok frontpage styles*/
div.labfag_top {display:flex;justify-content:space-between;width:100%;margin-bottom:32px}
div.labfag_middle {display:flex;align-items:stretch;width:100%;gap:20px}

div.labfag_list {order:1;display:flex;flex-direction:column;align-items:stretch;height:100%;background-color:#FFFFFF;border-radius:5px;width:400px;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.03);}
div.labfag_list div.item {display:flex;position:relative;justify-content:space-between;align-items:center;padding:24px;cursor:pointer}
div.labfag_list div.item div.icon {vertical-align:middle;text-align:center;display:inline-block;font-size:20px;color:#166BDA;margin-right:10px;width:32px}
div.labfag_list div.item div.text {flex-grow:2;}
div.labfag_list div.item div.chevron {font-size:14px;color:#CCCCCC;text-align:right}
div.labfag_list div.item:hover {background-color:#E8F1FD}

div.labfag_menu {order:2;display:flex;flex-wrap:wrap;gap:4px;width:100%}
div.labfag_menu div.item {position:relative;background-color:#FFFFFF;border-radius:5px;padding:48px;flex:35%;cursor:pointer;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.03);}
div.labfag_menu div.item:hover {background-color:#E8F1FD}
div.labfag_menu div.item div.inner {display:flex;justify-content:space-between;align-items:center;position: relative;top: 50%;transform: translateY(-50%);}

div.labfag_menu div.item div.icon {vertical-align:middle;display:inline-block;font-size:32px;color:#166BDA;margin-right:10px;width:48px}
div.labfag_menu div.item div.text {flex-grow:2;font-size:22px}
div.labfag_menu div.item div.chevron {font-size:14px;color:#CCCCCC;text-align:right}

div.labfag_news {margin-top:20px;padding:32px;background-color:#FFFFFF;border-radius:5px;margin-bottom:64px;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.03);}
div.labfag_news h1 {margin-top:0;margin-bottom:12px;font-size:20px;font-weight:normal}

.invisible {opacity:0;visibility:hidden;}
.visible {opacity:1;visibility:visible}
div.labfag_list_container {position:absolute;left:64px;top:48px;box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.05);background-color:#FFFFFF;border-radius:5px;padding:24px;z-index:2;width:250px}
div.labfag_list_container div {margin-bottom:16px}
div.labfag_list_container div:hover {text-decoration:underline}
div.labfag_list_container div:last-child {margin-bottom:0px}
div.labfag_list_container div a {text-decoration: none;color:#000000}

div.labfag_front_search_container {position:relative}
div.labfag_front_search_container input[type=text].white_box {background-color:#F7F7F7;box-shadow:none;border:2px solid #CCCCCC;min-width:300px}
div.labfag_front_search_container button {margin-left:16px}

div.labfag_news_columns {display:flex;justify-content:space-between;width:100%;gap:32px;margin-bottom:32px}
div.labfag_news_columns div {flex:5}
div.labfag_news_columns div.time {font-size:14px;color:#CCCCCC;margin-bottom:8px}
div.labfag_news_columns div.text {margin-bottom:8px}
div.labfag_news_columns div.link {}

div.labfag_news_bottom {display:flex;justify-content:space-between;width:100%;gap:32px;align-items:flex-end}
div.new_books div.dato{ margin: 0 0 4px 0;font-size: 12px;color: #999999;font-weight: normal;}
div.new_books h3 {margin: 0 0 32px 0;font-size: 14px;color: #FFFFFF;font-weight: normal;}
div.new_books h3 a {text-decoration: none;color: #000000;font-size: 14px;}

div.did_you_find {display:flex;gap:16px;align-items: center;}
div.did_you_find div.button {min-width: auto}
div.did_find_result {display: none;width: 50%;margin-top:20px;padding:32px;background-color:#FFFFFF;border-radius:5px;margin-bottom:64px}

div.did_find_result textarea {margin-top: 16px;margin-bottom: 16px;padding: 16px;border: 1px solid #166BDA;border-radius:10px;height: 15em;width: 100%; box-sizing: border-box}
div.did_find_result input.did_find_email {margin-top: 16px;padding: 16px;border: 1px solid #166BDA;border-radius:10px;width: 100%; box-sizing: border-box}

div.did_find_result div.button {min-width: auto}

div.right_column_text a {display:block;margin-bottom:16px}
a.no_underline {text-decoration:none}

div.footer_links > span {padding-bottom:16px}

.word_break {word-wrap: break-word;}

table.feedback input {width:100%}
table.feedback textarea {height:100px;width:100%}

div.biokjemi_logo {text-align:right;margin-top:64px}
div.biokjemi_logo img {height:60px}

div.metodebok_chapter_container div.highlight h1 {color:#166BDA}
div.metodebok_chapter_container div.highlight ul.chapter_list li {color:#166BDA}

@media only screen and (max-device-width: 480px) {
	div.topic_info_flex {gap:8px;font-size:12px;width:auto}
	div.book_search_container {margin-bottom:32px}
	div#metodebok_topmost_cell {height:auto}
	div.page_row_topmost {display:flex;width:100%;justify-content: space-between;align-items:center;background-color:#F7F7F7}
	div.metodebok_blue_front_flex {display:block}
	div.metodebok_blue_front_news {width:auto}
	div.white_popup_box {display:none;box-sizing:border-box;position:absolute;right:0;}

	div.top_choice_mobile {text-align:right;background-color:#F7F7F7;padding:16px;font-size:12px}
	div.top_choice_mobile a {text-decoration:none;color:#828389}
	div.top_logo {white-space:nowrap}
	img.logo_metodebok {height:30px;margin-right:8px}
	div#metodebok_top span.book_title {font-size:13px;white-space:break-spaces}
	#top_search_anchor input.mobile_version {
	  width: 160px;box-shadow:none;background-color:#F7F7F7;border:2px solid #F7F7F7;border-radius:32px;
	}

	div.metodebok_top {padding:16px;height:40px}
	div.top_search {margin-left:0}
	div.top_login {display:none}
	div.top_choices {display:none}
	div.metodebok_top div.spacer {flex-grow:2}
	div.detect_mobile {position:absolute;left:0;top:0;display:block}
	.mobile_version {display:block}
	.desktop_version {display:none}

	div.metodebok_blue_front {padding-left:16px;padding-right:16px;padding-top:32px;padding-bottom:32px}
	div.subject_categories_columns {display:block}
	div.metodebok_blue_front div.centered_page {width:auto}
	div.metodebok_fagomraader {padding-left:16px;padding-right:16px}
	div.foretak {display:block;text-align:center;padding:4px;margin:0}
	div.foretak img {padding:8px;height:40px}

	div.metodebok_chapter_container h1 {font-size:22px}
	div.metodebok_topic_container h1 {font-size:22px}

	div.labfag_top {display:block}
	div.labfag_front_search_container input[type=text].white_box {min-width: auto}
	div.labfag_middle {display:block}

	div.labfag_news {margin-top: 32px}
	div.labfag_menu {margin-top: 32px;gap:8px}
	div.labfag_news_columns {display:block}
	div.labfag_news_bottom {display:block}
	div.labfag_news_bottom div {margin-top: 32px}
	div.labfag_front_search_container  {margin-top: 32px}

	div.did_find_result {width: auto}

	div.right_column_text {display:none}

	div.labfag_list {width: auto;margin-top:32px}
	div.labfag_news_bottom div.button {padding-left:12px;padding-right:12px}

	div.videos_flex {flex-wrap:wrap;justify-content: center;gap:16px;margin-top:32px}
	div.videos_flex div.block_hover {width:80vw}
	div.videos_flex img {width:100%}

	div.labfag_news_item {margin-bottom:32px}

	div.metodebok_book_group_flexed {display:block}

}

div#captcha_container {display:inline-block;position:relative}
img#captcha_code {-webkit-transition: all 0.30s ease-in-out;transition: all 0.30s ease-in-out}
div#captcha_reload {position:absolute;bottom:0;right:0;padding:5px;background-color:rgba(255,255,255,0.8);color:#166BDA;cursor:pointer;background-color: #E8F0FB;border-radius:5px}
div#captcha_reload:hover {color:#4791F2}
div#captcha_ok {position:absolute;bottom:0;right:0;padding:5px;display:none;color:#66B032}

@media (prefers-color-scheme: dark) {
    /* Invert all elements on the body while attempting to not alter the hue substantially. */
    body {
      filter: invert(100%) hue-rotate(180deg);
    }

    /* Workarounds and optical adjustments. */

    /*
     Firefox workaround: Set the background colour for the html
     element separately because, unlike other browsers, Firefox
     doesn’t apply the filter to the root element’s background.
  */
  html {
    background-color: #111;
  }

  /* Do not invert media (revert the invert). */
  img, video, iframe, svg {
    filter: invert(100%) hue-rotate(180deg);
  }

  /*
    Videos running fullscreen are no longer affected by the
    filter on the body so we need to also unset the
    revert we applied earlier so we’re left with no filter again.
   */
  video:fullscreen {
    filter: none;
  }

  /* Improve contrast on icons. */
  .icon {
    filter: invert(15%) hue-rotate(180deg);
  }

  /* Re-enable code block backgrounds. */
  pre {
    filter: invert(6%);
  }

  /* Improve contrast on list item markers. */
  li::marker {
    color: #666;
  }
}