@font-face{
    font-family:"FuturaPassata";
    src:url('fonts/FuturaPassata-DISPLAY.eot');
    src:url('fonts/FuturaPassata-DISPLAY.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaPassata-DISPLAY.woff2') format("woff2"),
        url('fonts/FuturaPassata-DISPLAY.woff') format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
body { background-color: #FFF; font-size:0.88rem }
body.with-header { padding-top: 93px; }
.footer { background-color: #F6F6F6; padding-top: 30px; margin-top:20px; padding-bottom:30px; }

a { color: #000; text-decoration:underline; }
a:hover, a:focus { color: #cc092f; }
a.red-a { color: #CE0029;text-decoration:underline; }
a.red-a:hover, a.red-a:focus { color: #FF2E57;text-decoration:none; }

html { position: relative; min-height: 100%; }
b,strong { font-weight: bold; }
.no-wrap { white-space: nowrap; }

/* 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; }

.card { -webkit-box-shadow: none; box-shadow: none; }
.card .card-body h1, .card .card-body h2, .card .card-body h3, .card .card-body h4, .card .card-body h5, .card .card-body h6 { font-weight: bold; }
h1, h2, h3, h4, h5 { font-family:FuturaPassata,Futura,Trebuchet MS,Arial,sans-serif; }
h3 { text-transform: uppercase; font-weight: bold; }
hr { border-top: 1px solid #F6F6F6; }

.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 !important; }
.no-ul { text-decoration:none !important; }
.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; }
}
.page-header { font-size: 24px; text-align: center; }
.modal-dialog .modal-content { border-radius: 3px; box-shadow: none; }
.modal-content { background-color: #f6f6f6; }
.modal-header { display: block; text-align: center; border-bottom-width: 0px; padding-bottom: 0px; }
.modal-footer { border-top-width: 0px; padding-top: 0px; }
.modal-header .close { float:right; }
.modal-title { font-size: 24px; text-align: center; text-transform: none; font-weight: normal; display: inline-block; font-family: 'Mulish', sans-serif; }
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: 1; }
@media (min-width: 576px){
    .modal-dialog { margin: 0 auto; }
}


.modal-windowsize, .modal-windowsize .modal-dialog { min-height: 100vh; width: 100vw; border-width: 0px; max-width: 100%; margin:0px; }
.modal-windowsize .modal-content { min-height:300px;height: 100vh; }
.modal-windowsize .modal-content { border-width:0px; border-radius: 0px; box-shadow: none; }
.modal-windowsize .modal-body { max-height: 90%; overflow-y: scroll; }

.loginpage .footer {display: none; }

.mm-chat-active, .mm-chat-active .modal-windowsize .modal-body { overflow-y: hidden !important; }
.chat-msg-wrapper {
    width: 90%;
}
.speech-bubble p { margin-bottom: 0px; }
.speech-bubble {
	margin-top: 0.2rem;
	margin-bottom: 30px;
	padding: .5rem 1rem;
	position: relative;
	font-size: 1rem;
	font-weight: 400;
	background: #FFF;
	color: #3C3C3C;
    border-left-width: 0px;
    border-radius: 5px 5px 5px 0px
}
.chat-self.chat-msg-wrapper {
	margin-left: 10%;
}
.chat-self .speech-bubble {
    border-radius: 5px 5px 0px 5px;
    background-color: #D6D6D6;
}
.btn-chat-delete { position: absolute; top: 5px; right: 10px; font-size:0.8rem; color:#000; }
@media (max-width: 992px){
	.speech-bubble {
		width: 100%;
	}
	.chat-self .speech-bubble {
		margin-left: 0%;
	}
}


.primary-text { color: #CE0029; }
.primary-bg { background-color: #CE0029 !important; }
.transparent { background-color: transparent !important; }

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

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

.colors-grey-bg { background-color: #3C3C3C; }
.card-grey { background-color: #3C3C3C; color: #FFF; }
.colors-light-grey-bg { background-color: #F6F6F6; }


.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-dark-red-text { color: #B82B35; }
.colors-dark-blue-text { color: #CE0029; }
.colors-blue-text { color: #6FE9FF; }
.colors-light-blue-text { color: #B3F5FF; }
.text-danger, .colors-red-text	{ color: #FF8274 !important; }
.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: #F6F6F6 }

:root {
	/*--primary: #CE0029;*/
}
.switch label input[type="checkbox"]:checked+.lever:after { background-color: #CE0029; }
/*
@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: 'Mulish', 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: 'Mulish',sans-serif !important; }
.tooltip-inner { background-color: #CE0029;  max-width: 400px; }
/* tooltip arrow */
.bs-tooltip-bottom[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before, .bs-tooltip-top[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { border-top-color: #CE0029; border-bottom-color: #CE0029; }
 .popover { max-width: 476px; }
.breadcrumb { background-color: transparent; margin-bottom: 0px; padding: 5px 0px; }
.breadcrumb a { text-decoration: none; }

header a { color: #FFF; }
/*a:hover { color: #1f42aa; }*/
.text-primary {color: #CE0029 }
/*.form-control { border-radius: 8px; padding: 0.8rem!important; height: auto; border-color: #CE0029; }
.form-control:focus { border-color: #CE0029; box-shadow: 0 0 0 0.2rem rgba(98,184,191,.25); }*/
.tablesorter-bootstrap thead th, .tablesorter-bootstrap thead td, .tablesorter-bootstrap tfoot th, .tablesorter-bootstrap tfoot td { font-family: 'Mulish', sans-serif; }
.tablesorter-pager .form-control { padding: 0.4rem!important }
.tablesorter-pager select.custom-select { padding: .375rem 1.75rem .375rem .75rem; display:inline-block !important }
table.table-xs th, table.table-xs td { padding: .2rem; }
table.table-xxs td { padding: 0rem .2rem; }
.table.table-v-middle td, .table.table-v-middle th { vertical-align: middle; }
.btn { border-radius: 3px; text-transform: none; text-decoration:none !important; box-shadow: none; padding: .64rem 1.8rem }
.btn-floating { box-shadow: 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: #CE0029 !important; border-width: 0px; color: #FFF	}
.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, .pagination .page-item.active .page-link { background-color: #CE0029 !important; }
.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show>.btn-primary.dropdown-toggle { background-color: #FF2B55 !important; }


.navbar { box-shadow: none; }
.navbar-dark .navbar-nav .nav-link { color: #FFF; }
.animated-icon2 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon2 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon2 span { background: #FFF; }
.animated-icon2.open span { background: #000; }

.animated-icon2 span:nth-child(1) {
top: 0px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
top: 10px;
}

.animated-icon2 span:nth-child(4) {
top: 20px;
}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}
#header .navbar-collapse .nav-item { border-bottom: 1px solid #EEEDEA;}
#header .fixed-top { transition: none; }
#header .nav-link { padding: 0.8rem 0px; }
.showing-navbar .hidden-on-menu { display:none; }
.showing-navbar .menu-burger-wrapper { /*text-align: right; margin-left: auto;*/ margin-bottom: 20px; margin-top: 20px; }
.navbar-open-mm { background-color: #FFF !important; color: #2A1E2A !important; height:100%; }
.navbar-open-mm a { color: #2A1E2A !important; text-decoration: none; }


.border-primary { border-color: #CE0029 !important }
.btn-secondary { background-color: #fecb00 !important; color: #000; }
.btn-white { border: 1px solid #E3E5E1; }
.btn-white:not([disabled]):not(.disabled):active, .btn-white:not([disabled]):not(.disabled).active, .show>.btn-white.dropdown-toggle {
	background-color: #eee !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-redborder { border: 1px solid #CE0029; color: #CE0029 !important }

.front-ansatt { background-image: url('/images/ansattimeny.webp'); background-size:cover; background-repeat: no-repeat; background-position: center; height:400px; position: relative }
@media (max-width: 767px) {
    .front-ansatt { height: 300px; }
}
.front-ansatt:before { content: ""; position: absolute; display: block; height: 100%; width: 100%; background: transparent;
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, transparent 100%);/* background-color: linear-gradient(to bottom, transparent 25%, black 75%);*/ }
.front-ansatt form { position: absolute; width: 100%; bottom: 10px; }

.landing-sok .multiple-datasets .input-group > input { width: 80% !important; }

.classic-tabs .nav { justify-content: center!important; background-color: transparent !important; border-bottom: 1px solid #E3E5E1; margin-top: 40px; }
.classic-tabs .nav.tabs-primary li a { text-transform: none; font-size: 14px; margin: 0px 12px; padding: 10px 0px; color:#000; text-decoration: none; position: relative; }
.classic-tabs .nav.tabs-primary li a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 58%;
	width: 0;
	height: 4px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
    background: 0 0;
	background: #CE0029;
	transition: width .2s ease-in-out;
	will-change: width;
}
.classic-tabs .nav.tabs-primary li a:active:before, .classic-tabs .nav.tabs-primary li a:hover:before, .classic-tabs .nav.tabs-primary li a.active:before, .classic-tabs .nav.tabs-primary li>a:hover:before { width: 100%; }
.classic-tabs .nav.tabs-primary li a.active { color: #000; font-weight: bold; border-bottom-width: 0px; /*-color: #CE0029;*/ }
.classic-tabs .nav.tabs-primary li a:not(.active) { margin-bottom: 0px; }
.classic-tabs .nav li:first-child { margin-left: 0; }
.tab-content { padding: 2rem 0 0 0; }

.news-list-item img { border-radius: 3px }
.news-list-item-header { margin-bottom: 10px; font-weight: bold }
.news-list-item-date { text-align: center; }
.news-body a { text-decoration: underline; }
/*
.md-tabs { background-color: #CE0029; }
.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; }
.md-tabs { border-radius: 0px; box-shadow: none; }
.md-tabs .nav-item.open .nav-link, .md-tabs .nav-link.active { border-radius: 0px; }

.folder-wrapper, .file-wrapper { padding: 10px; border-bottom: 1px solid #D6D6D6; }
.folder-wrapper:hover, .file-wrapper:hover { background-color: #eee; }

a.disabled { cursor: not-allowed; }

.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;}
/*
.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; }
*/
/* loading-overlay */
.faded-wrapper { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 2000; background-color: rgba(0,0,0,0.4); display:none; color:#FFF; }
#faded-msg.faded-wrapper { z-index: 2001; }
.faded-wrapper > div { height: 5em; margin: -5em 0; position: absolute; top: 50%; width: 100%; }
#faded-msg-content { font-size:200%;font-weight:bold; }
/* score updater */
.scoreupdater-wrapper { bottom: 0px; right: 0px; position: fixed; border-radius:5px 0 0}
#scoreupdater, #scorerlmupdater { padding: 10px; display: none; }

/* progression-indicators/balls */
.progression-ball { width: 16px; height: 16px; border-radius: 8px; margin:5px; display:inline-block; }
.progress { border: 1px solid #E3E5E1; }
.progress-bar { background-color: #3C3C3C; text-align:right; color: #FFF; }

/* learningpaths */
.learning-box { border-radius: 4px; height: 120px; text-align: center; position: relative; box-shadow: 1px 1px 3px 3px rgb(0 0 0 / 5%) !important}
.learning-box .box-img { height: 80px }
.learning-box .box-desc { padding: 10px; font-size: 90%; position:absolute; width: 100%; bottom:0px; }
.myscores-page .learning-box { height: 140px; }
.myscores-page .learning-box .box-desc { padding-top: 0px; }
.myscores-person-name { font-weight: bold; }
.myscores-placement { background-color: #f6f6f6; margin-bottom:10px; padding: 15px 10px; text-align: center}
.myscores-placement-no { font-weight: bold; }
.myscores-activity { margin-bottom:10px;}
.myscores-activity-date { font-weight: bold; }
.learningpath-folder-element.matskatter-block > div:before { padding-top: 170px; }

.halloffame-header { background-image: url("/images/halloffame-header.jpg"); background-position: center center; background-repeat: no-repeat; /*background-attachment: fixed; */background-size: cover; }

.halloffame-header, .halloffame-headerrow { min-height:450px; }
.halloffame-headerwrapper { text-align: center; }
.halloffame-headertext {  }
.halloffame-headercongratulate { font-weight: bold; font-size: 160%; margin-top: 20px; margin-bottom: 20px; }
.halloffame-pagination { font-size: 230%; margin-top: 20px; }
.halloffame-pagination-prev { margin-right:20px; }
.halloffame-pagination-next { margin-left:20px; }

@media (max-width: 991px) {
	.halloffame-header, .halloffame-headerrow { min-height:350px; }
	.halloffame-pagination-prev img, .halloffame-pagination-next img { max-width: 20px; }
	.halloffame-pagination-prev { margin-right:5px; }
	.halloffame-pagination-next { margin-left:5px; }
}
@media (max-width: 767px) {
	.halloffame-header, .halloffame-headerrow { min-height:200px; }
	.halloffame-headercongratulate { font-size: 100%; margin-top: 5px; margin-bottom: 5px; }
	.halloffame-pagination { font-size: 100%; }
}
.halloffame-page .highscores-filter-category { opacity: 0.4; }
.halloffame-page .highscores-filter-category.active { opacity: 1; }
.halloffame-page .highscores-filter-category.active .default-img { display: inline-block; }
.halloffame-page .highscores-filter-category.active .active-img { display: none; }

.profile-info-name { font-weight: bold; font-size: 120%; margin-bottom:20px; }

.faq-page .md-accordion .card .card-header { padding: 1rem 0rem; }
.faq-page .card-header h5 { font-size: 14px; }
.faq-page .card-header a:not(.collapsed) { color: #cc092f; }
.faq-page .card-header a:not(.collapsed) h5 { font-weight: bold; }
.faq-page .card-body { padding: 10px 0px; }

.learningpath-header { text-align: center; font-size: 200%; margin: 20px 0; }
.learningpath-progressionbar-icon-td { width: 60px; }
.learningpath-progressionbar-icon-td img { width: 50px; margin-right: 10px; }
.learningpath-progressionbar-progress { position: relative; }
.learningpath-progressionbar-progress .progress { margin-bottom: 0px; height: 30px; line-height: 30px; }
/* detailed view */
.learningpath-progression-menu { text-align:center; margin-bottom: 40px; }
/* other paths */
.learningpath-progression-others .learningpath-progression-other { padding-top:20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; border-top: 1px solid #eee; }
.learningpath-progression-others .learningpath-progression-other:first-child { border-top: 0px solid #eee; }
.learningpath-progression-others .learningpath-progressionbar-progress { text-transform: uppercase; /*float: left; width: 49%; margin-right: 2%;*/margin-top: 10px; }
.learningpath-progression-others .learningpath-progressionbar-progress:last-child { margin-right: 0%; }

.learningpath-folder-description { /*text-transform: uppercase; font-weight: bold;*/ height: 25px; position: relative;}
.learningpath-folder-description .learningpath-folder-description-bg { height: 10px; position: relative; top: 7px; }
.learningpath-folder-description .learningpath-folder-description-span { position: relative; top: -7px; background-color: #FFF; height: 25px; line-height: 25px; padding-right: 5px;  }
.learningpath-folder-elements { margin-bottom: 40px; }
/*.learningpath-folder .slide-wrapper, .learningpath-folder .slide-inner-wrapper { height: 210px; }*/
/*.learningpath-folder .slide-inner-wrapper { position: absolute; width: 10000%; left:0px; }*/
.learningpath-page #content-learningpath .carousel-item a { position:relative; }
.carousel1-lg4 .carousel-control-next, .carousel1-lg4 .carousel-control-prev, .carousel2-md4 .carousel-control-next, .carousel2-md4 .carousel-control-prev { opacity: 1; width: auto; }
.carousel1-lg4 .carousel-control-prev, .carousel2-md4 .carousel-control-prev { justify-content: start; left: -15px !important }
.carousel1-lg4 .carousel-control-next, .carousel2-md4 .carousel-control-next { justify-content: end; right: -15px !important}

/*.carousel-control-next, .carousel-control-prev span { width: 20px; background-color: #FFF; border-radius: 50%;}*/
.carousel-control-next i, .carousel-control-prev i { color: #000}
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  position: relative;
  transform: translate3d(0, 0, 0);
}
/* farthest right hidden item must be abso position for animations */
.carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
/*        transform: translate3d(0%, 0, 0);
    left: -25%;*/
/*        z-index: -1;*/
    display: block;
    visibility: visible;
}

.carousel1-lg4 .carousel-item { margin-right: 0px; float: none; }
/* show 2  items */
.carousel1-lg4 .carousel-inner .active { display: block; }
.carousel1-lg4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) { transition: none; }
.carousel1-lg4 .carousel-inner .active.carousel-item + .carousel-item {  position: absolute; top: 0; right: -100%; display: block; visibility: visible; }
/* left or forward direction */
.carousel1-lg4 .active.carousel-item-left + .carousel-item-next.carousel-item-left,
.carousel1-lg4 .carousel-item-next.carousel-item-left + .carousel-item { /*position: relative;*/ transform: translate3d(-100%, 0, 0); visibility: visible; }
/* right or prev direction */
.carousel1-lg4 .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
.carousel1-lg4 .carousel-item-prev.carousel-item-right + .carousel-item { position: relative; transform: translate3d(100%, 0, 0); visibility: visible; display: block; }
@media (min-width: 992px) {
    /* show 4 items */
    .carousel1-lg4 .carousel-inner .active,
    .carousel1-lg4 .carousel-inner .active + .carousel-item,
    .carousel1-lg4 .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel1-lg4 .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  { display: block; }
    .carousel1-lg4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel1-lg4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel1-lg4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel1-lg4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item { transition: none; }
    .carousel1-lg4 .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: absolute; top: 0; right: -25%; display: block; visibility: visible; }
    /* overwrite 2-tile-carousel */
    .carousel1-lg4 .carousel-inner .active.carousel-item + .carousel-item { position: relative; right:auto; display: inherit; visibility: inherit; }
    /* left or forward direction */
    .carousel1-lg4 .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel1-lg4 .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel1-lg4 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel1-lg4 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel1-lg4 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible; }
    /* right or prev direction */
    .carousel1-lg4 .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel1-lg4 .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel1-lg4 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel1-lg4 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel1-lg4 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(100%, 0, 0); visibility: visible; display: block; }
}


.carousel2-md4 .carousel-item { margin-right: 0px; float: none; }
/* show 2  items */
.carousel2-md4 .carousel-inner .active,
.carousel2-md4 .carousel-inner .active + .carousel-item { display: block; }
.carousel2-md4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
.carousel2-md4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item { transition: none; }
.carousel2-md4 .carousel-inner .active.carousel-item + .carousel-item + .carousel-item {  position: absolute; top: 0; right: -50%; display: block; visibility: visible; }
/* left or forward direction */
.carousel2-md4 .active.carousel-item-left + .carousel-item-next.carousel-item-left,
.carousel2-md4 .carousel-item-next.carousel-item-left + .carousel-item,
.carousel2-md4 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible; }
/* right or prev direction */
.carousel2-md4 .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
.carousel2-md4 .carousel-item-prev.carousel-item-right + .carousel-item,
.carousel2-md4 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item { position: relative; transform: translate3d(100%, 0, 0); visibility: visible; display: block; }
@media (min-width: 768px) {
    /* show 4 items */
    .carousel2-md4 .carousel-inner .active,
    .carousel2-md4 .carousel-inner .active + .carousel-item,
    .carousel2-md4 .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel2-md4 .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  { display: block; }
    .carousel2-md4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel2-md4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel2-md4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel2-md4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item { transition: none; }
    .carousel2-md4 .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: absolute; top: 0; right: -25%; display: block; visibility: visible; }
    /* overwrite 2-tile-carousel */
    .carousel2-md4 .carousel-inner .active.carousel-item + .carousel-item + .carousel-item { position: relative; right:auto; display: block; visibility: inherit; }
    /* left or forward direction */
    .carousel2-md4 .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel2-md4 .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel2-md4 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel2-md4 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel2-md4 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible; }
    /* right or prev direction */
    .carousel2-md4 .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel2-md4 .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel2-md4 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel2-md4 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel2-md4 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(100%, 0, 0); visibility: visible; display: block; }
}

.learningpath-folder .learningpath-folder-description i { transition: transform 0.4s; }
.learningpath-folder.folder-visible .learningpath-folder-description i { transform: rotate(180deg);  }
.learningpath-folder-element { width: 100%; /* aspect-ratio: 1 / 1;/*height: 100%;*/ position: relative; border-radius: 6px;/* margin: 5px;*/ background-size: cover; background-repeat: no-repeat; background-position:center }
.learningpath-folder-element > div:before{content:"";display:block;padding-top:100%;}
.learningpath-element-type { font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 150%; position:absolute; top:0px; right: 0px; padding: 5px; z-index:3; color: #FFF; }/*
.learning-element-ecourse .learningpath-element-type:before { content: "\f1fa";  }
.learning-element-training .learningpath-element-type:before { content: "\f2b5"; font-weight: 400}
.learning-element-class .learningpath-element-type:before { content: "\f19d"; }
.learning-element-quiz .learningpath-element-type:before { content: "\f1da"; }*/

.learningpath-folder-element .learningpath-element-status-notstarted { background-color: transparent !important; z-index: 2; }
.learningpath-element-mask, .learningpath-element-img { width: 100%; /*height: 100%;*/ z-index: 1; border-radius: 6px;  }
.learningpath-element-mask, .learningpath-element-mask-2 { z-index: 2; background-color: rgba(0,0,0,0.3); position:absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; }
.learningpath-element-mask > div { transform: rotate(-40deg); height:80%; text-transform: uppercase; font-weight: bold; font-size: 26px; color: #FFF; text-align:center; }
@media (max-width: 768px) {
    .learningpath-element-mask > div { font-size: 20px;}
}
.learningpath-folder-date { position:absolute;bottom:60px;width:100%;text-align:center;color:#fff; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1); z-index: 3; }
.learningpath-folder-name { position:absolute; width: 100%; min-height: 40px; line-height: 20px; padding: 5px; bottom: 0px; text-align: center; background-color: #000; background-color: rgba(0, 0, 0, 0.7); border-radius: 0 0 6px 6px; font-size:90%; z-index: 3; color: #FFF; }
.learningpath-folder-name a { color: #FFF; }

.learning-element-category-overview { margin-top: 30px; margin-bottom: 30px; }
.learning-element-category-header { font-size: 34px; text-transform: uppercase; font-weight: bold; }

.learningelement-folder-item { }
.learningelement-folder-description { font-weight: bold; font-size: 130%; margin-bottom: 20px; }
.learningelement-folder-item .img-responsive { border-radius: 5px; }
.learningelement-folder-item .learningelement-folder-name { text-transform: uppercase; font-weight: bold; font-size: 110%;}

/*svg.circle-container {
  filter: drop-shadow(0 0 10px rgb(0 0 0 / 0.4));
}*/
.circle-container {
  width: 140px;
  height: 140px;
  transform: rotate(-90deg);
}

.circle-container__background {
  fill: none;
  stroke: rgba(239, 240, 246, 0.5);
  stroke-width: 2px;
}

.circle-container__progress {
  fill: none;
  stroke-linecap: round;
  stroke: rgba(0, 186, 136);/*url(#circular-gradient-first-half);*/
  stroke-dasharray: 100 100;
  stroke-linecap: round;
  stroke-width: 2px;
  /* For animations...
  // transition: stroke-dashoffset 1s ease-in-out;
  // will-change: transform;*/
}
.circle-container__low {
  stroke: rgb(237, 46, 126);
}
.circle-container__avg {
  stroke: #F9C66B;
}
.circle-container__high {
  stroke: rgb(0, 186, 136);
}
.circle-container .stop1 {
  stop-color: rgba(0, 186, 136); /*rgba(0, 186, 136, 1);*/
}
.circle-container .stop2 {
	stop-color: rgba(0, 186, 136); /*rgba(0, 186, 136, 1);*/
  /*stop-color: rgba(0, 186, 136, 0.19);*/
}
.circle-chart {
	position: relative;
}
.circle-chart figcaption {
	display: inline-block;
	width: 100%;
/*	height: 3.5rem;*/
	overflow: hidden;
	text-align: center;
	color: #6E7191;
	position: absolute;
	top: 36px; /*calc(50% - 2.5rem);*/
	left: 0;
	font-size: 1rem;
	font-weight: bold;
	line-height: normal;
/*	&:after {
		display: inline-block;
		content: $labelData;
		white-space: pre;
		font-size: map-get($param, labelFontSize);
		line-height: map-get($param, labelFontSize);
	}*/
}
.circle-chart .figcaption-large { font-size: 1.5rem; color: #000; }

/* tincan wrapper */
/* height = 75% of width - trygg mat basis/ferskvare */
/* 10 margin */
/*.modal { padding-right: 0px !important; }*/

@media (max-height: 700px ) {
/*	.modal-75 { max-width: 700px; }
/*	.modal-body { padding: 0px; }*/
/*	.modal-header { display:none; }*/
	.modal-120 .modal-body, .modal-75 .modal-body, .modal-66 .modal-body { padding: 0px; }
}
.modal-tincan #modalTinCan-Iframe { overflow-y:visible; }
.modal-tincan .embed-responsive { overflow-x:hidden;}
.modal-tincan.modal-dialog { max-width: 100%; }
.learningelement-page.modal-open { overflow: hidden; position: fixed; }
@media (max-width: 1199px) {
/*@media (max-width: 991px){*/
	.modal-tincan .modal-body { padding: 0px; }
	.modal-tincan.modal-dialog, .modal-75.modal-dialog, .modal-66.modal-dialog { margin: 0px;width:auto; }
	.modal-tincan .close { opacity: 0.5; }
	.modal-tincan .modal-header button.close { width:30px; height:30px; border-radius: 50%; background-color: #FFF; padding: 0px; margin: 0px; }
	
/*	.modal-tincan .modal-header { position:fixed; z-index: 1000;border-bottom-width: 0px; width: 10%; margin-left: 90%; }
	.modal-tincan #modalTinCan-Iframe { min-height: 100vh; width: 100vw; border-width: 0px; padding-top: 50px; }
*/
	.modal-tincan .modal-header { position:fixed; z-index: 1000;border-bottom-width: 0px; right: 10px; top:10px; padding: 0px; }
	.modal-tincan .modal-header #modal-empty-header { display: inline-block; }
	.modal-tincan #modalTinCan-Iframe { min-height: 100vh; width: 100vw; border-width: 0px; }

	.modal-tincan .modal-body { min-height:300px;height: 100vh; }
	.modal-tincan .modal-content { border-width:0px; border-radius: 0px; box-shadow: none; }
	.modal-tincan .embed-responsive { height: auto; padding-bottom: 0px !important;}
	.modal-tincan .embed-responsive .embed-responsive-item, .modal-tincan .embed-responsive iframe, .modal-tincan .embed-responsive embed, .modal-tincan .embed-responsive object, .modal-tincan .embed-responsive video { position: static; }
	.learningelement-page.modal-open .modal-backdrop { display: none; }
}
.modal-celebration { margin-top: 10%; }
@media (max-width: 768px) {
	.modal-celebration { max-width:100%; margin-top: .5rem; }
	.modal-celebration-wrapper { height:calc(100vh - 106px); }
	/* kjøtt */
	.modal-led-id-234, .modal-led-id-234 .modal-content, .modal-led-id-234 .modal-body, .modal-led-id-234 .embed-responsive  { height: 100%; }
	.modal-led-id-234 #modalTinCan-Iframe { min-height: 100%; }
	/* kundemøte */
	.modal-led-id-204, .modal-led-id-204 .modal-content, .modal-led-id-204 .modal-body, .modal-led-id-204 .embed-responsive  { height: 100%; }
	.modal-led-id-204 #modalTinCan-Iframe { min-height: 100%; }
	/* kaffe */
	.modal-led-id-189, .modal-led-id-189 .modal-content, .modal-led-id-189 .modal-body, .modal-led-id-189 .embed-responsive  { height: 100%; }
	.modal-led-id-189 #modalTinCan-Iframe { min-height: 100%; }
	/* fisk */
	.modal-led-id-232, .modal-led-id-232 .modal-content, .modal-led-id-232 .modal-body, .modal-led-id-232 .embed-responsive  { height: 100%; }
	.modal-led-id-232 #modalTinCan-Iframe { min-height: 100%; }
	/* brannvern */
	.modal-led-id-225, .modal-led-id-225 .modal-content, .modal-led-id-225 .modal-body, .modal-led-id-225 .embed-responsive  { height: 100%; }
	.modal-led-id-225 #modalTinCan-Iframe { min-height: 100%; }
	/* brannvern live */
	.modal-led-id-2, .modal-led-id-2 .modal-content, .modal-led-id-2 .modal-body, .modal-led-id-2 .embed-responsive  { height: 100%; }
	.modal-led-id-2 #modalTinCan-Iframe { min-height: 100%; }
	/* ost erfaren */
	.modal-led-id-205, .modal-led-id-205 .modal-content, .modal-led-id-205 .modal-body, .modal-led-id-205 .embed-responsive  { height: 100%; }
	.modal-led-id-205 #modalTinCan-Iframe { min-height: 100%; }
	/* bakeri erfaren */
	.modal-led-id-226, .modal-led-id-226 .modal-content, .modal-led-id-226 .modal-body, .modal-led-id-226 .embed-responsive  { height: 100%; }
	.modal-led-id-226 #modalTinCan-Iframe { min-height: 100%; }
	
}

/* tinymce-helpers */
.pull-img-left { float: left; margin: 10px 10px 10px 0px; }
.pull-img-right { float: right; margin: 10px 0px 10px 10px; }

/* typeahead */
.twitter-typeahead { width: 80%; }
.navbar-default .twitter-typeahead { color: #333; }
.typeahead { background-color: #fff; }
.typeahead:focus { /*border: 2px solid #0096d6;*/ }
.typeahead.tt-fullwidth { min-width: auto; width: 100%; }
.tt-query { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.tt-hint { color: #999 }
.tt-menu { width: 100%; margin: 5px 0px 0px 0px; padding: 8px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); border-radius: 4px; }
.tt-suggestion { padding: 3px 15px; line-height: 24px; }
.tt-suggestion:hover { cursor: pointer; color: #fff; background-color: #000; }
.tt-suggestion.tt-cursor { color: #fff; background-color: #000; }
.tt-suggestion p { margin: 0; }
.gist { font-size: 14px; }
.multiple-datasets .dataset-header { margin: 0 15px 5px 15px; padding: 3px 0; border-bottom: 1px solid #ccc; }
@media (max-width: 767px) {
    .twitter-typeahead .form-control-lg { font-size: 0.8rem; }
}

/* autocomplete dropdown */
.ui-autocomplete { background-color: #FFF; border: 1px solid #CCCCCC; border-top-width: 0px; margin: 0px; padding: 0px; position: absolute; width: 570px; z-index:10}
.ui-autocomplete li { list-style-type:none; }
.ui-autocomplete li a { display: block; padding: 5px 12px; }
.ui-autocomplete li:hover  { /*background-color: #cc092f;*/ }
.ui-autocomplete li:hover a { color: #CCC; cursor: pointer; }
.ui-helper-hidden-accessible { display: none; }


.wh-150 { width: 150px; height: 150px; }
.wh-100 { width: 100px; height: 100px; }
.wh-50 { width: 50px; height: 50px; }
.wh-25 { width: 25px; height: 25px; }
.wh-16 { width: 16px; height: 16px; }
.w-50 { width: 50px; }
.h-50 { height: 50px; }
.l-50 { line-height: 50px; }
.w-25 { width: 25px; }
.h-25 { height: 25px; }
.l-25 { line-height: 25px; }

/* news-carousel */
#content-news .overlay-content { background-color: #000; }
#content-news .carousel-caption a { color:#FFF; }
#content-news .carousel-control { z-index: 15; }

/*
  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: #CE0029;
  /* 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); }

@media all {
	.page-break	{ display: none; }
}

.form-check-input[type="checkbox"]:checked+label:before, label.btn input[type="checkbox"]:checked+label:before { border-right: 2px solid #CE0029; border-bottom: 2px solid #CE0029; }

.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: #CE0029; }
.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-color: #979797; }

/* responsive quizview */
.card-check-td { font-size: 6px; }
.card-check-td .fas.fa-circle, .card-check-td .fas.fa-check { color: #CE0029; }
.fa-rotate-45 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5)"; transform: rotate(45deg); }
.fa-rotate-315 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3.5)"; transform: rotate(315deg); }
.overlay-headerbar-spm { font-weight: bold; font-size: 16px; margin-bottom: 30px; }
.col-qb-opt { display: none; }
.overlay-content-top td { padding: 0px; }
.quiz-Text_1 { font-weight: bold; }
.quiz-Text_2 { font-style: italic; }
.quiz-form { margin-top: 15px; }
.quiz-form td { padding-bottom: 10px; cursor: pointer; }
.quiz-form td:last-child { padding-top: 3px; }
.card-header a { text-decoration: none;  }
.card-header h5 { font-family: 'Mulish', sans-serif; }
.card-footer { padding: 0px; background-color: transparent; border-top-width: 0px;}
.card-footer-text { padding-top: 10px; padding-bottom: 10px; }
/*.md-accordion .card .card-header { padding: 1rem 0rem; }*/

/* mobilformat på video */
.embed-responsive-4by5::before { padding-top: 125.0%; }

.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-quiz .embed-responsive-16by9::before { padding-top: 0%; }
.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; }
/* 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; }

.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; }
/*
@media (min-width: 992px) {
	.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;}
}
*/
.badge { color: #000 !important; }
.sticky-placeholder { display: none; }

.i-block.material-tooltip-main div { display:inline-block; border: 1px solid #000; border-radius: 0.25rem!important; background-color: #FFF !important; width:16px;height:16px;font-size:10px; text-align: center }

.dataTables_filter input.form-control { display: inline-block; width: auto; margin-left:5px;}
.dataTables_length .custom-select { width: auto; display:inline-block; min-width: 60px; }
table th.d-block, table td.d-block { display:table-cell !important; }
.toggle-less { display: none; }
@media (min-width: 992px){
    table th.d-lg-block, table td.d-lg-block { display: table-cell !important }
    table th.d-lg-none, table td.d-lg-none { display: none !important }
    .table-store-tr { display: none; }
}
@media (max-width: 991px){
    .table-store-tr-main.active-store td:nth-child(2) { color: #CE0029; font-weight: bold;  }
    .table-store-tr-main.active-store .toggle-less { display: inline-block; text-decoration: underline}
    .table-store-tr-main.active-store .toggle-more { display:none; }
/* pagination */
    #highscores-store-colleague .pagination .page-item, #highscores-store .pagination .page-item { display:none }
    #highscores-store-colleague .pagination .page-item.previous, #highscores-store-colleague .pagination li:nth-child(2), #highscores-store-colleague .pagination li:nth-last-child(2), #highscores-store-colleague .pagination .page-item.active, #highscores-store-colleague .pagination .page-item.next, #highscores-store .pagination .page-item.previous, #highscores-store .pagination li:nth-child(2), #highscores-store .pagination li:nth-last-child(2), #highscores-store .pagination .page-item.active, #highscores-store .pagination .page-item.next { display: inline-block; }
    #highscores-store-colleague .pagination, #highscores-store .pagination { justify-content: center !important; }
    
/*    .table-store-poeng.table td, .table-store-poeng.table th {
	   padding: 0.75rem 0.15rem;
    }*/
    table.dataTable.table-store-poeng thead>tr>th.sorting_asc, table.dataTable.table-store-poeng thead>tr>th.sorting_desc, table.dataTable.table-store-poeng thead>tr>th.sorting, table.dataTable.table-store-poeng thead>tr>td.sorting_asc, table.dataTable.table-store-poeng thead>tr>td.sorting_desc, table.dataTable.table-store-poeng thead>tr>td.sorting { padding-right: 0.15rem; }
    table.dataTable.table-store-poeng thead .sorting:before, table.dataTable.table-store-poeng thead .sorting:after { display: none; }
}
@media (max-width: 450px){
     .table-store-poeng.table td, .table-store-poeng.table th {
	   padding: 0.75rem 0.15rem;
    }
}
table.table-store-poeng { width: 100% !important; }
table.table-store-poeng thead th { text-align: center; font-weight: bold; }
table.table-store-poeng td { font-size: 14px; border-top: 1px solid #D6D6D6; }
/*table.table-store-poeng .tr-odd td { background-color: #F6F6F6; background-color: rgba(246, 246, 246, 0.5); }*/
table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd, tr.odd td{background-color: #F6F6F6; background-color: rgba(246, 246, 246, 0.5);}
.table-store-poeng thead tr, .table-store-poeng th { background-color: #D6D6D6 }
.table-store-poeng tbody tr td:first-child, .table-store-poeng tbody tr td:nth-child(2), .table-store-poeng tbody tr td:nth-child(3) { background-color: #F6F6F6;}
.table-store-poeng tbody tr.table-store-tr td:nth-child(3), .table-store-poeng tbody tr.table-colleague-tr td:nth-child(3) { background-color:#FFF }
.table-store-poeng tbody tr.table-store-tr td, .table-store-poeng tbody tr.table-colleague-tr td { padding: 0 0.7rem; }
table.table-store-poeng tr.table-store-tr td, table.table-store-poeng tr.table-colleague-tr td { border-top-width: 0px; }

.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0px; }

.star { 
/*width:75px; */
position: relative;
display:inline-block;
}
.rating {
overflow: hidden;
white-space: nowrap;
color: #F5A623;
}
.rating span{
white-space: nowrap;
overflow: hidden;
}
.rating span:before { 
content:"\2606\2606\2606\2606\2606";
position: absolute;
}
.muted-stars .rating, .table-store-tr-main.muted-stars td:nth-last-child(2), .table-colleague-tr-main.muted-stars td:nth-last-child(2) { color: #D6D6D6; }

@media (min-width: 600px) {
	.navbar.scrolling-navbar {
		padding-top:8px;
		padding-bottom: 8px;
	}
}
.front-dashboard-employee { border-left: 8px solid #000; margin-bottom: 4px; }
.dashboard-left-border { border-left: 8px solid #B82B35; }
.front-dashboard-red { background-color: rgba(189, 39, 49, 0.05); border-left-color: #B82B35; }
.front-dashboard-green { background-color: rgba(0, 186, 136, 0.05); border-left-color: #00BA88; }
.tablesorter-filter.disabled { display: none; }
.table-folk.tablesorter-bootstrap .tablesorter-filter-row { background-color: transparent; }
.table-folk thead th, .table-folk.tablesorter-bootstrap thead th, .table-folk.tablesorter-bootstrap thead td { background-color: rgba(240, 239, 251, 0.39); border-width: 0px; }
.table-folk, .table-folk td { border: 1px solid #FFF; }
.detailed-dashboard-store-tr.active .rotate-icon, .rotate-icon-when-active-tr.active .rotate-icon { transform: rotate(180deg); transition: transform 0.5s ease; }
.table-folk tr.active-store { background-color: rgba(110, 113, 145, 0.1); }
.table-folk tr.active-store .fa-check-circle { color: #B82B35; }
.table-folk .dashboard-tr-parent-row-infobehind td { color: rgba(0, 0, 0, 0.35); }
.table-folk .dashboard-tr-child-row-behind { background-color: rgba(184, 43, 53, 0.05); }
.table-folk.table-folk-users td { border-width: 0px; }
.table-larger-haschildrows .tablesorter-hasChildRow td { padding: 0.6rem 0.4rem; background-color: #FFF; }
.tablesorter .filtered { display: none !important; }

@media print {
	#faded-bg, #faded-wrapper, #faded-loading { display:none !important}
	.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 { }
}