@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Faustina:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
/*src: url('fonts/webfonts/Faustina/Faustina Font.woff2') format('truetype');
 src: url('fonts/webfonts/SourceSansPro/SourceSansPro-Black.woff2') format('truetype');*/


* {
    scroll-behavior: smooth !important;
}

/*********** COLORS ****************/
.bg-nav {
    background-color: #eeeeee; /*#ffe4df70; #f0f2e9;*/
}

#footer {
    line-height: normal;
    font-weight: 300;
    background-color: #382020 !important;
}
.bg-dark {
    background-color: #382020 !important;
}
.bg-nav-kx-dark {
    background-color: rgba(220, 220, 201, 0.80); /*(182, 193, 172, 0.80); #b6c1accc; *#636669*/
    border-bottom: 2px solid white !important;
}

.bg-search {
    background-color: #ab9e9a;
    margin-top: -4px;
}

#ksinputPanel{
    background-color: #e6e8e6 !important;
}
#homeCancerType i, .lightlightnav i, .lightnav a i, .nav-item i, .nav-item a i{
    color: rgb(212, 45, 74) !important;
}

.red, .bg-red{
    background-color: #d0212a;
}

.redtxt, .text-white a {
    color: #d0212a;
}

    .red:hover, .red:hover + text-white, .text-white a:hover, .bg-red:hover, .bg-red a:hover, .bg-red + .text-white a:hover {
        background-color: #93333c;
    }

.bc-player-default_default .vjs-big-play-button:active, .bc-player-default_default .vjs-big-play-button:focus, .bc-player-default_default:active .vjs-big-play-button, .bc-player-default_default:hover .vjs-big-play-button {
    background-color: #d0212a;
}

.bg-eee {
    background-color: #eee;
}

.darkblue, .darkbluebckgr, .badge-info{
    background-color: #40899e;
}

article .btn-info, .toast, .sharetoscreen {
    border: solid 1px lightblue;
    background: rgb(235, 250, 255);
}

    .darkblue:hover, .darkbluebckgr:hover, .badge-info:hover, .btn-info:hover {
        background-color: #d0212a;
    }


/******************end COLORS **************************/

body {
    background-color: transparent;
    font-family: 'Faustina', Georgia, sans-serif;
    line-height: 1.3em;
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 1.1rem;
    color: #373d3f;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a, a.Internal, .blue {
    color: #336c73;
    text-decoration: none;
}

a:hover{
    text-decoration: none!important;
}

article a:hover{
    text-decoration:initial;
}

:focus {
    outline: transparent auto 0px;
}

input{
    border-width: 1px;
}

#cancertypesList a, .sharetoscreen a{
    text-decoration: underline;
    color: #336c73;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

p {
    font-family: 'Faustina', Georgia, serif;
}

ul {
    margin-top: 0;
}

#kxArticle p + ul {
    margin-top: -5px;
}

.hidden {
    display: none !important;
}

h1, h2, .h2, .h3, h3, h4, h5, h6, nav, input, .breadcrumb, #title .h1, legend.h1, .form-group, .showMore, button, .btn, #header_kx, #cancertypesList_dropdown, #LabelFeedback, #ordbok-oppslag, .slogan, .segoe, #kxArticle .card-text {
    font-family: 'Source Sans Pro', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
    color: #5f5050;
}

.h1, h1, #title .h1, legend.h1 {
    font-size: 2.1rem;
    color: #8e3838;
    font-weight: 500;
}

.h2, h2 {
    font-size: 1.6rem;
    font-weight: 600;
}

.h3, h3 {
    font-size: 1.3rem;
    font-weight: 600;
    padding-top: .25em;
}


h2 + h3, .h2 + .h3 {
    padding-top: initial;
}

div + h2, div + h3 {
    padding-top: 1em;
}

.h4, h4 {
    font-size: 1.1rem;
    font-weight: 600;
}

.h5, h5 {
    font-size: 1rem;
    font-weight: 500;
}

.h6, h6 {
    font-size: .9rem;
    font-weight: 600;
}

.h1, h1, .h2, h2, .h3, h3, .h4, h4 {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

li {
    padding-bottom: .5rem;
}

.fira, .toast{ font-family: 'Source Sans Pro', Tahoma, Geneva, Verdana, sans-serif;
}

.trehundre, .small, small {
   font-weight: 300;
}

.firehundre, .date.small {
    font-weight: 400;
}

.larger {
    font-size: 120%;
}

.smaller {
    font-size: 80%;
}

.enogenhalv {
    font-size: 1.5rem;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.logo {
    height: 45px;
}

.img-fluid {
    width: 100% \9;
}

.slogan {
    font-size: 1.1em;
    text-align: left;
    padding-left: 1.1rem;
}

.ingress {
    font-family: 'Faustina', Georgia, serif;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 150%;
    margin: .7em 0 1em 0;
}

input .select {
    background-color: red;
}

.card .stretched-link:after,#collapsingNavbarLg .nav-item .stretched-link:after{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 750;
    pointer-events: auto;
    content: "";
	background-color: transparent;
    background-color: rgba(0,0,0,0);
}

.card a{
    text-decoration: underline;
    padding: 0 3px;
    border-bottom: 2px solid transparent;
}

.card a:hover{
	background: rgb(235, 250, 255);
}

#searchResTab .card a {
    text-decoration: underline;
}

.card a .badge-info{
    margin-right: .4em;
}

a.dict, a .gohome {
    padding: 0 3px;
    color: #373d3f;
    background: rgb(235, 250, 255);
    text-decoration: none !important;
}

    a.dict:hover, a .gohome:hover {
       background: rgb(242, 251, 254);
	   color: #889aac;
    }

a img, a img:visited, a img:focus {
    border: 0;
}

.accordionHeader, .accordion .card-header {
    cursor: pointer;
}

#continuereading .btn-secondary {
    color: #335577;
    border: 2px solid lightblue;
    background: rgb(235, 250, 255);
    text-decoration: none;
}

    #continuereading .btn-secondary:hover {
        text-decoration: underline;
        color: white;
        background-color: #868e96;
    }

    footer a:hover {
        background-color: rgba(124, 178, 193, .26);
    }

.footer a:hover i {
    color: #f4294c;
}

.supportedby {
    display: inline-block;
    min-width: 325px;
    height: 59px;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    max-height: 80px;
    margin-bottom: 1em;
}

.supportedby.imi {
    background-image: url(/images/kx/IKI-logo-KX.svg); /* no-repeat 6px 0px*/
    background-size: contain;
}

.supportedby.radiumlegat {
    background-image: url(/images/kx/rl-logo.svg)/* no-repeat 6px 0px*/;
}

.supportedby.ous {
    background-image: url(/images/kx/OUS-HSOE-neg-452x46.png) /*no-repeat 0px 0px*/;
    background-size: contain;
    max-height: 50px;
    margin-bottom: .6em;
}

    .supportedby:hover::after {
        font-family: 'Bootstrap-icons';
        vertical-align: middle;
        margin-right: 0.25em;
        content: '\F1C3';
        background-position-x: right;
        text-align: end;
        float: right;
        padding-top: 0.2em;
    }

fieldset > legend {
    width: 300px;
    padding: 10px 20px;
}

button:focus {
    outline: 1px dotted transparent;
    outline: 1px auto transparent;
}

.btn-white {
    color: #666;
    background-color: #fff;
    border-color: #e8ece3;
}

#popupmenu {
    padding: 2em 0 .5em 0;
}

.popupshadow {
    box-shadow: 0 8px 10px #ccc;
}

/************** SEARCHBAR and SEARCH PAGE ******************/
input:not([type="radio"]):not([type="checkbox"]) {
    -webkit-appearance: none;
	-moz-appearance: none;
    font-weight: 300;
}

.SearchboxLg {
    font-size: x-large;
}

.txtSearch {
    width: 100%;
    padding: .5em;
    font-weight: 100;
}

    .txtSearch:focus, .txtSearch:active {
        border-color: #777777;
        /* outline: #555 solid 1px;*/
    }

#SearchText input-group-btn .btn, #SearchTextAgain input-group-btn .btn {
    background-color: #f8f9fa;
    border-width: thin;
    border-width: 1px;
	border-left: 0px transparent;
    border-radius: 2em 0 0 2em;
    outline: #999 solid 1px;
}
#btnSearchTextTop i{
    color: #d0212a;
}

.input-group-btn .btn{
    border-radius: 2em;
    outline: 0px solid;
    border: #999 solid 1px;
    border-left: 0px;
}

.SearchTextTop {
    max-height: 2.2em;
}

.SearchTextTop btn a:hover{
	color: d0212a;
	text-decoration: none;
	border-bottom: 0 none;
}
#SearchTextTop {
    border-width: 1px;
    border-radius: 2em 0 0 2em;
    border: #999 solid 1px;
    outline: 0px;
    background-color: #f8f9fa;
}
#SearchTextTop:focus-within{
	font-size: x-large;
}
#cancertype_page header nav .input-group:focus-within input{
	box-shadow: 0 0.2em 0.5em #bdaaaa;
	 transform: scale(1.025); 
	 transition-duration: .2s;
}	

#cancertype_page header nav .input-group:focus-within .input-group-btn button{
	box-shadow: 0.35em 0.1em 0.4em 0.06em #bdaaaa;
	transform: scale(1.025);
}
/*************************************/
#SearchText, #SearchTextAgain, panel button {
    border-color: #eee;
    background-color: #eeeeee;
    border-width: 1px !important;
    border-style: hidden;
    border-radius: 2em 0 0 2em !important;
    border: 1px solid #555;
    outline: 0px;
	font-size: x-large;
}

 #search-m input:not([type="radio"]):not([type="checkbox"]) {
        -webkit-appearance: none;
		 -moz-appearance: none;
        font-weight: 100;
        font-size: larger;
        text-decoration: none;
        border-radius: 20em 0 0 20em;
        border: 1px solid #555;
        outline: 0px;
    }
	
	 #search-m .input-group-btn .btn{
      border: #555 solid 1px;
}
#search-m .input-group:focus-within input{
	background-color: white!important;
}
 #search-m .input-group-btn .btn i:before{
 font-size: x-large;
 }

#searchPanel .input-group:focus-within, #searchresult_page .input-group:focus-within{
	 box-shadow: 0 0.2em 1.5em #bdaaaa;
	 transform: scale(1.025); 
	 border-radius: 18em;
}
header_kx, #nav_header_kx{
	background-color: white;
}
#header_kx:has(.show), #nav_header_kx:has(.show){
	background-color: #e6e8e6 !important;
}

button, input, optgroup, select, textarea {
    border-color: #eee;
    border-width: 1px !important;
    border-style: hidden;
}

.txtSearchtop {
    width: 100%;
    padding: .2em;
    border: #aaa 1px solid;
}

.articlesearch .card-body,.articlesearch  .card-body col, .articlesearch .card-body col-12{
    padding: 0;
}

.exact {
    display: none;
}
.exactmatchSearch{
border-radius: .4em;
}

.exactmatchSearch h4 {
    font-size: x-large;
    font-weight: 600;
}

.exactmatchSearch:before {
    content: 'I ordboka fant vi denne definisjonen: ';
    display: block;
    margin: 0 0 .7em 0;
    color: #117a8b;
}

.exactmatchSearch p {
    font-weight: 400 !important;
    margin-top: .5em;
}

#kxHome .card{
    border-radius: 0.6rem;
}
#kxHome .card-image {
    z-index:  777;
}

#kxHome .card-footer, #kxHome .card-footer:last-child {
    border-radius: 0 0 0.6rem 0.6rem;
}
#kxHome .card-title {
    padding: 1.25rem 1.25rem 0 1.25rem;
    margin-bottom: initial;
}

#kxHome .card-title h3{
    font-size: 1.6rem;
}

#kxHome .card-body{
    padding: 0 1.25rem;
}

    #kxHome .card-body p:first-of-type{
        padding-top: 1.25rem;
    }

    #kxHome .card-body p:last-of-type {
        padding-bottom: 1.25rem;
    }


.col-center-block {
    float: none;
    display: block;
    margin: 0 auto;
}

/******************** NAVBAR **************************/


.navbar-header {
    padding: 5px 0;
    margin: 0 5px;
}

.navsearch-toggler {
    padding: 0.25em .6em 1em;;
    font-size: 1.25rem;
    line-height: 1;
}

.navsearch-toggler, .navsearch-toggler[aria-expanded="false"] {
    background: transparent;
}

    .navsearch-toggler .searchbutton {
        display: inline-block;
        width: 1.4em;
        height: 1.4em;
        content: '';
        vertical-align: middle;
        background-size: contain;
        background: no-repeat center;
        background-size: 80% 80%;
        background-position-y: 4px;
        background-image: url(/images/kx/search.svg);
        filter: invert(17%) sepia(89%) saturate(3950%) hue-rotate(348deg) brightness(83%) contrast(90%);
    }


    .navsearch-toggler::after {
        content: 'SØK';
        display: block;
        font-size: small;
        margin-top: 6px;
        padding-top: 1px;
        color: rgba(0,0,0,.9);
    }

    .navsearch-toggler[aria-expanded="true"] {
        background-color: #ab9e9a;
        transition: ease-in-out .2s;
        border-radius: 0.2em 0.2em 0 0;
    }

        .navsearch-toggler[aria-expanded="true"] .searchbutton {
            background-image: url(/images/kx/x-lg.svg);
            filter: invert(35%) sepia(0%) saturate(3241%) hue-rotate(210deg) brightness(94%) contrast(100%);
            background-size: 100% 100%;
            background-position-y: 3px;
        }

.navbar-toggler {
    color: rgba(0,0,0,.9) !important;
    padding: 0.25rem 1em;
    margin: 0 0.5em 0 0;
    border-color: rgba(0,0,0,.1);
}

    .navbar-toggler::after {
        content: 'MENY';
        display: block;
        font-size: small;
        margin-top: .3em;
        color: rgba(0,0,0,.9);
    }

       .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        width: 1.4em;
        height: 1.4em;
        content: '';
        vertical-align: middle;
        background-size: contain;
        background: no-repeat center;
        background-size: 100% 100%;
        background-position-y: 2px;
        background-image: url(/images/kx/x-lg.svg);
        filter: invert(35%) sepia(0%) saturate(3241%) hue-rotate(210deg) brightness(94%) contrast(100%);
        transition: ease-in-out .2s;
    }
    

    .navsearch-toggler[aria-expanded="true"]::after, .navbar-toggler[aria-expanded="true"]:after {
        content: 'LUKK';
    }


.navbar-light .navbar-toggler[aria-expanded="true"], .navsearch-toggler:focus, .navsearch-toggler:hover {
    text-decoration: none;
    border-color: transparent;
    outline: 0 solid transparent;
}

.navbar-toggler [aria-expanded="false"] {
    border-color: rgba(0,0,0,.1);
}

#kx-leftmenu, .ProcedureSection, .omkreftlex {
    margin-top: 1em;
}

    #kx-leftmenu a, #sidebar a, .omkreftlex a {
        display: flex;
        color: rgba(0,0,0,.6);
    }

        #kx-leftmenu a:hover, #sidebar a:hover, .omkreftlex a:hover, .current {
            color: #d0212a;
            text-decoration: none !important;
        }

        #kx-leftmenu a:focus, #kx-leftmenu a:active, #sidebar a:focus, #sidebar a:active, .omkreftlex a:focus, .omkreftlex a:active{
            color: #d0212a;
        }

        #kx-leftmenu a::before, #kx-leftmenu .nav-link::before, .omkreftlex a::before{
            font-family: 'Bootstrap-icons';
            vertical-align: middle;
            margin-right: 0.25em;
		}

    #kx-leftmenu .nav-item {
        -webkit-margin-before: 0em;
        -webkit-padding-start: 0px;
        cursor: pointer;
        border-bottom: 2px solid transparent;
    }



/***************** end NAVBAR ******************************/

/***************** end ordbok og dict ******************************/
.ordbok {
    padding-top: 20px;
}

    .ordbok nav a {
        margin-right: 10px;
        font-size: xx-large;
        line-height: 2;
    }

#ordbok-oppslag {
    position: fixed;
    width: 260px;
    min-height: 100px;
    height: fit-content;
    top: 2em;
    margin: 5% 0 0 5%;
    padding: 10px;
    padding-bottom: 40px;
    background-color: #eee;
    border: 5px solid #666666;
    line-height: 1.2em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    display: none;
    box-shadow: 3px 3px 1em #66666687;
    z-index: 1100;
}

    #ordbok-oppslag .dict-close {
        position: absolute;
        bottom: 2px;
        right: 10px;
        text-decoration: underline;
    }

    #ordbok-oppslag a{
        text-decoration: none;
    }

/********************HIGHLIGHTING search**************/
.showhighlighting {
 font-size: small;
    font-family: 'Source Sans Pro', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #fff700;
    overflow: visible;
    border-radius: 0.25rem;
    top: 85px;
    display: block;
    max-width: 50%;
    margin: -2.2em 0 auto auto;
}

.hilite {
    background-color: #fff700;
}

.showhighlighting label {
    margin-bottom: 0;
    margin-right: 1em;
    display: inline-flex;
}

.isammenheng{
	    z-index: 1;
}

.isammenheng a:before {
    font-family: 'Bootstrap-icons';
    content: "\F129";
    font-size: 1em;
    margin-right: .6em;
}

.isammenheng a:hover::before {
    color: #d0212a;
}

.isammenheng button {
	margin-top: 2em;
    padding-left: 0px;
	font-weight: bold;
	background-color: white!important;
}

/******************TopNAV Lg *******************************/

.nav a {
    cursor: pointer;
    word-break: break-word;
    word-wrap: break-word;
}

.nav #cancertypes a {
    display: block;
    margin: 0.6em 0 .8em 0;
    padding-left: 0;
}

.nav-item.txtstrl, .nav-item.txtstrl:focus, .nav-item.txtstrl:hover {
    border-bottom: 1px solid transparent;
}

.txtstrl, #myBtn {
    width: 40px;
    min-height: 26px;
    margin-top: 4px;
    text-align: right;
    cursor: help;
    color: transparent;
    background-color: transparent;
    box-sizing: border-box;
    border-width: 0px;
    border-style: outset;
    border-color: transparent;
    border-image: none;
    background: url(/images/kx/tekststrl.png) -0px 0px no-repeat;
}

.border-transp-2px {
    border-top: 1px solid transparent;
}

.header_kx a {
    color: rgba(0,0,0,.6);
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

    .header_kx a:hover {
        color: #9A928F;
        border-bottom: 2px solid #d0212a;
    }

    .header_kx .navbar-brand a:hover {
           border-bottom: 2px solid transparent;
    }

    .header_kx a:focus {
        color: #d0212a;
        border-bottom: 2px solid #d0212a;
    }

    .header_kx a[aria-expanded="true"]:hover, .header_kx a[aria-expanded="true"]:focus {
        border-bottom: 2px solid transparent;
    }

.header_kx .searhBtn-lg-top[aria-expanded="true"] {
    background-color: rgba(0,0,0,.8);
}

.header_kx .form-control-lg {
    display: block;
    height: initial;
    text-decoration: none;
    font-weight: 100;
    padding-left: 10px;
    border: 1px solid #d0212a;
    border-right: 0px solid transparent;
    border-radius: 50px 0px 0px 50px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/********************Frontpage elements **********/
.krefttypevalg-btn {
    border: 1px solid rgb(212, 45, 74);
    color: white !important;
    background-color: #d0212a;
    border-radius: 2em;
	transition: ease-in-out .15s all;
}

    .krefttypevalg-btn::after {
        font-family: 'Bootstrap-icons';
        content: "\F4F9";
        font-size: x-large;
        margin-right: 0.4rem;
        text-decoration: none;
        vertical-align: top;
		font-weight: 400;
    }

    .krefttypevalg-btn[aria-expanded="true"] {
        border-radius: 1.5em 1.5em 0 0;
		transition: ease-in-out .15s all;
    }
    
    .krefttypevalg-btn[aria-expanded="true"]::after {
    content: "\F622";
}

        .krefttypevalg-btn[aria-expanded="true"] + .cancertypesFlex{
            border: solid 2px #d0212a;
        }
        /******************** LEFTMENU TOGGLEABLE ***********************/
#collapsingNavbarLg a:hover, #header_kx a:hover, #header_kx a span:hover {
    color: #d0212a;
}

#btnSearchText:hover, #btnSearchText span:hover, #btnSearchTextTop:hover{
    color: white!important;
    text-decoration: none!important;
    background-color: initial;
	border-bottom: 0px none;
}

#kx-leftmenu .fixed-top a, #collapsingNavbarLg a, #header_kx .fixed-top a, #cancertype_content #header-kx a, .ProcedureSection a {
    color: rgba(0,0,0,.6);
}

#kx-leftmenu a, #sidebar a, .omkreftlex a , .navfrompagebottom a{
    padding: 0.6em;
    text-decoration: initial;
}

.isammenheng a:before {
    font-family: 'Bootstrap-icons';
    content: "\F129";
    font-size: 1em;
    margin-right: .6em;
}

.isammenheng a:hover::before {
    color: #d0212a;
}

.isammenheng button {
	margin-top: 2em;
    padding-left: 0px;
	font-weight: bold;
}

.navfrompagebottom a{
    font-family: 'Source Sans Pro', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
	background: #e6e8e6 !important;
	text-align: left;
	width: 100%;
	display: flex;
	border-top: 2px solid #ddd;
}

.sidebar a, .sidebar h4, .navfrompagebottom a {
    font-size: large;
}

    #kx-leftmenu a:before, .omkreftlex a:before, .navfrompagebottom a:before{
        font-family: 'Bootstrap-icons';
        margin-right: 0.4rem;
        text-decoration: none;
        vertical-align: middle;
        text-decoration: none !important;
		color: rgba(0,0,0,.6);
    }
 #kx-leftmenu a.home:before
 {	 	 color: #d0212a;
    }
	
	#kx-leftmenu a i:before {
    margin-right: 0.6em;
}
    #kx-leftmenu a:hover::before, .omkreftlex a:hover::before, #sidebar2 a:hover::before {
        text-decoration: none !important;
    }

#kx-leftmenu #menuBackgroundDocuments div a::before, #kx-leftmenu #utredninger a::before, #kx-leftmenu #BEHANDLING div a::before, #kx-leftmenu #OPPFØLGING div a::before, #kx-leftmenu #FYSIOTERAPI div a::before, .omkreftlex a::before {
    font-family: 'Bootstrap-icons';
    content: "\F285";
    margin-right: 0.4rem;
    text-decoration: none;
    vertical-align: middle;
}
#LeftmenuMiddle div{
    border-top: 1px solid rgba(0,0,0,.4);
}
#LeftmenuGeneral li{
	    border-top: 2px solid #ddd;
    padding-top: 4px;
    vertical-align: middle;
}

    #LeftmenuMiddle div div {
        transition: border-color .1s;
        border-color: transparent;
    }
  
#kx-leftmenu #BEHANDLING .light-plus {
    padding: .8em 0 .8em .6em;
 }


.dark-plus:before, .dark-plus[aria-expanded="false"]::before {
    content: "\F4F9";
}

.dark-plus:has(~.show)::before, .dark-plus[aria-expanded="true"]::before {
    content: "\F2E5";
}

.navfrompagebottom .dark-plus[aria-expanded="true"]::before {
    content: "\F4F9";
}

.dark-plus, .light-plus {
    cursor: pointer;
}

#kx-leftmenu #behandlinger .light-plus::before, .isammenheng .light-plus::before {
    font-family: 'Bootstrap-icons';
    content: "\F4FA";
    vertical-align: middle;
    padding-left: .5em;
}

 .isammenheng .light-plus::before{
	 padding: 0 .5em 0 0;
 }

#kx-leftmenu #behandlinger .light-plus:has(+.show)::before, #kx-leftmenu #behandlinger .light-plus[aria-expanded="true"]::before, .isammenheng .light-plus:has( ~ .show)::before{
    content: "\F2E6";
}

#kx-leftmenu * a.tilbake {
    background-color: white;
    padding-left: .4em;
}

a.leftarrow::before {
    font-family: 'Bootstrap-icons';
    content: "\F12A" !important;
    vertical-align: middle;
}

.leftarrow90deg:before {
    font-family: 'Bootstrap-icons';
    content: "\F10F" !important;
    vertical-align: middle;
}

.hjem-lenker.home, .hjem-lenker.flervalg {
    padding-left: .2em;
	border-top-color: transparent;
}

    .hjem-lenker.home{
        margin-bottom: 6em;
    }

    .hjem-lenker:hover {
        text-decoration: underline;
    }

.home::before {
    font-family: 'Bootstrap-icons';
   /* content: "\F425" !important;*/
    vertical-align: middle;
    color: #d0212a;
}

.flervalg::before {
    font-family: 'Bootstrap-icons';
    content: "\F3FC" !important;
    vertical-align: middle;
    color: white;
}

.current {
    color: rgba(208,33,42,1) !important;
}


/********************ACCORDION****************************/
.kxaccordion {
    box-shadow: 0 0 1px rgba(0,0,0,0.1);
}

.accordionplus::before{
	 font-family: 'Bootstrap-icons';
	content: "\F622";
	 font-size: 1em;
	 margin-right: .6em;
	 font-style: normal;
	 font-weight:  400;
	 vertical-align: middle;
}

.collapsed .accordionplus:before{
	content: "\F4F9";
}

    .kxaccordion .card, .myaccordion .card:last-child .card-header {
      margin-bottom: .5em;
    }
	
	.kxaccordion .card-body{
		background-color: #f8f9fa;
	}

    .kxaccordion .card-header {
        border-bottom-color: #EDEFF0;
           background-color: #f7f0ee;
    }

    .kxaccordion .fa-stack {
        font-size: 18px;
    }

    .kxaccordion .btn {
        width: 100%;
        font-size: large;
        font-weight: bold;
        color: #336c73;
        padding: 0;
    }

    .kxaccordion .btn-link:hover, .kxaccordion .btn-link:focus {
        text-decoration: none;
    }

    .kxaccordion li + li {
        margin-top: 10px;
    }


@media all and (max-width:991px) {

.smart-scroll{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 8030;
}
.scrolled-down{
   transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
   transform:translateY(0); transition: all 0.3s ease-in-out;
}
		#searchPanel .input-group:focus-within, #searchresult_page .input-group:focus-within {
    box-shadow: 0px 0.2em 1.1em #bdaaaa;
		}

body:has(#searchPanel):has(.input-group:focus-within) .krefttypevalg-btn{
	background-color: #555;
	opacity: .2;
}

#searchresult_page:has(.input-group:focus-within) h2, #searchresult_page:has(.input-group:focus-within) highlite{
		color: #eee;	
	background-color: transparent;
}

.navbar-toggler[aria-expanded="true"]{
position: sticky;
position: fixed-top;
}

	#sidebar:has(#kx-leftmenu.show), #sidebarOmKX:has(nav.show), #sidebar2:has(.show), #navbar-home:has(.show)
	{z-index: 1111;
	 position: fixed;
	}
	
	#sidebar2 .navbar-collapse{
		padding-left: 1.2em!important;
	}
	
	
	#sidebar:has(#kx-leftmenu.show) #togglesearch
	{
			transition-duration: .01s;
	opacity: 0!important;

	}

	#sidebar:has(#kx-leftmenu){
		position: sticky;
	}

    #homepage-burger .nav-item {
        display: block;
        padding: 0.6em 0;
    }

    #header_kxSearch a {
        display: block;
        padding: 1em 0 !important;
    }

    #header_kxSearch:has(.show) {
        background-color: #e6e8e6 !important;
    }

    #header_kxSearch {
        background-color: white;
    }
	
	#homeCancerType a{
		  font-family: 'Source Sans Pro', Tahoma, Geneva, Verdana, sans-serif;
		  text-transform: uppercase;
		  color: #336c73!important;
		  text-decoration: underline;
	}
	#homeCancerType a:hover{
		  text-decoration: none;
	}
	
	#homepagenav .panel-primary{
	    background-color: #f7f0ee;
	}
	
	#navCancerPage{
		margin-bottom: 1em;
	    padding-bottom: 1em!important;
		box-shadow: 0px 10px 10px -9px rgba(0,0,0,0.3);
}
	
	#navCancerPage .nav-item{
	    padding: 0.2em 0.8em;
    background: #efefef;
    color: #336c73;
    border: solid 1px #94b5b9;
    font-family: 'Source Sans Pro', Tahoma, Geneva, Verdana, sans-serif;
    border-radius: 20px;
    margin: 0.4em 0.4em 0.4em 0;
   	}
	
		#navCancerPage .current{
			border: solid 1px rgba(208,33,42,1); 
		}

    #kx-leftmenu {
        margin-top: 1em;
        min-height: 500vh;
    }

        #kx-leftmenu * {
			overscroll-behavior: contain;
                overflow-y: visible;
        }

    	
	#LeftmenuGeneral a{
		vertical-align: middle;
		padding: .8em;
		margin-left: .4em;
		border-top: solid 1px rgba(0,0,0,.3);
	}
	
	.bckgr-nav {
		margin-top: 3em!important;
	}
	.bckgr-nav li{
		list-style: none;
		 font-family: 'Source Sans Pro', Tahoma, Geneva, Verdana, sans-serif;
	}
	#LeftmenuGeneral a:before, #navbar-home #collapsingNavbarLg .mainmenu .nav-item a:before, #nav_header_kx #collapsingNavbarLg .mainmenu .nav-item a:before, .bckgr-nav a:before{
	    font-family: 'Bootstrap-icons';
    content: "\F285";
    margin-right: 0.4em;
    color: #d0212a;
	}
	
	#navbar-home #collapsingNavbarLg .mainmenu .nav-item, #nav_header_kx #collapsingNavbarLg .mainmenu .nav-item {
    border-top: 1px solid rgba(0,0,0,.4);
	}
#LeftmenuGeneral a:first-of-type, #navbar-home #collapsingNavbarLg .mainmenu .nav-item:first-of-type, #nav_header_kx #collapsingNavbarLg .mainmenu .nav-item:first-of-type {
		border-top: solid 1px transparent;
	}
    #sidebar {
        background-color: white;
		
    }

    .bg-grey {
        background-color: #e6e8e6 !important;
    }

    #kx-leftmenu .navfromleft {
        min-width: 336px;
        width: 100vw;
        height: 100vh;
		top: 0;
	    padding-top: 1em;
        background-color: #e6e8e6;
        overflow-y: auto;
        overflow-x: visible;
       transition: ease-in-out 0.1s ease;
        -webkit-transition: width 2s ease;
        -moz-transition: width 2s ease;
        -o-transition: width 2s ease;
        transition: width 2s ease;
        transform: translateX(336px);
        margin-right: -300px;
        position: fixed;
        transition: all 0.15s;
    }

        #kx-leftmenu .navfromleft.collapsing {
            height: auto !important;
            margin-left: 50%;
            margin-left: 50vw;
            transition: ease-in-out 0.15s ease;
        }
		
    #kx-leftmenu #bakgrunnartikler, #kx-leftmenu #utredninger, #kx-leftmenu #oppfølginger, #kx-leftmenu #fysioterapier, #kx-leftmenu div div .expand, #kx-leftmenu #behandlinger {
        top: 4.5em !important;
		padding-top: 1.3em;
    }
  #kx-leftmenu #bakgrunnartikler{
	border-top: 0 none!important;
  }

    #kx-leftmenu .navfromleft.show {
        transform: translateX(0);
        margin-right: 0px;
        margin-left: 0;
		 padding-top: 1em;
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
        left: 0;
		min-height: 500vh;
    background-color: #e6e8e6;
    z-index: 1050;
    }

    #LeftmenuMiddle .show div:last-of-type {
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
    }

    #kx-leftmenu #behandlinger .navfromleft.show {
        overflow: contain;
    min-height: 700vh;
	overscroll-behavior-y: contain;
        }

	#kx-leftmenu .minimenutitle{
		font-weight: 600;
		padding: 1.3em 0 0 .6em;
	}

		#kx-leftmenu #bakgrunnartikler a, #kx-leftmenu #bakgrunnartikler h4, #kx-leftmenu #LeftmenuMiddle div div a, #kx-leftmenu #LeftmenuMiddle div div h4{
			padding-left: 1em;}
	
	#kx-leftmenu:has(.navfromleft.show){
		overflow: hidden;
			position: fixed;
		top: 4em;
	}
		#cancertype_content .showhighlighting, #hlPrintArticle, #header_kx .isammenheng .showhighlighting{
		top: 135px;
	}
	
	.backtoSearch{
		top: 75px!important;
		z-index: 444;
	}

.back-to-top {
	  position: fixed;
	  background: #1f434b;
	  line-height: 1;
	  color: #fff;
	  padding: 7px 12px 13px 12px;
	  font-size: 16px;
	  border-radius: 2em;
	  right: 15px;
	  bottom: 25px;
	  transition: opacity 0.5s;
	  z-index: 9999;
	}

	.back-to-top:focus {
	  background: #ab9e9a;
	  color: #fff;
	  outline: none;
	}

	.back-to-top:hover {
	  background: #9c5050;
	  color: #fff;
	  border-radius: 5em;
	}
}

/*************END NAV SMALL*******************************/

#kx-leftmenu a > .menuCancerInfoTitle {
    margin-left: -.2em;
    font-size: larger;
}

    #kx-leftmenu a > .menuCancerInfoTitle:before {
        content: "";
    }

#Back {
    display: block;
    margin-bottom: 6em;
}

/*************************om-kreft-nav ****************************/
.nav i.menuToggle:before, #btnToggleMenu i.menuToggle:before {
    font-family: 'Bootstrap-icons';
    content: "\F4F9";
    margin-right: 0.4rem;
    text-decoration: none;
    vertical-align: middle;
    font-size: 1em;
    color: #666;
}

.nav .expand > i.menuToggle:before {
    font-family: 'Bootstrap-icons';
    content: "\F2E5";
    display: inline;
}

.nav a:before, .nav a.menuCancerInfoLink:before{
    font-family: 'Bootstrap-icons';
    content: "\F285";
    vertical-align: middle;
    font-size: 1em;
    color: #666;
    padding-right: 11px;
    margin-left: -24px;
}

.nav a.childless:before, .nav .childless i:before {
    font-family: 'Bootstrap-icons';
    content: "\F134";
    font-size: 1em;
    margin-left: -10px;
}


.nav a.childless:before {
    margin-left: -23px;
}


.nav a.childless.level2:last-child {
    border-bottom: none;
}

.nav div:last-child, .no-border {
    border-color: transparent;
}


#btnToggleMenu i.menuToggle:before {
    font-family: "Font Awesome 5 Free", 'FontAwesome';
    font-weight: 900;
    font-style: normal;
    content: "\f055";
    font-size: 1em;
    color: #666;
}

.nav i.menuToggle:before > a(:only-of-type) {
    content: "\f045";
}

.nav expand i.menuToggle:before {
    font-family: "Font Awesome 5 Free", 'FontAwesome';
    font-weight: 900;
    font-style: normal;
    content: "\f056";
    font-size: 1em;
    width: 20px;
    height: 20px;
    color: #666;
}
.nav a.menuCancerInfoLink:before {
    font-family: "Font Awesome 5 Free", 'FontAwesome';
    font-weight: 900;
    content: "\f054";
    font-size: 1em;
    padding-right: 11px;
    margin-left: -24px;
}

.nav a.childless:before, .nav .childless i:before {
    font-family: "Font Awesome 5 Free", 'FontAwesome';
    font-weight: 900;
    content: "\f35a";
    font-size: 1em;
    margin-left: -10px;
}

.nav a.childless:before {
    margin-left: -23px;
}

.nav a.heading:before, .nav a.menuCancerInfoTitle:before {
    content: none;
    margin-left: initial;
}
.nav a:hover, #searchresult_page a:hover {
    color: #da1b46 !important;
}

.nav i.menuToggle:hover:before, #btnToggleMenu i.menuToggle:hover:before, .nav .expand > i.menuToggle:hover:before {
    color: #d91d46;
}

.nav a.menuCancerInfoLink.current:before,
.nav a.childless.current:before {
    font-family: "Font Awesome 5 Free", 'FontAwesome';
    font-weight: 900;
    content: "\f054";
    font-size: 1em;
}

.nav a.childless.level1 {
    display: inline-block;
    margin-left: 10px;
    text-decoration: none;
    background: none;
    color: #666;
}

.nav a.childless.level1 {
    margin-left: 1em;
}

.nav.index a.heading,
.nav.index a.childless {
    color: #666;
}

.nav .expand > i.menuToggle {
    display: inline-flex;
}

    .nav .expand > i.menuToggle:before {
        font-family: "Font Awesome 5 Free", 'FontAwesome';
        content: "\f056";
        color: #555;
        display: inline;
    }

.nav a.menuCancerInfoLink {
    display: block;
}

.nav .expand > a,
.nav .expand > a.heading,
.nav .expand > div,
.nav .expand > div > a.heading {
    display: inline-block;
}

.nav .expand div {
    margin-left: 1em;
    display: block;
}

.nav #LeftmenuMiddle div div {
    display: none;
}

.nav .expand > .expand a, .nav #LeftmenuMiddle .expand div {
    display: block;
}

.ProcedureSection, .omkreftlex {
    min-height: 100vh;
}

    .ProcedureSection * a {
        padding: .3em 0;
        margin-left: .7em;
    }
	.omkreftlex * a {
        padding: .3em 0;
        margin-left: .2em;
    }

.ProcedureSection * a::before {
    margin-left: -.6em;
}

    .ProcedureSection div {
        align-self: flex-start;
        border-bottom: solid 1px #ccc;
        width: -webkit-fill-available;
        padding: 0.8em 0 0.4em;
         }

    .ProcedureSection div div {
        border-bottom: 2px solid transparent;
        padding: .4em 0;
    }

    .ProcedureSection div .expand a, #ProceduresSection .expand a, .nav #LeftmenuMiddle .expand > a {
        display: block;
        padding-left: .8em;
    }

    .ProcedureSection div .expand a:nth-child(2), #ProceduresSection .expand a:nth-child(2), .nav #LeftmenuMiddle .expand > a:nth-child(2) {
        display: inline-block;
        padding-left: 0;
    }

    .ProcedureSection div .expand a:before, #ProceduresSection .expand a:before, .nav #LeftmenuMiddle .expand > a:before {
        margin-left: -23px;
    }

    .ProcedureSection .expand div a {
        display: block;
        padding: 0.5em 0;
    }

.ProcedureSection div div a {
    display: none;
}

.ProcedureSection div .expand a {
    display: block;
}

.ProcedureSection a.childless:before {
    font-family: 'Bootstrap-icons';
    content: "\F285";
    text-decoration: none;
    vertical-align: middle;
}
.ProcedureSection a.current:before {
        font-family: 'Bootstrap-icons';
        content: "\F309";
        text-decoration: none;
        vertical-align: middle;
    }

i .menuToggle, .ProcedureSection .level2::before {
    font-family: 'Bootstrap-icons';
    content: "\F4F9";
    margin-right: 0.4rem;
    text-decoration: none;
    vertical-align: middle;
}

.ProcedureSection .expand > .level2::before {
    content: "\F2E5";
}

.ProcedureSection a.childless:hover::before, .ProcedureSection .level2:hover::before, .ProcedureSection .expand div a:hover::before {
    display: inline-block;
    text-decoration: none !important;
}


    .nav a.faq:after {
        content: "?";
        position: absolute;
        width: 12px;
        height: 12px;
        margin: 4px 0 0 5px;
        padding-left: 3.5px;
        background: #888;
        border-radius: 15px;
        color: white;
        font-weight: bold;
        font-size: small;
        line-height: 13px;
    }

    .nav.current > a.heading,
    .nav a.heading.current,
    .nav a.current,
    .nav a.childless.current {
        font-weight: 400;
        color: #d91d46;
    }

        .nav a.menuCancerInfoLink.current:before,
        .nav a.childless.current:before {
            font-family: "Font Awesome 5 Free", 'FontAwesome';
            font-weight: 900;
            content: "\f068";
            font-size: 1em;
        }

/*
    .cancertypeinsearch a {
        display: block !important;
        text-decoration: underline;
        font-weight: 400 !important;
        color: #60b6c4 !important;
        margin: 0;
        padding-left: 2.5em;
    }

        .cancertypeinsearch a:hover {
            font-weight: 400;
            text-decoration: underline;
        }

        .cancertypeinsearch a:before {
            content: '';
        }

 .meromKX span:after, .kapitler span:after {
        font-family: "Font Awesome 5 Free", 'FontAwesome';
        font-weight: 900;
        font-size: 1em;
        margin: 0 0 .8em 0;
        color: #d0212a;
    }

    .meromKX span:after, .kapitler span:after {
        content: "\f056";
    }

    .meromKX.collapsed span:after, .kapitler.collapsed span:after {
        content: "\f055";
    }

    ************************************************************************/
/*******************end KAN FJERNES om KAPITLER går opp i toppnav...**********/
/*************************************************************************/


/********************end LEFTMENU burgernav*************/

#cancertypesList a, .cancertypeinsearch a, footer, .footer, .date {
    font-family: 'Source Sans Pro', Tahoma, Geneva, Verdana, sans-serif;
}


/*beginning cancertype-styles from kx-css*/
.cancertypes {
    font-size: .95em;
    line-height: 1.5em;
}

.longlistwhichneedsscroll {
    min-height: 90%;
    height: 100vh;
    overflow-y: scroll;
}

.cancertypesDropdown {
    min-width: 95%;
    min-width: 95vw;
}

#Large_dropdown .dropdown-toggle::after {
    border: none !important;
    font: normal normal normal 1.3em/1 FontAwesome;
    vertical-align: 0;
    color: #d0212a;
}

#Large_dropdown btn {
    border-radius: .5em;
}

/**************carousel buttons color*******************/
.carousel-control-prev .fa::before, [class^="fa-"]::before, [class*=" fa-"]::before
.carousel-control-next .fa::before, [class^="fa-"]::before, [class*=" fa-"]::before {
    display: inline-block;
    font-family: 'Bootstrap-icons'!important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.carousel-control-prev .fa>.fa-angle-right::before {
   content: "\F231";
}

.carousel-control-next .fa > .fa-angle-left::before {
        content: "\F22D";
    }

.carousel-control-next {
    right: 0;
    color: black;
    font-size: 40px;
}

.carousel-control-prev {
    right: 0;
    color: black;
    font-size: 40px;
}



.carousel-control-prev span {
    background-color: #808080;
}

.carousel-control-next span {
    background-color: #808080;
}

    .carousel-control-next span:hover {
        background-color: #808080;
    }

.carousel-caption {
     position: relative;
    left: auto;
    right: auto;
    top: 1px;
    border-radius: 0 0 10px 10px;
    background-color: rgba(230, 230, 230, .75);
    padding: .3em .3em 1.5em .3em;
}

    .carousel-caption p {
        font-family: 'Source Sans Pro', Tahoma, Geneva, Verdana, sans-serif;
    }

.caption2lines .carousel-caption {
    min-height: 80px;
}


.caption3lines .carousel-caption {
    min-height: 105px;
}

.captionXL .carousel-caption {
    min-height: 145px;
}

.captionXXL .carousel-caption {
    min-height: 165px;
}

.carousel-indicators{
bottom:1px;
}
/**************carousel buttons color end*******************/



#header-kx .cancertypesFlex a, .cancertypesFlex a, #cancertypesFlex .dropdown-toggle {
    display: flex;
    font-size: larger;
    border: none;
    text-decoration: underline;
    padding: .7em 0 .7em 1em;
    color: #336c73;
    background-color: transparent;
}

    .cancertypesFlex a.disabled {
        pointer-events: none;
        cursor: default;
        color: #ccc;
    }

    .cancertypesFlex a.hasSub {
        position: relative;
    }

        .cancertypesFlex div button.hasSub:before {
            font-family: 'Bootstrap-icons';
            content: "\F4F9";
            font-size: .6em;
            margin-right: .6em;
           color: rgba(0,0,0,.6);
            position: absolute;
            margin: 1px 5px 0 -18px;
           }

        .cancertypesFlex a:hover, .cancertypesFlex a.hasSub:hover {
            background-color: #aad0d5 !important;
        }

.cancertypesFlex .sub {
    position: relative;
    display: none;
    visibility: hidden;
    padding: 2px;
    z-index: 800;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cancertypes a:hover + .sub, .cancertypes a + .sub:hover {
    display: block;
}

.cancertypesFlex a:hover + .sub, .cancertypesFlex a + .sub:hover {
    display: block;
    z-index: 200;
    position:sticky;
}

.barn + .sub {
    left: 1%;
    top: 26%;
}
.lymfe + .sub {
    left: 45%;
    top: 20%;
}

.cancertypesFlex .sub a {
    margin-bottom: .5em;
}

.popupmenuhide {
    display: none;
}

.popupmenushow {
    display: block;
}

.cancertypesList_dropdown a {
    font-size: larger;
}


.cancertypesList, .cancertypesList_dropdown li {
    list-style: none;
    height: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    text-align: left;
}

.cancertypesFlex li {
    height: auto;
    padding: 8px;
}

.slideshow {
    position: relative;
    overflow: hidden;
    height: 200px;
}
/****************************Video gallery*****************************************/
.pb-video-container {
    padding-top: 20px;
}

.pb-video {
    padding: 10px;
}

    .pb-video:hover {
        background: #2c3e50;
        border-radius: .2em;
    }

.pb-video-frame {
    transition: width 2s, height 2s;
}

    .pb-video-frame:hover {
        height: 250px;
    }

.pb-row {
    margin-bottom: 10px;
}

.pb-video label {
    font-family: 'Open sans', sans-serif;
    font-weight: 400;
}

.form-control {
    display: block;
    width: 100%;
    height: 57px;
    padding: 6px;
    font-size: .9em;
    text-decoration: underline;
    margin-top: 0px;
    background-image: none;
    border: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control-long {
    display: block;
    width: 100%;
    height: 79px;
    padding: 6px;
    font-size: .9em;
    text-decoration: underline;
    margin-top: 0px;
    background-image: none;
    border: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.video-js .vjs-dock-title {
    color: white;
    font-size: 1.5em;
}

.video-js .vjs-dock-description {
    display: none;
    font-size: 1.0em;
}


/****************************End video gallery**************************************/
/******************* IMG ELEMENTS **********************/
img .video {
    margin: 10px 1em 10px 0;
}

/******************* end IMG ELEMENTS **********************/

.absolute-center {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.absolute-center_is-responsive {
    width: 50%;
    min-width: 200px;
    padding: 40px;
}

/**************** FOOTER *****************************************************/

footer p, .footer p, .footer h3, footer h4, .footer a {
    color: white;
}

.footer {
    line-height: 2.6em;
   
    font-size: smaller;
}

    .footer a {
        color: white;
        text-decoration: underline;
    }

footer .text-white a:hover, footer a:hover, #footer a:hover {
    font-weight: bold;
    background-color: #382020 !important;
}

.footer-clean a {
    color: #f4294c;
}


.footer-clean ul, .footer-clean li {
    margin-left: 0;
    padding: 0;
}


.bgcolor {
    background-color: #a1bec2;
    padding: 1rem 0;
    margin-top: .4em;
}

.bgcolor-light {
    background-color: #e9f4f6;
}


/***************************************************************************************
****************************** breadcrumb *************************************************
****************************************************************************************/

.breadcrumb {
    width: 100%;
    text-indent: 2px;
    font-size: smaller;
    padding: revert;
}

    .breadcrumb a {
        position: relative;
        margin-right: 12px;
        text-decoration: underline;
    }
    
    .breadcrumb a:after {
            position: absolute;
            right: -8px;
            content: "\203A";
            color: #000;
        }


/************************** KREFTTYPEILLUSTRASJONER****************************/

.krefttypeill {
    background-size: contain;
    min-height: 360px;
    background-repeat: no-repeat;
    width: 50% \9;
}

    .krefttypeill img {
        min-height: 300px;
        width: 100%;
        height: 100%;
    }

/************************** VIDEO PLAYER FIXES ***************************
.video {
    display: block;
    z-index: 50;
    margin-bottom: 2rem;
}*/
/*==========  hentet fra css-kreftlex  ==========*/
#cancertype_page,
#searchresult_page,
#kxPage, header, main,
#footer .container-fluid{
    max-width: 1480px;
    padding-bottom: 10px;
    position: relative;
}

#kxArticle img {
    /*endres ved å legge inn img-fluid som class på bildene*/
    background: -webkit-radial-gradient(center, circle contain, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0));
}

.mainmenu li a {
    text-decoration: none;
}

#hlPrintArticle:active, #hlPrintArticle:focus, #hlPrintArticle:focus-visible{
	box-shadow: 0 0 0 0.2rem rgba(79, 157, 169, .34);
	border: thin solid rgba(158, 183, 187, .7);
	color: #336c73;
}

#kxArticle .morebox {
    padding: 0;
    margin: -1px 0 15px 0;
    /*height: 7em;*/
    opacity: .4;
    overflow: hidden;
    border: 1px solid #9A928F;
    background: rgba(243, 235, 232, .8);
    padding-left: 20px;
    /*padding-top: 12px;*/
    padding-right: 10px;
}

    #kxArticle .morebox.show {
        opacity: 1;
        height: fit-content;
        border: none;
            background: rgba(243, 235, 232, .6);
			/*background-color: #fbf1ef; #f4edef;*/
        box-shadow: inset 0px 0px 5px rgba(154,146,143, 0.7);
        transition-duration: .3s;
        transition-property: height, opacity;
        -webkit-transition-duration: .3s;
        -webkit-transition-property: height, opacity;
        -moz-transition-duration: .3s;
        -moz-transition-property: height, opacity;
        -o-transition-duration: .3s;
        -o-transition-property: height, opacity;
        -ms-transition-duration: .3s;
        -ms-transition-property: height, opacity;
		padding: 1em;
    }

#kxArticle .showMore {
    margin-top: 15px;
    display: inline-flex;
    padding: 7px;
    background: rgb(154,146,143);
    color: #fff;
    border: 1px solid #bbb;
    border-top: none;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}

#kxArticle .morebox ul {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
    padding-left: 20px;
}

#kxArticle .morebox li {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 5px;
    padding-left: 5px;
}

#kxArticle .showMore:before {
    font-family: 'Bootstrap-icons';
    content: "\F229";
    font-size: 1.1em;
    font-weight: 400;
    margin-right: .5em;
}

#kxArticle .showMore:has(+ .show):before {
    content: "\F235";
}

.LabelMsgSentCssShow {
    position: fixed;
    max-width: 300px;
    top: 40px;
    left: 40px;
    padding: 5px;
    background-color: #eee;
    border: 5px solid #999;
    line-height: 1.5em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
	display: block;
    z-index: 999;
    text-align: right;
}

.LabelMsgSentCssHidden {
    display: none;
}
/***********************************************************************
************************** tabell ? ************************************
***********************************************************************/
table h1 {
    font-size: initial;
}

.kreftlexTable, .ordbok table, .ordboktabel {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    margin-top: 6px;
    margin-bottom: 6px;
}

    .kreftlexTable td, .ordbok td, .ordboktabel {
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
    }

.ordbok td {
    padding: .4em 5px;
    font-size: initial;
}

.kreftlex th, .ordbok th {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    background-color: #eee;
}

.alternatingkreftlexTable {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    margin-top: 6px;
    margin-bottom: 6px;
}

    .alternatingkreftlexTable td {
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
    }
/********************* end TABELL ****************************************/

/*************************************************************************/
/*******************KAN trolig FJERNES ***********************************/
/*************************************************************************/
#contact_gif {
    float: left;
    padding-top: 7px;
    margin-right: 30px;
}

    #contact_gif img {
        height: 30px;
    }

#printAll {
    position: fixed;
    bottom: 0;
    font-size: 80%;
}

#printAll2 {
    float: left;
    margin-left: 10px;
    font-size: 80%;
    vertical-align: middle;
}

#printAll img {
    width: 30px;
    margin: 5px 5px -5px 0;
}

#printAll input {
    margin: 5px 5px -5px 0px;
}

#printAll a {
    color: Black;
}

#content {
    position: relative;
    display: block; /* fix for opera and ff */
}

    #content img {
        top: 0px;
        left: 100%;
    }

ul ul {
    margin-left: 0px;
}

/*************************************************************************/
/*******************end KAN trolig FJERNES ***********************************/
/*************************************************************************/

#kxArticle .oncoTable, #kxArticle .iOncoTreatmentTable {
        font-family: 'Source Sans Pro', sans-serif;
	font-size: .9em;
    border-spacing: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    border-left: 1px solid #9a928f;
    font-weight: 300;
}

    #kxArticle .oncoTable td, #kxArticle .iOncoTreatmentTable td {
        padding: 6px;
        border-right: 1px solid #9a928f;
        border-bottom: 1px solid #9a928f;
        background-color: white;
    }

    #kxArticle .oncoTable th, #kxArticle .iOncoTreatmentTable th {
        padding: 6px;
        font-size: .9em;
        font-weight: 600;
        background-color: #aad0d5;
        border-top: 1px solid #9a928f;
        border-right: 1px solid #9a928f;
        border-bottom: 1px solid #9a928f;
        margin-top: 6px;
        margin-bottom: 6px;
    }

/*************************************************************************
************************* ordbok *****************************************
*************************************************************************/
.dictionary_page-tab[selected="true"] {
    -moz-user-focus: normal !important;
}

#kxArticle .graphViewer {
    border: 1px solid #ccc;
    border-bottom: 0;
}

.highcharts-container, .highcharts-container > svg {
    overflow: visible !important;
}

.highcharts-legend text, .highcharts-label text {
    font-family: 'Source Sans Pro', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400 !important;
}

.legend-title {
    display: inline-block;
    width: 160px;
}

.legend-value {
    display: inline-block;
    background-color: rgba(204,204,204,.25);
    margin: 1px 10px;
    padding: 0 5px;
    font-weight: normal;
}

#kxArticle .graphViewer.pie {
    border: 0;
    min-height: 600px;
    max-width: 500px;
}

#kxArticle .subtext {
    color: #5E3525;
    padding: 0 7px 7px 15px;
    font-size: 90%;
    border: 1px solid #ccc;
    border-top: none;
}

#kxArticle table {
    width: 100% !important;
}


#RelatedCancerTypes a {
    display: flex;
    width: 100%;
    padding: .8em 0;
    border-bottom: solid 1px #BBBBBB;
}

    #RelatedCancerTypes a:before {
        content: "\F231";
        margin-right: 10px;
        text-decoration: none;
    }


input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    padding: 10px;
    margin-right: .5em;
}

.hilite1 {
    background-color: #ffefc6;
}
/*
.hilite2 {
    background-color: #bf5;
}

.hilite3 {
    background-color: #0ff;
}

.hilite4 {
    background-color: #f9f;
}

.hilite5 {
    background-color: #fc9;
}*/

.nohilite .hilite1, .nohilite .hilite2, .nohilite .hilite3, .nohilite .hilite4, .nohilite .hilite5 {
    background-color: transparent;
}
/***********************FAQ*******************/
#lnkFaq {
    display: block;
    padding: .4em;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    color: #60b6c4;
    text-decoration: none;
    margin-bottom: 1em;
}

    #lnkFaq:hover {
        background: #F8EED0;
        text-decoration: underline;
    }

    #lnkFaq:before, #lnkFaq.faq:before {
        vertical-align: middle;
        color: #DA1B46;
        font-family: 'Bootstrap-icons';
        content: "\F50A";
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
		font-smoothing: antialiased;
        margin-right: 5px;
    }

    #lnkFaq .toememptyheight {
        border: 0;
        background: white;
        display: block;
        min-height: 1em;
    }
/***********************end FAQ*******************/
/*********************** Videobox and infobox *******************/
#kxArticle .videobox, #kxArticle .infobox {
    margin: .5em 0 1em 0;
    padding: 1em;
    color: #000;
    background: #eee;
}

    #kxArticle .videobox:before, #kxArticle .infobox:before {
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
			font-smoothing: antialiased;
    }

    #kxArticle .infobox ul, #kxArticle .infobox ol, #kxArticle .videobox ul, #kxArticle .videobox ol {
        padding: .3em 0px 5px 1.3em !important;
    }

    #kxArticle .videobox span:nth-child(1)::before {
        padding: 1em .3em 1em 0;
        font-family: 'Bootstrap-icons'!important;
        font-style: normal;
		font-weight: normal;
        color: #DA1B46;
    }

  .omkx, #kxArticle .infobox::before {
        font-family: 'Bootstrap-icons';
        font-style: normal;
        font-size: 1em;
        color: #DA1B46;
        margin-right: 0.3em;
        content: "\F430";
    }

    #kxArticle .videobox span:nth-child(1)::before {
        content: "\F33A";
        margin-right: .5em;
    }

    #kxArticle .videobox a {
        color: #212529!important;
        background-color: #FFC107;
        border: #e6ba35 solid 1px;
        border-radius: .2em;
        padding: .2em .3em;
        font-family: sans-serif;
        font-size: smaller;
        cursor: pointer;
		    display: table-cell;
    }

        #kxArticle .videobox a:hover {
            background-color: #E6BA35;
            border-color: #C3991A;
        }
		
		#kxArticle .videobox a[aria-expanded="false"]:after{
       font-family: sans-serif;
          min-width: 5em;
        content: 'Klikk for å se video';
 }
 #kxArticle .videobox a[aria-expanded="true"]:after{
       font-family: sans-serif;
          min-width: 5em;
        content: 'Lukk video';
 }

    #kxArticle .infobox span + * {
        display: inline;
    }

    #kxArticle .infobox span + ul {
        display: inline;
    }

.kx-valgavkrefttype {
    border: solid 2px #d0212a;
}
/******************END infobox videobox****************************************/
/****************************bootstrap search button. Rajni-30.06.2020****************************/
.popup-box-on {
    z-index: 9999;
    display: block !important;
}

.off {
    display: none;
}

/*******************End bootstrap search button **************************************/
/**************SØKERESULTET STIL ****************/

#ordbokSearchresult .border-info{
    border-radius: .5em;
}
.searchArticle h4, .searchArticle table {
    font-size: unset;
}

.searchArticle table {
    margin-top: 1em;
}

.searchArticle a{
	word-break: break-word;
}

#searchresult_container .oncoTable {
    width: 100%;
    margin-top: 1em;
    border-color: #ccc;
    font-size: smaller;
}

#searchresult_container td {
    padding: 0 3px;
}

#searchresult_container #searchResTabs a {
    padding: .5em .8em;
    margin-bottom: 1em;
    margin-right: 1em;
    border-bottom: 4px solid #64a0a8;
    color: #60b6c4;
    font-weight: 300;
}

    #searchresult_container #searchResTabs a:hover {
        background: #a1bec2;
        text-decoration: none;
    }

        #searchresult_container #searchResTabs a:hover span {
            color: white;
            text-decoration: none;
        }

    #searchresult_container #searchResTabs a.active {
        background-color: #64a0a8;
        border-bottom: 4px solid #64a0a8;
        color: #fff;
    }

.articlesearch table {
    white-space: normal;
    line-height: normal;
    font-weight: 300;
    font-variant: normal;
    font-style: normal;
    color: -webkit-text;
    text-align: -webkit-auto;
    display: table;
    vertical-align: top;
    margin-bottom: unset;
    margin-top: 1em;
    border: 1px solid #dfdfdf;
}

.ordboktabel table {
    border: 1px solid #bbb1a5;
}
/***********end     søkeresultat **********************/
#wrapsearch {
    margin: 50px 100px;
    display: inline-block;
    position: relative;
    height: 60px;
    float: right;
    padding: 0;
    position: relative;
}

.rediconcolor {
    color: #d91d46;
}

.redaksjonen .card img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: .5em auto;
}

.redaksjonen .card p {
    font-size: smaller;
    padding: .25em .5em;
}

.redaksjonen .card-deck .card {
    margin-left: .1em;
    margin-right: .1em;
}

@media (hover: none) and (pointer: coarse){
    .txtstrl {
        display: none;
    }
}

@media all and (max-width: 991px){
    #cancertypesFlex a.hasSub:before {
        font-family: 'Bootstrap-icons';
        content: "";
        font-size: .8em;
    }
    .cancertypesFlex .sub, #cancertypesFlex div{
        display: none !important;
    }

    .cancertypesList_dropdown a:nth-of-type(even) {
        background-color: #f6f6f6;
    }
		
}

@media only screen and (max-device-width: 991px)
{
    #kx-leftmenu #behandlinger div .navfromleft.show {
         top: 5em;
         }
		 
}
/* Custom, iPhone Retina */
@media all and (min-width : 320px) {

    #ordbok-oppslag {
        position: fixed;
        width: 300px;
        margin: 180px 0 0 1%;
    }

    #kxHome .title h1 {
        font-size: 2em;
    }

}
@media all and (max-width : 376px) {
	
	#homepagenav section, #homepagenav #cancertypesWrapper{
        margin: .2em 0!important;
		padding: 0!important;
    }
		.logo {
    height: 50px;
	}
	
	#title .h1{
	font-size: 1.6em;}
}
@media all and (min-width : 380px) {
    .logo {
        height: 55px;
    }
	    .navsearch-toggler {
    padding: 0.25rem 1.2em 1.6rem;
	}
}

@media all and (max-width : 568px){
    #header_kx .title h1 {
        font-size: 2em;
    }

}

@media all and (min-width : 768px) {

    #ordbok-oppslag {
        width: 630px;
        margin: 180px 0 0 12%;
    }

    #sidebar .input-group, #sidebar2 .input-group, #sidebarOmKX .input-group{
        max-width: 50% !important;
        max-width: 50vw !important;
        margin: auto;
    }

    #kxArticle, #ordbok .ordbok {
        min-height: calc(100vh - 350px);
    }

    #kxArticle .graphViewer.pie {
        min-height: 400px;
        margin-bottom: 1em;
    }
}

@media all and (min-width : 992px) and (max-width : 1030px) {
    #omKreft #kxArticlecontainer {
        max-width: 720px;
        margin-left: auto !important;
    }

}

@media all and (min-width : 1031px) and (max-width : 1150px) {
    #omKreft #kxArticlecontainer {
            max-width: 800px;
            margin-left: auto !important;
    }
}
@media screen and (min-width : 992px) and (max-width : 1180px){

    #footer li a {
        margin-left: 5px;
        background-size: 80% !important;
    }

    #footer li > .radiumlegat {
        background-size: 50% !important;
    }
}
    @media all and (min-width : 992px) {

        #header_kx, .header_kx:has([aria-expanded="true"]) {
            padding-left: 15px;
            padding-right: 15px;
            background-color: transparent;
        }
		
		#SearchTextTop:focus-within{
			font-size: large;
		}
		
        .nav, .header_kx a, #collapsingNavbarLg a {
            font-size: larger;
        }
		
		.nav-item .active span{
 		color: rgb(208,33,42);
        }
		

        #kx-leftmenu a, #sidebar a, .omkreftlex a .sidebar a, .sidebar h4 {
            font-size: large;
            padding: .4em;
        }

        #kx-leftmenu .width, #kx-leftmenu .navfromleft.collapsing {
                transition: all .1s !important;
            }

            #kx-leftmenu .navfromleft.collapsing {
                  transition: none;
            }

        .bg-nav-kx-dark {
            background-color: transparent;
        }

        #kxDefault .navbar-light .navbar-brand {
            background-color: white;
            width: -webkit-fill-available;
        }

        fieldset {
            border: 2px solid #ddd;
            border-radius: 0.6em;
        }

        #cancertypesFlex {
            height: 440px;
        }

        #search input-group {
            margin-top: initial;
        }

        #kx-leftmenu #BEHANDLING .light-plus {
            margin-left: 1.1em;
        }

        .dark-minusonLG [aria-expanded="true"] {
            font-family: 'Bootstrap-icons';
            content: "\F244";
            margin-right: 0.4rem;
            text-decoration: none;
            vertical-align: middle;
        }

        #kx-leftmenu #BEHANDLING .light-plus::before {
            padding-left: 0;
        }

        #kx-leftmenu #BEHANDLING div div {
            margin-left: 1em;
        }

        #Back {
            margin: 0;
        }

        .logo {
            height: auto;
            max-height: 65px;
            background-color: white;
        }

        .navbar .nav-item {
            border-bottom: 2px solid transparent;
            color: rgba(0,0,0,.5);
        }

            .navbar .nav-item:focus, .navbar .nav-item:hover {
                border-bottom: 2px solid #dc3545;
            }

            .navbar .nav-item:last-child {
                border-bottom: none 0;
            }

        #kxArticle {
            min-height: calc(100vh - 350px);
        }
		
			
		#behandlinger:has(.current){
			display: block;
		}


		
		#cancertype_content .showhighlighting, #hlPrintArticle{
		top: 80px;
	}

        #ordbok-oppslag {
            margin: 30% 0 0 30%;
        }
		
		.showhighlighting{
	    top: 100px;
       max-width: 30%;
		}
		
		.backtoSearch{
		top: 95px!important;
		z-index: 444;
	}

        .collapse.show {
            border-bottom: solid 2px transparent;
        }

        #cancertypesList {
            padding-left: 2em;
        }

        #cancertypesFlex div {
            min-width: 15%;
        }

        #cancertypesFlex .dropdown-toggle::after {
            border: 0em;
        }

        #cancertypesFlex .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 10rem;
            text-align: left;
            list-style: none;
            background-color: #ededed;
            background-clip: padding-box;
            border: 1px solid rgba(0,0,0,.15);
        }

            #cancertypesFlex .dropdown-menu.show {
                display: block;
            }

        .cancertypesFlex .sub {
            position: absolute;
            display: none;
            margin: -30px 0 0 40px;
            background-color: #f8f8f8;
            border: 2px solid #f8f8f8;
            border-top: none;
            z-index: 1;
            box-shadow: 1px 1px 5px #bbb;
            word-break: break-word;
            word-wrap: break-word;
            flex-direction: column;
            flex-flow: column;
        }

        .cancertypesFlex a, #cancertypesFlex button, #cancertypesFlex .dropdown-menu.show a {
            align-self: flex-start;
            min-width: 15%;
        }

        #cancertypesFlex .dropdown .dropdown-toggle {
            text-decoration: underline;
            padding: 0.7em 0 0.7em 1em;
            min-width: 15%;
            width: -webkit-fill-available;
        }

            .cancertypesFlex a:hover, #cancertypesFlex .dropdown .dropdown-toggle .hasSub:hover, #cancertypesFlex .dropdown .dropdown-toggle:hover {
                background-color: #aad0d5 !important;
                color: rgba(0,0,0,0.7) !important;
                text-decoration: underline !important;
                border-radius: 0.3em;
            }

        .dropdown {
            position: relative;
            display: inline-block;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f1f1f1;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            margin: -20px 0 0 2em;
            border-radius: 0.3em;
        }

            .dropdown-content a {
                padding: 12px 16px;
                text-decoration: underline;
                display: block;
            }

                .dropdown-content a:hover {
                    background-color: #ddd;
                    text-decoration: none;
                    border-radius: 0.3em;
                }

        .dropdown:hover .dropdown-content {
            display: block;
        }

        .dropdown:hover .dropbtn {
            background-color: #3e8e41;
        }

        #cancertypesFlex.dropdown-toggle::after {
            border: 0;
        }

        .supportedby {
            min-height: 31px;
        }
    }
    /* Large Devices, Wide Screens */
    @media all and (min-width : 1200px) {

    body{
        font-size: 1.1rem;
    }
        .container-fluid, footer .container-fluid, .navbar-expand-lg {
            max-width: 1480px !important;
            margin: 0 auto;
        }

        #kxArticle {
            min-height: calc(100vh - 450px);
        }

        .title {
            display: flex !important;
        }

        .h1, h1, #title .h1, legend.h1 {
            font-size: 2.7rem;
        }

        .h2, h2{
            font-size: 1.9em;
            padding-top: .5em;
        }

        h1 + h2{
            padding-top: initial;
        }

        .slogan {
            font-size: 1.6em;
            padding-top: 0.3em;
            padding-left: initial;
        }

        #kx-leftmenu, .ProcedureSection, .omkreftlex {
            margin-top: 1.4em;
        }

        #kx-leftmenu, .omkreftlex, #sidebar2, #kx-leftmenu a, .omkreftlex a, #sidebar2 a {
            font-size: 1.4rem;
        }

        .card-deck {
            flex-flow: row wrap;
        }

        #kxHome .card-deck {
            background-color: #f7f0ee;
            border-radius: .5em;
        }

        .toolbar {
            max-width: 1450px;
        }

        .navbar-collapse {
            top: 0;
        }

        .header_kx .navbar-expand-xl {
            background-color: white;
        }

        #searchPanel fa-search:before {
            font-size: initial;
        }

        #wrap, #wrap div {
            display: block !important;
        }


            #wrap.leftmenu_cancertype {
                top: auto;
                margin-top: auto;
                left: auto;
                z-index: auto;
                width: initial;
                padding: initial;
                position: static;
                overflow-y: auto;
            }

        .btn-leftmenushow {
            display: none !important;
        }

        .leftmenu_cancertype {
            top: auto;
            margin-top: auto;
            left: auto;
            z-index: auto;
            width: initial;
            padding: initial;
            position: static;
            overflow-y: auto;
        }
	
        #cancertypesFlex {
            height: 300px;
        }

        .txtSearch {
            width: 100%;
            padding: .5em;
        }

        #kxArticle .graphViewer {
            border: 1px solid #ccc;
            border-bottom: 0;
        }

        #kxArticle .subtext {
            color: #5E3525;
            padding: 0 7px 7px 15px;
            font-size: 90%;
            border: 1px solid #ccc;
            border-top: none;
        }

        #Large_searchbox input[type="text"] {
            font-size: 1.3em;
        }

        #ordbok-oppslag {
            margin: 2% 0 0 20%;
            padding-bottom: 20px;
            line-height: 1.5em;
        }
		
		.disclaimer{
		border-top: 1px solid rgba(0,0,0,.4);
		color: rgba(0,0,0,.4);
		font-weight: normal;
		}
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        /* IE10+ specific styles go here */
        .logo {
            max-height: 70px;
        }
    }