body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.20em;
}

header, footer, nav, section {
    display: block;
    position: relative;
    min-height: 80px;
}

.pui-dialog-content > div[id^=cke_] {
    margin-left: -1px;
}

.pui-tooltip table td {
    padding-top: 0;
}

.pui-tooltip table tr:not(:first-child) td {
    padding-top: 5px;
}

.pui-datatable tbody td {
    overflow: hidden;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

table td.hover {
    background-color: #f5f5f5;
    text-decoration: underline;
}

.pui-picklist .pui-picklist-list li {
    border-bottom: 1px solid #ddd;
    border-radius: 0px;
    overflow-x: hidden;
    word-wrap: break-word;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
    position: relative !important;
}

.guide .editor-field > input:not(.not-100-width) {
    width: 100%;
}

.width-8 {
    width: 8%;
}

    .width-8 > * {
        width: 100%;
    }

input[type=button]:disabled, button:disabled {
    opacity: 0.5 !important;
}

input[type=text]:disabled {
    opacity: 0.5 !important;
}

input[type=text], input[type=datetime], input[type=password], input[type=number], input[type=date], input[type=email], select {
    width: 100%;
    height: 29px;
}

.height-200 {
    height: 200px !important;
}

.pui-dialog-content {
    overflow-x: hidden;
}

input.autocomplete {
    width: 96%;
}

.pui-picklist-buttons > button {
    width: 100%;
}

.pui-button.ui-widget.ui-state-default.ui-corner-right {
    width: 4%;
    min-width: 20px;
    margin-left: -50px;
    float: right;
}

table.table-felter {
    width: 100%;
}

    table.table-felter td {
        text-align: center;
        vertical-align: top;
    }

    table.table-felter img {
        height: auto;
        width: 100%;
        max-width: 50px;
    }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
}

.input-validation-error, .input-validation-error:focus {
    border: 1px solid #f00 !important;
    background-color: #fee !important;
}

span.field-validation-error {
    position: absolute;
    z-index: 199;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 10px 1px;
    border: 1px solid #aaa;
    border-radius: 2px;
    padding: 5px;
    margin-top: 4px;
    bottom: -42px;
    left: 20%;
    white-space: pre;
}

    span.field-validation-error:before, span.field-validation-error:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    span.field-validation-error:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 9px;
        margin-left: -9px;
    }

    span.field-validation-error:before {
        border-color: rgba(0, 0, 0, 0);
        border-bottom-color: #000;
        border-width: 9px;
        margin-left: -9px;
    }

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.italic {
    font-style: italic;
}

/* BS MAKS Styles
-----------------------------------------------------------*/

body {
    overflow-y: auto;
    overflow-x: hidden;
}

.logo {
    position: absolute;
    right: 35px;
    top: 25px;
    height: 40px;
}

    .logo img {
        height: 100%;
    }

.contactInfo {
    position: absolute;
    right: 15px;
    top: 70px;
    height: 40px;
    text-align: right;
}

ul.navv {
    display: block;
    padding-left: 0;
    margin-top: 60px;
}

    ul.navv.main {
        padding-bottom: 10px;
        display: inline-block;
    }

    ul.navv.sub {
        padding-bottom: 0;
        margin-bottom: 5px;
    }

    ul.navv.main.right {
        /*margin-top: 30px;*/
    }

header > h1 {
    display: inline-block;
    margin-top: 7px;
    float: right;
    padding-right: 100px;
}

ul.navv > li {
    display: inline;
    padding: 10px;
    margin-left: 52px;
    list-style-type: none;
}

    ul.navv > li:first-child {
        padding-left: 0;
    }

    ul.navv > li a {
    }

.normal-hidden {
    display: none;
}

.kemiske-produkter-h2 {
    margin-left: 44px;
}

i[class^=icon-] {
    font-style: normal;
}

    i[class^=icon-]:before {
        content: "\00a0";
        background-image: url("images/icons.png");
        width: 32px;
        height: 32px;
        position: absolute;
        margin-left: -44px;
        margin-top: -7px;
    }

th i[class^=icon-]:before, td i[class^=icon-]:before {
    margin-left: 0px !important;
    margin-top: 0px !important;
    position: relative;
    display: inline-block;
}

i.icon-arkiv:before {
    background-position-x: 0;
}

i.icon-manualer:before {
    background-position: -32px 0;
}

i.icon-at-vejl:before {
    background-position: -64px 0;
}

i.icon-afvigelser:before {
    background-position: -96px 0;
}

i.icon-rapporter:before {
    background-position: -128px 0;
}

i.icon-vedligeholdelse:before {
    background-position: -160px 0;
}

i.icon-kemikalier:before {
    background-position: -192px 0;
}

i.icon-formular:before {
    background-position: -224px 0;
}

i.icon-procedure:before {
    background-position: -256px 0;
}

i.icon-instruks:before {
    background-position: -288px 0;
}

i.icon-forside:before {
    background-position: -320px 0;
}

i.icon-handlingsplan:before {
    background-position: -352px 0;
}

i.icon-tilføj-linje:before {
    background-position: -384px 0;
}

i.icon-rediger-linje:before {
    background-position: -416px 0;
}

i.icon-slet:before {
    background-position: -448px 0;
}

i.icon-gem:before {
    background-position: -480px 0;
}

i.icon-mappe:before {
    background-position: -512px 0;
}

i.icon-pdf:before {
    background-position: -544px 0;
}

i.icon-paamindelse:before {
    background-position: -576px 0;
}

i.icon-aktiver:before {
    background-position: -608px 0;
}

i.icon-registrer-eftersyn:before {
    background-image: url("/Content/images/journal-icon.ico")
}

.ui-datepicker-today {
    background: #E2E2E2 !important;
}

td.highlight-cell:not(.ui-state-highlight) {
    background-color: #F5E6C9;
}

.opret-text {
    margin-top: 15px;
}

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

.center {
    text-align: center;
}

.semibig-font {
    font-size: 1.3em;
}

header {
}

.dropzone {
    width: 100%;
    height: 100%;
}

.notification {
    -webkit-animation: notification-animation 5s;
    -moz-animation: notification-animation 5s;
    animation: notification-animation 5s;
    -o-animation: notification-animation 5s;
    padding: 10px;
    font-size: 1.2em;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.21);
    border-color: #AAAAAA;
    border-radius: 4px;
}

    .notification.error {
        color: #a94442;
        background-color: #f2dede;
    }

    .notification.success {
        color: #42A94A;
        background-color: #DFF2DE;
        margin: 0;
        border: 0;
        padding: 0;
        height: 0;
        /*-webkit-transition: opacity 1s;
    transition: opacity 1s;*/
        opacity: 0;
        -webkit-animation: success-animation 5s;
        -moz-animation: success-animation 5s;
        animation: success-animation 5s;
        -o-animation: success-animation 5s;
    }

@keyframes notification-animation {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes success-animation {
    0% {
        height: auto;
        opacity: 1;
        padding: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
        border: 1px solid rgba(0, 0, 0, 0.21);
    }

    80% {
        opacity: 0;
        height: auto;
        padding: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
        border: 1px solid rgba(0, 0, 0, 0.21);
    }

    100% {
        margin: 0;
        border: 0;
        padding: 0;
        height: 0;
    }
}

.width-height-20 > * {
    width: 20px;
    height: 20px;
}

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

.very-small-text {
    font-size: 0.7em;
}

.icon-foretag-eftersyn {
    padding-left: 20px;
    position: relative;
}

    .icon-foretag-eftersyn:before {
        content: ".";
        background: url("/Content/images/ikoner/rediger.png");
        background-repeat: no-repeat;
        background-size: contain;
        top: calc(50% - 12px);
        left: 10px;
        line-height: 24px;
        position: absolute;
        width: 24px;
        height: 24px;
    }

#ajax-loader {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 100px;
    height: 110px;
    background-color: #000;
    border-radius: 10px;
    background-image: url(/Content/images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 22px 10px;
    text-align: center;
    z-index: 999999 !important;
}

    #ajax-loader:before {
        color: #eee;
        content: "Loading";
        text-align: center;
        font-size: 2em;
        font-weight: bold;
        font-family: Arial;
        display: block;
        width: 100px;
        line-height: 170px;
    }

ul.accordion > li {
    list-style-type: none;
}

.pui-treenode-content {
    cursor: pointer;
}

button.ui-icon-pdf {
    background: url("/Content/images/pdf-icon.png") no-repeat !important;
    background-size: cover !important;
    height: 24px;
    text-align: right;
    border: 1px solid #000;
    width: 24px;
}

.forside-link {
    height: 100px;
    width: auto;
    margin: 10px;
}

    .forside-link:first-child {
        margin-left: 0;
    }

.dokument-nummer {
    padding-left: 10px;
}

.bold {
    font-weight: bold;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.pui-menubar {
    margin-top: 20px;
    height: 40px;
}

@media (min-width: 0px) {

    /*User login new styling*/
    .title {
        font-weight: bolder;
        /*font-size: 20px;*/
        font-weight: bolder;
        margin-top: 90px;
        margin-left: 6%;
    }

    .labelUserlogin {
        width: 100px;
    }

    .container {
        width: auto;
    }
}

td {
    padding-top: 10px;
    padding-right: 10px;
}

ul.menubar > li > a > span.ui-icon.ui-icon-triangle-1-e {
    background-image: url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/cupertino/images/ui-icons_72a7cf_256x240.png);
    background-position: -44px -16px;
}

.pui-menubar .pui-menu-child .pui-menuitem-link {
    width: 100% !important;
}

.dokument-info tr td:first-child {
    font-weight: bold;
}

#pdf-view-container, #pdf-view-container > * {
    min-height: calc(100vh - 195px);
}

.border-bottom {
    padding-bottom: 15px;
    border-bottom: 1px solid #dddddd;
}

input.ui-widget.pui-inputtext::-moz-placeholder, input.ui-widget.pui-inputtext::-webkit-input-placeholder, input.ui-widget.pui-inputtext:-ms-input-placeholder {
    text-align: center;
}

input.ui-widget.pui-inputtext::-webkit-input-placeholder { /* WebKit browsers */
    text-align: center;
}

input.ui-widget.pui-inputtext:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-align: center;
}

input.ui-widget.pui-inputtext::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-align: center;
}

input.ui-widget.pui-inputtext:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-align: center;
}

.center-placeholder::-moz-placeholder, input.ui-widget.pui-inputtext::-webkit-input-placeholder, input.ui-widget.pui-inputtext:-ms-input-placeholder {
    text-align: center;
}

.center-placeholder::-webkit-input-placeholder { /* WebKit browsers */
    text-align: center;
}

.center-placeholder:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-align: center;
}

.center-placeholder::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-align: center;
}

.center-placeholder:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-align: center;
}

input:not(.ui-widget), input.style, select {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-left: 5px;
}

input[type=submit] {
    font-weight: bold !important;
}

    input[type=submit]:disabled {
        opacity: 0.5 !important;
    }

input:hover {
    border: 1px solid #ccc;
}

button.delete-button {
    height: 28px;
    margin-top: 1px;
}

.border-bottom-zero {
    border-bottom: none !important;
}

.ui-corner-top-zero {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.ui-corner-bottom-zero {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.float-children-left > * {
    float: left;
}

.float-children-left:after {
    content: " ";
    clear: both;
    display: block;
}

li.separator > a.pui-menuitem-link {
    text-align: left;
    font-weight: bold;
}

.lock {
    background: url("./images/lock-icon.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 16px;
    height: 32px;
    margin-left: 10px;
}

.width-100 {
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

.width-50 {
    width: 50%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

div.pui-listbox {
    width: auto;
}

html, .height-100 {
    height: 100%;
}

    .height-100 > .pui-listbox {
        height: calc(100% - 80px);
    }

body {
    height: 1%;
    min-height: calc(100vh - 16px);
}

main {
    height: calc(100% - 150px);
}

.max-width-7 {
    max-width: 400px;
}

p.editor-label-description {
    font-size: 0.8em;
    display: block;
}

.padding-top-20 {
    padding-top: 20px;
}

.border-top {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #dddddd;
}

.pui-datatable-scrollable-header-box {
    margin-right: 0 !important;
}

.min-width-400 {
    min-width: 400px;
}

.pui-picklist .pui-picklist-listwrapper {
    width: 40% !important;
}

.pui-picklist .pui-picklist-buttons {
    width: 20% !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.popup label.error {
    color: red;
}

.popup .editor-field {
    height: 50px;
}

.popup input.error {
    background-color: rgb(255, 238, 238);
    border: 1px solid rgb(255, 0, 0);
}

.pui-picklist .pui-picklist-list {
    height: 250px !important;
}

.dropzone.alternative-text .dz-default.dz-message {
    background-position: 80px -135px !important;
    width: 340px !important;
}

.ui-no-corner {
    border-radius: 0;
}

.width-100, .width-100 > * {
    width: 100% !important;
}

.pui-picklist-filter {
    width: 100% !important;
}

.pui-picklist-buttons {
    margin: 0 !important;
    height: 100%;
}

    .pui-picklist-buttons > button {
        height: 70px;
        margin-bottom: 10px !important;
    }

a[class^='cke_button cke_button__bsmaks'] > .cke_button_icon {
    background-image: url("images/bsmaks_buttons_icons_.png");
}

a.cke_button__bsmaks_cvr > .cke_button_icon {
    background-position-x: 0px;
}

a.cke_button__bsmaks_firmanavn > .cke_button_icon {
    background-position-x: -16px;
}

a.cke_button__bsmaks_postnr > .cke_button_icon {
    background-position-x: -32px;
}

a.cke_button__bsmaks_by > .cke_button_icon {
    background-position-x: -48px;
}

a.cke_button__bsmaks_hovednr > .cke_button_icon {
    background-position-x: -64px;
}

a.cke_button__bsmaks_adresse1 > .cke_button_icon {
    background-position-x: -80px;
}

a.cke_button__bsmaks_adresse2 > .cke_button_icon {
    background-position-x: -96px;
}

a.cke_button__bsmaks_kontaktperson > .cke_button_icon {
    background-position-x: -112px;
}

a.cke_button__bsmaks_logo > .cke_button_icon {
    background-position-x: -128px;
}

a.cke_button__bsmaks_ikoner > .cke_button_icon {
    background-position-x: -144px;
}

table {
    table-layout: fixed;
}

    table .check-field {
        width: 65px;
        padding: 0 !important;
        text-align: center;
    }

    table .check-field-sf {
        width: 70px;
        /*padding: 0 !important;*/
        text-align: center;
    }

.simple-editor {
    width: 90%;
}

ul.right {
    float: right;
}

.indeholder {
    position: absolute;
    left: -121px;
    top: -20px;
    border: 1px solid #AED0EA;
    border-bottom: 0;
    width: 121px;
    height: 19px;
    background: #fff;
    color: #2779aa;
    cursor: default;
    line-height: 19px;
    text-align: center;
}

.pui-autocomplete-panel {
    height: 600px;
}

.popup-editor .pui-dialog-buttonpane {
    position: absolute;
    bottom: 0;
    right: 0;
    background: none;
    border-top: 0;
    height: 34px;
}

    .popup-editor .pui-dialog-buttonpane button {
        font-size: 11px !important;
    }

button.paamindelse {
    min-width: 70px;
    border-width: 1px;
    background: #EFEFEF;
}

    button.paamindelse span {
        display: block;
        font-size: 0.8em
    }

.readonly {
    background-color: #eee !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}

@media print {
    body {
        width: 100vw;
        min-width: 100%;
        background: #ffffff;
        color: #000000;
        word-break: break-all;
        font-size: 8px !important;
    }

    header {
        display: none !important;
    }

    .print-hidden {
        display: none !important;
    }

    .print-me {
        display: block !important;
    }
}
/*Treeview styling*/
#scrollParent {
    height: 575px;
    overflow-y: scroll;
    padding-left: 0px;
    margin-top: 10px;
}

#docTree {
    padding-left: 0px;
}

#docTree .table td, #docTree .table th {
    text-align: center !important;
}

#docTree .table td:first-child {
    text-align: left !important;
}