﻿.wk-page-content .wk-sidebar {
    width: 250px;
    background-color: #007ac3;
    float: left;
}

.wk-sidebar li .TreeView {
    background-color: #007ac3;
    color: #ffffff;
}

.TreeView table
{
    padding-top: 10px;
    padding-bottom: 10px;
}

    .wk-sidebar li .TreeView a {
        color: #ffffff;
        font-size:0.87891rem;
    }
.wk-sidebar li .TreeView img {
    padding-right: 10px;
}

        .wk-sidebar li .TreeView a:hover {
            color: #98CA48;
        }

        .wk-sidebar li a {
            text-decoration: none;
        }

.wk-layout-25-75 > .wk-layout-item {
    width: 23.72881%;
    margin-right: 1.69492%;
}

.wk-content-filter-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .wk-content-filter-list > li {
        display: block;
    }

        .wk-content-filter-list > li > a {
            display: block;
        }

        .wk-content-filter-list > li::after {
            clear: both;
            content: ' ';
            display: table;
        }

        .wk-content-filter-list > li > a {
            color: #ffffff;
            font-size: 0.87891rem;
            font-weight: 400;
            padding: 0.875rem 0.625rem;
        }

            .wk-content-filter-list > li > a .wk-content-filter-label {
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .wk-content-filter-list > li > a .wk-badge {
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                background-color: transparent;
                border-radius: 0;
                color: #757575;
                float: right;
                font-size: 0.87891rem;
                font-weight: 300;
                margin-left: 0.5rem;
                max-width: 3.75rem;
                padding: 0;
                top: auto;
            }

@media (min-width: 37.5rem) and (max-width: 57rem) {
    .wk-content-filter-list > li > a .wk-badge {
        display: none;
    }
}

.wk-content-filter-list > li:last-child {
    margin-bottom: 0;
}

.wk-content-filter-list > li.active > a,
.wk-content-filter-list > li[wk-active] > a,
.wk-content-filter-list > li.wk-active > a {
    background: #757575;
    color: #fff;
}

    .wk-content-filter-list > li.active > a .wk-badge,
    .wk-content-filter-list > li[wk-active] > a .wk-badge,
    .wk-content-filter-list > li.wk-active > a .wk-badge {
        color: #fff;
    }

.wk-content-filter-list > li.wk-disabled > a,
.wk-content-filter-list > li[wk-disabled] > a {
    cursor: default;
}

    .wk-content-filter-list > li.wk-disabled > a .wk-badge,
    .wk-content-filter-list > li[wk-disabled] > a .wk-badge {
        display: none;
    }

.wk-content-filter-list > li > a:focus,
.wk-content-filter-list > li:hover > a {
    color: #98CA48;
}

.wk-content-filter-list > li.wk-disabled > a,
.wk-content-filter-list > li[wk-disabled] > a,
.wk-content-filter-list > li.wk-disabled > a:focus,
.wk-content-filter-list > li[wk-disabled] > a:focus,
.wk-content-filter-list > li.wk-disabled:hover > a,
.wk-content-filter-list > li[wk-disabled]:hover > a {
    background-color: #ededed;
    color: #bfbfbf;
}


.wk-page-content-div {
    position: relative;
    padding-bottom: 10px;
}

 

.ddlRelatieWidth {
    width: 220px
}
