:root {
    --main-background-color: #F4F3F3;
    --main-bevar-blue: #175FAB;
    --main-bevar-blue-faded-50: rgba(23, 95, 171, 0.8);
    --main-bevar-blue-faded: rgba(23, 95, 171, 0.1);
    --main-text-font-weight: 400;
    --main-text-color-blue: #326BAE;
    --main-text-color-black: #344050;
    --main-text-color-grey: #919191;
    --main-font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --main-link-text-color-blue: #3976B7;
    --main-bevar-menu-blue: #3976B7;
    --main-bevar-divider-color: #DDDDDD;
    --main-bevar-elements-background: rgb(248, 249, 251);
    --main-card-hover-background-color: #F8F9FB;
    --main-card-hover-background-color-faded: rgba(248, 249, 251, 0.5);
    --main-table-marked-color: #ebf5ff;
    --main-border-color: #D7DCE5;
    --main-border-color-faded: rgba(215, 220, 229, 0.5);
    --main-color-black: #3C3C3C;
    --main-color-green: #02986F;
    --main-color-green-faded: rgba(217, 255, 228, 1);
    --main-color-red: #F53737;
    --main-color-yellow: #FFC422;
    --invisible: rgba(0,0,0,0);
}
html, body {
    width: auto!important; 
    overflow-x: hidden!important;
    min-height: 100vh;
}
svg,path {
    pointer-events: none;    
}
.show {
    display: inline !important;
}
/** Override elements */
h1 { /* Hovedtittel */
    font-family: var(--main-font-family);
    font-size: 1.2rem;
    font-weight: 700;
}

h2 { /* Avsnittstittel 1 */
    font-family: var(--main-font-family);
    font-size: 1.1rem;
    font-weight: var(--main-text-font-weight);
}

h3 { /* Avsnittstittel 2 / Tittel for felter */
    font-family: var(--main-font-family);
    font-size: 1rem;
    font-weight: 600;
}

h4 { /* Brødtekst / Tekst i felter */
    font-family: var(--main-font-family);
    font-size: 1.1rem;
    font-weight: var(--main-text-font-weight);
}

h5 { /* Særskilt infotekst / Minimer / Ekspander / Vis / Gå til ... */
    font-family: var(--main-font-family);
    font-size: 1rem;
    font-weight: var(--main-text-font-weight);
}


h3 { /* Avsnittstittel 2 / Tittel for felter */
}

h5 { /* Særskilt infotekst / Minimer / Ekspander / Vis / Gå til ... */
}

h6 { /* Knappetekst */
}
h6 { /* Knappetekst */
    font-family: var(--main-font-family);
    font-size: 0.9rem;
    font-weight: 500;
}

/* Luft mellom hovedtittel og hovedside */
.pt-1 {
    padding-top: 2rem !important;
}
.pb-1 {
    padding-bottom: 2rem !important;
}

/* Luft mellom grupper av felt */
.pt-2 {
    padding-top: 2rem !important;
}

.pb-2 {
    padding-bottom: 2rem !important;
}
/* Luft mellom Cards (store) */
.pt-3 {
    padding-top: 1rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

/* Luft over og under hovedtittel og knapper */
.pt-4 {
    padding-top: 1.125rem !important;
}
.pb-4 {
    padding-bottom: 1.125rem !important;
}

/* Luft mellom felt-tittel til element */
.pt-5 {
    padding-top: 0.6rem !important;
}

.pb-5 {
    padding-bottom: 0.6rem !important;
}

/* Luft under element og ned til neste felt-tittel */
.pt-6 {
    padding-top: 1.1rem !important;
}
.pb-6 {
    padding-bottom: 1.1rem !important;
}
/* Luft mellom element som skal under hverandre uten egne felt-titler */
.pt-7 {
    padding-top: 0.5rem !important;
}
.pb-7 {
    padding-bottom: 0.5rem !important;
}

/* Luft mellom tekst i samme element */
.pt-8 {
    padding-top: 0.5rem !important;
}
.pb-8 {
    padding-bottom: 0.5rem !important;    
}
/* Luft mellom hovedtittel og hovedside */
.mt-1 {
    margin-top: 2rem !important;
}
.mb-1 {
    margin-bottom: 2rem !important;
}


/* Luft mellom grupper av felt */
.mt-2 {
    margin-top: 2rem !important;
}
.mb-2 {
    margin-bottom: 2rem !important;
}

/* Luft mellom Cards (store) */
.mt-3 {
    margin-top: 1rem !important;
}
.mb-3 {
    margin-bottom: 1rem !important;
}

/* Luft over og under hovedtittel og knapper */
.mt-4 {
    margin-top: 1.125rem !important;
}
.mb-4 {
    margin-bottom: 1.125rem !important;
}

/* Luft mellom felt-tittel til element */
.mt-5 {
    margin-top: 0.6rem !important;
}
.mb-5 {
    margin-bottom: 0.6rem !important;
}

/* Luft under element og ned til neste felt-tittel */
.mt-6 {
    margin-top: 1.1rem !important;
}
.mb-6 {
    margin-bottom: 1.1rem !important;
}

/* Luft mellom element som skal under hverandre uten egne felt-titler */
.mt-7 {
    margin-top: 0.5rem !important;
}
.mb-7 {
    margin-bottom: 0.5rem !important;
}

/* Luft mellom tekst i samme element */
.mt-8 {
    margin-top: 0.5rem !important;
}
.mb-8 {
    margin-bottom: 0.5rem !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    h1 { /* Hovedtittel */
        font-size: 3.125vw;
    }

    h2 { /* Avsnittstittel 1 */
        font-size: 2.656vw;
    }
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    h1 { /* Hovedtittel */
        font-size: 1.5rem;
    }

    h2 { /* Avsnittstittel 1 */
        font-size: 1.275rem;
    }
    
    .md-right-content {
        border-left: 1px solid var(--main-bevar-divider-color);
    }
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    /*h1 { !* Hovedtittel *!*/
    /*    font-size: 1.5rem;*/
    /*}*/
    
    /*h2 { !* Avsnittstittel 1 *!*/
    /*    font-size: 1.275rem;*/
    /*}*/
    
}

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


.container {
    padding: 0;
}

.container-fluid {
    padding: 0;
}

.navbar {
    padding: 0;
}

.btn {
    font-family: var(--main-font-family);
    font-size: 0.9rem;
    font-weight: var(--main-text-font-weight);
    line-height: 1.125rem;
    min-height: 2.815rem;
    max-height: 2.815rem;
    max-width: 7rem;
    min-width: 7rem;
    display:inline-block;
    padding: 0.875rem;
    text-align: center;
    border-radius: 4px;
    outline: 0;
    transition: none;
    border: 0;
}

.btn-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn.free-width {
    max-width: inherit !important;
    min-width: inherit !important;
}
.btn.btn-block {
    max-width: none;
}


.btn:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
    -moz-box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
    box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
}
.btn:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn.w-auto {
    min-width: 0;
    max-width: 100%;
    width: 100%;
}
.btn-primary {
    border: 1px solid #175FAB;
    background-color: var(--main-link-text-color-blue);
    color: #FFFFFF;
}

.btn-primary:hover {
    border: 1px solid #414141;
    color: #FFFFFF;
}

.btn-primary:focus {
    border: 1px solid #175FAB;
    background-color: var(--main-link-text-color-blue);
    color: #FFFFFF;
}

.btn-secondary {
    background-color: var(--main-card-hover-background-color);
    border: 1px solid var(--main-border-color);
    color: #414141;
}

.btn-secondary:hover {
    background-color: var(--main-border-color);
    color: #414141;
}

.btn-secondary:focus {
    background-color: var(--main-card-hover-background-color);
    border: 1px solid var(--main-border-color);
    color: #414141;
}

.btn-backButton {
    min-width: 0;
    width: 2.8rem !important;
    border: 1px solid #175FAB;
    background-color: var(--main-link-text-color-blue);
    color: #FFFFFF;
}

.btn-backButton:hover {
    border: 1px solid #414141;
    color: #ffffff;
    background-color: #1862c6; 
}

.btn-backButton:focus {
    border: 1px solid #D7DCE5;
}
.btn-primary .fa-chevron-left, .btn-backButton .fa-chevron-left {
    color: inherit;
}

.btn-success {
    border: 1px solid #02A28A;
    background-color: #027C69;
    color: #FFFFFF;
}

.btn-success:hover {
    background-color: #027C69;
}

.btn-success:focus {
    background-color: #027C69;
}

.btn-link {
    max-width: 100%;
    min-width: 0;
    max-height: 100%;
}

.form-group {
    padding: 0;
    margin: 0;
}

.status-badge {
    display: inline-block;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    margin-top: auto;
    margin-bottom: auto;
}
.status-badge.green {
    background: #00b050;
}

.status-badge.yellow {
    background: #FFCE34;
}

.status-badge.red {
    background: #F53737; 
}

.status-badge.small {
    height: 10px;
    width: 10px;
}

.circle-arrow-right {
    background: #175fab;
    color: white;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bhms-blue-primary {
    background-color: var(--main-link-text-color-blue);
}

.bevar-header {
    background: #3a74b2;
}

.bevar-header-search-input {
    border-radius: 2px !important;
    border: none;
    background: #85abd3;
    color: #ffffff !important;
}
#top > div > div > nav > ul.navbar-nav.align-items-center.d-none.d-lg-block > li > form > svg > path {
    fill: #ffffff !important;
}

/* OVERRIDE NAVIGATION PROPERTIES */
.nav-link {
    padding: 0;
}

.nav-item {
    display:inline;
    padding: 0;
}

.bevar-header-search-input:focus {
    border-radius: 2px !important;
    border: none;
    background: #85abd3;
}

.bevar-header-search-input::-webkit-input-placeholder {
    color: #ffffff !important;
}

#navbarDropdownUser > div > svg > path {
    fill: #ffffff;
}

#navbarDropdownUser > div > svg {
    width: 26px;
}

#navbarDropdownNotification > svg > g > g > path {
    fill: #ffffff;
}

#navbarDropdownNotification.notification-indicator-primary::before {
    background-color: #ec4e29;
    border: none;
    top: 10px;
    left: 16px;
    width: 12px;
    height: 12px;
}

.form-control {
    font-size: 1.0625rem;
    height: 3rem;
}

.existing-previews > .dz-image-preview {
    margin-top: 0.6rem;
}
.dropzone-preview-element {
    min-height: 2.273rem;
}
.dropzone .dz-message {
    cursor: pointer;
    margin: 0 !important;
    background-color: white;
}

.loader {
    border: 0.2rem solid #f3f3f3; /* Light grey */
    border-top: 0.2rem solid #3498db; /* Blue */
    border-radius: 50%;
    margin-right: 0.05rem;
    width: 1rem;
    height: 1rem;
    animation: spin 2s linear infinite;
}

.loader.size-xl{
    border: 1rem solid #f3f3f3; /* Light grey */
    border-top: 1rem solid #3498db; /* Blue */
    width: 6rem;
    height: 6rem;
    margin: 5rem auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.dz-progress {
    width:100%;
}

.dz-progress span {
    height:0.2rem;
    display: inline-block;
    background-color: var(--main-bevar-blue);
}
.dz-preview {
    min-height: 0;
    padding: 0 !important;
    border: 1px solid var(--main-border-color);
    border-radius: 5px;
    color: black;
    height: 2.5rem;
    width: 100%;
}
.dropzone .dz-preview {
    margin: 0;
}
.dropzone.dz-started .dz-message {
    display: inherit;
}
.dropzone .dz-preview .dz-details {
    position: inherit;
    padding:inherit;
    min-width: inherit;
    max-width: inherit;
}
.dz-preview .svg-inline--fa {
    margin: auto 0.5rem;
    display: inline !important;
    width: 1rem;
}
.dz-preview .svg-inline--fa.hidden {
    display: none !important;
}

.dz-preview svg {
    color: rgba(0, 0, 0, 0.5);
    margin-left: 2px;
}

.dz-details:hover,.dz-details:focus {
    cursor:pointer;
    background-color: var(--main-border-color);
}
.dz-preview .media {
    margin-top: 0 !important;
}
.dz-preview .media .media-body {
    margin-left: 0.4rem;
    height: 100%;
    padding-bottom: 0.6rem;
}
.historikk-item > .dz-preview-clone {
    margin-top: 0;
}

.historikk-item > .dz-preview-clone ~ .dz-preview-clone {
    margin-top: 0.6rem;
}

.dz-preview-clone {
    min-height: 0;
    padding: 0 !important;
}

.dz-preview-clone {
    border: 1px solid var(--main-border-color);
    border-radius: 5px;
    padding: 0.2rem;
    color: black;
    height: 2.5rem;
}
.dz-preview-clone .svg-inline--fa {
    margin: auto 0.5rem;
    display: inline !important;
    width: 1rem;
}
.dz-preview-clone .svg-inline--fa.hidden {
    display: none !important;
}

.dz-preview-clone svg {
    color: rgba(0, 0, 0, 0.5);
    margin-left: 2px;
}

.dz-preview-clone {
    border: 1px solid var(--main-bevar-divider-color);
    border-radius: 5px;
}
.dropzone.dropzone-multiple .dz-image {
    height: auto;
    max-height: 10rem;
    width: auto;
    border: 0;
}    

.dropzone-delete-button .dropdown-item {
    height: 100%;
}

.dropzone-delete-button .dropdown-item .fa-trash-alt {
    margin-top: 0.4rem;
}
.dropzone-delete-button {
    border-left: 1px solid var(--main-border-color);
    cursor: pointer;
    display: none;
}
#dropzone-preview-element .dropzone-delete-button {
    display:none;
}

.dropzone.dz-clickable * { 
    cursor: pointer;
}
.dropzone-name {
    width: 100%;
}
.dropzone-name .preview-filename {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dropzone-name > div {
    pointer-events: none;
}

.dropzone-name > svg {
    pointer-events: none;    
}
.btn-link {
    color: var(--main-link-text-color-blue);
}

.page-button-bar {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    margin: auto;
}
.page-header-bar {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    border-top: 1px rgba(215,220,229,.75) solid;
    border-bottom: 1px rgba(215,220,229,.75) solid;
    margin: auto;
}

.page-header {
    font-size: 1.5rem;
    font-weight: bold;
    color:black;
}
.content {
    padding-top: 0;
    margin-right: auto;
    margin-left: auto;
    max-width: 1141px;
    padding-left: 15px;
    padding-right: 15px;
}
.content-fixed-size {
    width:1141px;
}
.white {
    color: #ffffff
}

.sec {
    position: relative;
    right: -8px;
    top: -2px;
}

.counter {
    position: relative;
    top: -20px;
    left: auto;
    z-index: 2;
    padding: 1px 4px;
    margin-left: -15px;
    font-size: 5px;
    color: #fff;
    background-color: #fe1212;
    border-radius: 10em;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.counter.counter-lg {
    top: -12px !important;
}

.iframe {
    width: 100%;
}

#navbar-notification-icon {
    min-width: 2rem;
}
#navbar-notification-profile {
    min-width: 2rem;
}
#navbar-notification-menu {
    min-width: 2rem;
}

.feilmelding {
    color: red;
    font-size: .9rem;
    text-align: center;
}

.bekreftelse {
    color: green;
    font-size: .9rem;
    text-align: center;
}

.blue {
    color: var(--main-link-text-color-blue);
}

.fa-times-circle {
    color: #FF5F5F;
    font-size: 17px;
}

.accordion-icon {
    color: var(--main-text-color-blue);
}

.fa-chevron-right, .fa-chevron-left {
    color: var(--main-bevar-blue);
}



.popup-modal {
    width: 0;
}
.popup-modal.show {
    display: block;
    width:100%;
    background-color: rgba(0,0,0,0.5);
}


@media (max-width: 369px) {

    .btn-secondary, .btn-primary, .btn-success {
        max-width: 5.5rem;
        min-width: 5.5rem;
        font-size: 0.8rem;
    }
    
    .btn-backButton {
        min-width: 0;
    }
}


.fa-file-image {
    font-size: 1.5rem;
}
.fa-file-video {
    font-size: 1.5rem;
}
.fa-file {
    font-size: 1.5rem;
}

@media (max-width: 768px) {
    .preview-modal {
        margin-top: 0;
    }
}
@media (min-width: 768px) {
    .preview-modal.modal-dialog {
        max-width: 80%;
    }
    .preview-modal .modal-container {
        margin: 0.2rem 2.5rem;
        background-color: rgba(0,0,0,0.5);
    }
    .loader.size-xl {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }
}

.preview-modal-parent {
    background-color: #4C4C4C;
}

.preview-modal h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preview-modal .img-responsive {
    max-height: 80vh;
}

/*body.modal-open {
    overflow: hidden;
    position: fixed;
}
*/
.modal-content {
    min-height: 16rem;
}

.modal-body {
    flex: 0 0;
    margin-top: auto;
    margin-bottom: auto;
}

.modal-dialog .close {
    cursor: pointer;
}

.close-modal-icon {
    height: 2rem; 
    width: 2rem;
}

.dropdown-item:hover, .dropdown-item:focus {
    background-color: var(--main-border-color);
}

.upload-progress {
    margin-left: 0.125rem;
    margin-right: 0.5rem;
}
#m-check-mark {
    width: 1rem;
    height: auto;
    display: inline;
}

#checkmark {
    stroke: var(--main-bevar-blue);
    stroke-opacity: 1;
    stroke-width: 40;
    stroke-dasharray: 640;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: draw-around 1s;
    -ms-animation: draw-around 1s ;
    animation: draw-around 1s;
}
@-ms-keyframes draw-around {
    0% {
        stroke-dashoffset: 640;
    }
    10% {
        stroke-dashoffset: 640;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes draw-around {
    0% {
        stroke-dashoffset: 640;
    }
    10% {
        stroke-dashoffset: 640;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes draw-around {
    0% {
        stroke-dashoffset: 640;
    }
    10% {
        stroke-dashoffset: 640;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

.veiledning {
    margin-top: 0.2rem;
    color: black;
    background-color: white;
}

.veiledning.selected .card-text-helper {
    color: white;
}

.veiledning.card h3 {
    color: inherit;
}

.veiledning.selected, .veiledning.card:hover, a:focus .veiledning.card, a:focus-visible .veiledning.card {
    background-color: var(--main-bevar-blue);
    color: white;
}

.veiledning.card:hover .card-text-helper {
    color: white;
}

.veiledning.card:hover .circle-arrow-right {
    background: white;
    color: var(--main-bevar-blue);
}

.veiledning.card h4, .veiledning.card .fa-chevron-right {
    color: inherit;
}

#veiledning-video {
    padding-bottom: 2rem;
}
#veiledning-video iframe {
    width: 100%;
}
.card-text-helper {
    color: var(--main-bevar-blue);
}
.card-text-helper h5, .card-text-helper .fa-chevron-right {
    color: inherit;
}

.text-restrict {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal-title {
    color: var(--main-text-color-grey)
}
.modal-body {
    color: var(--main-text-color-black)
}

input.input-error,textarea.input-error,select.input-error {
    color: #344050;
    background-color: #fff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

#veiledning-video {
    margin-top: -0.8rem;
}

#cookieConsent {
    color: white;
    position: fixed;
    bottom: 0;
    margin-bottom: 1rem;
    z-index: 1;
    width: 100%;
}
#cookieConsent .cookie-container {
    background-color: rgba(52, 52, 52, 0.9);
    border-radius: 5px;
    padding: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 1141px;
    display: flex !important;
    flex-direction: row !important;
    width: calc(100% - 2rem);
    justify-content: space-between;
}

#cookieConsent .cookie-action {
    display: flex;
    flex-direction: column !important;
    padding-left: 2rem;
}

#cookieConsent .btn {
    width: 16rem;
    max-width: 16rem;
}

#cookieConsent .btn.btn-primary {
    margin-bottom: 1rem;
}
@media (max-width: 768px) {
    #cookieConsent .cookie-container {
        flex-direction: column !important;
    }
    #cookieConsent .cookie-action {
        margin-top: 1.5rem;
        flex-direction: row !important;
        justify-content: space-between;
        padding-left: 0;
    }
    #cookieConsent .btn {
        width: 8rem;
        max-width: 8rem;
    }
    #cookieConsent .btn.btn-primary {

        margin-bottom: 0;
    }
}