/* fordi i noen eldre nettlesere fungerer ikke hidden*/
[hidden] {
    display: none;
}

.adr400 {
    width: 400px
}

@media screen and (max-width: 475px) {
    .adr400 {
        max-width: 400px;
        width: 100% !important;
    }
}


.link-look {
    background-color: transparent;
    border: none;
    border-bottom: 1px dotted #0f6a88;
    border-radius: 0;
    color: #0f6a88;
    font-size: inherit;
    margin-right: 20px;
    padding: 0;
    white-space: normal;
    text-align: left;
}
.link-look:hover {
    border-bottom: 1px solid #0f6a88;
}

.toggleknapp {
    background-color: transparent;
    border: 0;
    color: #444;
    display: block;
    font-size: 16px;
}
.toggleknapp-innhold {
    background-color: #f9f8f6;
    padding: 10px 15px 15px;
}
.ui-icon-triangle-1-e {
    background-position-y: 40%;
}

.sokers-svar-heading {
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}
.sokers-svar-heading small {
    font-weight: normal;
    text-transform: none;
}
.sokers-svar-tekst {
    background-color: #f1f1f1;
    padding: 10px;
    word-break: break-word;
}
.sokers-svar-table {
    width: auto;
}
.sokers-svar-table caption {
    margin-bottom: 5px;
}
.sokers-svar-table ol {
    padding-left: 15px;
}
.sokers-svar-table li {
    padding-bottom: 5px;
}

.ekspander {
    background: #FFF;
    border: 1px solid #78706A;
    border-radius: 4px;
    color: #333;
    margin-bottom: 8px;
    position: relative;
    max-width: 800px;
    width: 100%;
}
.ekspander:hover {
    border-color: #0067C5;
    box-shadow: #B7B1A9 0 2px 1px 0;
}
.ekspander-apen:hover {
    border-color: #78706A;
    box-shadow: none;
}
.ekspander:focus {
    box-shadow: 0 0 0 2px #2277ff;
    outline: none;
}
.ekspander-hode {
    border-radius: 4px;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.ekspander-hode button {
    background-color: #fff;
    border-style: none;
    color: #444;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    padding: 10px;
    width: 100%;
    white-space: normal;
    text-align: left !important;
}
.ekspander-hode button:focus {
    box-shadow: 0 0 0 2px #2277ff;
    outline: 0;
}
.ekspander-hode button:hover {
    box-shadow: none;
}
.ekspander-hode .tekst {
    padding: 5px 10px 0 25px;
}
.ekspander-hode:hover .tekst {
    color: #0067C5;
    text-decoration: underline;
}
.ekspander-innhold {
    padding: 8px 16px 16px;
}
.ekspander-innhold .ui-tree .ui-tree-container {
    padding: 0;
    white-space: normal;
}
.ekspander-innhold .ui-tree .ui-treenode-leaf-icon:empty {
   display: none;
}
.ekspander-innhold .ui-treenode-label.ui-corner-all {
    cursor: default;
    display: block;
    width: 100%;
}

.etikett {
    border-radius: 2px;
    display: inline-block;
    padding: 5px 10px;
}
.etikett-trukket {
    background-color: #ffd399;
}

.soknadalt-heading {
    background-color: #DADE99;
    padding: 10px;
    margin-bottom: 0;
}
.soknadalt-heading .prio {
    font-size: 0.92em;
}
.soknadalt-innhold {
    background-color: #f4f4f4;
    border-bottom: 2px solid #C6C2BF;
    padding: 15px 10px;
    margin-bottom: 25px;
}
.soknadalt-innhold .kode {
    margin: -12px 0 12px 0;
}
.soknadalt-innhold dl.alt-container {
    max-width: 700px;
    margin-right: 50px;
}
@media screen and (max-width: 500px){
    .soknadalt-innhold dl.alt-container {
        margin-right: 0;
    }
    .soknadalt-innhold .alt-container {
        display: block;
    }
}
.soknadalt-innhold .alt-container {
    display: inline-block;
    vertical-align: top;
}
.soknadalt-innhold .alt-heading {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0;
}
.soknadalt-innhold .dine-valg-innhold {
    padding-left: 18px;
    margin-bottom: 10px;
}

.soknad-actions input[type="submit"],
.soknad-actions input[type="button"],
.soknad-actions button {
    margin: 0 10px 10px 0 !important;
    min-width: 132px;
}

@media screen and (max-width: 400px) {
    .soknad-actions button,
    .soknad-actions input[type="button"] {
        display: block;
        font-size: 13px;
        min-width: 150px;
    }
}

.soknad-innhold--small-header {
    font-size: 1rem;
    color: #444;
}

.line-break:after { /* i steden for <br/> pga UU */
    content: "\a";
    white-space: pre-wrap;
}

.pa-linje {
    display: inline-block;
    vertical-align: top;
}

.subtitle {
    font-size: 22px;
}

.calendar-input {
    display: block;
}
.calendar-input .ui-inputfield {
    margin: 0 0 15px;
    width: 120px;
}

.ui-datepicker.ui-widget.ui-widget-content {
    /* PF10 overskriver css-regler fra FUN med style derfor important */
    min-width: 280px !important;
}

.dato-container {
    background-color: #f9f8f6;
    display: inline-block;
    padding: 10px 10px 5px;
    margin: 5px 0 10px;
}

@media screen and (max-width: 400px) {
    .dato-container {
        display: block;
    }
}

.datoIcon {
    background: transparent url("../img/icons_a/24x24/Calendar-alt-24x24.png") no-repeat;
    min-height: 24px;
    padding-left: 28px !important;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

legend {
    color: #444;
    font-weight: bold;
    margin: 0 0 6px 0;
    padding-left: 0;
}

p {
    max-width: 600px;
}

ol,
ul.no-style-type {
    margin: 0;
    padding: 0;
}

ul.no-style-type {
    list-style-type: none;
}

ul.no-style-type li {
    margin-bottom: 15px;
}

dl {
    margin: 0 15px 0 0;
}
.dl-item {
    margin-bottom: 10px;
}
dt {
    font-weight: bold;
}
dt,
dd {
    padding: 0;
    margin: 0;
}

.dl-row dt,
.dl-row dd {
    display: table-cell;
}

dl .table-row {
    display: table-row;
}

dl .table-row dt,
dl .table-row dd {
    display: table-cell;
    padding: 5px 10px 10px 0;
}
dl .table-row dd {
    padding-right: 0;
}

@media screen and (max-width: 400px) {
    dl .table-row dt,
    dl .table-row dd {
        display: block;
        padding: 5px 0 0;
    }
    dl .table-row dd {
        margin-bottom: 10px;
    }
    dl .table-row dt.datoIcon + dd {
        padding-left: 28px;
    }
}

.table-caption {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

/* tabeller som bruker regelen må også bruke js fixTablescroll */
.tablescroll {
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 20px;
}
.tablescroll:focus {
    border: 2px solid #2277ff;
}
.table-rwd-scroll table {
    margin-bottom: 0;
}

.table-auto {
    width: auto !important;
}

tr {
    vertical-align: top;
}

td ol {
    margin: 0;
}

.table-rwd-card .header {
    display: none;
}
@media screen and (max-width: 780px) {
    .table-rwd-card .header {
        display: block;
        font-weight: bold;
        margin-bottom: 4px;
        text-transform: uppercase;
    }

    /* legge på farge på annenhver rad slik at det blir enklere å skille når en ny begynner */
    .table-rwd-card tr:nth-of-type(2n+1) {
        background-color: #f9f8f6;
    }

    .table-rwd-card thead tr {
        left: -9999px;
        position: absolute;
        top: -9999px;
    }

    .table-rwd-card.table-standard tr {
        padding: 8px 15px 7px 15px;
        border-bottom: 1px solid #caced5;
    }

    .table-rwd-card.table-standard tr:first-child {
        border-top: 1px solid #caced5;
    }

    .table-rwd-card.table-standard td {
        border: 0;
    }

    .table-rwd-card td {
        display: block;
    }

    .table-rwd-card td:empty {
        padding: 0;
    }

    .table-rwd-card tbody tr td:first-child {
        padding-top: 15px;
    }

    .table-rwd-card tbody tr td:last-child {
        padding-bottom: 20px;
    }
}

.krr-header {
    display: inline-block;
    margin-right: 10px;
}

.krr-hent-data {
    background: #fff url("../img/icons_a/24x24/Refresh-24x24.png") no-repeat !important /* pga FUN */;
    border: none !important /* pga FUN */;
    display: inline-block;
    margin-bottom: 10px;
}

/* primefaces legger på en stjerne når feltet er obligatorisk */
.ui-outputlabel-rfi {
    display: none;
}

.loginKnapp {
    width: 120px;
    margin: 10px 20px 12px 0;
}

.leftfixedWidth {
    display: inline-block;
    width: 300px;
}

#dokform input[type="submit"],
#dokform input[type="button"],
#dokform button {
    width: auto;
}

.tdCenter {
    text-align: center;
}


/* Opptakstre */

.ui-tree-node-content ul {
    padding-left: 30px;
}

.ui-tree-node-content li {
    list-style-type: none;
    margin-left: 0;
}

.ui-treenode-label {
    width: 90%;
}

.panelOpptakListe {
    cursor: default;
    margin-bottom: 25px !important;
    width: 100%;
}

.listeOpptakHeading {
    font-weight: bold;
    margin: 0 0 8px;
    text-transform: uppercase;
}

.opptakHeading {
    background-color: #DADE99;
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
    margin: -10px -10px 5px -10px;
}

.opptak {
    border: 2px solid #C6C2BF;
    border-radius: 4px;
    margin: 0 0 15px;
    padding: 10px;
    white-space: normal;
}


/* dokumentarkiv */
.docimg {
    display: inline-block;
    position: relative;
    z-index: 0;
}

.docimg img {
    /*give the thumbnails a frame*/
}

.docimg:hover {
    z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/
    cursor: pointer; /*changes the cursor to a hand*/
}

img.thumb {
    width: 40px;
}

img.thumb:hover {
    z-index: 50;
}

.preview {
    position: absolute;
    left: -9999px;
    background-color: #eae9d4; /*frame colour*/
    padding: 6px; /*frame size*/
    /*add a drop shadow to the frame*/
    -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    /*and give the corners a small curve*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.docimg:hover .preview { /*positions the nested <span> when thumbnail is hovered*/
    top: -100px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
    left: -200px; /*distance from the left of the thumbnail to the left of the popup image*/
}

img.center {
    display: block;
    margin: 0 auto;
}

img.left {
    float: left;
    margin-right: 10px;
}

img.right {
    float: right;
    margin-left: 10px;
}

img.border {
    border: 1px solid #333;
}

#sokform input[type="text"],
#sokform .select2-container {
    margin-bottom: 3px;
}

.ui-picklist .ui-picklist-caption {
    width: 250px;
}

.ui-picklist .ui-picklist-list {
    height: 200px;
    width: 250px;
}


td .ui-column-title {
    display: none;
}

ul.spvalg:before {
    content: attr(aria-label);
    font-size: 95%;
    font-weight: bold;
    margin-left: -15px;
    text-transform: uppercase;
}

table.ettersend td {
    border-style: solid none solid none;
    border-width: 1px;

}

.post-nr {
    width: 100px;
}

.post-sted {
    margin-left: 10px;
}

.telefon-nr {
    vertical-align: top;
    width: 198px;
}

.telefon-land {
    width: 190px;
    margin-right: 10px;
    vertical-align: top;
}

#form\:kontaktregister {
    margin-bottom: 20px;
}

#form\:kontaktregister:empty {
    display: none;
}

#form\:kontaktregister h2 a {
    margin-left: 10px;
}

#form\:kontaktregister em {
    display: inline-block;
    line-height: 24px;
    margin-bottom: 20px;
}

em img {
    margin-right: 10px;
    vertical-align: middle;
}

[class|="kontaktregister"] {
    margin-bottom: 15px;
}

.padding-top-medium {
    margin-top: 10px;
}


.login-module-box {
    float: none;
}

.bare-pa-desktop {
    display: block;
}

.bare-pa-mobil {
    display: none;
}

@media (max-width: 400px) {
    .bare-pa-desktop {
        display: none;
    }

    .bare-pa-mobil {
        display: block;
    }
}

.popupfelt-error {
    display: none;
}

.feilmldTrekant {
    background-image: url("../img/icons_a/16x16/Alert-16x16-red.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}

.legg-til-utdanning {
    /* 1px pga små skjerm forsvinner del av synlig fokus på venstre side */
    margin: 0 0 20px 1px;
}
.legg-til-utdanning p {
    margin-bottom: 5px;
}
.legg-til-utdanning .termin,
.legg-til-utdanning .land {
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom;
}
.legg-til-utdanning .termin .terminvelger,
.legg-til-utdanning .land .landvelger {
    margin-bottom: 10px;
}
.legg-til-utdanning .legg-til-button {
    margin-bottom: 9px;
    min-height: 38px;
}
.legg-til-utdanning .errorMessageInplace {
    margin-top: 10px;
}

@media screen and (max-width: 450px) {
    .legg-til-utdanning .termin,
    .legg-til-utdanning .land {
        display: block;
        margin-right: 0;
        max-width: 300px;
    }
    .legg-til-utdanning .termin .terminvelger,
    .legg-til-utdanning .land .landvelger {
        width: 100%;
    }
}

.login-module-box.login-name-eidas {
    background-size: 50px auto;
    background-position-x: 20px;
}

#emrexForm\:emrexStep\:emrexStep {
    clear: both;
}

#emrexForm\:selectCountryWrapper span {
    width: auto !important;
    max-width: 600px;
}

main {
    margin-bottom: 55px;
    min-height: 62vh !important;
    width: 100%;
    position: relative;
}
body > footer {
    padding-top: 10px;
}
@media screen and (max-width: 1280px) {
    main {
        min-height: 65vh !important;
    }
}
.til-toppen {
    bottom: -45px;
    left: 40%;
    position: absolute; /* NB! avhengig at main sin position er relativ */
}

.login-select {
    margin-right: 20px;
}

.label-look {
    color: #767676;
    font-weight: normal;
}


.ui-fileupload-content .ui-progressbar {
    width: 100px;
}


.ui-fileupload.ui-widget .ui-fileupload-files div {
    display: inline-block;
}
.ui-fileupload.ui-widget .ui-fileupload-files div.ui-fileupload-preview {
    display: block;
}
/* skjult den bl.a. fordi aria-valuenow ser ut til alltid å være lik 0 også visuelt er det ingen endring i progressbaren */
.ui-fileupload.ui-widget .ui-fileupload-files .ui-fileupload-progress {
    display: none;
}
@media screen and (max-width: 400px) {
    #form\:dokPanel\:upload {
        width: 100%;
    }
}

.soknadsalt-text {
    font-size: inherit;
    line-height: normal;
    margin-top: 10px;
}

.advarsel-container {
    background-color: #FFE5C2;
    border: 1px solid #FF9100;
    margin: 0 0 10px;
}
.advarsel-mld {
    background: transparent url("../img/icons_a/24x24/Alert-24x24-orange.png") no-repeat 5px center;
    display: inline-block;
    margin: 0;
    padding: 8px 5px 5px 35px;
}

footer nav {
    box-shadow: none;
    display: block;
    position: static;
    top: auto;
}

footer nav form {
    margin: 0 0 10px -10px;
}

footer form ul li:first-child {
    font-weight: normal;
}
footer form ul li {
    display: inline-block;
}

footer form ul li a {
    color: #0f6a88;
    background: none;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    padding: 0 10px;
}

footer form ul li a:focus,
footer form ul li a:hover {
    background-color: #ccc;
    color: #222;
    text-decoration: none;
    outline: 2px solid #2277ff;
}

footer #annet {
    font-size: 14px;
}
footer .versjon {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

body > footer ul,
body > footer #cookie_sticky {
    line-height: 2;
    margin-left: 0;
    padding-left: 0;
}

.merknadtekst-container {
    overflow-y: auto;
    resize: both;
}

.pakrevd-container {
    background-color: #f9f8f6;
    padding: 5px 10px;
    margin: 5px 0 10px;
}

.pakrevd-opptak-container {
    display: inline-block;
    padding-right: 10px;
    vertical-align: top;
}

.pakrevd-tekst {
    margin: 10px 0;
    max-width: 600px;
}

.pakrevd-icon-error {
    background-image: url("../img/icons_a/24x24/Alert-24x24-red.png");
}

.pakrevd-icon-ok {
    background-image: url("../img/icons_a/24x24/Check-24x24.png");
}

.pakrevd-icon-container {
    background-repeat: no-repeat;
    background-position-y: -4px;
    padding-left: 26px;
}

h1[tabindex='-1']:focus {
    /* tar bort default farge */
    outline: none;
}

.sokvalg-icon-container {
    background-repeat: no-repeat;
    padding-left: 18px;
    margin-left: 5px;
}
.sokvalg-icon-ok {
    background-image: url("../img/icons_a/16x16/Check-16x16.png");
}
.sokvalg-icon-alert {
    background-image: url("../img/icons_a/16x16/Alert-16x16-red.png");
}


button[aria-pressed=true].grey {
    background-color: #4F4F4F;
    border: #000;
    color: #FFF;
}

button[aria-pressed=true].grey:hover,
button[aria-pressed=true].grey:focus {
    background-color: #767474;
    border: #222;
    color: #FFF;
}

.driftmelding-container {
    padding: 1em;
    margin: 2em 0;
    max-width: 778px;
    width: 100%;
    border: solid black 1px;
    border-radius: 5px;
    background-color: #f5edc9;
}

.driftmelding-container b {
    display: block;
}