H1 {
    font-size: 22px;
    font-family: sans-serif;
    font-weight: bold;
    font-style: normal;
    font: Arial;
    color: #000080;
}

H2 {
    font-size: 20px;
    font-family: sans-serif;
    font-weight: bold;
    font-style: normal;
    font: Arial;
    color: #000080;
}

H3 {
    font-size: 18px;
    font-family: sans-serif;
    font-weight: bold;
    font-style: normal;
    font: Arial;
    color: #000080;
}

.O3 {
    font-size: 18px;
    font-family: sans-serif;
    font-weight: bold;
    font-style: normal;
    font: Arial;
    color: #000080;
}

H4 {
    font-size: 16;
    font-family: sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #000080;
}

H5 {
    font-size: 15;
    font-family: sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #000080;
}

H6 {
    font-size: 14;
    font-family: sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #000080;
}

P {
    font-family: sans-serif;
    font-size: 13px;
}

.RedBold {
    font-family: sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #FF0000;
}

ul {
    font-family: sans-serif;
    font: Arial;
    font-size: 12;
}

A {
    text-decoration: none;
    color: darkblue;
   }

    A:Visited {
        color: darkblue;
    }

    A:Active {
        color: darkblue;
    }

    A:Hover {
        text-decoration: none;
        color: #ff0000;
    }

.TD {
    border: 1px none;
    background: #efefef
}

.TDGUL {
    border: 1px none;
    background: #f1fa8d;
}

.TH {
    border: none;
    background: darkblue;
    color: white;
}

.Utvalgsvindu {
    background-color: #E5E5FF;
    background-image: url('images/tblbakgrunn.jpg');
    background-position: 0 0;
    border-style: ridge;
    border-width: 3;
}

BODY {
    /*color: #000000;*/
}

.liten {
    text-align: left;
    font-size: 11;
    font-family: sans-serif;
    font-style: normal;
    font: Arial;
}

.middels {
    text-align: left;
    font-size: 13;
    font-family: sans-serif;
    font-style: normal;
    font: Arial;
}

.Sokefelt {
    font-size: x-small;
    font-family: sans-serif;
    font-weight: normal;
    font-style: normal;
    font: Arial;
    border: none;
    background: none;
}

.TextMain {
    position: absolute;
    top: 300;
    left: 300;
}

.MenuEntryNormal {
    font-size: small;
    font-family: sans-serif;
    font-weight: bold;
    font-style: normal;
    font: Arial;
    text-decoration: none;
}

.Menylinje {
    font-size: x-small;
    font-family: sans-serif;
    font-weight: normal;
    font-style: normal;
    font: Arial;
    margin-left: 30;
}

.Main {
    background-image: url('images/bakgrunn.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 0;
    padding-top: 0;
}

.Sok {
    background-image: url('images/bakgrunn.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 40;
    padding-top: 10;
}

.Author {
    font-size: xx-small;
    font-family: sans-serif;
    font-weight: normal;
    text-align: center;
}

.Adress {
    font-size: xx-small;
    font-family: sans-serif;
    font-weight: normal;
    position: relative;
    top: 2;
    color: #000060;
}

.TOPPTEKST {
    FONT-SIZE: LARGE;
    font-family: sans-serif;
    font-weight: bold;
    color: #000060;
}

.Meny {
    background: #E6DEEC;
    background-repeat: no-repeat;
    Font-size: 12;
    Font-family: sans-serif;
}

.gronn {
    font-weight: bold;
    color: green;
}

.rod {
    font-weight: bold;
    color: red;
}

.VOpanel {
    padding-left: 10px;
    padding-bottom: 10px;
    width: 98%;
    background-color: #CAD7F9;
    border-style: ridge;
    border-width: thin;
    font-family: sans-serif;
    font-size: 13px;
}

.VOpanel2 {
    padding-left: 10px;
    padding-bottom: 10px;
    width: 98%;
    background-color: bisque;
    border-style: ridge;
    border-width: thin;
    font-family: sans-serif;
    font-size: 13px;
}

.VVpanel {
    padding-left: 10px;
    padding-bottom: 10px;
    width: 98%;
    background-color: #CAD7F9;
    border-style: ridge;
    border-width: thin;
}

.Bpanel {
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    width: 98%;
    background-color: #CAD7F9;
    border-style: ridge;
    border-width: thin;
}

.Toppanel {
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    width: 98%;
    background-color: #DDD5EA;
    border-style: ridge;
    border-width: thin;
}

.lukk2 {
    position: relative;
    float: right;
    font-weight: bold;
    top: 0px;
    left: 0px;
}

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

.userinfo {
    position: absolute;
    left: 650px;
    top: 0px;
    border: solid 1px;
    padding: 2px;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    background-color: #CAD7F9;
    white-space: nowrap;
    overflow: hidden;
}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
    .userinfo {
        max-width: 300px;
        text-overflow: ellipsis;
    }
}

.litenTabell {
    font-size: 9;
    text-align: left;
    font-family: sans-serif;
    font: Arial;
}

.menydiv {
    display: inline-block;
    white-space: normal;
    font-family: sans-serif;
    font-size: 13px;
}

.meny {
    display: inline-block;
    white-space: pre;
    font-family: sans-serif;
    font-size: 13px;
}

.menypos {
    position: absolute;
    top: 11mm;
    left: 11mm;
}

.knappen {
    position: relative;
    top: 10px;
}

.varseltekst {
    color: #FF3399;
    font-weight: 700;
    font-size: medium
}

.Infotekst {
    color: #339966;
    font-weight: 700;
    font-size: medium;
    font-family: sans-serif;
}

.updateimg {
    position: relative;
    float: right;
    top: 5px;
    left: 0px;
}

.litenknapp {
    font-size: 9px;
    padding: 0px;
    height: 20px;
    width: 25px;
}

.litenknapp2 {
    font-size: 9px;
    padding: 0px;
    height: 20px;
    width: 28px;
}

.litenknapp3 {
    font-size: 9px;
    padding: 0px;
    height: 23px;
    width: 35px;
}

.layoutTabell {
    font-family: sans-serif;
    font-size: small;
    vertical-align: middle;
    width: 100%;
}

.infopanel {
    padding: 5px;
    font-family: sans-serif;
    font-size: small;
    color: #003399;
    background-color: #FFFFCC;
    border: 1px dotted black;
}

.helpimg {
    position: absolute;
    top: 14px;
    left: 693px;
}

.helpimg2 {
    position: absolute;
    top: 34px;
    left: 693px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    filter: alpha(opacity=90);
    padding: 3px;
    background-color: #CAD7F9;
}

.standard {
    font-family: sans-serif;
    font-size: 13px;
}

.standardtekst {
    font-family: Sans-Serif;
}

.standardInline {
    font-family: sans-serif;
    font-size: 13px;
    float: left;
    display: inline;
    padding-left: 2%;
}

.greenpanel {
    font-family: sans-serif;
    font-size: 13px;
    background-color: #CCFFCC;
}

.TPNstandard {
    font-family: sans-serif;
    font-size: 15px;
    color: Navy;
}

.overskrift3 {
    font-size: 16px;
    font-family: sans-serif;
    font-weight: bold;
    font-style: normal;
    font: Arial;
    color: #000080;
}

.tabButton {
    font-size: 11px;
    font-weight: bold;
    margin: 1px;
}

.tabButton:hover {
    background-color: #9FCFFF;
}

.tpnInfo {
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    vertical-align: middle;
    width: 560px;
    color: navy;
    font-family: Arial;
    position: relative;
    min-height: 101px;
    background-color: #FFFFCC;
    text-align: left;
    border-width: thin;
    border-style: ridge;
}

.paddedPanel {
    padding-left: 10px;
    padding-bottom: 10px;
}

.valgtavdelingPanel {
    border: 1px solid blue;
    padding: 3px;
    font-family: Arial;
    font-style: italic;
    font-size: 12px;
    min-height: 100px;
}

.inline {
    display: inline;
}

.standardPaddedPanel {
    font-family: sans-serif;
    font-size: 13px;
    padding: 10px;
    background-color: #CAD7F9;
}

.listediv {
    padding: 5px;
}

.varediv {
    padding: 5px;
}

.strekkodediv {
    color: blueviolet;
}

.Tabell {
    border: 2px solid tan;
    border-collapse: collapse;
}

.Rad1 {
    background-color: palegoldenrod;
}

.Rad2 {
    background-color: lightgoldenrodyellow;
}

.Celle {
    padding: 5px;
}

.HeaderRad {
    background-color: tan;
}

.HovedTabell {
    border: 1px solid #507CD1;
    color: #333333;
    border-collapse: collapse;
}

.HovedRad1 {
    background-color: #EFF3FB;
}

.HovedRad2 {
    background-color: white;
}

.HovedHeaderRad {
    background-color: #507CD1;
    color: white;
}

.BestiltRad1 {
    background-color: #8bebd6;
}

.BestiltRad2 {
    background-color: #41d3c1;
}

.sendKnapp {
    background-color: green;
    color: white;
}

    .sendKnapp:hover {
        background-color: darkgreen;
    }

    .sendKnapp:disabled {
        background-color: lightgray;
    }

.fjernKnapp {
    background-color: red;
    color: white;
}

    .fjernKnapp:hover {
        background-color: darkred;
    }

    .fjernKnapp:disabled {
        background-color: lightgray;
    }

.visKnapp {
    font-size: 11px;
}

.returKnapp {
    background: url('images/returskjema.png');
    border: 1px solid;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    background-color: rgb(239, 239, 239);
}

    .returKnapp:hover {
        background-color: #e0e0e0;
    }

.skannediv {
    background-color: #CCCCFF;
    padding: 5px;
    border: 1px solid black;
}

.skannefelt {
    font-size: large;
}

.skanneLabel {
    font-size: 16px;
    font-family: sans-serif;
    font-weight: bold;
    font-style: normal;
    font: Arial;
    color: #000080;
}

.skanneFeltLabel {
    font-size: 14px;
    font-family: sans-serif;
    font-weight: bold;
    font-style: normal;
    font: Arial;
    color: #000080;
}

.offlineStatus {
    font-family: Arial;
    display: block;
    position: absolute;
    top: 40px;
    left: 500px;
    padding-left: 10px;
}

.calcButton {
    width: 42px;
    height: 42px;
    color: darkblue;
}

.plukkButton {
    font-family: Helvetica;
    font-size: small;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-appearance: none;
    background-color: #eae8d6;
    border-radius: 8px;
}

    .plukkButton:hover {
        background-color: #8cf3fa;
    }

.antButton {
    -webkit-appearance: default-button;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 6px;
    background-color: #f6f7f7;
}

    .antButton:hover {
        background-color: #8cf3fa;
    }

.rolleButton {
    width: 280px;
    margin-top: 5px;
    -webkit-appearance: none;
    background-color: #d5d5e5;
    padding: 10px;
    font-size: 16px;
    border-radius: 8px;
    white-space: normal;
    color: #000;
    border-color: #000;
}

    .rolleButton:hover {
        background-color: #8cf3fa;
    }

@media only screen and (min-width: 768px), only screen and (device-width: 768px) {
    .rolleButton {
        width: 310px;
    }
}

.ajax__calendar_footer {
    display: none;
}

.drag {
    width: 330px;
    border: 1px dotted black;
    background-color: InfoBackground;
    color: InfoText;
    padding: 5px;
    font-family: Arial;
}

.pointer {
    cursor: pointer;
}

.emptyRowTekst {
    color: #009999;
    font-size: medium;
    font-weight: bold;
    font-style: italic;
    background-color: white;
}

.calcBoksOffline {
    border: ridge;
    padding: 5px;
    background-color: InfoBackground;
}

.kundekontroll {
    position: absolute;
    left: 200px;
    top: 200px;
    width: 400px;
    height: 400px;
    background-color: InfoBackground;
}

.plukkButtonTest:hover {
    background-color: #134a81;
    background: url(images/gridview-gradient.png) repeat-x;
}

.plukkButtonTest:active {
    position: relative;
    top: 1px;
}

.uthevetTekst {
    font-weight: bold;
    font-size: 16px;
}

.storTekst {
    font-weight: bold;
    color: darkblue;
    font-size: 16px;
}

.normalTekst {
    font-size: 16px;
}

.litenTekst {
    font-size: 12px;
}

.headerTekst {
    font-size: 16px;
    font-weight: bold;
}

.userinfo2 {
    border-style: solid;
    border-color: inherit;
    border-width: 1px;
    padding: 6px;
    font-family: sans-serif;
    font-size: 13px;
    background-color: #CAD7F9;
    width: 180px;
    overflow: hidden;
}

.logUtKnapp {
    width: 70px;
    height: 30px;
}

.ordreHeading {
    position: absolute;
    top: 60px;
    left: 10px;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.updatePnl {
    position: fixed;
    top: 300px;
    left: 300px;
}

.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
}

.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 12px "Helvetica Neue", Sans-Serif;
    /*text-transform: uppercase;
    */
    box-shadow: 0 0 7px black;
}

.ui-dialog {
    font-size: 12px;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.loadWrapper {
    position: absolute;
    top: 40%;
    left: 40%;
}

.aslButton {
    padding: 6px 8px;
    border-radius: 8px;
    font-size: 12px;
    box-shadow: none;
    border: 1px solid black;
}

.statusButton {
    border: none;
    color: white;
    padding: 5px 5px;
    text-decoration: none;
}

.linktekst {
    text-decoration: underline;
    font-weight: bold;
}

.alertBorder {
    border: 1px solid lightgrey;
}

@media all and (min-width: 400px) {
    .opMain {
        padding-left: 10px;
    }

    .plukkButtonTest {
        -moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
        -webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
        box-shadow: inset 0px 1px 0px 0px #bbdaf7;
        background: url(images/gridview-gradient.png) repeat-x;
        background-color: #7498bd;
        -webkit-border-top-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-left-radius: 10px;
        text-indent: 0px;
        border: 1px solid #84bbf3;
        color: black;
        font-size: 14px;
        font-style: normal;
        height: 49px;
        text-decoration: none;
    }

    .uthevetTekst1 {
        font-weight: bold;
        font-size: 16px;
    }

    .storTekst1 {
        font-weight: bold;
        color: darkblue;
        font-size: 16px;
    }

    .headerTekst1 {
        font-size: 16px;
        font-weight: bold;
    }

    .preparatnavn {
        font-size: 18px;
        font-weight: bold;
    }

    storTekst2 {
        font-size: 16px;
    }
}

@media all and (max-width: 400px) {
    .opMainSmall {
        padding-left: 10px;
    }

    .plukkButtonTest {
        -moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
        -webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
        box-shadow: inset 0px 1px 0px 0px #bbdaf7;
        background: url(images/gridview-gradient.png) repeat-x;
        background-color: #7498bd;
        -webkit-border-top-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-left-radius: 10px;
        text-indent: 0px;
        border: 1px solid #84bbf3;
        color: black;
        font-size: 12px;
        font-style: normal;
        height: 49px;
        text-decoration: none;
    }

    .uthevetTekst1 {
        font-weight: bold;
        font-size: 14px;
    }

    .storTekst1 {
        font-weight: bold;
        color: darkblue;
        font-size: 12px;
    }

    .headerTekst1 {
        font-size: 12px;
        font-weight: bold;
    }

    .preparatnavn {
        font-size: 16px;
    }

    storTekst2 {
        font-size: 14px;
    }
}

@media print {
    .printMelding {
        width: 100%;
        height: 200px;
    }
}