/* Minification failed. Returning unminified contents.
(1001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1047,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3182,31): run-time error CSS1038: Expected hex color, found '#0001'
 */
/*Denne trengs slik at man får ng-cloak til å hide før angular er loadet.
    Burde ha !important bak seg, men det førte til issue.*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none;
}

.nav,
.pagination,
.carousel,
.panel-title a {
    cursor: pointer;
}

.bold {
    font-weight: bold;
}

.fadein {
    -webkit-transition: .2s linear all;
    -moz-transition: .2s linear all;
    -o-transition: .2s linear all;
    transition: .2s linear all;
}

.progress.no-margin {
    margin-bottom: 0;
}

.table .centered-content td {
    text-align: center;
    vertical-align: middle;
}

.table .vertical-centered-content td {
    vertical-align: middle;
}

.table .right-pulled-content td {
    text-align: right;
}

.table .left-pulled-content td {
    text-align: left;
}

.table .vert-align {
    vertical-align: middle;
}

.table.conversion-order-table th,
.table.conversion-order-table td {
    font-size: 14px;
}

.width5perc {
    width: 5%;
}

.width15perc {
    width: 15%;
}

.width50perc {
    width: 50%;
}

/* Custom styles */

.black .alert-info {
    color: black;
}

.tilbakemelding-ikon {
    cursor: help;
}

.tilbakemelding-popover .popover {
    max-width: 1000px;
}

.nyhenvendelse-bekreft .form-group {
    margin: 0;
}

.nyhenvendelse-bekreft .control-label {
    text-align: left;
    font-weight: normal;
}

.nyhenvendelse-bekreft .form-control-static {
    font-weight: bold;
    padding-top: 2px;
    min-height: 0;
    padding-bottom: 0;
}

.nyhenvendelse-bekreft .panel-body {
    padding: 5px;
}

.nyhenvendelse-bekreft .panel {
    margin-bottom: 10px;
}

.nyhenvendelse-bekreft h4 {
    margin-top: 0;
    margin-bottom: 2px;
}

.nyhenvendelse-bekreft hr {
    margin: 3px;
}

.nyhenvendelse-bekreft th {
    font-weight: normal;
}

.nyhenvendelse-bekreft tr {
    font-weight: bold;
}

.nyhenvendelse-bekreft-feil {
    color: #b94a48;
    font-weight: bold;
}

.label.line-wrap {
    white-space: normal;
    margin-bottom: 3px;
}

.btn-sm {
    padding: 0 5px;
}

.tag button,
.tag a {
    padding: 4px;
    line-height: 5px;
}

.tag {
    margin-right: 4px;
}

.tag .label {
    font-size: 100%;
}

.browsehappy {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0;
}

.sok {
    background-color: #2c83b7;
    font: inherit;
}

.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    -moz-animation: spin 1000ms infinite linear;
    -o-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.ellipsis {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adresse-col {
    max-width: 300px;
}

.arbeid-col {
    min-width: 80px;
}

.warning-icon {
    height: 52px;
}

.vertical-align-row {
    display: flex;
    flex-direction: row;
}

.vertical-align-col {
    display: flex;
    align-items: center;
}

.validation-list-modal {
    width: inherit;
}

.create-tiltak-padding-left {
    padding-left: 20px;
}

.inputprogress {
    background-image: url('../img/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: center right;
    padding-left: 2px;
}

#toast-container>div {
    /* NOSONAR: nødvendig hack for å unngå at toasts blir gjennomsiktige */
    -ms-opacity: 1;
    opacity: 1;
    white-space: pre-wrap;
}

.upload-file-panel.panel-group {
    margin-top: 15px;
}

.upload-file-panel.panel-group .upload-file-panel-title.panel-title {
    font-size: 15px;
}

.attachment-upload-container {
    width: 100%;
    padding: 10px;
}

.attachment-buffer-container {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
}

.attachment-buffer-container .inputs {
    display: flex;
}

.attachment-buffer-container .inputs .btn {
    margin-left: 15px;
}

.attachment-upload-container .qq-upload-fail {
    border-radius: 5px;
}

.qq-virus-scan-loader {
    margin-top: 10px;
    display: none;
    align-items: center;
}

.qq-virus-scan-loader-v2 {
    align-items: center;
}

.qq-virus-scan-loader .spinner,
.qq-virus-scan-loader-v2 .spinner {
    border: 5px solid lightgrey;
    border-top: 5px solid black;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

.qq-virus-scan-loader .spinner-text {
    margin-left: 10px;
}

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

    100% {
        transform: rotate(360deg);
    }
}

.text-underline {
    text-decoration: underline;
}

.planning-table-wrapper {
    background-color: white;
    margin-bottom: 10px;
}

.planning-table-striped {
    border-spacing: 2px;
    border-collapse: separate;
    margin-bottom: 1px;
}

.planning-table-striped tr th,
.planning-table-striped tr td {
    width: 15%;
}

.planning-table-striped tr th:first-child,
.planning-table-striped tr td:first-child {
    width: 70%;
}

.planning-table-striped thead>tr>th {
    border-bottom: 0;
    color: white;
}

.planning-table-striped thead tr {
    background-color: #5A9AD7;
}

.planning-table-striped tbody tr:nth-child(odd) {
    background-color: #D2DDEF;
}

.planning-table-striped tbody tr:nth-child(even) {
    background-color: #EAEEF7;
}

.planning-networkowner-list-wrapper {
    border: 1px solid #1a2d80;
    border-radius: 7.5px;
    padding: 10px;
    margin-bottom: 10px;
}

.planning-checkbox-table tr th,
.planning-checkbox-table tr td {
    width: 6.5%;
    text-align: center;
}

.planning-checkbox-table tr th:first-child,
.planning-checkbox-table tr td:first-child {
    width: 19%;
    text-align: left;
}

.planning-checkbox-table tr th:nth-child(6),
.planning-checkbox-table tr td:nth-child(6) {
    width: 35%;
    text-align: left;
}

.planning-checkbox-table tr th:last-child,
.planning-checkbox-table tr td:last-child {
    width: 20%;
    text-align: left;
}

.planning-checkbox-table thead tr:first-child>th {
    border-bottom: 0;
}

.planning-checkbox-table thead tr:nth-child(2)>th {
    border-top: 0;
    font-size: 14px;
}

.planning-table-confirmation thead th {
    font-weight: bold;
}

.planning-table-confirmation tbody td {
    font-weight: normal;
}

.special-conditions-container {
    margin-left: 25px;
}

input.form-control.margin-top-bottom-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.no-list-elements {
    margin-left: 10px;
}

.no-list-elements .label {
    padding: 10px;
}

.row.details-header {
    margin-top: 20px;
}

.row.details-header .col-md-8 {
    font-size: 17px;
}

.row.details-header .header-icons {
    display: flex;
    justify-content: flex-end;
}

.row.details-header .header-icons img.hoverable {
    max-height: 25px;
    transition: all .2s ease-in-out;
}

.row.details-header .header-icons img.hoverable:hover {
    transform: scale(1.2);
}

.row.details-header .header-icons .icon-item {
    font-size: 18px;
    padding: 2px;
    min-width: 60px;
    cursor: pointer;
    text-align: center;
}

.row.details-header .header-icons .dropdown-header {
    font-weight: bold;
    font-size: 115%;
    color: black;
}

.textarea-vertical {
    resize: vertical
}
.clickable-tablerow {
    cursor: pointer;
}

.cancelled-tablerow {
    cursor: default;
}

.cancelled-tablerow td {
    background-color: #cccccc;
}

fieldset.scheduler-border {
    border-top: 2px solid #ddd;
    padding-left: 1.4em;
}

legend.scheduler-border {
    box-sizing: border-box;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    width: auto;
    padding: 0 10px;
    border-bottom:none;
}

.gi-x {
    font-size: 1.5em;
}

.green {
    color: #b5bd00;
}

.red {
    color: red;
}

.yellow {
    color: #C4C000;
}

.arbeid-row:hover {
    background-color: #BDBDBD;
}

.skjema-row {
    background-color: white;
}

.align-right {
    text-align: right;
}

.ulest {
    background-color: white;
}

.no-padding td { padding: 0;}


.input-group .input-group-addon.ok-button {
    background-color: #0093b2;
    color: white;
    cursor: pointer;
}

.input-group .input-group-addon.ok-button:hover {
    background-color: #004c97;
}

.input-group .input-group-addon.cancel-button {
    background-color: #e61e56;
    color: white;
    cursor: pointer;
}

.input-group .input-group-addon.cancel-button:hover {
    background-color: #A1153C;
}

.tiltak-messages {
    margin-top: 10px;
}

.row.inquiry-button-row {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.row.inquiry-button-row a.btn.btn-block {
    color: white;
    background-color: #002F4F;
    margin-bottom: 10px;
}

.details-panel {
    margin: 10px 0;
}

.details-panel .panel-header {
    color: white;
    background-color: #002F4F;
    font-weight: bold;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}

.details-panel .panel-header h4 {
    margin: 0;
}

.details-panel .panel-content {
    padding: 10px 15px;
}

.table.case-files-table thead th, .table.documents-table thead th, 
.table.work-and-forms-table thead th, .table.drafts-table thead th {
    border-bottom: 1px solid #ddd;
}

.table.case-files-table tbody td, .table.documents-table tbody td, 
.table.work-and-forms-table tbody td, .table.drafts-table tbody td {
    border-top: 0;
}

.table.documents-table tbody td {
    vertical-align: middle;
}

.table.documents-table tbody td img {
    max-height: 28px;
}

.table.documents-table td.show-more-cell {
    text-align: center;
}

.table.documents-table td.show-more-cell .show-more-button {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid white;
}

.table.documents-table td.show-more-cell .show-more-button:hover {
    border-color: #ddd;
}

.table.work-and-forms-table img.edit-form-icon,
.table.drafts-table img.edit-form-icon {
    max-height: 25px;
    transition: all .2s ease-in-out;
}

.table.work-and-forms-table img.edit-form-icon:hover,
.table.drafts-table img.edit-form-icon:hover {
    transform: scale(1.2);
}
.alert-beware {
  color: white;
  background: red;
  border-radius: 4px;
  font-weight: bold;
  padding: 10px;
  margin: 10px 0;
}

.information {
  color: #666666;
  font-weight: normal;
  margin-bottom: 10px;
}
.checkbox {
  padding-left: 20px;
}

.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}

.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #666666;
  border-radius: 3px;
  background-color: #ffffff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  line-height: 1.4;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  /*&:focus + label::before {
      .tab-focus();
    }*/
}

.checkbox input[type="checkbox"] .checkbox input[type="checkbox"]:focus+label::before,
.checkbox input[type="radio"] .checkbox input[type="checkbox"]:focus+label::before,
.checkbox input[type="checkbox"] .checkbox input[type="radio"]:focus+label::before,
.checkbox input[type="radio"] .checkbox input[type="radio"]:focus+label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked+label::after,
.checkbox input[type="radio"]:checked+label::after {
  font-family: 'FontAwesome';
  content: "\f00c";
}

.checkbox input[type="checkbox"]:indeterminate+label::after,
.checkbox input[type="radio"]:indeterminate+label::after {
  display: block;
  content: " ";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}

.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled {
  cursor: not-allowed;
}

.checkbox input[type="checkbox"]:disabled+label,
.checkbox input[type="radio"]:disabled+label {
  opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled+label::before,
.checkbox input[type="radio"]:disabled+label::before {
  background-color: #999999;
  cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}

.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked+label::before,
.checkbox-primary input[type="radio"]:checked+label::before {
  background-color: #0093b2;
  border-color: #0093b2;
}

.checkbox-primary input[type="checkbox"]:checked+label::after,
.checkbox-primary input[type="radio"]:checked+label::after {
  color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked+label::before,
.checkbox-danger input[type="radio"]:checked+label::before {
  background-color: #FA5421;
  border-color: #FA5421;
}

.checkbox-danger input[type="checkbox"]:checked+label::after,
.checkbox-danger input[type="radio"]:checked+label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked+label::before,
.checkbox-info input[type="radio"]:checked+label::before {
  background-color: #002F4F;
  border-color: #002F4F;
}

.checkbox-info input[type="checkbox"]:checked+label::after,
.checkbox-info input[type="radio"]:checked+label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked+label::before,
.checkbox-warning input[type="radio"]:checked+label::before {
  background-color: #FA5421;
  border-color: #FA5421;
}

.checkbox-warning input[type="checkbox"]:checked+label::after,
.checkbox-warning input[type="radio"]:checked+label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked+label::before,
.checkbox-success input[type="radio"]:checked+label::before {
  background-color: #00D4A6;
  border-color: #00D4A6;
}

.checkbox-success input[type="checkbox"]:checked+label::after,
.checkbox-success input[type="radio"]:checked+label::after {
  color: #fff;
}

.checkbox-primary input[type="checkbox"]:indeterminate+label::before,
.checkbox-primary input[type="radio"]:indeterminate+label::before {
  background-color: #0093b2;
  border-color: #0093b2;
}

.checkbox-primary input[type="checkbox"]:indeterminate+label::after,
.checkbox-primary input[type="radio"]:indeterminate+label::after {
  background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate+label::before,
.checkbox-danger input[type="radio"]:indeterminate+label::before {
  background-color: #FA5421;
  border-color: #FA5421;
}

.checkbox-danger input[type="checkbox"]:indeterminate+label::after,
.checkbox-danger input[type="radio"]:indeterminate+label::after {
  background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate+label::before,
.checkbox-info input[type="radio"]:indeterminate+label::before {
  background-color: #002F4F;
  border-color: #002F4F;
}

.checkbox-info input[type="checkbox"]:indeterminate+label::after,
.checkbox-info input[type="radio"]:indeterminate+label::after {
  background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate+label::before,
.checkbox-warning input[type="radio"]:indeterminate+label::before {
  background-color: #FA5421;
  border-color: #FA5421;
}

.checkbox-warning input[type="checkbox"]:indeterminate+label::after,
.checkbox-warning input[type="radio"]:indeterminate+label::after {
  background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate+label::before,
.checkbox-success input[type="radio"]:indeterminate+label::before {
  background-color: #00D4A6;
  border-color: #00D4A6;
}

.checkbox-success input[type="checkbox"]:indeterminate+label::after,
.checkbox-success input[type="radio"]:indeterminate+label::after {
  background-color: #fff;
}

.radio {
  padding-left: 20px;
}

.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}

.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #666666;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}

.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.radio input[type="radio"]:focus+label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.radio input[type="radio"]:checked+label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.radio input[type="radio"]:disabled {
  cursor: not-allowed;
}

.radio input[type="radio"]:disabled+label {
  opacity: 0.65;
}

.radio input[type="radio"]:disabled+label::before {
  cursor: not-allowed;
}

.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type="radio"]+label::after {
  background-color: #002F4F;
}

.radio-primary input[type="radio"]:checked+label::before {
  border-color: #002F4F;
}

.radio-primary input[type="radio"]:checked+label::after {
  background-color: #002F4F;
}

.radio-danger input[type="radio"]+label::after {
  background-color: #FA5421;
}

.radio-danger input[type="radio"]:checked+label::before {
  border-color: #FA5421;
}

.radio-danger input[type="radio"]:checked+label::after {
  background-color: #FA5421;
}

.radio-info input[type="radio"]+label::after {
  background-color: #0093b2;
}

.radio-info input[type="radio"]:checked+label::before {
  border-color: #0093b2;
}

.radio-info input[type="radio"]:checked+label::after {
  background-color: #0093b2;
}

.radio-warning input[type="radio"]+label::after {
  background-color: #FA5421;
}

.radio-warning input[type="radio"]:checked+label::before {
  border-color: #FA5421;
}

.radio-warning input[type="radio"]:checked+label::after {
  background-color: #FA5421;
}

.radio-success input[type="radio"]+label::after {
  background-color: #00D4A6;
}

.radio-success input[type="radio"]:checked+label::before {
  border-color: #00D4A6;
}

.radio-success input[type="radio"]:checked+label::after {
  background-color: #00D4A6;
}

input[type="checkbox"].styled:checked+label:after,
input[type="radio"].styled:checked+label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
}

input[type="checkbox"] .styled:checked+label::before,
input[type="radio"] .styled:checked+label::before {
  color: #fff;
}

input[type="checkbox"] .styled:checked+label::after,
input[type="radio"] .styled:checked+label::after {
  color: #fff;
}
/* New profile */
:root {
    --brand-red:    #FA5421;
    --brand-blue:   #002F4F;
    --brand-green:  #00D4A6;
    --brand-aqua:   #0093b2;
    --brand-olive:  #949300;
    --brand-lime:   #00D4A6;
    --brand-silver: #999999;
    --brand-grey:   #666666;
    --brand-black:  #2d2926;
    --header-blue:  #055a78;
    --header-green: #069274;
    --bg-light:     #ffffff;
    --danger-red:   #d9534f;
    --tile-lime:    #c7d218;
    --tile-red:     #e61e56;
    --tile-grey:    #a0958b;
    --new-brand-blue: #001637;
}

/* Images */
:root {
    --bg-blue:          url('../img/gravemelding_top.jpg');
    --bg-side-blue:     url('../img/bg-side-blue.png');
    --user-default:     url('../img/user-neutral.svg');
    --user-no-bg:       url('../img/user-no-bg.svg');
    --new-request:      url('../img/new-request.svg');
    --logg-out:         url('../img/logg-out.svg');
    --innstillinger:    url('../img/innstillinger.svg');
    --help-support:     url('../img/question.svg');
    --support:          url('../img/support.svg');
    --tutorial:         url('../img/tutorial.svg');
    --terms:            url('../img/vilkar.svg');

    --upload-blue:      url('../img/upload-blue.svg');
    --upload-white:     url('../img/upload-white.svg');
    --arrow-up:         url('../img/arrow-up.svg');

    --brand-mini:       url('../img/brand-mini.svg');
    --brand-mini-kp:    url('../img/brand-mini-kp.svg');
    --brand-logo-NO:    url('../img/logo-ledningsportal.svg');
    --brand-logo-SV:    url('../img/brand-logo-SV.svg');
    --brand-logo-FI:    url('../img/brand-logo-FI.svg');
    --brand-logo-FI-kp: url('../img/brand-logo-FI-kp.svg');
    --bg-image:         url('../img/group_top.jpg');
    --bg-side:          url('../img/side.jpg');
    --bg-select:        url('../img/bg-select.svg');
    --logo-grey-image:  url('../img/geologo_grey.svg');
    --logo-white-image: url('../img/geologo_white.svg');
    --logo-top:         url('../img/geologo-top.svg');
    --logo-mini:        url('../img/logo-mini.svg');
    --flag-fi-image:    url('../img/fi.png');
    --flag-sv-image:    url('../img/sv.png');
    --flag-fi-mini:     url('../img/fi-mini.png');
    --flag-sv-mini:     url('../img/sv-mini.png');

    --pensil-grey:      url('../img/kp_grey_pensil.svg');
    --digger-grey:      url('../img/kp_grey-digger.svg');
    --map-grey:         url('../img/kp_grey_map.svg');
    --person-grey:      url('../img/kp_grey_person.svg');
    --card-grey:        url('../img/kp_grey_card.svg');
    --ok-grey:          url('../img/kp_grey_ok.svg');
    --address-grey:     url('../img/kp-grey-address.svg');
    --byggherre-grey:   url('../img/kp-grey-byggherre.svg');
    --netteiere-grey:   url('../img/kp-grey-netteiere.svg');
    --attachment-grey:  url('../img/kp_grey_attachment.svg');

    --pensil-aqua:      url('../img/kp_aqua_pensil.svg');
    --digger-aqua:      url('../img/kp_aqua-digger.svg');
    --map-aqua:         url('../img/kp_aqua_map.svg');
    --person-aqua:      url('../img/kp_aqua_person.svg');
    --card-aqua:        url('../img/kp_aqua_card.svg');
    --ok-aqua:          url('../img/kp_aqua_ok.svg');
    --address-aqua:     url('../img/kp-aqua-address.svg');
    --byggherre-aqua:   url('../img/kp-aqua-byggherre.svg');
    --netteiere-aqua:   url('../img/kp-aqua-netteiere.svg');
    --attachment-aqua:  url('../img/kp_aqua_attachment.svg');

    --wire-measure:     url('../img/wire-measure.svg');
    --wire-data:        url('../img/wire-data.svg');
    --commune:          url('../img/commune.svg');
    --cable:            url('../img/cable1.svg');
    --cable-areas:      url('../img/more-areas.svg');
    --gis:              url('../img/GIS-white.svg');
    --price-inquiries:  url('../img/price-request-white.svg');
    --innboks:          url('../img/innboks.svg');
    --conversion-order: url('../img/conversion-order.svg');

    --wire-measure-inverse:   url('../img/wire-measure-inverse.svg');
    --wire-data-inverse:      url('../img/wire-data-inverse.svg');
    --commune-inverse:        url('../img/commune-inverse.svg');
    --cable-inverse:          url('../img/cable-inverse.svg');
    --gis-mini:               url('../img/gis-mini.svg');

    --wire-measure-lime:     url('../img/wire-measure-lime.svg');
    --wire-data-lime:        url('../img/wire-data-lime.svg');
    --commune-lime:          url('../img/commune-lime.svg');
    --cable-lime:            url('../img/cable-lime.svg');

    --wire-measure-red:      url('../img/wire-measure-red.svg');
    --wire-data-red:         url('../img/wire-data-red.svg');
    --commune-red:           url('../img/commune-red.svg');
    --cable-red:             url('../img/cable-red.svg');

    --arrow-left:            url('../img/arrow-left.svg');
    --arrow-left-hover:      url('../img/arrow-left-hover.svg');
    --arrow-right:           url('../img/arrow-right.svg');
    --arrow-right-hover:     url('../img/arrow-right-hover.svg');

    --calender-logo:         url('../img/calender.svg');
    --detector-logo:         url('../img/detector.svg');
    --detector-map-logo:     url('../img/detector_map.svg');
    --detector-vip-logo:     url('../img/detector_vip.svg');

    --map-detector-white:    url('../img/map-detector-white.svg');
    --upsale-detection:      url('../img/pavisning.svg');
    --upsale-wire-measure:   url('../img/ledningsmaling.svg');
    --upsale-digital-measure: url('../img/maskinstyring.svg');
    --bestilt:               url('../img/bestilt.svg');

    --icon-upsale-garantert-levering: url('../img/addon-services-icons/garantert_levering.png');
    --icon-upsale-innmaaling: url('../img/addon-services-icons/innmaaling.png');
    --icon-upsale-maskinstyring: url('../img/addon-services-icons/maskinstyring.png');
    --icon-upsale-private-ledninger: url('../img/addon-services-icons/private_ledninger.png');
    --icon-upsale-paavis-for-kart: url('../img/addon-services-icons/paavis-for-kart.png');
    --icon-upsale-unormal-arbeidstid: url('../img/addon-services-icons/unormal-arbeidstid.png');

    --icon-checkmark-gray: url('../img/checkmark-gray-svgrepo-com.svg');

    --shopping-trolley-inactive:  url('../img/shopping-trolley-inactive.png');
    --shopping-trolley-active:  url('../img/shopping-trolley-active.png');
    --shopping-trolley-white:  url('../img/shopping-trolley-white.png');
}

/* Media screen sizes */
@media (max-width: 480px) { /* Extra Small Devices, Phones */ }
@media (max-width: 768px) { /* Small devices Tablets*/ }
@media (max-width: 992px) { /* Medium devices Desktops */ }
@media (max-width: 1200px) { /* Large devices Desktops */ }
@media (max-width: 1630px) { /* Extra Large devices Desktops */ }


html {
  position: relative;
  min-height: 100%;
}

body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  padding: 0;
}

body.terms-and-conditions-open {
  overflow-y: hidden;
}

.margin-top.table-responsive {
  overflow-x: visible;
}

.navbar-brand {
  background: url('../img/logo-ledningsportal.svg') center center no-repeat;
  background-size: 180px 40px;
  width: 180px;
}

.navbar-brand-SV {
  background: url('../img/brand-logo-SV.svg') center center no-repeat;
  background-size: 180px 40px;
  width: 180px;
}

.navbar-brand-FI {
  background: url('../img/brand-logo-FI.svg') center center no-repeat;
  background-size: 180px 40px;
  width: 180px;
}

.navbar-brand-FI-kp {
  background: url('../img/brand-logo-FI-kp.svg') center center no-repeat;
  background-size: 180px 40px;
  width: 180px;
}

.row.margin-top-30 {
  margin: 30px 0 0;
}

nav.navbar.sidebar.navbar-inverse {
  background-color: rgba(10, 6, 6, 0.8);
  background-size: cover;
  top: 0;
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
  height: 100%;
}

nav.navbar.sidebar.navbar-inverse .new-request-mini {
  opacity: 0;
}

nav.navbar.sidebar.navbar-inverse a span {
  width: 18px;
  height: 20px;
}

nav.navbar.sidebar.navbar-inverse a span.cable {
  background: url('../img/cable-inverse.svg') center center no-repeat;
}

nav.navbar.sidebar.navbar-inverse a span.wire-data {
  background: url('../img/wire-data-inverse.svg') center center no-repeat;
}

nav.navbar.sidebar.navbar-inverse a span.commune {
  background: url('../img/commune-inverse.svg') center center no-repeat;
}

nav.navbar.sidebar.navbar-inverse a span.gis {
  background: url('../img/gis-mini.svg') center center no-repeat;
}

nav.navbar.sidebar.navbar-inverse a span.wire-measure {
  background: url('../img/wire-measure-inverse.svg') center center no-repeat;
}

nav.navbar.sidebar.navbar-inverse a span.innboks {
  background: url('../img/innboks.svg') center center no-repeat;
}

nav.navbar.sidebar.navbar-inverse a span.conversion-order {
  background: url('../img/conversion-order.svg') center center no-repeat;
}

nav.navbar.sidebar.navbar-inverse .navbar-header {
  height: 50px;
}

nav.navbar.sidebar.navbar-inverse .navbar-nav li a {
  color: #fff;
  font-size: 16px;
  background-color: transparent;
  text-shadow: none;
}

nav.navbar.sidebar.navbar-inverse .navbar-nav li a span {
  margin-right: 20px;
}

nav.navbar.sidebar.navbar-inverse .navbar-nav li a:hover,
nav.navbar.sidebar.navbar-inverse .navbar-nav li a:focus {
  background: radial-gradient(circle at left center, #2d2926 15px, #666666);
  filter: drop-shadow(0 0 0.55rem #2d2926);
}

nav.navbar.sidebar.navbar-inverse .navbar-nav .active a {
  background: radial-gradient(circle at left center, #2d2926 15px, #666666);
  filter: drop-shadow(0 0 0.55rem #2d2926);
  color: white;
}

nav.sidebar,
.page-content,
.save-button-container {
  -webkit-transition: margin 300ms ease-out;
  -moz-transition: margin 300ms ease-out;
  -o-transition: margin 300ms ease-out;
  transition: margin 300ms ease-out;
}

.page-content.container-fluid {
  padding: 0;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
}

.nav-top {
  box-sizing: border-box;
  margin: 0;
  height: 100px;
  width: 100%;
  z-index: 10;
  padding-top: 8px;
  color: #ffffff;
  background: #002F4F;
}

.nav-top .col-xs-6 {
  margin-top: 8px;
}

.nav-top a.dropdown-toggle {
  display: flex;
  align-items: center;
}

.nav-top a {
  color: white;
}

.nav-top a span {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  opacity: 0;
}

.nav-top a.glyphicon {
  display: inline-block;
  margin-left: 20px;
}

.margin-sides {
  margin-left: 10px;
  margin-right: 10px;
}

.save-button-container {
  z-index: 1001;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: rgba(45, 41, 38, 0.8);
  box-sizing: border-box;
  padding: 15px;
  width: calc(100%);
}

.save-button-container .form-group {
  color: white;
  font-size: large;
  line-height: 1;
}

.save-button-container .form-group .checkbox {
  padding-bottom: 10px;
}

.save-button-container .col-xs-6 {
  margin-bottom: 5px;
}

.save-button-container .btn.btn-block {
  border: 1px solid white;
  text-transform: uppercase;
  font-size: medium;
  border-radius: 0;
  line-height: 1.5;
  padding: 10px 16px;
}

.save-button-container .btn.btn-block .arrow-left {
  background: url('../img/arrow-left.svg') center center no-repeat;
  width: 26px;
  height: 26px;
}

.save-button-container .btn.btn-block .arrow-right {
  background: url('../img/arrow-right.svg') center center no-repeat;
  width: 26px;
  height: 26px;
}

.save-button-container .btn.btn-block .send {
  background: url('../img/commune-inverse.svg') center center no-repeat;
  width: 26px;
  height: 26px;
}

.save-button-container .btn.btn-block:hover .arrow-left {
  background: url('../img/arrow-left-hover.svg') center center no-repeat;
  width: 26px;
  height: 26px;
  border: none;
}

.save-button-container .btn.btn-block:hover .arrow-right {
  background: url('../img/arrow-right-hover.svg') center center no-repeat;
  width: 26px;
  height: 26px;
  border: none;
}

@media (min-width:768px) {
  .modal-dialog.modal-lg {
    margin: 30px 3vw 30px auto;
  }

  .page-content.container-fluid {
    position: absolute;
    width: calc(100% - 40px);
    margin-left: 40px;
  }

  .page-content.container-fluid.active {
    width: calc(100% - 40px);
    height: 200%;
  }

  .margin-top {
    margin-top: 65px;
  }

  .row.margin-top-30 {
    margin: 30px 0 0;
  }

  .save-button-container {
    z-index: 1001;
    position: fixed;
    bottom: 0;
    left: 40px;
    background-color: rgba(45, 41, 38, 0.8);
    box-sizing: border-box;
    padding: 15px;
    width: calc(100% - 40px);
  }

  .save-button-container .col-sm-6 {
    margin-bottom: 5px;
  }

  .navbar-brand,
  .navbar-brand-SV,
  .navbar-brand-FI,
  .navbar-brand-FI-kp {
    background: url('../img/brand-mini.svg') right center no-repeat;
    background-size: 40px 40px;
    margin-right: 0px;
    background-color: #002F4F;
    height: 65px;
    margin-left: 0 !important;
  }

  .navbar-brand-FI-kp {
    background: url('../img/brand-mini-kp.svg') right center no-repeat;
    background-size: 40px 40px;
    margin-right: 0px;
    background-color: #002F4F;
    height: 65px;
    margin-left: 0 !important;
  }

  .nav-top {
    height: 65px;
    position: fixed;
    display: flex;
    align-items: center;
    padding-top: 0;
  }

  .nav-top .col-lg-3 {
    padding-left: 0;
  }

  nav.navbar.sidebar.navbar-inverse {
    position: fixed;
    height: 100%;
  }

  nav.navbar.sidebar.navbar-inverse .new-request-mini {
    opacity: 1;
  }

  nav.navbar.sidebar.navbar-inverse a span {
    float: right !important;
    margin-right: 0 !important;
  }

  nav.sidebar .navbar-brand,
  nav.sidebar .navbar-header {
    text-align: center;
    width: 100%;
    margin-left: 0;
  }

  nav.sidebar a {
    padding-right: 13px;
  }

  nav.sidebar .navbar-collapse,
  nav.sidebar .container-fluid {
    padding: 0;
  }

  nav.sidebar {
    width: 300px;
    height: calc(100%);
    margin-left: -260px;
    float: left;
    z-index: 8000;
    margin-bottom: 0;
  }

  nav.sidebar li {
    width: 100%;
  }

  .global-search-form {
    margin-left: 15px;
  }
}

@media (min-width:1630px) {
  .page-content.container-fluid {
    width: calc(100% - 300px);
    margin-left: 300px;
  }

  .page-content.container-fluid.active {
    width: calc(100vw - 300px);
    height: 200%;
  }

  .row.text-center .col-lg-3 {
    width: 25%;
  }

  nav.sidebar.navbar.sidebar>.container .navbar-brand,
  .navbar>.container-fluid .navbar-brand {
    background: url('../img/logo-ledningsportal.svg') center center no-repeat;
    background-size: 200px 45px;
    margin-left: 0;
    background-color: #002F4F;
    height: 65px;
  }

  .navbar>.container-fluid .navbar-brand-SV {
    background: url('../img/brand-logo-SV.svg') center center no-repeat;
    background-size: 200px 45px;
    margin-left: 0;
    background-color: #002F4F;
    height: 65px;
  }

  .navbar>.container-fluid .navbar-brand-FI {
    background: url('../img/brand-logo-FI.svg') center center no-repeat;
    background-size: 200px 45px;
    margin-left: 0;
    background-color: #002F4F;
    height: 65px;
  }

  .navbar>.container-fluid .navbar-brand-FI-kp {
    background: url('../img/brand-logo-FI-kp.svg') center center no-repeat;
    background-size: 200px 45px;
    margin-left: 0;
    background-color: #002F4F;
    height: 65px;
  }

  .nav-top {
    height: 65px;
    position: fixed;
    width: inherit;
    display: inline-flex;
    align-items: center;
  }

  .nav-top .col-lg-3 {
    margin-top: 0;
    padding-left: 0;
  }

  nav.navbar.sidebar.navbar-inverse {
    width: 300px;
  }

  nav.navbar.sidebar.navbar-inverse .new-request-mini {
    opacity: 0;
  }

  nav.navbar.sidebar.navbar-inverse a span {
    float: left !important;
    margin-right: 20px !important;
  }

  .modal-dialog.modal-lg {
    margin: 30px 20vw 30px auto;
  }

  nav.sidebar {
    margin-left: 0;
    float: left;
  }

  nav.sidebar .new-request-mini {
    opacity: 0;
  }

  .save-button-container {
    z-index: 1001;
    position: fixed;
    bottom: 0;
    left: 300px;
    background-color: rgba(45, 41, 38, 0.8);
    box-sizing: border-box;
    padding: 15px;
    width: calc(100% - 300px);
    display: flex;
    justify-content: center;
  }

  .save-button-container .form-group {
    color: white;
    font-size: large;
    line-height: 1;
  }

  .save-button-container .form-group .checkbox {
    padding-bottom: 10px;
  }

  .save-button-container form {
    display: grid;
    justify-items: center;
  }

  .save-button-container .btn-block {
    min-width: 300px;
    max-width: 650px;
  }

  .save-button-container .col-md-6 .col-lg-6 {
    margin-bottom: 0;
  }

  .global-search-form {
    margin-left: 15px;
  }
}

.center-privacy-statement {
  display: flex;
  align-items: center;
}

.privacy-statement {
  padding-bottom: 9px;
}

.cable-detection-container {
  background-color: rgba(37, 150, 190, 0.2);
  border: 10px solid rgba(37, 150, 190, 0.2);
  border-top: 1px;
  border-bottom: 1px;
  border-radius: 10px;
  margin: 0 5px 0 5px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.detection-header {
  padding: 10px 0 10px 0;
}

.detection-header p {
  margin: 5px 0 0 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}

.detection-header-icon {
  vertical-align: middle;
  content: url('../img/detector.svg');
  height: 30px;
  width: 30px;
}

.calendar-icon {
  margin: 4px 6px 0 0;
  content: url('../img/calender.svg');
  height: 25px;
  width: 25px;
}

.detector-vip-logo {
  vertical-align: middle;
  content: url('../img/detector_vip.svg');
  height: 45px;
  width: 45px;
}

.detector-map-logo {
  vertical-align: middle;
  content: url('../img/detector_map.svg');
  height: 55px;
  width: 55px;
}

.gen-info-preferred-detection-date[readonly] {
  cursor: pointer;
  background-color: white;
}

.calendar-information-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 245.69px;
}

.calendar-information-box {
  display: flex;
  align-items: center;
  margin: 5px;
}

.calendar-description-box {
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  margin-right: 2px;
  border: 1px solid dimgray;
}

.red-dates {
  background-color: #ec978e;
}

.green-dates {
  background-color: #83ddc9;
}

.grey-dates {
  background-color: #eaecee;
}

.selectable-dates {
  font-weight: bold;
  color: #002f4f;
}

#preferred-detection-date table tr td.disabled,
#preferred-detection-date table tr td.disabled:hover {
  background-color: #eaecee;
  cursor: not-allowed;
  font-weight: normal;
}

#preferred-detection-date table tr td:hover {
  background-color: #999999;
}

.calendar-modal-container {
  width: 650px;
  height: 330px;
  margin: 0 auto;
}
body {
  font-family: 'Roboto', sans-serif !important;
}

.container-front-page {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.container-front-page .alert-news.alert-dismissible {
  background-color: #002F4F;
  color: white;
}

.container-front-page .alert-news.alert-dismissible a {
  color: white;
}

.container-front-page .alert-news.alert-dismissible .close {
  color: #999999;
  text-shadow: 0 1px 0 #999999;
  opacity: 1;
}

.container-front-page .alert-news.alert-dismissible .close:hover,
.container-front-page .alert-news.alert-dismissible .close:focus {
  color: white;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
}

.news-post {
  max-height: 576px;
  margin-bottom: 30px;
  border: 1px solid #999999;
  border-radius: 4px;
  background-color: #e5e5e5;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
  height: 455px;
  overflow: hidden;
  text-align: left;
}

.news-post .news-post-image {
  max-width: 100%;
  height: auto;
  border-radius: 4px 4px 0 0;
}

.news-post .news-post-badge {
  position: absolute;
  top: -10px;
  right: 5px;
  padding: 10px 10px;
  border: 1px solid #666666;
  border-radius: 50%;
  background: #FA5421;
}

.news-post .article-title {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 600;
  color: #2d2926;
  padding: 0 30px;
}

.news-post .article-date {
  font-size: 16px;
  font-weight: 300;
  color: #2d2926;
  padding: 0 30px;
}

.news-post .article-content {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 300;
  color: #2d2926;
  max-height: 70px;
  overflow: hidden;
  padding: 0 30px;
}

.news-post .article-content p {
  width: inherit;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.news-post .article-content a {
  color: #999999;
}

.more-wordpress-links {
  cursor: pointer;
}

.btn-blue {
  background-color: #002F4F;
  box-shadow: 0 5px 10px -5px #002F4F;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
}

.row .welcome-message {
  display: flex;
  align-items: center;
}

.breaking-news {
  padding: 10px 10px;
  border: 1px solid #666666;
  border-radius: 50%;
  background: #FA5421;
  margin-left: 15px;
}

.row.nav-top .dropdown-menu {
  padding: 10px;
  margin-top: 14px;
}

.row.nav-top .dropdown-menu a {
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  width: inherit;
}

.user-no-bg {
  background: url('../img/user-neutral.svg') center center no-repeat;
  width: 30px;
  height: 30px;
}

.help-support {
  background: url('../img/question.svg') center center no-repeat;
  width: 30px;
  height: 30px;
}

.push-right {
  margin-left: auto;
}

#bs-sidebar-navbar-collapse-1 .nav>li>a.ny-henvendelse {
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  width: inherit;
  text-transform: uppercase;
  background: radial-gradient(ellipse at center, #00697f, #000000 100%);
  filter: drop-shadow(0 0 0.65rem #00697f);
  margin: 30px 0 20px 0;
}

#bs-sidebar-navbar-collapse-1 .nav>li>a.ny-henvendelse:hover,
#bs-sidebar-navbar-collapse-1 .nav>li>a.ny-henvendelse:focus {
  background: radial-gradient(ellipse at center, #00697f, #000000 100%);
  filter: drop-shadow(0 0 0.95rem #0093b2);
}

#bs-sidebar-navbar-collapse-1 .nav>li>a.ny-henvendelse:active {
  background: radial-gradient(ellipse at center, #0093b2, #000000 100%);
}

.new-request {
  background: url('../img/new-request.svg') center center no-repeat;
  height: 48px;
  width: 48px;
  margin-right: 20px;
}

.new-request-mini {
  background: url('../img/new-request.svg') center center no-repeat;
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
}

.thumbnail {
  position: relative;
  background: #002F4F;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
  padding: 0;
}

.thumbnail .caption {
  box-sizing: border-box;
  padding: 15px 10px;
  background: white;
  height: 55px;
}

.thumbnail .caption .badge {
  line-height: 1.5;
  background-color: #00D4A6;
  color: #2d2926;
  border: 1px solid #2d2926;
}

.thumbnail .caption h4 {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  width: 80%;
}

.thumbnail img {
  height: 200px;
  box-sizing: border-box;
  display: block;
  max-width: 100%;
  opacity: 0.8;
}

.thumbnail .glyphicon {
  position: absolute;
  font-family: 'Roboto', 'Helvetica', sans-serif;
  top: 30%;
  margin-top: -30px;
  left: 50%;
  margin-left: -30px;
  z-index: 999;
  color: white;
  font-size: 60px;
  transition: all 0.25s;
}

.img {
  border-radius: 50px;
  height: 35px;
  width: 35px;
  margin-right: 20px;
}

.img.support {
  background: url('../img/support.svg') left center no-repeat, #002F4F;
  background-size: 35px 20px;
}

.img.tutorial {
  background: url('../img/tutorial.svg') left center no-repeat, #002F4F;
  background-size: 35px 16px;
}

.img.user-default-small {
  background: url('../img/user-neutral.svg') left center no-repeat, #002F4F;
  background-size: 35px 20px;
}

.img.innstillinger {
  background: url('../img/innstillinger.svg') left center no-repeat, #002F4F;
  background-size: 35px 20px;
}

.img.logg-out {
  background: url('../img/logg-out.svg') left center no-repeat;
  background-size: 35px 35px;
}

.img.terms {
  background: url('../img/vilkar.svg') left center no-repeat;
  background-size: 35px 35px;
}

.user-default {
  background: url('../img/user-neutral.svg') left center no-repeat;
  background-size: 83px 83px;
}

.user-default:hover,
.user-default:focus {
  background: url('../img/user-neutral.svg') left center no-repeat;
  background-size: 85px 85px;
}

.thumbnail.tile-lime .badge {
  background-color: #00D4A6;
}

.thumbnail.tile-lime img.cable {
  background: url('../img/cable1.svg') center center no-repeat, transparent;
  background-size: 130px 130px;
}

.thumbnail.tile-lime img.cable:hover,
.thumbnail.tile-lime img.cable:focus {
  background: url('../img/cable1.svg') center center no-repeat, #00D4A6;
  background-size: 130px 130px;
}

.thumbnail.tile-lime img.wire-data {
  background: url('../img/wire-data.svg') center center no-repeat, transparent;
  background-size: 120px 120px;
}

.thumbnail.tile-lime img.wire-data:hover,
.thumbnail.tile-lime img.wire-data:focus {
  background: url('../img/wire-data.svg') center center no-repeat, #00D4A6;
  background-size: 120px 120px;
}

.thumbnail.tile-lime img.wire-measure {
  background: url('../img/wire-measure.svg') center center no-repeat, transparent;
  background-size: 120px 120px;
}

.thumbnail.tile-lime img.wire-measure:hover,
.thumbnail.tile-lime img.wire-measure:focus {
  background: url('../img/wire-measure.svg') center center no-repeat, #00D4A6;
  background-size: 120px 120px;
}

.thumbnail.tile-lime img.conversion-order {
  background: url('../img/conversion-order.svg') center center no-repeat, transparent;
  background-size: 120px 120px;
}

.thumbnail.tile-lime img.conversion-order:hover,
.thumbnail.tile-lime img.conversion-order:focus {
  background: url('../img/conversion-order.svg') center center no-repeat, #00D4A6;
  background-size: 120px 120px;
}

.thumbnail.tile-lime img.commune {
  background: url('../img/commune.svg') center center no-repeat, transparent;
  background-size: 170px 150px;
}

.thumbnail.tile-lime img.commune:hover,
.thumbnail.tile-lime img.commune:focus {
  background: url('../img/commune.svg') center center no-repeat, #00D4A6;
  background-size: 170px 150px;
}

.thumbnail.tile-lime img.commune.white {
  background: url('../img/commune.svg') center center no-repeat, transparent;
  background-size: 170px 150px;
}

.thumbnail.tile-lime img.commune.white:hover,
.thumbnail.tile-lime img.commune.white:focus {
  background: url('../img/commune.svg') center center no-repeat, #00D4A6;
  background-size: 170px 150px;
}

.thumbnail.tile-red .badge {
  background-color: #e61e56;
}

.thumbnail.tile-red img.commune {
  background: url('../img/commune.svg') center center no-repeat, transparent;
  background-size: 170px 150px;
}

.thumbnail.tile-red img.commune:hover,
.thumbnail.tile-red img.commune:focus {
  background: url('../img/commune.svg') center center no-repeat, #bc1544;
  background-size: 170px 150px;
}

.thumbnail.tile-red img.commune.white {
  background: url('../img/commune.svg') center center no-repeat, transparent;
  background-size: 170px 150px;
}

.thumbnail.tile-red img.commune.white:hover,
.thumbnail.tile-red img.commune.white:focus {
  background: url('../img/commune.svg') center center no-repeat, #bc1544;
  background-size: 170px 150px;
}

.input-group-btn .btn.btn-primary,
.panel-body .btn.btn-primary,
.goform-clearfix .btn.btn-primary,
.table.risiko-table .btn.btn-primary,
.table.skiltplanbeskrivelse-table .btn.btn-primary,
.input-group-btn .btn.btn-default,
.panel-body .btn.btn-default,
.goform-clearfix .btn.btn-default,
.table.risiko-table .btn.btn-default,
.table.skiltplanbeskrivelse-table .btn.btn-default,
.input-group-btn .btn.btn-success,
.panel-body .btn.btn-success,
.goform-clearfix .btn.btn-success,
.table.risiko-table .btn.btn-success,
.table.skiltplanbeskrivelse-table .btn.btn-success,
.input-group-btn .btn.btn-danger,
.panel-body .btn.btn-danger,
.goform-clearfix .btn.btn-danger,
.table.risiko-table .btn.btn-danger,
.table.skiltplanbeskrivelse-table .btn.btn-danger {
  padding: 5px 6px;
  font-size: medium;
}

.input-group-btn .btn.btn-primary.btn-sm,
.panel-body .btn.btn-primary.btn-sm,
.goform-clearfix .btn.btn-primary.btn-sm,
.table.risiko-table .btn.btn-primary.btn-sm,
.table.skiltplanbeskrivelse-table .btn.btn-primary.btn-sm,
.input-group-btn .btn.btn-default.btn-sm,
.panel-body .btn.btn-default.btn-sm,
.goform-clearfix .btn.btn-default.btn-sm,
.table.risiko-table .btn.btn-default.btn-sm,
.table.skiltplanbeskrivelse-table .btn.btn-default.btn-sm,
.input-group-btn .btn.btn-success.btn-sm,
.panel-body .btn.btn-success.btn-sm,
.goform-clearfix .btn.btn-success.btn-sm,
.table.risiko-table .btn.btn-success.btn-sm,
.table.skiltplanbeskrivelse-table .btn.btn-success.btn-sm,
.input-group-btn .btn.btn-danger.btn-sm,
.panel-body .btn.btn-danger.btn-sm,
.goform-clearfix .btn.btn-danger.btn-sm,
.table.risiko-table .btn.btn-danger.btn-sm,
.table.skiltplanbeskrivelse-table .btn.btn-danger.btn-sm,
.input-group-btn .btn.btn-primary.btn-xs,
.panel-body .btn.btn-primary.btn-xs,
.goform-clearfix .btn.btn-primary.btn-xs,
.table.risiko-table .btn.btn-primary.btn-xs,
.table.skiltplanbeskrivelse-table .btn.btn-primary.btn-xs,
.input-group-btn .btn.btn-default.btn-xs,
.panel-body .btn.btn-default.btn-xs,
.goform-clearfix .btn.btn-default.btn-xs,
.table.risiko-table .btn.btn-default.btn-xs,
.table.skiltplanbeskrivelse-table .btn.btn-default.btn-xs,
.input-group-btn .btn.btn-success.btn-xs,
.panel-body .btn.btn-success.btn-xs,
.goform-clearfix .btn.btn-success.btn-xs,
.table.risiko-table .btn.btn-success.btn-xs,
.table.skiltplanbeskrivelse-table .btn.btn-success.btn-xs,
.input-group-btn .btn.btn-danger.btn-xs,
.panel-body .btn.btn-danger.btn-xs,
.goform-clearfix .btn.btn-danger.btn-xs,
.table.risiko-table .btn.btn-danger.btn-xs,
.table.skiltplanbeskrivelse-table .btn.btn-danger.btn-xs {
  font-size: small;
}

.round {
  border-radius: 50%;
}

.btn-sm.round {
  width: 21px;
}

.btn.btn-success {
  font-size: medium;
  background: #00bb92;
  color: #2d2926;
}

.btn.btn-success:hover,
.btn.btn-success:focus {
  background: #006e56;
  color: white;
}

.btn.btn-primary {
  font-size: medium;
  background: #00697f;
}

.btn.btn-primary.btn-xs.printpopover {
  font-size: large;
  padding: 1px 5px;
}

.btn.btn-primary.btn-sm {
  font-size: small;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background: #002F4F;
}

.btn.btn-danger {
  background: #e61e56;
}

.btn.btn-danger.btn-sm,
.btn.btn-danger.btn-xs {
  font-size: small;
}

.btn.btn-danger:hover,
.btn.btn-danger:focus {
  background: #bc1544;
}

.btn.btn-danger.btn-sm {
  padding: 5px 9px;
}

.btn.btn-default {
  color: white;
  font-size: large;
  text-shadow: none;
  background: #666666;
}

.btn.btn-default .glyphicon {
  opacity: 0;
}

.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default.active {
  background: #333333;
}

.btn.btn-default.active .glyphicon {
  opacity: 1;
}

button[data-toggle='popover'].btn.btn-primary {
  padding: 0 5px;
}

.popover button.close {
  margin-top: -27px;
  margin-right: 10px;
  opacity: 1;
  color: white;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.error-gm {
  background-color: #f4cecd;
  padding: 10px 10px;
}

.media {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 10px;
  border: 1px solid grey;
}

.media .media-left {
  padding-right: 0;
}

.media .media-heading {
  font-weight: bold;
}

.media .media-body {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
}

.media .media-left,
.media .media-right,
.media .media-body {
  display: block;
}

.media img {
  width: 100%;
  height: 200px;
  box-sizing: border-box;
  display: block;
}

.media img.new-logo {
  background: url('../img/new-logo.svg') center center no-repeat, #001637;
}

.media img.cable {
  background: url('../img/cable1.svg') center center no-repeat, radial-gradient(circle at bottom center, #004d82 15px, #002F4F);
}

.media img.gis {
  background: url('../img/GIS-white.svg') center center no-repeat, radial-gradient(circle at bottom center, #004d82 15px, #002F4F);
}

.media img.cable-areas {
  background: url('../img/more-areas.svg') center center no-repeat, #002F4F;
  background-size: 150px 150px;
}

.media img.wire-data {
  background: url('../img/wire-data.svg') center center no-repeat, radial-gradient(circle at bottom center, #00bde5 15px, #007e99);
}

.media img.commune {
  background: url('../img/commune.svg') center center no-repeat, radial-gradient(circle at bottom center, #004d82 15px, #002F4F);
}

.media img.wire-measure {
  background: url('../img/wire-measure.svg') center center no-repeat, radial-gradient(circle at bottom center, #00bde5 15px, #007e99);
}

.media img.conversion-order {
  background: url('../img/conversion-order.svg') center center no-repeat, radial-gradient(circle at bottom center, #00bde5 15px, #007e99);
  background-size: 150px;
}

.media img.price-inquiries {
  background: url('../img/price-request-white.svg') center center no-repeat, radial-gradient(circle at bottom center, #004d82 15px, #002F4F);
}

.filters {
  width: 1000px;
}

.filters .nav.nav-tabs {
  display: flex;
  align-content: stretch;
  width: 100%;
}

.filters .nav.nav-tabs li {
  list-style: none;
  flex-grow: 1;
  align-self: stretch;
  border: 1px solid lightgrey;
  border-bottom: 1px solid #666666;
  padding: 0 0;
  font-size: 16px;
  font-weight: bold;
}

.filters .nav.nav-tabs li.corners {
  border-radius: 8px;
  border: 1px solid #666666;
}

.filters .nav.nav-tabs li.corners-left {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  border: 1px solid #666666;
  border-right: 1px solid #999999;
  margin-left: 5px;
}

.filters .nav.nav-tabs li.corners-right {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  border: 1px solid #666666;
  border-left: 1px solid #999999;
}

.filters .nav.nav-tabs li a {
  color: #2d2926;
  display: block;
  align-self: stretch;
  text-align: center;
  margin: 0;
}

.filters .nav.nav-tabs li:hover,
.filters .nav.nav-tabs li:focus,
.filters .nav.nav-tabs li.active {
  background-color: #666666;
  outline: none;
}

.filters .nav.nav-tabs li:hover a,
.filters .nav.nav-tabs li:focus a,
.filters .nav.nav-tabs li.active a {
  border-color: transparent;
  background-color: transparent;
  color: white;
  display: block;
  align-self: stretch;
  text-align: center;
  margin: 0;
}

.filter-tabs {
  margin-bottom: 200px;
}

.filter-tabs .nav.nav-tabs {
  align-content: stretch;
}

.filter-tabs .nav.nav-tabs .dropdown-menu li {
  border: none;
}

.filter-tabs .nav.nav-tabs li {
  list-style: none;
  flex-grow: 1;
  align-self: stretch;
  border: 1px solid lightgrey;
  padding: 0 0;
  font-size: 16px;
  font-weight: bold;
}

.filter-tabs .nav.nav-tabs li a {
  color: #2d2926;
  display: block;
  align-self: stretch;
  text-align: center;
  margin: 0;
}

.filter-tabs .nav.nav-tabs li:hover a,
.filter-tabs .nav.nav-tabs li.active a {
  color: white;
  border-radius: 0;
  border-color: transparent;
  background-color: #666666;
  outline: none;
}

.filter-tabs .nav.nav-tabs .skjematab.open .dropdown-menu li a {
  color: black;
  display: block;
  align-self: stretch;
  text-align: left;
  background: white;
  margin: 0;
}

.filter-tabs .nav.nav-tabs .skjematab.open .dropdown-menu li:hover {
  color: white;
  border-radius: 0;
  border-color: transparent;
  background: white;
  outline: none;
}

.filter-tabs .nav.nav-tabs .skjematab.open .dropdown-menu li:hover a {
  color: white;
  display: block;
  align-self: stretch;
  text-align: left;
  background: #666666;
  margin: 0;
}

.filter-tabs .nav.nav-tabs .skjematab.open .dropdown-menu li a {
  text-align: left;
}

table th {
  padding: 10px 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

table td:first-child {
  padding-left: 10px;
}

.form-group .alert {
  padding: 23px 15px 15px;
}

.alert-info {
  background: #e5e5e5;
}

.alert-warning {
  background: white;
  border-color: #949300;
  color: #2d2926;
  text-align: center;
  font-size: medium;
}

.panel.panel-default {
  color: #666666;
  font-weight: bold;
}

.panel.panel-default .panel-heading {
  background-image: linear-gradient(90deg, #ffffff, #999999);
  border-bottom: 1px solid #dddddd;
}

.panel.panel-default .panel-title {
  font-weight: bold;
  font-size: 18px;
}

.panel.panel-default .form-check-label {
  margin-right: 30px;
}

.panel.panel-default .no-padding {
  padding-left: 0;
}

.panel.panel-default .panel-body {
  color: #2d2926;
  font-family: 'Arial', sans-serif;
}

.panel.panel-danger-bright .panel-heading {
  background-image: linear-gradient(90deg, #ffffff, #e61e56);
}

.panel.panel-danger .panel-heading {
  background-image: linear-gradient(90deg, #ffffff, #ebccd1);
}

.panel.panel-outline .panel-heading {
  background-image: none;
  border: 1px solid lightgrey;
  border-bottom: none;
}

.panel.panel-outline .panel-body {
  border: 1px solid lightgrey;
}

.panel .mandatory::after {
  content: ' *';
  color: red;
}

@media (min-width:768px) {
  .filters {
    width: 100%;
  }

  .media {
    border: none;
    margin-bottom: 0;
  }

  .media .media-left,
  .media .media-right,
  .media .media-body {
    display: table-cell;
  }

  .media .media-left {
    padding-right: 0;
  }

  .media .media-heading {
    font-weight: bold;
  }

  .media .media-body {
    padding-top: 20px;
    padding-left: 20px;
    border-bottom: 1px dashed #999999;
  }

  .media .media-body .new-customer-portal-wizard-banner {
    background-color: lightgreen;
    border-radius: 5px;
    padding: 15px 50px 15px 15px;
    width: fit-content;
    margin-bottom: 10px;
  }

  .media img.media-object {
    width: 300px;
    height: 200px;
    box-sizing: border-box;
    display: block;
  }

  .panel.panel-default .no-padding {
    padding-left: 10px;
  }
}

.page-header {
  margin: 96px 0 20px;
}

.checkbox.col-md-offset-4 {
  padding-left: 35px;
}

.col-md-offset-2 .g-recaptcha {
  padding-left: 11px;
}

.form-group {
  margin-bottom: 0;
  padding-bottom: 15px;
}

.form-group .checkbox-inline {
  margin-left: 0;
  margin-right: 10px;
}

.columns-list {
  -moz-columns: 4;
  -webkit-columns: 4;
  columns: 4;
  padding: 10px;
}

.columns-list-2 {
  -moz-columns: 2 auto;
  -webkit-columns: 2 auto;
  columns: 2 auto;
  -webkit-column-rule: 1px dashed lightgrey;
  -moz-column-rule: 1px dashed lightgrey;
  column-rule: 1px dashed lightgrey;
  padding: 10px;
}

.columns-list-2 .form-group {
  border-bottom: 1px dashed lightgrey;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

.columns-list-2 .form-group .control-label {
  padding-top: 6px;
}

.columns-list-2 .form-group .col-md-6 {
  padding-left: 0;
  padding-right: 0;
}

.columns-list-2 .column {
  box-sizing: border-box;
  padding-right: 110px;
  border-right: 1px solid lightgrey;
}

.columns-list-3 {
  -moz-columns: 3;
  -webkit-columns: 3;
  columns: 3;
  padding: 10px;
}

.columns-list-3 .column {
  margin-right: 50px;
}

.modal-dialog {
  border-radius: 0;
}

.modal-dialog .modal-content {
  border-radius: 0;
}

.modal-dialog .modal-header {
  color: #ffffff;
  background: #002F4F;
  border-radius: 0;
  font-size: 24px;
}

.modal-dialog .modal-header button.close {
  color: white;
  opacity: 0.8;
}

.modal-dialog .modal-header button.close:hover,
.modal-dialog .modal-header button.close:focus {
  opacity: 1;
}

.modal-dialog .modal-body {
  padding: 25px 15px;
}

.modal-dialog .modal-footer {
  background: #666666;
  border-radius: 0;
}

.modal-dialog .modal-footer .btn {
  border: 1px solid white;
  border-radius: 0;
  font-size: medium;
}

.fileupload-buttonbar {
  height: 34px;
}

.margin-right-bottom {
  margin: 0 10px 10px 0;
}

.navbar {
  margin-bottom: 0;
}

.nav.navbar-nav.navbar-right {
  margin-right: 0;
}

.left-aligned {
  margin-left: 30px;
}

.dropdown-hover:hover .dropdown-menu {
  display: block;
}

.dropdown-menu table {
  color: #777;
  font-size: 12px;
  line-height: 1.42857;
  padding: 3px 20px;
  white-space: nowrap;
}

.nav .dropdown-menu {
  padding: 0;
}

.dropdown-menu.document {
  background: white;
}

.dropdown-menu.document li a {
  color: #666666;
}

.dropdown-menu.document li a:hover {
  color: #2d2926;
  background: #3af7ce;
}

.pagination-container {
  text-align: center;
}

.pagination .active a,
.pagination .active span {
  background-color: #0093b2;
}

.pagination .active a:hover,
.pagination .active span:hover,
.pagination .active a:focus,
.pagination .active span:focus {
  background-color: #0093b2;
}

.full-width {
  width: 100%;
}

.full-width .row {
  padding: 3px 0;
}

table .clickable td {
  cursor: pointer;
}

table .clickable td .glyphicon {
  top: 3px;
}

table.table-condensed.tiltaksview {
  width: 100%;
  background-color: #e5e5e5;
}

table.table-condensed.tiltaksview thead {
  color: black;
}

table.table-condensed.tiltaksview tbody tr.accordian-body {
  background-color: white;
}

table.table-condensed.tiltaksview tr.accordian-body table.table-condensed {
  background: white;
}

table.table-condensed.tiltaksview tr.accordian-body table.table-condensed thead tr th {
  font-size: 14px;
  color: #666666;
}

table.table-condensed.tiltaksview tr.accordian-body table.table-condensed thead,
table.table-condensed.tiltaksview tr.accordian-body table.table-condensed tbody {
  background: white;
}

table.table-condensed.tiltaksview td .table.table-condensed {
  margin-bottom: 5px;
}

.panel.panel-default a.btn.btn-default.btn-xs {
  border: 1px solid #2d2926;
}

.img-responsive {
  margin: 0 auto;
}

.no-margin-top {
  margin-top: 0;
}

.label.label-danger {
  display: inline-flex;
  white-space: normal;
}

.glyphicon.red {
  color: #bc1544;
}

.vertical-resize {
  resize: vertical;
}

.danger-red {
  color: #bc1544;
}

.success-green {
  color: #00a17e;
}

.header-green {
  color: #069274;
  font-size: 18px;
}

/*-----------UPSALE VIDEO + ACCORDION-------*/
.wizard-form.upsale {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-around;
}

.wizard.media {
  margin: 20px;
  border: none;
  border-radius: 5px;
  padding: 20px;
  width: 20%;
  min-width: 400px;
  max-width: 435px;
  display: flex;
  flex-direction: column;
  align-items: center;
  filter: drop-shadow(0 0 0.55rem #999999);
}

.wizard.media.silver-shadow {
  filter: drop-shadow(0 0 0.55rem #999999);
}

.wizard.media.green-shadow {
  filter: drop-shadow(0 0 0.55rem #069274);
}

.wizard.media h4.media-heading {
  padding-bottom: 10px;
  height: 3.5em;
}

.wizard.media .controller.media {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.wizard.media img {
  width: 100%;
  height: 250px;
}

.wizard.media img,
.wizard.media iframe {
  width: 100%;
  height: 250px;
}

.wizard.media .media-body {
  padding: 0;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.wizard.media .media-body p {
  padding: 20px 0;
}

.wizard.media .media-body .panel-group {
  width: inherit;
}

.wizard.media .media-body .media-body-content p {
  padding: 20px 0;
}

.wizard.media .media-body .media-body-content .panel-heading .panel-title {
  font-size: 14px;
}

.wizard.media .media-body .media-body-content .panel-heading a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wizard.media .media-body .media-body-content .panel-heading a :last-child {
  margin-left: 5px;
}

.wizard.media .media-body .media-body-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wizard.media .panel.panel-outline {
  border: 1px solid #999999;
  color: #666666;
}

.wizard.media .panel.panel-outline a:focus {
  outline: none;
}

.wizard.media .panel-heading {
  width: 100%;
  padding: 15px;
}

.wizard.media .fa {
  float: right;
}

.wizard.media .row-fluid {
  display: flex;
  justify-content: space-around;
  padding-top: 30px;
}

.wizard.media button.btn-primary {
  background: #002F4F;
  text-transform: uppercase;
  width: 400px;
  max-width: 500px;
  line-height: 2;
  border-radius: 4px;
}

.wizard.media button.btn-primary:hover {
  background: #004d82;
}

.wizard.media button.btn-primary:focus,
.wizard.media button.btn-primary:active {
  border-color: #002F4F;
  outline: none;
}

.wizard.media .map-detector-white {
  background: url('../img/map-detector-white.svg') center center no-repeat;
  width: 60px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}

.wizard.media .upsale-wire-measure {
  background: url('../img/ledningsmaling.svg') center center no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.wizard.media .bestilt {
  background: url('../img/bestilt.svg') center center no-repeat;
  width: 100px;
  height: 30px;
  display: inline-block;
  margin-bottom: 10px;
}

.wizard.media .wizard.media .bestilt-container {
  width: 100px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 10px;
  height: 100%;
}

.wizard.media .wizard-btn-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.goform-form-content {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: medium;
}

.goform-form-content button.btn.btn-default {
  border: 1px solid #2d2926;
}

.goform-form-content button#infotextButton {
  background-color: #0093b2;
}

.goform-form-content .nav-pills {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: medium;
}

.goform-form-content .nav-pills li a {
  border-radius: 0;
  border: 1px solid #007e99;
}

.goform-form-content .nav-pills li a:hover,
.goform-form-content .nav-pills li a:focus {
  background-color: #007e99;
  color: white;
}

.goform-form-content .nav-pills .active a {
  background-color: #007e99;
}

.goform-form-content .nav-pills .active a:hover,
.goform-form-content .nav-pills .active a:focus {
  background-color: #007e99;
}

.goform-form-content h3 {
  margin-top: 0;
}

.goform-form-content .disabled.active a {
  color: #2d2926;
}

.table.table-hover th {
  color: #666666;
}

.red-border {
  border: 10px solid red;
  border-style: double;
}

.dashed-border {
  box-sizing: border-box;
  border: 1px dashed #a0958b;
  height: 100%;
}

.dashed-border label {
  margin-top: 7px;
}

#UnderentreprenoerPlugin a span {
  font-weight: initial;
}

/*_______________________________________ */
.hideMe {
  visibility: hidden;
}

.div-inline-block {
  display: inline-block;
}

.list-normal {
  font-weight: normal;
}

.pdf-image-link {
  text-align: center;
}

.pdf-image-link img {
  height: auto;
  width: 75px;
}

.hp-container {
  max-width: 960px;
  padding: 10px;
}

@media (min-width: 480px) {
  .hp-container {
    padding: 20px;
  }
}

.hp-container .panel-outline {
  border: 1px solid #e7e7e7;
  border-radius: 0;
  box-shadow: 1px 1px 5px 0px #0001;
  margin-bottom: 10px;
}

.hp-container .panel-outline .panel-heading {
  border: 0;
}

.hp-container .panel-outline .panel-heading .panel-title {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
}

.hp-container .panel-outline .panel-heading .panel-title .accordion_icon {
  color: #7f7f7f;
}

.hp-container .panel-outline .panel-body {
  border: 0;
  font-size: 16px;
  color: #464646;
}

.hp-container .panel-title a {
  text-decoration: none;
  display: block;
}

.hp-container .panel-body a {
  text-decoration: none;
}

.default-only-space-below {
  margin: 0 0 20px;
}

.auto-16-9-wrapper {
  display: block;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.auto-16-9-wrapper>* {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
}

.read-max-width *,
.read-max-width>* {
  max-width: 70em;
}

/* Some time in 2023 some updates were made to the layout.
* However, with 3MB of styles and a significant amount of mess
* it's massively easier to write the following styles
* under a new topmost selector. All these are in addition to pre-existing styles.
* (except a few icons. I normalized a few icons)
*/
#lednings-upsell-2023 {
  display: grid;
  gap: 20px;
  width: 100%;
  grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 700px) {
  #lednings-upsell-2023 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1200px) {
  #lednings-upsell-2023 {
    grid-template-columns: repeat(3, 1fr);
  }
}

#lednings-upsell-2023 .product-card {
  position: relative;
}

#lednings-upsell-2023 .card-content {
  padding-bottom: 20px;
  border: 1px solid #ccc;
  cursor: initial;
  transition: border 0.3s;
  border-left: 5px solid #ccc;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  max-height: 400px;
}

#lednings-upsell-2023 .top-attached,
#lednings-upsell-2023 .bottom-attached {
  padding: 20px 20px 0;
}

#lednings-upsell-2023 .ordered .card-content {
  border-left-color: #090;
}

#lednings-upsell-2023 .ordered-container {
  display: flex;
  justify-content: flex-end;
}

#lednings-upsell-2023 .ordered-indicator {
  background: url('../img/bestilt.svg') center center no-repeat;
  width: 100px;
  visibility: hidden;
}

#lednings-upsell-2023 .ordered .ordered-indicator {
  visibility: visible;
}

#lednings-upsell-2023 .icon {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

#lednings-upsell-2023 .btn {
  width: auto;
  min-height: 40px;
  padding: 0 20px;
  font-size: 16px;
}

#lednings-upsell-2023 .btn .icon {
  margin-right: 10px;
}

#lednings-upsell-2023 .btn-primary {
  padding-top: 1px;
  background: #002F4F;
}

#lednings-upsell-2023 .btn-primary:hover {
  background: #004d82;
}

#lednings-upsell-2023 .btn-secondary {
  border: 1px solid #999;
}

#lednings-upsell-2023 .btn-secondary:hover {
  background: #ddd;
}

#lednings-upsell-2023 .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #002F4F;
  padding: 0 5px 0 20px;
  margin: 0;
}

#lednings-upsell-2023 .card-title {
  padding: 5px 0;
  margin: 0;
  flex: 1;
}

#lednings-upsell-2023 .product-info-expander>.panel-collapse {
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-top: 0;
  padding: 20px;
}

#lednings-upsell-2023 .product-info-expander p {
  margin-bottom: 20px;
}

#lednings-upsell-2023 .product-info-expander p:last-child {
  margin-bottom: 0;
}

#lednings-upsell-2023 .panel-title a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 600;
}

#lednings-upsell-2023 .auto-16-9-wrapper {
  margin-bottom: 20px;
}

#lednings-upsell-2023 .cp2023-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  width: 100%;
}

#lednings-upsell-2023 .cp2023-buttons button {
  transition: background-color 0.3s;
}

#lednings-upsell-2023 .cp2023-buttons .icon-ordered-button {
  display: none;
}

#lednings-upsell-2023 .ordered .cp2023-buttons .btn-primary {
  background-color: #090;
}

#lednings-upsell-2023 .ordered .cp2023-buttons .btn-primary .icon-ordering-button {
  display: none;
}

#lednings-upsell-2023 .ordered .cp2023-buttons .btn-primary .icon-ordered-button {
  display: inline-block;
}

#lednings-upsell-2023 .icon-upsale-detection {
  background: url('../img/pavisning.svg') center center no-repeat;
}

#lednings-upsell-2023 .icon-digital-measure {
  background: url('../img/maskinstyring.svg') center center no-repeat;
}

#lednings-upsell-2023 .icon-ordering-button {
  background: url('../img/shopping-trolley-white.png') center center no-repeat;
  background-size: 100%;
}

#lednings-upsell-2023 .icon-ordered-button {
  background: url('../img/checkmark-gray-svgrepo-com.svg') center center no-repeat;
  background-size: 150%;
  filter: brightness(0) invert(1);
  width: 20px;
  margin-right: 0 !important;
}

#lednings-upsell-2023 .addon-services-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 70px;
  height: 70px;
  transition: filter 0.3s;
  filter: grayscale(1);
}

#lednings-upsell-2023 .ordered .addon-services-icon {
  filter: grayscale(0);
}

#lednings-upsell-2023 .icon-garantert-levering {
  background-image: url('../img/addon-services-icons/garantert_levering.png');
  background-size: 66px;
}

#lednings-upsell-2023 .icon-innmaaling {
  background-image: url('../img/addon-services-icons/innmaaling.png');
  background-size: 50px;
}

#lednings-upsell-2023 .icon-maskinstyring {
  background-image: url('../img/addon-services-icons/maskinstyring.png');
  background-size: 90px;
}

#lednings-upsell-2023 .icon-private-ledninger {
  background-image: url('../img/addon-services-icons/private_ledninger.png');
  background-size: 85px;
}

#lednings-upsell-2023 .icon-paavisning-for-kart {
  background-image: url('../img/addon-services-icons/paavis-for-kart.png');
}

#lednings-upsell-2023 .icon-paavisning-unormal-arbeidstid {
  background-image: url('../img/addon-services-icons/unormal-arbeidstid.png');
}

#lednings-upsell-2023 .panel-collapse {
  position: relative;
}

#lednings-upsell-2023 .panel-collapse .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
}

#lednings-upsell-2023 #addon-innmaaling .top-attached>ul {
  margin-bottom: 0;
}

#lednings-upsell-2023 #addon-innmaaling .bottom-attached {
  padding-top: 10px;
}

#lednings-upsell-2023 .top-attached ul {
  padding-left: 20px;
}

#lednings-upsell-2023 .top-attached {
  flex: 1;
}

#lednings-upsell-2023 .is-readmore-expanded .card-content {
  height: auto;
}

[data-toggle="collapse"] .fa-plus::before {
  content: "\f068";
}

[data-toggle="collapse"].collapsed .fa-plus::before {
  content: "\f067";
}

.kpg-pagetitle {
  padding: 20px 20px 0;
  margin: 0;
}

.kpg-download-flaps {
  display: flex;
  gap: 10px;
}

.kpg-download-flap {
  display: flex;
  gap: 7px;
  align-items: center;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #ccc;
  border-left-width: 5px;
  border-radius: 4px;
  background: #fff;
}

/* Reworking the "simple layout", which wasn't actually very simple */
.kpg-simple-layout header {
  background-color: #002F4F;
  font-size: 20px;
  padding: 10px 0;
  color: #fff;
}

.kpg-simple-layout header a {
  color: #fff;
}

.kpg-simple-layout header .brand-image,
.kpg-simple-layout header .brand-image-kp {
  height: 50px;
  width: 180px;
}

.kpg-simple-layout header .brand-image {
  background: url('../img/geologo_white.svg') 50% no-repeat;
}

.kpg-simple-layout header .brand-image-kp {
  background: url('../img/brand-logo-FI-kp.svg') 50% no-repeat;
}

/* Simple layout proffbruker page rework */
.space-below {
  margin-bottom: 20px;
}

input.form-control {
  border-color: #777;
}

.kpg-gridform {
  display: grid;
  gap: 20px;
}

@media (min-width: 480px) {
  .kpg-gridform {
    grid-template-columns: 1fr 1fr;
  }
}

.kpg-gridform.kpg-smolform {
  max-width: 620px;
}

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

/*# sourceMappingURL=tiles.css.map */
.page-content .container {
  width: calc(90%);
  padding-top: 20px;
  padding-bottom: 150px;
}

.page-content .container section {
  margin-top: -50px;
}

.wizard {
  background: #fff;
  margin-bottom: 100px;
}

.wizard .wizard-inner a {
  font-size: 16px;
}

.wizard .wizard-inner {
  position: relative;
  padding-bottom: 15px;
}

.wizard .tab-pane {
  position: relative;
}

.wizard h3 {
  margin-top: 0;
}

.wizard .nav-tabs {
  position: relative;
  margin: 40px auto;
  margin-bottom: 0;
  border-bottom-color: #e0e0e0;
}

.wizard .nav-tabs li.antall-3 {
  width: calc(100% / 3);
}

.wizard .nav-tabs li.antall-4 {
  width: calc(100% / 4);
}

.wizard .nav-tabs li.antall-5 {
  width: calc(100% / 5);
}

.wizard .nav-tabs li.antall-6 {
  width: calc(100% / 6);
}

.wizard .nav-tabs li.antall-7 {
  width: calc(100% / 7);
}

.wizard .nav-tabs li.antall-8 {
  width: calc(100% / 8);
}

.wizard .nav-tabs li:after {
  content: ' ';
  position: absolute;
  left: 46%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0;
  border: 5px solid transparent;
  border-bottom-color: #0093b2;
  transition: 0.1s ease-in-out;
}

.wizard .nav-tabs li a {
  width: 70px;
  height: 70px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0;
}

.wizard .nav-tabs li a:hover {
  background: transparent;
}

.wizard .nav-tabs li.active:after {
  content: ' ';
  position: absolute;
  left: 46%;
  opacity: 1;
  margin: 0 auto;
  bottom: 0;
  border: 10px solid transparent;
  border-bottom-color: #0093b2;
}

.wizard .nav-tabs li.active a,
.wizard .nav-tabs li.active a:hover,
.wizard .nav-tabs li.active a:focus {
  color: #555555;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
}

.wizard .nav-tabs .active .round-tab {
  border: 2px solid #0093b2;
}

.wizard .nav-tabs .active .round-tab.stegkart,
.wizard .nav-tabs .active .round-tab.stepmap {
  background: url('../img/kp_aqua_map.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .active .round-tab.stegledningsanvisningtilleggstjenester,
.wizard .nav-tabs .active .round-tab.stegprosjekteringtilleggstjenester {
  background: url('../img/shopping-trolley-active.png') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .active .round-tab.steggenerellinformasjon,
.wizard .nav-tabs .active .round-tab.stepgeneralinformation,
.wizard .nav-tabs .active .round-tab.stegledningsmaalinggenerellinformasjon,
.wizard .nav-tabs .active .round-tab.stegprosjekteringgenerellinformasjon {
  background: url('../img/kp_aqua_pensil.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .active .round-tab.stegbyggherre,
.wizard .nav-tabs .active .round-tab.stepcontractor {
  background: url('../img/kp-aqua-byggherre.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .active .round-tab.stegadresse,
.wizard .nav-tabs .active .round-tab.stepaddress {
  background: url('../img/kp-aqua-address.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .active .round-tab.steptilleggstjenester,
.wizard .nav-tabs .active .round-tab.stegprosjekteringtilleggstjenester {
  background: url('../img/kp_aqua-digger.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .active .round-tab.stegorganisasjon,
.wizard .nav-tabs .active .round-tab.stegfakturainformasjon,
.wizard .nav-tabs .active .round-tab.stegkontaktinformasjon,
.wizard .nav-tabs .active .round-tab.stepinvoiceinformation,
.wizard .nav-tabs .active .round-tab.stegledningsmaalingkontaktinformasjon {
  background: url('../img/kp_aqua_card.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .active .round-tab.stegnetteiere,
.wizard .nav-tabs .active .round-tab.stepnetworkowners {
  background: url('../img/kp-aqua-netteiere.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .active .round-tab.stegvedlegg {
  background: url('../img/kp_aqua_attachment.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .active .round-tab.stegbekreft,
.wizard .nav-tabs .active .round-tab.stegprosjekteringbekreft,
.wizard .nav-tabs .active .round-tab.stegledningsmaalingbekreft,
.wizard .nav-tabs .active .round-tab.stepconfirm,
.wizard .nav-tabs .active .round-tab.stepconfirmation {
  background: url('../img/kp_aqua_ok.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .round-tab.stegkart,
.wizard .nav-tabs .round-tab.stepmap {
  background: url('../img/kp_grey_map.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .round-tab.stegledningsanvisningtilleggstjenester,
.wizard .nav-tabs .round-tab.stegprosjekteringtilleggstjenester {
  background: url('../img/shopping-trolley-inactive.png') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .round-tab.steggenerellinformasjon,
.wizard .nav-tabs .round-tab.stepgeneralinformation,
.wizard .nav-tabs .round-tab.stegledningsmaalinggenerellinformasjon,
.wizard .nav-tabs .round-tab.stegprosjekteringgenerellinformasjon {
  background: url('../img/kp_grey_pensil.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .round-tab.stegbyggherre,
.wizard .nav-tabs .round-tab.stepcontractor {
  background: url('../img/kp-grey-byggherre.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .round-tab.stegadresse,
.wizard .nav-tabs .round-tab.stepaddress {
  background: url('../img/kp-grey-address.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .round-tab.steptilleggstjenester,
.wizard .nav-tabs .round-tab.stegprosjekteringtilleggstjenester {
  background: url('../img/kp_grey-digger.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .round-tab.stegorganisasjon,
.wizard .nav-tabs .round-tab.stegfakturainformasjon,
.wizard .nav-tabs .round-tab.stegkontaktinformasjon,
.wizard .nav-tabs .round-tab.stepinvoiceinformation,
.wizard .nav-tabs .round-tab.stegledningsmaalingkontaktinformasjon {
  background: url('../img/kp_grey_card.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .round-tab.stegnetteiere,
.wizard .nav-tabs .round-tab.stepnetworkowners {
  background: url('../img/kp-grey-netteiere.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .round-tab.stegvedlegg {
  background: url('../img/kp_grey_attachment.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.wizard .nav-tabs .round-tab.stegbekreft,
.wizard .nav-tabs .round-tab.stegprosjekteringbekreft,
.wizard .nav-tabs .round-tab.stegledningsmaalingbekreft,
.wizard .nav-tabs .round-tab.stepconfirm,
.wizard .nav-tabs .round-tab.stepconfirmation {
  background: url('../img/kp_grey_ok.svg') center center no-repeat;
  background-size: 30px 30px;
  background-color: white;
}

.row.nav-buttons {
  padding: 20px 0;
}

.popover {
  width: 100%;
}

.popover .popover-title {
  background: #0093b2;
  color: white;
}

.connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}

.connecting-line-4-steps {
  width: 75%;
}

span.round-tab {
  box-sizing: border-box;
  width: 70px;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  background: #fff;
  border: 2px solid #e0e0e0;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px;
}

span.round-tab i {
  color: #555555;
}

span.round-tab:hover {
  color: #333;
  border: 2px solid #333;
}

.alert.alert-warning {
  padding: 10px;
}

.btn {
  text-shadow: none;
}

/*  Filopplasting */
#drop-area {
  width: 500px;
  height: 100px;
  margin: 30px auto;
  padding: 20px;
  border-radius: 10px;
  place-items: center;
  display: grid;
  border: 2px dashed #ddd;
  background: url('../img/upload-white.svg') top center no-repeat;
  background-size: 40px 40px;
}

#drop-area label {
  margin-top: 20px;
  text-transform: uppercase;
}

#drop-area:hover,
#drop-area.hover {
  border-color: black;
  opacity: 0.5;
}

.card {
  display: grid;
  place-items: center;
}

.btn.upload-blue {
  background: url('../img/upload-blue.svg') center center no-repeat;
  background-size: 50px 40px;
  width: 50px;
  height: 40px;
  margin: 10px 30px 20px 0;
  outline: none;
}

.btn.upload-blue:hover {
  background-size: 50px 50px;
}

.btn.upload-blue[aria-expanded="true"] {
  background: url('../img/arrow-up.svg') center center no-repeat;
  background-size: 30px 30px;
}

.uploaded-file-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #616A6B;
}

.uploaded-file-container .form-control {
  display: inline-block;
  width: auto;
}

.uploaded-file-container .datum-selector {
  display: flex;
  flex-direction: column;
}

.uploaded-file-container .datum-selector .zone-selector {
  align-self: center;
  margin-top: 10px;
}

/* Just trying out */
#drop-area.highlight {
  border-color: purple;
}

p {
  margin-top: 0;
}

.my-form {
  margin-bottom: 10px;
}

#gallery {
  margin-top: 10px;
}

#gallery img {
  width: 150px;
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: middle;
}

.text {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  color: #1a2d80;
}

.text:hover {
  color: #0f0f0f;
}

#file-selector {
  display: none;
}

/*-- Just trying out --*/
@media (min-width:768px) {
  .wizard {
    width: 100%;
    height: auto;
  }

  .wizard .nav-tabs>li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .wizard li.active:after {
    content: ' ';
    position: absolute;
    left: 35%;
  }

  span.round-tab {
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
.container-front-page a.user-default {
  border: 1px dashed #999999;
}

.container-front-page h3 {
  padding-top: 30px;
}

.input-group-tags {
  display: flex;
  flex-wrap: wrap;
  max-width: 1170px;
  min-height: 70px;
  height: auto;
  width: auto;
}

a.boxed {
  border: 1px solid #666666;
  padding: 15px;
  margin: 20px 20px 0 0;
  color: #2d2926;
  cursor: pointer;
}

a.boxed.selected,
a.boxed:hover {
  background-color: #999999;
  text-decoration: none;
  cursor: pointer;
}

#map #mapToolTopMenuToolbar {
  height: auto;
  padding-left: 4px;
}

#map #mapToolTopMenuToolbar select {
  cursor: pointer;
}

#map #mapToolTopMenuToolbar button#searchBarButton {
  border-radius: 4px;
  border: 1px solid white;
  margin-bottom: 3px;
  font-weight: 200;
  font-size: small;
}

#map #mapToolTopMenuToolbar select,
#map #mapToolTopMenuToolbar input {
  background-color: rgba(45, 41, 38, 0.8);
  box-sizing: border-box;
  color: white;
  border-radius: 4px;
  padding: 6px;
  border: 1px solid white;
  font-size: small;
  font-weight: 200;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

#map #mapToolTopMenuToolbar #mapToolTopMenuButtonGroup.btn-group {
  margin-bottom: 3px;
}

#map #mapToolTopMenuToolbar ::-webkit-input-placeholder {
  color: white;
  opacity: 1;
}

#map #mapToolTopMenuToolbar ::-moz-placeholder {
  color: white;
  opacity: 1;
}

#map #mapToolTopMenuToolbar :-ms-input-placeholder {
  color: white;
  opacity: 1;
}

button.btn.dropdown-toggle.btn-default {
  background-color: rgba(45, 41, 38, 0.8);
  color: white;
  font-size: small;
  font-weight: 200;
  text-shadow: none;
  background-image: none;
  border: 1px solid white;
  margin-bottom: 3px;
  height: 32px;
}

button.btn.dropdown-toggle.btn-default:hover,
button.btn.dropdown-toggle.btn-default:focus {
  background-image: none;
  background-color: rgba(51, 51, 51, 0.8);
}

.mapWrapper.kundeportal .btn.btn-default {
  color: #666666;
  background-image: none;
  background-color: white;
}

.mapWrapper .btn-group .btn {
  height: 35px;
}

.columns-list-3 .checkbox.column:first-child {
  margin-top: 0;
}

#mapWrapper.kundeportal {
  width: 100% !important;
}

#mapWrapper.va {
  width: 100%;
  height: 860px;
}

#mapWrapper.va #map {
  height: 616px;
  width: calc(100% - 340px);
  position: absolute;
}

#mapWrapper.va #undermap {
  width: 100%;
  position: absolute;
}

#mapWrapper.va #sidebar {
  width: 300px;
  float: right;
  margin: 0;
}

#mapWrapper.va #sidebar ul {
  margin-top: 10px;
}

#mapWrapper.va #sidebar li {
  font-size: small;
  padding: 0;
}

#mapWrapper.va #sidebar li input {
  margin: 2px 5px 2px 10px;
}

#mapWrapper.va #objecttypeChooser {
  position: absolute;
  margin-top: 5px;
  margin-left: 5px;
}

#mapWrapper.va .toolbar .scalechooser a {
  padding: 0;
}

.wrapper #mapWrapperSkilt {
  width: 100%;
  height: 830px;
  margin-bottom: 10px;
}

.wrapper #mapWrapperSkilt .toolbar {
  height: 35px;
}

.wrapper #mapWrapperSkilt .toolbar li {
  z-index: 1;
}

.wrapper #mapWrapperSkilt .toolbar a.dropdownBtn {
  height: inherit;
}

.wrapper #mapWrapperSkilt .sidebarform {
  width: 98%;
}

.wrapper #mapWrapperSkilt #mapSkilt,
.wrapper #mapWrapperSkilt #map {
  width: calc(100% - 340px);
}

.wrapper #mapWrapperSkilt #sidebarSkilt,
.wrapper #mapWrapperSkilt #sidebar {
  width: 310px;
}

.wrapper #mapWrapperSkilt #sidebarSkilt table td,
.wrapper #mapWrapperSkilt #sidebar table td {
  padding: 1px;
  font-size: small;
}

.wrapper #mapWrapperSkilt #sidebarSkilt table td input,
.wrapper #mapWrapperSkilt #sidebar table td input {
  margin: 4px 3px 0 0;
}

.wrapper #mapWrapperSkilt #sidebarSkilt .signrow h3,
.wrapper #mapWrapperSkilt #sidebar .signrow h3 {
  font-size: 13px;
  font-weight: bold;
  background: #c7d218;
  margin-top: 5px;
  padding: 2px 0 2px 5px;
}

#mapWrapper2.va {
  width: 100%;
  height: 860px;
}

#mapWrapper2.va #map {
  height: 616px;
}

#mapWrapper2.va .toolbar {
  height: 35px;
}

#mapWrapper2.va .toolbar a.dropdownBtn {
  height: inherit;
}

@media (min-width: 768px) {
  #mapWrapper2.va #map {
    width: 880px;
  }
}

#mapWrapper2.va #sidebar {
  width: 250px;
  margin-left: 880px;
}

#mapWrapper2.va #sidebar li input {
  margin-left: 5px;
  margin-right: 5px;
}

#mapWrapper2.va #sidebar li label {
  font-weight: normal;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.terms-and-conditions {
  position: fixed;
  color: white;
  z-index: 9999;
  inset: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.terms-and-conditions .terms-content {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.95);
  max-height: 100%;
  max-width: 1000px;
  overflow: hidden;
}

.terms-and-conditions .terms-content .terms-content-full {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: calc(100vh - 140px - 20px) 80px;
  grid-template-rows: calc(100dvh - 80px - 20px) 80px;
}

.terms-and-conditions .terms-content .terms-content-simple {
  padding: 10px;
}

.terms-and-conditions .terms-content .terms-textly-content {
  overflow-y: auto;
  padding: 10px;
}

@media (min-width: 768px) {
  .terms-and-conditions .terms-content .terms-textly-content {
    padding: 10px 40px;
  }
}

.terms-and-conditions .terms-content .accept-terms-wrap {
  background: #000;
  padding: 10px;
  border-top: 1px solid #fff;
}

.terms-and-conditions .terms-content .accept-terms-content-full {
  border-radius: 5px;
  padding: 5px 10px;
  border: 2px solid #fff;
  cursor: pointer;
  text-align: center;
  min-height: 40px;
  white-space: normal;
}

.terms-and-conditions .terms-content .terms-content-full {
  display: none;
}

.terms-and-conditions .terms-content .terms-content-full .accept-terms-content-full {
  display: none;
}

.terms-and-conditions .terms-content .terms-content-full h4 {
  margin-top: 30px;
  padding: 10px;
  background: #4d4d4d;
}

.terms-and-conditions .terms-content .terms-content-full h5 {
  margin-top: 20px;
  font-size: 16px;
  color: white;
}

.terms-content h4 {
  margin-top: 30px;
  padding: 10px;
  background: #cccccc;
}

.terms-content h5 {
  margin-top: 20px;
  color: black;
  font-size: 16px;
}

.inquiry-list tr td.center-aligned {
  text-align: center;
}

.inquiry-list tr td.center-aligned.tree-icon-col img {
  max-height: 20px;
}

.badge.badge-primary {
  background: #002F4F;
}

.sub-inquiry-row {
  display: none;
  background: #f7f7f7;
}

.sub-inquiry-row.in {
  display: table-row;
}

.panel-group:last-child {
  margin-bottom: 0;
}

.kpg-listpage-title {
  padding-left: 20px;
}

.kpg-listandmap-toolbar>* {
  float: left;
  margin-left: 20px;
}

.kpg-listandmap-toolbar>*:first-child {
  margin-left: 0;
}

.kpg-listandmap-toolbar .list-and-map-toolbar {
  left: 0;
  transform: none;
  margin: 15px 0 0;
}

.kpg-listandmap-toolbar .list-and-map-toolbar .toolbar-menu {
  box-shadow: none;
  gap: 5px;
  background: transparent;
}

.kpg-listandmap-toolbar .list-and-map-toolbar .toolbar-menu a {
  background-color: rgba(236, 240, 241, 0.9);
  border: 1px solid #ccc;
  padding: 10px;
  min-width: 50px;
  border-radius: 10px;
}

.kpg-listandmap-toolbar .filter-body {
  position: absolute;
  top: 60px;
}
.bank a {
    height: 100px;
    position: relative;
}

.bank a img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.bank .test {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    color: red;
}

.flag img {
    width: 15vh;
    height: 9vh;
}
.overview-map {
    width: 100%;
    height: calc(100vh - 50px);
    position: absolute;
    top: 50px;
    left: 0;
}

.details-map-container {
    position: relative;
}

.details-map {
    width: 100%;
    height: 560px;
    margin: 25px 0;
}
.btn.pull-right.list-type-button {
    background-color: #002F4F;
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    margin: 25px;
}

.list-and-map-toolbar {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    z-index: 2;
    width: fit-content;
    left: 50%;
    transform: translate(-50%);
    height: 50px;
    margin-top: 25px;
    margin-bottom: 15px;
}

.details-map-toolbar {
    position: absolute;
    display: inline-flex;
    flex-direction: column;
    z-index: 3;
    width: fit-content;
    left: 50%;
    transform: translate(-50%);
    height: 50px;
    margin-top: 25px;
    margin-bottom: 15px;
}

.list-and-map-toolbar .toolbar-menu,
.details-map-toolbar .toolbar-menu {
    display: flex;
    justify-content: center;
    background-color: rgba(236, 240, 241, .9);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .75);
}

.list-and-map-toolbar .toolbar-menu a,
.details-map-toolbar .toolbar-menu a {
    font-size: 18px;
    padding: 15px;
    min-width: 60px;
    cursor: pointer;
}

.list-and-map-toolbar .toolbar-menu img,
.details-map-toolbar .toolbar-menu img {
    max-height: 27px;
}

.list-and-map-toolbar .toolbar-menu img.info-icon,
.details-map-toolbar .toolbar-menu img.info-icon {
    max-height: 34px;
}

.details-map-toolbar .toolbar-menu img.layers-icon {
    height: 34px;
}

.list-and-map-toolbar .toolbar-menu a:hover,
.details-map-toolbar .toolbar-menu a:hover {
    text-decoration: none;
    background-color: rgba(202, 207, 210, .9);
}

.list-and-map-toolbar .toolbar-menu a.active,
.details-map-toolbar .toolbar-menu a.active {
    text-decoration: none;
    background-color: rgba(202, 207, 210, .9);
}

.list-and-map-toolbar .filter-body {
    width: 35vw;
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid darkgray;
    padding: 10px;
    z-index: 2;
}

.list-and-map-toolbar .filter-body .filter-actions {
    display: flex;
    justify-content: center;
}

.list-and-map-toolbar .filter-body .filter-actions .filter-button {
    color: white;
    background-color: #002F4F;
    padding: 8px 15px;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
}

.list-and-map-toolbar .filter-body .filter-actions .reset-button {
    color: black;
    padding: 8px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    margin-left: 5px;
    text-transform: uppercase;
}

.list-and-map-toolbar .filter-body .filter-actions .reset-button:hover {
    background-color: #CACFD2;
}

.list-and-map-toolbar .filter-body .less-margin-hr, .map-legend-box .less-margin-hr {
    margin: 12px 0;
}

.layer-chooser-box {
    width: 22.5%;
    position: absolute;
    top: 25px;
    left: 0;
    padding: 15px;
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid darkgray;
    border-radius: 0 4px 4px 0;
    z-index: 2;
    max-height: 45vh;
    overflow: auto;
}

.layer-chooser-box .layer-chooser-grp .layer-chooser-grp-header {
    padding: 10px 0 5px;
    border-bottom: 1px solid lightgrey;
}

.selected-features-box {
    width: 22.5%;
    position: absolute;
    top: 75px;
    left: 0;
    padding-top: 15px;
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid darkgray;
    border-radius: 0 4px 4px 0;
    z-index: 2;
    max-height: 45vh;
    overflow: auto;
}

.selected-features-box .close.close-box {
    margin-right: 15px;
}

.selected-features-box .selected-features-header {
    padding: 0 15px;
    font-weight: bold;
}

.selected-features-box .less-margin-hr {
    margin-bottom: 0;
}

.selected-features-box .selected-features-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.selected-features-box .selected-features-list li {
    display: flex;
    min-height: 70px;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.selected-features-box .selected-features-list li.selected {
    background-color: #d9d9d9;
}

.selected-features-box .selected-features-list li:hover {
    background-color: #d9d9d9;
}

.selected-features-box .selected-features-list li .icon-container {
    padding: 5px 10px;
    position: relative;
}

.selected-features-box .selected-features-list li .marker-icon {
    height: 45px;
}

.selected-features-box .selected-features-list li .center-icon {
    position: absolute;
    z-index: 2;
    top: 14px;
    left: 20px;
    height: 25px;
    width: 20px; 
}

.selected-features-box .selected-features-list li .left-icon {
    position: absolute;
    z-index: 2;
    top: 5px;
    left: 2px;
    height: 17px;
}

.selected-features-box .selected-features-list li .top-icon {
    position: absolute;
    z-index: 2;
    top: -2px;
    left: 20px;
    height: 18px;
    width: 20px;
}

.selected-features-box .selected-features-list li .center-text {
    min-width: 60%;
}

.selected-features-box .selected-features-list li .open-link {
    padding: 0 10px;
}

.map-legend-box {
    width: 22.5%;
    position: absolute;
    top: 75px;
    right: 0;
    padding: 15px;
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid darkgray;
    border-radius: 4px 0 0 4px;
    z-index: 2;
    max-height: 77vh;
    overflow: auto;
}

.map-legend-box.override {
    top: 25px;
    max-height: 500px;
}

.map-legend-box .row.middle-aligned {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 3px;
}

.map-legend-box img {
    width: 40px;
}

.map-legend-box img.in-progress {
    max-height: 40px;
}

.map-legend-box img.unread {
    max-width: 30px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .map-legend-box img {
        height: 40px;
    }
}

.list-and-map-toolbar .filter-body h5.centered-title {
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
}

.list-and-map-toolbar .filter-body .quick-filters {
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.list-and-map-toolbar .filter-body hr.hr-weighted {
    border-top: 1px solid #002F4F;
}

.list-and-map-toolbar .filter-body .quick-filter {
    color: #fff;
    background-color: #002F4F;
    padding: 8px 15px;
    border-radius: 4px;
    margin: 0 5px 5px 0;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
}

.list-and-map-toolbar .filter-body .quick-filter.selected {
    background-color: #005e9d;
}

/*
  Print specific styles go in this file.
  Put them inside the brackets of @media print {}
  
  On windows
    - Use CTRL+P to show a print preview
    - should be pretty close to the final result in most cases
    - Interactive elements (like buttons) can usually be hidden on printouts
*/
@media print {
  .print-hidden {
    display: none !important;
  }

  mat-sidenav-content .menu-toggle-button {
    display: none !important;
  }
}