.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-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}


.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-block{display:block;width:100%}


.w3-container:after,.w3-container:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}

.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}


/*.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}*/
.w3-content{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}

/*
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
*/

.w3-hide{display:none!important}

/*.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}*/


/* /!\ SUPPRIME LES REPETITIONS DANS LE MENU "Tutorials" EN VERSION SMARTPHONE /!\ */
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}



@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-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}


/* CENTRAGE DU CONTENU DES SOUS-MENU */
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}

.w3-container{padding:0.01em 16px}


.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-padding-top-64{padding-top:64px!important}.w3-padding-top-48{padding-top:48px!important}
.w3-padding-top-32{padding-top:32px!important}.w3-padding-top-24{padding-top:24px!important}


.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}



/*OPPSETT AV TOP, TOPNAV, SIDENAV, MAIN, RIGHT OG FOOTER:*/


#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;
}




.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;
}



#nav_tutorials,#nav_exercises,#nav_certified,#nav_bubbles{-webkit-overflow-scrolling:touch;overflow:auto;}
#nav_tutorials::-webkit-scrollbar,#nav_exercises::-webkit-scrollbar,#nav_certified::-webkit-scrollbar,#nav_bubbles::-webkit-scrollbar {width: 12px;}
#nav_tutorials::-webkit-scrollbar-track,#nav_exercises::-webkit-scrollbar-track,#nav_certified::-webkit-scrollbar-track,#nav_bubbles::-webkit-scrollbar-track {background:#282A35;}
#nav_tutorials::-webkit-scrollbar-thumb,#nav_exercises::-webkit-scrollbar-thumb,#nav_certified::-webkit-scrollbar-thumb,#nav_bubbles::-webkit-scrollbar-thumb {background: #999999;}

#nav_tutorials,
#nav_certified,
#nav_bubbles,
#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_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_exercises a:focus {
  color: inherit;
  background-color: inherit;
}
#nav_tutorials h3,
#nav_certified h3,
#nav_bubbles h3,
#nav_exercises h3,
#sectionxs_tutorials h3,
#sectionxs_exercises h3,
#sectionxs_bubbles h3,
#sectionxs_certified h3  {
padding-left:6px;
color: #FFF4A3;
font-family: 'Source Sans Pro Topnav', sans-serif!important;
}
#nav_tutorials p,
#nav_certified p,
#nav_bubbles p,
#nav_exercises p {
  font-family: 'Source Sans Pro Topnav', sans-serif!important;
}



.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-2x {
font-size:2em;
}



/*
#ffffff; - #1d2a35;       - body/main
#E7E9EB; - #38444d;       - examples
#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_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 hr {border-top: 1px solid #38444d;}



body.darkpagetheme canvas {background-color:white;}
/*body.darkpagetheme .sn_ad_label {color:#ddd!important;}*/
/*body.darkpagetheme .ws-border-right {border-right:8px solid #1d2a35;}*/

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

/*body.darkpagetheme .invert-on-dark {filter: invert(1);}*/



@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:980px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(11){display:none;}}

@media (max-width:905px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(10){display:none;}}

@media (max-width:790px) {#topnav .w3-bar:nth-of-type(1) a:nth-of-type(9){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: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;}}



.w3-btn:hover,.w3-btn:active {
  box-shadow: none;
  background-color: #059862 !important;
}

.w3-btn:hover.w3-blue,.w3-btn:active.w3-blue,.w3-button:hover.w3-blue,.w3-button:active.w3-blue {
  background-color: #0d8bf2!important;color: #fff!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;
}

/* COLORE LA CATEGORIE DU MENU SELECTIONNE */
.mystyle,.mystyle:hover {
  background-color: #282A35!important;
  color:white!important;
}
.mystyle2 {
  background-color: #282A35!important;
  color: white !important;
}
.mystyle2:hover {
  background-color: #ccc !important;
  color: black !important;
}


#sectionxs_tutorials,#sectionxs_exercises {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;
  }
  
  .bubbles {
    margin-top: 16px;
  }
}

.bubbleslink {
  color: inherit;
  text-decoration: none;
}

.bubbles {
  background-color: rgba(255, 255, 255, 0.1)
}

.bubbles h4 {
  color: #FFF4A3;
}

.bubbles:hover {
  background-color: #000;
  color: white;
}

.bubbleboxes>.w3-col {
  padding: 0 12px;
}



.topnavbar a {
  padding:5px 15px 5px 15px !important;
  font-size:15px!important;
}



/* 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-light-green {
  background-color:#D9EEE1!important;
  color: black!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;
}