/*
  This stylesheet is only loaded for the portal admin application area. 
  No css, needed for controls and more can be added here. Only things that do basic style of the portal admin application
 */

html, body, form {
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow: hidden;
}

body {
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 11px;
    font-style: normal;
    color: #293640;
    background-color: #e8e8e8;
    background-color: #fff;
}

ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

a {
    color: #222;
}

    a:hover {
        color: #222;
    }

h1 {
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 26px;
    color: #394c5b;
}

h2 {
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 16px;
    color: #394c5b;
}


table {
    border-spacing: 0;
}

textarea {
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 11px;
}

div.panel.top-logo {
    height: 75px;
}


div.panel.logo {
    padding: 0 0 0 34px;
    width: 300px;
}

    div.panel.logo img {
    }


div.panel.main-menu {
    height: 37px;
    background-color: #007acc;
}

div.panel.bottom {
    height: 24px;
    background-color: #4D4D4D;
    color: #fff;
    padding: 6px 0 0 6px;
}

    div.panel.bottom a {
        color: #fff;
    }

div.vertical-panel > div.panel.welcome {
    float: right;
    padding: 14px 15px 0 5px;
    color: #293640;
    margin: 2px;
}

div.vertical-panel > div.panel.menu {
    float: right;
    padding: 5px 10px 0 0;
}

    div.vertical-panel > div.panel.menu > ul {
        list-style: none;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }

        div.vertical-panel > div.panel.menu > ul > li {
            padding: 0 5px 0 5px;
            color: #fff;
            font-weight: bold;
            cursor: pointer;
            margin: 0 0 0 12px;
            padding: 6px;
            background-color: transparent;
        }

            div.vertical-panel > div.panel.menu > ul > li:hover {
                color: black;
            }

            div.vertical-panel > div.panel.menu > ul > li:last-child {
                padding: 0 5px 0 5px;
                color: #fff;
                font-weight: bold;
                cursor: pointer;
                margin: 0 0 0 12px;
                padding: 6px;
            }

                div.vertical-panel > div.panel.menu > ul > li:last-child:hover {
                    margin: 0 0 0 12px;
                }

        div.vertical-panel > div.panel.menu > ul > li {
            float: left;
        }

div.view-port.desktop {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.horizontal-menu > ul {
    margin: 0 0 0 0;
    height: 36px;
}

    div.horizontal-menu > ul > li {
        color: White;
        font-weight: bold;
        height: 24px;
        color: #FFFFFF;
        padding: 12px 10px 0 10px;
        margin: 0 2px 0 0;
    }

div.dropdown-menu {
    padding: 3px 3px 3px 3px;
    margin: 8px 0 0 -10px;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 5px #bfbfbf;
    box-shadow: 3px 3px 5px #bfbfbf;
    border-bottom: 2px solid #007acc;
}

    div.dropdown-menu > ul {
        width: 215px;
    }

    div.dropdown-menu ul li {
        color: #222;
        font-weight: bold;
        height: 20px;
        cursor: pointer;
        padding: 5px 0 0 4px;
        margin: 0 0 0 5px;
        background-color: #fff;
        font-size: 10px;
    }

        div.dropdown-menu ul li.over {
            color: #111;
            background-color: #fff;
        }

div.panel.title {
    height: 36px;
    font-weight: normal;
    font-size: 22px;
    color: #293640;
}

div.panel.subtitle {
    color: #394c5b;
}

div.panel.content {
}


div.panel.page-tools {
    width: 180px;
}


td.kortnavn {
    width: 85px;
}

td.kategori {
    text-align: center;
    width: 140px;
}

td.navn {
    width: 180px;
}


td.email {
    width: 250px;
}

td.telefon, td.mobil {
    width: 120px;
}

td.brugernavn {
    width: 120px;
}

td.permission {
    width: 200px;
}


td.icon {
    text-align: center;
}

td.title {
    width: 200px;
}

td.long.title {
    width: 300px;
}

td.extra.long.title {
    width: 400px;
}


td.text.wide {
    width: 400px;
}

div.field input.verywide {
    width: 350px;
}

td.levering {
    width: 96px;
}


td.enhed {
    width: 60px;
    text-align: center;
}

td.scope {
    width: 100px;
}

tr.pending td.navn {
}

div.field div.input.checkbox {
    width: 60px;
}

    div.field div.input.checkbox input {
        border: none;
    }

div.field.rolle div.input {
    width: 230px;
}

div.horizontal-panel div.panel.stamdata {
    height: 260px;
}

div.brugerroller {
    width: 250px;
}

div.roller > div.list div.list-tools div.views,
div.roller > div.list div.list-tools div.views div.values {
    width: 110px;
}

    div.roller > div.list div.list-tools div.views div.value {
        width: 90px;
    }

div.field div.label.scope,
div.field div.input.scope,
div.field div.input.scope select {
    width: 58px;
}

div.field div.input.rolle {
    width: 60px;
}

div.panel.web-related-applications {
    height: 200px;
}

div.panel.application-information {
    height: 180px;
}

div.panel.roller {
    height: 400px;
}

div.panel.snaps {
    width: 400px;
}

div.panel.enhed {
    height: 300px;
}


div.form-tools {
    height: 28px;
    padding: 5px 8px 0 0;
    text-align: right;
}

input.changed,
select.changed,
textarea.changed {
    background: url(Images/Iconic/gray_dark/check_8x6.png);
    background-repeat: no-repeat;
    background-position: 2px center;
}

div.popup-panel > div.container > div.panel.newpassword,
div.popup-panel > div.container > div.panel.changepassword {
    width: 400px;
    height: 200px;
}


div.popup-panel > div.container > div.panel.createuser {
    height: 660px;
}

div.popup-panel > div.container > div.panel.newpassword > div.header > div.icon {
    background-image: url(Images/Iconic/cyan/question_mark_8x16.png);
    background-position: center center;
    background-repeat: no-repeat;
}

div.popup-panel > div.container > div.panel.createuser > div.header > div.icon {
    background-image: url(Images/createuser22x22.png);
    background-position: center center;
    background-repeat: no-repeat;
}

div.panel.tools {
    height: 34px;
    border: solid;
    border-width: 1px 0 0 0;
    border-color: #d4d4d4;
}

    div.panel.tools ul {
        list-style: none;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

        div.panel.tools ul li {
            float: right;
            padding: 2px 0 0 4px;
        }

            div.panel.tools ul li.message {
                float: left;
                color: #C40038;
            }

div.message {
    width: 100%;
    text-align: center;
    padding: 10px 0 10px 0;
    color: #222;
}

div.error.message {
    color: #C40038;
    font-weight: bold;
}

/* New sitemap styles*/

div.sitemapArea {
    margin: 0 10px 0 0;
    width: 250px;
    display: inline-block;
    vertical-align: top;
    padding: 15px;
    padding-bottom: 0px;
}

    div.sitemapArea div.sitemapAreaTitle {
        font-size: 16px;
        color: #333;
        white-space: normal;
        border-bottom-style: solid;
        border-bottom-color: #2E96BD;
        border-bottom-width: 3px;
    }


.siteMapMenu ul {
    margin-top: 10px;
    padding: 0;
    list-style: none;
}

    .siteMapMenu ul li {
        list-style-type: none;
        color: #102d31;
        cursor: pointer;
        margin: 0;
        padding: 0;
        line-height: 22px;
        font-size: 12px;
        width: 230px;
    }

        .siteMapMenu ul li.out {
            color: #6C0202;
        }

        .siteMapMenu ul li.over {
            color: #2E96BD;
        }

div.panel.login {
    display: block;
    margin: 0px auto 0 auto;
    width: 280px;
    height: 110px;
    padding: 25px;
    background-color: #f1f1f1;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-repeat: repeat-x;
    background-position: 0 -50px;
    color: #fff;
    border: 1px solid #b3b3b3;
    -moz-box-shadow: 3px 3px 5px #d9d9d9;
    -webkit-box-shadow: 3px 3px 5px #d9d9d9;
    box-shadow: 3px 3px 5px #d9d9d9;
}

    div.panel.login input {
        border: 1px solid #b3b3b3;
        background-color: #fff;
        color: #111;
    }

    div.panel.login #login {
        padding: 0px 10px 0 23px;
        background-image: url('Images/Iconic/white/key_stroke_16x16.png');
        background-repeat: no-repeat;
        background-position: 8px 5px;
        margin-top: 0;
        -moz-border-radius: 0px;
        border-radius: 0px;
        height: 26px;
        color: #fff;
        background-color: #4D4D4D;
        border: 0px;
    }

div.field input.login {
    width: 70px;
}

div.panel.login a {
    color: #333;
}

div.panel.login #login label {
    color: #fff;
}

div.panel.login #login:hover {
    cursor: pointer;
}

div.panel.login password {
    border: none;
    background-color: #fff;
    margin-top: 5px;
}

div.panel.subject {
    height: 30px;
}

div.important-info {
    height: 30px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

div.unit {
    width: 70px;
    padding: 0 0 0 8px;
    text-align: left;
    float: right;
    font-weight: bold;
}

table.report {
    margin: 3px 0 0 0;
    table-layout: fixed;
    width: 100%;
    border: solid;
    border-width: 1px 0 0 1px;
    border-color: #D6D7CE;
}

    table.report th,
    table.report td {
        border: solid;
        border-width: 0 1px 1px 0;
        border-color: #D6D7CE;
    }

    table.report th {
        background: #BBBDAB;
    }


    table.report td {
        padding: 0 2px 0 2px;
    }

td.number {
    text-align: right;
}

td.status.error {
    padding: 0 0 0 20px;
    background-image: url(Images/ok16x16.png);
    background-position: left;
    background-repeat: no-repeat;
}


td.status.error {
    padding: 0 0 0 20px;
    background-image: url(Images/stop16x16.gif);
    background-position: left;
    background-repeat: no-repeat;
    color: red;
}

td.status.warning {
    padding: 0 0 0 20px;
    background-image: url(Images/warning16x16.png);
    background-position: left;
    background-repeat: no-repeat;
    color: #FFA509;
}

    td.status.warning div {
        float: left;
    }


        td.status.warning div.accept {
            padding: 0 0 0 4px;
            color: Red;
            cursor: pointer;
            text-decoration: underline;
        }

        td.status.warning div.accepted {
            padding: 0 0 0 4px;
            color: Green;
            cursor: default;
        }


        td.status.warning div.delete {
            margin: 0 0 0 4px;
            width: 16px;
            height: 16px;
            background-image: url(images/delete.gif);
            background-position: center;
            background-repeat: no-repeat;
            cursor: pointer;
        }


th.code {
    width: 70px;
}

    th.code.wide {
        width: 200px;
    }

th.enhed {
    width: 70px;
}

th.emmtype {
    width: 130px;
}

th.maengde {
    width: 100px;
}

th.warning {
    text-align: left;
}

tr.unread td.title {
    font-weight: bold !important;
}

div.panel.batch-request {
    width: 250px;
}

div.panel.batch-schedule {
    width: 680px;
}

div.accessory {
    width: 350px;
}

div.dropdown-menu ul li {
    width: 200px;
}

/* top style */

div.top {
    height: 74px;
    padding: 0 0 0 0;
    background: #ffffff;
    clear: both;
}

    div.top div {
    }

        div.top div.logo {
            float: left;
            height: 73px;
            width: 110px;
            border: solid;
            border-width: 0 1px 1px 0;
            border-color: #ABABAB;
            background-color: #EAEAEA;
            background-image: url(Images/top-logo-background.png);
            background-position: top left;
            background-repeat: repeat-x;
            text-align: center;
        }

            div.top div.logo a {
                color: transparent;
            }


        div.top div.tool {
            float: left;
            height: 24px;
            width: 75px;
            border: solid;
            border-width: 0 1px 0 0;
            border-color: #DBDBDB;
            background-position: top center;
            background-repeat: no-repeat;
            text-align: center;
            padding: 50px 0 0 0;
            font-weight: bold;
            text-transform: uppercase;
            color: #444444;
            cursor: pointer;
        }

        div.top div.save {
            background-image: url(Images/save.png);
        }

            div.top div.save.inactive {
                background-image: url(Images/save_inactive.png);
                color: #DDDDDD;
            }

        div.top div.close {
            background-image: url(Images/close.png);
        }

        div.top div.refresh {
            background-image: url(Images/Iconic/cyan/loop_16x16.png);
            background-position: 30px 20px;
            background-repeat: no-repeat;
            border-right: none;
        }

        div.top div.more {
            height: 74px;
            border: solid;
            border-width: 0 0 0 1px;
            border-color: #B5B5B5;
            margin: 0;
            overflow: hidden;
        }

            div.top div.more > div {
                clear: both;
            }

            div.top div.more div.header {
                height: 37px;
                text-align: left;
            }

            div.top div.more div.tools {
                height: 36px;
                border: solid;
                border-width: 0 0 1px 0;
                border-color: #B5B5B5;
            }

                div.top div.more div.tools div.page {
                    height: 26px;
                    padding: 6px 0 6px 0;
                }

                    div.top div.more div.tools div.page div {
                        padding: 3px 10px 3px 25px;
                        font-size: 1.2em;
                        cursor: pointer;
                    }

div.tools div.create {
    background-image: url(Images/Iconic/gray_dark/document_fill_12x12.png);
    background-position: 8px center;
    background-repeat: no-repeat;
}

    div.tools div.create.current {
        background-image: url(Images/Iconic/cyan/document_fill_12x12.png);
        background-position: 8px center;
        background-repeat: no-repeat;
        color: #2E96BD;
    }

div.list-tools div.batchjobrun {
    background-image: url(Images/Iconic/gray_dark/play_alt_16x16.png);
}

div.tools div.query {
    background-image: url(Images/Iconic/gray_dark/list_12x11.png);
    background-position: 8px center;
    background-repeat: no-repeat;
}

    div.tools div.query.current {
        background-image: url(Images/Iconic/cyan/list_12x11.png);
        background-position: 8px center;
        background-repeat: no-repeat;
        color: #2E96BD;
    }

div.tools div.copy {
    background-image: url(Images/Iconic/gray_dark/new_window_12x12.png);
    background-position: 8px center;
    background-repeat: no-repeat;
}

div.tools div.details {
    background-image: url(Images/Iconic/gray_dark/document_stroke_12x12.png);
    background-position: 8px center;
    background-repeat: no-repeat;
}

    div.tools div.details.current {
        background-image: url(Images/Iconic/cyan/document_stroke_12x12.png);
        background-position: 8px center;
        background-repeat: no-repeat;
        color: #2E96BD;
    }

div.tools div.prev {
    background-image: url(Images/arrowleft.png);
    background-position: 8px center;
    background-repeat: no-repeat;
}

div.tools div.next {
    background-image: url(Images/arrowright.png);
    background-position: 8px center;
    background-repeat: no-repeat;
}

div.tools div.prev.inactive {
    background-image: url(Images/arrowleft_disabled.png);
    background-position: 8px center;
    background-repeat: no-repeat;
    color: #AAACAF;
}

div.tools div.next.inactive {
    background-image: url(Images/arrowright_disabled.png);
    background-position: 8px center;
    background-repeat: no-repeat;
    color: #AAACAF;
}

div.top div.more div.tools div.page {
    overflow: hidden;
}

div.top div.more div.tools div.personal {
    float: right;
    height: 28px;
    padding: 10px 10px 0 0;
    width: 250px;
}

    div.top div.more div.tools div.personal ul {
        float: right;
        list-style: none;
    }

        div.top div.more div.tools div.personal ul li {
            float: right;
            border: solid;
            border-style: none;
        }

            div.top div.more div.tools div.personal ul li.icon {
                height: 16px;
                width: 26px;
            }

                div.top div.more div.tools div.personal ul li.icon.count {
                    width: auto;
                    padding: 0 1px 0 2px;
                }


                div.top div.more div.tools div.personal ul li.icon div.count {
                    padding: 1px 0 0 0;
                    height: 16px;
                    float: right;
                }


                div.top div.more div.tools div.personal ul li.icon div.myprint {
                    width: 20px;
                    height: 16px;
                    float: right;
                    background-image: url(Images/print.png);
                    background-position: center center;
                    background-repeat: no-repeat;
                }


                div.top div.more div.tools div.personal ul li.icon div.mymessage {
                    width: 20px;
                    height: 16px;
                    float: right;
                    background-image: url(Images/mail.png);
                    background-position: center center;
                    background-repeat: no-repeat;
                }



div.top div.more div.tools div > div {
    float: left;
}



div.top div.more div.header {
    background-image: url(Images/baseline_header_title.png);
    background-repeat: repeat-x;
}

    div.top div.more div.header div.title {
        display: inline-block;
        height: 24px;
        padding: 10px 0 0 10px;
    }

    div.top div.more div.header div.profile {
        float: right;
        width: 200px;
        text-align: right;
        height: 24px;
        padding: 10px 10px 0 0;
        font-size: 1.1em;
        color: #444;
        cursor: pointer;
    }

div.panel.desktop.popup {
    background-color: white;
    padding: 5px;
}


span.main-title {
    font-size: 1.2em;
    padding: 0 5px 0 0;
}

/* top end */

div.panel.main-menu div.top-menu {
    clear: both;
}

    div.panel.main-menu div.top-menu div.menu {
        float: right;
    }

        div.panel.main-menu div.top-menu div.menu ul {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            list-style: none;
        }

            div.panel.main-menu div.top-menu div.menu ul li {
                float: right;
            }



    div.panel.main-menu div.top-menu div.sitemap {
        overflow: hidden;
    }

div.profile ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
    float: right;
}

    div.profile ul li {
        float: right;
        height: 16px;
    }

        div.profile ul li.icon {
            width: 26px;
        }


        div.profile ul li div {
            float: left;
            width: 26px;
            height: 16px;
        }

            div.profile ul li div.myprofile {
                background-image: url(Images/userprofile.png);
                background-position: center center;
                background-repeat: no-repeat;
            }

            div.profile ul li div.organization {
                background-image: url(Images/org.png);
                background-position: center center;
                background-repeat: no-repeat;
            }

#title {
    padding: 10px 30px 0 0;
    font-size: 1.4em;
}

#subtitle {
    padding: 12px 0 0 0;
    font-size: 1.0em;
}


div.panel.one-line {
    padding: 1px 3px 0 3px;
    height: 26px;
}


div.panel.translate-editor-main {
    height: 150px;
}