/* Headings */
.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
    color: #555;
    margin-top: 15px;
    font-family: 'Open sans', sans-serif;
    font-weight: 600;
}

h1, .h1 {
    font-size: 28px;
}

h2, .h2 {
    font-size: 24px;
}

h3, .h3 {
    font-size: 21px;
    font-weight: normal;
}

h4, .h4 {
    font-size: 18px;
}

/* Fonts */

body {
    font-family: "Open Sans", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.contentNewDesign {
    font-family: "PalatinoLTStd-Roman", Palatino Linotype, Book Antiqua3, Palatino, Palatino-Roman, serif !important;
    font-size: 16px;
    color: #222222;
    max-width: 75ch;
    margin: 3em auto;
}

.contentNewDesign a,
.contentNewDesign a:visited,
.contentNewDesign a:link {
    color: #00615C;
    text-decoration: underline;
}

.contentNewDesign a:hover {
    color: #222222;
}

.contentNewDesign h1,
.contentNewDesign h2,
.contentNewDesign h3,
.contentNewDesign h4 {
    font-family: "PalatinoLTStd-Roman", Palatino Linotype, Book Antiqua3, Palatino, Palatino-Roman, serif !important;
    color: #222222 !important;
    font-weight: 400 !important;
}

.contentNewDesign h1 {
    font-family: "PalatinoLTStd-Light", Palatino Linotype, Book Antiqua3, Palatino, Palatino-Roman, serif;
    font-size: 1.778em;
    font-weight: normal;
    line-height: 1.25;
}

.contentNewDesign h2 {
    font-size: 1.444em;
    line-height: 1.3;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.contentNewDesign h3 {
    font-size: 1.333em;
    line-height: 1.49;
}

.contentNewDesig h4,
.contentNewDesig h5 {
    font-size: 1.222em;
    line-height: 1.25;
}

.contentNewDesign h3,
.contentNewDesign h4,
.contentNewDesign h5,
.contentNewDesign h6 {
    margin-top: 1.2em;
    margin-bottom: -0.2em;
}

.hjelpetekst {
    color: #4F4F4F;
}

.text-muted {
    color: #555 !important;
}
/* Hopp til hovedinnhold / skip link */

.skip-link {
    position: absolute;
    left: -2000px;
    background-color: #ebf3f3;
    color: #222222;
    font-family: PalatinoLTStd-Roman,Palatino Linotype,Book Antiqua3,Palatino,Palatino-Roman,serif;
    text-decoration: underline;
    border: 2px solid #00615c;
    padding: 8px;
}

    .skip-link:focus {
        left: .5em;
        top: .5em;
        z-index: 1;
    }

/*
    HEADER
*/

#divHeader {
    background-color: #ebf3f3;
    font-size: 12px;
}

/* Systemvarsel */
.systemvarsel {
    height: 44px;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.utvidet-div-systemvarsel {
    height: auto;
    display: flex;
    align-items: flex-start;
}

.systemvarselTekst {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.utvidet-systemvarsel-tekst {
    overflow: visible;
    white-space: normal;
    margin-bottom: 10px;
    margin-top: 44px;
    margin-left: -32px;
    text-overflow: unset;
    padding-right: 10px;
}

.utvidet-systemvarsel-tekst-label {
    display: inline-block;
}

.systemvarsel-tekst-knapp {
    margin-left: 12px;
    text-decoration: underline;
    width: auto;
    height: 100%;
    padding-top: 10px;
    white-space: nowrap;
}

.utvidet-systemvarsel-tekst-knapp {
    position: absolute;
    height: auto;
    right: 50px;
}

#lblSystemVarselIkon {
    padding: 13px;
}

.systemvarselBtnLukk {
    color: black;
    flex-grow: 1;
}

.utvidet-systemvarselBtnLukk {
    position: absolute;
    right: 0;
}

.systemvarselLukkIkon {
    padding: 12px;
    display: inline-block;
}

#lblSystemOverskrift::after {
    content: ":"
}

.systemvarsel-info {
    background-color: #325553;
    color: white;
}

.systemvarsel-info .systemvarsel-tekst-knapp {
    color: lightgrey;
}

.systemvarsel-info .systemvarsel-tekst-knapp:hover {
    color: white;
}

.systemvarsel-info .systemvarselBtnLukk:hover {
    background-color: #203938;
}

.systemvarsel-info .systemvarselBtnLukk {
    color: white;
}

.systemvarsel-feilmelding {
    background-color: #e8938d;
}

.systemvarsel-feilmelding .systemvarsel-tekst-knapp {
    color: #850000;
}

.systemvarsel-feilmelding .systemvarsel-tekst-knapp:hover {
    color: black;
}

.systemvarsel-feilmelding .systemvarselBtnLukk:hover {
    background-color: #d5443a;
    color: black;
}

.systemvarsel-advarsel {
    background-color: #efbe7d;
}

.systemvarsel-advarsel .systemvarsel-tekst-knapp {
    color: #7d3d11;
}

.systemvarsel-advarsel .systemvarsel-tekst-knapp:hover {
    color: black;
}

.systemvarsel-advarsel .systemvarselBtnLukk:hover {
    background-color: #ffb50c;
    color: black;
}

/* Logo i header */
#header .logo, #divHeader .logo {
    height: 66px;
    display: block;
    float: left;
    margin: 6px 0 16px;
}

#header .logoMiljodirektoratet,
#divHeader .logoMiljodirektoratet {
    background: url('../Grafikk/Header/mdir_logo_M.svg') no-repeat center left;
    background-size: contain;
    width: 56px;
    text-indent: -9999px;
}

#header .logoPartner,
#divHeader .logoPartner {
    background: url('../Grafikk/Header/logoNVVvektor.svg') no-repeat center left;
    background-size: contain;
    width: 50px;
    text-indent: -9999px;
    margin-left: 8px;
}

#header #hovedLogo,
#divHeader #hovedLogo {
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px solid #00615C;
    font-family: 'Palatino Linotype', 'Times New Roman', 'Times', Arial;
    font-size: 18px;
    color: #325553;
    -webkit-font-smoothing: antialiased;
    margin-right: 0;
    padding-top: 18px;
    text-decoration: none;
}

.julehilsen,
.snowflakes {
    display: none;
}

@media (min-width: 768px) {
    #header .logo, #divHeader .logo {
        height: 90px;
        display: block;
        float: left;
    }

    #header #hovedLogo,
    #divHeader #hovedLogo {
        padding-left: 48px;
        margin-left: 48px;
        border-left: 1px solid #00615C;
        font-size: 36px;
    }

    #header .logoMiljodirektoratet,
    #divHeader .logoMiljodirektoratet {
        width: 76px;
    }

    #header .logoPartner,
    #divHeader .logoPartner {
        width: 69px;
        margin-left: 24px;
    }
    
    /* KOMMENTER INN FOR JULEHILSEN - HUSK Å KOMMENTERE INN btnJulehilsen OG divSnowflakes I Rovbase30Bootstrap.master.cs */
    
    .julehilsen {
        background: url('../Grafikk/Julehilsen/santahat1.png') no-repeat center left;
        background-size: contain;
        height: 65px;
        min-width: 50px;
        display: inline;
        margin-left: 10px;
        margin-top: 16px;
        border: 0;
    }
    
    .god-jul {
        font-size: 22px;
        color: #E40010;
        text-shadow: none;
        display: none;
        margin-left: 50px;
    }
    .snowflakes {
        visibility: hidden;
        display: none;
    }
    /* customizable snowflake styling */
    .snowflake {
        color: #fff;
        font-size: 2em;
        font-family: Arial, sans-serif;
        text-shadow: 0 0 6px #222;
    }
    
    @media (prefers-reduced-motion: no-preference) {
        @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
        @-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}
        @keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
        @keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   
        .snowflakes {
            display: block;
        }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   
    }
}



.userStatusVersionInfo {
    color: #4D4D4D;
}

.userStatusVersionInfo .separator {
    margin: 0 6px 0 4px;
}

.userStatus a {
    color: black;
    text-decoration: underline;
    font-weight: bold;
    padding-left: 5px;
    font-size: 1.1em;
}

.userStatus a:hover {
    color: #009b96;
}

    .userStatusVersionInfo .userStatus,
    .userStatusVersionInfo .separator,
    .userStatusVersionInfo #divVersjonsinfo {
        margin-bottom: 10px;
    }

.userStatusVersionInfo #divVersjonsinfo {
    margin-top: 2px;
}

/* Spesialtilpasset header for mobil */
@media (max-width: 500px) {
    .userStatusVersionInfo #divVersjonsinfo, .userStatusVersionInfo .separator {
        display: none;
    }
    
    .userStatusVersionInfo .userStatus
    {
        margin-bottom: 0;
    }
}

#divTeksthjelp {
    font-size: 24pt;
    padding: 20px;
}

    #divTeksthjelp h3 {
        font-size: 32pt;
        font-weight: bold;
    }


/* Sticky footer styles
    (height defined in media queries)
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

/* Footer styling */

.push-footer {
    height: 120px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 120px;
    /* Set the fixed height of the footer here */
    -webkit-font-smoothing: antialiased;
    margin-top: 2em;
    padding: 2em 0;
    font-family: "PalatinoLTStd-Roman", Palatino Linotype, Book Antiqua3, Palatino, Palatino-Roman, serif !important;
    font-size: 16px;
    border-top: 1px solid #cccccc;
    background-color: #fff;
}

.footer a,
.footer a:visited,
.footer a:link {
    color: #00615C;
    text-decoration: underline;
}

.footer a:hover {
    color: #222222;
}

.footer__logo {
    display: block;
    width: 160px;
}

.footer__link-list {
    margin-top: 2em;
}

.footer__link-list ul {
    padding: 0;
    list-style: none;
}

.footer__link-list ul li {
    margin-bottom: 1em;
}

.footer .pull-right {
    float: none !important;
}



@media (min-width: 768px) {
    .footer {
        padding-top: 2em;
    }

    .footer .pull-right {
        float: right !important;
    }

    .footer__logo {
        display: block;
        width: 192px;
    }

    .footer__link-list {
        margin-bottom: 0.4em;
        margin-top: 0.4em;
    }

    .footer__link-list ul li {
        display: inline-block;
        padding-left: 0.5em;
        margin-bottom: 0;
    }

    .footer__link-list ul li:first-of-type::before {
        content: '';
    }

    .footer__link-list ul li::before {
        margin-right: 0.5em;
        content: '|';
        color: #c3c3c3;
    }
}

@media (min-width: 1200px) {
    
    .footer__link-list {
        margin-top: 1em;
    }
}

/* media queries */
/* x-small (no query/default) */
.aksjongruppe {
    text-align: right;
    margin-bottom: 15px;
}

.aksjonerbunn .aksjongruppe {
    text-align: left;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .aksjongruppe {
        margin-top: 5px;
        margin-bottom: 0;
        text-align: right;
    }

    nav#navHovedmeny {
        position: relative;
        z-index: 1040;
    }
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* General bootstrap*/

.no-gutter {
    margin-left: 0px;
    margin-right: 0px;
}

.gutter {
    margin-left: 15px;
    margin-right: 15px;
}

.navbar-right-always {
    float: right !important;
}

    .navbar-right-always .dropdown-menu {
        right: 0;
        left: auto;
    }

.navbar-no-stack .navbar-nav {
    margin-top: 0px;
    margin-bottom: 0px;
}

    .navbar-no-stack .navbar-nav > li {
        float: left;
    }


.rovbase-linje-inlineblock {
    border-bottom: 1px solid #006964;
    width: 100%;
    height: 0;
    display: inline-block;
}

.rovbase-linje-inlineblock.dim {
    border-color: #ccc;
}

.form-horizontal.form-horizontal-left .control-label,
.form-horizontal .form-group-left .control-label {
    text-align: left;
}

.rb-seksjonsoverskrift,
.rb-fieldset legend {
    font-size: 18px;
    color: #555;
    margin: 10px 0;
    padding-bottom: 5px;
    font-family: 'Palatino Linotype', 'Times New Roman', 'Times', Arial;
}

.rb-fieldset legend .rbicon-sirkel-sporsmal {
    font-size: 1em;
}

.rb-lenke, .rb-lenke:visited, .rb-lenke:link {
    color: #006964;
    text-decoration: underline;
}

.rb-lenke:hover {
    color: #222222;
}

.control-label {
    color: #666;
}

.control-label-as-span {
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
}

a[disabled],
a.aspNetDisabled {
    /*pointer-events: none;*/
}

.form-control-static {
    display: inline-block;
}

.rb-fieldset .form-control-disabled {
    padding: 6px 12px;
    display: inline-block;
    height: 20px;
}

.form-control.form-control-allwaysdisabled {
    border: none;
    box-shadow: none;
    cursor: auto;
    background-color: inherit;
    padding: 7px 12px 7px 0;
}

@media (min-width: 768px) {
    .rb-flex-baseline-sm {
        display: flex;
        align-items: baseline;
    }
}

.rb-inline-flex {
    display: flex;
}

.rb-inline-flex .form-control {
    flex: 1;
    display: inline-block;
    width: auto;
}

.rb-inline-flex .control-label {
    padding-top: 7px;
    margin-right: 15px;
}


/* Tilpassing av radiobuttonlist*/

.radiobuttonlist {
    padding-top: 5px;
    display: block;
}

.radiobuttonlist input {
    margin-right: 7px;
    margin-top: 7px;
    display: inline-block;
}

.radiobuttonlist label {
    margin-right: 15px;
    font-weight: normal;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
}

/* Tooltip */

.rbicon-faded,
.rb-tooltip .rbicon {
    color: #666;
}

.rb-tooltip:hover .rbicon {
    color: #006964;
}

.input-group-btn .btn.rb-tooltip {
    background: #F0F0F0;
    border-color: #ccc;
    border-right: none;
    margin-bottom: 0;
}

.rb-tooltip {
    cursor: help;
}

.popover-title {
    overflow: hidden;
}

.tooltip-partial-header {
    color: #003b46;
    font-weight: bold;
    border-bottom: solid 0px silver;
    padding-top: 9px;
    text-transform: uppercase;
    margin: 14px;
}
.tooltip-partial {
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #707070;
    margin-bottom: 10px;
    margin-left: 15px !important;
    margin-right: 15px !important;
    padding-bottom: 15px;
}

.tooltip.top .tooltip-inner {
    border: 1px solid #333333;
    background-color:white;
    color: #333333
    
}

.tooltip.top .tooltip-arrow {
    border-top-color: #333333;
}


/* Tooltip slutt*/

/*
    Bootbox modal
*/

.bootbox.modal .modal-footer .btn {
    min-width: 50px;
}


.DivOversiktkontroll {
    border-top: 3px solid #189191;
    background: #e2eeef;
    line-height: 28px;
    padding: 3px 0 4px;
    margin-bottom: 15px;
    min-height: 38px;
}

.DivOversiktkontroll .strong,
.DivOversiktkontroll label:not([class*="col-"]) {
    padding-left: 10px;
}

.DivOversiktkontroll .strong:first-child,
.DivOversiktkontroll label:first-child:not([class*="col-"])
{
    padding-left: 0;
}

.DivOversiktkontrollPanel {
    padding: 10px;
    border: #ccc 1px solid;
    margin-top: -15px;
    margin-bottom: 15px;
    background: #eee;
}

.oversikt-knapper .rbicon-klode, .oversikt-knapper .rbicon-klode-strek {
    color: #328486;
}

.DivAksjonskontroll {
    margin-top: 8px;
    margin-bottom: 15px;
}

/* validering */
label.required:after,
span.required:after,
.nav-tabs > li > a.required:after {
    content: " *";
    color: red;
    font-weight: normal;
}

label.required-conditionally:after {
    content: " (*)";
    color: red;
    font-weight: normal;
}

label.required-right:after,
span.required-right:after {
    content: " *";
    color: red;
    font-weight: normal;
}

label.required-conditionally-right:after {
    content: " (*)";
    color: red;
    font-weight: normal;
}

label.required-left:before,
span.required-left:before {
    content: "* ";
    color: red;
    font-weight: normal;
}

label.required-conditionally-left:before {
    content: "(*) ";
    color: red;
    font-weight: normal;
}

.aspRadio input[type="radio"],
.aspCheckBox input[type="checkbox"] {
    position: relative;
    top: 2px;
}

#pSmulesti {
    color: #868989;
}

/*
    Feilside
*/
.feilmelding {
    margin: 0 auto;
    width: 900px;
}

#feilmeldingBilde {
    display: block;
}


@media screen and (max-width: 769px) {
    .feilmelding {
        width: auto;
    }

    #feilmeldingBilde {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .feilmelding {
        width: auto;
    }

    #feilmeldingBilde {
        display: none;
    }
}

@media screen and (max-height: 900px) {
    .feilmelding {
        width: auto;
    }

    #feilmeldingBilde {
        display: none;
    }
}

/* 
    Søkeside 
*/

/* Overskrift i søkeresultatet*/
.DivSokeresultat__overskrift {
    padding: 10px;
    border: 1px solid #ddd;
    border-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .DivSokeresultat__overskrift .overskrift {
        color: #999;
    }

.DivSokeresultat .RadGrid_Bootstrap {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Skjuler søkeresultats-knapper som er disabled */
.DivVerktoy .aspNetDisabled.hide-when-disabled {
    display: none;
}

/* Verktøylinje på siden av søkeresultatet, på pad og større, bootstrap affix 
    Per november 2019 er verktøylinjen blitt endret til å være sticky top
*/
.DivSokeresultatVerktoyContainer {
    text-align: right;
    margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .DivSokeresultatVerktoyContainer {
        height: 0 !important;
    }
    
}

@media screen and (min-width: 1599px) {
    div#cphInnholdscontainer_divAksjonerDetalj.DivVerktoy {
        margin: 0 auto;
        width: 1370px;
    }
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {
    div#cphInnholdscontainer_divAksjonerDetalj.DivVerktoy {
        margin: 0 auto;
        width: 1140px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 993px) {
    div#cphInnholdscontainer_divAksjonerDetalj.DivVerktoy {
        margin: 0 auto;
        width: 940px;
    }
}

@media screen and (max-width: 991px) {
    span.rbicon.rbicon-vis-detaljer:before,
    span.rbicon-vis-kart-rad:before,
    span.rbicon-vis-kart-alle:before{
        content: "";
    }
    .btn.text-left {
        text-align: center;
    }

    .btn-rovbase, .btn-rovbase-secondary, .btn-rovbase-tertiary {
        min-width: 80px;
    }
}


.DivSokeresultatVerktoy {
    background-color: #fff;
    z-index: 9999;
}

.DivSokeresultatVerktoy.rb-margin-tb.affix {
    margin-top: 0;
    padding-top: 15px;
    padding-right: 15px;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.DivSokeresultatVerktoy.affix a {
    /*float: right;
    clear: both;*/
    padding: 8px;
    /*font-size: 20px;*/
    line-height: 1em;
}

.DivSokeresultatVerktoy.affix {
    right: 0;
}

    .affix {
        top: 0;
        position: fixed;
    }

/* Skjuler text i affix-buttons */
.DivSokeresultatVerktoy.affix span:not(.rbicon):not(.glyphicon) {
    /*display: none;*/
}

/* Skjuler text i affix-buttons */
.DialogVerktoy.affix span span:not(.glyphicon) {
    /*display: none;*/
}

.modal-backdrop {
    position:fixed;
    right:17px;
}

.rbToggle {
    display: none;
}

.rbToggle.show {
    display: block;
}

/* Bootstrap-fix: Hover on sorted and selected cell i radgrid*/

.RadGrid_Bootstrap .rgAltRow.rgHoveredRow.rgSelectedRow .rgSorted {
    background-color: #428bca;
}

/*
    Søkeresultat Rovviltskade - Responsiv radgrid
*/

.RadGrid_Bootstrap {
    width: 100% !important;
}

/* Mindre størrelse enn default i tabellen */
.RadGrid_Bootstrap.RadGrid_Bootstrap-rb .rgMasterTable {
    font-size: 13px;
}

/* Fix for å unngå blå pil på blå bakgrunn */
.RadGrid_Bootstrap.RadGrid_Bootstrap-rb .rgCollapse {
    background-position: -10px -59px;
}

/* Bold text på headers i søkeresultatet */
.RadGrid_Bootstrap.RadGrid_Bootstrap-rb .rgHeader {
    font-weight: bold;
}

/* Fjerner margin på bunnen av dl i radgrid*/
.RadGrid_Bootstrap-rb dl {
    margin-bottom: 0;
}

/* Expanded info i søkeresultatgrid */
.RadGrid_Bootstrap-rb tr:not(.rgRow):not(.rgAltRow):not(:last-child) td {
    border-bottom: 1px solid #DDD;
}

@media screen and (max-width: 767px) {
    .RadGrid_Bootstrap-rb tr:not(.rgRow):not(.rgAltRow):not(:last-child) td.rgExpandCol {
        display: none;
    }
}

.RadAutoCompleteBox .racInput {
    padding-right: 0 !important;
}

.scroll-horizontal-only .rgDataDiv
{
    height:auto !important;
}

.grid-expanded,
.grid-galleri
{
    margin-right: 32px;
}

@media screen and (max-width: 767px) {
    .grid-expanded,
    .grid-galleri {
        margin-right: 5px;
    }
}

.grid-expanded .form-group {
    margin: 0;
}


.grid-galleri {
    margin-top: 15px;
    margin-bottom: 15px;
    clear: both;
}

.grid-galleri .galleri-image-container {
    padding: 5px;
    margin: 5px;
    border: 1px solid #ddd;
    float: left;
}

.form-horizontal [class*='col-xs-'].control-label {
    padding-top: 7px;
}

/* GRID-EXPANDED-FLOATING-LIST */

.grid-expanded-floating-list{
    margin: 16px;
}

.grid-expanded-floating-list dt {
    white-space: unset;
}

.grid-expanded-floating-list dd{
    padding-bottom: 12px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .grid-expanded-floating-list{
        column-count: 2;
        margin-top: 0;
    }

    .grid-expanded-floating-list dt,
    .grid-expanded-floating-list dd{
        padding-bottom: 0px;
        padding-top: 12px;
        margin-bottom: 0;
        break-inside: avoid-column;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .grid-expanded-floating-list{
        column-count: 3;
    }
}



/* Fjerner border i siste celle siden tabellen selv har border */
.rgMasterTable > tbody > tr:last-child > td {
    border-bottom: 0;
}

@media screen and (max-width: 1199px) {
    .RadGrid_Bootstrap.RadGrid_Bootstrap-rb .rgRow > td,
    .RadGrid_Bootstrap.RadGrid_Bootstrap-rb .rgAltRow > td,
    .RadGrid_Bootstrap.RadGrid_Bootstrap-rb .rgHeader{
        padding-left: 8px;
        padding-right: 8px;
    }
}

/* Søkeresultat - Skjuler 14-> kolonne på medium desktopstørrelse*/
@media screen and (max-width: 1599px) {
    .DivSokeresultat tr th:nth-child(13), .DivSokeresultat tr td:nth-child(13),
    .DivSokeresultat tr th:nth-child(13) ~ th, .DivSokeresultat tr td:nth-child(13) ~ td {
        display: none;
    }
}

/* Søkeresultat - Skjuler 12-> kolonne på liten desktopstørrelse*/
@media screen and (max-width: 1199px) {
    .DivSokeresultat tr th:nth-child(11), .DivSokeresultat tr td:nth-child(11),
    .DivSokeresultat tr th:nth-child(11) ~ th, .DivSokeresultat tr td:nth-child(11) ~ td {
        display: none;
    }
}

/* Søkeresultat - Skjuler 4-5 siste kolonner på padstørrelse*/
@media screen and (max-width: 991px) {
    .DivSokeresultat tr th:nth-child(8) ~ th, .DivSokeresultat tr td:nth-child(8) ~ td
    {
        display: none;
    }
}

/* Rovviltskade søkeresultat - Skjuler 3 flere kolonner på mobilstørrelse*/
@media screen and (max-width: 767px) {
    .DivSokeresultat tr th:nth-child(5) ~ th, .DivSokeresultat tr td:nth-child(5) ~ td
    {
        display: none;
    }
}

/* Søkeresultat -Viser kun 4 kolonner på minste mobilstørrelse */
@media screen and (max-width: 499px) {
    .DivSokeresultat tr th:nth-child(4) ~ th, .DivSokeresultat tr td:nth-child(4) ~ td
    {
        display: none;
    }
}

/* DivSokeresultat YnglelokalitetJerv3 */
@media screen and (max-width: 1599px) {
    .DivSokeresultat-jervbesok tr th:nth-child(14), .DivSokeresultat-jervbesok tr td:nth-child(14),
    .DivSokeresultat-jervbesok tr th:nth-child(14) ~ th, .DivSokeresultat-jervbesok tr td:nth-child(14) ~ td {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .DivSokeresultat-jervbesok tr th:nth-child(5), .DivSokeresultat-jervbesok tr td:nth-child(5),
    .DivSokeresultat-jervbesok tr th:nth-child(5) ~ th, .DivSokeresultat-jervbesok tr td:nth-child(5) ~ td {
        display: none;
    }
}

@media screen and (max-width: 350px) {
    .DivSokeresultat-jervbesok tr th:nth-child(4), .DivSokeresultat-jervbesok tr td:nth-child(4),
    .DivSokeresultat-jervbesok tr th:nth-child(4) ~ th, .DivSokeresultat-jervbesok tr td:nth-child(4) ~ td {
        display: none;
    }
}

/* Koblede elementer - Skjuler de siste kolonner på liten skjermstørrelse*/
@media screen and (max-width: 1599px) {
    .DivKobledeElementer tr th:nth-child(12) ~ th,
    .DivKobledeElementer tr td:nth-child(12) ~ td
    {
        display: none;
    }
}

/* Koblede elementer - Skjuler de siste kolonner på liten skjermstørrelse*/
@media screen and (max-width: 1199px) {
    .DivKobledeElementer tr th:nth-child(11) ~ th,
    .DivKobledeElementer tr td:nth-child(11) ~ td
    {
        display: none;
    }
}

/* Koblede elementer - Skjuler de siste kolonner på padstørrelse*/
@media screen and (max-width: 991px) {
    .DivKobledeElementer tr th:nth-child(8) ~ th,
    .DivKobledeElementer tr td:nth-child(8) ~ td
    {
        display: none;
    }
}

/* Koblede elementer - Skjuler >5 kolonner på mobilstørrelse*/
@media screen and (max-width: 767px) {
    .DivKobledeElementer tr th:nth-child(5) ~ th,
    .DivKobledeElementer tr td:nth-child(5) ~ td
    {
        display: none;
    }
}

/* Koblede elementer - Viser kun 3 kolonner på minste mobilstørrelse*/
@media screen and (max-width: 499px) {
    .DivKobledeElementer tr th:nth-child(3) ~ th,
    .DivKobledeElementer tr td:nth-child(3) ~ td
    {
        display: none;
    }
}

/* Slettede elementer - Skjuler de siste kolonner på liten skjermstørrelse*/
@media screen and (max-width: 1599px) {
    .DivSlettedeElementer tr th:nth-child(14) ~ th,
    .DivSlettedeElementer tr td:nth-child(14) ~ td
    {
        display: none;
    }
}

/* Slettede elementer - Skjuler de siste kolonner på liten skjermstørrelse*/
@media screen and (max-width: 1199px) {
    .DivSlettedeElementer tr th:nth-child(11) ~ th,
    .DivSlettedeElementer tr td:nth-child(11) ~ td
    {
        display: none;
    }
}

/* Slettede elementer - Skjuler de siste kolonner på padstørrelse*/
@media screen and (max-width: 991px) {
    .DivSlettedeElementer tr th:nth-child(8) ~ th,
    .DivSlettedeElementer tr td:nth-child(8) ~ td
    {
        display: none;
    }
}

/* Slettede elementer - Skjuler 3 flere kolonner på mobilstørrelse*/
@media screen and (max-width: 767px) {
    .DivSlettedeElementer tr th:nth-child(5) ~ th,
    .DivSlettedeElementer tr td:nth-child(5) ~ td
    {
        display: none;
    }
}

/* Slettede elementer - Viser kun 3 kolonner på minste mobilstørrelse*/
@media screen and (max-width: 499px) {
    .DivSlettedeElementer tr th:nth-child(3) ~ th,
    .DivSlettedeElementer tr td:nth-child(3) ~ td
    {
        display: none;
    }
}

/* Søkeresultat for Eiersøk */
@media screen and (max-width: 991px) {
    .DivSokeresultat-eiersok tr th:nth-child(4), .DivSokeresultat-eiersok tr td:nth-child(4),
    .DivSokeresultat-eiersok tr th:nth-child(7), .DivSokeresultat-eiersok tr td:nth-child(7)
    {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .DivSokeresultat-eiersok tr th:nth-child(6) ~ th, .DivSokeresultat-eiersok tr td:nth-child(6) ~ td{
        display: none;
    }
}

@media screen and (max-width: 499px) {
    .DivSokeresultat-eiersok tr th:nth-child(5), .DivSokeresultat-eiersok tr td:nth-child(5)
    {
        display: none;
    }
}




/* Skjuler Vis antall gitt av RadGrid, RB bruker egen */
div.RadGrid .rgPager .rgAdvPart {
    display: none;
}


/*
    Telerik tilpasninger
*/

html .RadComboBox {
    width: 100%;
}

.RadComboBox.RadComboBox_Bootstrap .rcbEmptyMessage {
    filter: alpha(opacity=60);
    opacity: .6;
}

.RadInput.RadInput_Bootstrap .riEmpty, .RadInput_Empty_Bootstrap {
    color: rgba(51,51,51,0.6);
}

.RadCalendarTimeView caption{
    /* fjerner padding som legges på av bootstrap, caption er usynlig i denne komponenten */
    padding:0;
}

/* 
    Hjelpeklasser for margin 
*/

.rb-innrykk {
    margin-left: 40px;
}

.rb-margin-tb {
    margin-top: 15px;
    margin-bottom: 15px;
}

.rb-margin-t {
    margin-top: 15px;
}

.rb-margin-b {
    margin-bottom: 15px;
}

.rb-margin-l {
    margin-left: 15px;
}

.rb-margin-r {
    margin-right: 15px;
}

.rb-margin-halv-tb {
    margin-top: 8px;
    margin-bottom: 8px;
}

.rb-margin-halv-t {
    margin-top: 8px;
}

.rb-margin-halv-b {
    margin-bottom: 8px;
}

.rb-margin-halv-l {
    margin-left: 8px;
}

.rb-margin-halv-r {
    margin-right: 8px;
}

/* 
    Hjelpeklasser for padding
*/
.rb-padding {
    padding: 15px;
}

.rb-padding-t {
    padding-top: 15px;
}

/* 
    Hjelpeklasser for tekst
*/

.rb-strong {
    font-weight: bold;
}

/* Hjelpeklasser for å skjule gammel layout */

.rb-nonbs-only {
    display: none !important;
}



/* Font - Open Sans */

.RadComboBox_Bootstrap .rcbInput,
.RadComboBoxDropDown_Bootstrap {
    font-family: 'Open Sans', sans-serif;
}

/* Tilpassing av radgrid til rovbasedesign */
.RadGrid_Bootstrap .rgMasterTable .rgSelectedCell, .RadGrid_Bootstrap .rgSelectedRow>td, .RadGrid_Bootstrap td.rgEditRow .rgSelectedRow, .RadGrid_Bootstrap .rgSelectedRow td.rgSorted {
    background: #006964 !important;
}

.RadGrid .rgRow>td.lock,
.RadGrid .rgAltRow>td.lock,
.RadGrid .rgRow>td.gruppe,
.RadGrid .rgAltRow>td.gruppe
{
    padding-right: 20px;
}

.RadGrid td.lock:after,
.RadGrid td.gruppe:after
{
    font-family: 'rovbase';
    font-size: 16px;
    color: #888;
    margin-right: -16px;
    float: right;
    margin-top: -4px;
}

.RadGrid td.lock:after
{
    content: "\e616";
}

.RadGrid td.gruppe:after
{
    content: "\e610";
}

.RadGrid td.lock.gruppe:after
{
    content: "\e901";
}

.RadGrid .rgSelectedRow td.lock:after,
.RadGrid .rgSelectedRow td.gruppe:after
{
    color: white;
}

.RadGrid .skjerming {
    font-size: 20px;
}
/*slutt tilpassing av radgrid*/


.form-control:focus {
    border-color: #006964;
}

/* Stiling av kartlagsvelger på profil og innstillinger */

.fgpKartlag .collapsable {
    cursor: pointer;
    width: 21px;
    height: 21px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    border: 1px solid grey;
    border-radius: 5px;
    background: white;
}

.fgpKartlag .collapsable:before {
    content: "−";
    width: 20px;
    height: 20px;
    display: inline-block;
    font-size: 16px;
    font-family: arial;
}

.fgpKartlag .collapsable.expandable:before {
    content: "+";
}

.fgpKartlag .layerSwitcherRoot > li > input {
    margin-left: 31px;
}

.fgpKartlag ul {
    list-style: none;
}

.fgpKartlag .blm_title {
    display: none;
}

.fgpKartlag .layerSwitcherRoot {
    padding: 0;  
}
.fgpKartlag label {
    font-weight: normal;
    padding-left:6px;      
}

.fgpKartlag .layerSwitcherRoot > li:not(:last-child) {
    border-bottom: 1px solid #CCC;
    margin: 10px 0;
}

/* Telerik-fikser - må gjennomgås ved oppdatering av telerik */
.RadInput_Bootstrap .rcSelect {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.RadGrid_Bootstrap .rgPagerCell {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.RadGrid_Bootstrap .rgHeader:first-child {
    border-left: none;
}

/* Kartvisning start - migrert over fra Tab-versjon, TODO: Kandidat for refaktorering */

#divBtnKartlag {
    top: 5px;
    right: 0;
    z-index: 1010;
    position: absolute;
}

#divBtnKartlag #KartLagBtn span {
    display: none;
}

@media (max-width: 770px) {
    #divBtnKartlag.active {
        top: 0;
        z-index: 1030;
        width: 100%;
    }
    #divBtnKartlag.active #KartLagBtn span {
        display: inline;
    }
    #divBtnKartlag {
        top: 5px;
    }
}


/* OpenLayers panel */

.rovbaseMapToolbar {
	top: 5px;
	left: 5px;
}
		
.rovbaseMapToolbar a {
    width: 48px;
    height: 48px;
    position: relative;

	float: left;           			
	cursor: pointer;
	background-color: #363636;
    background-image: url("../Grafikk/BouvetKart/verktoylinje.svg");
    background: url("../Grafikk/BouvetKart/verktoylinje.svg"), -moz-linear-gradient(top,  #636363 0%, #363636 100%); /* FF3.6+ */
    background: url("../Grafikk/BouvetKart/verktoylinje.svg"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(100%,#363636)); /* Chrome,Safari4+ */
    background: url("../Grafikk/BouvetKart/verktoylinje.svg"), -webkit-linear-gradient(top,  #636363 0%,#363636 100%); /* Chrome10+,Safari5.1+ */
    background: url("../Grafikk/BouvetKart/verktoylinje.svg"), -o-linear-gradient(top,  #636363 0%,#363636 100%); /* Opera 11.10+ */
    background: url("../Grafikk/BouvetKart/verktoylinje.svg"), -ms-linear-gradient(top,  #636363 0%,#363636 100%); /* IE10+ */
    background: url("../Grafikk/BouvetKart/verktoylinje.svg"), linear-gradient(to bottom,  #636363 0%,#363636 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#363636',GradientType=0 ); */ /* IE6-9 */
    
	border: 1px solid #252525;
	padding: 0;
}

/*.rovbaseMapToolbar a:hover {
	background-color: #252525;
}*/

/*.rovbaseMapToolbar a:active {
	box-shadow: 0 -3px 1px #FFFFFF inset, 0 0 2px rgba(0, 0, 0, 0.7) inset;
	position: relative;
	top: 1px;
	left: 1px;
}*/
	  
.olControlAttribution { 
	left: 2px; 
	bottom: 0 !important; 
	color: #444;
    max-width: 300px;
}       
	.rovbaseMapToolbar .start {
	    margin-left: 5px;
}
	.rovbaseMapToolbar .stop {
	    margin-right: 5px;
	}


.rovbaseMapToolbar .Active {
	background: url("../Grafikk/BouvetKart/verktoylinje.svg"), #007F7F;
}
.rovbaseMapToolbar .Disabled.start {
    border-left-color: #252525;
    background: url("../Grafikk/BouvetKart/verktoylinje.svg"),#d1d1d1;
}
.rovbaseMapToolbar .Disabled.stop {
    border-right-color: #252525;
    background: url("../Grafikk/BouvetKart/verktoylinje.svg"),#d1d1d1;
}
.rovbaseMapToolbar .Disabled {
    border-left-color: #cbcbcb;
    border-right-color: #cbcbcb;
	background: url("../Grafikk/BouvetKart/verktoylinje.svg"),#d1d1d1;
}
		
.rovbaseMapToolbar .RbNavigateControl {
	background-position: 0px -0px;
}        
.rovbaseMapToolbar .RbZoomInControl {
	background-position: -48px 0px;
}
	   
.rovbaseMapToolbar .RbZoomOutControl {
	background-position: -96px 0px;
}
		
.rovbaseMapToolbar .MeasureAreaControl {
	background-position: -144px 0px;
}
	   
.rovbaseMapToolbar .MeasureLineControl {
	background-position: -192px 0px;
}

.rovbaseMapToolbar .AvstandsRadiusControl {
    background-position: -240px 0px;
}
	  
.rovbaseMapToolbar .RbZoomMaxControl {
	background-position: -288px 0px;
}     
		
.rovbaseMapToolbar .RbModifyControl 
{
	background-position: -384px 0px;
}

.rovbaseMapToolbar .RbMergeControl 
{
	background-position: -432px 0px;
}

.rovbaseMapToolbar .RbMergeControl.Disabled
{
	background-position: -432px -48px;
}

.rovbaseMapToolbar .RbReverseTrackControl 
{
	background-position: -528px -0px;
}

.rovbaseMapToolbar .RbReverseTrackControl.Disabled
{
	background-position: -528px -48px;
}

.rovbaseMapToolbar .bouvetcontrolsGrupperingControl 
{
	background-position: -1148px 0px;
}

.rovbaseMapToolbar .bouvetcontrolsGrupperingLayerControl 
{
	background-position: -1104px 0px;
}

.rovbaseMapToolbar .bouvetcontrolsPartialElementControl {
    background-position: -1296px 0px;
}

.rovbaseMapToolbar .bouvetcontrolsBasepolygonControl {
    background-position: -1380px 0px;
}

.rovbaseMapToolbar .olControlSelectFeature,
.rovbaseMapToolbar .RbInfoControl 
{
	background-position: -720px 0px;
}

.rovbaseMapToolbar .RbInfoControl.Disabled
{
	background-position: -720px -48px;
}

.rovbaseMapToolbar .olControlSplit,
.rovbaseMapToolbar .RbSplitControl 
{
	background-position: -0480px 0px;
}

.rovbaseMapToolbar .RbSplitControl.Disabled 
{
	background-position: -0480px -48px;
}

.rovbaseMapToolbar .RbModifyControl.Disabled {
	background-position: -384px -48px;
}
		
.rovbaseMapToolbar .RbStyleControl
{
	background-position: -336px -0px;
}

.rovbaseMapToolbar .RbDrawControl 
{
	background-position: -576px 0px;
}

.rovbaseMapToolbar .RbStyleControl.Disabled{
	background-position: -336px -48px;
}
		
.rovbaseMapToolbar .RbDeleteControl {
	background-position: -768px 0px;
}

.rovbaseMapToolbar .RbDeleteControl.Disabled {
	background-position: -768px -48px;
}
		
.rovbaseMapToolbar .btnIdentifiserKlikk {
	background-position: -720px 0px;
}
		
.rovbaseMapToolbar .btnIdentifiserBox {
	background-position: -912px 0px;
}
		
.rovbaseMapToolbar .btnIdentifiserPolygon {
	background-position: -864px 0px;
}
		
.rovbaseMapToolbar .olControlModifyFeature {
	background-position: -960px 0px;
}
		
.rovbaseMapToolbar .RbPrint {
	background-position: -1008px 0px;
}
		
.rovbaseMapToolbar .btnSymbolikk {
	background-position: -1056px 0px;
}
		
.rovbaseMapToolbar .olControlDrawFeature {
	background-position: -576px 0px;
}

.rovbaseMapToolbar .RbExportControl 
{
	background-position: -672px 0px;
}

.rovbaseMapToolbar .RbExportControl.Disabled {
	background-position: -672px -48px;
}

.rovbaseMapToolbar .RbImportControl 
{
	background-position: -624px 0px;
}

.rovbaseMapToolbar .RbImportControl.Disabled {
	background-position: -624px -48px;
}

.rovbaseMapToolbar .RbAktivitetsloggControl 
{
	background-position: -1200px 0px;
}

.rovbaseMapToolbar .RbFullscreenMapControl {
    background-position: -1422px 0px;
} 

.big-map .rovbaseMapToolbar .RbFullscreenMapControl {
    background-position: -1468px 0px;
}

.rovbaseMapToolbar .bouvetcontrolsIconLabelControl {
    background-position: -1514px 0px;
} 

/* For å kunne benytte knapper fra et panel i hjelpetekst */ 
.rovbaseMapToolbar span {
	float: left;           			
	margin: 0 5px 5px 0;
	background-color: #FFFFFF;
	background-image: url("../Grafikk/BouvetKart/verktoylinje.png");
	border: 1px solid #AAAAAA;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15) inset, 1px 2px 2px rgba(0, 0, 0, 0.35);
	height: 32px;            
	padding: 0;
	width: 32px;
}

.rovbaseMapToolbar span.Active {
	background-color: #FFCC33;
}



.mousePosition2 {
    right: 3px;
    bottom: 25px;
    font-size: smaller;
    background: white;
    opacity: 0.7;
    border-radius: 3px;
    padding: 2px;
    z-index: 1000 !important;
}

.mousePosition1 {
    right: 3px;
    bottom: 3px;
    font-size: smaller;
    background: white;
    opacity: 0.7;
    padding: 2px;
    border-radius: 3px;
    z-index: 1000 !important;
}

.DivKartlagGraa
{
	background:#ebebeb url(../Grafikk/gradient.png) repeat-x left top;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-top:6px;
	padding-left: 6px;
}

.DivKartlagBoksFastVenstre {
    position: absolute;
    top: 61px;
    left: 6px;
    z-index: 1010;
}

.divKartlagBoksFastHoyre {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1011;
    max-height: 100%;
}

.DivKartlagBoks {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
    background-color: #fefefe;
    border: 1px;
    border-style: solid;
    display: none;
    width: 320px;
}

.DivKartlagBoks .toolHeader {
    background-color: #007F7F;
    background: linear-gradient(to bottom, #636363 0,#363636 100%); /* W3C */
    color: white;
    border-bottom: solid #252525 1px;
    min-height: 36px;
}

.DivKartlagBoks .toolHeader .icon {
    margin-top: 5px;
}

.DivKartlagBoks .toolHeader h2 {
    padding: 5px 10px;
	font-weight: bold;
    margin: 0;
    color: white;
    font-size: 22px;
}

.DivKartlagBoks .toolHeader .closeToolWindow {
	width: 20px;
	height: 20px;
	background: url(../Grafikk/BouvetKart/Lukkekryss.png) no-repeat center center;
	float: right;
	cursor: pointer;
	text-indent: -9999px;
    padding-top: 22px;
    padding-right:15px
}

.DivKartlagBoks .toolContent {
	overflow: hidden;
    padding: 10px;
    font-size: 12px;
}

.DivKartlagBoks .toolFooter {
	overflow: hidden;
    padding: 15px 5px 5px 5px;
}

.DivKartlagBoks .toolFooter input {
	float: right;
	padding: 0 10px;
}

.DivKartlagBoks input[type=button] {
	padding: 0 10px;
}

.DivKartlagBoks ul li 
{
	list-style: none;
}

.DivKartlagBoks ul.disc
{
    padding-left: 15px;
}

.DivKartlagBoks ul.disc li 
{
    list-style: disc;
}

.DivKartlagBoks label.top {
    display: block;
}

.DivKartlagBoks .section {
    padding-top:10px;
    overflow: hidden;
}

.DivKartlagBoks .error {
    background: url(../Grafikk/ikoner/StatusFeil.png) no-repeat 0 10px;
	min-height: 23px;
	padding-left: 26px;
}

.DivKartlagBoks .ok {
	min-height: 23px;
	background: url(../Grafikk/ikoner/StatusOK.png) no-repeat 0 10px;
	padding-left: 26px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0 15px 0 15px;
    background-color: #d6e9c6;
}

.DivKartlagBoks fieldset {
    margin-top: 10px;
}

.DivKartlagBoks legend {
    font-size: 1.15em;
}

.topLabel {
    margin-bottom: 0;
    padding-top: 10px;
}

.RadAutoCompleteBox_Bootstrap .racToken {
    padding: 4px 8px !important;
    border-radius: 4px !important;
    color: #fff !important;
    background-color: #009b96 !important;
    border-color: #006964 !important;
}

.RadAutoCompleteBox_Bootstrap .racToken:hover {
    color: #fff !important;
    background-color: #006964 !important;
    border-color: #004b46 !important;
}

#egenskaper, #plassangivelser{
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 450px;
    padding-top: 10px;
}

#gruppering {
    font-size: 13px;
}

.redigerGrupperingVerdifelt {
    width: 100%;
    padding:5px;
}

.redigerGrupperingTextArea {
    min-height: 4em;
    max-height: 20em;
    resize: vertical;
    height: 48px;
}

#grupperingBody {
    margin: 10px;
}

.DivKartlagBoks .beskrivelseHeader {
    padding: 5px;
}

#gruppering.DivKartlagBoks .beskrivelseHeader {
    padding: 8px 5px 5px 10px;
}

.toolBody {
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 10px;
    font-size: 13px;
    max-height: 662px;
}

.attributtabell tr{
    border-bottom: 1px solid #ccc;
}

.tooltipDelOverskrift {
    color: #004b46;
    font-weight: bold;
    border-bottom: solid 1px silver;
    padding-top: 10px;
    text-transform: uppercase;
}


.attributtLapp {
    font-weight: bold;
    vertical-align: top;
    padding-top: 10px;
}

#fldHentGrupperingsGrunnlag {
    background: #E0E0E0;
    color: #006964;
    padding: 5px 10px;
    font-weight: bold;
}

#fldHentGrupperingsGrunnlag:hover {
    color: #004b46;
    cursor: pointer;
}

#fldHentGrupperingsGrunnlag span {
    font-size: 1.8em;
    top: .3em;
}

.grupperingInfoTekst span {
    vertical-align: top;
    font-size: 1.5em;
    margin: 5px;
}

.grupperingInfoTekst > div {
    display: inline-block;
    width: 80%;
}

#ddlanalyseprioritet {
    display: inline-block;
    width: inherit;
}

#divGrupperingAntallObservasjoner {
    padding: 5px 10px;
}

#visAlle {
    color: #006964;
}

#visAlle:hover {
    color: #004b46;
    cursor: pointer;
}

#tblRedigerGrupperingObservasjoner {
    background: #E0E0E0;
}

#tblRedigerGrupperingObservasjoner .row{
    padding: 5px 10px;
    margin: 0;
}

#tblRedigerGrupperingObservasjoner .row div[class^="col-"] {
    padding: 0;
}

#tblRedigerGrupperingObservasjoner .header div div{
    display: inline-block;
}

#tblRedigerGrupperingObservasjoner .header {
    color: #006964;
    border-top: white 5px solid;
    font-size: 14px;
}

#tblRedigerGrupperingObservasjoner .header:hover {
    color: #004b46;
    cursor: pointer;
}

.beskrivelseObservasjon {
    display: none;
    background: #F0F0F0;
}

.redigering div {
    display: inline-block;
    color: #006964;
}

.redigering div:hover {
    color: #004b46;
    cursor: pointer;
}

.hvitTekstPaGronnBakgrunnKnapp {
    color: white;
    background: #006964;
}

.hvitTekstPaGronnBakgrunnKnapp:hover {
    color: white;
    background: #004b46;
}

.grupperingFjern {
    color: #004b46;
}

.grupperingFjern:hover {
    cursor: pointer;
    text-decoration: none;
}

.beskrivelseHeaderLukkeKnapp {
    color: white;
}

.beskrivelseHeaderLukkeKnapp:hover {
    color: white;
    cursor: pointer;
}

.ekspanderbartPanelTittel {
    padding: 6px 6px 6px 12px;
    cursor: pointer;
    color: #004b46;
    background: #E0E0E0;
}

.ekspanderbartPanelTittel:hover {
    background: #006964;
    color: white;
}

.ekspanderbartPanelTittel .row div[class^="col-"] div{
    display: inline-block;
}

.ekspanderbartPanelBody {
    border: 1px solid silver;
    border-top: 0;
}

.leggTilObservasjonRadioknapp {
    margin: 0 5px;
}

#hrefUtvidLeggTilObservasjon:hover {
    cursor: pointer;
    text-decoration: none;
}

.attributtOverskrift {
    color: #004b46;
    font-weight: bold;
}

#divbekreftLagring {
    margin-left: 10px;
    font-size: 12px;
}

.clusterLapp .row {
    background: #F0F0F0;
    margin: 2px 0;
}

.clusterLapp .row:hover {
    background: #E0E0E0;
    cursor: pointer;
}

.clusterLapp .row div[class^="col-"] {
    padding: 5px;
}

.clusterLapp .row > div > div {
    display: inline-block;
}

.clusterLapp img {
    width: auto;
    height: 30px;
    margin-top: 3px;
    margin-left: 3px;
}

.clusterLapp .row > div > div:nth-child(-n+2) {
    color: #006964;
}

.clusterLapp:hover .row > div > div:nth-child(-n+2) {
    color: #004b46;
}

#tilbakeLenke {
    color: #006964;
}

#tilbakeLenke:hover {
    color: #004b46;
    text-decoration: none;
}

#tilbakeLenke div {
    display: inline-block;
}

.strekkodeLenke {
    color: #006964;
}

#strekkodeLenke:hover {
    color: #004b46;
    text-decoration: none;
}

#tooltip {
	margin-left: 10px;
	margin-top: -10px;
	border: 1px solid #888 !important;
	padding: 5px 0 0 5px; 
	box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.5);
	z-index: 4000 !important;
    font-size: 12px;
}

@media (max-width: 649px) {
    #tooltip {
        position: relative !important;
        left: 0 !important;
        top: 70px !important;
    }

    #cphInnholdscontainer_divResultat select,
    #cphInnholdscontainer_divResultat table,
    #cphInnholdscontainer_divResultat {
        width: 100% !important;
        position: static;
        height: auto !important;
    }
}

#measureDiv {
    display: none;
    position: absolute;
	top: 61px;
    left: 257px;
    padding: 0 5px;
    z-index: 1000;
	background: white;
    font-size: 14px;
    border: 1px solid black;
}

#measureAreaDiv {
    display: none;
    position: absolute;
    top: 61px;
    left: 207px;
    padding: 0 5px;
    z-index: 1000;
    background: white;
    font-size: 14px;
    border: 1px solid black;
}


#avstandsradius {
	position: absolute;
	float: left;
	z-index: 1000;
    background-color: white;
	border: 1px solid #363636;
	top: 61px;
	left: 306px;
	min-width: 100px;
	padding: 5px;
}

@media (max-width: 770px) {
    #measureAreaDiv,
    #measureDiv{
        top: 5px;
        left: 60px;
    }

    #avstandsradius {
        top: 60px;
        left: 5px;
        z-index: 2000;
    }
}

/* Kartvisning slutt */




/*************************************************/
/********* FILVEDLEGG OG FILARKIV ****************/
/*************************************************/

.imgGalCaption {
    background: url("/Grafikk/Transparent.gif") repeat;
}

.imgGalCaption:nth-child(n) {
	filter: none; /* remove filter for ie9+*/
}

.imgGalCaption .imgGalCaptionBackground {
    /* ReSharper disable HexColorValueWithAlpha */
    background:rgb(255,255,255);
	background: transparent\9;
	background:rgba(255,255,255,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
	zoom: 1;
    /* ReSharper restore HexColorValueWithAlpha */
    position: absolute;
    bottom: 0;
    width: 100%;
}

.imgGalCaption .imgGalCaptionBackground:nth-child(n) {
	filter: none; /* remove filter for ie9+*/
    -ms-filter: none;
}

.imgGalCaption .imgGalCaptionText {
    padding: 10px;
    font-size:1.2em;
    font-weight:bold;
    overflow: hidden;
}

#divLoader {
    clear: both;
    text-align: center;
    border-bottom: 1px solid #000;
}

#divLoader span {
    background: #fff;
    padding: 0 10px;
    position: relative;
    top:15px;
}

#divLoader img{
    vertical-align: middle;
}

#filliste .progress
{
    width: 150px;
    height: 17px;
    background: white;
    border: 2px solid lightgrey;
    display: none;
}

#filliste .progress-bar
{
    width: 0%;
    height: 100%;
    background: url("/Grafikk/Filarkiv/progressbar_1px.png") #007f7f;
}

#filliste td {
    vertical-align: middle;
}

#fileupload .fileupload-buttonbar .start,
#fileupload .fileupload-buttonbar .cancel
{
    display: none;
}

#fileupload .btn-lastned,
#fileupload .fileinput-button,
#fileupload button:not(.btn-kopier) {
    margin: 0 6px 6px 0;
}

#filliste .template-upload button.start
{
    display: none !important;   
}

#filliste .grupperad-opplasting
{
    display: none;

}

#filliste tr.grupperad-opplasting th
{
    background-color: #d9edf7;
    background-image: none;
    border: none;
    vertical-align: middle;
}

#filliste tbody tr.template-upload td,
#filliste tbody tr.template-edit td,
#filliste tbody tr.template-download.focus td
{
    background-color:#d9edf7;
}

#filliste tbody tr.error td
{
    background-color: #f2dede;
}

#filliste tbody tr.error span.message
{
    font-weight: bold;
    color: #bb0000;
}

#filliste .sideinfo {
    border-right: 0;
}

#filliste .radinfo {
    border-left: 0;
    text-align: right;
}

#filliste .sideinfo button.disabled {
    display: none;
}

#bildegalleri {
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 0;
}

#bildegalleri .photo {
    float: left;
    margin: 2px;
}

#bildegalleri .lazy.photo {
    width: 100px;
    height: 100px;
}

/* SLUTT: Filarkiv og filvedlegg*/



/* Responsiv tab-meny */


@media (max-width: 770px) {
    .tabMenu li {
        width: 100%;
    }
    .tabMenu li a {
        margin-right: 0;
    }
    .nav-tabs-responsive li:not(.active):not(.tab-prev):not(.tab-next) {
        display: none;
    }
    .nav-tabs-responsive li a {
        min-width: 0;
    }
    .nav-tabs-responsive li.tab-prev,
    .nav-tabs-responsive li.tab-next {
        width: 25%;
    }
    .nav-tabs-responsive li.tab-prev a {
        border-right: 0;
    }
    .nav-tabs-responsive li.tab-prev a:before {
        font-family: 'Glyphicons Halflings';
        content: "\e079";
    }
    .nav-tabs-responsive li.tab-next a {
        border-left: 0;
    }
    .nav-tabs-responsive li.tab-next a:before {
        font-family: 'Glyphicons Halflings';
        content: "\e080";
    }
    .nav-tabs-responsive li.active {
        width: 50%;
    }
    .nav-tabs-responsive li.active a:not(.expander) {
        display: none;
    }
    .nav-tabs-responsive .no-prev {
        margin-left: 25%;
    }
    .nav-tabs-responsive .no-next {
        margin-right: 25%;
    }
}

/* Responsive systemmeldinger */

#systemmelding.systemmelding-responsiv {
    position: fixed;
    top: 15px;
    width: 100%;
    text-align: center;
    z-index: 10000;
    pointer-events: none;
}

#systemmelding.systemmelding-responsiv > div {
    max-width: 800px;
    width: 100%;
    display: inline-block;
    pointer-events: all;
}

#toast-container {
    pointer-events: none;
}

#toast-container div {
    pointer-events: all;
}

.systemmelding-close-responsive {
    float: right;
    padding: 0 0 10px 10px;
    cursor: pointer;
}

/* Responsiv aksjonsgruppe */

.aksjongruppe.affix {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #189191;
    width: 100%;
    background-color: white;
    z-index: 1199;
    overflow: hidden;
    margin-left: -15px;
    padding-left: 15px;
    margin-top: 0;
    text-align: left;
    left: 15px;
}

@media (min-width: 768px) and (max-width: 771px) {
    .col-sm-5.aksjongruppe-parent {
        width: 310px !important;
    }
}

.aksjongruppe.affix span:not(.rbicon) {
    display: inline;
}

.big-map {
    margin-bottom: 0;
}

.big-map .navbar {
    margin-bottom: 0;
    min-height: 0;
}

.btn-bigmap {
    display: none;
}

.big-map .btn-bigmap {
    display: inline-block;
}

      
.maparea {
    margin-bottom: 10px;
    height: 700px;
}
    #bouvetkartmap
    {
        background-color: #ffffff;
        width: 100%;
        height: 100%;
        border: 0;
    }

@media ( max-height: 900px ) {
    body {
        margin-bottom: 0;
    }
}
@media (max-width: 770px) {
    .divKartlagBoksFastHoyre {
        width: 180px;
    }
    .toolheader {
        height: 36px;
    }
    .toolBody {
        max-height: 642px;
    }
}

@media (max-width: 770px) (max-height: 640px){
    .maparea {
        height: 640px;
    }
    
    .toolBody {
        max-height: 482px;
    }
}

.flexbox-revirmarkering {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dekningsgrad-dropdown-header span {
    font-size: 1rem;
    color: #0F6868;
    margin-left: 10px;
}