@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');}

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;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;cursor:pointer;font-size:12px}
div.front_brukerveiledning:hover {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 #0d3e7e}
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 {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.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;box-sizing:border-box;position:absolute;right:-270px;top:10px;width:260px;padding:32px;background-color:white;border-radius:5px}

#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:#eaeaeb}



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_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:16px}
div.metodebok_item div.title {color:#000000;flex-grow:10}
div.metodebok_fag_container a {text-decoration:none}
div.metodebok_item div.chevron {color:rgba(22, 107, 218, 1)}

div.approved {background-color:rgba(29, 82, 152, 0.08);font-size:20px}
div.approved:hover {background-color:rgba(29, 82, 152, 0.15)}
div.non_approved {background-color:rgba(255, 255, 255, 1);font-size:16px}
div.non_approved:hover {background-color:rgba(235, 235, 235, 1)}

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.title {color:#166BDA;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}

@media only screen and (max-device-width: 480px) {
	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:14px}
	div.top_choice_mobile a {text-decoration:none}
	div.top_logo {white-space:nowrap}
	img.logo_metodebok {height:30px;margin-right:8px}
	div#metodebok_top span.book_title {font-size:16px}
	#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 {display:none}
	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}
}