/* 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) {.menyseksjon0 {display:none;}}
.logo_meny {display: flex;padding:15px;justify-content:center;background:#cecece;height: 80px;align-items:center;border-bottom: 1px solid #bebebe;}
@media (max-width: 992px) {.logo_meny {display:none !important;}}
@media (min-width: 992px) {.meny {padding: 0 20px 20px 20px;}}
@media (min-width: 992px) {.menyseksjon1 {padding-bottom: 0;margin-bottom:0;}}
.bruker .menyelement {border-bottom:none;text-align:center;background:none !important;justify-content: center;}
.bruker .menyelement span {padding-left:0}
.rettigheter1 {letter-spacing:0.3px;background: #efefef;font-size: 12px;font-weight: 600;display: inline-block;padding: 7px 16px;border-radius: 50px;min-width:150px;}
.rettigheter2 {letter-spacing:0.3px;background: #efefef;font-size: 12px;font-weight: 400;display: inline-block;padding: 7px 16px;border-radius: 50px;min-width:150px;}
.bruker {padding: 20px 20px 15px 20px;}
.menytekst1 {font-size: 16px;font-weight: 700;line-height:18px;}
@media (max-width: 992px) {.menytekst1 {font-size:22px;line-height:24px;}}
@media (max-width: 992px) {.rettigheter1, .rettigheter2 {font-size:14px;}}
@media (max-width: 992px) {.rettigheter1 {margin-top:10px;}}
@media (max-width: 992px) {.bruker {padding-top:0;}}
@media (max-width: 992px) {.menyseksjon0 {padding-bottom:0;}}



.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: 628px) {.toppknapp1 {height:28px !important; width:90px !important;font-size:12px !important;}}
@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;}
.menyseksjon0 {margin-top: 22px;}
.menyknapper {display: flex;justify-content:center;gap:15px;padding-top:12px;}
.menyknapp3 i {border:1px solid #fff;box-shadow: 0px 4px 15px -6px #aaa;background: #fff;padding: 10px;border-radius: 50%;color: #111;font-size: 26px;width: 50px;height:50px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.menyknapp3 i:hover {box-shadow: none;background: #fff;border:1px solid #fff;background:#efefef;}
.menyknapp3 {display: flex;flex-direction: column;align-items: center;}
.menyknapp3 span {padding-top:8px;font-family:roboto;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:0.2px;}
.menyknapp2 i {border:1px solid #fff;box-shadow: 0px 4px 15px -6px #aaa;background: #fff;padding: 10px;border-radius: 50%;color: #c80000;font-size: 26px;width: 50px;height:50px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.menyknapp2 i:hover {box-shadow: none;background: #fff;border:1px solid #fff;background:#efefef;}
.menyknapp2 {display: flex;flex-direction: column;align-items: center;}
.menyknapp2 span {padding-top:8px;font-family:roboto;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:0.2px;}
.menyknapp1 i {border:1px solid #fff;box-shadow: 0px 4px 15px -6px #aaa;background: #fff;padding: 10px;border-radius: 50%;color: #111;font-size: 26px;width: 50px;height:50px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.menyknapp1 i:hover {box-shadow: none;background: #fff;border:1px solid #fff;background:#efefef;}
.menyknapp1 {display: flex;flex-direction: column;align-items: center;}
.menyknapp1 span {padding-top:8px;font-family:roboto;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:0.2px;}
.menyknapper a {text-decoration: none;}
.menyknapp4 i {background: #df7e0c;padding: 10px;border-radius: 50%;color: #fff;font-size: 20px;width: 45px;height:45px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.menyknapp4 {display: flex;flex-direction: column;align-items: center;}
.menyknapp4 span {padding-top:8px;font-family:roboto;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:0.2px;}
.teller {display: flex;margin-left: auto;margin-right: 10px;}
.tall {background: #333;height: 20px;width: 20px;text-align: center;font-size: 11px;color: #fff;font-family: roboto;font-weight: 700;border-radius: 50px;position: relative;padding-top: 2.5px;}


/* Skrifter */
.frontoverskrift h1 {font-family:roboto; 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:roboto; 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:roboto; font-weight:700; font-size: 22px; line-height:28px; color: #3CA842; margin:0;}

.overskrift h1 {font-family:roboto; 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:roboto; font-weight:700; font-size: 36px; line-height:42px; margin:0;}
.overskrift h3 {font-family:roboto; font-weight:700; font-size: 28px; line-height:34px; margin:0;}
.overskrift h4 {font-family:roboto; font-weight:700; font-size: 26px; line-height:32px; margin:0;}
.overskrift h5 {font-family:roboto; font-weight:700; font-size: 22px; line-height:26px; margin:0;}
.overskrift h6 {font-family:roboto; font-weight:700; font-size: 18px; line-height:22px; margin:0;}
.overskrift_liten {font-family:roboto; font-weight:400; font-size: 21px; line-height:26px; margin:0;width: 100%;}
.p {font-family:roboto; font-weight:400; font-size: 15px; line-height:19px; color: #333;}
.standardtekst {font-family:roboto; font-weight:400; font-size: 15px; line-height:19px; color: #333;}
.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 */
.iconoir-nav-arrow-right {display: none;}
.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: roboto;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: roboto;font-size: 13.5px;line-height: 20px;padding: 8px 0 5px 0; color:#000;margin-left: auto;}
.passord-tekst a {color:#1E73BE;text-decoration:none;}
.passord-tekst a:hover {color:#175c98}
.kryss {cursor: pointer;float: right;font-weight: bold;font-size: 28px;color: #999;padding: 18px 40px;}

/* Feilmelding */
.feilmelding-bakgrunn {background: #ffefef;border-radius: 10px;padding: 20px;margin-bottom:20px;}
.feilmelding-top {display: flex;align-items:center; justify-content:center;margin-bottom: 8px;}
.feilmelding-top-tekst {font-family: roboto;font-size: 16px;font-weight: 700;}
.feilmelding-overskrift {display: flex;align-items:center; justify-content:center;font-family: roboto;font-size: 20px;line-height: 22px;font-weight: 600;color:#333;padding-bottom:10px;text-align:center;letter-spacing: 0.8px;}
.feilmelding-tekst {display: flex;align-items:center; justify-content:center;font-family: roboto;font-size: 15px;line-height: 16px;font-weight: 400;color:#333;text-align:center;}
.feil-ikon {color: #c80000;font-size: 40px;}

/* Hovedside */
body {background: #f5f5f5;}
.hovedside {margin-left: 320px;padding: 110px 30px;}
.hovedside_fixed {position: fixed;width: 100%;z-index: 10;}
.hovedside_topp {align-items: center;height: 80px;background: #e5e5e5;border-bottom: 1px solid #d5d5d5;display:flex;padding:0 30px;margin-left: 320px;}
@media (max-width: 993px) {.hovedside_topp {height:70px;margin-top:0px;margin-left:0;padding:0 20px;}}
@media (max-width: 990px) {.hovedside {margin-left: 0px;margin-top:70px;padding: 90px 20px;}}
.hovedside_menyknapper {margin-left: auto;display:flex;align-items:center;text-decoration:none;}
.hovedside_menyknapper a {text-decoration:none;}
main {width:100%;height: 100%; background: #f5f5f5;}

/* Datablokk */
.datablokk-overskrift {font-family: roboto;font-weight: 700;letter-spacing: 0.8px;font-size: 14px;padding-bottom:10px;line-height:16px;}
.datablokk-overskrift1 {line-height: 22px;font-family: roboto;font-weight: 700;letter-spacing: 0.8px;font-size: 20px;padding-bottom:5px;margin-bottom:20px;border-bottom:1px solid #c80000;}
.datablokk-tall {font-family: roboto;font-weight: 500;letter-spacing: 0.8px;font-size: 40px;}
.datablokk-tall-bold {font-family: roboto;font-weight: 900;letter-spacing: 0.8px;font-size: 40px;}
.datablokk-data {font-family:roboto;font-size:12px;}
.datablokk-tekst {font-size:13px;font-family: roboto;margin-bottom:15px;line-height:16px;}
.datablokk {display: flex;flex-direction: column;}
.datablokk-ikon {display: flex;}
.datablokk-ikon i {font-size:80px;color:#ddd;}
.datablokk-ikon-rosa {display: flex;}
.datablokk-ikon-rosa i {font-size:80px;color:#ccc;}
.datablokk-total {display: grid;grid-template-columns: 2fr 1fr;}
.datablokk2 {justify-content: center;display: flex;margin-left: auto;align-items: center;flex-direction: column;}
.datablokk1 {display: flex;flex-direction: column;justify-content: center;padding-right: 15px;}
.datablokk-tallbakgrunn {display: inline-flex;color: #c80000;background: #ffefef;padding: 5px 15px;border-radius: 10px;font-weight: 500;letter-spacing: 0.5px;}
.datablokk-tallbakgrunn-rosa {display: inline-flex;color: #333;background: #e5e5e5;padding: 5px 15px;border-radius: 10px;font-weight: 500;letter-spacing: 0.5px;}
.dataknapp {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;}
.datablokk-img img {height: 80px;opacity: 0.5;}
.datablokk-liste {font-family: roboto;font-size: 14px;line-height: 16px;margin-bottom: 15px;}
.datablokk-liste-tall {display: flex;margin-left:auto;}
.datablokk-liste-enhet {display: flex;align-items: center;border-bottom:1px dotted #aaa;padding:10px 0;}
.liste-tekst {text-decoration: none;}

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

/* Seksjoner GRID */
.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: 600px) {.seksjonsblokk-grid-4 {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: 600px) {.seksjonsblokk-grid-2 {grid-template-columns: 1fr;}}

.seksjonsblokk-grid-1 {display: grid;grid-template-columns: 1fr;grid-gap: 30px;margin: 30px 0;}
@media (max-width: 992px) {.seksjonsblokk-grid-1 {margin: 20px 0;}}


.grid-enhet-hvit {background: #fff;padding:30px;box-shadow: 0 3px 10px 0px rgba(0,10,10,.12);border-radius:10px;}
.grid-enhet-rosa {background-image: url("/grafikk/bg11.jpg");background-size: cover;padding:30px;box-shadow: 0 3px 10px 0px rgba(0,10,10,.12);border-radius:10px;}
.grid-enhet-grey {background: #f5f5f5;padding:30px;box-shadow: 0 3px 20px 0px rgba(0,10,10,.1);border-radius:10px;}
.seksjonsblokk-indre-grid-2 {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;width:100%;}
@media (max-width: 992px) {.seksjonsblokk-indre-grid-2 {grid-gap: 20px;}}
@media (max-width: 600px) {.seksjonsblokk-indre-grid-2 {grid-template-columns: 1fr;}}
@media (max-width: 992px) {.grid-enhet-hvit {padding:20px;}}


.grid-enhet-border {padding:0 30px 0 0; border-right:1px dotted #aaa;}
@media (max-width: 768px) {.grid-enhet-border {padding:0; border-right:none;}}
.grid-enhet {padding-left:10px;}
@media (max-width: 768px) {.grid-enhet {padding-left:0px;}}



/* Seksjoner FLEX */
.seksjonsblokk-flex {display: flex;align-items:center;width:100%;flex-direction: column;}
.flex-enhet-hvit-topp {display:flex;width: 100%;background: #fff;padding:10px 20px;box-shadow: 0 3px 20px 0px rgba(0,10,10,.1);border-radius:10px;font-family: roboto;font-size: 14px;letter-spacing: 0.3px;line-height:16px;margin-bottom:10px;border:1px solid #fff;}
.flex-enhet-hvit {min-height: 72px;display:flex;width: 100%;background: #fff;padding:20px;box-shadow: 0 3px 20px 0px rgba(0,10,10,.1);border-radius:10px;font-family: roboto;font-size: 14px;letter-spacing: 0.3px;line-height:16px;margin-bottom:10px;border:1px solid #fff;}
.flex-enhet-hvit2 {display:flex;flex-direction: column;width: 100%;background: #fff;padding:30px;box-shadow: 0 3px 20px 0px rgba(0,10,10,.1);border-radius:10px;font-family: roboto;font-size: 14px;letter-spacing: 0.3px;line-height:16px;margin-bottom:30px;border:1px solid #fff;}
.flex-enhet-hvit:hover {box-shadow: none;border:1px solid #e5e5e5;background:#fff;}
@media (max-width: 990px) {.flex-enhet-hvit2 {padding:20px;}}

@media (max-width: 768px) {.flex-enhet-hvit {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}}


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

.flex-ikon {display:flex;font-size:25px;color:#444;text-decoration:none;}
.flex-sort-ikon {margin-left: 5px;color:#999;}
@media (max-width: 768px) {.flex-ikon  {padding-bottom:10px;}}

/* Seksjoner KUNDEKORT */
.kundekort-overskrift {font-family:roboto;font-size:18px;font-weight:700;border-bottom:2px solid #c80000;padding-bottom:5px;margin-bottom:20px;}
.kundekort-label {font-family:roboto;font-size:11px;font-weight:700;margin-bottom:3px}
.kundekort-tekst {font-family:roboto;font-size:14px;font-weight:400;line-height: 20px;}
.kundekort-tekst-stor {font-family:roboto;font-size:24px;font-weight:500;margin-top: 5px;margin-bottom:15px;}
.kundekort-tekstfelt {display: flex;align-items:center;}
.kundekort-ikon {display: flex;margin-left: auto;}
.kundekort-ikon i {font-size:16px;color:#999;}
.kundekort-felt {margin-bottom: 10px;border-bottom: 1px dotted #bbb;padding-bottom: 10px;}
.kundekort-felt-topp {margin: 0 0 15px 0;}
.kundekort-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;}
.kundekort-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;}
.kundekort-felt-knapp {display: flex;align-items: center;margin-bottom: 12px;}
.kundekort-flex-overskrift {font-family:roboto;font-size:18px;font-weight:700;}
.kundekort-flex {display: flex;align-items: center;width:100%;border-bottom:2px solid #c80000;padding-bottom:5px;margin-bottom:20px;}
.kundekort-img img {display:flex; margin-left:auto;height:25px;}
.kundekort-img {display:flex; margin-left:auto; align-items:center;}
.kundekort-liste-enhet {font-family:roboto;font-size:14px;line-height:16px;display: flex;align-items: center;border-bottom:1px dotted #aaa;padding:12px 0;}
.kundekort-liste-enhet:last-child {border-bottom:none !important;}
.kundekort-liste-ikon {color: #c80000;font-size: 19px;}
.kundekort-knapp {margin-top:20px;color: #fff;background: #333;padding: 10px;height: 32px;width: 200px;display: flex;align-items: center;justify-content: center;font-family: roboto;font-weight: 700;font-size: 13px;text-decoration: none;border-radius: 50px;}
.kundekort-seksjonsoverskrift {display:flex;align-items:center;margin-bottom:30px;padding-bottom: 10px;border-bottom:2px solid #c80000;}
.kundekort-overskrift-xl {display:flex;font-family: roboto;font-weight: 700;font-size: 24px;color: #333;}
.kundekort-seksjonsoverskrift-img {display: flex;margin-left:auto;}
.kundekort-seksjonsoverskrift-img img {height:50px;}
.kundekort-notat {display: flex;align-items: center;}
.kundekort-notat {font-family:roboto;font-size:16px;font-weight:700;display:flex;}
.kundekort-bakgrunn-graa {background:#f5f5f5 !important;padding:20px;border-radius:10px;}
.kundekort-bakgrunn-rosa {background:#fff4f4;padding:20px;border-radius:10px;}


/* Popup */

.overlay {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;}
@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: 32px;justify-content: end;}
.popupboks .close:hover {color: #c80000;}
.popupboks .overskrift {text-transform:none;margin-top:10px;font-family:roboto;font-size: 20px;font-weight: 700;text-decoration: none;color: #333;}
.popupboks .innhold {text-transform:none;margin-top:10px;font-family:roboto;font-size: 14px;line-height:16px;font-weight: 400;text-decoration: none;color: #333;}
.popupboks .innhold form {display: flex;justify-content: center;flex-direction: column;}
.innhold-felt {display: flex;flex-direction: column;background: #efefef;padding: 20px;border-radius: 10px;margin-top: 10px;margin-bottom: 20px;}
.popupboks .innhold input[type=file] {text-align: center;display: flex;color: #999;font-size:14px;line-height:20px;padding-top:8px;}
.popupboks .innhold input[type=file]::file-selector-button {display: none;}
.innhold-felt button {background: #333;border: none;padding: 10px 20px;color: #fff;border-radius: 5px;}
.kundekort-bakgrunn-graa {background: #efefef;padding: 20px;border-radius: 10px;}
.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;text-align:center;}
.innhold-felt input[type="textarea"] {height: 80px;border: 1px solid #c5c5c5;border-radius: 5px;padding: 0 15px;text-align:center;}
textarea {height: 80px;text-align: center;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}}


.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

.punkt-radioplayer {margin-right:8px;background: #8c0101;height: 30px;width: 30px;border-radius: 50px;font-size: 14px;display: flex;align-items: center;justify-content: center;font-weight: 700;color: #fff;}
.punkt-lytter {margin-right:8px;background: #c80000;height: 30px;width: 30px;border-radius: 50px;font-size: 14px;display: flex;align-items: center;justify-content: center;font-weight: 700;color: #fff;}
.punkt-nettradio {margin-right:8px;background: #e23a3a;height: 30px;width: 30px;border-radius: 50px;font-size: 14px;display: flex;align-items: center;justify-content: center;font-weight: 700;color: #fff;}
.punkt-bingo {margin-right:8px;background: #350000;height: 30px;width: 30px;border-radius: 50px;font-size: 14px;display: flex;align-items: center;justify-content: center;font-weight: 700;color: #fff;}

.seksjon_enkel_full {display: grid; grid-template-columns: 1fr;}
.seksjon_enkel {display: grid; box-sizing: border-box; grid-template-columns: 1fr;}
@media (max-width: 1340px) {.seksjon_enkel {margin:0 25px}}
.seksjon_dobbel {display: grid; box-sizing: border-box; grid-template-columns: 2fr 2fr; grid-gap: 20px;align-items: center;max-width:1320px;margin: 0 auto;}
@media (max-width: 768px) {.seksjon_dobbel {grid-template-columns: 1fr;}}
@media (max-width: 1340px) {.seksjon_dobbel {margin: 0 25px !important;}}
.seksjon_dobbel_nogap {display: grid; box-sizing: border-box; grid-template-columns: repeat(2, 1fr);grid-auto-rows: 1fr;max-width:1320px;margin: 50px auto 0 auto;box-shadow: 0px 4px 20px -6px #ccc;border-radius:10px;}
@media (max-width: 768px) {.seksjon_dobbel_nogap {grid-template-columns: 1fr;grid-auto-rows: 0fr}}
@media (max-width: 1340px) {.seksjon_dobbel_nogap {margin: 50px 25px !important;}}
@media (max-width: 768px) {.seksjon_dobbel_nogap {margin: 25px 25px !important;}}
.seksjon_trippel {display: grid; box-sizing: border-box; grid-template-columns: 3fr 3fr; grid-gap: 20px;align-items: center;max-width:1320px;margin: 0 auto;}
@media (max-width: 768px) {.seksjon_trippel {grid-template-columns: 1fr;}}
@media (max-width: 1340px) {.seksjon_trippel {margin: 0 25px !important;}}
@media (max-width: 1340px) {.tekstskilt {margin:0 25px}}
.tekst {background: #3CA842;color: #fff;font-family: roboto;padding: 12px 20px;font-size: 22px;font-weight:700;border-radius: 10px;text-transform: uppercase;letter-spacing: 0.5px;}
@media (max-width: 768px) {.tekst {font-size:18px;}}
.tekstboks_hvit {background: #fff;padding: 40px;border-radius: 10px;text-align: center;box-shadow: 0px 4px 20px -6px #ccc;margin: 30px 0 0 0;}
@media (max-width: 768px) {.tekstboks_hvit {margin: 0;}} 
.tekstboks_hvit p {font-size: 17px;line-height:24px;font-weight: 400;font-family: roboto;}
@media (max-width: 768px) {.tekstboks_hvit p {font-size: 15px;line-height:20px;}} 

.poeng1 {flex-basis: 7%;flex-direction: column;display: flex;margin-right:10px;}
.jurymedlem1 {flex: 1;flex-direction: column;display: flex;}


/* 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-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 label { display: block;width: 100%; }
.form-row input, .form-row select { width: 100%; box-sizing: border-box; padding: 14px; font-family: roboto; font-weight: 400; font-size: 15px; height: 50px;background: #fff;border: 1px solid #ccc !important;border-radius: 8px; }
.form-row input[type="checkbox"]{ width: auto; height:auto;padding:0;border-radius:0px;}


textarea { width: 100%; box-sizing: border-box; padding: 14px; font-family: roboto; font-weight: 400; font-size: 15px; background: #fff;border: 1px solid #ccc !important;border-radius: 8px; }
textarea:focus {border: 1px solid #1E73BE !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 #1E73BE !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:first-child {margin-top: 0px;}
.skjema {margin: 20px 0;}
button[type="submit"] {width: 100%;padding: 14px 20px;background-color: #1E73BE;color: #fff;border: none;border-radius: 8px;cursor: pointer;margin-top: 20px;font-size: 15px;font-family: roboto;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: roboto;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: roboto;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: roboto;font-weight: 700;}
button[type="submit3"]:hover {background: #1E73BE;color: #fff;}

@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:roboto; font-weight:600; font-size: 12px; 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;}

select {-webkit-appearance: none;-moz-appearance: none;appearance: none; }

/* Elementer */
.knapp {border: 2px solid #1E73BE;background-color: #fff; padding: 14px 20px; border-radius:50px;font-size: 15px;font-family: roboto;font-weight: 700;cursor: pointer;margin-top:15px;}
.litenknapp {border: 2px solid #1E73BE;color: #1E73BE;background-color: #fff; padding: 9px 14px; border-radius:50px;font-size: 14px;font-family: roboto;font-weight: 700;cursor: pointer;}
.knapp:hover {background-color: #1E73BE; color:#fff;}
.button.vipps {background: #ff5b24 !important;margin-top: 25px;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: roboto;font-weight: 700;}
.ikon5 i {font-size: 30px;background: #1E73BE;color: #fff;padding: 20px;border-radius: 50px;width:30px;height:30px;margin-bottom: 15px; }
.ikon6 i {background: #1E73BE;font-size: 70px;padding: 40px 35px;border-radius: 50%;margin-top:75px;}
@media (max-width: 768px) {.ikon6 i {font-size: 40px;margin-top:10px;}} 
@media (max-width: 480px) {.ikon5 i {font-size: 18px;padding: 13px}}
@media (max-width: 480px) {.ikon5 i::before {top: 3px;position: relative;left: 2px;}}
.margin10 {margin: 5px 0}
.margin20 {margin: 10px 0}
.margin30 {margin: 15px 0}
.margin40 {margin: 20px 0}
.margin50 {margin: 25px 0}


/* Kontoregistrering */
.bakgrunnsbilde {background-image: url("/grafikk/bakgrunn.jpg");border-radius: 10px 0px 0 10px;}
@media (max-width: 768px) {.bakgrunnsbilde {border-radius: 10px 10px 0 0px;}}
.seksjonskolonne1 {padding: 100px 30px;text-align: center;color: #fff;border-radius:10px 0 10px 0}
@media (max-width: 768px) {.seksjonskolonne1 {padding: 50px 30px;}}
.seksjonskolonne2 {padding: 30px;color: #333;background: #fff; border-radius: 0 10px 10px 0;}
@media (max-width: 768px) {.seksjonskolonne2 {border-radius: 0px 0px 10px 10px;margin-bottom: -50px;padding:20px;}}


/* Footer */
#footer {width: 100%;background: #efefef;border-top: 1px solid #ddd;display: flex;align-items: center;padding:50px 0 15px 0;}
.footer {width: 1320px;margin:auto;color: #333;text-align: center;font-size: 15px;font-family: roboto;}
@media (max-width: 1340px) {.footer {margin: 0 25px;}}
.footer_seksjon {width: 100%;padding-bottom: 15px !important;}
.footer_logo img {width: 200px;}
.footer_seksjon_grid {display: inline-grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;margin: 0 auto;}
.footer_bildekolonne img {width: 80px;object-fit: contain; margin-top:-40px;}
@media (max-width: 480px) {.footer_bildekolonne img {width: 55px;object-fit: contain;}}

/* Footer Innlogget */
#footer_innlogget {width: 100%;background: #fff;border-top: 1px solid #ddd;display: flex;align-items: center;height:130px;position:fixed;left:0;bottom:0;box-shadow: 0px 4px 20px 0px #CCCCCC;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
@media (max-width: 560px) {#footer_innlogget {height:110px}}
.footer_bildekolonne_innlogget {width: 100px;}
@media (max-width: 560px) {.footer_bildekolonne_innlogget {width: 63px;}}
.ikon1_innlogget i {font-size: 20px;background: #1E73BE;color: #fff;padding: 20px;border-radius: 50px;width: 20px;height: 20px;}
@media (max-width: 560px) {.ikon1_innlogget i {font-size: 17px;padding: 10px}}
.ikon2_innlogget i {font-size: 20px;background: #7A309C;color: #fff;padding: 20px;border-radius: 50px;width: 20px;height: 20px;}
@media (max-width: 560px) {.ikon2_innlogget i {font-size: 17px;padding: 10px}}
.ikon3_innlogget i {font-size: 20px;background: #529C30;color: #fff;padding: 20px;border-radius: 50px;width: 20px;height: 20px;}
@media (max-width: 560px) {.ikon3_innlogget i {font-size: 17px;padding: 10px}}
.ikon4_innlogget i {font-size: 20px;background: #CF6116;color: #fff;padding: 20px;border-radius: 50px;width: 20px;height: 20px;}
@media (max-width: 560px) {.ikon4_innlogget i {font-size: 17px;padding: 10px}}
.ikon5_innlogget i {font-size: 20px;background: #940606;color: #fff;padding: 20px;border-radius: 50px;width: 20px;height: 20px;}
@media (max-width: 560px) {.ikon5_innlogget i {font-size: 17px;padding: 10px}}
.menytekst_innlogget {padding-top: 5px; font-size:16px; font-family: roboto;font-weight: 600; color:#333; text-decoration:none;}
@media (max-width: 560px) {.menytekst_innlogget {font-size: 11px;}}

/* Header - Innlogget */
.initial {border-radius: 50%;padding: 10px;border: 2px solid #1E73BE;color: #1E73BE;font-weight: 700;font-family: roboto;text-decoration: none;font-size: 22px;}
.initial:hover {border: 2px solid #000;color: #000;}
@media only screen and (max-width: 767px) {.initial {padding: 10px;font-size: 16px;position:}}


/* KNAPPER - PARA AS */
.button.vipps {background: #ff5b24 !important;margin-top:15px;}
.button.vipps:hover {background: #cf4d22 !important;}

/* Min side - Innlogget */
.hovedwrapper {padding:50px 0 110px 0;}
@media (max-width: 768px){ .hovedwrapper {padding:25px 0 65px 0;}}
.seksjonsenhet_flex {background-color: #fff;padding: 20px;display: flex;align-items: center;border-radius:10px;box-shadow:0px 4px 20px -6px #ccc;}
.seksjonsenhet_flex_blaa {background: #eff6fc; padding: 20px;border-radius:10px;margin-top:20px;margin-bottom:-10px;}
.seksjonsenhet_flex_graa {background-color: #efefef;padding: 20px;display: flex;align-items: center;border-radius:10px;margin-top:20px;}
.seksjonsenhet_flex_graa1 {background-color: #efefef;padding: 20px;border-radius:10px;margin-top:30px;}
.seksjonsenhet_flex_graa2 {background-color: #efefef;padding: 20px;display: flex;flex-direction:column;border-radius:10px;margin-top:20px;}
.seksjonsenhet_block {background-color: #fff;padding: 20px;display:block;border-radius:10px;box-shadow:0px 4px 20px -6px #ccc;margin:20px 0;}
.linje_blaa {width:100%; border: 1px solid #1E73BE; margin-top: 15px; margin-bottom: 20px; }
.kolonne3 {display: flex;flex-direction: column;flex: 1;}
.kolonne3:first-child {flex-basis: 10%;}
.kolonne3:nth-child(2) {flex-basis: 68%;}
.kolonne3:last-child {flex-basis: 30%;text-align: right;}
@media (max-width: 990px){.kolonne3:last-child {display:none;}}
@media (max-width: 990px){.kolonne3:nth-child(2) {flex-basis: 88%;}}
@media (max-width: 768px) {.kolonne3 {flex-basis: 100%;}}
.kolonne2 {display: flex;flex-direction: column;flex: 1;}
.kolonne2:first-child {flex-basis: 10%;}
.kolonne2:last-child {flex-basis: 90%;}
.kolonne1 {display: flex;flex-direction: column;flex: 1;}
.kolonne1:first-child {flex-basis: 85%;}
.kolonne1:last-child {flex-basis: 15%;text-align:right}
.ikon6_innlogget i {margin-right: 15px;font-size: 17px;background: #1E73BE;color: #fff;padding: 15px;border-radius: 50px;width: 15px;height: 15px;}
.ikon6_innlogget i:before {position:relative;top: -1px;}
@media (max-width: 560px) {.ikon6_innlogget i {font-size: 17px;padding: 10px;margin-right: 15px;}}
.ikon7_innlogget i {margin-right: 15px;font-size: 17px;background: #940606;color: #fff;padding: 15px;border-radius: 50px;width: 15px;height: 15px;}
.ikon7_innlogget i:before {position:relative;top: -1px;}
@media (max-width: 560px) {.ikon7_innlogget i {font-size: 17px;padding: 10px;}}
.ikon8_innlogget i {font-size: 17px;background: #999;color: #fff;padding: 15px;border-radius: 50px;width: 15px;height: 15px;}
.ikon8_innlogget i:before {position:relative;top: -1px; left:-3px}
@media (max-width: 560px) {.ikon8_innlogget i {font-size: 17px;padding: 10px;}}
.liten-tekst {font-family: roboto;font-size: 12px;letter-spacing: 0.5px;line-height: 20px;}
.stor-overskrift {font-family:roboto; font-weight:700; font-size: 36px; line-height:40px; margin:0;letter-spacing:0.5px}
@media (max-width: 767px) {.stor-overskrift {font-size: 26px; line-height:28px;letter-spacing:0px}}
.liten-overskrift {font-family:roboto; font-weight:400; font-size: 18px; line-height:22px; margin-top:5px;letter-spacing:0.5px}
@media (max-width: 767px) {.liten-overskrift {font-size: 16px; line-height:20px;}}
.bidragsytere-ekstra {margin-top: 10px;}
.bidragsytere-ekstra label {margin-top: 15px;}
.slett-felt {background: none;border:none;position: relative;top: 50px;cursor: pointer; }
.center {text-align: center;}
.form-column1, .form-column2, .form-column3 {flex: 1;}
.form-column1 {margin-right:12.5px; margin-left;0;}
.form-column2, .form-column3 {margin:0 12.5px;}
.form-column4 {flex-basis: 5%;margin-right:0;margin-left:12.5px;text-align:right;}
@media (max-width: 767px) {.form-column1, .form-column2, .form-column3, .form-column4 {flex-basis: 100%; margin:0}}
@media (max-width: 767px) {.form-column4 {text-align:center;}}
@media (max-width: 767px) {.slett-felt {top: 15px;}}
@media (max-width: 767px) {.bidragsytere-ekstra {border-top: 1px dotted #aaa;margin: 30px 0;}}

/* Min side - Rediger bidrag */
.lydfil {margin-top: 25px;}
.lydfil label {margin: 0px 0 12px 0;}
.skjema-ramme1 label {margin: 0px 0 12px 0;}
.lydfil #player {width: 100%;}
.skjema-ramme {border: 1px solid #ccc;margin-top: -5px;background: #fff;padding: 20px;border-radius: 0px 0px 8px 8px;}
.skjema-ramme1 {border: 1px solid #ccc;margin-top: 15px;background: #fff;padding: 20px;border-radius: 8px;}
.visbilde img {width: 160px;object-fit: cover;height: 115px;border-radius: 8px;}
.visbilde {width: 100%}
.bidragsytere-ekstra .slett {cursor:pointer; margin-top: 10px;font-family: roboto;font-weight: 700;background: #c80000;color: #fff;border: none;padding: 4px 10px;border-radius: 50px;}
@media (max-width: 767px) {.skjema-ramme {margin-top:5px;border-radius:8px;padding:15px;}}
@media (max-width: 767px) {.skjema-ramme1 {padding:15px;}}
@media (max-width: 767px) {.skjema-ramme1 .form-row {margin-top: -20px;}}
@media (max-width: 767px) {.skjema-ramme1 .form-column:last-child {justify-content: center;display: flex;margin-top:20px;}}
@media (max-width: 767px) {.lydfil #player {border-radius: 0px 0px 0px 0px !important;}}
@media (max-width: 767px) {.visbilde img {width: 100%;height:200px;}}
@media (max-width: 767px) {.skjema-ramme1 label {margin:20px 0 12px;}}



/* Min side - Mine bidrag */
.bidrag_rad {display: flex;align-items: center;padding:15px 20px;border-bottom: 1px solid #ddd;background:#f5f5f5;}
@media (max-width: 990px) {.bidrag_rad {display:block}}
.bidrag_rad:last-child {border-bottom: none;}
.bidrag_rad:hover {background:#efefef;}
.radkolonne1, .radkolonne2, .radkolonne3, .radkolonne4 {display: flex;flex-direction: column;}
.radkolonne1 a, .radkolonne2 a, .radkolonne3 a, .radkolonne4 a {text-decoration:none;}
@media (max-width: 990px) {.radkolonne1, .radkolonne2, .radkolonne3, .radkolonne4 {text-align:center !important;align-items: center !important;}}
@media (max-width: 990px) {.radkolonne1, .radkolonne2, .radkolonne3 {align-items:center !important;text-align:center !important;margin-bottom:10px;}}
.radkolonne1 {flex-basis:4%;align-items: start;}
.radkolonne2 {flex-basis:5%;text-align:left}
.radkolonne3 {flex-basis:85%;text-align:left}   
.radkolonne4 {flex-basis:5%;text-align:center; align-items: end;} 
.ikon1_bidrag {font-size: 22px;color: #1E73BE;}
@media (max-width: 990px) {.ikon1_bidrag, .ikon2_bidrag {font-size:20px !important;}}
.ikon2_bidrag {font-size: 22px;color: #555;}
.ikon_slider {font-size: 30px;color: #1f8228;}

.tittel_bidrag, .tittel_kategori {font-family:roboto; font-size: 12px;font-weight: 600;letter-spacing: 0.3px;}
@media (max-width: 990px) {.tittel_bidrag, .tittel_kategori {font-size: 11px;}}
.navn_bidrag {font-family:roboto; font-size: 16px;line-height:20px;font-weight: 400;}
.navn_kategori {font-family:roboto;font-size: 28px;line-height:28px;font-weight: 700;}
@media (max-width: 990px) {.navn_kategori {font-size: 20px;line-height:18px;}}

/* Admin - login */
.sentrering {display: flex;justify-content: center;align-items: center;text-align: center;min-height: 100vh;}
.innloggingsseksjon {width: 500px;max-width: 1320px;margin: 0px auto;background: #fff; border-radius:15px;box-shadow:0px 4px 20px -6px #ccc;}
@media (max-width: 480px) {.innloggingsseksjon {width: 350px;}}
.logo-login img {height: 60px;object-fit: contain;}
@media (max-width: 480px) {.logo-login img {height: 50px;}}
.logo-login {text-align: center;padding-top: 40px;}
@media (max-width: 480px) {.logo-login {padding-top: 25px;}}
.loginbox_innhold{padding: 40px;height: 100%;text-align: center;}
@media (max-width: 480px) {.loginbox_innhold{padding: 10px 25px 25px 25px}}

/* Tabell Admin - CSS by PARA */
.tabell_rad {border:1px solid #fff;background:#fff;box-shadow:0px 2px 10px 0px #ddd;display: flex;align-items: center;padding: 14px 20px; margin-bottom:10px; border-radius:10px;}
@media (max-width: 990px) {.tabell_rad {display:block; padding: 20px 0;margin-bottom:10px;}}
.tabell_rad:hover {box-shadow:none;border: 1px solid #e3e3e3;}
.tabell_rad.markert {background: #e3ece3;box-shadow:none;border: 1px solid #ccdfcc;}


/* Bidrag Admin - CSS by PARA */
.antall_bidrag {background: #1E73BE;width: 35px;height: 35px;border-radius: 50px;}
.antall_bidrag_tall {color: #fff;position: relative;top: 9px;font-family: roboto;font-size: 12px;font-weight: 700;}
@media (max-width: 990px) {.antall_bidrag {margin:auto;}}
.radkolonne1_bidrag, .radkolonne2_bidrag, .radkolonne3_bidrag, .radkolonne4_bidrag, .radkolonne5_bidrag, .radkolonne6_bidrag {display: flex;flex-direction: column;padding-right:15px;}
.radkolonne1_bidrag a, .radkolonne2_bidrag a, .radkolonne3_bidrag a, .radkolonne4_bidrag a, .radkolonne5_bidrag a, .radkolonne6_bidrag a {text-decoration:none;}
@media (max-width: 990px) {.radkolonne1_bidrag, .radkolonne2_bidrag, .radkolonne3_bidrag, .radkolonne4_bidrag, .radkolonne5_bidrag, .radkolonne6_bidrag {align-items: center !important;text-align:center !important;padding:0 20px;}}
@media (max-width: 990px) {.radkolonne2_bidrag, .radkolonne3_bidrag, .radkolonne4_bidrag, .radkolonne5_bidrag {text-align:center !important;margin-bottom:10px;}}
@media (max-width: 990px) {.radkolonne1_bidrag {text-align:center !important;margin-bottom:20px;}}
@media (max-width: 990px) {.radkolonne6_bidrag {margin-bottom:20px;}}
@media (max-width: 990px) {.radkolonne6_bidrag:last-child {margin-bottom:0px;margin-left: 0 !important;padding: 0 !important;}}

.radkolonne1_bidrag {flex-basis:4%;align-items: start;}
.radkolonne2_bidrag {flex-basis:22%;text-align:left}
.radkolonne3_bidrag {flex-basis:7%;text-align:left} 
.radkolonne4_bidrag {flex-basis:35%;text-align:left} 
.radkolonne5_bidrag {flex-basis:20%;text-align:left}   
.radkolonne6_bidrag {flex-basis:5%;flex:1;text-align:center; align-items: end;} 
.radkolonne7_bidrag {text-align:center;} 
@media (max-width: 990px) {.radkolonne7_bidrag {justify-content:center;display:flex;}}
.navn_aktor, .id_bidrag, .navn_program, .bidragsnavn, .jurynavn, .jurykategori, .juryaktor, .navn_jurymedlem {font-family: roboto;font-size: 16px;line-height: 20px;font-weight: 400;}
.bidragsytere2 {background: #efefef !important;padding: 10px;margin-right: 10px; margin-top:5px;}
.bidrag_ramme {background: #fff;border-radius: 10px;padding: 20px;margin-bottom: 20px;box-shadow: 0px 4px 20px -8px #ccc;border: 1px solid #ececec;}
.bidrag_ramme:last-child {margin-bottom:0;}


/* Advarsel/infoboks - Admin - CSS by PARA */
.infobox {margin-bottom:20px;background-color: #e4eaf0;padding: 20px;display: flex;align-items: center;border-radius:10px;}
@media (max-width: 480px) {.infobox {display:block; text-align:center;}}
.infobox_icon {margin-right:25px;}
.infobox_icon i {font-size:35px; color:#333 } 
@media (max-width: 480px) {.infobox_icon {display:block; text-align:center;margin-right:0;margin-bottom:5px;}}
@media (max-width: 480px) {.infobox_icon i {font-size:26px;}}


.warningbox {margin-bottom:20px;background-color: #efdbdb !important;padding: 20px;display: flex;align-items: center; border-radius:10px;}
.warningbox_icon {margin-right:25px;}   
.warningbox_icon i {font-size:35px; color:#333 }  

.notificationbox {margin-bottom:20px;background-color: #e3ece3 !important;padding: 20px;display: flex;align-items: center;border-radius:10px;}
.notificationbox_icon {margin-right:25px;}   
.notificationbox_icon i {font-size:35px; color:#333 }   
 
.fa-regular.fa-trash-can {color: #c80000;}
.slider img {height: 26px !important;}
.slider1 img {height: 34px !important;}

.grid-column-4 {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap:15px;}
@media (max-width: 800px) {.grid-column-4 {grid-template-columns: 1fr 1fr;}}
@media (max-width: 480px) {.grid-column-4 {grid-template-columns: 1fr;}}

.form-width {flex: 1;}
.grid-column-4 .radioknapp {text-align: center;background: #fff;padding: 15px;border: 1px solid #ccc;border-radius: 10px;}
.radioknapp input[type="radio"] {padding:0;appearance: none;-webkit-appearance: none;background: #c80000;width: 22px;height: 22px;border-radius: 50%;border: 2px solid #c80000 !important;}
.radioknapp input:checked {background: green;border:2px solid green !important;}
.radioknapp .standardtekst {font-size: 12px;}

/* Jurymedlem - Admin - CSS by PARA */
.nummer {text-align: center;width: 30px;height: 30px;padding: 6px 8px;background: #1E73BE;border-radius: 50px;color: #fff;font-weight: 700;font-family: roboto;font-size: 12px;margin-right: 5px;}
.nummer_green {text-align: center;width: 30px;height: 30px;padding: 6px 8px;background: green;border-radius: 50px;color: #fff;font-weight: 700;font-family: roboto;font-size: 12px;}
.nummer_red {text-align: center;width: 30px;height: 30px;padding: 6px 8px;background: #c80000;border-radius: 50px;color: #fff;font-weight: 700;font-family: roboto;font-size: 12px;}
.nummer_gray {text-align: center;width: 30px;height: 30px;padding: 6px 8px;background: #aaa;border-radius: 50px;color: #fff;font-weight: 700;font-family: roboto;font-size: 12px;}


.kategori_nummer {display: flex;flex-wrap:wrap;flex:1;gap:7px;margin:0 20px;}
@media screen and (max-width: 990px){.kategori_nummer{justify-content:center;margin: 5px 0;}}


.redigerknapp {display: flex;align-items: center;}
.ikon_jury_marker {font-size: 24px;color: #c80000; margin-right:20px;}
.ikon_jury_verified {font-size: 24px;color: #157427; margin-right:20px;}
.form-infobox {margin-top: 30px;background:#e4eaf0!important;padding: 15px 20px;border-radius:10px;}
.checkbox-jury {display: flex;flex-direction: column;}

/* Popup - Admin - CSS by PARA */
.buttonpopup {font-size: 14px;font-family:roboto;font-weight:700;padding: 9px 12px;background:#e4eaf0;color: #333;border-radius: 50px;text-decoration: none;cursor: pointer;transition: all 0.3s ease-out;min-width: 180px;display: inline-block;text-align: center;}


.bakgrunn_stemmer {background: #fff;width: 26px;height: 26px;border-radius: 50px;border:1px solid #555;}
.navn_stemmer {font-family:roboto;font-size:13px;font-weight:700;color:#333;position:relative;top: 3px;}

.opplastet {
  display: inline-block;
  font-size: 14px;
  font-family: roboto;
  border-radius: 10px;
  margin-top: 20px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.hovedside {
  text-align: left !important;
}

.opplastet a {
  text-decoration: none !important;color:#1E73BE;}