/* handje */
.hand {cursor: pointer;}

body, BODY {
}

/* --------------- */
/* Datatree styles */
/* --------------- */

/* Classes assigned to different levels/depths */
/* for the entire table */
table.datatree {
    font-size: 13px;
    background-color: white;
    border-spacing: 0px; /* does not work in IE? */
    border-collapse: collapse;
}

table.datatree th { /* default setting for all th cells */
    padding: 1px 4px 1px 4px; 
    text-align: left;
    font-size: 12px;
}

table.datatree td { /* default setting for all td cells */
    padding: 1px 4px 1px 4px; 
    font-size: 12px;
}

/* for the <thead> section */
table.datatree thead { /* font and background for header row */
    color: white;
    background-color: #3d7caa;
    font-size: 13px;
}
table.datatree tr {
    font-size: 13px;
}

table.datatree th.topLeftCell {
    background-color: white; /* override setting for <thead> */
    border-top: 0px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 0px;
}

table.datatree th.columnCaption_first{
    border-top: 1px solid black;

}

table.datatree th.columnCaption{
    border: 1px solid black;
    font-size: 13px;
}

table.datatree th.columnCaption_last{
    border: 1px black solid;
    font-size: 13px;
}

/* for the <tfoot> section */
table.datatree td.datatree-footer {
    border: 0px;
    border-top: 1px solid black;
}

/* for the <tbody> section */

/* All rowCaptions */
table.datatree th.rowCaption {
    border: 1px solid black;
}

/* All TD's and TH's */
table.datatree th, table.datatree td {
    vertical-align: text-top;
}

/* Text-indent to align with + and - sign on level 0,1,2,3 */
table.datatree th.depth_1, table.datatree th.depth_2, table.datatree th.depth_3 {
    text-indent: -13px;
}

/* LEVEL 0 */
table.datatree tr.depth_0 { /* font and background for level 0 */
    background-color: #8dc1fa;
    color: black;
    font-style: oblique;
    font-weight: bold;
    font-size: 13px;
}

table.datatree th.depth_0 {
    padding-left: 5px; /* override default padding to visualize hierarchy */
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
}

table.datatree td.depth_0_first {
    border: 1px solid black;
    font-size: 13px;
}

table.datatree td.depth_0 {
    border: 1px solid black;
}
table.datatree td.depth_0_last {
    border: 1px solid black;
}

/* LEVEL 1 */
table.datatree tr.depth_1 { /* font and background for level 1 */
    background-color: #92969a;
    color: white !important;
    font-weight: bold;

}

table.datatree td {
    white-space: nowrap;
}

table.datatree th.depth_1 {
    padding-left: 18px; /* override default padding to visualize hierarchy */
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 13px;
}

table.datatree td.depth_1_first, table.datatree td.depth_1 {
    border: 1px solid black;
}

table.datatree td.depth_1_last {

    border: 1px solid black;
}

/* LEVEL 2 */
table.datatree tr.depth_2 { /* font and background for level 2 */
    background-color: #a4caeb;
}

table.datatree th.depth_2 {
    font-size: 13px;
    padding-left: 31px; /* override default padding to visualize hierarchy */
}

table.datatree td.depth_2_first, table.datatree td.depth_2 {
    border: 1px solid black;
}

table.datatree td.depth_2_last {
    border: 1px solid black;
}

/* LEVEL 3 */
table.datatree tr.depth_3 { /* font and background for level 3 */
    background-color: white;
    font-size: 13px;
}

table.datatree tr.depth_3.databranch {
    background-color: #bdd6ec; /* 1/3 #f0f0f0 + 2/3 #a4caeb */
}

table.datatree th.depth_3 {
    padding-left: 44px; /* override default padding to visualize hierarchy */
    border-top: 1px solid #0A0A0A;
    font-weight: normal;
}

table.datatree td.depth_3_first, table.datatree td.depth_3 {
    border-right: 1px #0A0A0A solid;
    border-top: 1px solid #0A0A0A;
}

table.datatree td.depth_3_last {
    border-right: 1px solid black;
    border-top: 1px solid #0A0A0A;
}

/* LEVEL 4 */
table.datatree tr.depth_4 { /* font and background for level 4 */
    background-color: white;
    font-size: 13px;
}

table.datatree tr.depth_4.databranch {
    background-color: #d6e3ee; /* 2/3 #f0f0f0 + 1/3 #a4caeb */
}

table.datatree th.depth_4 {
    padding-left: 56px; /* override default padding to visualize hierarchy */
    border-top: 1px solid #0A0A0A;
    font-weight: normal;
}

table.datatree td.depth_4_first, table.datatree td.depth_4 {
    border-right: 1px #0A0A0A solid;
    border-top: 1px solid #0A0A0A;
}
table.datatree .OMSCHRIJVING {
    width:200px;
}

table.datatree td.depth_4_last {
    border-right: 1px solid black;
    border-top: 1px solid #0A0A0A;
}

/* LEVEL 5 */
table.datatree tr.depth_5 { /* font and background for level 4 */
    background-color: white;
    color: gray;
    font-size: 13px;
}

table.datatree th.depth_5 {
    text-align: right;
    font-weight: normal;
}

table.datatree td.depth_5_first, table.datatree td.depth_5 {
    border-right: 1px #0A0A0A solid;
}

table.datatree td.depth_5_last {
    border-right: 1px solid black;
}

table.datatree td.true:after{
    content: url('/bundles/samsonframework/icons/tick.png');
}

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

table.datatree td.center {
    text-align: center;
}

/* lowest LEVEL */
table.datatree tr.dataleaf:nth-child(odd) td,
table.datatree tr.dataleaf:nth-child(odd) th {
    background-color: #f0f0f0;
}