@charset "UTF-8";
/*
    rød: #fe0303
    mørk blå: #20425e
    grøn: #26a000
    orange: #fe8504
*/

/*overall*/
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fancybox-inner * {outline:0!important}
body {background:#f5f5f5;margin:0px}     
html,body,input, textarea, select, button {font-size: 14px;color:#111;font-family: Helvetica, Arial, sans-serif}
ul{margin:0;padding:0}
a {color:#111;text-decoration:none}
a:hover {text-decoration:none}
h1 {color:#21425F;font-weight:800;font-size: 24px;margin:0;text-transform:uppercase}
h1 span{text-transform:none;color:#919191;font-size:16px}
h2 {font-weight:800;font-size: 24px;margin:0 0 15px 0}
h3 {font-weight:bold;font-size: 18px;margin:10px 0 10px 0;color:#20425e}
.bold {font-weight:bold;color:#21425F}
img {max-width: 100%;max-height: 100%;vertical-align: middle;border: 0;}
section {margin:0 auto 0;width: 1600px;max-width: 95%;position:relative}
::-webkit-input-placeholder {color: #c6c6c6}:-moz-placeholder {color: #c6c6c6}::-moz-placeholder {color: #c6c6c6}:-ms-input-placeholder {color: #c6c6c6}
.hidden {display:none}
.text-left {text-align: left!important}
.text-right {text-align: right!important}
.text-center {text-align: center!important;margin-left: auto;margin-right: auto;}
.text-upper {text-transform:uppercase}
.row {position:relative;overflow:hidden}
.left {float:left;width:50%;}
.right {float:right;width:50%;}
.left33, .center33 {float:left;width:33%}
.right33 {float:right;width:15%}
article section {background:#fff;padding:40px}
 hr {position:absolute;width:100%;left:0;right:0;border: none;height: 1px;color: #9b9b9b;background-color: #9b9b9b}
.logout {position:absolute;color:red;right:10px;top:10px;font-weight: bold}
.logout:hover {text-decoration: none}
select:focus,input[type=date]:focus,input[type=password]:focus,input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,textarea:focus{border-color:#21425F;outline:0}
input[type=date], input[type=email], input[type=text], input[type=number], input[type=password],textarea {line-height: 25px;border: 1px solid #dad9ff;padding:0 10px}
input[type=date]::-webkit-outer-spin-button,input[type=date]::-webkit-inner-spin-button,textarea {-webkit-appearance: none;margin: 0;}
input[type=date] {-moz-appearance:textfield; }
input[type="number"] {padding-right:0px!important}
textarea {padding:5px}
.normal {font-weight: normal!important}
.red {color:#fe0303!important}
.green {color:#26a000!important}
.orange {color:#fe8504!important}
.knap {line-height:25px;cursor:pointer;-webkit-appearance: none;border-radius:4px;font-weight:bold;border:0px;background:#26a000;color:#fff;padding:0px 15px;text-align:center;	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.knapstor {line-height:40px;font-size:16px;cursor:pointer;-webkit-appearance: none;border-radius:4px;font-weight:bold;border:0px;background:#26a000;color:#fff;padding:0px 25px;text-align:center;	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.knap:hover, .knapstor:hover{text-decoration:none;opacity: 0.8;color:#fff}
.nav {background:#e3effb;position:absolute;width:100%;left:0px;right:0;top:0;line-height:40px}
.nav button, .nav a {color:#21425F;cursor:pointer;background:transparent;border:0px;font-weight:bold;font-size:15px;padding-left:30px;}
.nav button[name="gem"]:hover {color:#26a000}
.nav button[name="slet"]:hover {color:#fe0303}
.nav .fa {margin-right:10px}
nav button:hover,nav button:hover .fa {color:#111}
header img {padding:30px 0}
header b {font-size:26px; position:absolute;left:350px;top:44px }
b.small {color:#20425e;display:block;margin-bottom:5px;font-size:13px}
nav {background:#21425f}
nav section > ul {position:relative;display:flex;flex-direction: row}
nav section > ul > li{display:inline-block;line-height:40px;flex-grow:1;text-align: center}
nav section > ul > li span,
nav section > ul > li a{color:#fff;text-transform: uppercase;font-size:15px;display:block;padding:0 20px;font-weight:bolder}
nav section li:hover {background:#416789}
nav section > ul > li:hover ul {display:block;position:absolute;/* width:100px; */z-index: 9;background: #21425f;}

nav section > ul > li > ul {list-style:none;display:none}
nav li a:hover{text-decoration: none}
.grayed {background: #b9b9b9!important}
.activeclick {background: rgba(255,188,0,0.5) !important}
.text-center {text-align:center}
.bold {font-weight:bold}

.sort {display: flex;gap:10px;margin:20px 0}
.sort a {background: #f5f5f5;border: 1px solid #b2b2b2;width:150px;text-align: center;padding:8px 0}
.sort a.selected {color:#fff;background:#20425e }
.sortactions {display: flex;gap:20px;justify-content: space-between;width:80%}
.sortactions > div {flex:1;display: flex;flex-direction: column;gap:5px}
.sortactions > div > span {display: block;height:20px}
.sortactions button[name="inkasso"] {flex:1;border-radius: 0px;cursor: pointer;color: #fff;background:#000;border:1px solid #000;padding: 10px 0;}
.sortactions button[name="afskrevet"] {flex:1;border-radius: 0px;cursor: pointer;color: #fff;background:#fff;color:#b6b6b6;border:1px solid #b6b6b6;padding: 10px 0;}

.search {background:#f5f5f5;border:1px solid #b2b2b2;margin-bottom:20px;padding:15px;position:relative;overflow: hidden;font-size:12px;color:#838383}
.search > div {float:left}
.search > div:nth-child(1) {margin-right:50px}
.search > div:nth-child(3) {margin:0 50px}
.search > div:nth-child(5) {margin:0 50px}
.search > div:nth-child(7) {margin:0 50px}
.search > div:nth-child(9) {margin-left:50px}
.search .seperator {display:inline-block;width:1px;background:#d0d0d0;height:calc(100% - 20px);position:absolute; top:10px;bottom:10px;  }
.search input[name="search"] {background:#fbfbfb;border:1px solid #d8d8d8;border-radius:5px;line-height:30px;width:250px}
.search select {background:#fbfbfb;border:1px solid #d8d8d8;border-radius:5px;height:30px;line-height:30px;width:100px;padding-left:10px;margin-left:10px}

table.list {width:100%;border-spacing:0px;}
table.list th,table.list td {padding:15px}
table.list small {position:absolute;left:0;left:15px;bottom:2px;font-size:11px}
table.list th {text-align:left}
table.list th a:hover{text-decoration:underline!important}
table.list td {position:relative}

table.list tr:not(:first-child) {background:#f3f3ff}
table.list tr:nth-child(2n) {background:#e5ecff}
table.list.multi tr:nth-child(4n-3), 
table.list.multi tr:nth-child(4n-2) {background-color: #f3f3ff!important;}
table.list.multi tr:nth-child(4n-1), 
table.list.multi tr:nth-child(4n) {background-color: #e5ecff!important;}
table.list.multi tr:first-child {background:none!important}
table.list tr.light {background:#f3f3ff}
table.list tr.dark {background:#e5ecff}
table.list tr.comments td {display:none}
table.list tr.visible td {display: table-cell}
table.list input[type="number"] {padding-right:0px}
table.list .comments b {color:#20425e;display:block;margin-bottom:3px}
table.list .comments div {display:inline-block;width:42%;margin-left:5%}
table.list .comments div textarea {width:100%;height:70px;padding:5px}
table.list .commentorder, table.list .commentcustomer {cursor:pointer;border:1px solid #20425e;font-weight:bold;font-size:13px;padding:3px;margin-right:5px}
table.list .commentorder {color:#20425e}
table.list .commentcustomer {color:#fe0303}
table.list .fa-pencil {position:absolute;right:20px;top:13px;font-size:18px;cursor:pointer}
table.list .fa-exclamation-triangle {color:#fe0303}
table.list .ean {color:#fe8504}
table.list .friendlyreminder {background:#214a81;color:#fff;font-weight:bold;padding:5px;border-radius:50%}
table.list .reminder1 {background:#7f7f7f;color:#fff;font-weight:bold;padding:5px;border-radius:50%;margin-left:5px}
table.list .reminder2 {background:#ff0000;color:#fff;font-weight:bold;padding:5px;border-radius:50%;margin-left:5px}
table.list .reminderred {background:#fe0303}

/*order*/
.order {background: #f5f5f5;border:1px solid #9b9b9b;margin-top:40px;padding:40px;position:relative}
.order table.head td:nth-child(2n) {padding-left:40px;padding-right:30px}

.order table.customer input {border:1px solid #c3c3c3;width:300px}
.order table.customer td {padding:2px 0}
.order table.customer td:nth-child(2n) {padding-left:50px}

.order table.line {width:100%;border-spacing:0px;}
.order table.line th,table.line td {padding:8px}
.order table.line th {background:#20425e; color:#fff;text-align:left;padding-left:20px}
.order table.line tr:not(:first-child) {background:#e4ecff}
.order table.line tr:nth-child(2n) {background:#f3f3ff}
.order table.line td {padding-left:20px}
.order table.line button[name="deleteline"]:hover .fa {color:#fe0303}
.order table.line input[type="number"]{padding-right:0px}
.order .linetr {display:none;margin-top:10px}
.order .visible {display:block}
.order .linetr table {width:100%;border-spacing:0px;}
.order .linetr input {width:100%}
.order .linetr input[type="number"]{padding-right:0px}
.order .linetr button {font-size:16px;cursor:pointer;border:0px;background:transparent}
.order table.line .fa {cursor:pointer}
.order table.line td span {display:none}
.order table.line .rediger span {display:block}
.order table.line .rediger div {display:none}

.order table.line button {cursor:pointer;background:transparent;border:0px}

.order .addline {cursor:pointer;margin:10px 0 0 15px;display:inline-block}
.order .addline .fa {color:#26a000;margin-right:3px}
.order table.totals {float:right;margin-top:30px}
.order table.totals td{text-align:right;padding:7px 0}
.order table.totals td:nth-child(2n){width:150px}

.order .comment textarea {height:200px;width:100%;padding:10px}
.order .comment .left {padding-right:2%}
.order .comment .right {padding-left:2%}

/*invoice*/
.invoice .head .knap {background:#fe0303;line-height:20px;font-size:13px}
.invoice .head .resend {background:transparent; color:#000;padding:0;font-size:10px}
.invoice .invoicebutton button {cursor:pointer;display:block;width:100%; color:#fff;border:0px;font-weight:bold;font-size:16px;padding:10px 0;margin-bottom:20px}
.invoice .invoicebutton button:last-child {margin-bottom:0px}
.invoice .invoicereinder {width:80%;margin:20px 0;background:#fff1f1;border:1px solid #b6b6b6;padding:10px;font-size:13px}
.invoice .invoicereinder input[type="email"] {width:100%}
.invoice .invoicereinder b {padding-bottom:5px;display:block}
.invoice .invoicereinder div {line-height:20px;margin-top:5px}
.invoice .invoicereinder .knap {background:#fe0303;line-height:20px;font-size:13px}
.invoice .invoicereinder .resend {background:transparent; color:#000;padding:0;font-size:10px;}
.invoice textarea[name="Comment"]{font-size:12px;line-height:20px}
.invoice table.head td {position:relative}
.invoice table.head .fa-pencil {position: absolute;top:2px;right:0px;cursor:pointer}
.invoice table.head td.visible .visible {display:none}
.invoice table.head td.visible .hidden {display:block}

.invoice .center33 {width:50%}
.invoice .notes {margin-top:10px;font-size:12px}
.invoice .notes > div {margin-top:5px;display:flex}
.invoice .notes > div > div:first-child {white-space: nowrap;margin-right:5px;font-style: italic}
.invoice .notes > div > div:last-child {width:100%}

/*invoice pay + skift forfaldsdato iframe*/
.invoicepay {background:#fff}
.invoicepay h1 {margin:0;background:#f0f0f0;color:#47515b;font-weight:bold;text-transform: none;font-size:20px;padding:20px 0 20px 50px}
.invoicepay div.body {padding:20px 50px; color:#6c7e86}
.invoicepay div.body h2 {color:#6c7e86;font-weight:bold;font-size:26px;margin:10px 0 20px 0} 
.invoicepay div.body input:not([type="radio"]) {margin-top:5px;line-height:25px;background:#fbfbfb;border-radius:3px;border:1px solid #ededed;width:170px}
.invoicepay div.body textarea {margin-top:5px;line-height:25px;background:#fbfbfb;border-radius:3px;border:1px solid #ededed;width:270px;height:70px}
.invoicepay div.body .knap {border-radius:0px;font-weight:normal;line-height:27px;padding:0 30px;}

/*samle faktura*/
table.multi tr {cursor:pointer}
.bulkline {font-size:14px;padding:20px 30px}
.bulkline a {text-decoration: underline} 

/*dashboard*/
.dashboard h1 {margin-bottom:0px}
.dashboard .info {position:relative;overflow:hidden;margin:0 -1.5%}
.dashboard .info > div {color:#6f6f6f;font-weight:bold;height:180px;float:left;text-align: center;background:#F5F5F5;border:1px solid #c3c3c3;width:calc(21.5% - 3%);margin:1.5%}
.dashboard .info > div:last-child {width:calc(35% - 3%)}
.dashboard .info > div h2 {color:#21425F;font-size:45px;margin:50px 0 5px 0}

.dashboard .stat {position:relative;overflow:hidden;margin:0 -1.5%}
.dashboard .stat > div {padding:20px 10px 20px 10px;float:left;background:#F5F5F5;border:1px solid #c3c3c3;width:calc(25% - 3%);margin:1.5%}
.dashboard .stat > div:last-child {border:0px;background:transparent}
.dashboard .stat > div table {width:100%}
.dashboard .stat > div table td:first-child {font-weight:bold}
.dashboard .stat > div b {color:#21425F;font-size:18px;display:block;margin-bottom:5px}
.dashboard .stat .knapstor {border-radius:0px}
.dashboard .stat .big {text-align:center}
.dashboard .stat .big b {color:#21425F;font-size:30px;font-weight:bold}
.dashboard .stat .big span {color: #6f6f6f;font-weight: bold;}


.dashboard .performance{position:relative;overflow:hidden;margin:0 -1.5%}
.dashboard .performance .width25{height:160px;text-align:center;padding:20px 10px;float:left;background:#F5F5F5;border:1px solid #c3c3c3;width:calc(25% - 3%);margin:1.5%}
.dashboard .performance .width42{height:160px;text-align:center;padding:20px 10px;float:left;background:#F5F5F5;border:1px solid #c3c3c3;width:calc(42% - 3%);margin:1.5%}
.dashboard .performance .width33{overflow:auto;height:160px;text-align:center;padding:20px 10px;float:left;background:#F5F5F5;border:1px solid #c3c3c3;width:calc(33% - 3%);margin:1.5%}
.dashboard .performance .width33 b {color: #21425F;text-align: left;font-size: 18px;display: block;margin-bottom: 5px;}
.dashboard .performance .width33 table {width:100%}
.dashboard .performance .width33 td {text-align: left;text-transform: capitalize}
.dashboard .performance .width33 td:nth-child(1) {font-weight:bold;width:40%}
.dashboard .performance .width33 td:nth-child(3) {text-align: right}


.dashboard .performance h2{color:#21425F;font-size:45px;margin:15px 0 5px}
.dashboard .performance > div > span{color:#6f6f6f;font-weight:700}
.dashboard .performance .procent {font-size:18px;position:absolute;margin-top:20px;margin-left:25px}
.dashboard .performance .width33 .procent {position:static;font-size:12px;margin:0 0 0 5px;font-weight: bold}
.dashboard .performance .procentminus {color:#fe0303}
.dashboard .procentminus:before {content:'\f063';font-family: fontawesome;font-weight:normal;font-size:12px;margin-right:5px}
.dashboard .performance .procentplus {color:#26a000}
.dashboard .procentplus:before {content:'\f062';font-family: fontawesome;font-weight:normal;font-size:12px;margin-right:5px}

/*credit*/
button[name="createcredit"] {background:#26a000;position:absolute;margin-top:110px;margin-left:20px;border-radius:0px}
.creditMessage {position:absolute;margin:20px;width:50%}
.creditMessage b {display:block;font-size:13px;margin-bottom:5px}
.creditMessage textarea {height:50px;width:100%;border:1px solid #c3c3c3;font-size:12px;padding:5px}

/*kreditkunde*/
div.kundestat {position: relative;overflow: hidden;margin:30px 0}
div.kundestat > div {float:left;margin-right:50px;border:1px solid #c3c3c3;text-align: center;padding:30px;color:#6f6f6f;font-weight: bold;background:#F5F5F5;border-radius:5px}
div.kundestat > div b {display:block;font-size:45px;color:#21425F}
div.kundestat > div b span {font-size:16px;color:#6f6f6f}