*{
    font: 11px "Segoe UI", "Segoe", Tahoma, Arial;
    line-height: 18px;
    color: #000;
   	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

tr {
    line-height:0;
}

*:focus { 
	outline: 0 none; 
}

*::-moz-focus-inner { 
	border: none; 
}

html{
    overflow:hidden;
    height:100%;
}

body{
    padding: 0;
    margin: 0;
    background: #fff;
    height:100%;
}

body.pageHome{
    background:#fff url(../images/background.png) repeat-y 400px top;
}

body.page{
    background:#fff url(../images/background.png) repeat-y 540px top;
}

body.pageright{
    background:#fff url(../images/background.png) repeat-y right top;
}

em, i {
    font-style:italic;
}

sup, sub {
    color:#000;
}

b.blauw{
    color:#0000ff;
}

input[type=text].red {
    background:#ff0000 !important;
    border:1px solid #ff0000 !important;
    color:#fff !important;
}

input[type=text].red:hover {
    background:#38b1e3 !important;
    color:#fff !important;
    border:1px solid #38b1e3 !important;
}

input[type=text][readonly='readonly'].red{
    border-style:dotted;
}

input[type=text][readonly='readonly'].red:hover {
    background: #c5ecfc;
    border-style: dotted;
    color: #0087aa;
}

h1{
    font: 18px "Segoe UI light", Tahoma, Arial;
    line-height:30px;
    font-weight:bold;
    color:#0087aa;
    margin:0 0 20px 0;
    white-space:nowrap;
}

    h1.bottomborder{
        border-bottom:1px solid #0087aa;
    }

    h1 span{
        font-size:12px;
        color:#0087aa;
        float:right;
        display:block;
        margin-top:10px;
        z-index:10;
    }

    h1.open{
        padding-left:22px;
        background:#fff url(../images/open.gif) no-repeat 0px 10px;
    }

    h1.close{
        padding-left:22px;
        background:#fff url(../images/close.gif) no-repeat 0px 10px;
    }

        h1.close span {
            display:none;
        }

h2{
    font: 22px "Segoe UI light", Tahoma, Arial;
    line-height:24px;
    font-weight:normal;
    color:#0087aa;
    margin:0 0 12px 0;
    white-space:nowrap;
}

h3{
    font: 18px "Segoe UI light", Tahoma, Arial;
    line-height:20px;
    font-weight:normal;
    color:#0087aa;
    margin:0 0 8px 0;
    white-space:nowrap;
}

h4{
    font:18px "Segoe UI SemiBold", "Segoe UI", "Segoe", Tahoma, Arial;
    line-height:20px;
    color:#464646;
    margin:0 0 14px 0;
    white-space:nowrap;
}

    h4.project {
        padding-left:22px;
        background:#fff url(../images/tree-icons/project.gif) no-repeat;
    }

    h4.bijlagen {
        padding-left:22px;
        background:#fff url(../images/tree-icons/bijlage.gif) no-repeat;
    }

    h4.deelproject {
        padding-left:22px;
        background:#fff url(../images/tree-icons/deelproject.gif) no-repeat;
    }

    h4.versie {
        padding-left:22px;
        background:#fff url(../images/tree-icons/versie.gif) no-repeat;
    }

    h4.versie-afgesloten {
        padding-left:22px;
        background:#fff url(../images/tree-icons/versie-afgesloten.gif) no-repeat;
    }

    h4.ggg {
        padding-left:22px;
        background:#fff url(../images/beheer/gebouwgebonden.png) no-repeat 0 2px;
    }

    h4.kostenmanager {
        padding-left:22px;
        background:#fff url(../images/beheer/gebruikers.png) no-repeat 0 2px;
    }

    h4.rapport {
        padding-left:22px;
        background:#fff url(../images/tree-icons/rapport.gif) no-repeat;
    }

span.subtitle{
    font-size:14px;
    color:#0087aa;
}

a, a:visited, a:active{
	color: #0087aa;
	text-decoration:none;
    font-weight:normal;
}

a:focus{
    outline: 0 none;
}
input[type=checkbox] {
    width:20px;
}

input[type=text], input[type=password], textarea{
    font-size:12px;
    padding:4px 4px;
    border:1px solid #cdcdcd;
    line-height: 14px;
    color:#464646;
}

input[type=text], input[type=password] {
    width: 180px;
}

select{
    width:182px;
}

input[type=text]:hover, input[type=password]:hover, textarea:hover{
    border: 1px solid #38b1e3;
}

input[disabled='']:hover,input[readonly='readonly']:hover{
    border: 1px solid #cdcdcd;
    cursor:default;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:#999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#999;
    opacity:1;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#999;
}

input[type=button], button, input[type=submit]{
    font-size:12px;
    line-height:14px;
    padding:4px 10px;
    background:#2f5a79;
    border: 1px solid #2f5a79;
    color:#fff;
}

input[type=submit].disabled, input[type=button].disabled, button.disabled{
    background:#dedede;
    border: 1px solid #dedede;
}

input[type=submit].disabled:hover, input[type=button].disabled:hover, button.disabled:hover{
    color:#fff;
    cursor:default;
}

    input[type=submit]:hover, input[type=button]:hover, button:hover{
        color: #5dc6f2;
    }

button.other{
    background:#104267;
    border: 1px solid #104267;
}

input[type=radio]{
    margin-top:3px;
    vertical-align:text-bottom;
}

label{
    font-weight:bold;
}

label.disabled{
    font-weight:normal;
    color:#dedede;
    cursor:default;
}

    label.nobold {
        font-weight:normal;
    }

.clear{
    clear:both; height:0; font-size: 1px; line-height: 1px;
}

.shadow span{
    background: transparent url(../images/shadow.png) no-repeat 0 0;
    display: block;
    line-height:7px;
}

.shadow{
    background: transparent url(../images/shadow-end.png) no-repeat top right;
    display: block;
    float:left;
    height:7px;
    font-size: 5px;
    padding-right: 10px;
    width:calc(100% - 4px);
}

.hidden{
    display:none
}

.login{
    background:#fff url(../images/login1.jpg) no-repeat center center fixed;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size:contain;
}

#container{
    position:relative;
    width:100%;
    height:100%;
}

#header{
    position:absolute;
    background: transparent url(../images/header_background.png) repeat-x;
    top:0;
    left:0;
    width:100%;
    height:47px;
    z-index:1;
}

    #headercontent{
        position:relative;
        height:40px;
    }

    #headercontent div{
        position:relative;
        float:left;
    }

    #headercontent div.menuitem{
        font-size:14px;
        color:#fff;
        line-height:16px;
        padding:12px 10px;
        cursor:pointer;
    }

    #headercontent .selected, #headercontent div.menuitem.selected, #headercontent div.menuitem.mainButton.selected, #headercontent div.user.selected .username{
        background:#fff;
        color:#002050;
    }

    #headercontent .selectedlight, #headercontent div.menuitem.selectedlight, #headercontent div.menuitem.mainButton.selectedlight, #headercontent div.user.selectedlight .username{
        background:#c4d1da;
        color:#002050;
    }

    #headercontent div.menuitem.mainButton{
        font-size:17px;
        color:#fff;
        line-height:20px;
        padding:10px 10px;
        margin-left:0;
    }

    #headercontent div.seperator{
        font-size:14px;
        color:#fff;
        line-height:16px;
        padding:12px 0;
    }

    #headercontent #logo{
        margin:-10px 10px -10px 0;
    }

    #headercontent div.user{
        position:relative;
        float:right;
        height:40px;
    }

    #headercontent div.user .username{
        position:relative;
        color:#fff;
        font-size:12px;
        font-weight:bold;
        line-height:14px;
        padding:3px 10px;
        cursor:pointer;
        text-align:right;
    }

        #headercontent div.user .username span {
            color: #fff;
        }

    #headercontent div.user .userimage{
        position:relative;
        background:#a9a9a9 url(../images/gebruiker.png) no-repeat;
        width:40px;
        height:40px;
    }

    #headercontent div.user .usermessages{
        position:absolute;
        float:none;
        right:-5px;
        top:3px;
        background:#ff0000;
        width:14px;
        height:14px;
    }
        
        #headercontent div.user .usermessages div{
            position:relative;
            float:none;
            margin:0;
            font-size:11px;
            font-weight:bold;
            line-height:12px;
            padding:0 1px 2px 3px;
            color:#fff;
        }

    #headercontent div.help{
        position:relative;
        float:right;
        font-size:24px;
        font-weight:bold;
        color:#fff;
        text-align:center;
        line-height:28px;
        padding:4px 14px 8px 14px;
        margin-left:8px;
        margin-right:8px;
    }

    #headercontent div.help:hover{
        background:#fafafa;
        color:#002050;
        cursor:pointer;
    }

    #headercontent div.heartbeat{
        position:relative;
        float:right;
        width:51px;
        height:32px;
        margin-right:7px;
        margin-top:4px;
        overflow:hidden;
        background: transparent url(../images/heartbeat1.png) top left no-repeat;
    }

.menu {
    position:relative;
    background:#fff;
    height:10px;
    width:100%;
}

    .menu .left-part, .menu .right-part{
        position:absolute;
        width:16px;
        top:0;
        z-index:10005;
        padding:0 4px;
        height:100%;
        background:#fff;
    }

        .menu .left-part img, .menu .right-part img {
            position:absolute;
            top:120px;
            left:2px;
            width:60%;
        }

    .menu .left-part{
        left:0;
    }

    .menu .right-part{
        right:0;
    }

    .menu .content-part{
        position:absolute;
        left:20px;
        top:0;
        width:calc(100% - 40px);
        height:265px;
        overflow:hidden;
    }

        .menu .content-part .parts {
            position:absolute;
            left:0;
            top:0;
            width:1300px;
            height:265px;
        }

            .menu .content-part .parts ul {
                display: block;
                float: left;
                list-style: none;
                margin: 0;
                padding: 0;
                height: 258px;
                width: 300px;
                overflow: hidden;
            }

                .menu .content-part .parts ul span.menutitle {
                    line-height: 40px;
                    font-size: 16px;
                    padding-left: 10px;
                    color: #22addb;
                    font-weight: 600;
                }

                .menu .content-part .parts ul li {
                    position: relative;
                    width: 274px;
                    height: 40px;
                    margin: 2px 10px 0 10px;
                }

                    .menu .content-part .parts ul li.hover {
                        background: #dfdfdf;
                    }

                    .menu .content-part .parts ul li span.icon {
                        display: block;
                        width: 32px;
                        height: 32px;
                        margin-top: 4px;
                        margin-left: 4px;
                        background: #ededed;
                    }

                        .menu .content-part .parts ul li span.icon img {
                            padding-left: 1px;
                            padding-top: 1px;
                        }

                    .menu .content-part .parts ul li span.title {
                        display: block;
                        margin-top: -28px;
                        margin-left: 50px;
                        margin-right: 10px;
                        font: 11px "Segoe UI Semibold", "Segoe UI", "Segoe", Tahoma, Arial;
                        color: #104267;
                        font-weight: bold;
                        text-transform: uppercase;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;
                    }

                    .menu .content-part .parts ul li span.number {
                        display: block;
                        position: absolute;
                        left: 50px;
                        top: 20px;
                        font: 13px "Segoe UI Semibold", "Segoe UI", "Segoe", Tahoma, Arial;
                        color: #fff;
                        font-weight: bold;
                        text-transform: uppercase;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;
                    }

                    .menu .content-part .parts ul[name='main'] li a span.title, .menu .content-part .parts ul[name='Recent geopend'] li a span.title {
                        margin-top: -33px;
                    }

                    .menu .content-part .parts ul[name='main'] li a span.number, .menu .content-part .partsul[name='Recent geopend'] li a span.number {
                        color: #6f92ab;
                        font-size: 11px;
                        top: 19px;
                    }

        .menu .menuButton {
            display: inline-block;
            width: 274px;
            height: 45px;
        }

        .menu .menuButton.close{
            background:#ff0000;
        }

        .menu .menuButton.dblue{
            background:#104267;
        }

#usermenu{
    position:absolute;
    background:#fafafa;
    height:90px;
    width:170px;
    border: 1px solid #575757;
    padding:3px;
    z-index:1000;
    right:112px;
    top:40px;
}

    #usermenu .item {
        position:relative;
        height:22px;
        width:162px;
        border:1px solid #fafafa;
        margin-bottom:3px;
    }

    #usermenu .seperator {
        position:relative;
        height:1px;
        line-height:1px;
        width:162px;
        border:none;
        border-left:1px solid #383838;
        border-right:1px solid #383838;
        background:#383838;
        margin-bottom:3px;
    }

    #usermenu .item:hover {
        border:1px solid #2f5a79;
        background:#ade4fb;
        cursor:pointer;
    }

        #usermenu .item a span{
            color:#393838;
            font: 11px "Segoe UI SemiBold", "Segoe", Tahoma, Arial;
        }

        #usermenu .item a img{
            padding-left:2px;
            padding-right:5px;
        }

iframe.contentframe{
    position:relative;
    margin-top:47px;
    min-width:100%;
    height:calc(100% - 47px);
}

#content{
    position:relative;
    height:100%;
}

body.pageHome #content .left{
    position:relative;
    float:left;
    width:380px;
    height:calc(100% - 10px);
    margin:10px;
}

body.pageHome #content .right{
    position:relative;
    float:left;
    width:calc(100% - 420px);   /*is left + 40 extra*/
    height:calc(100% - 10px);
    margin:10px;
    overflow:auto;
}

body.importWindow #content .left{
    position:relative;
    float:left;
    width:calc(100% - 20px); 
    height:calc(100% - 20px);
    margin:10px;
}

body.page #content .left{
    position:relative;
    float:left;
    width:520px;
    height:calc(100% - 10px);
    margin:10px;
}

body.page #content .right{
    position:relative;
    float:left;
    width:calc(100% - 560px);   /*is left + 40 extra*/
    height:calc(100% - 10px);
    margin:10px;
    overflow:auto;
}

body.pageright #content .left{
    position:relative;
    float:left;
    width:calc(100% - 420px);
    height:calc(100% - 10px);
    margin:10px;
}

body.pageright #content .right{
    position:relative;
    float:left;
    width:380px;
    height:calc(100% - 10px);
    margin:10px;
}

.helptekst {
    position:relative;
    height:100%;
    overflow:auto;
}

    .helptekst .helpsection {
        position:relative;
        margin-bottom:20px;
    }

    .helptekst .helpsection .title {
        position:relative;
        font:18px "Segoe UI SemiBold", "Segoe UI", "Segoe", Tahoma, Arial;
        line-height:20px;
        color:#464646;
        margin:0 0 14px 0;
        white-space:nowrap;
    }

    .helptekst .helpsection .tekst {
        position:relative;
    }

table.dataGrid{
    width:calc(100% - 4px);
}

div.dataHeader{
    position:relative;
}

div.dataHeader sup, div.dataHeader sub {
    color:#2f5a79;
}

div.dataTable{
    position:relative;
    margin-right:4px;
    overflow:auto;
    overflow-x:hidden;
}

table.dataGrid thead{
    border-top:1px solid #2f5a79;
    border-bottom:1px solid #2f5a79;
}

table.dataGrid thead th{
    color:#2f5a79;
    font-size:12px;
    line-height:23px;
    text-align:left;
    padding-left:7px;
    background:transparent url(../images/header_separator.png) no-repeat right 3px;
    white-space:nowrap;
    height:22px;
}

    table.dataGrid thead th:last-child {
        background:transparent;
    }

    table.dataGrid thead th sub, table.dataGrid thead th sup{
        color:#5c5c5c;
    }

table.dataGrid tbody tr td{
    font-size:12px;
    line-height:16px;
    padding:7px 1px 7px 7px;
    color:#5c5c5c;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

    table.dataGrid tbody tr td .cke_editable_inline {
        white-space:normal;
    }

table.dataGrid tbody tr td.datalbl {
    width:240px;
    padding:0;
    padding-bottom:4px;
    font:12px "Segoe UI SemiBold", "Segoe UI", "Segoe", Tahoma, Arial;
}

    table.dataGrid tbody tr td.datalbl.small {
        width:100px;
    }

table.dataGrid tbody tr td.dataval {
    padding:0;
    padding-bottom:4px;
}

    table.dataGrid tbody tr td.dataval.small {
        width:210px
    }

table.dataGrid tbody tr td.dataval input {
    width:400px;
}

table.dataGrid tbody tr td.dataval input[type=radio], table.dataGrid tbody tr td.dataval input[type=checkbox] {
    width:20px;
}

input[type=text].small, select.small {
    width:98px !important;
    font-size:100%;
}

.analyseggg input[type=text].small {
    width:60px !important;
}

input[type=text].datesize {
    width:90px !important;
    text-align:left;
}

table.dataGrid tbody tr.firstrow td{
    display:inline-block;
    height:4px;
    line-height:4px;
    padding:0;
}

table.dataGrid tbody tr.row:hover td{
    background-color:#ade4fb;
    color:#5c5c5c;
}

table.dataGrid tbody tr.row.nohover:hover td{
    background-color:#fff;
}

#attachmentData.dataGrid tbody tr td {
    padding:1px 0 0 0;
}

    #attachmentData.dataGrid tbody tr td.col3 {
        padding:1px 0 0 8px;
    }

    #attachmentData.dataGrid tbody tr td.col4 {
        padding:1px 0 0 8px;
    }

#rapportDetails td{
    line-height:24px;
}

#rapportDetails #reportname{
    width:400px;
}

/* projectSearch */

#projectSearch table.dataGrid tbody tr td.datalbl {
    width:90px;
}

#projectSearch table.dataGrid tbody tr td.dataval label {
    color:#5c5c5c;
}

#projectSearch table.dataGrid tbody tr td.dataval input {
    width:130px;
}

#projectSearch table.dataGrid tbody tr td.dataval input[type='radio'] {
    width:20px;
}

/* projectSearchResultHeader */

#projectSearchResultHeader th, #projectSearchResultData td{
    display:inline-block;
}

#projectSearchResultHeader .col1, #projectSearchResultData .col1{
    width:90px;
}

#projectSearchResultHeader .col2, #projectSearchResultData .col2{
    width:210px;
}

#projectSearchResultHeader .col4, #projectSearchResultData .col4{
    width:125px;
}

#projectSearchResultHeader .colrefresh, #projectSearchResultData .colrefresh{
    width:20px;
    text-align:right;
}

#projectSearchResultHeader .col{
    width:calc(100% - 445px);
}

#projectSearchResultData .col{
    width:calc(100% - 425px);
}


/* kengetallenHeader */

#kengetallenHeader th, #kengetallenData td{
    display:inline-block;
}

#kengetallenHeader .col1, #kengetallenData .col1{
    width:80px;
}

#kengetallenHeader .colrefresh, #kengetallenData .colrefresh{
    width:20px;
    text-align:right;
}

#kengetallenHeader .col{
    width:calc(100% - 100px);
}

#kengetallenData {
    height:calc(100% - 84px);
}

#kengetallenData .col{
    width:calc(100% - 100px);
}


/* favorietenHeader */

#favorietenHeader th, #favorietenData td{
    display:inline-block;
}

#favorietenHeader .col1, #favorietenData .col1{
    width:80px;
}

#favorietenHeader .col2, #favorietenData .col2{
    width:80px;
}

#favorietenHeader .col3, #favorietenData .col3{
    width:200px;
}

#favorietenHeader .col4, #favorietenData .col4{
    width:300px;
}

#favorietenHeader .colrefresh, #favorietenData .colrefresh{
    width:20px;
    text-align:right;
}

#favorietenHeader .col{
    width:calc(100% - 680px);
}

#favorietenData {
    height:calc(100% - 84px);
}

#favorietenData .col{
    width:calc(100% - 660px);
}

/* projectenHeader */

#projectenHeader th, #projectenData td{
    display:inline-block;
}

#projectenHeader .col1, #projectenData .col1{
    width:90px;
}

#projectenHeader .col2, #projectenData .col2{
    width:200px;
}

#projectenHeader .col3, #projectenData .col3{
    width:300px;
}

#projectenHeader .col4, #projectenData .col4{
    width:175px;
}

#projectenHeader .colrefresh, #projectenData .colrefresh{
    width:20px;
    text-align:right;
}

#projectenHeader .col{
    width:calc(100% - 785px);
}

#projectenData {
    height:calc(100% - 84px);
}

#projectenData .col{
    width:calc(100% - 765px);
}

#projectenData .col2345 {
    width:calc(100% - 90px);
    background:#f0fafe;
}

    #projectenData .col2345 input[type="checkbox"] {
        display:block;
        float:left;
        margin-top:2px;
        margin-left:-3px;
    }

    #projectenData .col2345 label {
        font-weight:normal;
        line-height:16px;
    }

#projectenData .row:hover .col2345 {
    background-color:#ade4fb;
    color:#5c5c5c;
}

#projectenData .row:hover .col1 {
    background-color:#fff;
}

body.pageHome.analyse #projectenData .col1, body.pageHome.analyse #projectenData .col2{
    font-weight:bold;
}


/* rapportOnderdelenHeader */

#rapportOnderdelenHeader th, #rapportOnderdelenData td{
    display:inline-block;
}

#rapportOnderdelenHeader .col1, #rapportOnderdelenData .col1{
    max-width:160px;
    width:160px;
}

#rapportOnderdelenHeader .col2, #rapportOnderdelenData .col2{
    max-width:250px;
    width:250px;
}

#rapportOnderdelenHeader .colrefresh, #rapportOnderdelenData .colrefresh{
    width:20px;
    text-align:right;
}

#rapportOnderdelenHeader .col{
    width:calc(100% - 450px);
}

#rapportOnderdelenData{
    height:calc(100% - 410px);
}

#rapportOnderdelenData .col{
    width:calc(100% - 430px);
}

/* clusterHeader */


#clusterreceptenHeader th, #clusterreceptenData td{
    display:inline-block;
}

#clusterreceptenData .col1.title{
    font-weight:bold;
}

#clusterreceptenHeader .col1, #clusterreceptenData .col1{
    width:500px;
}

#clusterreceptenHeader .col2, #clusterreceptenData .col2{
    width:80px;
    text-align:right;
    padding-left:0;
    padding-right:7px;
}

#clusterreceptenHeader .colrefresh, #clusterreceptenData .colrefresh{
    width:25px;
    text-align:right;
}

#clusterreceptenHeader .col{
    width:calc(100% - 605px);   /* alle breedtes + 25px */
}

#clusterreceptenData {
    height:calc(100% - 84px);
}

#clusterreceptenData .col{
    width:calc(100% - 580px);   /* alle breedtes + 25px */
}

/* ismHeader */

#ismHeader .col1, #ismData .col1{
    max-width:45px;
    width:45px;
}

#ismHeader .col2, #ismData .col2{
    max-width:75px;
    width:75px;
}

#ismHeader .col3, #ismData .col3{
    max-width:75px;
    width:75px;
    text-align:center;
}

#ismHeader .col4, #ismData .col4{
    max-width:45px;
    width:45px;
}

#ismHeader .col5, #ismData .col5{
    max-width:60px;
    width:60px;
}

#ismHeader .colrefresh, #ismData .colrefresh{
    width:25px;
    text-align:right;
}

#ismHeader .colaction, #ismData .colaction{
    width:20px;
    text-align:center;
}

#ismHeader .col, #ismData .col{
    width:calc(100% - 365px);
}

#ismData {
    height:calc(100% - 110px + 32px);
}

#ismData.memo {
    height:calc(100% - 470px);
}

#ismMemo, #projectMemo {
    margin-top:10px;
    height:350px;
}
    #ismMemo h1, #projectMemo h1{
        margin-bottom:2px;
    }

    #ismMemo div.content, #projectMemo div.content {
        border:1px solid #f1f1f1;
        background:#f0fafe;
        height:310px;
        overflow:auto;
    }

#projectMemo {
    clear:both;
    margin-top:20px;
}

body.importWindow #ismData {
    height:calc(100% - 120px);
}

#ismData div.row{
    position:relative;
    border:1px solid #f1f1f1;
    min-height:85px;
    margin-top:15px;
    width:calc(100% - 6px);
    background:#f0fafe;
}

#ismData div.row.notext {
    min-height:35px;
}

#ismData div.row:first-child{
    margin-top:3px;
}

#ismData div.row:hover{
    background:#c5ecfc;
}

#ismData div.row.nohover:hover{
    background:#f0fafe;
}

#ismData div.char4{
    position:relative;
    height:20px;
    width:calc(100% - 6px);
}

    #ismData div.char4 div.subtotal {
        background:none;
    }

        #ismData div.char4 div.subtotal .abs, #ismData div.char4 div.subtotal .price {
            border-top:1px solid #0087aa;
            color:#0087aa;
            font-weight:normal;
        }

#ismData div.char3{
    position:relative;
    height:20px;
    width:calc(100% - 6px);
    margin-top:5px;
}

    #ismData div.char3 .element {
        position:absolute;
        top:3px;
        left:4px;
        color:#2f5a79;
        font-weight:bold;
        font-size:12px;
    }

#ismData div.subtotal{
    position:absolute;
    top:0;
    right:25px;
    height:20px;
    width:202px;
    background:#2f5a79;
}

    #ismData div.subtotal .abs{
        position:absolute;
        top:0;
        left:19px;
        width:72px;
        color:#fff;
        text-align:right;
        font-size:12px;
        font-weight:bold;
    }

    #ismData div.subtotal .price{
        position:absolute;
        top:0;
        right:7px;
        color:#fff;
        width:59px;
        text-align:right;
        font-size:12px;
        font-weight:bold;
    }

#ismData div.char2{
    position:relative;
    height:26px;
    width:calc(100% - 6px);
    background:#2f5a79;
    margin-top:25px;
    margin-bottom:25px;
}

    #ismData div.char2 .element {
        position: absolute;
        top: 3px;
        left: 4px;
        color: #fff;
        font-weight: bold;
        font: 14px "Segoe UI light", Tahoma, Arial;
    }

    #ismData div.char2 div.subtotal .abs {
        top:3px;
    }

    #ismData div.char2 div.subtotal .abs, #ismData div.char2 div.subtotal .price {
        top:3px;
    }

#ismData div.char1{
    position:relative;
    height:26px;
    width:calc(100% - 6px);
    margin-top:25px;
    margin-bottom:25px;
}    

    #ismData div.char1 .element {
        position:absolute;
        top:3px;
        left:4px;
        color:#464646;
        font-weight:bold;
        font-size:14px;
    }

    #ismData div.char1 div.subtotal{
        background:transparent;
    }

        #ismData div.char1 div.subtotal .abs{
            color:#464646;
        }

        #ismData div.char1 div.subtotal .price{
            color:#464646;
        }

#ismData div.row .element{
    position:absolute;
    top:4px;
    left:5px;
    font:12px "Segoe UI SemiBold", "Segoe UI", "Segoe", Tahoma, Arial;
    color:#464646;
}

#ismData div.row .element.red{
    color:#ff0000;
}
 
#ismData div.row input[type=text], #ismData div.row span.value{
    font-family: "Segoe UI", "Segoe", Verdana;
    color:#000;
    border:1px solid #38b1e3;
    background:#f0fafe;
    line-height:14px;
    padding:2px 4px;
}

#ismData div.row input.active {
    background: #5db279;
    color: #fff;
}

#ismData div.row:hover input[type=text]:hover, #ismData div.row:hover span.value:hover{
    color:#fff;
    background:#38b1e3;
}

#ismData div.row.nohover:hover input[type=text]:hover, #ismData div.row.nohover:hover span.value:hover{
    color:#0087aa;
    background:#f0fafe;
}

#ismData div.row .abs{
    position:absolute;
    top:2px;
    right:130px;
}

    #ismData div.row .abs input[type=text], #elementen div.row .abs input[type=text]{
        width:68px;
        text-align:right;
    }

#ismData div.row .factor{
    position:absolute;
    top:2px;
    right:85px;
}

    #ismData div.row .factor input[type=text], #elementen div.row .factor input[type=text]{
        width:38px;
        text-align:right;
    }

#ismData div.row .price{
    position:absolute;
    top:2px;
    right:25px;
}

    #ismData div.row .price input[type=text], #elementen div.row .price input[type=text] {
        width:53px;
        text-align:right;
    }

#ismData div.row .emptyElement{
    position:absolute;
    top:1px;
    right:3px;
}

#ismData div.row .text{
    position:absolute;
    top:27px;
    left:9px;
    width:calc(100% - 210px);
}

    #ismData div.row .text textarea{
        height:50px;
        font-family: "Segoe UI", "Segoe", Verdana;
        border:1px solid #38b1e3;
        background:#f0fafe;
        width:calc(100% - 4px);
        line-height:15px;
        padding:1px 3px;
        color:#000;
    }

    #ismData div.row .text textarea:hover{
        color:#fff;
        background:#38b1e3;
    }

    #ismData div.row.nohover .text textarea:hover{
        color:#0087aa;
        background:#f0fafe;
    }

#ismData div.row:hover input[type=text], #ismData div.row:hover textarea, #ismData div.row:hover span.value{
    border:1px solid #38b1e3;
    background:#c5ecfc
}


#ismData div.row:hover input.active {
    background: #5db279 !important;
    color: #fff;
}

#elementen div.row:hover input[type=text] {
    border:1px solid #38b1e3;
    background:#fff;
}

#ismData div.row.nohover:hover input[type=text], #ismData div.row.nohover:hover textarea, #ismData div.row.nohover:hover span.value{
    background:#f0fafe;
}

#elementen div.row.nohover:hover input[type=text] {
    background:#fff;
}

#ismData div.row span.value{
    position:absolute;
    top:0;
    right:0;
    display:block;
    font-size:12px;
}

#ismData div.row input[type=text][disabled=''], #ismData div.row input[type=text][disabled='disabled'], #ismData div.row textarea[disabled=''], #ismData div.row textarea[disabled='disabled'], #ismData div.row input[type=text][readonly='readonly']{
    border-style:dotted;
}

#elementen div.row input[type=text][disabled=''], #elementen div.row input[type=text][disabled='disabled'], #elementen div.row input[type=text][readonly='readonly'] {
    background:#fff;
    border-style:dotted;
}

#ismData div.row input[type=text][disabled='']:hover, #ismData div.row input[type=text][disabled='disabled']:hover, #ismData div.row textarea[disabled='']:hover, #ismData div.row input[type=text][readonly='readonly']:hover {
    background:#c5ecfc;
    border-style:dotted;
    color:#0087aa;
}

#elementen div.row input[type=text][disabled='']:hover, #elementen div.row input[type=text][disabled='disabled']:hover, #elementen div.row input[type=text][readonly='readonly']:hover {
    background:#fff;
    border-style:dotted;
    color:#0087aa;
}

#ismData div.row .recipes{
    position:relative;
    margin-top:85px;
    width:100%;
    min-height:30px !important;
    margin-bottom:4px;
}

#ismData div.row.notext .recipes{
    margin-top:35px;
}

    .recipe-placeholder{
        position:relative;
        width:100%;
        height:28px;
        border: 1px solid #2f5a79;
    }

    #ismData div.row .recipes .recipe{
        position:relative;
        width:100%;
        height:30px;
        background:transparent url(../images/grippy.png) no-repeat 2px 6px;
    }

    body.importWindow #ismData div.row .recipes .recipe{
        background:none;
    }

    #ismData div.row .recipes .recipe input[type=text]{
        margin-top:2px;
    }

        #ismData div.row .recipes .recipe .handle{
            position:absolute;
            top:0;
            left:0;
            width:6px;
            height:30px;
            cursor: url("../images/openhand.cur"), default;
        }

        body.importWindow #ismData div.row .recipes .recipe .handle {
            cursor:default;
        }

        body.importWindow #ismData div.row .recipes .recipe .import {
            position:absolute;
            top:7px;
            left:5px;
            width:20px;
        }

        #ismData div.row .recipes .recipe .recipetext{
            position:absolute;
            top:2px;
            left:9px;
            width:calc(100% - 141px);
        }

            #ismData div.row .recipes .recipe .recipetext input[type=text]{
                width:calc(100% - 200px);
            }

        body.importWindow #ismData div.row .recipes .recipe .recipetext{
            left:23px;
            width:calc(100% - 344px);
        }

            body.importWindow #ismData div.row .recipes .recipe .recipetext input[type=text]{
                width:calc(100% - 4px);
            }


        #ismData div.row .recipes .recipe .amount{
            position:absolute;
            top:2px;
            right:280px;
        }

            #ismData div.row .recipes .recipe .amount input[type=text]{
                width:45px;
                text-align:right;
            }

        #ismData div.row .recipes .recipe .unitprice{
            position:absolute;
            top:2px;
            right:205px;
        }

            #ismData div.row .recipes .recipe .unitprice input[type=text]{
                width:68px;
                text-align:right;
            }

        #ismData div.row .recipes .recipe .delete{
            position:absolute;
            top:3px;
            right:3px;
        }

    #ismData div.row .recipes .recipe:hover{
        background-color:#c5ecfc
    }

        #ismData div.row .recipes .recipe:hover input[type=text]{
            background:#c5ecfc;
            border:1px solid #38b1e3;
        }

        #ismData div.row .recipes .recipe:hover input[type=text][disabled='']{
            background:#c5ecfc;
            border:1px dotted #38b1e3;
        }

            #ismData div.row .recipes .recipe:hover input[type=text]:hover{
                background:#38b1e3;
            }

            #ismData div.row .recipes .recipe:hover input[type=text][disabled='']:hover {
                background:#c5ecfc;
                border-style:dotted;
                color:#0087aa;
            }

#ismData div.row input[type=text].bluebackground, #ismData div.row .recipes .recipe input[type=text].bluebackground, #ismData div.row textarea.bluebackground, #topdown div.row input[type=text].bluebackground, #elementen div.row input[type=text].bluebackground {
    background:#38b1e3 !important;
    color:#fff !important;
}

table.dataGrid a, table.dataGrid a:visited, table.dataGrid a:hover{
    font-size:12px;
    font-weight:normal;
    color:#5c5c5c;
    line-height:inherit;
}

table.dataGrid a:hover{
    font-size:12px;
    text-decoration:underline;
    line-height:inherit;
}

#loadingDiv, #popupDiv{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:transparent url(../images/overlay.png) repeat top left;
    z-index:100;
}

    #loadingDiv table{
        position:absolute;
        background:#fff;
        display:block;
        width:280px;
        height:160px;
        top:50%;
        left:50%;
        margin-top:-80px;
        margin-left:-140px;
        border:1px solid #5c5c5c;
        box-shadow:0 0 14px 3px #5c5c5c;
    }

        #loadingDiv table td{
            width:270px;
            text-align:center;
            height:155px;
        }

    #popupDiv .popupWindow {
        position:absolute;
        background:#fff;
        top:50%;
        left:50%;
        width:400px;
        height:400px;
        margin-left:-200px;
        margin-top:-200px;
        box-shadow:0 0 1em black;
        border:1px solid #d6d6d6;
        z-index:110;
    }

#loginDiv{
    position:absolute;
    background:#fff;
    width:400px;
    height:270px;
    top:50%;
    left:50%;
    margin-top:-135px;
    margin-left:-200px;
    border:1px solid #5c5c5c;
    z-index:100;
}

    #loginDiv .form{
        position:relative;
        margin-top:50px;
        margin-left:70px;
    }

#newPwdDiv{
    position:absolute;
    background:#fff;
    width:450px;
    height:350px;
    top:50%;
    left:50%;
    margin-top:-175px;
    margin-left:-225px;
    border:1px solid #5c5c5c;
    z-index:100;
}

    #newPwdDiv .form{
        position:relative;
        margin-top:50px;
        margin-left:70px;
    }

#viewHome{
    position:relative;
    width:380px;
    height:calc(100% - 50px);
    overflow:auto;
}

#viewHome div.viewItem {
    margin-bottom:20px;
}

#viewHome table{
    width:355px;
}

#viewHome table td.option{
    width:20px;
}

#viewHome table td.contents{
    width:335px;
}

#viewHome table table{
    width:335px;
}

#viewHome table table tr td{
    padding-bottom:5px;
}

#viewHome table table td.labelname{
    width:130px;
}

#viewHome table table td.labelitem{
    width:205px;
}

#btnHomeProjectNieuw, #btnAnalyseClear, #btnAnalyseClearAll, #btnHomeGebruikerNieuw{
    float:left;
    margin-left:20px;
}

#projecttree{
    position:relative;
    height:calc(100% - 50px);
}

#attachmentinfo{
    height:calc(100% - 50px);
}

#attachmentTree{
    position:relative;
    margin-top:2px;
    height:calc(100% - 63px);
}

#projecttree td, #projecttree td span, #projecttree td span b, #attachmentTree td, #attachmentTree td span, #attachmentTree td span b{
    font-size:12px;
}

#projecttree td, #projecttree td span, #attachmentTree td, #attachmentTree td span{
    height:26px;
}

.clusterrecipes, .elementindicators{
    position:relative;
    width:100%;
    height:calc(100% - 70px);
    overflow:auto;
}

    .clusterrecipes .clusterrecipe, .elementindicators .elementindicator{
        position:relative;
        background:transparent url(../images/grippy-small.png) no-repeat 2px 6px;
        width:100%;
        height:26px;
    }

    .elementindicators .elementindicator {
        background:none;
    }

    .clusterrecipes .clusterrecipe:hover, .elementindicators .elementindicator:hover{
        background-color:#c5ecfc;
    }

    .clusterrecipes .clusterrecipe.main, .elementindicators .elementindicator.main{
        background:none;
        margin-top:15px;
    }

        .clusterrecipes .clusterrecipe.main:hover, .elementindicators .elementindicator.main:hover{
            background:none;
        }

        .clusterrecipes .clusterrecipe .handle, .elementindicators .elementindicator .handle{
            position:absolute;
            top:0;
            left:0;
            width:6px;
            height:30px;
            cursor: pointer;
        }

            .clusterrecipe.ui-draggable-dragging, .elementindicators.ui-draggable-dragging{
                cursor: url("../images/closedhand.cur"), move;
            }

        .clusterrecipes .clusterrecipe .name{
            position:absolute;
            top:3px;
            left:11px;
            width:calc(100% - 65px);
            text-overflow:ellipsis;
            overflow:hidden;
            white-space:nowrap;
        }

        .elementindicators .elementindicator .text{
            position:absolute;
            top:3px;
            left:3px;
            height:20px;
            width:calc(100% - 65px);
        }

        .clusterrecipes .clusterrecipe .price, .elementindicators .elementindicator .price{
            position:absolute;
            top:3px;
            right:3px;
            width:50px;
            text-align:right;
        }

        .clusterrecipes .clusterrecipe.main .name, .elementindicators .elementindicator.main .text{
            left:1px;
            width:calc(100% - 70px);
            font-weight:bold;
        }

        .clusterrecipes .clusterrecipe:first-child, .elementindicators .elementindicator:first-child{
            margin-top:4px;
        }

.ui-drop-focus{
    background:#fdf5ce;
}

.ui-drag-start{
    background:#fdf5ce;
}

#ismOpties{
    position:relative;
    width:calc(100% - 4px);
    height:32px;
    display:none;
}

    #ismOpties .weergave{
        position:absolute;
        top:2px;
        left:0;
        width:270px;
        height:22px;
    }

    #ismOpties #omzetten {
        position:absolute;
        top:2px;
        right:114px;
        width:148px;
        height:24px;
    }

    #ismOpties .factor{
        position:absolute;
        top:2px;
        right:0;
        width:148px;
        height:24px;
    }

    #ismOpties .factor .waarde{
        position:absolute;
        top:0;
        left:0;
    }

        #ismOpties .factor .waarde input[type=text]{
            line-height:14px;
            font-family: "Segoe UI", "Segoe", Verdana;
            border: 1px solid #2f5a79;
            font-size:12px;
            padding:3px 4px;
            width:38px;
            text-align:right;
            color:#2f5a79;
        }

        #ismOpties .factor .waarde input[type=text]:hover{
            border: 1px solid #2f5a79;
        }

    #ismOpties .factor .keuze{
        position:absolute;
        top:0;
        right:0;
    }

#projectinfo, #phaseinfo, #attachmentinfo, #subprojectinfo, #versioninfo{
    position:relative;
}

#attachmentData{
    position:relative;
    width:100%;
}

#attachmentHeader .col1-2{
    width:calc(100% - 285px);
    padding:0;
}

#attachmentHeader .col1, #attachmentData .col1{
    width:22px;
    padding:0;
}

#attachmentHeader .col2, #attachmentData .col2{
    width:calc(100% - 307px);
    padding-left:5px;
}

#attachmentHeader .col3, #attachmentData .col3{
    width:130px;
}

#attachmentHeader .col4, #attachmentData .col4{
    width:130px;
}

#attachmentHeader .colrefresh, #attachmentData .colrefresh{
    width:25px;
    text-align:right;
}

#attachmentHeader .colaction, #attachmentData .colaction{
    width:20px;
    text-align:center;
    padding:0;
    padding-top:5px;
}

#attachmentHeader .col, #attachmentData .col{
    width:calc(100% - 700px);
}

    #attachmentData .col1 img{
        vertical-align:middle;
        text-align:right;
    }

    #attachmentData .col2.icon{
        padding-left:0;
    }

        #attachmentData .excel2013{
            background-image:url(../images/attachments/excel2013.png);
            background-repeat: no-repeat;
            background-position: 0 5px;
        }

    #attachmentData .col2.icon span{
        display:inline-block;
        width:18px;
        height:10px;
        padding-right:5px;
    }

#attachmentactions{
    position:absolute;
    top:0px;
    right:0;
    width:260px;
    height:20px;
}

    #attachmentactions #addfolder{
        position:absolute;
        top:0;
        right:104px;
        width:140px;
        height:20px;
    }

    #attachmentactions #uploadfile{
        position:absolute;
        top:0;
        right:4px;
        width:120px;
        height:20px;
        text-align:right;
    }

    #attachmentactions span{
        font-size:18px;
        line-height:20px;
        color:#0072c6;
        margin-left:8px;
    }

     #attachmentactions img{
        margin-bottom:5px;
     }

     #attachmentactions a:hover{
        text-decoration:underline;
     }

#droplocation{
    position:absolute;
    top:65px;
    left:0;
    width:calc(100% - 6px);
	border: 1px solid #2a8dd4;
    text-align: center;
	z-index: 20;
    background-color: rgba(255,255,255, 0.85);
    margin:0;
}

    #droplocation .dz-message span{
        position:relative;
        line-height:4px;
        font-size:16px;
        color:#666;
    }

    #droplocation .dz-error-message span{
        color:#ff0000;
    }

    #droplocation *.inactive{
        pointer-events:none;
    }

#projectManagerHeader, #projectManager {
    width:655px;
}

#projectManagerHeader .col1, #projectManager .col1 {
    width:120px;
}

#projectManagerHeader .col2, #projectManager .col2 {
    width:140px;
}

#projectManagerHeader .col, #projectManager .col {
    width:365px;
}

#projectManagerHeader .colaction, #projectManager .colaction {
    width:25px;
    text-align:right;
    line-height:2px;
}

.addrecord {
    position:absolute;
    margin-top:-35px;
    margin-left:625px;
}

    .addrecord a {
        font-size:24px;
        font-weight:bold;
        color:#464646;
    }

#cmbNummer {
    position:relative;
    float:left;
}

#totalSubproject sup, #totalRecap sup{
    color:#000;
}

#totalSubproject div div, #totalRecap div div{
    position:relative;
    float:left;
    height:20px;
}

#totalSubproject .label, #totalRecap .label{
    width:230px;
    font-weight:bold;
}

#totalSubproject .abs, #totalRecap .abs{
    width:80px;
    text-align:right;
}

#totalSubproject .price, #totalRecap .price{
    width:70px;
    text-align:right;
}

#totalSubproject div.row:nth-last-child(1) div{
    padding-top:8px;
}

#totalSubproject div.row:nth-last-child(3) div{
    border-bottom:1px solid #cdcdcd;
}

#totalSubproject div.row:nth-last-child(3) .label{
    font-weight:normal;
}

#totalRecap div.row:nth-last-child(1) div{
    padding-top:8px;
}


#totalRecap div.row:nth-last-child(3) div{
    border-bottom:1px solid #cdcdcd;
}

.recapactions {
    position:relative;
    display:block;
}

.recapactions a:first-child {
    position:absolute;
    top:-1px;
    right:21px;
    font-size:23px;
    font-weight:bold;
    color:#656565;
}

.recapactions a:last-child {
    position: absolute;
    top: 0;
    right: 1px;
}

.sidebarItem {
    position:relative;
    height: 40px;
    overflow:hidden;
    margin-bottom:25px;
    cursor:pointer;
}

/* resource tree */

#resourcetree {
    margin-left:-16px;
}

#resourcetree td, #resourcetree td span, #resourcetree td span b{
    font-size:12px;
}

#resourcetree td, #resourcetree td span{
    height:26px;
}

/* popup windows */

#popupDiv .popupWindow .popupHeader {
    position:absolute;
    top:20px;
    left:20px;
    width:calc(100% - 40px);
    height:73px;
    color:#5c5c5c;
}

    #popupDiv .popupWindow .popupHeader h1 {
        margin-bottom:5px;
    }

#popupDiv .popupWindow .popupContent {
    position:absolute;
    top:95px;
    left:20px;
    width:calc(100% - 40px);
    height:calc(100% - 155px);
}

    #projectSearchResult {
        position:relative;
        margin-top:20px;
    }

    #projectSearchResultData {
        position:relative;
        height:290px;
    }

#popupDiv .popupWindow .popupFooter {
    position:absolute;
    bottom:20px;
    left:20px;
    width:calc(100% - 40px);
    height:35px;
    background:#fff;
}

    #popupDiv .popupWindow .popupFooter button {
        position:relative;
        float:right;
        width:100px;
        height:25px;
        margin-top:5px;
        margin-left:10px;
    }

        #popupDiv .popupWindow .popupFooter button.footerbutton-left {
            float:left;
        }

        #popupDiv .popupWindow .popupFooter button.larger {
            width:120px;
        }

        #popupDiv .popupWindow .popupFooter .button {
            position:relative;
            float:left;
            line-height:14px;
            padding:3px 10px 5px 10px;
            background:#2f5a79;
            border:1px solid #2f5a79;
            color:#fff;
            margin-right:10px;
            font-size:12px;
            text-align:center;
            cursor:pointer;
            margin-top:5px;
        }

            #popupDiv .popupWindow .popupFooter .button input[type=checkbox]{
                display:block;
                float:left;
                margin-top:2px;
                margin-right:3px;
            }

            #popupDiv .popupWindow .popupFooter .button.rightfloat {
                float:right;
                margin-right:0;
                margin-left:10px;
            }

/* beheer popup window */

#popupDiv .popupWindow.beheer {
    border:none;
}

#popupDiv .popupWindow.beheer .popupContent {
    top:50px;
    left:0;
    width:calc(100%);
    height:calc(100% - 50px);
}

#popupDiv .popupWindow.beheer iframe.contentframe{
    margin-top:0;
    min-width:100%;
    height:calc(100%);
}


/* topdown  */

#topdown {
    position:relative;
    height:calc(100% - 10px);
    margin:10px;
    overflow:auto;
}
    #topdown div.row {
        position:relative;
        height:35px;
    }

    #topdown div.row:hover {
        background:#f0fafe;
    }

    #topdown #totalRow:hover {
        background:#fff;
    }

        #topdown div.row.header {
            position:relative;
            border-top:1px solid #2f5a79;
            border-bottom:1px solid #2f5a79;
            margin-bottom:14px;
            height:45px;
        }

        #topdown div.row.header:hover{
            background:#fff;
        }

        #topdown div.row.header div {
            position:relative;
            font-weight:bold;
            color:#000;
            text-align:left;
        }

            #topdown div.row.header .action {
                width:20px;
                margin-right:4px;
                padding-top:3px;
            }

            #topdown div.row.header .subproject {
                width:232px;
                margin-right:10px;
                padding-top:3px;
            }

            #topdown div.row.header .number {
                width:30px;
                margin-right:10px;
                padding-top:3px;
            }

            #topdown div.row.header .abs {
                width:75px;
                margin-right:5px;
                text-align:center;
                padding-top:3px;
            }

            #topdown div.row.header .price {
                width:60px;
                margin-right:5px;
                text-align:center;
                padding-top:3px;
            }

            #topdown div.row.header .bvo {
                width:60px;
                margin-right:5px;
                text-align:center;
                padding-top:3px;
            }

            #topdown div.row.header .element {
                width:140px;
                margin-right:10px;
                text-align:center;
                padding-top:3px;
            }

    #topdown div.row:after {
        clear:both;
    }

    #topdown div.row div {
        position:relative;
        float:left;
        margin-right:5px;
    }

    #topdown div.row > div {
        margin-top: 7px;
        margin-bottom: 6px;
    }

    #topdown div.row.header > div {
        margin-top: 0;
        margin-bottom: 0;
    }

    #topdown div.row input[type=text]{
        font-family: "Segoe UI", "Segoe", Verdana;
        color:#0087aa;
        border:1px solid #38b1e3;
        line-height:14px;
        padding:2px 4px;
    }

        #topdown div.row input[type=text]:hover{
            color:#fff;
            background:#38b1e3;
        }

    #topdown div.row .description input[type=text] {
        width:200px;
    }

    #topdown div.row .abs input[type=text]{
        width:75px;
        text-align:right;
    }

    #topdown div.row .price input[type=text]{
        width:60px;
        text-align:right;
    }

    #topdown div.row .bvo input[type=text]{
        width:60px;
        text-align:right;
    }

    #topdown div.row .number input[type=text]{
        width:30px;
        text-align:right;
    }

    #topdown div.row .number {
        margin-right:10px;
    }

    #topdown div.row .subproject {
        width:237px;
    }

        #topdown div.row .subproject .number {
            margin-right:2px;
        }

            #topdown div.row .subproject .number input[type=text] {
                text-align:left;
            }

    #topdown div.row .element{
        margin-left:20px;
    }

    #topdown div.row input[type=text][disabled=''], #topdown div.row input[type=text][readonly=''] {
        border-style:dotted;
        background:#fff;
    }

    #topdown div.row input[type=text][disabled='']:hover, #topdown div.row input[type=text][readonly='']:hover {
        border-style:dotted;
        color:#0087aa;
        background:#fff;
    }

    #topdown div.row .totalborder {
        border-top:1px solid #9c9c9c;
        padding-top:6px;
    }

    #topdown div.row .action {
        width:20px;
        text-align:center;
    }

/* elementen  */

#elementen {
    position:relative;
    height:calc(100% - 10px);
    margin:10px;
    overflow:auto;
}

    #elementen .selections {
        position:relative;
        height:28px;
        margin-bottom:10px;
    }

        #elementen .selections .discipline {
            position:absolute;
            left:0;
            top:0;
        }

        #elementen .selections .elementlist {
            position:absolute;
            left:400px;
            top:0;
        }

        #elementen .selections div.label {
            position:relative;
            float:left;
            margin-right:20px;
            font-weight:bold;
        }

    #elementen div.row {
        position:relative;
        height:35px;
    }

    #elementen div.row:hover {
        background:#f0fafe;
    }

    #elementen #totalRow:hover {
        background:#fff;
    }

        #elementen div.row.header {
            position:relative;
            border-top:1px solid #2f5a79;
            border-bottom:1px solid #2f5a79;
            margin-bottom:14px;
            height:28px;
        }

        #elementen div.row.header:hover{
            background:#fff;
        }

        #elementen div.row.header div {
            position:relative;
            font-weight:bold;
            color:#000;
            text-align:left;
        }

            #elementen div.row.header .action {
                width:20px;
                margin-right:4px;
                padding-top:3px;
            }

            #elementen div.row.header .subproject {
                width:232px;
                margin-right:10px;
                padding-top:3px;
            }

            #elementen div.row.header .number {
                width:30px;
                margin-right:10px;
                padding-top:3px;
            }

            #elementen div.row.header .bvo {
                width:60px;
                margin-right:5px;
                text-align:center;
                padding-top:3px;
            }

            #elementen div.row.header .abs {
                width:68px;
                margin-right:5px;
                text-align:center;
                padding-top:3px;
                margin-left:20px;
            }

            #elementen div.row.header .factor {
                width:40px;
                margin-right:5px;
                text-align:center;
                padding-top:3px;
            }

            #elementen div.row.header .price {
                width:60px;
                margin-right:10px;
                text-align:center;
                padding-top:3px;
            }


    #elementen div.row:after {
        clear:both;
    }

    #elementen div.row div {
        position:relative;
        float:left;
        margin-right:5px;
    }

    #elementen div.row > div {
        margin-top: 7px;
        margin-bottom: 6px;
    }

    #elementen div.row.header > div {
        margin-top: 0;
        margin-bottom: 0;
    }


    #elementen div.row input[type=text]{
        font-family: "Segoe UI", "Segoe", Verdana;
        color:#0087aa;
        border:1px solid #38b1e3;
        line-height:14px;
        padding:2px 4px;
    }

        #elementen div.row input[type=text]:hover{
            color:#fff;
            background:#38b1e3;
        }

    #elementen div.row .description input[type=text] {
        width:200px;
    }

    #elementen div.row .price input[type=text]{
        width:60px;
        text-align:right;
    }

    #elementen div.row .bvo input[type=text]{
        width:60px;
        text-align:right;
    }

    #elementen div.row .number input[type=text]{
        width:30px;
        text-align:right;
    }

    #elementen div.row .number {
        margin-right:10px;
    }

    #elementen div.row .subproject {
        width:237px;
    }

        #elementen div.row .subproject .number {
            margin-right:2px;
        }

            #elementen div.row .subproject .number input[type=text] {
                text-align:left;
            }

    #elementen div.row .element{
        margin-left:20px;
    }

    #elementen div.row input[type=text][disabled=''] {
        border-style:dotted;
        background:#fff;
    }

    #elementen div.row input[type=text][disabled='']:hover {
        border-style:dotted;
        color:#0087aa;
        background:#fff;
    }

    #elementen div.row .totalborder {
        border-top:1px solid #9c9c9c;
        padding-top:6px;
    }

    #elementen div.row .action {
        width:20px;
        text-align:center;
    }

#viewHome table .analyseggg table td.labelname{
    width:155px;
}

#viewHome table .analyseggg table td.labelitem{
    width:135px;
}

#viewHome table .analyseggg table td.labelunit{
    width:45px;
}

#projecttoelichting {
    width:640px;
    width:calc(100% - 10px);
    height:160px;
    border:1px solid #cdcdcd;
    overflow:auto;
    padding:4px;
    color:#464646;
}

    #projecttoelichting:hover {
        border:1px solid #38b1e3;
    }

#toelichting, #versietoelichting{
    width:calc(100% - 10px);
    height:160px;
    border:1px solid #cdcdcd;
    overflow:auto;
    padding:4px;
}

#toelichting:hover, #versietoelichting:hover {
    border: 1px solid #38b1e3;
}

#contentEditor {
    position:relative;
    border:1px solid #f1f1f1;
    margin-left:5px;
    margin-top:45px;
    width:calc(100% - 10px);
    height:calc(100% - 50px);
    overflow:auto;
}

body.importWindow #buttons {
    position:relative;
    margin-top:8px;
}

    body.importWindow #buttons .button {
        position:relative;
        float:left;
        line-height:16px;
        padding:10px 10px;
        background:#0087aa;
        color:#fff;
        margin-right:10px;
        font-size:12px;
        text-align:center;
        cursor:pointer;
    }

        body.importWindow #buttons .button input[type=checkbox]{
            display:block;
            float:left;
            margin-top:2px;
            margin-right:3px;
        }

    body.importWindow #buttons .button.rightfloat {
        float:right;
        margin-right:3px;
    }

.gggRow {
        position:relative;
        float:left;
        width:450px;
        height:28px;    
}
    .gggRow div {
        position:relative;
        float:left;
    }

        .gggRow div.datalbl {
            width:240px;
            font:12px "Segoe UI SemiBold", "Segoe UI", "Segoe", Tahoma, Arial;
            color:#5c5c5c;
        }

        .gggRow div.dataval {
            width:210px;
        }

body.beheer #content {
    padding-top:80px;
}

    body.beheer #content h1 {
        padding-left:50px;
    }

body.beheer #content .items {
    position:relative;
    padding:50px;
}

body.beheer #content .items .item {
    position:relative;
    float:left;
    width:200px;
    border:1px solid #ededed;
    text-align:center;
    margin-right:20px;
    margin-bottom:20px;
    line-height:18px;
    padding-top:41px;
    padding-bottom:41px;
}

.layoutitems {
    position:relative;
}

.layoutitems .layout{
    position: relative;
    height:25px;
}

    .layoutitems .layout.seperator {
        height: 40px;
    }


    .layoutitems .layout label {
        padding-left:5px;
    }

    .layoutitems .preview {
        position:absolute;
        top:0px;
        right:10px;
    }

    .layoutitems .preview img{
        border: 1px solid #000
    }

/**
 *	CKEditor editables are automatically set with the "cke_editable" class
 *	plus cke_editable_(inline|themed) depending on the editor type.
 */

/* Style a bit the inline editables. */
.cke_editable.cke_editable_inline
{
	cursor: pointer;
}

    .cke_editable.cke_editable_inline p:first-child {
        margin-top:0;
    }

/* Once an editable element gets focused, the "cke_focus" class is
   added to it, so we can style it differently. */
.cke_editable.cke_editable_inline.cke_focus
{
	border: 1px solid #38b1e3;
    background: #fff;
	cursor: text;
}

/* Avoid pre-formatted overflows inline editable. */
.cke_editable_inline pre
{
	white-space: pre-wrap;
	word-wrap: break-word;
}

.cke_colorblock {
    font-family:Arial;
}

table.maincolumn {
    width:100%;
}

.maincolumn td.column {
    border:none !important;
    padding:4px 2px !important;
    font-size:12px;
}

    th .maincolumn td.column {
        text-align: left;
    }

    th .maincolumn td.column span.valuta, th .maincolumn td.column span.index {
        float:right;
    }

.maincolumn td.column .item {
    font-size:12px;
}

    .item.abs {
        width:65px;
        text-align:right;
    }

    .item.pm {
        width:75px;
        text-align:right;
    }

table.dataTable thead th, table.dataTable thead td {
    padding:5px 6px !important;
}

#basicdatabody img.open {
    width:12px;
    height:14px;
    padding-left:16px;
    background:transparent url(../images/open.gif) no-repeat;
}

#basicdatabody img.close {
    width:12px;
    height:14px;
    padding-left:16px;
    background:transparent url(../images/close.gif) no-repeat;
}

#basicdatahead .maincolumn tbody tr:nth-child(11) a {
    cursor:pointer;
}