/* Innlogging */
.innloggingsseksjon {width: 350px;background: #fff;padding: 30px;border-radius: 10px;box-shadow: 0px 4px 20px -6px #ccc;display: flex;flex-direction: column;justify-content: center;align-items: center;}
@media only screen and (max-width: 480px) {.innloggingsseksjon {width: 280px;}}
.sentrering {text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.logo-login img {height: 80px;padding-bottom: 20px;}
@media only screen and (max-width: 480px) {.logo-login img {height: 50px;}}
.feilmelding-bakgrunn {background: #ffefef;margin-top: 10px;border-radius: 10px;padding: 15px;}
.feil-ikon {color: #c80000;font-size: 24px;padding-bottom: 10px;}
.feilmelding-overskrift {font-family: poppins;font-weight: 700;font-size: 16px;}
.feilmelding-tekst {font-family: nunito sans;font-size: 14px;font-weight: 400;padding-top: 5px;}

/* Fjerne header for desktop */
@media (min-width: 992px) {.sidetopp {display:none !important;}}
@media (min-width: 992px) {.w3-main {margin-top:0 !important;}}
@media (min-width: 992px) {.w3-panel {margin-top:-24px !important;}}
@media (min-width: 992px) {.hovedmeny {display:block;}}

/* Hovedmeny */
#hovedmeny {background: #fff !important;z-index:20 !important;}
.hovedmeny {padding: 0 20px;width:280px !important;scrollbar-width: thin; scrollbar-color: #ccc #f2f7fc;height:100%;position:fixed!important;z-index:1;overflow:auto;}
.hovedmeny-animere-venstre{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-280px;opacity:0} to{left:0;opacity:1}}
.hovedmeny-wrapper {height:100%;display: flex !important;align-items: stretch;flex-direction: column;}
@media (max-width:400px){.hovedmeny{width:320px !important;}}
@media only screen and (max-width: 992px) {.hovedmeny {margin-top: -70px;box-shadow: 0px 2px 10px 0px #ccc;}}
@media only screen and (min-width: 992px) {.hovedmeny {display:block !important;}}

/* Hovedmeny - Seksjon 1 */
.menyseksjon-1 {padding: 25px 0px;display: flex;align-items:center;}
.grafikk img {height:30px;}
@media only screen and (max-width: 993px) {.menyseksjon-1 {padding: 20px 0 25px 0;}}
.lukkmeny {margin-left:auto;}
.lukkmeny i {background: #999;border-radius: 50%;height: 25px;width: 25px;line-height: 25px;font-size: 16px;color: #fff;}
@media only screen and (min-width: 993px) {.lukkmeny {display:none;}}

/* Hovedmeny - Seksjon 2 */
.menyseksjon-2 {flex-direction: column;display: flex;justify-content:center;align-items:center;padding:10px 0;background:#f3f3f3;border-radius:10px;margin:0 0px 15px 0px;}
.menyknapper {display: flex;justify-content:center;gap:10px;}
.menyknapper a {text-decoration: none;}
.menyknapp1 i {background: #fff;padding: 10px;border-radius: 50%;color: #707070;font-size: 24px;width: 45px;height:45px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.menyknapp2 i {background: #fff;padding: 10px;border-radius: 50%;color: #707070;font-size: 27px;width: 45px;height:45px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.menyknapp3 i {background: #fff;padding: 10px;border-radius: 50%;color: #707070;font-size: 26px;width: 45px;height:45px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.menyknapp4 i {background: #fff;padding: 10px;border-radius: 50%;color: #c80000;font-size: 28px;width: 45px;height:45px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.menyknapp1 i:hover, .menyknapp2 i:hover, .menyknapp3 i:hover {box-shadow: none;background:#e1e1e1;color:#999;}
.menyknapp4 i:hover {box-shadow: none;background:#e8a1a1;color:#fff;}
@media only screen and (max-width: 993px) {.menyknapp1 i, .menyknapp2 i, .menyknapp3 i, .menyknapp4 i  {width:40px;height:40px}}
.menyknapper img:hover {opacity: 0.7;transform: rotate(360deg);transition: transform .7s ease-in-out;}
.sokefelt {width: 100%;border: 1px solid #ddd;height: 40px;border-radius: 10px;padding: 15px;font-size: 14px;}
#livesearch {border: none !important;background: #f2f2f2;padding: 20px 20px 15px;font-size: 14px;border-radius: 0px 0px 10px 10px;margin-top: -10px;width: 100%;line-height: 25px;display:none;}

/* Hovedmeny - seksjon 3 */
.menyseksjon-3 {display: flex;flex-direction: column;padding:10px 0 20px;}
.menyenhet {margin-bottom: 20px;}
.menyenhet:last-child {margin-bottom: 0px;}
.menyelement {display: flex;align-items:center;width: 100%;margin-bottom: 2px;}
.menyelement a {color: #333;text-decoration:none;display: flex;align-items:center;width: 100%;font-family: nunito sans;text-decoration: none;font-size: 14px;font-weight: 500; letter-spacing:0.2px;}
.menyelement:hover {background:#f3f3f3;border-radius:8px;}
.menyelement i {padding: 0 0 0 12px; font-size: 23px;color:#999;}
@media (min-width: 993px) {.menyelement a {padding: 0;}}
.menyelement a span {padding-left: 12px !important;padding: 7px 0;}
.menyoverskrift {padding:0 15px;font-weight: 800;color: #000;font-family: nunito sans;letter-spacing: 0.3px;font-size: 12.5px;margin-bottom: 5px;text-transform:uppercase;}
.currentLink {background:#f3f3f3;border-radius:6px;text-decoration:none;}
.menyelement.currentLink a {color: #333;}
.menyelement.currentLink i {color: #333;}
.menyelement img {height: 17px;padding-left: 15px;}
.menyknapp1 img, .menyknapp2 img, .menyknapp3 img, .menyknapp4 img {height: 24px;}
.menyknapp1, .menyknapp2, .menyknapp3, .menyknapp4 {display: flex;flex-direction: column;background: #fff;height: 45px;width: 45px;align-items: center;justify-content: center;border-radius: 50px;}
.menyikon {width: 35px;position: relative;top: -1px;}
.undermeny {display: none;flex-direction: column;border-radius:0px 0px 0px 8px;padding-left: 11px;margin-left: 21px !important;border-left: 3px solid #ddd;}
.undermeny .menyelement span:first-child {}
.undermeny .menyelement {}
.toggle-icon {transition: transform 0.3s ease;}
.undermeny.open .toggle-icon {transform: rotate(90deg);}
.toggle-icon + a {flex: 1;}
.right-align {float: right;margin-left: auto;}
.toggle-icon {font-size: 18px;margin-right: 10px;color:#aaa;}

.currentLink:hover {background:#f3f3f3;border-radius:8px;} 
@media (max-width: 993px) {.currentLink {width: 100% !important;border-radius:8px !important;}}
@media only screen and (max-width: 993px) {.menyelement a  {font-size:16.5px;font-weight:500;}}
@media only screen and (max-width: 993px) {.menyelement  {padding: 0;}}
.teller {display: flex;margin-left: auto;margin-right: 15px;}
.tall {background: #c80000;height: 20px;width: 20px;text-align: center;font-size: 11px;color: #fff;font-family: nunito sans;font-weight: 700;border-radius: 50px;position: relative;padding-top: 2px;}
.pulse {animation: pulse 3s infinite;}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #f39a9a; /* Ingen skygge */
    }

    50% {
        box-shadow: 0 0 0px 5px #f5b7b7; /* Ingen skygge */
    }


    100% {
        box-shadow: 0 0 20px 15px #fff; /* Ingen skygge */
    }
}


/* Hovedmeny - seksjon 4 */
.menyseksjon-4 {display: flex;align-items:end;padding:20px 0;border-radius:10px;margin:0 0px 15px 0px;flex: 1;}
.seksjonsenhet {display: flex;align-items: center;padding-top:10px;width:100%;border-top:1px solid #ddd}
.seksjonstekst {font-family:nunito sans;font-size: 11px;font-weight: 400;line-height: 14px;}
a {background-color: transparent;text-decoration:none;}

/* Hovedside */
html {overflow-y: auto;height: auto;}
body {background: #f3f3f3;font-family:nunito sans;}
.hovedside {margin-left: 280px;padding: 110px 30px;}
@media (max-width: 990px) {.hovedside {margin-left: 0px;margin-top:70px;padding: 90px 20px;}}
.hovedside1 {max-width: 1280px !important;display: flex;flex-direction: column;margin: auto;padding: 110px 30px;}
@media (max-width: 990px) {.hovedside1 {margin-left: 0px;padding: 90px 20px 20px;}}

.hovedside_fixed {position: fixed;width: 100%;z-index: 10;}

/* Hovedside - topp */
.hovedside_topp {box-shadow: 0px 2px 12px -4px #ddd;align-items: center;height: 80px;background: #fff;display:flex;padding:0 30px;margin-left: 280px;border-left:1px solid #efefef;}
@media (max-width: 993px) {.hovedside_topp {height:70px;margin-top:0px;margin-left:0;padding:0 20px;border-top:1px solid #ddd;border-left:none;}}
.hovedside_topp1 {display: flex;box-shadow: 0px 2px 12px -4px #ddd;height: 80px;background: #fff;}
.hovedside_topp1-content {max-width:1280px;align-items: center;display:flex;padding:0 30px;margin: auto;flex: 1;}

@media (max-width: 993px) {.hovedside_topp1 {height:70px;margin-top:0px;margin-left:0;padding:0 20px;border-top:1px solid #ddd;border-left:none;}}

.hovedside_topp_avatar {margin-left: auto;display:flex;align-items:center;text-decoration:none;}
.hovedside_topp_avatar a {text-decoration:none;}
.toppikon1 i {color: #000;font-size: 32px;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-left:8px;}
@media (max-width: 628px) {.toppikon1 i {font-size:28px}}
@media (max-width: 480px) {.toppikon1 i {font-size:24px}}
.toppknapp1 {color: #fff;background: #333;padding: 10px;height: 32px;width: 100px;display: flex;align-items: center;justify-content: center;font-family: roboto;font-weight: 700;font-size: 13px;text-decoration: none;border-radius: 50px;}
@media (max-width: 628px) {.toppknapp1 {height:28px !important; width:90px !important;font-size:12px !important;}}
.hovedside_overskrift_stor {font-family: poppins;font-size: 24px;font-weight: 500;line-height:24px;}
@media (max-width: 768px) {.hovedside_overskrift_stor {font-size:17px;line-height:19px;}}
@media (max-width: 480px) {.hovedside_overskrift_stor {font-size:15px;line-height:16px;}}
.hovedside_overskrift_liten {font-family: poppins;font-size: 12px;line-height:13pxfont-weight: 400;color:#999;letter-spacing: 0.4px;}
@media (max-width: 480px) {.hovedside_overskrift_liten {font-size:11px;font-weight: 400;margin-bottom: -2px;}}

/* Hovedside - Avatar */
.brukerikon i {font-size: 28px;display: flex;align-items: center;color: #999;}
@media (max-width: 480px) {.brukerikon i {display:none;}}
.brukerseksjon {display:flex;align-items:center;padding-left: 20px;border-left: 1px solid #ddd;margin-left: 20px;}
@media (max-width: 480px) {.brukerseksjon {padding-left: 12px;margin-left: 10px;border:none;}}
.brukeravatar img {width: 45px;height: 45px;display: flex;justify-content: center;align-items: center;border-radius: 50px;color: #999;margin-right: 15px;border:2px solid #bbb;font-weight:600;}
@media (max-width: 480px) {.brukeravatar img {width: 40px;height: 40px;}}
.brukernavn {font-family:nunito sans;font-size: 15px;font-weight: 700;line-height: 18px;}
@media (max-width: 480px) {.brukernavn {font-size: 14px;line-height: 16px;}}
.brukertittel {font-family:nunito sans;font-size: 12px;font-weight: 400;line-height: 12px;}
.excelikon img {height:32px;margin-left:15px;}
@media (max-width: 480px) {.excelikon {display:none;}}
#none {padding: 0;background: none;border: none;cursor: pointer;}

/* Skrifter */
.frontoverskrift h1 {font-family:poppins; font-weight:900; font-size: 56px; line-height:64px; color: #333;margin:15px 0 0 0;}
@media (max-width: 1160px) {.frontoverskrift h1 {font-size: 42px; line-height:48px;}}
@media (max-width: 768px) {.frontoverskrift h1 {font-size: 32px; line-height:38px;}}
.frontoverskrift h3 {font-family:poppins; font-weight:400; font-size: 26px; line-height:32px; color: #333;margin:15px 0 35px 0}
@media (max-width: 768px) {.frontoverskrift h3 {font-size: 20px; line-height:26px;}}
.frontoverskrift h4 {font-family:poppins; font-weight:700; font-size: 22px; line-height:28px; color: #3CA842; margin:0;}
.overskrift h1 {font-family:poppins; font-weight:700; font-size: 44px; line-height:50px; margin:0;}
@media (max-width: 990px) {.overskrift h1 {font-size: 30px; line-height:38px;}}
.overskrift h2 {font-family:poppins; font-weight:700; font-size: 36px; line-height:42px; margin:0;}
.overskrift h3 {font-family:poppins; font-weight:700; font-size: 28px; line-height:34px; margin:0;}
.overskrift h4 {font-family:poppins; font-weight:700; font-size: 26px; line-height:32px; margin:0;}
.overskrift h5 {font-family:poppins; font-weight:700; font-size: 22px; line-height:26px; margin:0;}
.overskrift h6 {font-family:poppins; font-weight:700; font-size: 18px; line-height:22px; margin:0;}
.overskrift_liten {font-family:poppins; font-weight:400; font-size: 21px; line-height:26px; margin:0;width: 100%;}
.p {font-family:nunito sans; font-weight:400; font-size: 15px; line-height:19px; color: #333;}
.standardtekst {font-family:nunito sans; font-weight:500; font-size: 15px; line-height:17px; color: #000;}
.standardtekst a {color:#1E73BE;text-decoration:none;}
.standardtekst a:hover {color:#175c98}

/* Header */
#header {width: 100%;height:100px;position: fixed;background: #fff;box-shadow: 0 4px 20px -6px #666;display: flex;align-items: center;  z-index: 1;}
@media (max-width: 768px) {#header  {height:80px}}
.header{width: 1320px;display:flex;margin:auto;}
.logo{display:flex;}
@media (max-width: 1340px) {.logo {margin-left: 25px;}}
.logo img {height: 58px;}
@media (max-width: 480px) {.logo img {height: 44px;}}
@media (max-width: 767px) {.logo img {margin-top:5px}}
.knapper {display: flex;align-items: center;margin-left: auto;}
@media (max-width: 1340px) {.knapper {margin-right: 25px;}}
.item{display: inline-block;cursor: pointer;}
.ikon1 i {font-size: 22px;background: #3CA842;color: #fff;padding: 15px 17px;border-radius: 50px;margin-left:5px}
@media (max-width: 480px) {.ikon1 i {font-size: 16px;}}
.ikon2 i {font-size: 22px;background: #1E73BE;color: #fff;padding: 15px 17px;border-radius: 50px;margin-left:5px}
@media (max-width: 480px) {.ikon2 i {font-size: 16px;}}
.ikon3 i {font-size: 30px;background: #3CA842;color: #fff;padding: 22px;border-radius: 50px;margin-bottom: 20px;}
.ikon4 i {font-size: 30px;background: #1E73BE;color: #fff;padding: 22px;border-radius: 50px;margin-bottom: 20px;}

/* Menybox */
.menybox{overflow: scroll;z-index:2;position: fixed;top: 0;height: 100%;right: -460px;width: 400px;background-color: white;transition: right 0.6s;box-shadow: 0px 0px 60px 0px #ccc;}
.menybox_innhold{padding: 40px;margin-top: 30px;height: 100%;text-align: center;}
.menybox.open{right: 0;}
.menybox_tekst {font-family: nunito sans;font-size: 13.5px;line-height: 20px;padding: 15px 0 5px 0; color:#000;}
.menybox_tekst a {color:#1E73BE;text-decoration:none;}
.menybox_tekst a:hover {color:#175c98}
.passord-tekst {font-family: nunito sans;font-size: 13.5px;line-height: 20px;padding: 8px 0 5px 0; color:#000;margin-left: auto;}
.passord-tekst a {color:#c80000;text-decoration:none;}
.passord-tekst a:hover {color:#b80000}
.kryss {cursor: pointer;float: right;font-weight: bold;font-size: 28px;color: #999;padding: 18px 40px;}

/* Seksjoner */
.sideseksjon-fullbredde {width: 100%;}
.seksjonsblokk-enkel-hvit {width:100%;background: #fff;padding: 30px;border-radius: 10px;box-shadow: 0 3px 20px -6px rgba(0,10,10,.3);}

/* Seksjonsblokker GRID */
.seksjonsblokk-grid-2-1-1 {display: grid;grid-template-columns: auto 25%;grid-gap: 20px;margin-bottom:20px;}
.seksjonsblokk-grid-4 {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;}
@media (max-width: 992px) {.seksjonsblokk-grid-4 {grid-gap: 20px;}}
@media (max-width: 1350px) {.seksjonsblokk-grid-4 {grid-template-columns: 1fr 1fr;}}
@media (max-width: 675px) {.seksjonsblokk-grid-4 {grid-template-columns: 1fr;}}
.seksjonsblokk-grid-3 {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;}
@media (max-width: 1340px) {.seksjonsblokk-grid-3 {grid-template-columns: 1fr 1fr;}}
@media (max-width: 768px) {.seksjonsblokk-grid-3 {grid-template-columns: 1fr;}}
.seksjonsblokk-grid-2 {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;margin: 20px 0;}
@media (max-width: 992px) {.seksjonsblokk-grid-2 {grid-gap: 20px;margin: 20px 0;}}
@media (max-width: 675px) {.seksjonsblokk-grid-2 {grid-template-columns: 1fr;}}
.seksjonsblokk-grid-1 {display: grid;grid-template-columns: 1fr;grid-gap: 20px;margin: 20px 0;}
@media (max-width: 992px) {.seksjonsblokk-grid-1 {margin: 20px 0;}}
.seksjonsblokk-indre-grid-4 {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;width:100%;gap: 20px;}
@media (max-width: 1350px) {.seksjonsblokk-indre-grid-4 {grid-template-columns: 1fr 1fr;}}
@media (max-width: 675px) {.seksjonsblokk-indre-grid-4 {grid-template-columns: 1fr;}}
.seksjonsblokk-indre-grid-3 {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: 20px;width:100%;}
@media (max-width: 1200px) {.seksjonsblokk-indre-grid-3 {grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 675px) {.seksjonsblokk-indre-grid-3 {grid-template-columns: 1fr;}}
.seksjonsblokk-indre-grid-2 {display: grid;grid-template-columns: 1fr 1fr;width:100%;grid-gap: 20px;}
@media (max-width: 675px) {.seksjonsblokk-indre-grid-2 {grid-template-columns: 1fr;}}

/* Seksjonsenheter GRID */
.seksjonsenhet-indre-grid1 {grid-column: 1;grid-row: 1 / 3;display:flex;flex-direction: column;border: 1px solid #ddd;padding: 20px; border-radius: 10px;}
@media (max-width: 600px) {.seksjonsenhet-indre-grid1 {grid-column: 1 !important;grid-row: 1 !important;}}
@media (max-width: 1200px) {.seksjonsenhet-indre-grid1 {grid-column: 1;grid-row: 1 / 3;}}
.seksjonsenhet-indre-grid2 {grid-column: 2;grid-row: 1;display:flex;flex-direction: column;border: 1px solid #ddd;padding: 20px; border-radius: 10px;}
@media (max-width: 600px) {.seksjonsenhet-indre-grid2 {grid-column: 1 !important;grid-row: 2 !important;}}
@media (max-width: 1200px) {.seksjonsenhet-indre-grid2 {grid-column: 2;grid-row: 1;}}
.seksjonsenhet-indre-grid3 {grid-column: 2;grid-row: 2;display:flex;flex-direction: column;border: 1px solid #ddd;padding: 20px; border-radius: 10px;}
@media (max-width: 600px) {.seksjonsenhet-indre-grid3 {grid-column: 1 !important;grid-row: 3 !important;}}
@media (max-width: 1200px) {.seksjonsenhet-indre-grid3 {grid-column: 2;grid-row: 2;}}
.seksjonsenhet-indre-grid4 {grid-column: 3;grid-row: 1 / 3;display:flex;flex-direction: column;border: 1px solid #ddd;padding: 20px; border-radius: 10px;}
@media (max-width: 600px) {.seksjonsenhet-indre-grid4 {grid-column: 1 !important;grid-row: 4 !important;}}
@media (max-width: 1200px) {.seksjonsenhet-indre-grid4 {grid-column: 1 / 3;grid-row: 3;}}
.gridenhet-indre-grid-2:first-child {border-right:1px solid #ddd;}

.gridenhet-innhold:first-child {padding-right: 35px;}
.gridenhet-innhold:last-child {padding-left: 35px;}


.seksjonsenhet-grid {display:flex;flex-direction: column;background: #fff;padding:25px;border-radius:10px;border:1px solid #ddd;}
.seksjonsenhet-grid2 {display:flex;flex-direction: column;background: #e7e7e7;padding:25px;border-radius:10px;border:1px solid #ccc;}
.seksjonsenhet-grid3-1 {background-repeat: no-repeat;background-size: contain !important;background:#fff;background-image: url("/grafikk/kart-norge.jpg") !important;grid-column: 1;grid-row: 1 / 3;display:flex;flex-direction: column;background: #fff;padding:25px;border-radius:10px;border:1px solid #ddd;background-repeat: no-repeat;background-position: center;}
@media (max-width: 675px) {.seksjonsenhet-grid3-1 {grid-column: 1;grid-row: 1;}}
.seksjonsenhet-grid3-2 {grid-column: 2;grid-row: 1;display:flex;flex-direction: column;background: #fff;padding:25px;border-radius:10px;border:1px solid #ddd;}
@media (max-width: 675px) {.seksjonsenhet-grid3-2 {grid-column: 1;grid-row: 2;}}
.seksjonsenhet-grid3-3 {grid-column: 2;grid-row: 2;display:flex;flex-direction: column;background: #fff;padding:25px;border-radius:10px;border:1px solid #ddd;}
@media (max-width: 675px) {.seksjonsenhet-grid3-3 {grid-column: 1;grid-row: 3;}}


.seksjonsenhet-grid3 {grid-column: 1;grid-row: 1 / 3;display:flex;flex-direction: column;background: #fff;padding:25px;border-radius:10px;border:1px solid #ddd;}
@media (max-width: 1340px) {.seksjonsenhet-grid3 {grid-column: 1;grid-row: 1 / 3;}}
@media (max-width: 675px) {.seksjonsenhet-grid3 {grid-column: 1;grid-row: 1;}}
.seksjonsenhet-grid4 {grid-column: 2;grid-row: 1;display:flex;flex-direction: column;background: #fff;padding:25px;border-radius:10px;border:1px solid #ddd;}
@media (max-width: 1340px) {.seksjonsenhet-grid4 {grid-column: 2;grid-row: 1;}}
@media (max-width: 675px) {.seksjonsenhet-grid4 {grid-column: 1;grid-row: 2;}}
.seksjonsenhet-grid5 {grid-column: 3;grid-row: 1;display:flex;flex-direction: column;background: #fff;padding:25px;border-radius:10px;border:1px solid #ddd;}
@media (max-width: 1340px) {.seksjonsenhet-grid5 {grid-column: 2;grid-row: 2;}}
@media (max-width: 675px) {.seksjonsenhet-grid5 {grid-column: 1;grid-row: 3;}}
.seksjonsenhet-grid6 {grid-column: 2;grid-row: 2;display:flex;flex-direction: column;background: #fff;padding:25px;border-radius:10px;border:1px solid #ddd;}
@media (max-width: 1340px) {.seksjonsenhet-grid6 {grid-column: 1;grid-row: 3;}}
@media (max-width: 675px) {.seksjonsenhet-grid6 {grid-column: 1;grid-row: 4;}}
.seksjonsenhet-grid7 {grid-column: 3;grid-row: 2;display:flex;flex-direction: column;background: #fff;padding:25px;border-radius:10px;border:1px solid #ddd;}
@media (max-width: 1340px) {.seksjonsenhet-grid7 {grid-column: 2;grid-row: 3;}}
@media (max-width: 675px) {.seksjonsenhet-grid7 {grid-column: 1;grid-row: 5;}}

.grid-item { display: flex; flex-direction: column; background: #fff; padding: 25px; border-radius: 10px; border: 1px solid #ddd; }
.grid-1a { grid-row: 1 / span 3; grid-column: 1; }
.grid-2a { grid-row: 1; grid-column: 2; }
.grid-2b { grid-row: 2; grid-column: 2; }
.grid-2c { grid-row: 3; grid-column: 2; }
@media (max-width: 675px) { .grid-1a { grid-row: 1; grid-column: 1; } .grid-2a { grid-row: 2; grid-column: 1; } .grid-2b { grid-row: 3; grid-column: 1; } .grid-2c { grid-row: 4; grid-column: 1; } }

/* Seksjonsblokker FLEX */
.seksjonsblokk-flex {display: flex;align-items:center;width:100%;flex-direction: column;}
.seksjonsblokk-flex-hvit {display:flex;align-items:center;width:100%;flex-direction: column;background:#fff;box-shadow: 0 3px 20px 0px rgba(0,10,10,.1);border-radius:10px;margin-bottom:20px;}
.seksjonsblokk-flex-rosa {display:flex;align-items:center;width:100%;flex-direction: column;background:#ffefef;box-shadow: 0 3px 20px 0px rgba(0,10,10,.1);border-radius:10px;margin-bottom:20px;}


/* Seksjonsenheter FLEX */
.seksjonsenhet-flex {display:flex;flex-direction:colomn;}

.flex-enhet-hvit-topp {display:flex;width: 100%;background: #e5e5e5;padding:10px 20px;border-radius:6px 6px 0 0;font-family: poppins;font-size: 10.5px;font-weight:500;letter-spacing: 0.3px;line-height:15px;}
.flex-enhet-hvit {min-height: 70px;display:flex;width: 100%;background: #fff;padding:10px 20px;font-family: nunito sans;font-size: 13.5px;letter-spacing: 0.3px;line-height:16px;margin-bottom:2px;}
.flex-enhet-rosa {min-height: 60px;display:flex;width: 100%;background: #fdf4f4;padding:10px 20px;font-family: nunito sans;font-size: 13.5px;letter-spacing: 0.3px;line-height:16px;margin-bottom:2px;}
.flex-enhet-hvit2 {display:flex;flex-direction: column;width: 100%;background: #fff;padding:25px;border-radius:10px;font-family: nunito sans;font-size: 14px;letter-spacing: 0.3px;line-height:16px;margin-bottom:30px;border:1px solid #ddd;}
@media (max-width: 990px) {.flex-enhet-hvit2 {padding:20px;}}
@media (max-width: 768px) {.flex-enhet-hvit {display:block;text-align:center;padding:20px;}}
@media (max-width: 768px) {.flex-enhet-rosa {display:block;text-align:center;}}
@media (max-width: 768px) {.flex-enhet-hvit-topp {display:none;}}

@media (max-width: 768px) {.flex-kolonne-1, .flex-kolonne-2, .flex-kolonne-3, .flex-kolonne-4, .flex-kolonne-5, .flex-kolonne-last {padding:0 !important; text-align:center;justify-content:center;}}
@media (max-width: 768px) {.flex-kolonne-4 {margin:10px 0;}}
@media (max-width: 768px) {.flex-kolonne-1 {margin:10px 0;}}
@media (max-width: 768px) {.flex-kolonne-last {margin-top:15px; margin-right: 2px;}}


.flex-kolonne-first {display: flex;align-items: center;margin-right: 10px;flex-basis: 50px;}
.flex-kolonne-1 {display: flex;align-items: center;flex-basis: 100px;padding:0 10px;flex-shrink: 0;overflow-x: hidden;}
.flex-kolonne-2 {display: flex;align-items: center;flex-basis: 20%;padding:0 10px;flex-shrink: 0;overflow-x: hidden;}
.flex-kolonne-3 {display: flex;align-items: center;flex-basis: 20%;padding:0 10px;flex-shrink: 0;overflow-x: hidden;}
.flex-kolonne-4 {display: flex;align-items: center;flex-basis: 20%;padding:0 10px;flex-shrink: 0;overflow-x: hidden;}
.flex-kolonne-5 {display: flex;align-items: center;flex-basis: 18%;padding:0 10px;flex-shrink: 0;flex-wrap: wrap;}
.flex-kolonne-last {display: flex;align-items: center;flex-basis: 1;margin-left:auto;padding:0 10px 0 0;}


.aflex-kolonne-first {display: flex;align-items: center;margin-right: 10px;flex-basis: 50px;}
.aflex-kolonne-1 {display: flex;align-items: center;flex-basis: 65px;padding:0 10px;flex-shrink: 0;}
.aflex-kolonne-2 {white-space: nowrap;display: flex;justify-content: center;flex-basis: 25%;padding:0 10px;flex-shrink: 0;overflow-x: hidden;flex-direction:column;}
.aflex-kolonne-3 {display: flex;align-items: center;flex-basis: 16%;padding:0 10px;flex-shrink: 0;}
.aflex-kolonne-4 {display: flex;justify-content: center;flex-basis: 14%;padding:0px;flex-shrink: 0;flex-direction:column;}
.aflex-kolonne-5 {display: flex;justify-content: center;flex-basis: 14%;padding:0 10px;flex-shrink: 0;flex-wrap: wrap;flex-direction:column;}
.aflex-kolonne-6 {display: flex;justify-content: center;flex-basis: 14%;padding:0 10px;flex-shrink: 0;flex-wrap: wrap;flex-direction:column;}
.aflex-kolonne-7 {display: flex;justify-content: center;flex-basis: 14%;padding:0 10px;flex-shrink: 0;flex-wrap: wrap;flex-direction:column;}
.aflex-kolonne-8 {display: flex;align-items: center;flex-basis: 10%;padding:0 10px;flex-shrink: 0;flex-wrap: wrap;}
.aflex-kolonne-9 {display: flex;align-items: center;flex-basis: 10%;padding:0 10px;flex-shrink: 0;flex-wrap: wrap;}
.aflex-kolonne-last {display: flex;flex: 1;padding:0 10px 0 0;align-items: end;justify-content: center;flex-direction:column;}
@media (max-width: 768px) {.aflex-kolonne-last{align-items: center;margin-top: 20px;padding:0 !important; text-align:center;justify-content:center;}}
.aflex-kolonne-last a {display: flex;}

.aflex-kolonne-2 a, .aflex-kolonne-1 a, .aflex-kolonne-first a, .aflex-kolonne-3 a, .aflex-kolonne-4 a, .aflex-kolonne-5 a, .aflex-kolonne-6 a, .aflex-kolonne-7 a {display: flex;align-items: center;}
@media (max-width: 768px) {.aflex-kolonne-1, .aflex-kolonne-2, .aflex-kolonne-3, .aflex-kolonne-4, .aflex-kolonne-5, .aflex-kolonne-6, .aflex-kolonne-7, .aflex-kolonne-8{padding:0 !important; text-align:center;justify-content:center;}}
@media (max-width: 768px) {.aflex-kolonne-1, .aflex-kolonne-2, .aflex-kolonne-3, .aflex-kolonne-4, .aflex-kolonne-5, .aflex-kolonne-6, .aflex-kolonne-7, .aflex-kolonne-8 {margin-bottom:7px;}}
@media (max-width: 768px) {.aflex-kolonne-1, .aflex-kolonne-2, .aflex-kolonne-3, .aflex-kolonne-4 {overflow-x:visible;}}


.flex-ikon {display:flex;font-size:20px;color:#444;text-decoration:none;}
.flex-ikon-small {display:flex;font-size:22px;color:#444;text-decoration:none;}

.flex-sort-ikon {margin-left: 5px;color:#999;position: relative;top: 1px}
@media (max-width: 768px) {.flex-ikon  {padding-bottom:10px;}}

/* SIDE - Kontrollpanel */

.kontrollpanel-overskrift {font-family: nunito sans;font-weight: 800;letter-spacing: 0.6px;font-size: 16px;padding-bottom:20px;line-height:16px;}
.kontrollpanel-flex {display: flex;align-items: center;width:100%;}
.kontrollpanel-flex-venstre {display: flex;flex-direction: column;}
.kontrollpanel-flex-hoyre {display: flex;margin-left: auto;}
.kontrollpanel-hovedtall {font-family: poppins;font-weight: 700;letter-spacing: 0.8px;font-size: 55px;color:#444;margin-top: -10px;}
.kontrollpanel-bakgrunn-rosa {margin-top: -4px;text-align:center;font-family:nunito sans;font-size:13px; font-weight:800; color:#c80000;background: #ffefef;padding: 5px 15px;border-radius: 10px;letter-spacing: 0.5px;width: 80px;}
.kontrollpanel-bakgrunn-gronn {margin-top: -4px;text-align:center;font-family:nunito sans;font-size:13px; font-weight:800; color:#2b9726; background: #e6fde5;padding: 5px 15px;border-radius: 10px;letter-spacing: 0.5px;width: 80px;}
.kontrollpanel-bakgrunn-gul {margin-top: -4px;text-align:center;font-family:nunito sans;font-size:13px; font-weight:800; color:#c78a14; background: #f9f3cc;padding: 5px 15px;border-radius: 10px;letter-spacing: 0.5px;width: 80px;}

.kontrollpanel-tekst {display: flex;align-items: center;font-size:14px;font-family: nunito sans;line-height:19px;}
.kontrollpanel-tekst-liten {display: flex;align-items: center;font-size:12px;font-family: nunito sans;line-height:15px;font-weight:600;}
.kontrollpanel-tekst-liten i {font-size: 18px;position: relative;margin-right: 8px;color: #999;}
.kontrollpanel-tekst-liten a {align-items: center;display: flex;}
.kontrollpanel-ikon img {height: 75px;opacity: 0.7;}
.kontrollpanel-bilde img {height: 80px;opacity: 0.7;}
.kontrollpanel-knapp {width: 150px;display: flex;margin-left: auto;margin-top: 20px;justify-content: center;color: #fff;background: #333;padding: 5px 20px;text-align:center;font-family: roboto;font-weight: 700;font-size: 12px;text-decoration: none;border-radius: 5px;}
.kontrollpanel-flex-end {display: flex;flex-direction: column;justify-content: end;height: 100%;}
.kontrollpanel-liste {font-family: nunito sans;font-size: 14px;line-height: 16px; font-weight:500;}
.kontrollpanel-liste-tall {font-family:poppins;font-size:11px;display: flex;margin-left:auto;font-weight:600;background: #ddd;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;border-radius: 50px;}
.kontrollpanel-liste-enhet {display: flex;align-items: center;border-bottom:1px dotted #aaa;padding:8px 0px;}
.liste-tekst {text-decoration: none;}


#medlemsgraf {padding-top: 6px;display: flex;flex-basis: 100%;flex-direction: column;height: 100%;justify-content: end;}
#medlemsgraf tbody td {font-family:poppins;font-size:11px;color:#333;font-weight:600;padding-right: 8px;border-radius: 0 6px 6px 0;}
#medlemsgraf tbody th {font-family:nunito sans;font-size:13px;color:#444;font-weight:800;}
#medlemsgraf .charts-css.bar {--labels-size: 50px; }
#medlemsgraf .charts-css.bar tbody td {transform-origin: left;animation: revealing-bars 4s linear ;animation-fill-mode: forwards;}
@keyframes revealing-bars {
  0%  { transform: scaleX( 0 ); }
  30% { transform: scaleX( 1 ); }
}

#medlemsgraf1 {padding-top: 6px;display: flex;flex-basis: 100%;flex-direction: column;height: 100%;justify-content: end;}
#medlemsgraf1 tbody td {font-family:poppins;font-size:12px;color:#444;font-weight:600;padding-top: 8px;border-radius: 6px 6px 0 0;}
#medlemsgraf1 tbody th {font-family:nunito sans;font-size:13px;color:#444;font-weight:800;}
#medlemsgraf1 .charts-css.columns tbody td {transform-origin: bottom;animation: revealing-bars 4s linear ;animation-fill-mode: forwards;}
#medlemsgraf2 {width: 100%;max-width: 300px;margin: 0 auto;}
#medlemsgraf2 .data {font-family: poppins;font-size: 13px;font-weight: 600;color: #444;padding: 8px;text-align:center}


/* Seksjoner MEDLEMSPROFIL */

.profil-grid-inline-3 {display: grid;grid-template-columns: repeat(3, 1fr); gap: 10px;}
.profil-grid-column {padding: 10px;}
.profil-grid-column:nth-child(2), .profil-grid-column:nth-child(3) {border-left:1px solid #ddd;}

.profil-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; gap: 20px;width: 100%; }
@media screen and (max-width: 1200px){.profil-grid {grid-template-columns: 1fr 1fr;}}
@media screen and (max-width: 768px){.profil-grid {grid-template-columns: 1fr !important;}}

.profil-grid-enhet {display: flex;flex-direction: column; padding: 25px; background-color: #fff; border:1px solid #ddd;border-radius:10px }
.enhet-1 { background-color: #fff; grid-row: span 3; grid-column: 1; }
@media screen and (max-width: 1200px){.enhet-1 {grid-row: span 3; grid-column:span 2; }}
@media screen and (max-width: 768px){.enhet-1 {grid-column:1; }}

.enhet-2 { background-color: #fff; grid-row: 1; grid-column: 2; }
@media screen and (max-width: 1200px){.enhet-2 {grid-row: 4; grid-column: 1; }}
@media screen and (max-width: 768px){.enhet-2 {grid-column:1; }}


.enhet-3 { background-color: #fff; grid-row: 1; grid-column: 3; }
@media screen and (max-width: 1200px){.enhet-3 {grid-row: 4; grid-column: 2;}}
@media screen and (max-width: 768px){.enhet-3 {grid-row: 5;grid-column:1; }}


.enhet-4 { background-color: #fff; grid-row: 2; grid-column: 2; }
@media screen and (max-width: 1200px){.enhet-4 {grid-row: 5; grid-column: 1;}}
@media screen and (max-width: 768px){.enhet-4 {grid-row: 6;grid-column:1; }}


.enhet-5 { background-color: #fff; grid-row: 2; grid-column: 3; }
@media screen and (max-width: 1200px){.enhet-5 {grid-row: 5; grid-column: 2;}}
@media screen and (max-width: 768px){.enhet-5 {grid-row: 7;grid-column:1; }}


.enhet-6 { background-color: #fff; grid-row: 3; grid-column: 2; }
@media screen and (max-width: 1200px){.enhet-6 {grid-row: 6; grid-column: 1;}}
@media screen and (max-width: 768px){.enhet-6 {grid-row: 8;grid-column:1; }}


.enhet-7 { background-color: #fff; grid-row: 3; grid-column: 3; }
@media screen and (max-width: 1200px){.enhet-7 {grid-row: 6; grid-column: 2;}}
@media screen and (max-width: 768px){.enhet-7 {grid-row: 9;grid-column:1; }}


.enhet-a {grid-column: 1 / 2;grid-row: 1 / 4;display:flex;flex-direction:column;align-items:center;}
.enhet-b {grid-column: 2 / 4;grid-row: 1 / 3;}
.enhet-c {grid-column: 2 / 3;grid-row: 3 / 4;}
.enhet-d {grid-column: 3 / 4;grid-row: 3 / 4;}

@media (max-width: 768px) {
  .enhet-a { grid-column: 1 !important; grid-row: 1 !important; ; }
  .enhet-b { grid-column: 1 !important; ; grid-row: 2 !important; ; }
  .enhet-c { grid-column: 1 !important; ; grid-row: 3 !important; ; }
  .enhet-d { grid-column: 1 !important; ; grid-row: 4 !important; ; }
}

@media (max-width: 1200px) {
  .enhet-a { grid-column: 1 / 2; grid-row: 1; }
  .enhet-b { grid-column: 2 / 3; grid-row: 1; }
  .enhet-c { grid-column: 1 / 2; grid-row: 2; }
  .enhet-d { grid-column: 2 / 3; grid-row: 2; }
}

.flex-tag a {margin-left: auto !important;padding-left: 10px;}
.profil-tekst-flex-end {display: flex;margin-top: auto;}
.profil-sats {line-height: 14px;}
.profil-felt-flex-center {display: flex;justify-content: center;flex-direction: column;align-items: center;}
.profil-ikon-lisens {padding-left: 15px;margin-left: auto;display: flex;align-items: center;position: relative;top: 2px;}
.profil-omsetning {font-family:poppins;font-size:20px;font-weight:400;}
.profil-omsetning img {height: 40px;position: relative;top: -3px;margin-right: 10px;}
.profil-felt-flex {height:100%;display: flex;align-items: center;justify-content: center;}
.profil-brukeravatar { background:#333; color:#fff;width: 22px; height: 22px; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 10px; font-family: roboto; font-weight: 500; margin-right: 8px; }
.brukeravatar { background: linear-gradient(to bottom, #f5f5f5, #e5e5e5); width: 35px; height: 35px; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-family: roboto; font-weight: 500; border: 1px solid #ddd; margin-right: 15px; }
.profil-avatar {margin-right:15px;display:flex;justify-content:center;align-items:center;width:80px;height:80px;font-size:28px;color:#fff;border-radius:50px;background:#c80000;}
@media screen and (max-width: 468px){.profil-avatar {width:50px;height:50px;font-size:20px;margin-right:10px;}}
.profil-overskrift-stor {text-align: left;font-family:nunito sans;font-size:24px;font-weight:700;line-height: 24px;padding-right:15px;}
@media screen and (max-width: 468px){.profil-overskrift-stor {font-size:16px;line-height:16px;text-align: left;}}
.profil-overskrift-liten {font-family:nunito sans;font-size:14px;font-weight:500;line-height: 20px;}
@media screen and (max-width: 468px){.profil-overskrift-liten {font-size:13px;}}
.profil-tekst span {font-size: 14px !important;}
.flex-tag {align-items: center;margin-top: 10px;display:flex;background:#f3f3f3;border-radius: 10px;padding: 10px;min-width: 180px;text-align: center;margin-right:10px;}
@media screen and (max-width: 468px){.flex-tag {width:100%;margin-right:0;}}

.profil-tekst {font-family:nunito sans;font-size:14px;font-weight:500;line-height: 16px;padding-top: 3px;}
.profil-flex-ikon {display:flex;font-size:25px;color:#777;text-decoration:none;}
.profil-flex-ikon-avatar {height: 35px;width: 35px;justify-content: center;align-items: center;display: flex;position: relative;background: #999;border: 2px solid #fff;border-radius: 50px;left: 30px;font-size: 16px;color: #fff;margin-top: -25px;top: 25px;}
.profil-flex-ikon1 {display:flex;font-size:44px;color:#ccc;text-decoration:none;}
@media screen and (max-width: 468px){.profil-flex-ikon1 {font-size:22px;}}
@media screen and (max-width: 468px){.profil-flex-ikon {font-size:22px;}}
.profil-standard-overskrift {font-family: nunito sans;font-weight: 700;letter-spacing: 0.6px;font-size: 16px;padding-bottom: 20px;line-height: 16px;}
.profil-knapp-spesial {background: #333;display: inline-flex;padding: 6px 20px;font-size: 13px;font-family: poppins;color: #fff;border-radius: 5px 0 5px 0;font-weight: 500;letter-spacing: 0.3px;position: relative;top: -20px;left: -20px;}

.profil-tekstfelt {padding: 20px;background: #f3f3f3;border-radius: 6px;margin-bottom: 3px;}
.profil-tekstfelt-linje1 {display: flex;align-items:center;}
.profil-tekstfelt-linje2 {display: flex;align-items:center;padding-top: 5px;}
.profil-tekstfelt-ikon i {font-size: 24px;color: #999;margin-right: 5px;display: flex;margin-left: -2px;}
.profil-tekstfelt-ikon2 i {font-size: 18px;color: #777;margin-left: 8px;display: flex;}
.profil-tekstfelt-tekst-liten {font-family:poppins;font-size: 11px;text-transform: uppercase;color: #999;font-weight: 500;}
.profil-tekstfelt-overskrift {font-family: poppins;font-weight: 600;font-size: 12px;text-decoration: none;line-height: 14px;overflow: hidden;padding-right:15px;}
.profil-brukeravatar img {margin-right:8px;width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;border-radius: 50px;color: #999;}
@media (max-width: 480px) {.profil-brukeravatar img {width: 20px;height: 20px;}}
.profil-tekstfelt-tekst {font-family: poppins;font-size: 11px;color: #333;font-weight: 500;}
.profil-tekstfelt-lenke{color:#c80000;font-family: poppins;font-weight: 500;font-size: 11px;text-decoration: none;line-height: 15px;text-transform:uppercase;}
.profil-tekstfelt-knapp {margin-top:5px;color: #fff;background: #333;padding: 10px;height: 32px;width: 100%;display: flex;align-items: center;justify-content: center;font-family: poppins;font-weight: 600;font-size: 12px;text-decoration: none;border-radius: 6px}
.profil-knapp-rod {margin-right:10px; background: #c80000;display: inline-flex;padding: 6px 12px;font-size: 13px;font-family: roboto;color: #fff;border-radius: 5px;font-weight: 500;letter-spacing: 0.3px;}
.profil-knapp-sort {margin-right:10px; background: #333;display: inline-flex;padding: 6px 12px;font-size: 13px;font-family: roboto;color: #fff;border-radius: 5px;font-weight: 500;letter-spacing: 0.3px;}
.profil-tekstfelt-flex-end {display: flex;margin-top: auto;}

.profil-label {font-family:poppins;font-size:10px;font-weight:600;margin-bottom:3px;letter-spacing:0.5px;}
.profil-innholdsfelt {background:#f3f3f3;display: flex;align-items:center;height: 45px;border-radius: 6px;padding: 0 12px;}
.profil-felt {margin-bottom: 12px;}


/* Popup */

.overlay {z-index: 1;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.5);transition: opacity 500ms;visibility: hidden;opacity: 0;}
.overlay:target {visibility: visible;opacity: 1;}
.popupboks {position:relative;top: 50%;left: 50%;transform: translate(-50%, -0%);width: 60%;background: #fff;padding: 25px;border-radius: 10px;background-clip: padding-box;text-align: center;}
.popupboks-senter {margin-left:320px;margin-top:110px;}
.popupboks-senter1 {margin-top:110px;}

@media screen and (max-width: 990px){.popupboks {width:80%;}}
@media screen and (max-width: 990px){.popupboks-senter {margin-left:0px;margin-top:160px;}}

.popupboks .close {transition: all 200ms;display: flex;margin-left: auto;font-size: 24px;justify-content: end;color: #999;}
.popupboks .close:hover {color: #777;}
.ikon_lastopp img {height: 75px !important;margin-top:0px;}
.popupboks-flex {display: flex;align-items: center;}
.popupboks-inner {display: flex;flex-direction: column;justify-content: center;align-items: center;border: 2px dashed #999;border-radius:10px;padding: 20px 15px 15px 15px;margin-top: 20px;}
.popupboks .overskrift {text-transform:none;margin-top:10px;font-family:poppins;font-size: 20px;font-weight: 700;text-decoration: none;color: #333;}
.popupboks .innhold {text-transform:none;margin-top:10px;font-family:poppins;font-size: 14px;line-height:16px;font-weight: 600;text-decoration: none;color: #333;justify-content: center;display: flex;}
.popupboks .innhold1 {background:#f3f3f3;text-align: left;border: 1px solid #ddd;border-radius: 10px;padding: 20px;text-transform:none;margin-top:20px;font-family:nunito sans;font-size: 15px;line-height:16px;font-weight: 500;text-decoration: none;color: #333;}

.popupboks .innhold form {display: flex;justify-content: center;flex-direction: column;width: 100%;}
.innhold-felt {margin: 10px 0;border: 1px solid #ddd;padding: 15px 0px;border-radius: 8px;width: 300px;background: #f3f3f3;display: flex;flex-direction: column;}
.innhold-felt1 {margin: 20px 0;border: 1px solid #ddd;padding: 20px;border-radius: 8px;width: 100%;background: #f3f3f3;display: flex;flex-direction: column;}
@media screen and (max-width: 990px){.innhold-felt {width:200px;}}
.popupboks .innhold input[type=file] {font-weight:400;text-align: center;display: flex;color: #999;font-size:11px;line-height:16px;padding-top:2px;}
.popupboks .innhold input[type=file]::file-selector-button {display: none;}
.innhold-felt button {background: #ddd;border: none;padding: 10px 20px;color: #333;border-radius: 5px;}
.kundekort-bakgrunn-graa {background: #efefef;padding: 20px;border-radius: 10px;width: 100%;}
.innhold-knapp input {border: none;background: #c80000;color: #fff;padding: 10px 20px;border-radius: 5px;font-weight: 700;text-transform: uppercase;}
.innhold-felt input[type="text"] {margin-bottom: 20px;height: 40px;border: 1px solid #c5c5c5;border-radius: 5px;padding: 0 15px;}
.innhold-felt input[type="textarea"] {height: 80px;border: 1px solid #c5c5c5;border-radius: 5px;padding: 0 15px;}
.innhold-felt1 input[type="text"] {margin-bottom: 20px;height: 40px;border: 1px solid #c5c5c5;border-radius: 5px;padding: 0 15px;}
.innhold-felt1 input[type="textarea"] {height: 80px;border: 1px solid #c5c5c5;border-radius: 5px;padding: 0 15px;text-align:center;}
textarea {height: auto;text-align: left;padding: 15px;margin-bottom: 20px;}
input[type="text"]:focus {border:1px solid #c80000 !important;}
input[type="text"]:focus-visible {border:none;outline:none;}
input[type="text"]:focus-within {border:1px solid #c80000 !important;}

input[type="text"]:active {border:1px solid #c80000 !important;}


@media screen and (max-width: 990px){.popupbox, popup{width: 90%;}}
@media screen and (max-width: 990px){.overlay{left: 0;}}
@media screen and (max-width: 767px){.buttonpopup{margin-bottom:20px; padding:6px 10px; font-size:13px}}


.punkt-radioplayer {margin: 3px;font-family:poppins;height: 28px;width: 28px;border-radius: 50px;font-size: 16px;display: flex;align-items: center;justify-content: center;font-weight: 500;color: #fff;background:#1d6e0b;}
.punkt-lytter {margin: 3px;font-family:poppins;height:28px;width: 28px;border-radius: 50px;font-size: 16px;display: flex;align-items: center;justify-content: center;font-weight: 500;color: #fff;background:#4eaa39;}
.punkt-nettradio {margin: 3px;font-family:poppins;height: 28px;width: 28px;border-radius: 50px;font-size: 16px;display: flex;align-items: center;justify-content: center;font-weight: 500;color: #fff;background:#1076be;}
.punkt-bingo {margin: 3px;font-family:poppins;height: 28px;width: 28px;border-radius: 50px;font-size: 16px;display: flex;align-items: center;justify-content: center;font-weight: 500;color: #fff;background:#094976; }



/* Skjema */
.form-container { display: flex; flex-direction: column; }
.form-row { display: flex; flex-wrap: wrap; }
.form-column-jury {display: flex;flex-direction: row;width: 100%;padding-bottom: 15px;border-bottom: 1px dotted #bbb;margin-bottom: 15px;}
.form-row-jury:last-child { margin-bottom:0 !important;}


.form-column { flex: 1; box-sizing: border-box; margin-right: 12.5px; margin-left: 12.5px; }
@media (max-width: 768px) {.form-column { flex: 100%; margin-right: 0px; margin-left: 0px; }}
.form-column-last { flex: 1; box-sizing: border-box; margin-left: 12.5px; }
@media (max-width: 768px) {.form-column-last { flex: 100%; margin-right: 0px; margin-left: 0px; margin-top:20px; }}

.form-grid-2 {display: grid;grid-template-columns: 30% auto;grid-gap: 20px;}
@media (max-width: 600px) {.form-grid-2 {grid-template-columns: 1fr ;grid-gap: 20px;}}
.form-grid-3 {display: grid;grid-template-columns: 1fr 25% 25%;grid-gap: 20px;}
@media (max-width: 600px) {.form-grid-3 {grid-template-columns: 1fr ;grid-gap: 20px;}}

 
 
.form-column:first-child { margin-left: 0; }
.form-column:last-child { margin-right: 0; }
.form-column_1 {flex-basis:10%;box-sizing: border-box;margin-right: 12.5px;margin-left: 0;}
.form-column_2 {flex-basis:90%;flex: 1;box-sizing: border-box;margin-right: 0x;margin-left: 12.5px;}
@media (max-width: 480px) {.form-column_1, .form-column_2 {flex-basis:100%;margin:0}}
.form-column-jury {display: flex;flex-direction: row;width:100%;}
.form-row select option {font-family: poppins;font-size: 13px;}
.form-row label { display: block;width: 100%; }
.form-row input, .form-row select { height: 50px;width: 100%; box-sizing: border-box; padding: 14px; font-family: nunito sans; font-weight: 400; font-size: 15px; background: #fff;border: 1px solid #ccc !important;border-radius: 8px; }
.form-row input[type="checkbox"]{ width: auto; height:auto;padding:0;border-radius:0px;}
.form-row input[type="radio"]{ width: auto; height:auto;padding:0;border-radius:0px;}
.form-row input[type="radio"] + label{ font-size:15px; font-family:nunito sans;width: auto !important; margin:1px 0px 0px 8px; }
.radiogruppe {display: flex;align-items: center;margin-right: 20px;padding:10px 0;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    background-color: #FFFFFF !important;
    color: #555 !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #555555 !important;
}



textarea { width: 100%; box-sizing: border-box; padding: 14px; font-family: nunito sans; font-weight: 400; font-size: 15px; background: #fff;border: 1px solid #ccc !important;border-radius: 8px; }
textarea:focus {border: 1px solid #c80000!important; outline: none;}
@media (max-width: 768px) {textarea {height:150px;}}
.skjema_login { display: flex; flex-direction: column; background: #efefef; padding: 0 15px 15px 15px; border-radius: 10px; margin-top: 15px; }
.form-row input:focus, .form-row select:focus {border: 1px solid #c80000 !important; outline: none;}
.form-help {font-family: roboto;font-size: 11px;padding-top: 6px;line-height: 15px; color:#888;width: 100%;}
.form-help a {color:#1E73BE;text-decoration:none;}
.form-help a:hover {color:#175c98}
.form-help-1 {color: #333;font-weight: 400;font-family: roboto;font-size: 13px;}
.form-help-1 a {color:#1E73BE;text-decoration:none;}
.required {font-size: 15px;font-family: roboto;margin-left: 3px;color: #c80000;}
.form-background {background: #fff;padding: 20px;margin-top: 20px;border-radius: 10px;box-shadow:0px 4px 10px -4px #ccc;}
.form-background-border {padding: 20px;margin-top: 25px;border-radius: 10px;background:#efefef}
.form-background_nopadding {background: #efefef;border-radius: 10px;}
.form-background-graa {background: #f3f3f3;padding: 20px;border-radius: 10px;}
.form-background:first-child {margin-top: 0px;}
.skjema {margin: 20px 0;}
input[type="submit"] {width: 100%;padding: 14px 20px;background-color: #c80000;color: #fff;border: none;border-radius: 8px;cursor: pointer;margin-top: 20px;font-size: 15px;font-family: poppins;font-weight: 700;}
button[type="submit"] {width: 100%;padding: 14px 20px;background-color: #c80000;color: #fff;border: none;border-radius: 8px;cursor: pointer;margin-top: 20px;font-size: 15px;font-family: poppins;font-weight: 700;}
button[type="submit1"] {width: 100%; padding: 14px 20px;background-color: #3CA842;color: #fff;border: none;border-radius: 8px;cursor: pointer;margin-top: 30px; margin-bottom:20px;font-size: 15px;font-family: poppins;font-weight: 700;}
button[type="submit2"] {width: 100%; padding: 14px 20px;background-color: #3CA842;color: #fff;border: none;border-radius: 8px;cursor: pointer;margin-bottom: 20px;font-size: 15px;font-family: poppins;font-weight: 700;}
button[type="submit3"] {width: 200px !important;padding: 14px 20px;margin-top:20px;background: #fff;color: #1E73BE;border: 2px solid #1E73BE;border-radius: 50px;cursor: pointer;margin-bottom: 20px;font-size: 15px;font-family: poppins;font-weight: 700;}
button[type="submit3"]:hover {background: #1E73BE;color: #fff;}
.container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.container {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-family:nunito sans;font-weight: 600;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkmark {position: absolute;top: -5px;left: 0;height: 23px;width: 23px;background-color: #f7f7f7;border: 2px solid #ddd;}
.container input:checked ~ .checkmark {background-color: #c80000;border: 2px solid #c80000;}
.checkmark:after {content: "";position: absolute;display: none;}
.container input:checked ~ .checkmark:after {display: block;}
.container .checkmark:after {left: 6px;top: 2px;width: 9px;height: 12px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.medlemstype {margin: 2px 0;font-size: 10px;font-weight: 500;font-family: poppins;border-radius: 6px;height: 26px;width: 120px;display: flex;justify-content: center;align-items: center;}


@media (max-width: 768px) {.form-row.slett {margin-top: -20px;}} 
button[name="delete"] {background: #c80000;}
button[name="eksport"] {background: #fff;border: 2px solid #1d6f42;color: #1d6f42;border-radius: 50px;}
button[name="nyttpassord"] {background: #fff;border: 2px solid #c80000;border-radius: 50px;width: 150px;color: #333;padding: 10px 14px;font-size: 14px;}
input[type="button1"] {width:100%;text-align:center;padding: 14px 20px;background-color: #ccc;color: #333;font-weight:700;border-radius: 8px;cursor: pointer;margin: 30px 0 20px;border:none;font-size: 15px;font-family: roboto;font-weight: 700;}
input[type="button1"]:focus-visible {outline:none;}
input[type="button1"]:focus {outline:none;}
.button1 {display: flex;flex-wrap: wrap;}
label {font-family:poppins; font-weight:600; font-size: 10px; line-height:15px; color: #333; margin:20px 0 8px 0;display: block;}
#bilde, #innslag {background: none;border: none !important;padding: 0;border-radius: 0;}
input::file-selector-button {border-radius: 0;background:#ccc;color:#333;border:none;font-family:roboto;font-size:14px;padding:10px 16px;font-weight:700;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: none !important;  text-align: center;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: #1E73BE !important;color: #fff !important;}
#ui-datepicker-div {font-family: roboto !important;max-width: 250px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background: #999 !important;color: #ffffff;}
.ui-widget.ui-widget-content {border: none !important;padding: 10px !important;}
.input-wrapper {display: flex;flex-align-items: center;position: relative;width: 100%;}
.input-wrapper input {flex: 1;padding-right: 35px;}
.input-wrapper i {position: absolute;top: 50%;right: 20px; transform: translateY(-50%);pointer-events: none;color: #999;font-size: 19px;}
.input-wrapper-select {display: flex;flex-align-items: center;position: relative;width: 100%;}
.input-wrapper-select input {flex: 1;padding-right: 35px;}
.input-wrapper-select i {position: absolute;top: 50%;right: 20px; transform: translateY(-50%);pointer-events: none;color: #999;font-size: 16px;}
.container a {color: #c80000 !important;text-decoration: none;}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none; }

/* Container for tabbene */
.tabs {display: flex;width: 100%;background: #fff;padding: 20px;border-radius: 10px;border: 1px solid #ececec;}
@media (max-width: 768px) {.tabs {display: block;width: 100%;} .punktikon1 {padding-bottom: 10px;}} 

/* Tabbene vises horisontalt */
.tab {cursor: pointer;padding: 10px 20px;margin-right: 5px;display: inline-block;width: 100%;text-align: center;border-radius: 6px;border: 1px solid #ddd;font-family: nunito sans;font-size: 14px;color: #999;font-weight:500;}
@media (max-width: 768px) {.tab {width: 100%;margin:5px 0;}} 

/* Når en tab er aktiv, endrer bakgrunnsfargen */
.tab.active { background-color: #f3f3f3; color: #333; border:1px solid #f3f3f3;font-weight: 700; }
@media (max-width: 768px) {.tab.active {margin:5px 0}} 

/* Innhold for tabbene, skjult som standard */
.tab-content { display: none; background: none;padding-top:20px; }

/* Første tab vises som standard */
#tab1 { display: block; }

.tab-text {display: flex;flex-direction: column;}
.tab-text i {font-size: 30px;}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

    .standardversjon, .standard {
        width:115px;
        text-align: center;
        border:1px solid #0c5d96;
        padding:8px 10px;
        border-radius:6px;
        color: #0c5d96;
        font-size:10px;
        font-weight: 700;
	line-height:12px;
    }


    .lisens {
        width:115px;
        text-align: center;
        border:1px solid #c80000;
        padding:8px 10px;
        border-radius:6px;
        color: #c80000;
        font-size:10px;
        font-weight: 700;
	line-height:12px;
    }


    .lettversjon, .assosiert {
        width:115px;
        text-align: center;
        border:1px solid green;
        padding:8px 10px;
        border-radius:6px;
        color: green;
        font-size:10px;
        font-weight: 700;
	line-height:12px;
    }

@media (max-width: 768px) {.lettversjon, .assosiert, .standardversjon, .standard  {margin: auto;}} 

.sum_stor {
  font-weight: 800;
  font-size: 17px;
text-align: right;
line-height: 20px;


}

.kontrollpanel-hovedtall-small {
  font-family: poppins;
  font-weight: 700;
  letter-spacing: 0.8px;
  font-size: 48px;
  color: #444;
  margin-top: 0px;
}

@media (max-width: 768px) { .kontrollpanel-hovedtall-small {
  font-size: 40px;}}



.kontrollpanel-bakgrunn {
  margin-top: -4px;
  text-align: center;
  font-family: nunito sans;
  font-size: 14px;
  font-weight: 800;
  color: #2b9726;
  background: #e6fde5;
  padding: 5px 15px;
  border-radius: 10px;
  letter-spacing: 0.5px;
  width: 140px;
}

.sum {
  font-weight: 600;
  font-size: 14px;
line-height: 20px;
}


.kroner {
  margin-left: 5px;
  font-size: 10px;
  font-weight: 400;
line-height: 20px;


}

.ikon_1 {
  margin-right: 5px;
  color: green;
}

.sum_liten {
  font-size: 14px;
  font-weight: 400;
  color: #999;
line-height: 20px;
}

.tabell_tekst {
  font-size: 14px;
  font-weight: 400;
line-height: 20px;

  color: #999;
}

.punktikon1 i {
  display: flex;
  align-items: center;
  margin-right: 12px;
  border-right: 1px solid #ddd;
  padding-right: 12px;
  font-size: 21px;
}

.oppdatert {
  margin-top: 25px;
  padding: 10px;
  background: #f2f2f2;
  width: 100%;
  border-radius: 10px;
  font-size: 12px;
  text-align: center;
}