body { padding-bottom: 240px; }
.logged-in body { min-height: 100vh; box-sizing: border-box; }
#bgimg { position: fixed; overflow: hidden; cursor: default; height: 100%; width: 100%; background: transparent url('/images/bg.jpg') no-repeat 0% 0%  padding-box; background-size: cover !important; background-position: 30% bottom; /*top: 117px;*/ }
/*.logged-in #bgimg { background: transparent url('/images/bg-lysere-undersider.jpg') no-repeat 50% 50%  padding-box }
.loginpage #bgimg { background: transparent url('/images/bg-uten-filter-innlogging-forside.jpg') no-repeat 50% 50%  padding-box }*/
.lighter-bg-page #bgimg { background: transparent url('/images/bg_85hvit.jpg') no-repeat 50% 50%  padding-box }
.no-header body { padding-top:0px; }
.no-header #header { display:none; }

.footer { /*height: 177px;*/ background-color: #BB133E; position: absolute; width: 100%; bottom: 0px; }
.footer-wrapper { border-top: 4px solid #FFF; margin-top: 50px; padding-top:20px; }
/*@media (max-width: 512px) {
	.logged-in body { padding-top:140px; }
}
@media (max-width: 460px) {
	.logged-in body { padding-top:180px; }
}
@media (max-width: 325px) {
	.logged-in body { padding-top:220px; }
}*/
html { position: relative; min-height: 100%; }
html, body, .view {
	/*height: 100%;*/
}


.navbar-brand { padding: 5px 20px; margin: 15px; }
.navbar-light .navbar-text, .navbar-light .navbar-brand { color: inherit; }
/*#header { border-bottom: 1px solid rgb(242, 242, 242); }*/
/*#header .navbar { box-shadow: none; }*/
.navbar.scrolling-navbar { padding-top: 0px; padding-bottom: 0px; }

/* korrigerer background i chrome på autofill-input-fields */
#page-top input:-webkit-autofill,
#page-top input:-webkit-autofill:hover, 
#page-top input:-webkit-autofill:focus,
#page-top textarea:-webkit-autofill,
#page-top textarea:-webkit-autofill:hover,
#page-top textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { background-color: #FFF !important; -webkit-box-shadow:0 0 0 500px white inset; box-shadow:0 0 0 500px white inset; }

h1, h2, h3, h4, h5 { font-weight: 700; }

.vertical-center { min-height: 100%; min-height: 100vh; display: flex; align-items: center; }
.vertical-center-n { display: flex; align-items: center; align-content: center; vertical-align: middle; flex-wrap: wrap;}
.cursor-p { cursor: pointer; }
.uc { text-transform: uppercase; }
.bold { font-weight: bold; }
.ul { text-decoration:underline; }
.d-block { display: block; }
.d-iblock { display: inline-block; }
.d-centeredblock { display:-ms-flexbox; display: -webkit-flex; display: flex;		 -webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;}
.d-flexwrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.d-topblock {	display: -webkit-flex; display: flex;-ms-flex-align: flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.d-bottomblock {	display: -webkit-flex; display: flex;-ms-flex-align: flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
/* hack for IE10 og IE11 som støtter flex-box, men som regner med padding/margin når de forsøker å wrape */
@media all and (-ms-high-contrast:none){
 	.d-flexwrap.row { margin-left: 0px; margin-right: 0px; }
	.d-flexwrap.row > div { padding-right: 0px; padding-left: 0px; }
}

.primary-text { color: #BB133E; }

.colors-white { color: #FFF; }
.color-black { color: #000; }

.colors-white-bg { background-color: #FFF; }

.colors-dark-blue-bg { background-color: #BB133E; }
.colors-blue-bg { background-color: #6FE9FF; }
.colors-light-blue-bg { background-color: #B3F5FF; }
.colors-red-bg	{ background-color: #FF8274 !important; }
.colors-dark-green-bg { background-color: #034B45; }
.colors-green-bg { background-color: #43F8B6; }
.colors-light-green-bg { background-color: #C7F6C9 !important; }
.colors-black-bg { background-color: #000; }
.colors-yellow-bg { background-color: #F9C66B; }
.colors-light-beige-bg { background-color: #F8F0DD; }
.colors-dark-beige-bg { background-color: #D0BFAE; }
.colors-light-grey-bg { background-color: #f4f4f5 }

.colors-dark-blue-text { color: #BB133E; }
.colors-blue-text { color: #6FE9FF; }
.colors-light-blue-text { color: #B3F5FF; }
.colors-red-text	{ color: #FF8274; }
.colors-dark-green-text { color: #034B45 !important; }
.colors-green-text { color: #43F8B6; }
.colors-light-green-text { color: #C7F6C9; }
.colors-black-text { color: #000; }
.colors-yellow-text { color: #F9C66B; }
.colors-light-beige-text { color: #F8F0DD; }
.colors-dark-beige-text { color: #D0BFAE; }
.colors-light-grey-text { color: #f4f4f5 }

:root {
	/*--primary: #BB133E;*/
}
/*
@font-face {
	font-family: 'OsloShapes';
	src: url(/assets/fonts/14b0b397132d5e8d0a6cc04f8c2fc524.woff) format("woff"); }*/
body, .tooltip, .navbar, .form-control, .form-control:focus, .video-js, .vjs-menu-content { font-family: 'Open Sans',sans-serif; font-weight: 400; color: #000; }
.vjs-menu-content, .vjs-play-progress .vjs-control-text, .vjs-play-progress:after, .vjs-control-text, .vjs-mouse-display { font-family: 'Open Sans',sans-serif !important; }
.tooltip-inner { background-color: #BB133E;  max-width: 400px; }
.popover { max-width: 476px; }

a:hover { color: #1f42aa; }
a, .text-primary {color: #BB133E }
.form-control { border-radius: 3px; padding: 1rem!important; height: auto; }
.tablesorter-pager .form-control { padding: 0.4rem!important }
.btn { border-radius: 8px; text-transform: none; }
.btn-primary, .btn-primary:focus, .btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary.focus, .btn-primary.focus:active { background-color: #BB133E !important; border-width: 0px;	}
.pills-primary .nav-link.active, .pills-primary .show>.nav-link, .tabs-primary, 
.btn-primary:hover, .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary.active.focus, .bg-primary, .badge-primary { background-color: #BB133E !important; }
.navbar-upper { background-color: #333333; height: 40px; font-size: 90%; }
.navbar-light { background-color: #FFF; }
.navbar.navbar-light .breadcrumb .nav-item.active>.nav-link, .navbar.navbar-light .navbar-nav .nav-item.active>.nav-link { background-color: transparent; }

.navbar.navbar-light .navbar-nav .active a:before { width: 80%; }
.navbar.navbar-light .navbar-nav a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 80%;
	width: 0;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: 0 0;
	background: #BB133E;
	transition: width .2s ease-in-out;
	will-change: width;
}
.navbar.navbar-light .navbar-nav a:active:before, .navbar.navbar-light .navbar-nav a:hover:before, .navbar.navbar-light>a:active:before, .navbar.navbar-light>a:hover:before {
	width: 80%;
}
.border-primary { border-color: #BB133E !important }
/*
.card-primary { background-color: #BB133E !important; }
.card-primary, .card-primary a, .md-accordion .card.card-primary .card-body, .card-primary .md-form label { color: #FFF; }
*/
.btn-secondary { background-color: #fecb00 !important; color: #000; }

.question-hover { background-color: #3e6259 !important; color: #FFF !important; }



.tools-primary { height: 185px; background: #FFFFFF 0% 0% no-repeat padding-box; background-size: cover; box-shadow: 0px 3px 6px #00000029; border-radius: 12px; opacity: 1; background-color: rgba(255, 255, 255, 0.8) !important }
.tools-wrapper { padding: 20px; height: 100%;  }
.menu-text { height: 100%; border-bottom: 8px solid #BB133E; }
.tools-page .menu-text { background: rgba(0, 0, 0, 0) url('/images/ikon-pil-graa.png') no-repeat scroll 100% 80%;  }
.menu-text img { float: right; max-width: 50px; }
.tools-single-header { font-weight: bold; font-size: 26px; margin-bottom:40px; }
.tools-single-content { font-size: 15px }
.tool-extra { background-color: rgba(255, 255, 255, 0.8); padding: 30px; }
.tool-extra h3 { font-weight: bold; border-bottom: 4px solid #BB133E; font-size: 18px; padding-bottom:10px; }
.tool-extra-icon { width: 10%; max-width: 30px; padding-right: 0px; }
.tool-extra-title { width: 90%; }
.tools-wrapper  { color: #333; }
.tools-wrapper .title-box { font-weight: bold; font-size: 19px }

/* ikke åpnede moduler enda */
.dashboard-module-box.not-available { background-color: #DEDEDE; }
.dashboard-module-box.not-available a .tools-wrapper { color: #818181; }

.dashboard-module-box.completed { background-color: #FFE0E8; }
.completed-badge { color: #FFF; background-color: #BB133E; padding: 5px 20px; position:absolute; top:0px;right:0px; font-size:12px; border-radius: 0 12px 0 0; }

/* varde farger: */
/*
rød: #A30000
gul: #f3A712
grønn: #3E6259
grå: #534D41
*/

.md-tabs { background-color: #BB133E; }
.md-tabs .nav-item.open .nav-link, .md-tabs .nav-link.active { background-color:#FFF; color: #333; }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { background-color:#f7f7f7; border-radius: 0px; color: #333; }

.alert-success { color: inherit; background-color: #C7F6C9; border-color: #c3e6cb; }
.alert-warning { color: inherit; background-color: #F9C66B; border-color: #ffeeba; }
.alert-danger { color: inherit; background-color: #FF8274; border-color: #f5c6cb; }

.login-logo-div { position: absolute; top: -100px; left: 0px;}
.loginpage-card { border-radius: 13px; background-color: rgba(255, 255, 255, 0.85); margin-top: 180px; }
#login-form, #login-form a, #login-form .md-form label { color: #FFF;}
.login-page .view .mask { bottom: auto; height: auto; }
.login-page .view, .login-page .view .mask { overflow: auto; }

.md-tabs { border-radius: 0px; box-shadow: none; }
.md-tabs .nav-item.open .nav-link, .md-tabs .nav-link.active { border-radius: 0px; }

.front-page-div { /*min-height: 100vh;*/ padding: 50px; /*display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; align-items: center;*/ }

a.disabled { cursor: not-allowed; }
select { display: inline-block !important; /*font-family: Roboto, sans-serif;*/ }
select.browser-default { display: block !important; }
select.mdb-select { display: none !important; }

.video-alert { display: none; }
.no-video .video-alert { display: block; position: fixed; z-index: 300; bottom: 0px; width: 100%; margin-bottom:0px;}

.alert-ie9 { display: none; }
.ie9 .alert-ie9 { display: block; position: fixed; z-index: 300; bottom: 0px; width: 100%; margin-bottom:0px;}

/* loading-overlay */
/*#faded-loading { display: block; }*/
/*#faded-loading > div { display: none; }*/

.faded-wrapper { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 5000; background-color: rgba(0,0,0,0.4); display:none; color:#FFF; }
#faded-msg.faded-wrapper { z-index: 2000; }
.faded-wrapper > div { height: 5em; margin: -5em 0; position: absolute; top: 50%; width: 100%; }
#faded-msg-content { font-size:200%;font-weight:bold; }


@keyframes pulse{
	from,to{transform:scale3d(1,1,1)}
	50%{transform:scale3d(1.02,1.02,1.02)}
}
#mdb-scrollspy-ex .nav-item { width: 100%; }
#mdb-scrollspy-ex a { font-size: .8rem; font-weight: 400; line-height: 1.1rem; padding: 0 5px; margin-top: 3px; margin-bottom: 3px; color: black; }
#mdb-scrollspy-ex li .active { font-weight: 600; }
#mdb-scrollspy-ex .nav .nav { display:none }
#mdb-scrollspy-ex .nav .active + .nav { display:block }


.progress-container { width: 100%; height: 8px; background: #ccc; }
.progress-bar { height: 8px; background: #BB133E; width: 0%; transition: width .5s ease; }

@media (max-width: 991px){
/*	.logged-in body { padding-top: 80px; }*/
	#plan-menu-col { display: none; }
	.front-page-div { padding: 10px; margin-bottom:20px; }
	.breadcrumb { padding: 0.75rem 0; }
	.ude-navbar { /*display:none;*/ padding: 0px; margin: 0px; }
	.navbar-brand { margin: 0px;}
	.navbar-collapse.collapse.show .navbar-nav { margin-bottom:30px; }
	/*.navbar.navbar-light .navbar-nav a:before { display: none; }*/
/*	.h1-responsive { font-size: 80% }*/
}
#plan-menu-col, .sticky, #toggle-plan-btn i, #plan-content-col  { transition: all .2s ease-in; }
#plan-menu-col { /*position:absolute; /*flex: 0 0 0%; max-width: 0%;*/ position:fixed; right:-25%;}
.show-plan-menu #plan-menu-col { /*flex: 0 0 16.666667%; max-width: 16.666667%;*/ right:0%; }
#mdb-scrollspy-ex { /*display: none; /*width: 0% !important;*/ overflow: hidden; }
.show-plan-menu #toggle-plan-btn i { transform: rotate(180deg); }
@media (min-width: 992px){
	.show-plan-menu #plan-content-col { max-width:75%;  flex: 0 0 75%; }
	
}
.show-plan-menu #mdb-scrollspy-ex { display: block;/*width: inherit !important;*/ }

.sticky { right: -25%; width:25% }
.show-plan-menu .sticky { right: 0%; width: 25% }


/*.card { box-shadow: none; border-radius: 0px }*/
.card .card-body .card-text { color: inherit; }
/* score updater */
.scoreupdater-wrapper { bottom: 0px; right: 0px; position: fixed; }
#scoreupdater, #scorerlmupdater { padding: 20px; display: none; }
.preloader-wrapper .spinner-blue, .preloader-wrapper .spinner-blue-only { border-color: #6FE9FF; }
.preloader-wrapper.preloader-wrapper-small { width: 2rem; height: 2rem; }
@media (max-width: 991px){
	.scoreupdater-wrapper { width: 100%; }
}

/*
  Player Skin Designer for Video.js
  http://videojs.com

  To customize the player skin edit 
  the CSS below. Click "details" 
  below to add comments or questions.
  This file uses some SCSS. Learn more  
  at http://sass-lang.com/guide)

  This designer can be linked to at:
  https://codepen.io/heff/pen/EarCt/left/?editors=010
*/
.video-js {
  /* The base font size controls the size of everything, not just text.
     All dimensions use em-based sizes so that the scale along with the font size.
     Try increasing it to 15px and see what happens. */
  font-size: 10px;
  /* The main font color changes the ICON COLORS as well as the text */
  color: #fff;
}

/* The "Big Play Button" is the play button that shows before the video plays.
   To center it set the align values to center and middle. The typical location
   of the button is the center, but there is trend towards moving it to a corner
   where it gets out of the way of valuable content in the poster image.*/
.vjs-default-skin .vjs-big-play-button {
  /* The font size is what makes the big play button...big. 
     All width/height values use ems, which are a multiple of the font size.
     If the .video-js font-size is 10px, then 3em equals 30px.*/
  font-size: 3em;
  /* We're using SCSS vars here because the values are used in multiple places.
     Now that font size is set, the following em values will be a multiple of the
     new font size. If the font-size is 3em (30px), then setting any of
     the following values to 3em would equal 30px. 3 * font-size. */
  /* 1.5em = 45px default */
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  /* 0.06666em = 2px default */
  border: 0.06666em solid #fff;
  /* 0.3em = 9px default */
  border-radius: 0.3em;
  /* Align center */
  left: 50%;
  top: 50%;
  margin-left: -1.5em;
  margin-top: -0.75em;
}

/* The default color of control backgrounds is mostly black but with a little
   bit of blue so it can still be seen on all-black video frames, which are common. */
.video-js .vjs-control-bar,
.video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content {
  /* IE8 - has no alpha support */
  background-color: #BB133E;
  /* Opacity: 1.0 = 100%, 0.0 = 0% */
  background-color: rgba(42, 40, 89, 0.7);
}

/* Slider - used for Volume bar and Progress bar */
.video-js .vjs-slider {
  background-color: #706cbd;
  background-color: rgba(112, 108, 189, 0.5);
}

/* The slider bar color is used for the progress bar and the volume bar
   (the first two can be removed after a fix that's coming) */
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  background: #fff;
}

/* The main progress bar also has a bar that shows how much has been loaded. */
.video-js .vjs-load-progress {
  /* For IE8 we'll lighten the color */
  background: #c6c4e5;
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(112, 108, 189, 0.5);
}

/* The load progress bar also has internal divs that represent
   smaller disconnected loaded time ranges */
.video-js .vjs-load-progress div {
  /* For IE8 we'll lighten the color */
  background: white;
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(112, 108, 189, 0.75);
}
.video-js { background-color: transparent; }
.vjs-audio .vjs-big-play-button { height: 30px; width: 60px; margin-top: 0px; margin-left: 0px; left: 0px; top:0px; line-height:30px; border-width: 0px; }
.vjs-audio .vjs-picture-in-picture-control, .vjs-audio .vjs-fullscreen-control { display: none; }
.vjs-audio .vjs-control-bar { background-color: rgba(42, 40, 89, 1); }
.progress-circle {
  width: 150px;
  height: 150px;
  background: none;
  position: relative;
}

.progress-circle::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}

.progress-circle>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.progress-circle .progress-left {
  left: 0;
}

.progress-circle .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 6px;
  border-style: solid;
  position: absolute;
  top: 0;
	transition: transform .5s ease;
}

.progress-circle .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.progress-circle .progress-right {
  right: 0;
}

.progress-circle .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.progress-circle .progress-value {
  position: absolute;
  top: 0;
  left: 0;
}



.report-graph-400 { min-height: 400px; }
.digiaks-year-2018 .report-graph-400 { min-height: 450px; min-height:28.1em }
.report-graph-600 { min-height: 600px; }
.report-graph-800 { min-height: 800px; }
.report-graph-allschools { min-height: 2220px; }

#slide-out.side-nav { margin-top: 108px; }
#slide-out.side-nav a { height: auto; }
.button-collapse {
 position: fixed;
 left: 10px;
 top: 10px;
 z-index: 10; 
}
@media only screen and (max-width: 1440px){
	#slide-out.side-nav.fixed {
		transform: translateX(0);
	}
}
@media all {
	.page-break	{ display: none; }
}

table.tablesorter td { font-size: 11px; }

/* Player */
.videosized { /*width: 854px; height: 480px;  width: 1280px; height: 720px;*/ width:100%; height:100%; }
#course-content { position: relative; /*background-color: #FF0;*/ }
#course-content a { text-decoration:none }
#pausedvideo { position: absolute; top: 0px; left: 0px;}
.faded_opacity { position: absolute; top: 0px; left: 0px; background-color: #000; opacity: 0.5; }
#fadedbg-content { position: absolute; }
#fadedbg_div { position: absolute; top: 0px; left: 0px; text-align: center; color: #FFF; overflow: hidden; z-index: 1; }
#fadedbg_div.forcescroll { overflow:auto; overflow-y: auto; }
/*#fadedbg_div .btn { color: #333; } */
#fadedbg_td { padding: 0px; margin: 0px; vertical-align:middle;text-align: center}
#fadedbg_td .card { height: 100%; background-color: rgba(255, 255, 255, 0.9); }
.pos-abs { position: absolute; }

#course-container-td .card { text-align:left; padding: 30px; color: #333; }
.card table { width: 100%; }
.ff-overlay-headerbar { padding: 0px 0px 15px 0px; border-bottom: 1px solid #000; font-size: 22px; }
.ff-overlay-headerbar img { max-width: 50px; }
.videosized td { font-size: 14px; }
.questions-no { font-size: 12px; }
#quiz-Text_1 {  font-weight: bold; padding: 10px 0 0 0; }
#quiz-Text_2 { font-size: 90%; font-style:italic; padding: 10px 0 0 0; }
.quiz-form { margin: 10px 0 20px;}
.quiz-form .form-check-input[type="radio"]:not(:checked)+label, .quiz-form .form-check-input[type="radio"]:checked+label, .quiz-form label.btn input[type="radio"]:not(:checked)+label, .quiz-form label.btn input[type="radio"]:checked+label { height: 32px; }
.quiz-form .form-check-input[type="radio"]+label:before, .quiz-form .form-check-input[type="radio"]+label:after, .quiz-form label.btn input[type="radio"]+label:before, .quiz-form label.btn input[type="radio"]+label:after { width: 24px; height: 24px; }

.quiz-form .form-check-input[type="checkbox"]+label:before, .quiz-form .form-check-input[type="checkbox"]:not(.filled-in)+label:after, .quiz-form label.btn input[type="checkbox"]+label:before, .quiz-form label.btn input[type="checkbox"]:not(.filled-in)+label:after { width: 24px; height: 24px; }
.quiz-form .form-check-input[type="checkbox"]:checked+label:before, .quiz-form label.btn input[type="checkbox"]:checked+label:before { height: 1.675rem; width: 12px;}

.form-check-input[type="radio"]:checked+label:after, .form-check-input[type="radio"].with-gap:checked+label:after, label.btn input[type="radio"]:checked+label:after, label.btn input[type="radio"].with-gap:checked+label:after { 	background-color: #BB133E; }
.form-check-input[type="radio"]:checked+label:after, .form-check-input[type="radio"].with-gap:checked+label:before, .form-check-input[type="radio"].with-gap:checked+label:after, label.btn input[type="radio"]:checked+label:after, label.btn input[type="radio"].with-gap:checked+label:before, label.btn input[type="radio"].with-gap:checked+label:after { border: 2px solid #BB133E; }
.form-check-input[type="checkbox"]:checked+label:before, label.btn input[type="checkbox"]:checked+label:before { border-right: 2px solid #BB133E; border-bottom: 2px solid #BB133E; }

.col-qb-opt, .card .quiz-form .card-check-td { width: 5%; }
.quiz-form tr, .quiz-form .card-option { cursor: pointer; }
.quiz-form td { padding: 3px 0; }
/* responsive quizview */
.vjs-quiz #video_1 video, .vjs-quiz #video_1 #fadedbg_opacity { display: none; }
/*.vjs-quiz #video_1 #fadedbg_div, .vjs-quiz #video_1 #fadedbg-content, .vjs-quiz #video_1 { position: static; }*/
.vjs-quiz #course-container-td .embed-responsive-16by9, .vjs-quiz #course-container-td .embed-responsive-4by3 { padding-bottom: 0px; }
.vjs-autoheight .embed-responsive-16by9::before, .vjs-quiz .embed-responsive-16by9::before { padding-top: 0%; }
.vjs-autoheight #fadedbg_div, .vjs-autoheight #fadedbg-content, .vjs-autoheight .embed-responsive .embed-responsive-item, .vjs-quiz #fadedbg_div, .vjs-quiz #fadedbg-content, .vjs-quiz .embed-responsive .embed-responsive-item { position: static; }
 .vjs-quiz #fadedbg_td .card { min-height: 500px; }
.vjs-autoheight #fadedbg_opacity { display: none; }
/* fix for chrome-fullscreen */
.video-js.vjs-fullscreen { background-color: #FFF; }
/* subtitle-meny */
.vjs-menu-button-popup .vjs-menu { z-index:1; }
.vjs-menu li { color: #FFF; text-transform: none; }
.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
    background-color: #cd123c;
    color: #FFF;
}
.vjs-caption-settings select { color: #000; }

/*#course-info { margin-top: 3.2em; margin-bottom:3px; position:absolute;top:100%;width:100%; }*/
.course-navigation { height: 3.2em; }
.course-bottom-right { line-height: 3em;font-size: 1em; margin-bottom: 3px; }
.course-bottom-left { text-align: center; margin-bottom:10px;  }

.course-progress .progress { background-color: #FFF; border-radius: 0px; margin-bottom: 0px; height: 3em;}
.course-progress .progress-bar { background: #BB133E; }
.progress {
/*    background-color: #e76a0b;*/
    color: #333;
    position: relative;
    text-align: center;
}
.course-progress .progress-desc { text-transform: uppercase; left: 0; top: 0px; position: absolute; width: 100%; }
.course-desktop-btn { font-size: 1em; text-align: center; }
/*#course-container-td .vjs-default-skin .vjs-control-bar { width: 99%; left: 0.5%; bottom: -46px; background-color: transparent; }*/
#course-container-td .vjs-default-skin .vjs-slider-handle:before { line-height: 2; -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform:none; height: 8px; width: 6px; background-color: #FFF; }
#course-container-td .vjs-default-skin.vjs-fullscreen .vjs-control-bar { bottom: 0; }
#course-container-td .embed-responsive { overflow: visible; }
#course-container-td .video-js .vjs-big-play-button::before, #course-container-td .video-js .vjs-modal-dialog, #course-container-td .vjs-modal-dialog .vjs-modal-dialog-content, #course-container-td .vjs-big-play-button {
	margin: 0 auto;
	position: static; 
}
#pausedvideo .vjs-big-play-button, #fadedbg_div .vjs-big-play-button { display: block; }
.video-js { background-color: transparent; }
.video-js .vjs-play-progress, .video-js .vjs-volume-level { background-color: #af1b1b; }
/* controlbar */
/*.video-js button, .vjs-menu-button, .vjs-control-bar, .vjs-icon-play::before, .video-js .vjs-play-control::before { color: #333; }*/
.video-js button.btn-primary { color: #FFF; }
.video-js .vjs-big-play-button::before { color: #FFF; }
.video-js .vjs-big-play-button { background-color: rgba(205, 18, 60, 0.7); }
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { background-color: rgba(205, 18, 60, 0.5); }

.video-js { font-size: 14px; }

.news {}

/*.news-body a, .news-list-item-header a, .news-list-item-big-header a, .news-list-item-ingress a, .news-list-item-big-ingress a { color: #777; }
.news-body a:hover, .news-body a:focus { color: #555; }*/
/*.news-text-wrapper { margin-top: 20px; }*/
.news-list-item { text-align: left; width: 100%;float: left; }
.news-border-top { border-top:5px solid #2d2d2d;padding-top:5px; }
.news-image-wrapper { /*max-height: 260px;*/ overflow:hidden; margin-bottom: 15px; }
.not-read-article { /*width: 10px; height: 10px; background-color: #00F; border-radius: 50%;display:block;*/ position: relative; bottom: 10px; color: #00F; font-size: 50%; }
.clearleft { clear: left; }
/*#news-content .news-list-item.thrd .news-image-wrapper { height: 225px; }*/
@media (min-width: 992px) {
/*	.news-list-item.thrd {  width: 33.3333333%; }
	.news-list-item.thrd:nth-of-type(3n+2),.news-list-item.thrd:nth-of-type(3n+1) { padding-right: 5px; }
	.news-list-item.thrd:nth-of-type(3n+2),.news-list-item.thrd:nth-of-type(3n+0) { padding-left: 5px; }
	#news-content .news-list-item.thrd .news-image-wrapper { height: 225px; }
	.news-list-item.thrd .news-list-item-ingress, .news-list-item.thrd .more { display:none; }*/
	
	.news-list-item .news-image-wrapper { flex-width: 0 0 35%; max-width: 35%; margin-bottom: 0px;  }
	.news-list-item .news-text-wrapper { flex-width: 0 0 65%; max-width: 65%; }
	.news-list-item .news-image-wrapper { height: auto; }
	.news-list-item .news-list-item-header { font-weight: bold !important; /*font-size: 160%;*/ }/*
	.news-list-item-ingress, .news-list-item-header { font-size: 120%; }*/
	/*.news-list-item.thrd:nth-child(3n+0) { clear:left; }*/
	/*.news-list-item:nth-child(3n+0):before, .news-list-item:nth-child(3n+0):after { content: " "; display: table; }
	.news-list-item:nth-child(3n+0), .news-list-item:nth-child(3n+0):after { clear: right; }*/
	/*#news-content .news-list-item.sticky-news img { max-height: auto }*/
	
/*	#news-content .news-list-item:nth-child(4n+2) img, #news-content .news-list-item:nth-child(4n+3) img, #news-content .news-list-item:nth-child(4n+0) img { max-height: 225px; }
	.news-list-item:nth-child(4n+2), .news-list-item:nth-child(4n+3), .news-list-item:nth-child(4n+0) { width: 33.3333333%; }
	.news-list-item:nth-child(4n+2) .news-list-item-ingress, .news-list-item:nth-child(4n+3) .news-list-item-ingress, .news-list-item:nth-child(4n+0) .news-list-item-ingress, .news-list-item:nth-child(4n+2) .more, .news-list-item:nth-child(4n+3) .more, .news-list-item:nth-child(4n+0) .more { display:none; }
	
	.news-list-item:nth-child(4n+2), .news-list-item:nth-child(4n+3) { padding-right: 5px;}
	.news-list-item:nth-child(4n+3), .news-list-item:nth-child(4n+0) { padding-left: 5px; }
	.news-list-item:nth-child(4n+1) { width: 100%; }
	.news-list-item:nth-child(4n+1) .news-image-wrapper, .news-list-item:nth-child(4n+1) .news-text-wrapper { flex-width: 0 0 50%; max-width: 50%; }
	.news-list-item:nth-child(4n+1) .news-image-wrapper { height: auto; }
	.news-list-item:nth-child(4n+1) .news-list-item-header { font-size: 240%; }
	.news-list-item-ingress, .news-list-item-header { font-size: 120%; }
*/
}

.news-list-item img { max-width: 100%;/* margin-bottom: 20px;*/ }
.news-list-tags { padding-top: 10px 0px; }
.news-list-item-header { font-size: 180%; font-weight: bold; overflow-wrap: break-word; word-wrap: break-word; position: relative; }
.news-list-item-header a { color: #000; }
.news-list-item-big-header { font-size: 200%; text-transform: uppercase; font-weight: bold; /* margin: 10px 0px;*/overflow-wrap: break-word;word-wrap: break-word }
.news-list-item-big-date { margin: 15px 0px; font-size:90% }
.news-facts-box { padding: 25px; margin-top: 20px; margin-bottom:20px; background-color: #2d2d2d; color: white; }
.news-facts-box a { color: #AAA; }
.news-comment-profile-img img { border: 5px solid #FFF; }
.news-comments a { color: #000; padding-right: 20px; }
.news-comments a.btn { color: #FFF; }
.news-comments a.active, .news-meta a.active { color: #00f }

/* switch */
.switch label .lever { background-color: #4B5763; width: 2.2rem; height: 1.2rem; border-radius: 1.2rem; }
.switch label .lever:after { background-color: #FFF; border-radius: 1.2rem; left: 0; top: 0; box-shadow: none; width: 1.2rem; height: 1.2rem; border: 2px solid #444; }
.switch label input[type=checkbox]:checked+.lever { background-color: #444; }
/* checked */
.switch label input[type=checkbox]:checked+.lever:after, .range-field input[type=range]::-webkit-slider-thumb, .range-field input[type=range]+.thumb { background-color: #FFF;/*#BB133E;*/ border-color: #BB133E; left: 1rem; }
.switch label input[type=checkbox]:checked+.lever { background-color: #BB133E; }


.front-box { text-align: center; }
.front-box .logo-box { float: none; display: block; }
.front-box .menu-text { width: 100%; }
.front-box .logo-box, .front-box .title-box { flex: 0 0 100%; }
.front-box .menu-text img { float:none; width: 150px; max-width: none; }
.front-box.tools-primary { height: 300px; }


.logo-box { float: right; display:inline-block }
.title-box { display:block; }
.menu-text img { float:none; width: 50px; }
.industry-box.dashboard-module-box {  min-height:100px;height: 120px }
.industry-box .switch { position:absolute;bottom:20px;right:20px; }
.industry-box .menu-text { border-bottom-width: 0px; }
@media (max-width: 767px){
	.industry-box.tools-primary { background-color: transparent; box-shadow: none }
	.industry-box.dashboard-module-box { min-height: 70px; height: auto; }
	.industry-box .title-box { display:inline-block; margin-top: 10px; width: 80%; padding-right: 30px; padding-left: 10px;  }
	.industry-box .logo-box { float:left; width: 15%; /*none;*/ }
	.industry-box .switch { bottom: auto; top: 20px; right: 10px; }
	.industry-box .tools-wrapper { font-weight: normal; font-size: 18px; padding: 10px; }
}

.tool-box.dashboard-module-box { min-height: 255px }
.tool-box a { text-decoration: underline; color: #000; }

#results { overflow: hidden; }
.main-fordeler-wrapper { background-color: #BB133E; color: #FFF; transition: all .3s ease;}
.sticky-placeholder { display: none; }
@media (min-width:768px){
	.main-fordeler-wrapper {
		display: none; 
		position: fixed !important;
/*		top: 0px;*/
		right: -28%;
		width: 28%;
		z-index: 1;
		
	}
	.main-fordeler-wrapper .fordel-wrapper { padding: 2em; }
	.showing-results .main-fordeler-wrapper { right:0px; display: block; }
}
/*
@media (min-width:1200px){
	.main-fordeler-wrapper {
		width: 40%;
		right:-40%;
	}
}
*/
.fordel-wrapper { border-bottom: 1px solid #BB133E;  }
.fordel-tweak { background-color: #BB133E; color: #FFF; }
.fordel-tweak .fordel-value-text { text-align: right; }
.fordel-tweak label { margin-bottom: 0px; }
.fordel-tweak a { color: #FFF; text-decoration: underline; }
.fordel-tweak table { color:#FFF; }
.fordel-tweak .switch label input[type=checkbox]:checked+.lever { background-color: #FFF; }
.fordel-tweak .switch label input[type=checkbox]:checked+.lever:after { background-color: #BB133E; border-color: #FFF; }
/*.fordel-tweak a, .grunnlag-page-wrapper a { color: #272A2F; text-decoration: underline}*/
.fordel-tweak a.close-fordel { text-decoration: none; position: absolute; top:-20px; right:10px; }
.fordel-wrapper, .fordel-tweak { padding-bottom: 2em; padding-top: 2em; }
.fordel-title { font-size: 1.25rem; font-weight: bold; margin-bottom: 0px; }
.fordel-value-text { color: #272A2F; font-weight: bold; }
.md-form input.varde-step-input { background-color: #FFF; border-bottom-width: 0px; text-align:center; padding: 0rem !important; font-size: 12px; border-bottom:1px solid #FFF !important; border-top: 1px solid #FFF !important; color: #FFF; }

@media (max-width: 767px){
	.menu-img { width: 55px; }
	html { margin-bottom: 115px;}
	html.no-menu-header { margin-bottom: 0px; }
	/*.showing-navbar #header, .showing-navbar #header>.navbar { min-height: 100vh; }*/
	.navbar-large-white-one { position:fixed; bottom:0px; z-index: 1; width: 100%; text-align: center; height: 115px; }
	.navbar-large-white-one ul.ml-auto { margin: 0 auto !important; padding:10px 0; width: 100%}
	.navbar-large-white-one .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; }
	.navbar-large-white-one .nav-link { text-align: center; text-transform: uppercase}
    .moduleintro-page .footer { bottom: 115px; }
}
@media print {
	#faded-bg, #faded-wrapper, #faded-loading { display:none !important}
/*	html, body {
		height: 99%;
	}*/
	/* dette fikser en bug med printout i chrome, hvor chrome kuttet charts i høyden */
	.row { display: block; }
	
	.col-lg-3 { width: 25%; float: left; }
	.col-lg-4 { width: 33.3333%; float: left; }
	.col-lg-6 { width: 50%; float: left; }
	.col-lg { width: 100%; float: left; }
	
	.sticky-content.sticky { display: none; }
	.page-break	{ display: block; page-break-before: always; }
	#header-most-important .badge-primary, #header-most-important .bg-primary { background-color: transparent !important; color: #000 !important; }
	#header-most-important .badge-primary { }
}