* {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

body {
    font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100vh;
#    background: rgb(105,16,158);
#    background: linear-gradient(38deg, rgba(105,16,158,1) 0%, rgba(255,255,0,1) 48%, rgba(92,171,95,1) 100%);
    margin-top: 0px !important;
}

#outer {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.7145em;
    margin-bottom: 0.7145em;
    position: relative;
}

p {
    font-size: 14px;
    color: #000;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #fff;
}

h1 {
    font-weight: 500;
    font-size: 16px;
    color: #666;
    text-align: left !important;
    margin-left: 30px;
}

h2:not(.swal2-title) {
    font-size: 16px;

}

h3 {}

h3 a {
    color: #fff;
}

hr {
    border-top: 1px solid #5e5e5e;
    border-bottom: 0px solid #5e5e5e;
}

#header {
    text-align: center;

}

#header img {
    float: left;
    margin-bottom: 0px;
    padding-right: 0px;
    max-width: 30%;

}

#header h1 {
    margin: 0;
    font-family: sans-serif;
    font-size: 110%;
    font-weight: normal;
}

#header h3 {
    font-size: 90%;
    font-weight: normal;
}

h3 {
    top: -29px;
    padding: 5px 5px 5px 5px;
    position: relative;
    float: left;
    margin: 2px 0px 0px 0px;
    font-weight: 300;
    font-size: 95%;
    color: #000;
}

#header img {}

div#menu {
    padding: 1px 0px 0px 0px;
    text-align: right;
    padding-top: 80px;
    margin-bottom: 10px;
    width: 100%;
}

div#menu ul {
    font-size: 16px;
    padding-bottom: 15px;
    margin-right: 10px;
    list-style: none;
    display: inline-block;
    margin-right: 3px;
    padding-left: 0px;
    z-index: 1;
    position: relative;
}

div#menu ul li {
    display: block;
    position: relative;
    float: left;
    border: none;
}

div#menu li ul {
    display: none;
}

div#menu ul li a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 7px 7px 7px 7px;
    margin-left: 5px;
    white-space: nowrap;
    border: 1px solid rgba(0, 0, 0, 0.97);
}

div#menu ul li a:hover {
    color: #000;
    border: 1px solid #fff;
    -moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
}

div#menu ul li a:active {
    color: #fff;
    border: 1px solid #fff;
}

div#menu li:hover ul {
    display: block;
    position: absolute;
    margin-left: 0px;
    border: none;
    color: #fff;
    line-height: 41px;
}

div#menu li:hover li {
    float: none;
    font-size: 14px;
    border: none;
}

div#menu li:hover a {
    text-align: left;
    color: #000;
}

div#menu li:hover li a:hover {
    background: #efe;
    color: #000;
    border: none;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.sub-menu {
    width: 100%;
    margin: auto;
    position: relative;
    top: 0px;
}

.sub-menu ul {
    list-style-type: none;
    margin: 0;
    /* padding: 0; */
    overflow: hidden;
    /* background-color: #000; */
    margin: auto;
    /*border:1px solid #000;*/
    width: 100%;
    max-width: 400px;
    padding: 3px;
    x;
}

.sub-menu li {}

.sub-menu li a {
    display: block;
    color: black;
    text-align: center;
    padding: 12px;
    text-decoration: none;
    border: 1px solid #000;
    margin: 0px 0px 5px 0px;
}

.sub-menu li a:hover {
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    -moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
}

#content {
    clear: both;
    width: 100%;
}

.message {
    color: #390;
}

.error {
    color: #f00;
}

div#infobox {
    color: #000;
    margin-bottom: 40px;
    margin-top: -60px;
    text-align: right;
    margin-right: 3px;
    line-height: 38px;
}

span.infobox {
    background-color: rgba(255, 74, 89, 0.79);
    color: #fff;
    padding: 10px;
    border: #ccc 0px solid;
    margin-bottom: 40px;
}

div#sagerfra {
    text-align: center;
    color: #000;
}

div#viskorsler {
    text-align: center;
    color: #000;
}

table#searchform {
    float: left;
    margin-left: 30px;
}

form#searchform {
    text-align: center;
}

form {
    padding-top: 10px;
}

#navbuttons {
    text-align: center;
    display: block;
    float: center;
}

#footer {
    padding-top: 40px;
    padding-bottom: 20px;
    /*  margin-right: 100px;*/
    font-style: italic;
    text-align: center;
    color: #000;
}

table,
fieldset {
    width: 100%;
}

table {
    font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    border-width: 2px;
    border-color: #600;
    border-type: solid;
}

td.subheader {
    border-color: #000;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #FFC;
}

center {
    font-size: 16px;
    color: #000;
    text-align: left;
}

table a:link {
    color: #000;
    text-decoration: none;
}

table a:visited {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

table a:active,
table a:hover {
    color: #fff;
    /*text-decoration:underline;*/
}


/* Ikke pille mere */
fieldset {
    font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /*padding: 1em;*/
    /* padding-left:1em; */
    padding-bottom: 1em;
    padding-top: 1em;
    background: #efe;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-start: 0em;
    -webkit-padding-end: 0em;
    -webkit-padding-after: 0.625em;
}

fieldset .button,
fieldset .checkbox,
fieldset .contentbutton,
fieldset .date,
fieldset .datetime,
fieldset .file,
fieldset .image,
fieldset .multi,
fieldset .password,
fieldset .radio,
fieldset .recaptcha,
fieldset .reset,
fieldset .select,
fieldset .submit,
fieldset .text,
fieldset .textarea {
    display: block;
    clear: left;
    border: 0;
    margin: 1px;
    /* when no label */
    margin-left: 12em;
}

fieldset {
    display: inline;
}

/* make the noscript textarea sit below the iframe
*/
fieldset .recaptcha noscript textarea {
    display: block;
}

/* override the iframe's height="" - it's seems a bit big
*/
fieldset .recaptcha iframe {
    height: 230px ! important;
}

fieldset .button.label,
fieldset .checkbox.label,
fieldset .contentbutton.label,
fieldset .date.label,
fieldset .datetime.label,
fieldset .file.label,
fieldset .image.label,
fieldset .multi.label,
fieldset .password.label,
fieldset .radio.label,
fieldset .recaptcha.label,
fieldset .reset.label,
fieldset .select.label,
fieldset .submit.label,
fieldset .text.label,
fieldset .textarea.label {
    margin-left: 1px;
}

fieldset .error.label {
    /* border + margin swap values with above, to ensure rows align */
    border: 1px #fff;
    margin: 0;
}

form .form_error_message {
    padding: 0.5em;
    border: 1px solid #ff0000;
    background-color: #ffdddd;
}

fieldset .error_message {
    display: block;
    color: #ff0000;
}

fieldset .label .error_message {
    /*  padding-left eq label width + padding-right */
    padding-left: 12em;
}

fieldset .error input,
fieldset .error textarea,
fieldset .error select {
    background-color: #ffdddd;
}

fieldset .button label,
fieldset .contentbutton label,
fieldset .checkbox label,
fieldset .date label,
fieldset .datetime label,
fieldset .file label,
fieldset .image label,
fieldset .multi label,
fieldset .password label,
fieldset .radio label,
fieldset .radiogroup label,
fieldset .recaptcha label,
fieldset .select label,
fieldset .text label,
fieldset .label label,
fieldset .textarea label {
    display: inline;
    float: left;
    width: 30%;
    text-align: right;
    padding-right: 1em;
}

fieldset .radiogroup span label {
    /* undo the above style */
    float: none;
    width: auto;
    text-align: left;
    padding-right: 0;
}

fieldset .multi .elements {
    display: block;
    float: left;
}

fieldset .multi .elements label {
    display: block;
    width: auto;
    padding-right: 0.25em;
}

fieldset .multi input,
fieldset .multi select {
    display: block;
    float: left;
    margin-right: 0.5em;
}

fieldset.checkboxgroup,
fieldset.radiogroup {
    margin: 0;
    margin-left: 12em;
    padding: 0;
    width: auto;
}

fieldset.radiogroup.label {
    border: 0;
    margin-left: 0em;
}

fieldset .comment .comment {
    /* when no label */
    display: block;
    margin-left: 0em;
}

fieldset .label .comment {
    display: block;
    margin-left: 12em;
}

/*** Alternative Layouts ***/

fieldset .notes {
    float: right;
    width: 30%;
    border: 1px dotted;
}

fieldset .multi.vertical input,
fieldset.checkboxgroup .vertical input,
fieldset.radiogroup .vertical input {
    display: block;
    float: left;
    clear: left;
    margin-right: 0.5em;
}

fieldset .multi.vertical select {
    display: block;
    float: left;
    clear: right;
}

fieldset.checkboxgroup .vertical label,
fieldset.radiogroup .vertical label {
    display: block;
    clear: right;
}

fieldset.radiogroup .vertical .subgroup {
    float: left;
}

fieldset .fullwidth label {
    display: block;
    float: left;
    width: auto;
    text-align: left;
}

fieldset .fullwidth .error_message {
    padding-left: 0em;
}

fieldset .fullwidth textarea {
    display: block;
    clear: left;
    width: 30em;
}

fieldset .dojoeditor2 .RichTextEditable {
    /* Dojo::Editor2 */
    display: inline;
    float: left;
    background-color: #ffc;
    padding-bottom: 0.1em;
}


fieldset,
.nicetable,
.stattable,
table#searchtable,
table#futuretable,
table#opencasetable {
    font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 14px;
    margin: -12px 20px 20px 0px;
    border: none;
}

.nicetable th,
.stattable th,
table#searchtable th,
table#futuretable th,
table#opencasetable th {
    padding: 11px 15px 12px 15px;
    border: none;
}

.nicetable th:first-child,
.stattable th:first-child,
table#searchtable th:first-child,
table#futuretable th:first-child,
table#opencasetable th:first-child {
    text-align: left;
    padding-left: 20px;
}

.nicetable tr:first-child th:first-child,
.stattable tr:first-child th:first-child,
table#searchtable tr:first-child th:first-child,
table#futuretable tr:first-child th:first-child,
table#opencasetable tr:first-child th:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;

}

.nicetable tr:first-child th:last-child,
.stattable tr:first-child th:last-child,
table#searchtable tr:first-child th:last-child,
table#futuretable tr:first-child th:last-child,
table#opencasetable tr:first-child th:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.nicetable tr,
.stattable tr,
table#searchtable tr,
table#futuretable tr,
table#opencasetable tr {
    text-align: center;
    padding-left: 20px;
}

.nicetable td:first-child,
.stattable td:first-child,
table#searchtable td:first-child,
table#futuretable td:first-child,
table#opencasetable td:first-child {
    text-align: left;
    padding-left: 20px;
    border-left: 0;
}

.nicetable td,
.stattable td,
table#searchtable td,
table#futuretable td,
table#opencasetable td {
    padding: 6px;
    border-left: none;
    background: #efe;
    ;


}

.nicetable tr.even td,
.stattable tr.even td,
table#searchtable tr.even td,
table#futuretable tr.even td,
table#opencasetable tr.even td {
    background: #f6f6f6;

}

.nicetable tr:last-child td,
.stattable tr:last-child td,
table#searchtable tr:last-child td,
table#futuretable tr:last-child td,
table#opencasetable tr:last-child td {
    border-bottom: 0;
}

.nicetable tr:last-child td:first-child,
.stattable tr:last-child td:first-child,
table#searchtable tr:last-child td:first-child,
table#futuretable tr:last-child td:first-child,
table#opencasetable tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.nicetable tr:last-child td:last-child,
.stattable tr:last-child td:last-child,
table#searchtable tr:last-child td:last-child,
table#futuretable tr:last-child td:last-child,
table#opencasetable tr:last-child td:last-child {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.nicetable tr:hover td,
.stattable tr:hover td,
table#searchtable tr:hover td,
table#futuretable tr:hover td,
table#opencasetable tr:hover td {
    background: rgba(0, 255, 141, 0);

}

.nicetable tr td#goodchecklist {
    background: #30cc75;
    color: #fff;
    text-shadow: 0px 0px 0px #fff;
}

.nicetable tr:hover td#goodchecklist {
    background: #30cc75;
    color: #fff;
    text-shadow: 0px 0px 0px #fff;
}

.nicetable tr td#badchecklist {
    background: rgba(255, 74, 89, 0.79);
    color: #fff;
    text-shadow: 0px 0px 0px #fff;
}

.nicetable tr:hover td#badchecklist {
    background: rgba(255, 74, 89, 0.79);
    color: #fff;
    text-shadow: 0px 0px 0px #fff;
}


table#searchtable {
    margin-left: auto;
    margin-right: auto;
}

form#searchform,
input,
select,
option {
    font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
}

fieldset {
    margin: 12px 20px 20px 0px !important;
}

/* Bruger vi ikke*/
div.nicetabs {
    margin-bottom: -6px;
    margin-right: 10px;
    padding-right: 24px;
    font-family: Arial, Verdana;
    font-size: 14px;
}

table.nicetabs {}

table.nicetabs tr {}

table.nicetabs td {
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    border: #ccc 0px solid;
    -moz-box-shadow: 0 0px 2px #666;
    -webkit-box-shadow: 0 0px 2px #666;
    box-shadow: 0 0px 2px #666;
    -ms-box-shadow: 0px px 2px #666;
    -o-box-shadow: 0px 0px 2px #666;

    background: rgba(252, 120, 105, 1);
}

table.nicetabs td a {
    color: #fff;
}

table.nicetabs td:hover {
    background: #cc071e;
    text-decoration: none;
    -moz-box-shadow: 0 0px 2px #666;
    -webkit-box-shadow: 0 0px 2px #666;
    box-shadow: 0px 0px 4px #666;
    -ms-box-shadow: 0px px 2px #666;
    -o-box-shadow: 0px 0px 2px #666;
}

table.nicetabs a:hover {
    text-decoration: none;
}

/*nicetabs som de endte med at se ud */
.nav {
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.nav li {
    display: block;
    position: relative;
    float: left;
    left: calc(50% - 120px);
}

.nav li a {
    text-align: center;
    padding: 10px 7px 10px 7px;
    color: #000;
    text-decoration: none;
    border: 1px solid #000;
    margin-right: 5px;
    display: block;
}

.nav li:hover {}

.nav li a:hover {
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    -moz-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    -o-transform: translate(-2px, -2px);
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
}

.nav li.active {}

.nav li.active a {
    color: #fff;
    font-weight: bold;
    border: 1px solid #fff;
}

/*
div#loginbox {width: 500px;
margin-top:200px;
margin-left: auto;
margin-right: auto;
}
*/

i {
    color: #000;
    float: left;
    margin-top: 60px;
    margin-left: 30px;
}

div#filupload {
    margin-bottom: 20px;
    padding-top: 70px;
    text-align: center;
}

input {
    font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-bottom: 5px;
}

input#markedsognkvartal,
input#markedkomkvartal {
    float: right;
}

input#statfelter.knap {
    float: left;
    margin-left: 44%;
    margin-top: 12px;
}

input#statmarkedkvartal.knap {
    float: left;
    margin-left: 37%;
    margin-top: 12px;
}

#tipdiv p {
    margin-left: 15%;
    color: #666;
    width: 70%;
}

div#loginbox {
    background-color: #fff;
    width: 420px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.7145em;
    margin-bottom: 0.7145em;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0.7145em;
    padding-right: 0.7145em;
    -moz-box-shadow: 0px 0px 11px 3px rgba(0, 0, 0, 0.47);
    -webkit-box-shadow: 0px 0px 11px 3px rgba(0, 0, 0, 0.47);
    -ms-box-shadow: 0px 0px 11px 3px rgba(0, 0, 0, 0.47);
    -o-box-shadow: 0px 0px 11px 3px rgba(0, 0, 0, 0.47);
    box-shadow: 0px 0px 11px 3px rgba(0, 0, 0, 0.47);
    position: absolute;
    bottom: 40%;
    left: 30%;
}

#brugernavninput {
    max-width: 300px;
}

#passwordinput {
    max-width: 300px;
}

/*firefox hack*/

body:not(:-moz-handler-blocked) fieldset {
    width: 98%;
}

fieldset {
    width: 100%;
}

body:not(:-moz-handler-blocked) input#statfelter.knap {
    margin-top: 10px;
}

input#statfelter.knap {
    margin-top: 12px;
}

body:not(:-moz-handler-blocked) input#statmarkedkvartal.knap {
    margin-top: 10px;
}

input#statmarkedkvartal.knap {
    margin-top: 12px;
}

/* hack slut*/

/* diverse faneblad */

*[id^='kpdiv'] {
    width: 100%;
}

*[id^='ksdiv'] {
    width: 100%;
}

*[id^='bediv'] {
    width: 100%;
}

*[id^='stdiv'] {
    width: 100%;
}

*[id^='urdiv'] {
    width: 100%;
}

*[id^='avdiv'] {
    width: 100%;
}

/* primaert service */

.subfieldset {
    margin-left: 1em;
    margin-right: 1em;
}

#appCatList ul {
    width: 300px;
    list-style: none;
    margin: 0;
    padding: 0;
}

/*#appCatList li { background: white; position:relative;margin: 1em 0; padding: 0.5em; border: 2px solid gray; list-style: none; padding-left: 42px; margin-left: 30%; margin-right: 30%;  }  */
#appCatList li {
    background: white;
    position: relative;
    margin: 1em 0;
    padding: 0.5em;
    border: 0px solid gray;
    list-style: none;
    padding-left: 42px;
    margin-left: 30%;
    margin-right: 30%;
}

#appCatList li .handle {
    background: #f8f8f8;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 8px;
}

#appCatList .ui-selecting {
    background: #eee;
}

#appCatList .ui-selecting .handle {
    background: #ddd;
}

#appCatList .ui-selected {
    background: #def;
}

#appCatList .ui-selected .handle {
    background: #cde;
}

div.appCatList {
    margin-left: 30%;
    margin-right: 10%;
    padding-left: 62px;
}

/*jquery writeove*/

.asmListItem {
    background: #fff !important;
    border: none !important;
    color: #000;
}

.asmListItem:hover {
    background: rgba(255, 255, 255, 0) !important;
    color: #fff;
}

.asmListItem a:hover {
    color: #fff !important;
}