@font-face {
    font-family: calibri;
    src: url('fontfamily/calibri.eot');
    src: url('fontfamily/calibri.eot?#iefix') format('embedded-opentype'),
         url('fontfamily/calibri.woff') format('woff'),
         url('fontfamily/calibri.ttf') format('truetype'),
         url('fontfamily/calibri.svg#NeuesBauenDemo') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: calibrib;
    src: url('fontfamily/calibrib.eot');
    src: url('fontfamily/calibrib.eot?#iefix') format('embedded-opentype'),
         url('fontfamily/calibrib.woff') format('woff'),
         url('fontfamily/calibrib.ttf') format('truetype'),
         url('fontfamily/calibrib.svg#NeuesBauenDemo') format('svg');
    font-weight: normal;
    font-style: normal;
}


input::-moz-placeholder,textarea::-moz-placeholder {color: #c0c3cd; font-weight:normal;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #c0c3cd;font-weight:normal;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #c0c3cd;font-weight:normal;}



html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }

html{background:#FFF;height:100%; }
body, input, select, button, textarea { font-size: 12px; font-family: calibri, Arial, Helvetica, sans-serif;}
body{-webkit-text-size-adjust:none;height:100%;}
body form{height:100%;}
button { cursor: pointer; }
i, em, cite { font-style: normal; }
body {color: #333;}

a{}
a:link { text-decoration: none; }
a:visited {}
p{}
a:active, a:hover {text-decoration: underline; }
a:focus { outline: none; }

button, a, li, div, header, span{transition:background 0.25s, color 0.25s;-moz-transition:background 0.25s, color 0.25s; -webkit-transition:background 0.25s, color 0.25s; -o-transition:background 0.25s, color 0.25s; }
/*input[type=text]{border:1px solid #c8d0dd;border-radius:2px;height:26px;font:14px/26px calibri;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;padding:0px 6px;}*/

button{background:#aab3c5;font-size:15px;height:26px;border-radius:4px;padding:0px 20px;border:0px;color:#fff;outline:none;}
button:hover{background:#033069;}
button:active {background:#ebab00;}

.linkbutton{background:#aab3c5;font-size:15px;height:26px;border-radius:4px;padding:4px 20px;border:0px;color:#fff;outline:none;}
.linkbutton:hover{background:#033069;color:white;}
.linkbutton:active {background:#ebab00;}

header.main{position:absolute;top:0px;width:100%;min-width:1004px;}
header.main:after{ content:""; clear:both; display:table;}
header.main.airenergi { background:url(../images/temp/airenergi-banner.png) left center no-repeat #000046;}
header.main .banner{}
header.main .logo{}
header.information{background:#f3f4f7;height:38px;border-bottom:1px solid #eaebef;min-width:1004px; position:absolute;top:92px;width:100%;height:39px;}

header.information .userface{margin:2px 10px 2px 10px;}
header.information .userface img{width:34px;height:34px;border-radius:4px;}
header.information th,header.information td {font:16px calibri; height:38px;}
header.information th { padding-right:3px; text-align:right; white-space: nowrap;text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; overflow: hidden;}
header.information td { text-align:left;white-space: nowrap;text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; overflow: hidden;}
header.information .label{color:#656565;}
    /*header.information .value{color:#ebab00;}*/
header.information .menu{margin-right:5px;float:right;}

article.login-wrap{ position:absolute;width:330px;height:220px;margin:-110px 0px 0px -165px;left:50%;top:30%;}
article.login-wrap .login{width:330px;padding:5px;border-radius:4px;}
article.login-wrap header{background:none;font:25px/50px calibrib; text-align:center;}
article.login-wrap .body{ position:relative;}
article.login-wrap .body ul:first-child{box-shadow:0px 0px 5px #bbbdc4;border-radius:4px;overflow:hidden;margin-bottom:14px;background-color:#fff;}
article.login-wrap .body ul li input{width:330px;height:45px;border:0px; outline:none;font:17px calibri;padding:4px 5px 4px 35px;-moz-box-sizing:border-box;box-sizing:border-box;}
article.login-wrap .body ul li input.username{ background:url(../images/login/username.png) 10px center no-repeat #fff;color:#333;}
article.login-wrap .body ul li input.username:-webkit-autofill{
        -webkit-box-shadow: 0 0 0 1000px white inset;
        background:url(../images/login/username.png) 10px center no-repeat #fff !important;
 }
article.login-wrap .body ul li input.password{ background:url(../images/login/password.png) 10px center no-repeat #fff;color:#333;}
article.login-wrap .body ul li input.password:-webkit-autofill{
        -webkit-box-shadow: 0 0 0 1000px white inset;
 }

article.login-wrap .body ul li .input-group {
    display: inline-table;
    vertical-align: middle;
    width:330px;
}


article.login-wrap .body ul li .input-group-addonUser {
    background:url(../images/login/username.png) 10px center no-repeat #fff;color:#333;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    width:30px;
    float:left;
    height:45px;
}
article.login-wrap .body ul li .input-group-addonPwd {
    background:url(../images/login/password.png) 10px center no-repeat #fff;color:#333;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    width:30px;
    float:left;
    height:45px;
}
article.login-wrap .body ul li .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

article.login-wrap .body ul li .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 280px;
    margin-bottom: 0;
    height:45px;border:0px; outline:none;font:17px calibri;padding:4px 5px 4px 5px;-moz-box-sizing:border-box;box-sizing:border-box;
}
article.login-wrap .body ul li input.form-control:-webkit-autofill{
        -webkit-box-shadow: 0 0 0 1000px white inset;
 }
article.login-wrap .body ul li{border-bottom:2px solid #dddee2;}
article.login-wrap .body ul li:last-child{border:0px;}
article.login-wrap .body ul li .loginbutton{width:330px;height:38px; background:#033069;color:#fff;border:0px;border-radius:4px;font:21px calibri; outline:none;cursor:pointer;padding-left:0px;}

article.login-wrap .body ul.code{ position:absolute;right:-15px;top:0px;}
article.login-wrap .body ul.code li{border:0px;color:#ff0000;font:16px/45px calibri;}

article.login-wrap footer{ text-align:center;font:17px/25px calibri;}
article.login-wrap footer a{color:#404040;}
article.login-wrap footer a:hover{color:#033069;}

footer.main{text-align:center;font:15px/20px calibri;color:#404040;width:100%;background:#edf0f4;padding:12px 0px;min-width:1200px;height:64px; position:absolute;bottom:0px;}
footer.main a{color:#033069; text-decoration:underline;}

.wrapContainer{height:100%;min-width:1200px;position: relative;}
div.main-body{width:100%;min-width:1200px; position:absolute;top:133px;bottom:88px; overflow:auto;}
div.main-body .navbar{width:237px;margin:0px 0px 0px 10px;padding:12px 12px 0px 0px;-moz-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #eaebef; position:absolute;bottom:0px;top:0px;}
div.main-body .navbar ul li li{ position:relative;}
div.main-body .navbar ul li li a{color:#8d919b; display:block;width:225px;text-decoration:none;}
div.main-body .navbar ul li li:hover{ background:rgba(235,171,0,0.2);border-radius:3px; }
div.main-body .navbar ul li li:hover .status-bar{ background:#ebab00;}
div.main-body .navbar ul li li.complete{ background:url(../images/ico-complete.png) 16px center no-repeat;}
div.main-body .navbar ul li li.cancel{ background:url(../images/ico-cancel.png) 16px center no-repeat;}
div.main-body .navbar ul li li.hold{ background:url(../images/ico-hold.png) 16px center no-repeat;}
div.main-body .navbar ul li li.complete:hover{ background:url(../images/ico-complete.png) 16px center no-repeat rgba(235,171,0,0.2);}
div.main-body .navbar ul li li.cancel:hover{ background:url(../images/ico-cancel.png) 16px center no-repeat rgba(235,171,0,0.2);}
div.main-body .navbar ul li li.hold:hover{ background:url(../images/ico-hold.png) 16px center no-repeat rgba(235,171,0,0.2);}
div.main-body .navbar ul li li.selected a{color:#033069;font-weight:bold;text-decoration:none;}
div.main-body .navbar ul li li .status-bar{ position:absolute;width:5px;height:20px;background:#e8e9eb;left:8px;}
div.main-body .navbar ul li li.selected .status-bar{ background:#033069;}
div.main-body .navbar ul li li{font:12px/20px Verdana, Arial, Helvetica, sans-serif;padding:0px 5px 0px 31px;-moz-box-sizing:border-box;box-sizing:border-box;}
div.main-body .navbar ul li li.selected{background:#edeef2;border-radius:3px;}
div.main-body .navbar ul.navbar-header{margin-bottom:6px;}
div.main-body .navbar ul.navbar-header li{background:#033069;width:225px;font:13px/27px Verdana, Arial, Helvetica, sans-serif;color:#fff;height:27px;padding:0px 5px;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:3px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-indent:0px;}
div.main-body .navbar li.top-level{margin-bottom:5px; cursor:pointer;}
div.main-body .navbar ul.navbar-header li:hover{background:#033069;width:225px;font:13px/27px Verdana, Arial, Helvetica, sans-serif;color:#fff;height:27px;padding:0px 5px;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:3px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-indent:0px;}
div.main-body .navbar li.top-level{margin-bottom:5px;}
div.main-body .content{float:right;}
div.main-body .right-body{margin-left:246px;height:100%;overflow-y:auto;}
div.main-body .right-body #currentlocation_main{display: -webkit-flex;display: flex;justify-content:space-between;margin:12px 15px 0px;border-bottom:2px solid #dce1ee;font:16px/30px calibri, Arial, Helvetica, sans-serif;}
div.main-body .right-body #currentlocation_title{font:22px/30px calibrib ;color:#033069;border-bottom:2px solid #033069;padding:0px 5px;-moz-box-sizing:border-box;box-sizing:border-box;}
div.main-body .right-body #currentlocation_links{color:#c0c3cd;}
div.main-body .right-body #currentlocation_links .link{color:#ebab00;}
div.main-body .right-body #currentlocation_links a{color:#404040;}
div.main-body .right-body #currentlocation_links a:hover{color:#033069;}
div.main-body .right-body .search-bar ul{background:#f8f9fb;border-bottom:1px solid #dce1ee;border-top:1px solid #dce1ee;margin-top:10px;padding:15px 25px 5px 25px;-moz-box-sizing:border-box;box-sizing:border-box;}
div.main-body .right-body .search-bar ul:after{content:""; display:table; clear:both;}
div.main-body .right-body .search-bar ul li{margin:0px 20px 10px 0px;width:320px;height:50px;float:left;}
div.main-body .right-body .search-bar ul li:last-child{height:inherit!important;}
div.main-body .right-body .search-bar ul li .label{color:#576ea5;font:17px/22px calibri, Arial, Helvetica, sans-serif;}
div.main-body .right-body .search-bar ul li .value input{margin-right:5px;}
div.main-body .right-body .search-bar ul:last-child{background:none;border:0px;margin:10px 0px 0px 25px;padding:0px;}
div.main-body .right-body .search-bar ul:last-child button{margin:0px 8px 0px 0px;}
div.main-body .right-body .search-result{}

div.table{margin:0px 10px;}
div.table header{background:#e3eaf3;border-bottom:2px solid #cad7e7;border-top:2px solid #cad7e7;border-right:1px solid #e2e6ed;border-left:1px solid #e2e6ed;}
div.table header ul{display: -webkit-flex;display: flex;}
div.table header ul li{flex:1;-moz-box-flex:1;-webkit-box-flex:1; box-flex:1;-ms-box-flex:1;color:#516081;font:15px calibri, Arial, Helvetica, sans-serif;padding:5px 0px; text-align:left;}
div.table header ul li:first-child, div.table header ul li:last-child{ text-align:center;width:80px;flex:none;-moz-box-flex:none;-webkit-box-flex:none; box-flex:1;-ms-box-flex:none;}
div.table .body{border:1px solid #e2e6ed;border-top:0px;}
div.table .body ul{display: -webkit-flex;display: flex;}
div.table .body ul li{flex:1;-moz-box-flex:1;-webkit-box-flex:1; box-flex:1;-ms-box-flex:1;color:#516081;font:15px calibri, Arial, Helvetica, sans-serif;padding:5px 0px;text-align:left;}
div.table .body ul li:first-child, div.table .body ul li:last-child{ text-align:center;width:80px;flex:none;-moz-box-flex:none;-webkit-box-flex:none; box-flex:1;-ms-box-flex:none;}
div.table .body ul:nth-child(2n) li{background:#f7f8fa;}
div.table footer{background:#f1f4f8;border:1px solid #e2e6ed;border-top:0px;height:40px;font:15px calibri, Arial, Helvetica, sans-serif;display: -webkit-flex;display: flex;justify-content:space-between;color:#516081;padding:7px 10px;-moz-box-sizing:border-box;box-sizing:border-box;}
div.table footer .paging{display: -webkit-flex;display: flex;}
div.table footer .total, div.table footer .page{font:15px/24px calibri, Arial, Helvetica, sans-serif;}
div.table footer .page{display: -webkit-flex;display: flex;border:1px solid #dadada;border-radius:3px;overflow:hidden;margin-right:15px;height:24px;}
div.table footer .page span a{ display:block;width:26px;height:24px;text-align:center;background:#fff;color:#516081; text-decoration:none;}
div.table footer .page span a:hover{background:#aab3c5;color:#fff;}
div.table footer .page span a:active{background:#033069;}
div.table footer .page span.selected a{background:#aab3c5;color:#fff;}
div.table footer .page span{border-right:1px solid #c8d0dd;}
div.table footer .page span:last-child{border:0px;}