/* Regular */
@font-face {
    font-family: 'Inspectrum';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/inspectrum-book.woff2') format('woff2'), url('../fonts/inspectrum-book.woff') format('woff')
}

/* Regular italic */
@font-face {
    font-family: 'Inspectrum';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/inspectrum-bookitalic.woff2') format('woff2'), url('../fonts/inspectrum-bookitalic.woff') format('woff')
}

/* Bold */
@font-face {
    font-family: 'Inspectrum';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/inspectrum-bold.woff2') format('woff2'), url('../fonts/inspectrum-bold.woff') format('woff')
}

/* Bold italic */
@font-face {
    font-family: 'Inspectrum';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/inspectrum-bolditalic.woff2') format('woff2'), url('../fonts/inspectrum-bolditalic.woff') format('woff')
}

* {
    font-family: 'Inspectrum';
}

body, td, p {
    font-weight: 400;
    color: Black;
    font-size: 12px;
    overflow-x: hidden;
}

input[readonly] {
    color: #aaaaaa;
}

textarea[readonly] {
    color: grey;
    background: lightgray
}

a {
    color: #000000;
    font-weight: bold;
}

hr {
    border: 0;
    border-top: solid 1px #0D3082;
    background-color: transparent;
}

.tdNavigatie {
    color: #0A71B3;
    font-size: 12px;
    font-weight: bold;
    background-color: #FFFFFF;
    border-top: 1px solid #0D3082;
    border-right: 1px solid #0D3082;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF',endColorStr='#d7cdd6',gradientType='0');
}

.tdNavigatieButton {
    color: #0A71B3;
    height: 25px;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    border-bottom: 1px solid #0D3082;
}

    .tdNavigatieButton img {
        margin-right: 10px;
    }

.tdNavigatieButton2 {
    color: #0D3082;
    height: 25px;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
}

.tdNavigatieButton2 {
    color: #0D3082;
    height: 25px;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
}

.PanelConfirm {
    padding: 5px;
    margin: 5px;
}


.tdContent {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    border-top: 1px solid #a48fa1;
    padding-left: 2px;
    padding-top: 1px;
}

.error {
    color: #FF0000;
}

.itemlabel {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.itemlabel_toelichting {
    color: #000000;
    font-size: 10px;
    font-style: italic;
}

.tabitem {
    border: none;
    width: 100px;
    background-color: #B7A7B6;
    height: 30px;
}

.tabfiller {
    border: none;
    height: 30px;
    width: 100%;
}

.tabitemselected {
    text-decoration: none;
    border: none;
    color: #000000;
    width: 100px;
    background-color: #FFFFFF;
    height: 30px;
}


.grid_row_even {
    background-color: #ffffff;
    cursor: pointer;
}

.grid_row_even_no_pointer {
    background-color: #ffffff;
}

.grid_row_oneven {
    background-color: #efefef;
    cursor: pointer;
}

.grid_row_oneven_no_pointer {
    background-color: #efefef;
    padding: 5px;
}

.grid_header {
    background-color: #0A71B3;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
    padding: 4px;
}

.grid_header_no_pointer {
    background-color: #0A71B3;
    font-weight: bold;
    color: #FFF;
}

.grid_footer_curs_no_pointer {
    background-color: #0D3082;
    font-weight: normal;
    font-style: italic;
    color: #FFF;
}

.grid_footer TD {
    background-color: #cecece;
    text-align: left;
    vertical-align: middle;
    margin: 0px 0px 0px 0px;
    padding: 4px;
}

.grid_header td,
.grid_header th,
.grid_header a,
.grid_header_no_pointer th,
.grid_header_no_pointer td,
.grid_header_no_pointer a,
.grid_footer_curs_no_pointer th,
.grid_footer_curs_no_pointer td,
.grid_footer_curs_no_pointer a {
    color: #fff;
}

.menuicons img {
    text-decoration: none;
    border: none;
}

.stattableheader {
    font-weight: bold;
}

.divGradient {
    border-bottom: 1px solid #F0ED6C;
    border-top: 1px solid #CFCFCF;
    border-left: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
    position: relative;
    top: -1px;
    z-index: 10;
}


.tabGradientOn {
    background-color: #FFFFFF;
    border-top: 1px solid #AEAEAE;
    border-left: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
    text-decoration: none;
    height: 30px;
    padding: 4px;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#CCCCCC',endColorStr='#FFFFFF',gradientType='0');
    padding-left: 10px;
    padding-right: 10px;
}

.pageHeader {
    font-weight: bold;
    font-size: 15px;
    color: #0D3082;
}

.SubTitle {
    font-weight: bold;
    font-size: 13px;
    color: #0D3082;
}

.tabGradientOff {
    background-color: #F8F8F8;
    color: #AFAFAF;
    border-bottom: 1px solid #CFCFCF;
    border-top: 1px solid #AEAEAE;
    border-left: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
    text-decoration: none;
    height: 30px;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF',endColorStr='#CCCCCC',gradientType='0');
}

.tabtable {
    z-index: 20;
}

input {
    border-style: solid;
    border-width: 1px;
    border-color: grey;
    font-size: 12px;
}

.double {
    width: 50px;
}

select {
    border-style: solid;
    border-width: 1px;
    border-color: grey;
    font-size: 12px;
}



textarea {
    border-style: solid;
    border-width: 1px;
    border-color: #a18c9f;
    font-size: 12px;
    width: 250px;
    height: 100px;
}

input[type=submit] {
    color: #000000;
    margin: 0;
    padding: 0;
}


input[type=checkbox] {
    border-width: 0px;
}

.input_normal {
    border-style: solid;
    border-width: 1px;
    border-color: #a18c9f;
    font-size: 12px;
    width: 350px;
}

.textarea_normal {
    border-style: solid;
    border-width: 1px;
    border-color: #a18c9f;
    font-size: 12px;
    width: 350px;
    height: 150px;
}

.buttonRegular {
    cursor: pointer;
}

.buttonSelectObjects {
    width: 110px;
    cursor: pointer;
}

.buttonJobPackets {
    width: 110px;
    cursor: pointer;
}

.buttonJobPackets {
    width: 110px;
    cursor: pointer;
}

.buttomManagementinfo {
    width: 120px;
    cursor: pointer;
}

.buttonNewObject {
    width: 130px;
    cursor: pointer;
}

.buttonExport {
    cursor: pointer;
}

.mi {
    width: 750px;
    border: 0px none;
    border-color: White;
}

.lblInspecteur {
    font-weight: bold;
}

#listProjectenPaging {
    margin: 10px;
    padding: 0;
    list-style-type: none;
}

    #listProjectenPaging li {
        display: inline;
    }


#loader {
    display: none;
    width: 400px;
    height: 200px;
    margin: 0 33px;
    padding: 0;
}

    #loader img {
        display: block;
        margin: auto;
        width: 50%;
    }