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

/*overall*/
.bggreen {
    background: green;
    color: #fff
}
.bgyellow {
    background: yellow;
}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fancybox-inner * {outline:0!important}
body {background:#fff;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}
a.link:hover {text-decoration:underline}
a.link.active {background:#ffff6d}
h1 {color:#111111;font-weight:800;font-size: 24px;margin:0 0 20px 0}
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:#111111}
.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: #111}:-moz-placeholder {color: #111}::-moz-placeholder {color: #111}:-ms-input-placeholder {color: #111}
.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}
select:focus,input[type=date]:focus,input[type=password]:focus,input[type=text]:focus,input[type=number]:focus,textarea:focus{border-color:#21425F;outline:0}
select,input[type=date], input[type=email], input[type=text], input[type=number], input[type=password] {line-height: 25px;border: 1px solid #dad9ff;padding:0 10px}
input[type=date]::-webkit-outer-spin-button,input[type=date]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=date] {-moz-appearance:textfield; }
input[type="number"] {padding-right:0px!important}
textarea {padding:5px}
.red {color:#fe0303!important}
.green {color:#26a000!important}
.yellow {color: #e0c81f!important;}
.knap {line-height:25px;cursor:pointer;-webkit-appearance: none;border-radius:4px;font-weight:bold;border:0px;background:#379e60;color:#fff;padding:0px 15px;text-align:center;	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.knapgul{margin-right:10px;line-height:25px;cursor:pointer;-webkit-appearance: none;border-radius:4px;font-weight:bold;border:0px;background:#ffe950;color:#111 ;padding:0px 15px;text-align:center;	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-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;-ms-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 {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 {background:#Fff}
header > section {text-align: center;display:block}
header img {padding:30px 0}
header b {font-size:26px; position:absolute;left:350px;top:44px }
header div.admindiv {position:absolute;top:10px;right:0}
header div.admindiv a {margin-right:20px;text-decoration: underline;font-size:12px}
header div.userdiv {position:absolute;top:10px;left:0;font-weight:bold;font-size:12px}
header div.userdiv a {margin-right:20px;text-decoration: underline;font-size:12px;color:#fe0303}
b.small {color:#111111;display:block;margin-bottom:5px;font-size:13px}
nav {background:#333333}
nav ul {position:relative;display:flex;flex-direction: row}
nav li{display:inline-block;line-height:40px;flex-grow:1;text-align: center}
nav li a{color:#fff;text-transform: uppercase;font-size:15px;display:block;padding:0 20px;font-weight:bolder}
nav li:hover {background:#379e60}
nav li a:hover{text-decoration: none}
@media(max-width:1300px) {
    nav li a {padding:0 5px}
    nav li a {font-size:12px}
    header img {padding:10px}
    section {max-width:100%}
    article section {padding:10px}
}
@media(max-width:1100px) {
    .info {margin:0!important}
    .info > div {width:100%!important;margin:0!important}
}

table.list {width:100%;border-spacing:0px;}
table.list th,table.list td {padding:10px}
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}

.flex {display: flex;justify-content: space-between;align-items: flex-start;}
@media(max-width:999px) {
    .flex {flex-direction:column;gap:30px}
}

/*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}

.orderhead {background:rgb(217,217,217)}
.orderline {background:#f5f5f5;font-size:12px;padding:0;margin:0;}
.orderhead .text-right div {display:inline-block}
@media(max-width:930px) {
    .orderhead .text-right div {display:block}
    .orderhead .text-right div .knapgul {margin-right:0px;margin-bottom:5px}
}
.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:#111111; 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%}


.orderline .right {width:calc(100% - 100px)}
.orderline .name {font-size:14px}

.orderline textarea {display:block;border-radius:5px;border:1px solid #cecece;margin-top:5px;width:50%;font-size:12px;height:60px}
.textareaContainer > div > div {width:50%;float:left;margin-top:20px} 
.textareaContainer > div textarea {width:98%}
.textareaContainer > div b {color:#7c7c7c}
.customControlContainer {width:100px;display:inline-block;margin-top:-5px;padding-left:20px}
.customControl {position:relative;height: 30px;width:30px;}
.customControl input {opacity: 0;}
.checkmark {cursor:pointer;position: absolute;top: 0;left: 0;height: 30px;line-height:30px;width:30px;background: #fff;border-radius:5px;border:1px solid #cecece}

.customControl input:checked ~ .checkmark:after {content:'';background:url("https://decofarver.dk/images/skins/dandodesign/media/check-green.png") center center no-repeat;display:block;width:100%;height:100%;text-align:center}
.customControl input:checked ~ .checkmark {border:1px solid #1cab55}



/*dashboard*/
.dashboard h1 {margin-bottom:0px}
.dashboard .info {position:relative;overflow:hidden;margin:0 -1.5%}
.dashboard .info > div {color:#111;font-weight:bold;float:left;text-align: center;background:#F5F5F5;border:1px solid #c3c3c3;width:calc(33.33% - 3%);margin:1.5%;padding:20px}
.dashboard .info > div h2 {color:#379e60;font-size:30px}
.dashboard table {width:100%}

/*login*/
.login {text-align:center}
.login  input{display:inline-block;width:200px;margin-top:10px}

/*log*/
.logleft {float:left; width:400px}
.logright {float:left; width:calc(100% - 400px);text-align: left}
.logresult {background:#f5f5f5}
.logresult table th,.logresult table td {padding:10px}