html, 
body {
    /*overflow-x: scroll !important;*/
    position: relative !important;
}

.ui-mobile .ui-page-active {
    overflow-x: scroll !important;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: #eeeeee;
    _background: url("https://portal.nlpool.no/media.ashx?%5B1,4,e4e4e4%5D.png&pattern=0012,1,f4f4f4,e8e8e8,fcfcfc") repeat top left;
    font-size: 15pt;
}

span.lead {
    display: inline-block;
    width: 8em;
}

.big {
    font-weight: bold;
    font-size: 150%;
}

a.adjust {
    font-size: 80%;
    width: 2em;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: 1px solid #aaa;
    border-radius: 4px;
    height: 2.0em;
    vertical-align: middle;
    line-height: 1.9;
    position: relative;
    top: -4px;
    font-weight: normal;
}

    a.adjust:hover {
        _box-shadow: 0 0 8px rgba(0,0,255,.5);
        text-shadow: 1px 1px 9px #000;
    }

a.plus {
    background-color: #cfc;
    color: #080;
    background: 0;
    border: 0;
    color: transparent;
    text-shadow: 0 0 #080;
}

    a.plus:hover {
        _background-color: #080;
        _color: #cfc !important;
        _border: 0;
    }

a.minus {
    background-color: #fcc;
    color: #800;
    background: 0;
    border: 0;
    color: transparent;
    text-shadow: 0 0 #d00;
}

    a.minus:hover {
        _background-color: #800;
        _color: #fcc !important;
        _border: 0;
    }

a.reset {
    background-color: #ddd;
    color: #444;
    background: 0;
    border: 0;
    color: transparent;
    text-shadow: 0 0 #555;
}

    a.reset:hover {
        _background-color: #444;
        _color: #ddd !important;
    }

canvas.sig, img.sig {
    background-color: #fff;
}

    canvas.sig:hover {
        border-color: #000;
        box-shadow: 0 0 12px rgba(0,0,0,.5);
        cursor: pointer;
    }

div {
    /*background: white;*/
}

    div.section {
        /*border: 1px solid #555;
        border-radius: 5px;
        padding: 0px;
        margin: 4px;
        box-shadow: 0px 0px 8px rgba(0,0,0,.5);*/
    }

        div.section div.header {
            /*border-bottom: 1px solid #aaa;*/
            font-weight: bold;
            background-color: #628045;
            color: #fff;
            padding: 8px;
            /*border-radius: 4px 4px 0 0;*/
            text-shadow: 1px 1px 2px #000;
        }

        div.section div.content {
            padding: 4px;
            /*background: url("https://portal.nlpool.no/media.ashx?%5B1,200%5D.png&gradient=0,0,fff,0,200,eee&x-gamma=2.2") repeat-x bottom #fff;*/
        }

            div.section div.content.bottom {
                padding: 4px;
                border-radius: 0 0 4px 4px;
            }

        div.section div.buttons {
            /*border-top: 1px solid #aaa;*/
            border-bottom: 1px solid #aca;
            font-weight: bold;
            background-color: #ded;
            /* padding: 8px; */
            /*border-radius: 0 0 4px 4px;*/
            text-align: center;
            padding: .25em;
        }

            div.section div.buttons button {
                display: inline-block;
                padding: 0 .25em;
                width: 8em;
                height: 4em;
                border: 1px solid #aaa;
                font-size: 125%;
                margin: .25em .25em;
                /*background-color: #fafafa;*/
                background: url("https://portal.nlpool.no/media.ashx?%5B1,200%5D.png&gradient=0,0,fff,0,120,eee&x-gamma=2.2") repeat-x top #fff;
                text-shadow: 1px 1px 2px #fff;
                /*padding: 4px 8px;
                border-radius: 3px;
                border: 1px solid #777;
                box-shadow: 2px 2px 6px rgba(0,0,0,.25);*/
                font-size: 18px;
            }

                div.section div.buttons button:hover {
                    background-color: #fff;
                    color: #000;
                    border-color: #000;
                    box-shadow: 0 0 12px rgba(0,0,0,.5);
                    cursor: pointer;
                }

        div.section div.content table.data {
            /*background-color: #fff;*/
            border-collapse: collapse;
            width: 100%;
            font-size: 85%;
        }

            div.section div.content table.data tr.sum {
                background-color: #fbfbfb;
                border-top: 3px double #ccc;
            }

            div.section div.content table.data tr.order.new {
                border-top: 3px double #ccc;
            }

            div.section div.content table.data.rowclick tr:hover td {
                background-color: #ffa;
                cursor: pointer;
            }

            div.section div.content table.data.rowclick tr.even td {
                background-color: #fafafa;
            }

            div.section div.content table.data.rowclick tr.even:hover td {
                background-color: #ffa;
            }

            div.section div.content table.data th,
            div.section div.content table.data td {
                padding: 4px 8px;
                border: 1px solid #ccc;
                text-align: left;
            }

            div.section div.content table.data th {
                border: 0;
                font-size: 75%;
                background-color: transparent;
                padding:4px;
                font-weight: normal;
            }

            div.section div.content table.data td {
                white-space: nowrap;
                background-color: white;
            }

                div.section div.content table.data td.comment {
                    white-space: normal;
                }

            div.section div.content table.data tr.x td {
                background-color: #f3f3f3;
            }

            div.section div.content table.data .r {
                text-align: right;
            }

            div.section div.content table.data .c {
                text-align: center;
            }

            div.section div.content table.data .nr {
                border-right: 0;
            }

            div.section div.content table.data .nl {
                border-left: 0;
            }

            div.section div.content table.data input.num {
                text-align: right;
                width: 2.5em;
                font-weight: bold;
                background-color: #ffd;
                font-size: 125%;
                min-height: inherit;
                padding: 0 6px;
            }

            div.section div.content table.data input:focus {
                background-color: #eef;
            }

            div.section div.content table.data input.num.tpu {
                width: 2.2em;
            }

            div.section div.content table.data input.num.pce,
            div.section div.content table.data input.num.tot {
                width: 3.5em;
            }

.ui-input-text {
    margin: 2px 0;
    display: inline-block;
}

    .ui-input-text input {
        background-color: #ffd;
    }

.ui-page, .ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    text-shadow: none;
}

    .ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
        background-color: inherit;
    }

textarea.ui-input-text {
    height: inherit
}

.infoOk {
    color: #0a0;
    font-weight: bold;
}

.infoErr {
    color: #f00;
    font-weight: bold;
}

@media print {
    body {
        zoom: .5;
        background: none;
    }

    table.data {
        border: none;
    }

    div.section, div.bottom, div.buttons {
        border: none;
        box-shadow: none;
        background: none;
    }

    .noprint {
        display: none;
    }
}