:root {
/*	--primary: #1a512f;*/
	--primary: #FFB3A6;
	--secondary: #1B1A20;
}
@font-face {
	font-family: Montserrat;
	src: url("Montserrat/static/Montserrat-Light.ttf");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: Montserrat;
	src: url("Montserrat/static/Montserrat-Regular.ttf");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: Montserrat;
	src: url("Montserrat/static/Montserrat-Medium.ttf");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: Montserrat;
	src: url("Montserrat/static/Montserrat-Bold.ttf");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: Montserrat;
	src: url("Montserrat/static/Montserrat-LightItalic.ttf");
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: Montserrat;
	src: url("Montserrat/static/Montserrat-Italic.ttf");
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: Montserrat;
	src: url("Montserrat/static/Montserrat-MediumItalic.ttf");
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: Montserrat;
	src: url("Montserrat/static/Montserrat-BoldItalic.ttf");
	font-weight: 700;
	font-style: italic;
}
.logged-in body { min-height: 100vh;	box-sizing: border-box; }
/*.logged-in .with-header { padding-top: 80px;}*/
html,
body,
.view {
    height: 100%;
}
/*@media (max-width: 512px) {
	.logged-in body { padding-top:140px; }
}S
@media (max-width: 460px) {
	.logged-in body { padding-top:180px; }
}
@media (max-width: 325px) {
	.logged-in body { padding-top:220px; }
}*/
/* korrigerer background i chrome på autofill-input-fields 
md's variant: *//*
@-webkit-keyframes autofill {
to {
color: #666;
background: transparent; } }

@keyframes autofill {
to {
color: #666;
background: transparent; } }

input:-webkit-autofill {
-webkit-animation-name: autofill;
animation-name: autofill;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }*/

.user input:-webkit-autofill,
.user input:-webkit-autofill:hover, 
.user input:-webkit-autofill:focus,
.user textarea:-webkit-autofill,
.user textarea:-webkit-autofill:hover,
.user 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 !important; box-shadow:0 0 0 500px white inset !important; }

/*.login-page input { color: #FFF; }*/
.login-page input.search { color: #000; }
.login-page ::placeholder { color: #999; }

.navbar-brand { padding: 5px 20px; margin: 15px;	}
.navbar-light .navbar-text, .navbar-light .navbar-brand { color: inherit; }

.md-form input[type=date]:focus:not([readonly])+label, .md-form input[type=datetime-local]:focus:not([readonly])+label, .md-form input[type=email]:focus:not([readonly])+label, .md-form input[type=number]:focus:not([readonly])+label, .md-form input[type=password]:focus:not([readonly])+label, .md-form input[type=search-md]:focus:not([readonly])+label, .md-form input[type=search]:focus:not([readonly])+label, .md-form input[type=tel]:focus:not([readonly])+label, .md-form input[type=text]:focus:not([readonly])+label, .md-form input[type=time]:focus:not([readonly])+label, .md-form input[type=url]:focus:not([readonly])+label, .md-form textarea.md-textarea:focus:not([readonly])+label { color: var(--primary); }

.md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=text]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) { box-shadow: 0 1px 0 0 var(--primary); border-bottom: 1px solid var(--primary); }
/*.md-form label { color: #FFF; }*/
.switch label input[type=checkbox]:checked+.lever:after { background-color: var(--primary) }

.dropdown .dropdown-menu.dropdown-primary .dropdown-item.active, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:active, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-primary .dropdown-item.active, .dropleft .dropdown-menu.dropdown-primary .dropdown-item:active, .dropleft .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropright .dropdown-menu.dropdown-primary .dropdown-item.active, .dropright .dropdown-menu.dropdown-primary .dropdown-item:active, .dropright .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropup .dropdown-menu.dropdown-primary .dropdown-item.active, .dropup .dropdown-menu.dropdown-primary .dropdown-item:active, .dropup .dropdown-menu.dropdown-primary .dropdown-item:hover { background-color: var(--primary) !important; color: #FFF; }
#header { /*margin-bottom:50px;*/ background-color: #FFF; /*margin-top: 30px;*/ 	z-index: 1030; position: relative;  }
#header .navbar { min-height: 66px; }
#header .navbar-nav .dropdown-menu a:before { display: none; }
#header .navbar-nav .md-form .twitter-typeahead input[type=text]:focus:not([readonly]) { box-shadow: 0 1px 0 0 #FFF; border-bottom: 0px solid #FFF; }
#navbarSupportedContent form { width: 250px; }
#navbarSupportedContent .twitter-typeahead { width: 200px; }
#navbarSupportedContent .twitter-typeahead input { width: 100%; }
.width-with-filtericon .twitter-typeahead { width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px); }
.width-with-filtericon .twitter-typeahead input { width: 100%; }
.dropdown-menu { border-width: 0px; border-radius: 0px; }

b, strong, .bold { font-weight: bold; }
.bankid-btn { height: 73px; }


/*#header .navbar { height: 100%; }*/
.navbar.scrolling-navbar { padding-top: 0px; padding-bottom: 0px; }
.navbar-toggle-main-menu .quizbattle-badge { right: -0.2em; }
.quizbattle-badge { border-radius: 0.8em; font-size: 0.5em; height: 1.6em; line-height: 1.6em; position: absolute; right: 0em; top: 0.8em; width: 1.6em; text-align: center; background-color:var(--primary); color:#FFF; }
#header .nav-item { margin-right: 20px; }
.card-header h5 { font-weight: 300; }
@media (max-width: 1199px) {
	#header .nav-item { margin-right: 10px; }
    .navbar-nav { display: flex;
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 1;
	align-items: stretch;
	justify-content: center; }
}
@media (min-width: 992px) {
	#header .navbar-nav, #header .navbar-nav .nav-item, #header .navbar-nav .nav-link { height: 100%; }
	.nav-search { display: flex; }

}
@media (min-width: 992px) and (max-width:1198px){
	#header .navbar-nav { justify-content: flex-end }
}
@media (max-width: 991px) {
	.navbar-collapse .quizbattle-badge { /*left: -1em;*/right: auto; position: relative; top: -1.6em; background-color: #FFF !important;
	color: var(--primary); }
	#header .navbar { -ms-flex-pack: end!important; justify-content: flex-end!important;z-index: 1; }
	.showing-navbar #header-logo { display: none; }
	.navbar-collapse {
		position:fixed;
		width: 100%;
		left: 0px;
		top: 0px;
		bottom: 0px;
		right: 0px;
		background-color:var(--primary);
		color:#FFF;
	}
	.showing-navbar #header, .showing-navbar #header>.navbar { min-height: 100vh; }
	.navbar-nav { min-height: 100vh; }
	#header .navbar-nav .nav-item > a { /*color: #FFF !important;*/ -ms-flex-pack: center!important; justify-content: center!important; }
	#header .navbar-nav .nav-item > a, #header .navbar-nav .multiple-datasets { float: none !important; justify-content: center!important; }
    #header .navbar-nav .twitter-typeahead { width: auto; }
	#header .navbar-nav .multiple-datasets input { color: #FFF; }
	#header .navbar-nav .nav-item > a:before { height: 0px; display:none; }
	#header .nav-item { margin-right: 0px; }
	#header .nav-language { position: absolute; width: 100%; top:20px; left: 0px; -ms-flex-order: -1;	order: -1; }
	#header .nav-search { position: absolute; width: 100%; bottom:20px; left: 0px; }
	.navbar .dropdown-menu {position: static !important}
	.navbar-toggler { position: relative; z-index: 1; }
	.navbar-toggler.collapsed { position: relative; }
}

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

.vclearfix:before, .vclearfix:after { content: " "; display: table; }
.vclearfix, .vclearfix:after { clear: both; }
.wrapper { width: 100%; min-height: 100%; /*overflow: hidden;*/ }
.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; }
.cursor-p { cursor: pointer; }
.uc { text-transform: uppercase; }
.ul { text-decoration:underline; }
.d-block { display: block; }
.d-iblock { display: inline-block !important; }
.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; }
}

.dashboard-animated-wrapper { position: absolute; width: 100%; top:0px;}
@media (prefers-reduced-motion) {
    /* do not disable but remove duration - overwrites mdbootstrap */
    .animated { animation-duration: 0s }
    .animated.bounceInRight { animation-name: bounceInRight!important }
    .animated.bounceOutLeft { animation-name: bounceOutLeft!important }
}

.table.table-v-middle td, .table.table-v-middle th { vertical-align: middle; }

.colors-transparent-bg { background-color: transparent !important; }

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

.primary-color, .colors-primary-bg { background-color: var(--primary) !important; }
.secondary-color, .colors-blue-bg, .colors-secondary-bg { background-color: var(--secondary) !important; }

.colors-white-bg { background-color: #FFF; }
.colors-dark-grey-bg { background-color: #3b3b3b !important }
.colors-light-grey-bg { background-color: #b9b9b9 }
.colors-dark-blue-bg { background-color: #2A2859; }
.colors-light-blue-bg { background-color: #B3F5FF; }
.colors-red-bg	{ background-color: #FF8274 !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-green-bg { background-color: #345A42; }

.colors-primary-text { color: var(--primary); }
.colors-dark-green-text { color: #00685E !important; }
.colors-green-text { color: #009639; }
.colors-light-green-text { color: #79D100; }
.colors-blue-text { color: var(--secondary); }


.colors-dark-blue-text { color: #2A2859; }
.colors-light-blue-text { color: #B3F5FF; }
.colors-red-text	{ color: #FF8274; }
.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 }

.rounded-xl { border-radius: 0.9rem!important; }

/* typeahead */
.twitter-typeahead { width: 100%; }
.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 !important }
.tt-menu { width: 400px; font-size: 80%; 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; color: #181818 !important }
@media (max-width: 991px) {
	#header .tt-menu { width: 100%; top: 0px !important; overflow:scroll; bottom: 60px; margin: 0px; border-radius: 0px; position:fixed !important}
}
.fullwidth-datasets .tt-menu { width: 100%; }
.tt-suggestion { padding: 3px 15px; line-height: 16px; }
.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: 992px) {
	.navbar-search-li .navbar-form { margin-left: 0px; margin-right: 0px; }
}
@media screen and (min-width:768px){
    .tt-menu { width: 600px; }
    .fixed-top .tt-menu { left: -200px !important; }
}

.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter.disabled { display: none; }
.tablesorter-bootstrap thead th, .tablesorter-bootstrap thead td, .tablesorter-bootstrap tfoot th, .tablesorter-bootstrap tfoot td, td.tablesorter-pager { background-color: transparent; }
.tablesorter-pager select.custom-select { padding: .375rem 1.75rem .375rem .75rem; display:inline-block !important }
.tablesorter-bootstrap .tablesorter-filter-row.hideme * { transition: .2s height}
.tablesorter-no-padded { padding: 0px !important; }
.tablesorter-padded { padding: .75rem !important; adding-top: 1.1rem !important; padding-bottom: 1rem !important; }
.tablesorter-bootstrap .tablesorter-filter-row, .tablesorter-bootstrap .tablesorter-filter-row td, .tablesorter-bootstrap .tablesorter-filter-row td select { background-color: transparent; }

body, .tooltip, .navbar/*, .form-control, .form-control:focus*/ { font-family: 'Montserrat','Roboto', 'sans-serif'; font-weight: 400; font-style: normal; color: #181818; }
body.roboto-font { /*font-family: 'Roboto', 'sans-serif' */}
body { background-color:#F6F1DF; /*padding-top: 30px; */ }
.white-body-page { background-color: #FFF; }
/*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em; padding: 0; font-weight: 700; letter-spacing: .05em; line-height: 113.51351%; } */ 
.form-control:focus { border-color: var(--primary); }

/* når toppmenyen scroller */
#header>.navbar { transition: background-color 0.5s ease; }
.top-nav-collapse { background-color: #FFF; }
#header .navbar-nav a { font-weight:400; align-items: center; display: flex;}
#header .navbar-nav a:hover { color: #2A2859 }
#header .navbar-nav a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 58%;
	width: 40%;
	height: 2px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: 0 0;
/*	background: var(--primary);*/
	background: rgba(0, 0, 0, 0.8);
	transition: width .2s ease-in-out;
	will-change: width;
}
#header .navbar-nav .active a:before {
	width: 78%;
}
/* on hover */
#header .navbar-nav a:active:before, #header .navbar-nav a:hover:before, #header>a:active:before, #header>a:hover:before {
	width: 78%;
}
#navbar-search-input::placeholder {
	color: white;
}

.wow { visibility: hidden; }


.tooltip-inner { background-color: var(--primary); max-width: 400px; }
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: var(--primary); }
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: var(--primary); }
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: var(--primary); }
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: var(--primary); }
.tooltip.show { opacity: 1;}
.md-inner { background-color: #000 !important;}

table th { font-weight: 500; }
table td { font-weight: 400; }

/*a:hover { color: #1f42aa; }
#submenu-wrapper a:hover { color: var(--secondary) }*/
a {color:	#2A2859 }
.text-primary { color: var(--primary) !important; }
.btn { 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: var(--primary) !important; border-width: 0px; color: #000 !important;	}
.btn-outline-primary { border: 2px solid var(--primary)!important; background-color: transparent!important; color: var(--primary)!important; }
.btn-outline-primary.active, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary:focus, .btn-outline-primary:hover { border-color: var(--primary)!important; background-color: transparent!important; color: var(--primary)!important; }
.btn-outline-secondary { border: 2px solid var(--secondary)!important; background-color: transparent!important; color: var(--secondary)!important; }
.btn-outline-secondary.active, .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary:focus, .btn-outline-secondary:hover { border-color: var(--secondary)!important; background-color: transparent!important; color: var(--secondary)!important; }

.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 { background-color: var(--primary) !important; }
.btn-secondary, .btn-secondary:hover { background-color: var(--secondary)!important; color: #fff; }
.btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { background-color: #364047!important; }

.navbar.navbar-light .breadcrumb .nav-item.active>.nav-link, .navbar.navbar-light .navbar-nav .nav-item.active>.nav-link, .breadcrumb { background-color: transparent; }
.border-primary { border-color: var(--primary) !important }
/* radio buttons */
.form-check-input[type=radio].with-gap:checked+label:after, .form-check-input[type=radio]:checked+label:after, label.btn input[type=radio].with-gap:checked+label:after, label.btn input[type=radio]:checked+label:after { background-color: var(--primary) }
.form-check-input[type=radio].with-gap:checked+label:after, .form-check-input[type=radio].with-gap:checked+label:before, .form-check-input[type=radio]:checked+label:after, label.btn input[type=radio].with-gap:checked+label:after, label.btn input[type=radio].with-gap:checked+label:before, label.btn input[type=radio]:checked+label:after { border: 2px solid var(--primary); }
.md-form label.label-smaller { font-size: 0.8rem; transform: translateY(16px); }
.md-form label.label-smaller.active { transform: translateY(-10px) scale(.8); }
/* radio buttons end */
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background-color: #DE8B24 !important }
.btn.btn-xs { padding: .1rem .6rem; font-size: .64rem; }
.btn-facebook { background-color: #4267b2; color: #FFF; }
.btn { text-transform: none; border-radius: 10px;}

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

/*.md-tabs .nav-item.open .nav-link, .md-tabs .nav-link.active {  background-color:#B3F5FF; color: var(--primary); }*/
/*.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { background-color: #6FE9FF; border-radius: 0px; color: var(--primary); }*/

.alert-success { color: inherit; background-color: #C7F6C9; border-color: #c3e6cb; }
.alert-warning { color: inherit; background-color: #F9C66B; border-color: #ffeeba; }
.alert-danger { background-color: #FF8274; border-color: #f5c6cb; color: #000; }
.alert-primary { color: #000; background-color: var(--primary); background-color: rgba(255,179,155,0.27); border-width: 0px; }

.md-tabs { border-radius: 0px; box-shadow: none; }
.md-tabs .nav-item.open .nav-link, .md-tabs .nav-link.active { border-radius: 0px; }
@media (min-width: 62em){
	.classic-tabs .nav.justify-content-center li:first-child { margin-left: 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; }
.select-no-mb.md-form .form-control {margin-bottom: 0px}

@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: bold; }

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

/*.user body.with-header, .admin body.with-header { padding-top: 66px; }*/
/* large */
@media (max-width: 991px){
	.logged-in body { padding-top: 66px; }
	.front-page-div { padding: 10px; margin-bottom:20px; }
	.breadcrumb { padding: 0.75rem 0; }
	.navbar-brand { margin: 0px;}
}
@media (max-width: 767px){
	table.vh-responsive { border: 0; }
	table.vh-responsive thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	table.vh-responsive tr { border-bottom: 3px solid #ddd; display: block; }
	table.vh-responsive tr td:first-child { border-top: 0px; }
	table.vh-responsive td { display: block; text-align: right; }
	table.vh-responsive td::before { content: attr(data-label); /*float: left;*/ font-weight: bold; text-transform: uppercase; margin-top:4px; }
	.choose-action-page table.vh-responsive td::before { float: left; }
	table.vh-responsive td:last-child { border-bottom: 0; }
}
.full-height-body body.with-header { padding-top: 0px; }

/* .card {color: #FFF;} */
/*.card { box-shadow: none; border-radius: 0px }*/
.card { box-shadow: none; border-radius: 10px; }
.card-wrapper { background-color:#ebf6f5 !important; color:  #ebf6f5; }
.card-wrapper::after {
	position: absolute;
    z-index: 0;
    content: "";
    width: 100px;
    left: -100px;
    top: 0;
    bottom: 0;
    background-color: #ebf6f5;
}
.card-wrapper::before {
	position: absolute;
    z-index: 0;
    content: "";
    width: 16.666666666%;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
}

.md-accordion .card .card-header .rotate-icon { transition: transform 0.5s ease; }

.tablesorter.hasFilters tbody tr:first-child td { border-top-width: 0px; }

.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.fa-rotate-45 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5)";	-webkit-transform: rotate(45deg); transform: rotate(45deg); }
.fa-rotate-135 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5)";	-webkit-transform: rotate(135deg); transform: rotate(135deg); }
.fa-rotate-225 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2.5)";	-webkit-transform: rotate(225deg); transform: rotate(225deg); }
.fa-rotate-315 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3.5)";	-webkit-transform: rotate(315deg); transform: rotate(315deg); text-align:center }

.more {
	transition-delay: 1.2s;
}
.sorter-false .tablesorter-icon { display: none !important; }

/* fiks table-responsive med datatable */
.table-responsive > div > div.row { margin-left: 0px; margin-right: 0px; }
.table-responsive > div > div.row > .col-sm-12 { padding-left: 0px; padding-right: 0px; }

.form-label { font-weight: 700; }
ul.stepper .md-form label { left: 0px; }
ul.stepper .step.active:before { background-color: var(--primary); }
/* overskriver default styles på validator-css */
label.invalid.active { position: relative; top: auto !important; display:block; }
.fn-choice .btn { border-color: #FFF; transition: all .15s ease-in-out; }
.fn-choice .btn:active, .fn-choice .btn:focus, .fn-choice .btn:hover, .fn-choice .btn:not([disabled]):not(.disabled).active, .fn-choice .btn:not([disabled]):not(.disabled):active { 
	/*box-shadow: 5px 5px 11px 0 rgba(0,0,0,.48), 0 4px 15px 0 rgba(0,0,0,.55);
	border: 5px solid #FFF;*/
	border: 5px solid #444;
	padding: 5px;
	border-radius: 10px;
}
.fn-choice .img-checked-span, .fn-choice .img-checked-div { opacity: 0; transition: all 0.3s ease-in-out; }
.img-checked-span { position: absolute; left: 5px; bottom: 5px; color: greenyellow; /*display: none;*/ }
.img-checked-div { background-color: #444; height: 100px; left: -50px; position: absolute; bottom: -50px; width: 100px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); /*display: none;*/ }
.fn-choice .active .img-checked-span { opacity:1; /*display: inline-block*/ }
.fn-choice .active .img-checked-div { opacity:1; /*display: block*/ }



.td-result-score { text-align: center; font-size: 24px; font-weight: bold; }

.meter-wrapper {position: relative;  margin: auto;}
.meter { width: 100%; height: 100%; transform: rotateX(180deg); }
.circle {fill: none;}
.outline, .meter-mask {
	stroke: #F1F1F1; 
	stroke-width: 35;
}
.range { stroke-width: 35; }
.meter_needle {
	height: 80%;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 10%;
	transform-origin: bottom center;
	transform: rotate(270deg);
}

.chart-header { text-align: center; text-transform: uppercase; font-weight: 700; min-height:50px; font-size:70% }
.circle-chart {
	height:56px;
	overflow-y:hidden;
}
.circle-container {
  width: 106px;
  height: 106px;
  transform: rotate(-90deg);
}
.circle-container__background {
  fill: none;
  stroke: rgba(239, 240, 246, 0.5);
  stroke-width: 2px;
	stroke-dasharray: 50.2654 100.5309;
	stroke-linecap: round;
}

.circle-container__progress {
  fill: none;
  stroke-linecap: round;
  stroke: rgba(0, 186, 136);/*url(#circular-gradient-first-half);*/
	/* 100.5309 = 2*PI*16 (r=16) */
/*	stroke-dasharray: 100.5309 100.5309; */
	stroke-dasharray: 50.2654 100.5309;
/*  stroke-dasharray: 100 100;
  stroke-linecap: round;*/
  stroke-width: 2px;
	
  /* For animations... */
  transition: stroke-dashoffset 1s ease-in-out;
  /* will-change: transform;*/
}
.circle-container__average {
	fill: none;
	stroke-width: 6px;
	stroke: rgb(0, 0, 0);
	/* øker man første tallet her vil visere bli større*/
	stroke-dasharray: 1 100.5309;
}
.circle-container__possible {
	fill: none;
	stroke-width: 4px;
	stroke: #fcc30b;
	/* øker man første tallet her vil visere bli større*/
	stroke-dasharray: 1 100.5309;
}
.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;
	bottom: 0px; /*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.3rem; color: #000; }

.large-circle.circle-chart {
	height:140px;
	
}
.large-circle .circle-container {
	width: 260px;
	height: 260px;
}
.large-circle.circle-chart .figcaption-large { font-size: 2.5rem; }

.front-arrow-turned { position: absolute; top:0px; left: 300px; }
.front-text-wrapper { padding-right: 150px; padding-bottom: 50px; padding-top:120px; }
.front-flyer-wrapper { position:absolute; left:-130px; top:20px;width:300px; }
.front-flyer-party { max-width: 50%; }
.front-flyer-no1 { position:absolute; right: -70px; bottom: 0px; }
.hvaervi-curly-arrow { position: absolute; bottom: -20px; left: 50%; }
@media (max-width: 991px){
	.front-arrow-turned { display: none; }
	.front-text-wrapper { padding-right: 0px; padding-bottom:40px;}
	.front-flyer-wrapper { width: 100%; left: 0%; position: relative; text-align: center; z-index: 2;}
	.front-flyer-party { position: absolute; top:0px; z-index: 1}
	.front-flyer-no1 { right: -10px; }
	.hvaervi-curly-arrow { display: none; }
}
.col-5-10 { max-width:50%; display:block; flex: 0 0 50%; }
@media (min-width: 991px){
	.col-md-3-10 { max-width:33%; display:block; flex: 0 0 33%; }
}
@media (min-width: 1199px) {
	.col-lg-2-10 { max-width:20%; display:block; flex: 0 0 20%; }
}
.goals-categories-box { padding:5px; }
/*
.contact-page .md-form label, .contact-page .form-control, .contact-page .md-form input[type=text]:focus:not([readonly])+label, .contact-page .md-form input[type=email]:focus:not([readonly])+label, .contact-page .md-form textarea.md-textarea:focus:not([readonly])+label { color: #FFF; }*/