/* W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
main,menu,nav,section{display:block}
canvas,progress,video{display:inline-block}progress{vertical-align:baseline}[hidden]{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
b,strong{font-weight:bolder}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}img,picture{border-style:none}
code{font-family:monospace,monospace;font-size:1em}
button,input{font:inherit;margin:0}
button,input{overflow:visible}button{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
[type=checkbox]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{font-family:"Segoe UI",-apple-system,Arial,Verdana,sans-serif;font-size:16px/*15px*/;line-height:1.5}html{overflow-x:hidden;overflow-y:scroll;}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}
h2,h3,h4{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}img,picture{vertical-align:middle}a{color:inherit}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}:disabled *{pointer-events:none}
.w3-btn:disabled:hover{box-shadow:none}
.w3-tooltip{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}
.w3-container:after,.w3-container:before,.w3-row-padding:after,.w3-row-padding:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col{float:left;width:100%}
@media (min-width:601px){.w3-col.m6{width:49.99999%}}
@media (min-width:993px){.w3-col.l4{width:33.33333%}}
.w3-content{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}
.w3-hide{display:none!important}
@media (max-width:600px){	
.w3-hide-small{display:none!important}}
@media (min-width:993px){.w3-hide-large{display:none!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}.w3-round{border-radius:4px}
.w3-row-padding,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container{padding:0.01em 16px}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes opac{from{opacity:0} to{opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}.w3-center{text-align:center!important}.w3-padding{padding:8px 16px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-white{color:#000!important;background-color:#fff!important}
a:hover,a:active{color: #059862}
/*OPPSETT AV TOP, TOPNAV, SIDENAV, MAIN, RIGHT OG FOOTER:*/
.top {position:relative;background-color:#ffffff;height:68px;padding-top:20px;line-height:50px;overflow:hidden;z-index:2;}
#pagetop {position:fixed;z-index:4;font-size:16px;background-color:white;color:#282A35;padding-left:1px;padding-right:16px;font-family:'Source Sans Pro Topnav', sans-serif;min-width:330px;}
.login {display:none;line-height:1.5;padding:6px 14px;position:relative;top:7px;color:#fff;background-color:#4CAF50;text-decoration:none;border-radius:5px;font-family:"Segoe UI",Arial,sans-serif;font-weight:bold;}
/*#loginsignup {display:none;font-family:Verdana, sans-serif;}*/
/* Fix position before sidepanel avatar */
.login:hover {background-color:#46a049;color:#fff}
.login:focus {outline:none}
  @keyframes example {
  0% {color:#FFD700;transform: rotate(0deg);}
  100% {font-size:48px;color:#FFD700;transform: rotate(360deg);}
}
@keyframes tutpoint {
  0% {background-color:transparent;color:transparent}
  1% {background-color:rgba(4, 170, 109, 1);color:#fff}
  5%  {font-size:16px;}
  14%  {font-size:12px;}
  16%  {font-size:16px;}
  25%  {font-size:12px;}
  27%  {font-size:16px;}
  29%  {font-size:12px;background-color:rgba(4, 170, 109, 1);color:#fff}
  50% {background-color:transparent;color:transparent}
}
@keyframes quizpoint {
  0% {background-color:transparent;color:transparent}
  1% {background-color:rgba(44, 156, 202, 1);color:#fff}
  5%  {font-size:16px;}
  14%  {font-size:12px;}
  16%  {font-size:16px;}
  25%  {font-size:12px;}
  27%  {font-size:16px;}
  29%  {background-color:rgba(44, 156, 202, 1);color:#fff}
  50% {background-color:transparent;color:transparent}
}
.topnav {position:relative;z-index:2;font-size:17px;background-color: #282A35;color:#f1f1f1;width:100%;padding:0;letter-spacing:1px;font-family: 'Source Sans Pro Topnav', sans-serif;}
.topnav .w3-bar a:hover,.topnav .w3-bar a:focus{background-color:#000000 !important;color:#ffffff !important;}
.topnav .w3-bar a.active {background-color: #04AA6D!important;color:#ffffff;}
/*i.fa-caret-down,i.fa-caret-up{width:10px}*/
#main {padding:16px;margin-top:90px;}
#right {text-align:center;padding:16px 16px 0 0;margin-top:90px;}
#right a {text-decoration:none}
/*#right a:hover {text-decoration:underline}*/
#nav_tutorials,#nav_references,#nav_exercises,#nav_certified,#nav_services{-webkit-overflow-scrolling:touch;overflow:auto;}
#nav_tutorials::-webkit-scrollbar,#nav_references::-webkit-scrollbar,#nav_exercises::-webkit-scrollbar,#nav_certified::-webkit-scrollbar,#nav_services::-webkit-scrollbar {width: 12px;}
#nav_tutorials::-webkit-scrollbar-track,#nav_references::-webkit-scrollbar-track,#nav_exercises::-webkit-scrollbar-track,#nav_certified::-webkit-scrollbar-track,#nav_services::-webkit-scrollbar-track {background:#282A35;}
#nav_tutorials::-webkit-scrollbar-thumb,#nav_references::-webkit-scrollbar-thumb,#nav_exercises::-webkit-scrollbar-thumb,#nav_certified::-webkit-scrollbar-thumb,#nav_services::-webkit-scrollbar-thumb {background: #999999;}
#nav_services::-webkit-scrollbar-track {background:#f5f6f7;}
.darktheme #nav_services::-webkit-scrollbar-track {background:rgb(13, 23, 33);}
#nav_tutorials,#nav_references,#nav_certified,#nav_services,#nav_exercises {display:none;letter-spacing:0;position:absolute;width:100%;background-color:#282A35;color:white;padding-bottom:40px;z-index: 5 !important;font-family: 'Source Sans Pro Topnav', sans-serif!important;}
#nav_tutorials a,#nav_references a,#nav_exercises a,#nav_certified a {font-size:18px;padding:2px 6px 2px 6px !important;font-family:'Source Sans Pro Topnav', sans-serif!;}
#nav_tutorials a:focus,#nav_references a:focus,#nav_exercises a:focus {color: inherit;background-color: inherit;}
#nav_tutorials h3,#nav_references h3,#nav_certified h3,#nav_services h3,#nav_exercises h3,#sectionxs_tutorials h3,#sectionxs_references h3,#sectionxs_exercises h3,#sectionxs_services h3,#sectionxs_certified h3 {padding-left:6px;color: #FFF4A3;font-family: 'Source Sans Pro Topnav', sans-serif!important;}
#nav_tutorials p,#nav_references p,#nav_certified p,#nav_services p,#nav_exercises p {font-family: 'Source Sans Pro Topnav', sans-serif!important;}
#googleSearch {color:#000000;}
#googleSearch a {padding:0 !important;}
/*"nullstille" w3css:*/
/*"nullstilling" slutt*/
@media (min-width:1675px) {
#main {width:79%}
#right {width:21%}
}
@media (max-width:600px) {
.top img, .top picture {display:block;margin:auto;}
/*#mypagediv {position:absolute;width:auto;right:0;top:16px;}*/
}
@media (max-width:992px) {
.login {top:2px;}
#right {margin-top:0;}
}
/* source-code-pro-regular - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-code-pro-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/source-code-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-code-pro-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-code-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-code-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-code-pro-v14-latin-regular.svg#SourceCodePro') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* roboto-mono-500 - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-mono-v13-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-mono-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-mono-v13-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-mono-v13-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-mono-v13-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-mono-v13-latin-500.svg#RobotoMono') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* source-sans-pro-400 - latin */
@font-face {
  font-family: 'Source Sans Pro Topnav';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/SourceSansPro-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/SourceSansPro-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/SourceSansPro-Regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/SourceSansPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/SourceSansPro-Regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/source-sans-pro-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/source-sans-pro-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v14-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/source-sans-pro-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/source-sans-pro-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v14-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* freckle-face-regular - latin */
@font-face {
  font-family: 'Freckle Face';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/freckle-face-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/freckle-face-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/freckle-face-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/freckle-face-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/freckle-face-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/freckle-face-v9-latin-regular.svg#FreckleFace') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v18-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* fontawesome */
@font-face {
  font-family: 'fontawesome';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/fontawesome.eot?14663396'); /* IE9 Compat Modes */
  src: url('fonts/fontawesome.eot?14663396#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/fontawesome.woff2?14663396') format('woff2'), /* Super Modern Browsers */
       url('fonts/fontawesome.woff?14663396') format('woff'), /* Modern Browsers */
       url('fonts/fontawesome.ttf?14663396') format('truetype'), /* Safari, Android, iOS */
       url('fonts/fontawesome.svg?14663396#fontawesome') format('svg'); /* Legacy iOS */
  font-display: swap;
}
.fa {display:inline-block;font:normal normal normal 14px/1 fontawesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);}
.fa-caret-down:before {content:'\e809';}
.fa-caret-up:before {content:'\e80a';}
.fa-logo:before { content: '\e822'; }
.fa-youtube:before {content:'\e83f';}
.w3-btn, .w3-btn:link, .w3-btn:visited {color:#FFFFFF;background-color:#4CAF50}
/*
#ffffff; - #1d2a35;       - body/main
#E7E9EB; - #38444d;       - examples
#E7E9EB; - rgb(21,32,43); - leftmenuinner
#D9EEE1; - rgb(21,32,43); - w3-code/w3-info
#282A35; - rgb(13,23,33); - topnav
#282A35; - rgb(13,23,33); - sidesection
*/
body.darkpagetheme {background-color: #1d2a35!important;color:#ddd!important;}
body.darkpagetheme .w3-white {background-color: #1d2a35!important;color:#ddd!important;}
body.darkpagetheme #pagetop {background-color:rgb(21,32,43);color:#ddd;}
body.darkpagetheme #nav_tutorials,body.darkpagetheme #nav_references,body.darkpagetheme #nav_exercises {  background-color:rgb(13,23,33);  color: white;}
body.darkpagetheme .topnav {background-color: rgb(13,23,33);}
body.darkpagetheme #main {border-right: 1px solid #38444d;}
body.darkpagetheme canvas {background-color:white;}
body.darkpagetheme .w3-btn:hover.w3-white,body.darkpagetheme .w3-btn:active.w3-white,body.darkpagetheme .w3-button:hover.w3-white,body.darkpagetheme .w3-button:active.w3-white {background-color:#38444d!important;}
/*@media (max-width:1510px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(12){display:none;}}*/
@media (max-width:1730px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(22){display:none;}}
@media (max-width:1650px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(21){display:none;}}
@media (max-width:1570px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(20){display:none;}}
@media (max-width:1470px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(19){display:none;}}
@media (max-width:1375px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(18){display:none;}}
@media (max-width:1300px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(17){display:none;}}
@media (max-width:1240px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(16){display:none;}}
@media (max-width:1170px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(15){display:none;}}
@media (max-width:1120px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(14){display:none;}}
@media (max-width:1070px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(13){display:none;}}
@media (max-width:1020px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(12){display:none;}}
/*@media (max-width:1330px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(10){display:none;}}*/
@media (max-width:980px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(11){display:none;}}
/*@media (max-width:1200px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(9){display:none;}}*/
@media (max-width:905px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(10){display:none;}}
/*@media (max-width:1100px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(8){display:none;}}*/
@media (max-width:790px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(9){display:none;}}
/*@media (max-width:1000px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(7){display:none;}}*/
@media (max-width:735px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(8){display:none;}}
@media (max-width:665px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(7){display:none;}}
/*@media (max-width:800px)  {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(19){display:none;}}
@media (max-width:800px)  {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(20){display:none;}}*/
@media (max-width:570px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(6){display:none;}}
@media (max-width:495px)  {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(5){display:none;}}
@media (max-width:370px)  {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(4){display:none;}}
@media (max-width:320px)  {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(3){display:none;}}
/*NYTT:*/
#main {padding:16px 32px 32px 32px;border-right: 1px solid #f1f1f1;}
#right {padding:16px 8px;}
/*.w3-panel {*/
h2 {font-size: 32px;}
.w3-btn:hover,.w3-btn:active {box-shadow:none;background-color:#059862 !important;}
.w3-btn:hover.w3-white,.w3-btn:active.w3-white,.w3-button:hover.w3-white,.w3-button:active.w3-white {background-color: #f1f1f1!important;}
/*NYTT br:*/
.bar-item-hover:hover {background-color: #04AA6D !important;color:white!important;}
.mystyle,.mystyle:hover {background-color: #282A35!important;color:white!important;}
#sectionxs_tutorials,#sectionxs_references,#sectionxs_exercises,#sectionxs_certified {background-color:#282A35;color:white;}

/* NYTT br AUG 2021 og MAI 2023 */
.ribbon-topnav {font-size:11px;font-weight:bold;padding:3px 10px;margin-left:3px;text-align:center;color:black;border-radius:25px;border:1px solid black;position:relative;top:-2px;background-color:white;}
.acctop-link {width:auto!important;display:inline-block!important;font-size:18px!important;border-radius:3px;}
.learn-span {font-size:15px;color: #ddd;}
.acctop-link:hover .learn-span {color:black;}
.acclink-text {border-radius:3px;background-color:#282A35 !important;padding-right: 8px;color:#FFF4A3!important;text-decoration:underline !important;font-size:12px!important;opacity:0.9!important;}
.acclink-text:hover {color:#fff!important;}
@media screen and (max-width: 600px) {
.acctop-link,.fixpaddingsmallmenu {padding:4px 8px !important;margin-left:-2px;}
.acclink-text {padding-left:5px!important;padding-right:5px!important;}
.services {margin-top:16px;}
}
.serviceslink {color:inherit;text-decoration:none;}
.services {background-color:rgba(255, 255, 255, 0.1)}
.services h4 {color:#FFF4A3;}
.services:hover {background-color:#000;color:white;}
.serviceboxes>.w3-col {padding:0 12px;}
.secondary-top-nav-bar > div,.secondary-top-nav-bar > div > div {background-color: inherit;}
/* NYE farger */ 
.ws-green {background-color:#04AA6D!important;color: white!important;} 
.ws-hover-green:hover {background-color:#059862!important;color: white!important;} 
.ws-hover-text-green:hover {color:#059862!important;}
.ws-btn {font-size: 17px;font-family: 'Source Sans Pro', sans-serif;border:none;border-radius:5px;display:inline-block;padding:6px 18px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;;text-align:center;cursor:pointer;white-space:nowrap;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#04AA6D;color:#ffffff}
.ws-btn:hover,.ws-btn:active {background-color: #059862!important;color: #ffffff;}
p {margin-top: 1.2em;margin-bottom: 1.2em;font-size: 16px/*15px*/;}
/*.w3-example p,.w3-panel p {*/
/*@media only screen and (max-device-width: 480px) {*/
@media only screen and (max-width: 500px) {
#main {padding:24px;padding:16px}
h2 {font-size:25px;}
/*.w3-panel,.w3-info {*/
}
/*Ny exercise jun 2024*/