*,
*:before,
*:after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

:focus {
    box-shadow: none !important;
    outline: none;
}

html,
body {
    height: 100%;
    overflow: auto;
}

body {
    background-color: #d3d6d3;
    font-family: 'Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', sans-serif;
    font-size: 14px;
    line-height: 28px;
    color: #334a34;
}

.mandatory label.question-label::after,
.page_mandatory label.question-label::after {
    content: '*';
    color: rgb(0, 0, 0);
    display: inline;
}

.tag-infoboks {
    border-radius: 6px;
    background-color: #D5E0BE;
    color: #334a34;
    padding: 10px 5px 10px 5px;
}

.hint_BOTTOM {
	font-size: 85%;
	font-style: italic;
	opacity: 80%;
}

.badge-primary {
	color: #334a34;
	font-weight: normal;
	background-color: #D5E0BE;
}

.ml-auto {
	justify-content: flex-end;
}

.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
	border-radius: 5px;
}

.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
	border-radius: 5px;
	margin-right: 10px;
	height: 40px;
}

#instructs {
    display: none;
}

*:before,
*:after,
img,
video,
svg,
input,
textarea,
button,
iframe {
    display: block;
}

img {
    border-radius: 2%;
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.4);
}

.tag-sentrerBilde img{
    margin: 0 auto;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
}


h1,
h2 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
}

h3,
h4,
h5,
h6 {
    font-weight: 400;
}

h3 {
    font-size: 22px;
    line-height: 32px;
}

h4 {
    font-size: 20px;
    line-height: 30px;
}

h5 {
    font-size: 16px;
    line-height: 28px;
}

h6 {
    font-size: 16px;
    line-height: 26px;
}

p:not(:last-child) {
    margin-bottom: 30px;
}

p a {
    display: inline;
}

ul,
ol {
    list-style: none;
}

b, strong {
    font-weight: 700;
}

small {
    font-size: 14px;
}

big {
    font-size: 22px;
}

img,
video,
svg,
iframe {
    max-width: 100%;
}

input,
textarea,
button {
    font-family: inherit;
    font-size: inherit;
}

input,
textarea {
    width: 100%;
}

input[type='checkbox'],
input[type='radio'],
input[type='submit'],
button {
    cursor: pointer;
}

textarea {
    resize: none;
}

label {
    margin-bottom: 10px;
}

iframe {
    border: none;
}

header {
    display: flex;
    align-items: center;
    width: 100%;
	height: 100px;
    overflow: auto;
    top: 0;
    position: sticky;
    border-bottom: 5px solid #6B9565;
    padding: 0 15px;
    background-color: #d3d6d3;
    
}

header:before {
    content: '';
    width: 190px;
    height: 50px;
    background: url(img/logo.png) center no-repeat;
    background-size: contain cover;
    z-index: 1000;
}

header:not(:last-child) {
    margin-bottom: 50px;
    z-index: 1000;
}

header > * {
	display: none;
}

.btn {
    display: block;
    width: fit-content;
    width: -moz-fit-content;
    background-color: #6B9565;
    border: none;
    border-radius: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .4s;
    padding: 7px 21px;
}

.btn:hover {
    background-color: #D5E0BE;
    color: #fff;
    text-decoration: none;
}

.btn-primary,
.btn-primary:hover {
    border-color: #D5E0BE;
}

.btn-primary {
    background-color: #6B9565;
}

.page-title .btn,
.btn.help-btn,
.btn.addGroup,
.btn.removeGroup {
    justify-content: center;
    align-items: center;
    background-color: #6B9565;
    border: none;
    font-size: 0;
    transition: background-color .4s;
    padding: 0;
	position: relative;
}

.page-title .btn,
.btn.addGroup,
.btn.removeGroup {
    display: flex;
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 5px;
}

.page-title .btn:hover,
.btn.help-btn:hover,
.btn.addGroup:hover,
.btn.removeGroup:hover {
    background-color: #A4C574;
}

/* Stil for å vise teksten på hover */
.btn.addGroup::after {
    content: "Legg til"; /* Teksten som skal vises */
    position: absolute; /* Posisjoner pseudo-elementet */
    top: 50%; /* Juster vertikalt til midten */
    left: 50%; /* Plasserer teksten i midten av knappen */
    transform: translate(-50%, -150%); /* Juster posisjonen */
    color: rgba(0, 0, 0, 0.7); /* Svart, litt dusere */
    padding: 5px 10px; /* Padding rundt teksten */
    border-radius: 5px; /* Runde hjørner */
    white-space: nowrap; /* Forhindrer tekstbryting */
    opacity: 0; /* Skjuler teksten */
    transition: opacity .4s, color .4s; /* Overgangseffekt for synlighet og farge */
    pointer-events: none; /* Forhindrer at teksten kan klikkes */
    font-size: 14px; /* Stiller inn fontstørrelsen */
    font-style: italic; /* Gjør teksten kursiv */
}

.btn.removeGroup::after {
    content: "Fjern"; /* Teksten som skal vises */
    position: absolute; /* Posisjoner pseudo-elementet */
    top: 50%; /* Juster vertikalt til midten */
    left: 50%; /* Plasserer teksten i midten av knappen */
    transform: translate(-50%, -150%); /* Juster posisjonen */
    color: rgba(0, 0, 0, 0.7); /* Svart, litt dusere */
    padding: 5px 10px; /* Padding rundt teksten */
    border-radius: 5px; /* Runde hjørner */
    white-space: nowrap; /* Forhindrer tekstbryting */
    opacity: 0; /* Skjuler teksten */
    transition: opacity .4s, color .4s; /* Overgangseffekt for synlighet og farge */
    pointer-events: none; /* Forhindrer at teksten kan klikkes */
    font-size: 14px; /* Stiller inn fontstørrelsen */
    font-style: italic; /* Gjør teksten kursiv */
}

.btn.addGroup:hover::after, .btn.removeGroup:hover::after {
    opacity: 0.75; /* Viser teksten */
}

.page-title .btn:after,
.btn.help-btn:before,
.btn.addGroup:before,
.btn.removeGroup:before {
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.page-title .btn:after,
.btn.addGroup:before,
.btn.removeGroup:before {
    width: 20px;
    height: 20px;
}

.page-title .btn:hover:after,
.btn.help-btn:hover:before,
.btn.addGroup:hover:before,
.btn.removeGroup:hover:before {
    filter: unset;
}

.page-title .btn:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik01MjAtMjAwdi01NjBoMjQwdjU2MEg1MjBabS0zMjAgMHYtNTYwaDI0MHY1NjBIMjAwWm00MDAtODBoODB2LTQwMGgtODB2NDAwWm0tMzIwIDBoODB2LTQwMGgtODB2NDAwWm0wLTQwMHY0MDAtNDAwWm0zMjAgMHY0MDAtNDAwWiIvPjwvc3ZnPg==);
}

.btn.help-btn {
    display: inline-flex;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 50%;
}

.btn.help-btn:not(:first-child) {
    position: relative;
    top: -2px;
}

.btn.help-btn:before {
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNiAxLjRDNS42IDEuMDI4NyA1Ljc0NzUgMC42NzI2MDEgNi4wMTAwNSAwLjQxMDA1MUM2LjI3MjYgMC4xNDc1IDYuNjI4NjkgMCA3IDBDNy4zNzEzIDAgNy43Mjc0IDAuMTQ3NSA3Ljk4OTk1IDAuNDEwMDUxQzguMjUyNSAwLjY3MjYwMSA4LjQgMS4wMjg3IDguNCAxLjRDOC40IDEuNzcxMyA4LjI1MjUgMi4xMjc0IDcuOTg5OTUgMi4zODk5NUM3LjcyNzQgMi42NTI1IDcuMzcxMyAyLjggNyAyLjhDNi42Mjg2OSAyLjggNi4yNzI2IDIuNjUyNSA2LjAxMDA1IDIuMzg5OTVDNS43NDc1IDIuMTI3NCA1LjYgMS43NzEzIDUuNiAxLjRaTTQuMiA1LjZDNC4yIDUuMDgzNzUgNC42MTcwOCA0LjY2NjY3IDUuMTMzMzMgNC42NjY2N0g3QzcuNTE2MjUgNC42NjY2NyA3LjkzMzMzIDUuMDgzNzUgNy45MzMzMyA1LjZWMTIuMTMzM0g4Ljg2NjY2QzkuMzgyOTEgMTIuMTMzMyA5LjggMTIuNTUwNCA5LjggMTMuMDY2N0M5LjggMTMuNTgyOSA5LjM4MjkxIDE0IDguODY2NjYgMTRINS4xMzMzM0M0LjYxNzA4IDE0IDQuMiAxMy41ODI5IDQuMiAxMy4wNjY3QzQuMiAxMi41NTA0IDQuNjE3MDggMTIuMTMzMyA1LjEzMzMzIDEyLjEzMzNINi4wNjY2NlY2LjUzMzMzSDUuMTMzMzNDNC42MTcwOCA2LjUzMzMzIDQuMiA2LjExNjI1IDQuMiA1LjZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    background-size: 10px;
}

.btn.addGroup:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik00NDAtNDQwSDIwMHYtODBoMjQwdi0yNDBoODB2MjQwaDI0MHY4MEg1MjB2MjQwaC04MHYtMjQwWiIvPjwvc3ZnPg==);
}

.btn.removeGroup:before {
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0yODAtMTIwcS0zMyAwLTU2LjUtMjMuNVQyMDAtMjAwdi01MjBoLTQwdi04MGgyMDB2LTQwaDI0MHY0MGgyMDB2ODBoLTQwdjUyMHEwIDMzLTIzLjUgNTYuNVQ2ODAtMTIwSDI4MFptNDAwLTYwMEgyODB2NTIwaDQwMHYtNTIwWk0zNjAtMjgwaDgwdi0zNjBoLTgwdjM2MFptMTYwIDBoODB2LTM2MGgtODB2MzYwWk0yODAtNzIwdjUyMC01MjBaIi8+PC9zdmc+);
}

.btn[name='removeUploadedFile'] {
    margin-left: auto;
}

.btn[name='removeUploadedFile']:not(:first-child) {
    margin-top: 20px;
}

.form-control {
    height: 40px;
    background-color: #fff;
    border: 1px solid rgba(38, 43, 54, .2);
    border-radius: 4px;
    font-size: 16px;
    line-height: 18px;
    color: var(--secondary);
    transition: border-color .4s;
    padding: 0 15px;
}

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

.custom-file {
	display: block;
    width: 100%;
	height: 40px;
}

.custom-file-input {
	display: none;
}

.custom-file-label {
    display: flex;
    align-items: center;
	width: 100%;
	height: 100%;
    overflow: hidden;
	border: 1px solid #cacaca;
    border-radius: 5px;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	color: #04294D;
    white-space: nowrap;
    text-overflow: ellipsis;
	cursor: pointer;
	transition: border-color .4s;
	margin: 0;
	padding: 0 0 0 16px;
}

.custom-file-label:hover,
.custom-file-input:focus ~ .custom-file-label {
    border-color: #6B9565;
}

.custom-file-input:focus ~ .custom-file-label {
    box-shadow: none;
}

.custom-file-input.is-invalid~.custom-file-label {
	border-color: #ff0000;
}

.custom-file.is-invalid~.invalid-feedback, .form-check.is-invalid~.invalid-feedback, .datePickerElement~.invalid-feedback, .form-control.is-invalid~.invalid-feedback {
	color: #ff0000;
	display: block !important;
}

.custom-file-label:before {
    content: '';
    width: 96px;
    height: calc(100% - 4px);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
    background-color: #fff;
    border-radius: 0 28px 28px 0;
}

.custom-file-label:after {
	content: '' !important;
	width: 30px;
	height: 30px;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
    z-index: 2;
	background-color: #6B9565;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0zMjAtMjQwaDMyMHYtODBIMzIwdjgwWm0wLTE2MGgzMjB2LTgwSDMyMHY4MFpNMjQwLTgwcS0zMyAwLTU2LjUtMjMuNVQxNjAtMTYwdi02NDBxMC0zMyAyMy41LTU2LjVUMjQwLTg4MGgzMjBsMjQwIDI0MHY0ODBxMCAzMy0yMy41IDU2LjVUNzIwLTgwSDI0MFptMjgwLTUyMHYtMjAwSDI0MHY2NDBoNDgwdi00NDBINTIwWk0yNDAtODAwdjIwMC0yMDAgNjQwLTY0MFoiLz48L3N2Zz4=);
    background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
	border: none;
    border-radius: 5px;
    transition: background-color .4s;
	padding: 0;
}

.custom-file-label:hover:after {
    background-color: #6B9565;
}

.custom-file~small {
    display: block;
    width: fit-content;
    width: -moz-fit-content;
	position: relative;
    top: -28px;
    left: 5px;
    z-index: 1;
	font-size: 16px;
    line-height: 16px;
}

.custom-file[uploaded='yes'] ~ small {
	display: none;
}

.form-check-inline {
    margin-right: 20px;
}

.form-check {
    position: relative;
	padding: 0;
}

.form-check:not(:last-child) {
    margin-bottom: 15px;
}

.form-check input[type='checkbox'],
.form-check input[type='checkbox']+label:before,
.form-check input[type='radio'],
.form-check input[type='radio']+label:before {
    width: 20px;
    height: 20px;
    position: absolute !important;
	top: 3px;
	left: 0;
}

.form-check input[type='checkbox'],
.form-check input[type='radio']  {
	z-index: 1;
	opacity: 0;
	cursor: pointer;
	margin: 0;
}

.form-check input[type='checkbox']+label,
.form-check input[type='radio']+label  {
	padding-left: 30px;
}

.form-check input[type='checkbox']+label:before,
.form-check input[type='radio']+label:before  {
	content: '';
	background-color: #fff;
	border: 1px solid #6B9565;
    transition: background-color .4s, border-color .4s;
}

.form-check input[type='radio']+label:before {
    border-radius: 50%;
}

.form-check input[type='checkbox']:checked+label:before,
.form-check input[type='radio']:checked+label:before {
    border-color: #6B9565;
    background-color: #6B9565;
}

.form-check input[type='checkbox']+label:after,
.form-check input[type='radio']+label:after {
    content: '';
    position: absolute;
    opacity: 0;
    transition: opacity .4s;
}

.form-check input[type='checkbox']+label:after {
	width: 5px;
	height: 10px;
	top: 7px;
	left: 8px;
	transform: rotate(45deg);
	border: 2px solid #fff;
	border-width: 0 2px 2px 0;
}

.form-check input[type='radio']+label:after {
    width: 8px;
    height: 8px;
    top: 9px;
    left: 6px;
    background-color: #fff;
    border-radius: 50%;
}

.form-check input[type='checkbox']:checked ~ label:after,
.form-check input[type='radio']:checked ~ label:after {
	opacity: 1;
}

form .select2-container .select2-selection--single {
	height: 40px;
}

form .select2-container--default .select2-selection--single {
    border: 1px solid #cacaca;
    border-radius: 5px;
    background-color: #fff;
    transition: border-color .4s;
}

form .select2-container--default .select2-selection--single:hover,
form .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
form .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-color: #6B9565;
}

form .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    line-height: 40px;
    color: var(--secondary);
    padding: 0 96px 0 15px;
}

form .select2-container--default .select2-selection--single .select2-selection__arrow {
    content: '' !important;
	width: 30px;
	height: 30px;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
    z-index: 2;
	background-color: #6B9565;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik00ODAtMzQ0IDI0MC01ODRsNTYtNTYgMTg0IDE4NCAxODQtMTg0IDU2IDU2LTI0MCAyNDBaIi8+PC9zdmc+);
    background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	border: none;
    border-radius: 5px;
    transition: background-color .4s;
	padding: 0;
}

form .select2-container--default .select2-selection--single:hover .select2-selection__arrow,
form .select2-container--default.select2-container--open.select2-container--above .select2-selection--single .select2-selection__arrow,
form .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple .select2-selection__arrow {
    background-color: #6B9565;
}

form .select2-container--default .select2-selection--single .select2-selection__arrow * {
    display: none;
}

span.select2-container--default .select2-results__option,
span.select2-container--default .select2-results__option[aria-selected=true] {
    font-size: 16px;
    line-height: 26px;
}

span.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff;
    color: #333;
}

span.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #00aa50;
    color: #fff;
}

span.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 40px;
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 5px;
    font-size: 16px;
    line-height: 18px;
    color: var(--secondary);
    padding: 0 15px;
}

.alert,
.invalid-feedback {
    width: fit-content;
    width: -moz-fit-content;
    background-color: #fff;
    border-radius: 5px;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    margin: 0 auto;
    padding: 5px 20px;
}

.alert-danger,
.invalid-feedback {
    color: #ff0000;
}

.alert {
    border: none;
}

.alert:not(:first-child),
.invalid-feedback:not(:first-child) {
    margin-top: 15px;
}

.alert:not(:last-child),
.invalid-feedback:not(:last-child) {
    margin-bottom: 15px;
}

.jumbotron {
    background-color: #6B9565;
    border-radius: 5px;
    color: #000000;
    padding: 20px;
    margin-bottom: 50px;

}

.jumbotron a{
    color: #D5E0BE;
}

.jumbotron > hr {
    display: none;
}

.jumbotron p:not(:last-child) {
    margin-bottom: 32px !important;
    margin-top: 32px;

}

.jumbotron form#enterWorkFlow {
    max-width: 700px;
    margin: 0 auto;
}

.jumbotron form#enterWorkFlow:not(:last-child) {
    margin-bottom: 32px;
}

.jumbotron .form-inline {
    display: block;
    position: relative;
    max-width: 400px;
    margin: 0 auto;
} 

.jumbotron .form-inline .form-control[name='newReferenceNumber'] {
    display: block;
    width: 100%;
    height: 40px;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    color: #000000;
    padding: 0 15px;
    margin-right: 0 !important;
}

.jumbotron .form-inline .form-control[name='newReferenceNumber']::-webkit-input-placeholder {
    color: inherit;
}

.jumbotron .languageSelectionSection:not(:first-child) {
    margin-top: 32px;
}

.jumbotron .languageSelectionSection > div,
.jumbotron .languageSelectionSection .formElementItem {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}

.jumbotron .languageSelectionSection > div {
    align-items: center;
}

.jumbotron .languageSelectionSection .btn.language-selected {
    position: relative;
    pointer-events: none;
    padding-right: 46px;
}

.jumbotron .languageSelectionSection .btn.language-selected:after {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBmaWxsPSIjZmZmZmZmIj48cGF0aCBkPSJNNDM4LjYgMTA1LjRjMTIuNSAxMi41IDEyLjUgMzIuOCAwIDQ1LjNsLTI1NiAyNTZjLTEyLjUgMTIuNS0zMi44IDEyLjUtNDUuMyAwbC0xMjgtMTI4Yy0xMi41LTEyLjUtMTIuNS0zMi44IDAtNDUuM3MzMi44LTEyLjUgNDUuMyAwTDE2MCAzMzguNyAzOTMuNCAxMDUuNGMxMi41LTEyLjUgMzIuOC0xMi41IDQ1LjMgMHoiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: invert(1);
}

.jumbotron .btn-primary,
.jumbotron .languageSelectionSection .btn {
    background-color: #E8E8E8;
    border-color: #E8E8E8;
    border-radius: 5px;
    color: #333;
}

.jumbotron .btn-primary:hover,
.jumbotron .languageSelectionSection .btn:hover {
    background-color: #fff;
}

.jumbotron .btn {
    margin: 0 auto;
}

.jumbotron .btn#byPassFrontPage {
    margin: 32px auto 0;
}

.jumbotron .btn[name='byPassFrontPage'] {
    margin-top: 16px;
}

.form-authentication-methods {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-authentication-methods > li {
	width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

.form-authentication-methods .btn {
    width: 100%;
	position: relative;
    background-color: #E8E8E8;
    border-radius: 5px;
    color: #333;
    text-align: center;
    white-space: unset;
    padding-left: 46px;
    transition: background-color .4s;
}

.form-authentication-methods .btn:hover {
    background-color: #fff;
}

.form-authentication-methods .btn:before {
	content: '';
	width: 20px;
	height: 20px;
    position: absolute;
    top: 10px;
    left: 21px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.form-authentication-methods .btn[value='IDPortenOIDCConfig']:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4LjY1MTcgMEgxLjM0ODI4QzAuNjAzNjQ1IDAgMCAwLjYwMzY0NSAwIDEuMzQ4MjhWMjguNjUxN0MwIDI5LjM5NjQgMC42MDM2NDUgMzAgMS4zNDgyOCAzMEgyOC42NTE3QzI5LjM5NjQgMzAgMzAgMjkuMzk2NCAzMCAyOC42NTE3VjEuMzQ4MjhDMzAgMC42MDM2NDUgMjkuMzk2NCAwIDI4LjY1MTcgMFoiIGZpbGw9IiNEMEQyQ0UiLz4KPHBhdGggZD0iTTEyLjg2MDkgMTkuMTMzMkw5LjEzNzYgMTMuNjg1OUM4Ljc4MDAzIDEyLjgzMTQgOS44MTk5NCAxMi4zOTUxIDkuODkyMTEgMTIuMzczOFYxMS4yMjU2SDQuMzEzNjVWMTYuMTU3OEg0LjMzODI2QzQuNzQzNCAxNi4xNzc1IDQuOTQxODYgMTYuMjg3NCA1LjEzNTQxIDE2LjU4NTlDNS4yNDE3OSAxNi43NDUyIDUuMjk4ODQgMTYuOTMyMyA1LjI5OTQ0IDE3LjEyMzlWMjAuNzQ1NUM1LjMwODQ1IDIwLjg3NiA1LjI5MDAxIDIxLjAwNjggNS4yNDUzIDIxLjEyOTdDNS4yMDA1OSAyMS4yNTI2IDUuMTMwNjEgMjEuMzY0NyA1LjAzOTg3IDIxLjQ1ODhDNC45NDkxNCAyMS41NTMgNC44Mzk2NyAyMS42MjcgNC43MTg1NCAyMS42NzYyQzQuNTk3NCAyMS43MjU0IDQuNDY3MjkgMjEuNzQ4NyA0LjMzNjYyIDIxLjc0NDRINC4zMTIwMVYyNS45ODQ1QzQuMzEzMzEgMjYuMDgwMiA0LjM1MjI0IDI2LjE3MTUgNC40MjAzOSAyNi4yMzg4QzQuNDg4NTQgMjYuMzA2IDQuNTgwNDIgMjYuMzQzNyA0LjY3NjE1IDI2LjM0MzdIOS45MDAzMVYyNS4xOTU1QzkuODAzNTQgMjUuMTU3OCA4Ljg3NjggMjQuNjg3IDkuMzYyMzEgMjMuNzc4M0wxMi44NjkxIDE5LjEzODFMMTIuODYwOSAxOS4xMzMyWiIgZmlsbD0iIzJEMkYzMiIvPgo8cGF0aCBkPSJNMTcuMTM4OCAxOS4xMzMyTDIwLjg2MjIgMTMuNjg1OUMyMS4yMTk4IDEyLjgzMTQgMjAuMTgxNSAxMi4zOTUxIDIwLjEwOTMgMTIuMzczOEgyMC4xMDExVjExLjIyNTZIMjUuNjkxMVYxNi4xNTc4SDI1LjY2NjVDMjUuMjYzIDE2LjE3NzUgMjUuMDYyOSAxNi4yODc0IDI0Ljg2OTMgMTYuNTg1OUMyNC43NjI5IDE2Ljc0NTIgMjQuNzA1OSAxNi45MzIzIDI0LjcwNTMgMTcuMTIzOVYyMC43NDU1QzI0LjY5NjMgMjAuODc2IDI0LjcxNDcgMjEuMDA2OCAyNC43NTk0IDIxLjEyOTdDMjQuODA0MSAyMS4yNTI2IDI0Ljg3NDEgMjEuMzY0NyAyNC45NjQ4IDIxLjQ1ODhDMjUuMDU1NiAyMS41NTMgMjUuMTY1IDIxLjYyNyAyNS4yODYyIDIxLjY3NjJDMjUuNDA3MyAyMS43MjU0IDI1LjUzNzQgMjEuNzQ4NyAyNS42NjgxIDIxLjc0NDRIMjUuNjkyN1YyNS45ODQ1QzI1LjY5MTQgMjYuMDgwMiAyNS42NTI1IDI2LjE3MTUgMjUuNTg0MyAyNi4yMzg4QzI1LjUxNjIgMjYuMzA2IDI1LjQyNDMgMjYuMzQzNyAyNS4zMjg2IDI2LjM0MzdIMjAuMDk2MlYyNS4xOTU1SDIwLjEwNkMyMC4yMDI4IDI1LjE1NzggMjEuMTI5NiAyNC42ODcgMjAuNjQ0IDIzLjc3ODNMMTcuMTM3MiAxOS4xMzgxTDE3LjEzODggMTkuMTMzMloiIGZpbGw9IiMyRDJGMzIiLz4KPHBhdGggZD0iTTI1LjY4NjMgNC44NjM0M0MyNS42ODgxIDQuNTQ2NTggMjUuNTY0IDQuMjQxOTkgMjUuMzQxMyA0LjAxNjU3QzI1LjExODcgMy43OTExNCAyNC44MTU2IDMuNjYzMyAyNC40OTg4IDMuNjYxMTNIMjEuNzM5OVY2LjI4NTUySDE3LjQ2NTRDMTcuNDIwOSA2LjI5MTgxIDE3LjM3NTUgNi4yODc2NSAxNy4zMzI4IDYuMjczMzlDMTcuMjkwMiA2LjI1OTEzIDE3LjI1MTQgNi4yMzUxNCAxNy4yMTk2IDYuMjAzMzNDMTcuMTg3OCA2LjE3MTUyIDE3LjE2MzggNi4xMzI3NSAxNy4xNDk1IDYuMDkwMDhDMTcuMTM1MyA2LjA0NzQyIDE3LjEzMTEgNi4wMDIwMiAxNy4xMzc0IDUuOTU3NDdWMy42NjExM0gxMi44NjI5TDEyLjg3MjggNS45NzA1OUMxMi44NzI4IDYuMTkyMDIgMTIuNzc2IDYuMjkwNDQgMTIuNTU5NSA2LjI5MDQ0SDguMjYwNDFWMy42NjExM0g1LjM2MDQ3QzUuMDY5ODcgMy42OTg0IDQuODAyOTcgMy44NDA3OCA0LjYxMDE3IDQuMDYxMzhDNC40MTczNyA0LjI4MTk4IDQuMzEyMDEgNC41NjU1NCA0LjMxMzk5IDQuODU4NTFWOS4yNDEyM0gyNS42ODYzVjQuODYzNDNaIiBmaWxsPSIjMkQyRjMyIi8+Cjwvc3ZnPgo=);

}

.form-authentication-methods .btn[value='BankIDOIDCConfig']:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4LjY1MTcgMEgxLjM0ODI4QzAuNjAzNjQ1IDAgMCAwLjYwMzY0NSAwIDEuMzQ4MjhWMjguNjUxN0MwIDI5LjM5NjQgMC42MDM2NDUgMzAgMS4zNDgyOCAzMEgyOC42NTE3QzI5LjM5NjQgMzAgMzAgMjkuMzk2NCAzMCAyOC42NTE3VjEuMzQ4MjhDMzAgMC42MDM2NDUgMjkuMzk2NCAwIDI4LjY1MTcgMFoiIGZpbGw9IiMzOTEzNEMiLz4KPHBhdGggZD0iTTkuMTU1NzcgMTAuMTE3NUg1LjI1OTY3QzQuNzQwMTkgMTAuMTE3NSA0LjI4NTY0IDkuNjYyOTQgNC4yODU2NCA5LjE0MzQ2QzQuMjg1NjQgOC42MjM5OCA0Ljc0MDE5IDguMTY5NDMgNS4yNTk2NyA4LjE2OTQzSDkuMTU1NzdDOS42NzUyNSA4LjE2OTQzIDEwLjEyOTggOC42MjM5OCAxMC4xMjk4IDkuMTQzNDZDMTAuMTI5OCA5LjY2Mjk0IDkuNjc1MjUgMTAuMTE3NSA5LjE1NTc3IDEwLjExNzVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNOS4xNTU3NyAxNy45MDk1SDUuMjU5NjdDNC43NDAxOSAxNy45MDk1IDQuMjg1NjQgMTcuNDU0OSA0LjI4NTY0IDE2LjkzNTVDNC4yODU2NCAxNi40MTYgNC43NDAxOSAxNS45NjE0IDUuMjU5NjcgMTUuOTYxNEg5LjE1NTc3QzkuNjc1MjUgMTUuOTYxNCAxMC4xMjk4IDE2LjQxNiAxMC4xMjk4IDE2LjkzNTVDMTAuMTI5OCAxNy40NTQ5IDkuNjc1MjUgMTcuOTA5NSA5LjE1NTc3IDE3LjkwOTVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNOS4xNTU3NyAyMS44MDZINS4yNTk2N0M0Ljc0MDE5IDIxLjgwNiA0LjI4NTY0IDIxLjM1MTQgNC4yODU2NCAyMC44MzE5QzQuMjg1NjQgMjAuMzEyNSA0Ljc0MDE5IDE5Ljg1NzkgNS4yNTk2NyAxOS44NTc5SDkuMTU1NzdDOS42NzUyNSAxOS44NTc5IDEwLjEyOTggMjAuMzEyNSAxMC4xMjk4IDIwLjgzMTlDMTAuMTI5OCAyMS4zNTE0IDkuNjc1MjUgMjEuODA2IDkuMTU1NzcgMjEuODA2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE2Ljk0NzggMTQuMDEzNUgxMy4wNTE3QzEyLjUzMjIgMTQuMDEzNSAxMi4wNzc2IDEzLjU1ODkgMTIuMDc3NiAxMy4wMzk1QzEyLjA3NzYgMTIuNTIgMTIuNTMyMiAxMi4wNjU0IDEzLjA1MTcgMTIuMDY1NEgxNi45NDc4QzE3LjQ2NzIgMTIuMDY1NCAxNy45MjE4IDEyLjUyIDE3LjkyMTggMTMuMDM5NUMxNy45MjE4IDEzLjU1ODkgMTcuNDY3MiAxNC4wMTM1IDE2Ljk0NzggMTQuMDEzNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNi45NDc4IDE3LjkwOTVIMTMuMDUxN0MxMi41MzIyIDE3LjkwOTUgMTIuMDc3NiAxNy40NTQ5IDEyLjA3NzYgMTYuOTM1NUMxMi4wNzc2IDE2LjQxNiAxMi41MzIyIDE1Ljk2MTQgMTMuMDUxNyAxNS45NjE0SDE2Ljk0NzhDMTcuNDY3MiAxNS45NjE0IDE3LjkyMTggMTYuNDE2IDE3LjkyMTggMTYuOTM1NUMxNy45MjE4IDE3LjQ1NDkgMTcuNDY3MiAxNy45MDk1IDE2Ljk0NzggMTcuOTA5NVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yNC43NDAyIDEwLjExNzVIMjAuODQ0MUMyMC4zMjQ3IDEwLjExNzUgMTkuODcwMSA5LjY2Mjk0IDE5Ljg3MDEgOS4xNDM0NkMxOS44NzAxIDguNjIzOTggMjAuMzI0NyA4LjE2OTQzIDIwLjg0NDEgOC4xNjk0M0gyNC43NDAyQzI1LjI1OTcgOC4xNjk0MyAyNS43MTQzIDguNjIzOTggMjUuNzE0MyA5LjE0MzQ2QzI1LjcxNDMgOS42NjI5NCAyNS4yNTk3IDEwLjExNzUgMjQuNzQwMiAxMC4xMTc1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI0Ljc0MDIgMTQuMDEzNUgyMC44NDQxQzIwLjMyNDcgMTQuMDEzNSAxOS44NzAxIDEzLjU1ODkgMTkuODcwMSAxMy4wMzk1QzE5Ljg3MDEgMTIuNTIgMjAuMzI0NyAxMi4wNjU0IDIwLjg0NDEgMTIuMDY1NEgyNC43NDAyQzI1LjI1OTcgMTIuMDY1NCAyNS43MTQzIDEyLjUyIDI1LjcxNDMgMTMuMDM5NUMyNS43MTQzIDEzLjU1ODkgMjUuMjU5NyAxNC4wMTM1IDI0Ljc0MDIgMTQuMDEzNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yNC43NDAyIDIxLjgwNkgyMC44NDQxQzIwLjMyNDcgMjEuODA2IDE5Ljg3MDEgMjEuMzUxNCAxOS44NzAxIDIwLjgzMTlDMTkuODcwMSAyMC4zMTI1IDIwLjMyNDcgMTkuODU3OSAyMC44NDQxIDE5Ljg1NzlIMjQuNzQwMkMyNS4yNTk3IDE5Ljg1NzkgMjUuNzE0MyAyMC4zMTI1IDI1LjcxNDMgMjAuODMxOUMyNS43MTQzIDIxLjM1MTQgMjUuMjU5NyAyMS44MDYgMjQuNzQwMiAyMS44MDZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}

.form-authentication-methods .btn[value='VippsConfig']:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4LjY1MTcgMEgxLjM0ODI4QzAuNjAzNjQ1IDAgMCAwLjYwMzY0NSAwIDEuMzQ4MjhWMjguNjUxN0MwIDI5LjM5NjQgMC42MDM2NDUgMzAgMS4zNDgyOCAzMEgyOC42NTE3QzI5LjM5NjQgMzAgMzAgMjkuMzk2NCAzMCAyOC42NTE3VjEuMzQ4MjhDMzAgMC42MDM2NDUgMjkuMzk2NCAwIDI4LjY1MTcgMFoiIGZpbGw9IiNGRjVCMjQiLz4KPHBhdGggZD0iTTE1LjUwMTMgMTkuNTY5M0MxOC42Mjc0IDE5LjU2OTMgMjAuNDAxNiAxOC4wNDg1IDIyLjA5MTQgMTUuODUxOEMyMy4wMjA4IDE0LjY2OSAyNC4yMDM2IDE0LjQxNTUgMjUuMDQ4NSAxNS4wOTE0QzI1Ljg5MzQgMTUuNzY3MyAyNS45Nzc5IDE3LjAzNDcgMjUuMDQ4NSAxOC4yMTc1QzIyLjU5ODMgMjEuNDI4MSAxOS40NzIzIDIzLjM3MTMgMTUuNTAxMyAyMy4zNzEzQzExLjE5MjQgMjMuMzcxMyA3LjM5MDM5IDIxLjAwNTYgNC43NzEyNCAxNi44NjU3QzQuMDEwODUgMTUuNzY3MyA0LjE3OTgzIDE0LjU4NDUgNS4wMjQ3IDEzLjk5MzFDNS44Njk1OSAxMy40MDE3IDcuMTM2OTIgMTMuNjU1IDcuODk3MzEgMTQuODM4QzkuNzU2MDYgMTcuNjI2MSAxMi4yOTA3IDE5LjU2OTMgMTUuNTAxMyAxOS41NjkzWk0yMS4zMzEgOS4xNzcyM0MyMS4zMzEgMTAuNjk4IDIwLjE0ODIgMTEuNzExOSAxOC43OTYzIDExLjcxMTlDMTcuNDQ0NSAxMS43MTE5IDE2LjI2MTcgMTAuNjk4IDE2LjI2MTcgOS4xNzcyM0MxNi4yNjE3IDcuNjU2NDUgMTcuNDQ0NSA2LjY0MjU4IDE4Ljc5NjMgNi42NDI1OEMyMC4xNDgyIDYuNjQyNTggMjEuMzMxIDcuNzQwOTIgMjEuMzMxIDkuMTc3MjNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
}

.form-authentication-methods .btn > .btn {
	display: none;
}



/* Navigation */

.nav {
    width: 100%;
    border-radius: 5px;
	padding: 20px;
}

.nav li {
	counter-increment: nav-bar-counter;
	position: relative;
	padding-left: 55px;
}

.nav li:not(:first-child) {
	margin-top: 15px;
}

.nav li:before,
.nav li:not(.active) a:not([href='#']):before {
    width: 30px;
	height: 30px;
    position: absolute;
	top: 0;
	left: 0;
    border-radius: 50%;
}

.nav li:before {
	content: counter(nav-bar-counter);
	display: flex;
	justify-content: center;
	align-items: center;
    border: 1px solid #7e7e7e;
	font-weight: 600;
	font-size: 16px;
	line-height: 16px;
	color: #334a34;
}

.nav li.active:before {
    border: 0.15em solid #A4C573;
	color: #334a34;
    background-color: #fff;
    font-weight: 700;
    
}

.nav li:not(:last-child):after {
    content:'';
	width: 20px;
	height: 20px;
	position: absolute;
	left: 6px;
    margin-top: 5px;
    background-image: url(img/dots.png);
    background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.nav li:not(.active) a:not([href='#']):before {
    content: counter(nav-bar-counter);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #A4C574;
	opacity: 40%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 46%;
	transition: opacity .4s;
}

.nav li:not(.active):hover a:not([href='#']):before {
	opacity: 0;
}

.nav a {
	display: flex;
	align-items: center;
	gap: 5px;
    font-weight: 00;
    font-size: 20px;
    line-height: 34px;
	color: #334a34;
    padding-top: 11px;
    padding-left: 1rem;
    padding-right: 1 rem;
}

.nav li.active a {
    color: #334a34;
    font-weight: 600;
} 

.nav a > .badge-danger {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    position: absolute;
    bottom: auto;
    left: 0;
    z-index: 1;
}

.nav a[href='#'] {
	pointer-events: none;
}



/* Respondent navigation */

.respondent-navigation {
	display: flex;
    flex-wrap: wrap;
	gap: 20px;
}

.respondent-navigation .btn[name='dataDeleteConfirmed'] {
	order: 4;
    background-color: #ff0000;
	color: #fff;
}

.respondent-navigation .btn[name='dataDeleteConfirmed']:hover {
	background-color: #a20000;
}

.respondent-navigation .btn[name='storeSession'] {
	order: 3;
}

.respondent-navigation .btn[name='showPrev'],
.respondent-navigation .btn[name='showNext'] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.respondent-navigation .btn[name='showPrev'] {
    order: 1;
}

.respondent-navigation .btn[name='showNext'] {
    order: 2;
    margin-left: auto;
}

.respondent-navigation .btn[name='showPrev']:before,
.respondent-navigation .btn[name='showNext']:after {
	content: '';
	width: 26px;
	height: 26px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik01MDQtNDgwIDMyMC02NjRsNTYtNTYgMjQwIDI0MC0yNDAgMjQwLTU2LTU2IDE4NC0xODRaIi8+PC9zdmc+);
    background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: transform .4s;
}

.respondent-navigation .btn[name='showPrev']:before {
	transform: rotate(180deg);
	margin-right: 5px;
}

.respondent-navigation .btn[name='showPrev']:hover:before {
	transform: rotate(180deg) translateX(5px);
    filter: unset;
}

.respondent-navigation .btn[name='showNext']:after {
	margin-left: 5px;
}

.respondent-navigation .btn[name='showNext']:hover:after {
	transform: translateX(5px);
}



/* Structure for form */

form .row {
	margin: 0;
}

form .col, form .col-1, form .col-10, form .col-11, form .col-12, form .col-2, form .col-3, form .col-4, form .col-5, form .col-6, form .col-7, form .col-8, form .col-9, form .col-auto, form .col-lg, form .col-lg-1, form .col-lg-10, form .col-lg-11, form .col-lg-12, form .col-lg-2, form .col-lg-3, form .col-lg-4, form .col-lg-5, form .col-lg-6, form .col-lg-7, form .col-lg-8, form .col-lg-9, form .col-lg-auto, form .col-md, form .col-md-1, form .col-md-10, form .col-md-11, form .col-md-12, form .col-md-2, form .col-md-3, form .col-md-4, form .col-md-5, form .col-md-6, form .col-md-7, form .col-md-8, form .col-md-9, form .col-md-auto, form .col-sm, form .col-sm-1, form .col-sm-10, form .col-sm-11, form .col-sm-12, form .col-sm-2, form .col-sm-3, form .col-sm-4, form .col-sm-5, form .col-sm-6, form .col-sm-7, form .col-sm-8, form .col-sm-9, form .col-sm-auto, form .col-xl, form .col-xl-1, form .col-xl-10, form .col-xl-11, form .col-xl-12, form .col-xl-2, form .col-xl-3, form .col-xl-4, form .col-xl-5, form .col-xl-6, form .col-xl-7, form .col-xl-8, form .col-xl-9, form .col-xl-auto {
	padding: 0;
}

form > .row > .col-sm-3,
form > .row > .col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

form > .row > .col-md-9 {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
}

form > .row > .col-md-9 > .form-group.row {
	display: flex;
}

.form-group:not(:last-child) {
	margin-bottom: 40px !important;
}

form > .row > .col-md-9 > *:not(:last-child),
.groupListContainer > *:not(:last-child) {
    margin-bottom: 40px;
}

.form-row,
.form-group.row {
    margin: 0 -10px;
}

.form-row > * {
    width: 100%;
}

.form-row > .col,
.form-row > [class*=col-],
.form-group.row > * {
    padding: 0 10px;
}

form > .row > .col-md-9 > .row > .container {
    padding: 0;
}

.table {
	border-radius: 5px;
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
	table-layout: auto;
}

.table thead th {
    background-color: #6B9565;
    color: white; 
}

.table th,
.table td {
	border: 1px solid #D5E0BE; 
    text-align: left; 
    vertical-align: top; 
}

.table .container {
	padding: 0;
	display: flex; 
	flex-direction: column; 
	justify-content: space-between; 
	height: 100%;
    max-width: 350px;
    min-width: 100px;
}

.question-group.show-layout {
    background-color: #fff;
    padding: 20px;
}

.confirmation-group {
    background-color: #fff;
    overflow: hidden;
}

.confirmation-group:not(:last-child) {
    margin-bottom: 40px;
}

.confirmation-group .confirmation-group,
.confirmation-group .table {
    background-color: #fff;
}

.confirmation-group .table {
    margin: 0;
}

.confirmation-group .container {
    padding: 0;
}

.confirmation-group .confirmation-group {
    padding: 20px;
}

.confirmation-group > .container {
    padding: 0 20px 20px;
}

.confirmation-group .row {
    margin: 0 -10px;
}

.confirmation-group .row > * {
    padding: 0 10px;
}

.confirmation-group .page-title-row {
    display: flex;
    justify-content: center;
    background-color: #6B9565;
    color: #fff;
    padding: 15px;
    margin: 0 -20px;
}

.confirmation-group .row:not(:last-child) {
	margin-bottom: 30px;
}

.confirmation-group a {
    color: #6B9565;
    transition: color .4s;
}

.confirmation-group a:hover {
    color: #6B9565;
    text-decoration: none;
}



/* Page title */

.page-title,
.group-title-row span {
    display: flex;
}

.page-title {
    justify-content: space-between;
    align-items: center;
}

.group-title-row span {
    gap: 30px;
}

.group-title-row:not(:last-child),
.group-title:not(:last-child) {
    margin-bottom: 15px;
}

.group-title > * {
    margin: 0 !important;
}



/* Authorization */

.auth-info {
	display: flex;
	align-items: center;
	position: absolute;
	top: 36px;
	right: 15px;
	background-color: #fff;
    border-radius: 3px;
	font-size: 16px;
	line-height: 18px;
    padding: 5px;
}

.auth-info .auth-info-badge {
	height: 18px;
}

.auth-info .auth-info-badge.BANKID {
	background-image: url("img/logos.png");
	background-position: 0 700px;
	height: 20px;
	width: 70px;
}

.auth-info .auth-info-badge.IDPORTEN {
	background-image: url("img/logos.svg");
	background-position: -115px -514px;
	width: 80px;
}

.auth-info .auth-info-badge.VIPPS {
	background-image: url("img/logos.svg");
	background-position: -115px -561px;
	width: 71px;
}

.auth-info .auth-info-badge.BANKID_OIDC {
	background-image: url("img/logos.svg");
	background-position: -115px -514px;
	width: 71px;
}

.auth-info .auth-info-badge.IDPORTEN_OIDC {
	background-image: url("img/logos.svg");
	background-position: -115px -463px;
	width: 71px;
}

.auth-info .auth-info-badge.AZURE_AD {
	background-image: url("img/logos.svg");
	background-position: -115px -613px;
	width: 71px;
}

.workflow-title {
    display: none !important;
}

.workflow-title-top {
    margin-bottom: 30px;
    top: 0;
    position: sticky;
    margin-right: 500px;
}

.tag-text-center {
	text-align: center;
}

footer,
.front-page > .container:not(.container-title) > .row:last-child > .col-md-12 {
    background-color: #6B9565;
    background-size: cover;
	font-weight: 500;
    font-size: 0.9rem;
    color: #000000;
    margin-top: 48px;
}

footer {
    padding: 48px 0 0;
}

.front-page > .container:not(.container-title) > .row:last-child > .col-md-12 {
    padding: 48px 63px;
}

footer a,
footer u,
.front-page > .container:not(.container-title) > .row:last-child > .col-md-12 a,
.front-page > .container:not(.container-title) > .row:last-child > .col-md-12 u {
    display: block;
    text-decoration: none;
}

footer a:hover,
.front-page > .container:not(.container-title) > .row:last-child > .col-md-12 a:hover {
    color: #D5E0BE;
	transition: color 0s;
    text-decoration: none;
}

footer a,
.front-page > .container:not(.container-title) > .row:last-child > .col-md-12 a {
    width: fit-content;
    width: -moz-fit-content;
    border-bottom: 1px solid #000000;
    font-size: 0.9rem;
    line-height: 18px;
    transition: border-color 0s;
    color: #000000;
}

footer a:hover,
.front-page > .container:not(.container-title) > .row:last-child > .col-md-12 a:hover {
    border-color: #D5E0BE;
}

.front-page > .container:not(.container-title) > .row:last-child > .col-md-12 {
    position: relative;
    text-align: left !important;
}

.front-page > .container:not(.container-title) > .row > .col-md-12:before {
    left: 0;
}

.front-page > .container:not(.container-title) > .row > .col-md-12:after {
    right: 0;
}

@media screen and (min-width: 576px) {
    .auth-info {
		right: calc((100% - 510px)/2);
	}
	header {
		margin: 0 auto;
        padding: 0 calc((100% - 540px) / 2);
	}
}

@media screen and (min-width: 768px) {
    .auth-info {
		right: calc((100% - 690px)/2);
	}

	header {
        padding: 0 calc((100% - 720px) / 2);
	}

    .jumbotron {
        padding: 30px;
    }

    .form-row > * {
        max-width: 50%;
    }

    .respondent-navigation {
		justify-content: space-between;
	}

    .table th,
    .table td {
        padding: 20px 10px;
    }

    .table th:first-child,
    .table td:first-child {
        padding-left: 20px;
    }
    
    .table th:last-child,
    .table td:last-child {
        padding-right: 20px;
    }

    .table .add-remove-buttons .btn {
        margin: 0 auto;
    }
    
    .table .add-remove-buttons .btn:not(:last-child) {
        margin-bottom: 16px;
    }
}

@media screen and (min-width: 992px) {
    .auth-info {
		right: 40px;
	}

    body {
        background-color: #d3d6d3;
        font-family: 'Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', sans-serif;
        font-size: 16px;
        line-height: 28px;
        color: #334a34;
    }

    .nav li:not(:last-child):after {
        content:'';
        width: 20px;
        height: 20px;
        position: absolute;
        bottom: -10px;
        left: 11px;
        background-image: url(img/dots.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    small {
        font-size: 16px;
    }
    
    big {
        font-size: 26px;
    }

    header {
        height: 120px;
        padding: 0 calc((100% - 1360px) / 2);
    }

    header:not(:last-child) {
        margin-bottom: 100px;
    }

    header:before {
        width: 230px;
        height: 52px;
        margin-left: 40px;
    }

	.container {
		max-width: 1360px;
		padding: 0 40px;
	}

    .respondent-navigation .btn[name='dataDeleteConfirmed'] {
        order: 1;
    }
    
    .respondent-navigation .btn[name='storeSession'] {
        order: 2;
    }
    
    .respondent-navigation .btn[name='showPrev'] {
        order: 3;
    }
    
    .respondent-navigation .btn[name='showNext'] {
        order: 4;
    }

    .jumbotron {
        padding: 64px;
    }

    form > .row {
		margin: 0 -15px;
	}
    
	form > .row > .col-sm-3 {
        -ms-flex: 0 0 340px;
		flex: 0 0 340px;
		max-width: 340px;
        padding: 0 12px;
	}
	form > .row > .col-md-9 {
		-ms-flex: 0 0 calc(100% - 340px);
		flex: 0 0 calc(100% - 340px);
		max-width: calc(100% - 340px);
        padding: 30px;
	}


    .nav-bar {
        position: sticky;
        top: 340px;
    }

    .nav {
        padding: 0;
    }

    .nav li {
        padding-left: 55px;
        padding-bottom: 20px;
    }

    .nav li:before,
    .nav li:not(.active) a:not([href='#']):before,
    .nav a > .badge-danger {
        width: 50px;
        height: 50px;
    }
    
    .nav li:before {
        font-size: 25px;
        line-height: 25px;
    }

    .nav li:not(:last-child):after {
        left: 16px;
    }

    .nav a {
        font-size: 25px;
        line-height: 25px;
    }

    .group-title-row span {
        gap: 16px;
    }

    .table th,
    .table td {
        padding: 20px 10px;
    }
    
    .table th:first-child,
    .table td:first-child {
        padding-left: 20px;
    }
    
    .table th:last-child,
    .table td:last-child {
        padding-right: 20px;
    }

    h1,
    h2 {
        font-size: 35px;
        line-height: 56px;
    }

    h3 {
        font-size: 24px;
        line-height: 38px;
    }

    h4 {
        font-size: 22px;
        line-height: 32px;
    }
    
    h5 {
        font-size: 20px;
        line-height: 30px;
    }
    
    h6 {
        font-size: 16px;
        line-height: 28px;
    }

    footer u,
    .front-page > .container:not(.container-title) > .row > .col-md-12 u {
        position: absolute;
    }

    footer u {
        top: 0;
        right: 15px;
    }

    .front-page > .container:not(.container-title) > .row > .col-md-12 u {
        top: 50px;
        right: 63px;
    }

    footer br + u + br + u {
        top: 50px;
    }

    .front-page > .container:not(.container-title) > .row > .col-md-12 br + u + br + u {
        top: 100px;
    }

    footer br + u + br + u + br + u {
        top: 100px;
    }

    .front-page > .container:not(.container-title) > .row > .col-md-12 br + u + br + u + br + u {
        top: 150px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .respondent-navigation {
        gap: 10px;
    }

    .respondent-navigation .btn {
        border-radius: 5px;
        font-size: 16px;
        line-height: 26px;
        padding: 6px 16px;
    }

    .respondent-navigation .btn[name='showPrev']:before,
    .respondent-navigation .btn[name='showNext']:after {
        width: 14px;
        height: 14px;
    }
}

@media screen and (min-width: 1200px) {    
    form > .row > .col-sm-3 {
		-ms-flex: 0 0 400px;
		flex: 0 0 400px;
		max-width: 400px;
	}
	form > .row > .col-md-9 {
		-ms-flex: 0 0 calc(100% - 400px);
		flex: 0 0 calc(100% - 400px);
		max-width: calc(100% - 400px);
	}



    .question-group.show-layout,
    .confirmation-group .confirmation-group {
        padding: 30px;
    }

    .table th,
    .table td {
        padding: 30px 15px;
    }

    .table th:first-child,
    .table td:first-child {
        padding-left: 15px;
    }
    
    .table th:last-child,
    .table td:last-child {
        padding-right: 30px;
    }

    .form-row,
    .form-group.row {
        margin: 0 -15px;
    }

    .form-row > .col, .form-row > [class*=col-],
    .form-group.row > * {
        padding: 0 15px;
    }

    .confirmation-group > .container {
        padding: 0 25px 25px;
    }
    
    .confirmation-group .page-title-row {
        margin: 0 -25px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .respondent-navigation {
        gap: 10px;
    }

    .respondent-navigation .btn {
        border-radius: 5px;
        font-size: 16px;
        line-height: 26px;
        padding: 6px 16px;
    }

    .respondent-navigation .btn[name='showPrev']:before,
    .respondent-navigation .btn[name='showNext']:after {
        width: 14px;
        height: 14px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .respondent-navigation {
        gap: 15px;
    }

    .respondent-navigation .btn {
        border-radius: 12px;
        font-size: 16px;
        line-height: 28px;
        padding: 6px 20px;
    }

    .respondent-navigation .btn[name='showPrev']:before,
    .respondent-navigation .btn[name='showNext']:after {
        width: 16px;
        height: 16px;
    }
}

@media screen and (min-width: 1400px) {
    .auth-info {
		right: calc((100% - 1280px)/2);
	}
    
    form > .row {
		margin: 0 -20px;
	}

	form > .row > .col-sm-3 {
        -ms-flex: 0 0 440px;
		flex: 0 0 440px;
		max-width: 440px;
        padding: 0 12px;
	}
	form > .row > .col-md-9 {
		-ms-flex: 0 0 calc(100% - 440px);
		flex: 0 0 calc(100% - 440px);
		max-width: calc(100% - 440px);
        padding: 50px;
	}


}

@media screen and (max-width: 991px) {
    form > .row > *:not(:last-child) {
        margin-bottom: 30px;
    }

    .workflow-title-top {
        margin-bottom: 30px;
        position: static;
    }

    header {
        position: static;
    }

    .respondent-navigation {
        max-width: 545px;
        margin: 0 auto;
    }

    .respondent-navigation .btn {
        width: 100%;
    }

    .respondent-navigation .btn[name='showPrev'],
    .respondent-navigation .btn[name='showNext'] {
        max-width: calc(50% - 120px);
    }
    .nav {
		gap: 30px;
	}

    .nav a {
        padding-top: 0;
    }

    .nav li:not(:first-child) {
        margin-top: 15px;
    }
	.nav-bar .collapse:not(.show) {
		display: block;
	}
	.nav-bar .collapse:not(.show) li {
		display: none;
	}
	.nav-bar .collapse:not(.show) li.active {
		display: block;
		overflow: hidden;
	}
	.nav li:nth-child(1):before {content: '1';}
	.nav li:nth-child(2):before {content: '2';}
	.nav li:nth-child(3):before {content: '3';}
	.nav li:nth-child(4):before {content: '4';}
	.nav li:nth-child(5):before {content: '5';}
	.nav li:nth-child(6):before {content: '6';}
	.nav li:nth-child(7):before {content: '7';}
	.nav li:nth-child(8):before {content: '8';}
	.nav li:nth-child(9):before {content: '9';}
	.nav li:nth-child(10):before {content: '10';}
	.nav li:nth-child(11):before {content: '11';}
	.nav li:nth-child(12):before {content: '12';}
	.nav li:nth-child(13):before {content: '13';}
	.nav li:nth-child(14):before {content: '14';}
	.nav li:nth-child(15):before {content: '15';}
	.nav li:nth-child(16):before {content: '16';}
	.nav li:nth-child(17):before {content: '17';}
	.nav li:nth-child(18):before {content: '18';}
	.nav li:nth-child(19):before {content: '19';}
	.nav li:nth-child(20):before {content: '20';}
	.nav li:nth-child(21):before {content: '21';}
	.nav li:nth-child(22):before {content: '22';}
	.nav li:nth-child(23):before {content: '23';}
	.nav li:nth-child(24):before {content: '24';}
	.nav li:nth-child(25):before {content: '25';}
	.nav li:nth-child(26):before {content: '26';}
	.nav li:nth-child(27):before {content: '27';}
	.nav li:nth-child(28):before {content: '28';}
	.nav li:nth-child(29):before {content: '29';}
	.nav li:nth-child(30):before {content: '30';}

    .workflow-title-top {
        text-align: center;
    }

    .nav {
        background-color: transparent;
        border-radius: 0;
        padding: 0;
    }

    .nav-bar {
        position: relative;
        overflow: hidden;
        background-color: #E8E8E8;
        border-radius: 15px;
        padding: 20px;
    }

    .nav-bar .navbar-toggler {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        height: 74px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        border: none;
        outline: none;
        padding: 20px;
    }

    .nav-bar .navbar-toggler:before {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjk5OTk2IDExLjVMNi4xMjQ5NiA5LjM3NUM2LjQ2OTk2IDkuMDI5OCA3LjAyOTk2IDkuMDI5OCA3LjM3NDk2IDkuMzc1QzcuNzE5OTYgOS43MjAyIDcuNzE5OTYgMTAuMjc5OCA3LjM3NDk2IDEwLjYyNUwzLjk5OTk2IDE0TDAuNjI0OTYxIDEwLjYyNUMwLjI3OTk2MSAxMC4yNzk4IDAuMjc5OTYxIDkuNzIwMiAwLjYyNDk2MSA5LjM3NUMwLjk2OTk2MSA5LjAyOTggMS41Mjk5NiA5LjAyOTggMS44NzQ5NiA5LjM3NUwzLjk5OTk2IDExLjVaIiBmaWxsPSIjMDA2OUI0Ii8+CjxwYXRoIGQ9Ik0zLjk5OTk2IDIuNUwxLjg3NDk2IDQuNjI1QzEuNTI5OTYgNC45NzAyIDAuOTY5OTYxIDQuOTcwMiAwLjYyNDk2MSA0LjYyNUMwLjI3OTk2MSA0LjI3OTggMC4yNzk5NjEgMy43MjAyIDAuNjI0OTYxIDMuMzc1TDMuOTk5OTYgMEw3LjM3NDk2IDMuMzc1QzcuNzE5OTYgMy43MjAyIDcuNzE5OTYgNC4yNzk4IDcuMzc0OTYgNC42MjVDNy4wMjk5NiA0Ljk3MDIgNi40Njk5NiA0Ljk3MDIgNi4xMjQ5NiA0LjYyNUwzLjk5OTk2IDIuNVoiIGZpbGw9IiMwMDY5QjQiLz4KPC9zdmc+Cg==);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .nav-bar .navbar-toggler.collapsed:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjk5OTk2IDNMNi4xMjQ5NiAwLjg3NTAwNEM2LjQ2OTk2IDAuNTI5ODA0IDcuMDI5OTYgMC41Mjk4MDQgNy4zNzQ5NiAwLjg3NTAwNEM3LjcxOTk2IDEuMjIwMiA3LjcxOTk2IDEuNzc5OCA3LjM3NDk2IDIuMTI1TDMuOTk5OTYgNS41TDAuNjI0OTYxIDIuMTI1QzAuMjc5OTYxIDEuNzc5OCAwLjI3OTk2MSAxLjIyMDIgMC42MjQ5NjEgMC44NzUwMDRDMC45Njk5NjEgMC41Mjk4MDQgMS41Mjk5NiAwLjUyOTgwNCAxLjg3NDk2IDAuODc1MDA0TDMuOTk5OTYgM1oiIGZpbGw9IiMwMDY5QjQiLz4KPHBhdGggZD0iTTMuOTk5OTYgMTFMMS44NzQ5NiAxMy4xMjVDMS41Mjk5NiAxMy40NzAyIDAuOTY5OTYxIDEzLjQ3MDIgMC42MjQ5NjEgMTMuMTI1QzAuMjc5OTYxIDEyLjc3OTggMC4yNzk5NjEgMTIuMjIwMiAwLjYyNDk2MSAxMS44NzVMMy45OTk5NiA4LjVMNy4zNzQ5NiAxMS44NzVDNy43MTk5NiAxMi4yMjAyIDcuNzE5OTYgMTIuNzc5OCA3LjM3NDk2IDEzLjEyNUM3LjAyOTk2IDEzLjQ3MDIgNi40Njk5NiAxMy40NzAyIDYuMTI0OTYgMTMuMTI1TDMuOTk5OTYgMTFaIiBmaWxsPSIjMDA2OUI0Ii8+Cjwvc3ZnPgo=);
    }
    
    .nav-bar .navbar-toggler span {
        display: none;
    }

    .nav li {
		padding-right: 30px;
        padding-left: 30px;
	}
}

@media screen and (max-width: 767px) {
	
    .form-row > *:not(:last-child) {
        margin-bottom: 30px;
    }

	.form-check-inline {
		display: block;
	}

    .confirmation-group .row > *:not(:first-child) {
        margin-top: 10px;
    }

    .add-remove-buttons {
        display: flex;
        justify-content: flex-end;
        gap: 30px;
    }
    .modal-header .close {
		width: 27px;
		height: 27px;
		position: absolute;
		top: 16px;
		right: 16px;
		margin: 0;
		padding: 0;
	}
}