/*** Typegodkendelser.dk ***/
/*** ND DATA 2016 Last update: 2016-05-31 ***/

body {
    margin: 0;
    background: transparent repeat-y url(../images/borderleft.gif) top left;
}

body, div, p, h1, h2, h3, td, span, input, textarea, select, label {
    font-family: Arial,Tahoma,Verdana,sans-serif;
    font-size: 11px;
    color: #808080;
}

#page {
    min-height: 100%;
    background: transparent repeat-y url(../images/borderright.gif) top right;
}

/****************** TOP ******************/

#top {
    background: transparent no-repeat url(../images/top.png) top left;
    height: 106px;
    background-position: 0px 10px;
    margin-right: 21px;
    margin-left: 20px;
}

#logo {
    float: left;
}

#service {
    background: transparent no-repeat url(../images/service.gif) top left;
    float: right;
    margin: 10px 0 0 0;
    padding: 0px;
    width: 250px;
    height: 96px;
    text-align: right;
}

#user {
    position: absolute;
    top: 10px;
    right: 21px;
    width: 220px;
    text-align: right;
    font-size: 8pt;
    line-height: 10pt;
    color: #808080;
}

    #user label {
        display: block;
    }

    #user .lbl, #user span {
        font-weight: normal;
        font-size: 8pt;
        line-height: 10pt;
        color: #808080;
    }

    #user .company {
        margin-top: 4px;
        width: 200px;
    }

#topnav {
    background: #7a7a7a repeat-x url(../images/topnav.png) top left;
    height: 37px;
    margin-right: 21px;
    margin-left: 20px;
}

    #topnav td a {
        font-family: 'Titillium Web', sans-serif, Arial, Verdana, Tahoma;
        text-align: center;
        font-size: 14px !important;
        line-height: 14px;
        display: block;
        text-decoration: none;
        color: #fff;
        padding: 13px 20px 11px 20px;
        margin-right: -3px;
        background: no-repeat url(../images/topnavsep.png) top right;
    }

        #topnav td a:hover, #topnav .topnavon a, #topnav .topnavon a:hover {
            background: transparent repeat-x url(../images/topnavon.png) top left;
        }

/****************** TOP ******************/

/****************** MAIN ******************/

#collage {
    margin-right: 21px;
    margin-left: 20px;
    height: 657px;
    background: #fff no-repeat url(../images/collage2000.jpg) top left;
}

    #collage #content {
        display: block;
        height: 100%;
        position: relative;
        padding-top: 25px;
    }

    #collage #content {
        position: relative;
        top: 35px;
        left: 35px;
        width: 763px;
        height: 560px;
        background: #fff repeat-x url(../images/main.png) top left;
        border: 1px solid #ccc;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
    }

        #collage #content #tabs {
            height: 75px;
            margin: -25px 0 0 0;
            border-bottom: 1px solid #ccc;
        }

            #collage #content #tabs ul {
                margin: 0px -5px 0 14px;
                padding: 40px 0 0 0;
            }

            #collage #content #tabs li {
                display: inline;
                list-style: none;
                margin: 0;
                padding: 0px;
            }

            #collage #content #tabs ul li {
                float: left;
                margin: 0 10px 0 0;
                padding: 0 0 0 5px;
                list-style-type: none;
                border-top: 1px solid #ccc;
                border-right: 1px solid #ccc;
                border-left: 1px solid #ccc;
                -moz-border-radius-topright: 3px;
                -webkit-border-top-right-radius: 3px;
                border-top-right-radius: 3px;
                border-top-left-radius: 3px;
                background: #fff repeat-x url(../images/tabswhite.png) top left;
            }

                #collage #content #tabs ul li.selected, #collage #content #tabs ul li.selected:hover {
                    background: #fff;
                    border-bottom: 1px solid #fff;
                }

                #collage #content #tabs ul li:hover {
                    background: #fff repeat-x url(../images/tabsactive.png) top left;
                }

            #collage #content #tabs li a {
                float: left;
                font-size: 1.1em;
                display: block;
                text-decoration: none;
                color: #4a4d4a;
                background: url(../images/tabright.png) no-repeat 100% 0;
                padding: 11px 25px 0px 5px;
                height: 23px;
            }

            #collage #content #tabs li span.mitidLogo,
            #collage #content #tabs li span.nemidLogo
            {
                display: none;
            }

        #collage #content p {
            margin-right: 14px;
            margin-left: 14px;
            line-height: 140%;
        }

        #collage #content h1, #collage #content h2, #collage #content h3 {
            margin-right: 14px;
            margin-left: 14px;
        }

        #collage #content form {
            height: auto;
            margin-top: 20px;
        }

#mainContent {
    width: auto;
    margin-top: 10px;
    margin-right: 21px;
    margin-left: 260px;
    min-height: 490px;
    background: #fff repeat-x url(../images/main.png) top left;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding-bottom: 10px;
}

#fullpage #mainContent {
    margin-left: 21px;
}

#mainContent h1 {
    margin: 15px 10px 15px 10px;
}

#mainContent h2 {
    margin: 15px 10px 15px 10px;
}

#mainContent h3 {
    margin-right: 10px;
    margin-left: 10px
}

#mainContent p, #mainContent .newcaseTableHolder {
    margin-right: 10px;
    margin-left: 10px
}

#mainContent img {
    margin: 0px 10px 10px 28px;
}

    #mainContent img.nostyle {
        margin: 0;
    }

#mainContent ul li {
    margin: 0px 20px 10px 20px;
    list-style: url(../images/bullet.gif);
}

#mainContent ol li {
    margin: 0px 20px 10px 20px;
}

#mainContent .buttonGrpHolderEdit {
    position: absolute;
    top: -5px;
    right: 10px;
}

#mainContent .contentIndent {
    margin: 10px 20px 15px 50px;
}

#mainContent .messageBox, #messageBox {
    margin: 15px 10px 15px 10px;
    color: #ff0000;
    padding: 10px;
    background: #fff;
    border: 1px solid #FF0000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

    #messageBox ul li {
        margin: 0px 20px 10px 0px;
        list-style: url(../images/bullet_red.gif);
    }

#relatedCol {
    float: left;
    margin: 5px 0 0px 14px;
    padding: 0px 0px 0px 0px;
    width: 226px;
}

    #relatedCol .elementBox {
        margin: 10px 6px 10px 6px;
    }

        #relatedCol .elementBox p {
            color: #2A4A67;
            margin: 0px 6px 10px 6px;
            padding: 0px;
        }

        #relatedCol .elementBox img {
            margin: 0px 6px 10px 6px;
        }

        #relatedCol .elementBox .loginButton {
            text-align: center;
            margin: 15px 0 15px 0;
        }

        #relatedCol .elementBox #dsSign {
            text-align: right;
            margin: 15px 0 0px 0;
        }

        #relatedCol .elementBox .loginButton .button {
            width: 150px;
        }

#leftContent {
    float: left;
    margin-left: 10px;
    width: 240px;
}

    #leftContent h2 {
        margin: 15px 20px 15px 20px;
    }

    #leftContent p {
        margin: 0px 20px 10px 20px;
        padding: 0px;
    }

#navStepsCounter {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: #7a7a7a repeat-x url(../images/topnav.png) top left;
    margin: 0 0 15px 10px;
    padding: 4px 0 4px 0;
}

.validationPanel {
    background: #eee;
    margin: 0 0 0 10px;
    padding: 0 0 10px 0;
}

    .validationPanel #subheaderText {
        margin: 10px;
    }

    .validationPanel #headerText {
        border-top: 5px solid #eee;
        background: #fff;
        color: #ff0000;
        padding: 5px 8px 5px 8px;
        margin: 5px;
    }

#validationPanelErrList {
    border: 1px solid #E4E4E4;
    height: 80px;
    overflow: auto;
    margin: 10px;
    padding: 2px;
    background: #fff;
}

    #validationPanelErrList div {
        padding: 0 0 5px 0;
        background: transparent no-repeat url(../images/validation_dot.gif) left bottom;
    }

.validationPanel input.button {
    margin-right: 10px;
}

.validationPanel .closeLink {
    position: relative;
    float: right;
    top: 10px;
    right: 10px;
}

#navStepsCounter td {
    color: #fff;
}

td #navStepsCounter {
    margin: 10px 0 10px 10px;
}

#navStepsCounter img {
    padding: 9px 0 3px 20px;
}

#navSteps {
    margin: 0 0 10px 10px;
}

    #navSteps table {
        width: 100%;
    }

    #navSteps ul {
        margin: 0 0 20px 0;
        padding: 0px;
    }

    #navSteps li {
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-bottom: 1px;
    }

    #navSteps a {
        padding: 7px 6px 6px 20px;
        display: block;
        color: #808080;
        text-decoration: none;
        background: #eee;
        border: 1px solid #ccc;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
    }

    #navSteps td a:hover {
        text-decoration: none !important;
    }

    #navSteps a:hover {
        background: #f7f7f7;
        text-decoration: none;
    }

    #navSteps #navStepsOn a, #navSteps #navStepsOn a:hover {
        text-decoration: underline;
        background: #e4e4e4;
    }

    #navSteps #navStepsSelected a, #navSteps #navStepsSelected a:hover,
    #navSteps .navStepsOn a, #navSteps .navStepsOn a:hover {
        background: #e4e4e4;
        color: #000;
    }

    #navSteps td {
        list-style: none;
        margin: 0 0 20px 0;
        padding: 0px;
        border-bottom: 1px solid #fff;
    }

    #navSteps .navStepsOn .FavoritMenuLink {
        border: none;
        background: none;
        float: right;
        width: 14px;
        height: 24px;
        padding: 0px;
        margin-top: -26px;
    }

        #navSteps .navStepsOn .FavoritMenuLink img {
            padding-top: 9px;
            border-width: 0px;
        }

        #navSteps .navStepsOn .FavoritMenuLink:hover {
            background: #e4e4e4;
        }

#FavoritMenuDiv table {
    background-color: #eee;
    margin: 4px 0 0 1px;
}

#FavoritListeDiv {
    overflow-y: auto;
    overflow-x: hidden;
}

    #FavoritListeDiv td div {
        overflow-x: hidden;
        white-space: nowrap;
        width: 162px;
    }

.FavoritListe {
    width: 268px;
}

.FavoritListeScroll {
    width: 252px;
}

#FavoritListeDiv .FavoritListeScroll td div {
    width: 146px;
}

#FavoritMenuDiv td {
    list-style: none;
    margin: 0 0 20px 0;
    border-bottom: 0px;
    padding: 10px;
}

    #FavoritMenuDiv td a {
        width: 100%;
        text-decoration: none;
        color: #000;
        padding: 0px 0px 0px 12px;
        background: transparent no-repeat url(../images/arrow.gif) left center;
    }

#FavoritListeDiv td {
    padding: 4px;
    border-bottom: solid 1px #808080;
    border-top: solid 1px #808080;
}

#navSteps td a:hover, #FavoritMenuDiv td a:hover {
    text-decoration: underline;
}

.stepContent {
    padding: 0px 10px 0px 10px;
    height: 260px;
    vertical-align: top;
}

    .stepContent img {
        margin: 0px;
        padding: 0px;
    }

    .stepContent p {
        margin: 0px 0px 10px 0px;
        padding: 0px;
    }

    .stepContent h3 {
        margin: 10px 0px 3px 0px;
    }

    .stepContent ul li {
        margin: 0px 60px 10px 20px;
        list-style: url(../images/bullet.gif);
    }

    .stepContent .colHeaderOneLine {
        padding: 6px 0 6px 1px;
        background: #F8F8F8;
    }

    .stepContent .colHeaderTwoLine {
        padding: 0 0 0 1px;
        background: #F8F8F8;
    }

    .stepContent .colHeaderVariant {
        width: 88px;
        padding: 6px 0 6px 1px;
        background: #F8F8F8;
    }

    .stepContent .colDelete {
        width: 33px;
    }

    .stepContent .fieldSmall {
        width: 40px;
    }

    .stepContent .fieldMedium {
        width: 50px;
    }

    .stepContent .fieldLarge {
        width: 60px;
    }

    .stepContent .fieldExtraLarge {
        width: 80px;
    }

    .stepContent .fieldRim {
        width: 45px;
    }

    .stepContent .fieldTire {
        width: 70px;
    }

.addItemButton {
    margin-top: 10px;
}

.stepContent #messageBox {
    margin: 15px 0px 15px 0px;
}

a.delLink {
    padding-left: 10px;
    background: transparent no-repeat url(../images/delete.gif) left center;
}

#linkGrp {
    margin: 0px 15px 0 0;
    float: right;
}

#buttonGrpHolder {
    margin: 0 10px 10px 10px;
    border: 1px solid #E4E4E4;
    padding: 5px;
    background: #eee;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

    #buttonGrpHolder input.submitbutton {
        cursor: pointer;
        width: 150px;
    }

.elementBox {
    border: 1px solid #E4E4E4;
    background: #fff;
    padding: 0px;
}

    .elementBox h2 {
        color: #2A4A67;
        margin: 0px 0px 10px 0px;
        padding: 5px 0px 4px 18px;
        background: #F8F8F8 no-repeat url(../images/arrow.gif) right center;
        background-position: 6px;
        border-bottom: 1px solid #E4E4E4;
    }

.dataTableHolder {
    margin: 10px 10px 15px 10px;
}

.tableHolderWidthIndent {
    margin: 10px 48px 15px 48px;
}

.tableBg {
    margin: 0px;
    padding: 0px;
    background-color: #E4E4E4;
}

.tableData {
    border: 1px solid #E4E4E4;
}

    .tableData tr td {
        border: 1px solid #E4E4E4;
    }

tr.tHeader {
    background-color: #F8F8F8;
    color: #2A4A67;
    font-size: 12px;
    text-align: left;
}

    tr.tHeader th {
        text-align: left !important;
        border: 1px solid #E4E4E4;
    }

    tr.tHeader a {
        text-decoration: none;
    }

tr.data1, td.data1, tr.data1_skjult, td.data1_skjult {
    background-color: #F2F2F2;
}

tr.data2, td.data2, tr.data2_skjult, td.data2_skjult {
    background-color: #fff;
}

.data1_skjult td, .data2_skjult td, .data1_skjult label, .data2_skjult label {
    color: Gray;
}

.elementWithBg {
    background: #eee;
}

.searchBoxPanel {
    margin: 10px;
    border: 1px solid #E4E4E4;
    padding: 10px;
    background: #eee;
}

#searchBoxPanelHeader h3 {
    margin: 0px 6px 6px 0px;
}

a.rmLink {
    text-decoration: none;
    padding-left: 12px;
    background: transparent no-repeat url(../images/arrow.gif) left 2px;
}

a.pdflink {
    padding: 2px 0px 2px 22px;
    margin: 0px 0px 10px 0px;
    background: transparent no-repeat url(../images/pdf.gif) left center;
}

a.doclink {
    padding: 2px 0px 2px 22px;
    margin: 0px 0px 10px 0px;
    background: transparent no-repeat url(../images/word.gif) left center;
}

a.xlslink {
    padding: 2px 0px 2px 22px;
    margin: 0px 0px 10px 0px;
    background: transparent no-repeat url(../images/xls.gif) left center;
}

a.printlink {
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 10px 0px;
    background: transparent no-repeat url(../images/print.gif) left center;
}

/****************** FAQ ******************/

a.pCollapsed {
    padding: 0px 0px 0px 12px;
    margin-left: 20px;
    background: transparent no-repeat url(../images/arrow.gif) left center;
}

a.pExpanded {
    padding: 0px 0px 0px 12px;
    margin-left: 20px;
    background: transparent no-repeat url(../images/arrow_open.gif) left center;
}

.collapsed {
    display: none;
}

.expanded {
    display: block;
    margin: 0px 20px 40px 20px;
}

#showHide {
    text-align: right;
    margin-right: 10px;
}

/****************** FAQ ******************/

/****************** MAIN ******************/

/****************** BOTTOM ******************/

#footer {
    background: #cfd0d2 no-repeat url(../images/footer.png) top left;
    border-bottom: 10px solid #fff;
    text-align: left;
    height: 30px;
    margin: 10px 21px 0 20px;
}

    #footer p {
        font-family: 'Titillium Web', sans-serif, Arial, Verdana, Tahoma;
        letter-spacing: 1px;
        font-size: 13px;
        line-height: 13px;
        color: #4d4d4d;
        margin: 0;
        padding: 9px 0 0 20px;
    }

    #footer a {
        color: #575757;
        font-weight: normal;
        text-decoration: none;
    }

        #footer a:hover {
            color: #437398;
        }

#footerend {
    float: right;
    background: transparent no-repeat url(../images/footerend.gif) top left;
    height: 30px;
    width: 5px;
}

/****************** BOTTOM ******************/

/****************** POPUP ******************/

#popUpPage {
    margin: 10px;
    padding: 10px 0 10px 0px;
    text-align: left;
    background: #fafbfc;
}

    #popUpPage p {
        margin: 0px 15px 10px 15px;
    }

    #popUpPage h1 {
        margin: 0 0 10px 10px;
    }

    #popUpPage h3 {
        margin: 0 15px 10px 15px;
    }

    #popUpPage table.vinCode, .stepContent table.vinCode {
        border-left: 1px solid #000;
    }

        #popUpPage table.vinCode td.vinDigit, .stepContent table.vinCode td.vinDigit {
            width: 15px;
            border-right: 1px solid #000;
            text-align: center;
        }

    #popUpPage #buttonGrpHolder {
        text-align: right;
        margin: 0 15px 0 15px;
    }

#popUpPagePrint {
    position: relative;
    float: right;
    top: 5px;
    right: 10px;
}

    #popUpPagePrint a.printlink {
        text-decoration: none;
        padding: 0 0 0 20px;
        background: transparent no-repeat url(../images/print_popup.png) left center;
    }

        #popUpPagePrint a.printlink:hover {
            text-decoration: underline;
        }

#popUpPage .outlineBorder, .stepContent .outlineBorder {
    border: 1px solid #000;
    padding: 0px;
    margin: 0px 10px 10px 10px;
}

.stepContent .outlineBorder {
    margin: 0 0px 0 0px;
}

#popUpPage .tableHolder {
    margin: 0px 10px 20px 10px;
}

.tableHolder {
    margin: 0 10px 20px 10px;
}

#popUpPage table.wBorder, .stepContent table.wBorder {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}

    #popUpPage table.wBorder td, .stepContent table.wBorder td {
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
    }

    #popUpPage table.wBorder .noBorderLeft, .stepContent table.wBorder .noBorderLeft {
        border-left: 0px;
    }

    #popUpPage table.wBorder .noBorderBottom td, .stepContent table.wBorder .noBorderBottom td {
        border-bottom: 0px;
    }

#popUpPage .outlineBorder p, .stepContent .outlineBorder p {
    margin: 0px;
    padding: 3px;
}

#popUpPage table.noStyle, .stepContent table.noStyle {
    border: 0px;
}

    #popUpPage table.noStyle td, .stepContent table.noStyle td {
        border: 0px;
    }

#popUpPage #messageBox {
    margin: 15px 15px 15px 15px;
}

#VariantListeDiv {
    padding-bottom: 5px;
    background-color: #eee;
    border: 1px solid #e4e4e4;
}

/****************** POPUP ******************/

/****************** GENEREL ******************/

h1 {
    font-family: 'Titillium Web', sans-serif, Arial, Verdana, Tahoma;
    font-size: 16px;
    line-height: 16px;
    color: #4d4d4d;
}

h2 {
    font-family: 'Titillium Web', sans-serif, Arial, Verdana, Tahoma;
    font-size: 13px;
    line-height: 13px;
    color: #4d4d4d;
    font-weight: normal;
}

h3 {
    font-size: 11px;
}

.label {
    font-size: 10pt;
    line-height: 25px;
}

a, a:visited {
    text-decoration: underline;
    color: #2A4A67;
}

    a:hover {
        color: #000;
    }

    a.nostyle, a.nostyle:visited, a.nostyle:hover {
        text-decoration: none;
        color: #000;
    }

    a.discreet, a.discreet:visited {
        text-decoration: none;
        color: #000;
    }

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

img {
    border: 0px;
}

.imgLeft {
    float: left;
}

.imgRight {
    float: right;
}

.fLeft {
    float: left;
}

.fRight {
    float: right;
}

.clear {
    clear: both;
}

    .clear hr {
        display: none;
    }

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.uline {
    text-decoration: underline;
}

.red {
    color: #ff0000;
}

.redBold {
    color: #ff0000;
    font-weight: bold;
}

.statusOK {
    color: #2CB640;
}

.textfield {
    width: 250px;
}

.textfielddisabled {
    background: #efefef;
    color: #ddd;
}

.textfieldShort {
    width: 100px;
}

.textfieldMiddle {
    width: 200px;
}

.textfieldLarge {
    width: 350px;
}

.textfieldVIN {
    width: 9px;
}

.textfieldTaxi {
    width: 40px;
}

.textfieldKg {
    width: 45px;
}

.textfieldMM {
    width: 40px;
}

.textfieldBAR {
    width: 35px;
}

.textfieldAksel {
    width: 19px;
}

.textfieldFabKode1 {
    width: 20px;
}

.textfieldFabKode2 {
    width: 25px;
}


input.submitbutton {
    width: 150px;
}

.dialogbutton {
    cursor: pointer;
    width: 62px;
}

input.checkbox {
    margin-right: 6px;
}

.selectBox {
    width: 255px;
}

.selectBox106 {
    width: 106px;
}

.selectBoxLng {
    width: 350px;
}

.selectBox170 {
    width: 170px;
}

.selectBox380 {
    width: 380px;
}

#formAlert, .formAlert, #formAlert span {
    margin: 15px 0 0 0;
    color: #ff0000;
    text-align: center;
    padding: 5px;
}

textarea {
    width: 250px;
}

    textarea.medium {
        width: 356px;
    }

    textarea.large {
        width: 516px;
    }

.textDisabled {
    color: #e3e3de;
}

#actionIndicator, .actionIndicator {
    position: relative;
    top: 18px;
    right: 14px;
    float: right;
    background: #fff;
    color: #ff0000;
    padding: 1px 10px 2px 10px;
    font-weight: bold;
}

#mainContent .optrykIndicatorList, #popUpPage .optrykIndicatorList, #FremsoegningFrame .optrykIndicatorList {
    display: inline;
}

    #mainContent .optrykIndicatorList img, #popUpPage .optrykIndicatorList img, #FremsoegningFrame .optrykIndicatorList img {
        margin: 0 0 0 5px;
    }

.regDataAendret {
    color: #ff0000;
    font-weight: bold;
}

#FremsoegningFrame {
    text-align: left;
    background-color: #eee;
}

.hidden {
    display: none;
}

.loginErrorForm {
    margin-right: 25px;
}

#frontpage #mainContent img {
    margin-left: 0px;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
    background: #595a5c repeat-x url(../images/btn.png) top left !important;
    cursor: pointer;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Titillium Web', sans-serif, Arial, Verdana, Tahoma;
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    height: 26px;
    padding: 0 10px 0 10px;
    /* IE7 fix */
    width: auto;
    overflow: visible;
}

    button:hover,
    html input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover,
    button:focus,
    html input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus,
    .button:hover {
        /*    background: #595a5c repeat-x url(../images/btnhover.png) top left !important;*/
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#81b0cf+0,0a4e87+100 */
        background: #81b0cf !important; /* Old browsers */
        background: -moz-linear-gradient(top, #81b0cf 0%, #0a4e87 100%) !important; /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #81b0cf 0%,#0a4e87 100%) !important; /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #81b0cf 0%,#0a4e87 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81b0cf', endColorstr='#0a4e87',GradientType=0 ) !important; /* IE6-9 */
    }

.btndisabled {
    background: #ccc repeat-x url(../images/btndisabled.png) top left;
    cursor: pointer;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    height: 22px;
    padding: 0 10px 0 10px;
    cursor: default;
    font-size: 9pt;
}

input,
select,
textarea,
html body .riSingle .riTextBox[type="text"] {
    color: #555555;
    display: inline-block;
    padding: 3px;
    vertical-align: middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.fileupload {
    border-style: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.comboboxContainer {
    float: left;
}

#mainContent .comboboxContainer img {
    margin: 2px 3px 2px 3px;
}

.splitter hr {
    margin: 40px 10px 15px 10px;
    border-color: #ccc;
    border-style: solid;
    border-bottom: 0px;
}

/****************** GENEREL ******************/

/****************** PRINT ******************/

@media print {
    html, body {
        width: 100%;
    }

    #collage, #topNav, #subNav, #relatedCol, #leftContent, #buttonGrpHolder, #formAlert, #linkGrp, .buttonGrpHolderEdit, .doNotPrint, .formAlert, #showHide, #popUpPagePrint {
        display: none;
    }

    #mainContent p, #mainContent .newcaseTableHolder {
        margin: 0px 0px 10px 0px;
        padding: 0px;
    }

    #mainContent h1 {
        margin: 15px 0px 10px 0px;
        padding: 0px;
        color: #000;
    }

    #mainContent h2 {
        margin: 15px 0px 10px 0px;
    }

    #mainContent h3 {
        margin: 15px 0px 10px 0px;
    }

    #mainContent img {
        margin: 0px 0px 10px 10px;
    }

    #mainContent a.rmLink, #mainContent a.pdflink, #mainContent a.doclink, #mainContent a.xlslink, #mainContent a.printlink {
        padding: 0px;
    }

    #mainContent .tableData {
        border: 1px solid #E4E4E4;
    }

    #mainContent .tableBg {
        margin: 15px 0px 15px 0px;
    }

    #popUpPage h1, #popUpPage h3 {
        margin: 0 0 10px 0;
        padding: 0px;
    }

    #popUpPage p {
        margin: 0px 0px 10px 0px;
    }

    #popUpPage .outlineBorder, .stepContent .outlineBorder {
        margin: 0px 0px 10px 0px;
    }

    #popUpPage .tableHolder {
        margin: 0px 0px 20px 0px;
    }

    .dataTableHolder {
        margin: 10px 0px 15px 0px;
    }

    #actionIndicator {
        float: right;
        color: #ff0000;
        padding-right: 30px;
    }

    #mainContent .messageBox, #messageBox {
        margin: 15px 0px 15px 0px;
    }

    a.pCollapsed, a.pExpanded {
        padding: 0px;
        margin: 0px;
    }

    .expanded {
        margin: 0px 20px 40px 0px;
    }

    #footer {
        text-align: left;
    }

        #footer p {
            font-size: 8pt;
            font-weight: normal;
            color: #000;
        }
}

/****************** Login WEBLOGIN PROJECT / DBI.WebLogin.dll START *************/

table.tbl-userlogin {
    margin-left: 15px;
}

    table.tbl-userlogin td {
        padding-bottom: 5px;
    }

    table.tbl-userlogin .lit-validation {
        border: 1px solid #ff0000 !important;
        color: #ff0000 !important;
        padding: 1px 3px;
        border-radius: 4px;
        margin-top: -4px;
        margin-bottom: 8px;
    }

    table.tbl-userlogin .textfieldMiddle {
        width: 230px;
        padding: 3px;
    }

button.mitidbtn {
    height: auto;
    background-color: #0060E6 !important;
    background-image: none !important;
}

#modalForgotPassword div {
    font-size: 14px;
}

#modalForgotPassword .modal-footer {
    border-top: none;
    padding-top: 0px;
}

.operatingStatus {
    margin-left: 25px;
}

.operatingStatus h4 {
    margin-left: 14px;
    margin-bottom: 5px;
}

.operatingStatus p {
    margin-top: 0px;
}

.operatingStatus a {
    color: #808080;
}

/****************** Login WEBLOGIN PROJECT / DBI.WebLogin.dll END *************/

/****************** Opret ny kladde wizard START *************/

.marginLeft1px {
    margin-left: 1px;
}

.marginLeft3px {
    margin-left: 3px;
}

.marginLeft7px {
    margin-left: 7px;
}

.marginLeft11px {
    margin-left: 11px;
}
/****************** Opret ny kladde wizard SLUT *************/

/* GDPR added */
.link {
    text-transform: uppercase;
    cursor: pointer;
}

.gdprlink {
    margin-bottom:4px;
}

body .modal.policymodal input:checked + .slider {
    background: #595a5c !important;
}

body .modal.policymodal .btn {
    border-color: #595a5c;
}