/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-dark-color'
(91,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-font-color'
(96,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-font-color'
(132,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-font-color'
(256,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-medium-color'
(661,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-font-color'
(940,23): run-time error CSS1031: Expected selector, found '-->'
(940,23): run-time error CSS1025: Expected comma or open brace, found '-->'
(1010,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-nav-color'
(1012,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-nav-color'
(1018,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-co2-color'
(1020,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-co2-color'
(1085,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-font-color'
(1465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1488,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-medium-color'
(1489,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-nav-color'
(1496,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-medium-color'
(1532,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-dark-color'
(1599,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-medium-color'
(1614,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-medium-color'
(1660,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-medium-color'
 */
:root {
    --theme-dark-color: #183153;
    --theme-font-color: #546F92;
    --theme-medium-color: #e6e6e6;
    --gantt-orange-color: #ffd75f;
}

html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;    
    font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    line-height: 1.6em;
    color: #333;
    height: 100%;
}

.bg-dark {
    background-color: var(--theme-dark-color) !important;
}

@media print {
    body {
        margin: 0;
        padding: 0;
        background: #fff url(/Content/templates/hannarr/images/BackgroundTop.gif) repeat-x;
        font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
        line-height: 1.6em;
        color: #333;
    }

    input {
        border: 0px;
        font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    }

    textarea {
        border: 0px;
        overflow: hidden;
        font-family: arial, sans-serif;
        font-size: 14px;
    }

    span {
        border: 0px;
        overflow: hidden;
        font-family: arial, sans-serif;
        font-size: 14px;
    }
}

#printheader {
    display: none;
}

@media print {
    #printheader {
        display: inline;
    }

    #cke_EftirlitVerkkaupa023 {
        border: 0px;
        overflow: hidden;
        font-family: arial, sans-serif;
        font-size: 14px;
    }

    #AaetlunId {
        font-family: arial, sans-serif;
        font-size: 18px;
        font-weight: bold;
    }
}

@media screen {
    .noprint {
        display: inline;
    }
}

@media print {
    .noprint {
        display: none;
    }
}

a {
    color: var(--theme-font-color);
    background: inherit;
}

.nav-link-bk {
    color: var(--theme-font-color);
    text-decoration: none;
}

a:hover {
    color: #808080;
    background: inherit;
}

h1 {
    font: bold 2em Arial, "Trebuchet MS", Helvetica, Sans-Serif;
    margin: 0;
    color: #fff;
    background-color: transparent;
}

h2 {
    font: bold 1.4em Arial, "Trebuchet MS", Helvetica, Sans-Serif;
}

h3 {
    clear: both;
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    background: #fff url(/Content/templates/blendworld/images/h3bg.gif) no-repeat center left;
    padding: 0px 14px;
    margin: 0;
    font-family: "Arial", "Trebuchet MS", Helvetica, Sans-Serif;
}

h4, h5, h6 {
    font-family: "Arial", "Trebuchet MS", Helvetica, Sans-Serif;
}

.blue {
    color: var(--theme-font-color);
    background: inherit;
}

.image {
    float: left;
    border: 2px solid #e2e2e2;
    padding: 3px;
    margin: 0 15px 10px 0;
}

.page-background {
    width: 1100px;
    background-color: transparent;
    margin: 0px auto 0 auto;
}

.page-background-footer {
    height: 90px;
    color: White;
    clear: both;
    padding: 5px;
    border-top: 1px solid #ccc;
    background-color: #4f4f4f;
}

@media print {
    .page-background {
        display: none;
    }

    .page-background-footer {
        display: none;
    }

    .page {
        width: 100%;
        margin: 20px auto 0 auto;
        background: #fff url(/Content/templates/blendworld/images/bg.gif) repeat-x;
    }    
}

@media screen {
    #wrap {
        min-height: 100%;
        /*width: 99%;*/
        margin: 10px auto 0 auto;
        background: #fff url(/Content/templates/blendworld/images/bg.gif) repeat-x;
    }

    #header {
        text-align: right;
        /*padding: 0px 10px 0px;*/
    }

    #main {
        /*overflow:auto;*/
        padding-bottom: 150px; /* must be same height as the footer */
    }

    /* Uses www.cssstickyfooter.com */
    .footer {        
        width: 100%;
        height: 60px; /* Set the fixed height of the footer here */        
        background-color: #f5f5f5;
    }

    #logo {
        float: left;
        padding: 0px 0 10px 10px;
    }

    #logo h1 {
        color: #000;
        background: #fff;
    }

    #menu {
        float: right;
        background: #fff url(/Content/templates/blendworld/images/barul.gif) no-repeat bottom right;
        color: #808080;
        padding: 8px 1px 11px 0;
        margin: 0;
    }

        #menu li {
            padding: 14px 18px 14px 18px;
            color: #444;
            background: #fff url(/Content/templates/blendworld/images/bar.gif) no-repeat bottom left;
            display: inline;
        }

            #menu li.active {
                background: #fff url(/Content/templates/blendworld/images/baractive.gif) no-repeat bottom left;
                color: #8D9CAF;
                font-weight: bold;
                padding: 14px 18px 14px 18px;
                margin: 0 1px 0 0;
            }

            #menu li a {
                background: #f8f8f8;
                color: #808080;
                text-decoration: none;
            }

                #menu li a:hover {
                    color: #000;
                    background: #f8f8f8;
                }

    .key {
        text-decoration: underline;
    }

    #headerleft1 {
        clear: left;
        float: left;        
    }

    #headerleft {
        clear: left;
        float: left;
        /*width: 250px;*/
        background: var(--theme-medium-color); /*url(/Content/templates/blendworld/images/leftintrobg.gif) repeat-x;*/
        color: #4f4f4f;
        margin: 0 0 0 0;
        font-style: italic;
    }

        #headerleft a {
            color: #fff;
            background: inherit;
        }

        #headerleft p {
            padding: 14px 15px;
            margin: 0;
        }
}

@media print {
    #header {
        display: none;
    }

    #logindisplay {
        display: none;
    }

    #logo {
        display: none;
    }

        #logo h1 {
            display: none;
        }

    #menu {
        display: none;
    }

    .key {
        text-decoration: underline;
    }

    #headerleft {
        display: none;
    }

    #linksbar {
        display: none;
    }

    #headerright {
        display: none;
    }

    #newsbar {
        display: none;
    }

    #footer {
        display: none;
    }

    #menuleft {
        display: none;
    }

    #headerrightsmall {
        display: none;
    }

    #headerright h1 {
        display: inline;
    }
}

/* IST 30 (sama og linksbar */
#ist30bar {
    float: left;
    margin: 0 0 0 0;
    padding: 2px 0px 1px 0px;
    border-bottom: 2px solid #e2e2e2;
}

#ist30bar li {
    list-style: none;
}

#ist30bar li a {
    display: block;
    color: black;
    background: #FFC285 url(/Content/templates/blendworld/images/ist30.gif) no-repeat center left;
    width: 147px;
    padding: 7px 23px 7px 80px;
    margin: 0 0 1px 0;
    font-weight: bold;
    text-decoration: none;
}

#ist30bar li a:hover {
    background: #FF9933 url(/Content/templates/blendworld/images/ist30.gif) no-repeat center left;
    color: #fff;
}

/* S�kja um prufu�skrift (sama og linksbar */
#subscribediv {
    margin-top: -5px;
    margin-bottom: 5px;
    float: left;
    width: 250px;
}

#subscribebar {
    float: left;
    margin: 0 0 0 0;
    padding: 2px 0px 1px 0px;
    border-bottom: 2px solid #e2e2e2;
}

    #subscribebar li {
        list-style: none;
    }

        #subscribebar li a {
            display: block;
            color: black;
            background: #A9CF54;
            width: 147px;
            padding: 7px 33px 7px 70px;
            margin: 0 0 1px 0;
            font-weight: bold;
            text-decoration: none;
        }

            #subscribebar li a:hover {
                background: #04B404;
                color: #fff;
            }


/* HEADERS */

#headerright {
    float: left;
    width: auto;
    min-width: 70%;
    padding: 25px 280px 0 20px;
    background: #BCCEDA url(/Content/templates/blendworld/images/intro3.jpg) no-repeat;
    background-size: 100% auto;
    color: #547592;
    margin: 10px 0px 6px 0px;
    height: 174px;
    border: 2px solid #e2e2e2;
}

#headerright-main {
    margin-top: 6px;
    padding: 25px 280px 60px 20px;
    /*background-image: url(/Content/templates/blendworld/images/introwhole3.jpg);
    background-image: url(/Content/templates/blendworld/images/temp/banner-main1.jpg);*/
    background-image: url(/Content/templates/blendworld/images/temp/construction-hard-hat.jpg);
    background-size: cover;
    font-size: large;
    color: #fff;
}

    #headerright-main ul {
        margin-left: 30px;
    }

    #headerright-main li {
        /*background: url(/Content/templates/blendworld/images/temp/icon-check.png) no-repeat 0 5px;
   background-position: inherit;*/
        padding: 0 0 7px 0;
        list-style: none;
        text-indent: -.7em;
    }

        #headerright-main li:before {
            content: "\2022";
            color: #fc7f3c;
            margin-right: 10px;
            font-size: 45px;
            vertical-align: bottom;
        }

#headerright1 {
    margin-top: 10px;
    margin-left: 0px;
    padding: 25px 280px 70px 20px;
    background-image: url(/Content/templates/blendworld/images/introwhole3.jpg);
    background-size: cover;
}

    #headerright1 h1 {
        display: inline;
        margin-left: 10px;
        white-space: nowrap;
    }

    #headerright1 p {
        display: inline;
        margin-left: 10px;
        white-space: nowrap;
    }

.whitecaption {
    color: #FFF;    
    font-weight: bold;
}

#headerrightBL {
    float: left;
    width: 440px;
    padding: 25px 280px 0 20px;
    background: #BCCEDA url(/Content/templates/blendworld/images/intro3BL.png) no-repeat;
    color: #547592;
    margin: 0 0 6px 0;
    height: 174px;
    border: 2px solid #e2e2e2;
}

    #headerrightBL h1 {
        margin: 0 0 20px 0;
    }

    #headerrightBL .white {
        color: #FFF;
        background-color: transparent;
    }

#newsbar {
    float: left;
    width: 250px;
}

.box {
    padding: 4px 15px;
    border: 1px solid #ccc;
    margin: 0 0 10px 0;
}

.note {
    padding: 15px 15px 20px 100px;
    border: 1px solid #CFCB66;
    margin: 0 0 5px 0;
    background: #FFFFAD url(/Content/templates/blendworld/images/package.gif) no-repeat;
    color: #585616;
}

#content {
    /*margin-left: 250px;
    display: block;*/        
    width: 100%;
}

.pagecontent {
    padding: 10px;
}

@media print {
    #content {
        margin-left: 0px;
        display: block;
    }
}

.leftcol {
    float: left;
    padding: 12px 15px;
    width: 285px;
    border: #ccc 1px solid;
    text-align: justify;
    margin: 0 0 10px 0;
}

.rightcol {
    float: right;
    padding: 10px 15px;
    width: 285px;
    border: #ccc 1px solid;
    margin: 0 0 10px 0;
}

.special {
    clear: both;
    margin: 0px 0 20px 0;
    padding: 5px 20px;
    border: 1px solid #ccc;
    background: #eee;
    color: #444;
}

@media screen {

    #menuleft {
        clear: left;
        float: left;
        /*width: 250px;*/
        margin: 0 0 1px 0;
    }

    .controlcol {
        float: left;
        padding: 12px 15px;
        width: 100%;
        border: #ccc 1px solid;
        border-radius: 4px;
        text-align: justify;
        margin: 0px 0px 10px 0px;
    }

    .controlcol-nofloat {        
        padding: 12px 15px;
        width: 100%;
        border: #ccc 1px solid;
        border-radius: 4px;
        text-align: justify;
        margin: 0px 0px 10px 0px;
    }

    .controlcol-noborder {
        float: left;
        padding: 20px 20px 20px 0px;
        width: 100%;
        border: 0px;
        text-align: justify;
        margin: 0 0 10px 0;
    }

    .controlcol-full {        
        text-align: justify;
        margin: 0px 0 10px 20px;
    }

    .controlcol-menu {
        float: left;
        padding: 12px 15px 0px 100px;
        width: 100%;
        border: 0px;
        text-align: justify;
        margin: 0 0 10px 0;
        font-size: 12px;
    }

    .controlcol-grey {
        float: left;
        padding: 12px 15px;
        width: 100%;
        border: #ccc 1px solid;
        text-align: justify;
        margin: 0 0 10px 0;
        background-color: #D8D8D8;
    }

    .controlcol-disabled {
        float: left;
        padding: 12px 15px;
        width: 96%;
        border: #ccc 1px solid;
        text-align: justify;
        margin: 0 0 10px 0;
        background-color: white;
    }

    .controlcol-gaedakerfi {
        float: left;
        padding: 12px 15px 0px;
        width: 100%;
        border: #ccc 1px solid;
        text-align: justify;
        margin: 0 0 5px 0;
    }

    .controlcol-gaedakerfi-files {
        float: left;
        padding: 12px 15px 0px;
        width: 100%;
        border: #ccc 1px solid;
        text-align: justify;
        margin: 0 0 0 0;
    }

    .controlcol-gaedakerfi-accordion {
        padding-top: 0px !important;
        padding-right: 0px !important;
    }

    .controlcol-gaedakerfi-description {
        border: none;
        padding: 10px 0px 10px 0px;
    }

    .controlcol-gaedakerfi-section {
        float: left;
        /*padding: 10px 0px;*/
        width: 94%;
        border: none;
        text-align: justify;
        margin: 0 0 0 0;
    }

    .controlcol-gaedakerfi-accordion h4 {
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        color: var(--theme-font-color);
        margin: 0 0 0 0;
        float: left;
        display: inline-block;
    }

    .controlcol-gatlisti {
        float: left;
        padding: 12px 15px;
        width: 100%;
        border: #ccc 1px solid;
        text-align: justify;
        margin: 0 0 10px 0;
        background-color: #D8D8D8;
    }

    .controlcol-actionmenu {
        float: left;
        width: 210px;
        margin: 0 2px 1px 0;
        border: #ccc 1px solid;
        padding-left: 10px;
        min-height: 355px;
        /* height:auto !important; */
    }

    .controlcol-actionmenu-bl {
        float: left;
        margin: 0 2px 1px 0;
        border: #ccc 1px solid;
        padding-left: 10px;
        /* min-height:355px; */
        /* height:auto !important; */
    }

    .controlcol-lysingaframkvaemdinni {
        float: left;
        padding: 12px 15px;
        width: 450px;
        /*border: #ccc 1px solid;*/
        text-align: justify;
        margin: 0 0 0 0;
    }

    .controlcol-lysingaframkvaemdinni-right {
        float: left;
        padding: 12px 15px;
        width: 180px;
        /*border: #ccc 1px solid;*/
        text-align: justify;
        margin: 0 0 0 0;
    }

    .controlcol-nomargin {
        float: left;
        padding: 12px 15px;
        /*width: 285px;*/
        width: 94%;
        border: #ccc 1px solid;
        text-align: justify;
        margin: 0 0 0 0;
    }

    .controlcol-nomargin-noborder {
        float: left;
        padding: 10px 15px 0px 15px;
        width: 100%;
        border: 0px;
        text-align: justify;
        margin: 0 0 0 0;
    }

    .controlcol-nomargin-center {
        padding: 12px 15px;
        width: 94%;
        text-align: justify;
        margin: 0 0 0 0;
    }

    .controlcol-login {
        float: left;
        padding: 4px 15px;
        /*width: 285px;*/
        width: 94%;
        border: #ccc 1px solid;
        text-align: justify;
        margin: 0 0 0 0;
    }

    .controlcol-text {
        padding: 4px 15px;
        margin: 0 0 0 0;
    }

    .controlcol-laws {
        /*float: left;*/
        padding: 12px 15px;
        width: 100%;
        border: #ccc 1px solid;
        border-color: #3F5B7F;
        color: #3F5B7F;
        text-align: justify;
        margin: 0 0 10px 0;
    }
}

@media print {
    .controlcol {
        font-family: arial, sans-serif;
        font-size: 14px;
        float: left;
        padding: 12px 15px;
        width: 94%;
        border: #ccc 1px solid;
        text-align: justify;
        margin: 0 0 10px 0;
    }

    .controlcol-actionmenu {
        float: left;
        width: 210px;
        height: 225px;
        margin: 0 5px 1px 0;
        border: #ccc 1px solid;
        padding-left: 10px;
    }

    .controlcol-lysingaframkvaemdinni {
        float: left;
        padding: 12px 15px;
        width: 300px;
        /*border: #ccc 1px solid;*/
        text-align: justify;
        margin: 0 0 0 0;
    }

    .controlcol-lysingaframkvaemdinni-right {
        float: left;
        padding: 12px 15px;
        width: 180px;
        /*border: #ccc 1px solid;*/
        text-align: justify;
        margin: 0 0 0 0;
    }

    .controlcol-nomargin {
        float: left;
        padding: 12px 15px;
        /*width: 285px;*/
        width: 94%;
        border: #ccc 1px solid;
        text-align: justify;
        margin: 0 0 0 0;
    }

    .controlcol-nomargin-center {
        padding: 12px 15px;
        width: 94%;
        text-align: justify;
        margin: 0 0 0 0;
    }

    .controlcol-login {
        float: left;
        padding: 4px 15px;
        /*width: 285px;*/
        width: 94%;
        border: #ccc 1px solid;
        text-align: justify;
        margin: 0 0 0 0;
    }

    .controlcol-text {
        padding: 4px 15px;
        margin: 0 0 0 0;
    }

    .controlcol-left-600 {
        float: left;
        padding: 12px 15px;
        width: 94%;
        /*border: #ccc 1px solid;*/
        text-align: justify;
        margin: 0 0 0 0;
        font-family: arial, sans-serif;
        font-size: 12px;
    }

        .controlcol-left-600 p {
            font-family: arial, sans-serif;
            font-size: 14px;
        }
}

/* Styles for Ck-editor 5 */
div#overview-div {
    font-size: 14px;
}

.editor-multiline-field textarea {
    width: 100%;
    height: 100px;
}

.editor-multiline-field-gaedakerfi textarea {
    width: 100%;
    height: 70px;
}

.editor-multiline-field-gaedakerfi-contact textarea {
    width: 100%;
    height: 50px;
}

.editor-textbox-field-long input {
    width: 86%;
}

.editor-textbox-field input {
    width: 400px;
}

.editor-textbox-field-short input {
    width: 80px;
}

.editor-field-left {
    float: left;
}

input.input-standard {
    width: 300px;
}

@media print {
    .editor-multiline-field textarea {
        width: 100%;
        height: 100px;
    }

    .editor-textbox-field input {
        width: 400px;
    }

    .editor-textbox-field-short input {
        width: 80px;
    }

    .editor-field-left {
        float: left;
    }

    .editor-field input {
        font-family: arial, sans-serif;
        font-size: 14px;
        /* font-weight: bold; */
        padding: 2px;
        margin-bottom: 8px;
    }

    .editor-textbox-field input {
        font-family: arial, sans-serif;
        font-size: 14px;
        padding: 2px;
        margin-bottom: 8px;
    }

    .editor-textbox-field-short input {
        font-family: arial, sans-serif;
        font-size: 14px;
        padding: 2px;
        margin-bottom: 8px;
    }

    .editor-label {
        font-weight: bold;
    }
}

<!-- ckeditor5 styles -->
.text-tiny {
    font-size: 0.7em;
}
.text-small {
    font-size: 0.85em;
}
.text-big {
    font-size: 1.4em;
}
.text-huge {
    font-size: 1.8em;
}
.navbar-dark .nav-item .nav-link {
    font-size: 1.3em !important;
    color: #ffc107 !important;
}
.scale-img {
    vertical-align: middle;
    height: 100%;
}
.scale-img-div {
    height: 50px;
}
.scale-img-height {
    vertical-align: middle;
    width: 100%;
}
.scale-img-height-header {
    vertical-align: middle;
    width: 70%;
}
.scale-img-div-height {
    width: 120px;
}
.scale-img-div-height-project {
    width: 120px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Tables */
.hannarr-header-table {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin-top: 4px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 650px;
    border-collapse: collapse;
    text-align: left;
}

.hannarr-table {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    background: #fff;
    margin-top: 4px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 880px;
    border-collapse: collapse;
    text-align: left;
}

.hannarr-table th {
    font-size: 14px;
    font-weight: bold;
    color: var(--theme-nav-color);
    padding: 10px 8px;
    border-bottom: 2px solid var(--theme-nav-color);
}

.hannarr-table-co2 th {
    font-size: 14px;
    font-weight: bold;
    color: var(--theme-co2-color);
    padding: 10px 8px;
    border-bottom: 2px solid var(--theme-co2-color);
}

.hannarr-table td {
    border-bottom: 1px solid #ccc;
    padding: 6px 8px;
}

.td-right {
    text-align: right;
}

.td-kronur {
    text-align: left;
    width: 20px;
}

#hannarr-table .trx {
    border-bottom: 1px solid #ccc;
    color: #669;
    padding: 6px 8px;
    border-top: 2px solid #6678b1;
}

#hannarr-table tbody tr:hover td {
    color: #009;
}

table.center {
    margin-left: 2px;
    /*border: 1px solid #ccc;*/    
}

#hannarr-logdiv h1 {
    color: black;
    text-align: center;
}

#hannarr-logdiv h2 {
    color: black;
    text-align: center;
}

#hannarr-logdiv h4 {
    color: black;
    text-align: center;
}

@media print {
    .hannarr-table {
        font-family: arial, sans-serif;
        font-size: 14px;
        background: #fff;
        margin-top: 4px;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 650px;
        border-collapse: collapse;
        text-align: left;
    }

    .hannarr-table th {
        font-size: 14px;
        font-weight: bold;
        color: var(--theme-font-color);
        padding: 10px 8px;
        border-bottom: 2px solid #6678b1;
    }

    .hannarr-table td {
        border-bottom: 1px solid #ccc;
        color: #669;
        padding: 6px 8px;
    }

    .td-right {
        text-align: right;
    }

    .td-kronur {
        text-align: left;
        width: 20px;
    }

    #hannarr-table .trx {
        border-bottom: 1px solid #ccc;
        color: #669;
        padding: 6px 8px;
        border-top: 2px solid #6678b1;
    }

    #hannarr-table tbody tr:hover td {
        color: #009;
    }

    #hannarr-logdiv h1 {
        color: black;
        text-align: center;
    }

    #hannarr-logdiv h2 {
        color: black;
        text-align: center;
    }

    #hannarr-logdiv h4 {
        color: black;
        text-align: center;
    }
}

#overview-div h1 {
    color: black;
    text-align: center;
}

.VerkListWidth {
    width: 250px;
    height: 30px;
    /*margin-bottom: 5px;*/
}

@media print {
    .VerkListWidth {
        width: 200px;
    }
}

.GaedakerfiIdnmeistaraListWidth {
    width: 300px;
    margin-bottom: 5px;
}

.GaedakerfiContactsListWidth {
    width: 258px;
    margin-bottom: 5px;
}

.NakvaemAaetlunListWidth {
    width: 400px;
    margin-bottom: 5px;
}

.NakvaemAaetlunListWidth-large {
    width: 500px;
    margin-bottom: 5px;
}
.NakvaemAaetlunList-100 {
    width: 100%;    
}

.NakvaemAaetlunListWidth-large {
    width: 500px;
    margin-bottom: 5px;
}

.SearchListWidth {
    width: 300px;    
    margin-right: 5px;
    float: left;
}

.UtbodVerksListWidth {
    width: 320px;
    margin-bottom: 5px;
}

.TenderStatusWidth {
    width: 140px;    
}

/* TABLE STYLE */
table.simpleT {
    text-align: center;
    font-family: Verdana;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    width: 500px;
    background-color: #fafafa;
    border: 1px #6699CC solid;
    border-collapse: collapse;
    border-spacing: 0px;
}

td.simpleTableHead {
    border-bottom: 2px solid #6699CC;
    border-left: 1px solid #6699CC;
    background-color: #BEC8D1;
    text-align: left;
    text-indent: 5px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    color: #404040;
    padding-left: 5px;
    padding-right: 5px;
}

td.simpleTableHeadNoprint {
    border-bottom: 2px solid #6699CC;
    border-left: 1px solid #6699CC;
    background-color: #BEC8D1;
    text-align: left;
    text-indent: 5px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    color: #404040;
}

td.simpleTableData {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    font-weight: normal;
    background-color: #fafafa;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 10px;
    border-spacing: 0px;
}

td.simpleTableDataBold {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    background-color: #fafafa;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 10px;
    border-spacing: 0px;
}

td.simpleTableDataRed {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    font-weight: normal;
    background-color: #E8AA68;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 10px;
    border-spacing: 0px;
}

td.simpleTableDataTitle {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    font-weight: bold;
    background-color: #E8AA68;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 10px;
    border-spacing: 0px;
}

td.simpleTableDataNoprint {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    font-weight: normal;
    background-color: #fafafa;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 10px;
    border-spacing: 0px;
}

/*table.sofT td.sup  */
.sup {
    border-bottom: 1px #6699CC dotted;
    background-color: #FCC;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 0px;
    border-spacing: 0px;
}

@media print {
    td.simpleTableHead {
        border-bottom: 2px solid #6699CC;
        background-color: #BEC8D1;
        text-align: left;
        text-indent: 5px;
        font-family: Verdana;
        font-weight: bold;
        font-size: 11px;
        color: #404040;
    }

    td.simpleTableHeadNoprint {
        display: none;
    }

    td.simpleTableData {
        border-bottom: 1px #6699CC dotted;
        text-align: left;
        font-weight: normal;
        background-color: #fafafa;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 10px;
        border-spacing: 0px;
        font-size: 10px;
    }

    td.simpleTableDataNoprint {
        display: none;
    }

    .sup {
        border-bottom: 1px #6699CC dotted;
        background-color: #FCC;
        font-weight: bold;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 8px;
        padding-right: 0px;
        border-spacing: 0px;
        font-size: 11px;
    }
}


table.sofT {
    text-align: center;
    font-family: Verdana;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    width: 580px;
    background-color: #fafafa;
    border: 1px #6699CC solid;
    border-collapse: collapse;
    border-spacing: 0px;
}


td.tenglarTableHead {
    border-bottom: 2px solid #6699CC;
    border-left: 1px solid #6699CC;
    background-color: #BEC8D1;
    text-align: left;
    text-indent: 5px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    color: #404040;
}

/* END OF TABLE STYLE */

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-header-field {
    /*margin: 1em 0 0 0;*/
    font-weight: bold;
    white-space:nowrap;
}

.tri-state {
    width: 6em;
}

/* -------------------------------------------------------- */
.controlcol-left-600 {
    float: left;
    padding: 12px 15px;
    width: 600px;
    /*border: #ccc 1px solid;*/
    text-align: justify;
    margin: 0 0 0 0;
}

/* --------- Sliding DIVs ---------------------------------- */
.slidingDiv {
    padding: 1px;
    margin-top: 1px;
}

/* --------- jqGrid ---------------------------------- */
.level1RowClass td {
    background-color: #E8E8E8;
    background-image: none;
}

.level1RowBoldClass td {
    background-color: #E8E8E8;
    background-image: none;
    font-weight: bold !important;
}

.level3RowBoldClass td {
    background-color: #FFCC99;
    background-image: none;
    font-size: larger;
    font-weight: bold;
}

.level2RowClass td {
    background-color: #FFFFFF;
    background-image: none;
}

/* Mobile Responsive styles */

#projectSelectionDiv {
    display: none;
}

@media only screen and (min-width: 600px) {
    #projectSelectionDiv {
        display: block;        
    }
}

/*.validation-summary-errors {
    border: 2px solid red;
    color: red;
    font-weight: bold;
    margin: 6px;
    width: 30%;
}*/

.field-validation-error {
    color: red;
    font-weight: bold;
    background-color: yellow;
}

.input-validation-error {
    color: red;
    font-weight: bold;
    background-color: pink;
}
:root {
    --theme-dark-color: #183153;
    --theme-medium-color: #e6e6e6;
    --theme-nav-color: #617288;
    --theme-primary-btn-color: #337ab7;
    /*--theme-co2-color: rgb(142, 176, 72); #28a745;*/
    --theme-co2-color: #28a745;
    --theme-co2-light-color: #a6dfbc;
}

#linksbar {
    float: left;
    margin: 0 0 6px 0;
    padding: 0 0 1px 0;
    border-bottom: 2px solid #4f4f4f;
    width: 250px;
}

#linksbar li {
    list-style: none;
}

#linksbar li a {
    display: block;
    color: var(--theme-medium-color);
    background: var(--theme-nav-color) url(/Content/templates/hannarr/menu/images/arrow.gif) no-repeat center left;
    /*width: 204px;*/
    padding: 7px 23px 7px 23px;
    margin: 0 0 0 0;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    border-bottom: 1px solid var(--theme-medium-color);
}

#linksbar li a:hover {
    background: #9EB1C9 url(/Content/templates/hannarr/menu/images/arrow.gif) no-repeat center left;
    color: #fff;
}

#linksbar li.liSubmenuItemSelected a {
    background: #9EB1C9 url(/Content/templates/hannarr/menu/images/arrow.gif) no-repeat center left;
    color: #fff;
}

/* Second Level UL List*/
#linksbar ul {
    background: url(/Content/templates/hannarr/menu/bg.gif) repeat-y 0 0;
    /*width:268px;*/
    margin: 0;
    padding: 0;
    display: none;
}
         
#linksbar ul li {
    /*height:40px;*/
}
             
/* styling of submenu item */
#linksbar ul li a {
    /*width: 180px;*/
    margin-left: 15px;
    /*padding-top:5px;*/
    border-bottom: 1px dotted #777;
    text-indent: 0;
    /*color:#ccc;*/
    font-weight: normal;
    text-decoration: none;
    background-color: var(--theme-dark-color);
    width: 80%;
}
 
/* remove border bottom of the last item */
#linksbar ul li a.last {
    border-bottom: none;
}

@media screen {
    .wrapper {
        display: flex;
        align-items: stretch;
        perspective: 1500px;
        overflow: hidden;
    }
}

@media print {
    .wrapper {
        display: inline;
        align-items: stretch;
        perspective: 1500px;
    }
}

#sidebarCollapse {
    width: 40px;
    height: 40px;
    background: #f5f5f5;
}

#sidebarCollapse span {
    width: 80%;
    height: 2px;
    margin: 0 auto;
    display: block;
    background: #555;
    transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
}

#sidebarCollapse span:first-of-type {
    /* rotate first one */
    transform: rotate(45deg) translate(2px, 2px);
}

#sidebarCollapse span:nth-of-type(2) {
    /* second one is not visible */
    opacity: 0;
}

#sidebarCollapse span:last-of-type {
    /* rotate third one */
    transform: rotate(-45deg) translate(1px, -1px);
}

#sidebarCollapse.active span {
    /* no rotation */
    transform: none;
    /* all bars are visible */
    opacity: 1;
    margin: 5px auto;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: var(--theme-medium-color);
    color: #8d9caf;
    transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
    transform-origin: center left; /* Set the transformed position of sidebar to center left side. */
    margin-bottom: -5000px;
    padding-bottom: 5000px;
}

#sidebar.active {
    margin-left: -250px;
    transform: rotateY(100deg); /* Rotate sidebar vertically by 100 degrees. */
}

#navbartop {
    display: flex;
    background-color: var(--theme-medium-color);
}

@media (max-width: 768px) {
    /* Reversing the behavior of the sidebar:
       it'll be rotated vertically and off canvas by default,
       collapsing in on toggle button click with removal of
       the vertical rotation.   */
    #sidebar {
        margin-left: -250px;
        transform: rotateY(100deg);
    }

    #sidebar.active {
        margin-left: 0;
        transform: none;
    }
    /* Reversing the behavior of the bars:
       Removing the rotation from the first,
       last bars and reappear the second bar on default state,
       and giving them a vertical margin */
    #sidebarCollapse span:first-of-type,
    #sidebarCollapse span:nth-of-type(2),
    #sidebarCollapse span:last-of-type {
        transform: none;
        opacity: 1;
        margin: 5px auto;
    }
    /* Removing the vertical margin and make the first and last bars rotate again when the sidebar is open, hiding the second bar */
    #sidebarCollapse.active span {
        margin: 0 auto;
    }

    #sidebarCollapse.active span:first-of-type {
        transform: rotate(45deg) translate(2px, 2px);
    }

    #sidebarCollapse.active span:nth-of-type(2) {
        opacity: 0;
    }

    #sidebarCollapse.active span:last-of-type {
        transform: rotate(-45deg) translate(1px, -1px);
    }

    #navbartop {
        background-color: var(--theme-medium-color);
        display: none;
        height: 0;
    }
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}


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

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

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

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

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

.edit-box {
 width: 300px; 
}
.note-text {
     font-family: Arial, "Helvetica Neue",sans-serif;
     font-size: 13px;
     word-wrap: break-word;
     color: #250517;
}
.loader {
    background-color:#FFFFFF;
    text-align: left;
}
#loadOlder 
{
    display: block;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    background: #FECE2F;
}
#loadOlder:hover 
{
    background: #000;
    color: #fff;
}