

/*.kennismodule_panel, .k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item {
    background-color: #FFF!important;
    background-image: none!important;
}*/

.k-draghandle.k-state-selected,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-state-selected,
.k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited {
    background-color: transparent !important;
    background-image: none !important
}

    .k-in:hover,
    .k-draghandle.k-state-selected:hover,
    .k-ghost-splitbar-horizontal:hover,
    .k-ghost-splitbar-vertical:hover,
    .k-list > .k-state-highlight:hover,
    .k-list > .k-state-selected:hover,
    .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected:hover,
    .k-scheduler .k-today.k-state-selected:hover,
    .k-state-selected:hover,
    .k-state-selected:link:hover,
    .k-state-selected:visited:hover {
        background-color: transparent !important;
        background-image: none !important
    }


.k-widget {
    border: none !important;
}

/*MENU*/
.k-menu {
    background-color: #FFF !important;
}

    .k-menu,
    .k-menu ul,
    .k-menu ul:hover,
    .k-menu li,
    .k-menu li:hover,
    .k-menu span:hover,
    .k-menu span {
        border: none !important;
        color: #009DE0 !important;
    }

/*Buttons*/
.k-button,
.k-button.k-state-hover,
.k-button:hover {
    background-color: #d8d9d9 !important;
    background-image: none !important;
    border: none !important;
    text-transform: uppercase !important;
    font-family: museo700;
}

/*Window*/

.k-window .k-header {
    /*background-color: #e1e8ee !important;
    background-image: none !important;*/
}

.k-window-titlebar {
    background-color: #009de0 !important;
    background-image: none !important;
    border-radius: 0 !important;
    border: none !important;
    color: #fff;
}

/*Upload*/
.k-upload {
    background-color: #fff !important;
    background-image: none !important;
}
/*PANELBAR*/
.k-panelbar .k-header,
.k-panelbar .k-link,
.k-panelbar .k-link.k-state-hover,
.k-panelbar .k-link.k-state-active,
.k-panelbar .k-link.k-state-focused,
.k-panelbar .k-link.k-state-selected,
.k-panelbar .k-link.k-state-highlighted {
    background-color: #fff !important;
    background-image: none;
    color: #000 !important;
    box-shadow: none !important;
    border: none !important;
}

.k-panelbar .k-link {
    height: 42px !important;
    text-indent: 5px !important;
    line-height: 44px !important;
}

.toc-panel-link.k-link:hover {
    font-size: 1em !important;
}

.toc-panel-link.k-link,
.k-state-selected {
    font-family: museo500 !important;
    color: #009DE0 !important;
    font-size: 1em !important;
}


    .toc-panel-link.k-link.k-state-selected,
    .toc-panel-sublink.k-link.k-state-selected {
        background-image: url('/Images/bg_panel_selected.png') !important;
        background-repeat: no-repeat !important;
        background-position: left;
        border-top: 1px solid #e1e8ee !important;
        border-bottom: 1px solid #e1e8ee !important;
        font-family: museo500 !important;
    }

        .toc-panel-link.k-link.k-state-selected.theme,
        .toc-panel-sublink.k-link.k-state-selected.theme {
            background-color: #f7f8fa !important;
        }

.toc-panel-sublink.k-link {
    font-family: museo300 !important;
    color: #009DE0 !important;
    font-size: 1em !important;
    text-indent: 10px !important;
}

.toc-panel-sub-sublink.k-link {
    font-family: museo300 !important;
    color: #009DE0 !important;
    font-size: 1em !important;
    text-indent: 15px !important;
}

.toc-panel-sub-sub-sublink.k-link {
    font-family: museo300 !important;
    color: #009DE0 !important;
    font-size: 1em !important;
    text-indent: 20px !important;
}

.toc-panel-link-restricted.k-link,
.toc-panel-link-restricted.k-link:hover,
.toc-panel-sublink-restricted.k-link,
.toc-panel-sublink-restricted.k-link:hover {
    color: #adadad !important;
}

    .toc-panel-sublink-restricted.k-link.k-state-selected,
    .toc-panel-link-restricted.k-link.k-state-selected {
        color: #adadad !important;
    }

.k-group {
}


/*TREE*/
.k-treeview {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

    .k-treeview .k-in:hover,
    .k-treeview .k-in {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        color: #009DE0 !important;
        border: none !important;
    }


        .k-treeview .k-in.k-state-focused,
        .k-treeview .k-in.k-state-focused:hover,
        .k-treeview .k-in.k-state-selected,
        .k-treeview .k-in.k-state-selected:hover,
        .k-treeview .k-in:hover,
        .k-treeview .k-item:hover {
            /*background-color: transparent !important;*/
            /*background-image: none !important;*/
            background-color: initial !important;
            background-image: initial !important;
            border: none !important;
            border-color: none !important;
            font-family: museo300 !important;
            box-shadow: none;
            -webkit-box-shadow: none;
            cursor: pointer !important;
        }

.k-treeview, .k-content {
    border: none !important;
    border-style: none !important;
    border-width: 0 !important;
    /*overflow-x: hidden !important;
    overflow-y: visible;*/
}

    .k-treeitem,
    .k-treeview .k-item {
        /*background-color: #F7F8FA !important;*/
        background-color: initial !important;
        background-image: initial !important;
        color: #009DE0 !important;
        font-family: museo300 !important;
        border: none !important;
        padding-top: 15px !important;
        cursor: pointer !important;
    }

.panel-tree-container {
    background-color: initial !important;
}

li[aria-selected="true"] > span.k-state-selected {
    background-color: initial !important;
}

li[aria-selected="true"] > div:first-child {
    /*background-color: #f6f6f6 !important;
    background-image: url('/Images/bg_panel_selected.png') !important;*/
    /*background-repeat: no-repeat !important;
    background-position: left !important;*/
}

    li[aria-selected="true"] > div:first-child > span {
    }

li[aria-selected="true"] > ul {
    background-color: #F7F8FA !important;
}

.k-treeview .k-in.k-state-selected {
    color: #000 !important;
    text-indent: 3px;
    /*background-image: url('/Images/bg_panel_selected.png') !important;
    background-repeat: no-repeat !important;
    background-position: left!important;*/
}

    .k-treeview .k-in.k-state-selected:hover {
        background-color: initial !important;
        color: #000 !important;
        text-indent: 3px;
        background-repeat: no-repeat !important;
        background-position: left !important;
    }



.dossiers .k-treeitem,
.k-treeview .k-item {
    color: #009DE0 !important;
    font-family: museo300 !important;
    border: none !important;
    padding-top: 15px !important;
    cursor: pointer !important;
}

.k-treeview.dossiers li:hover {
    /*background-color:#F7F8FA!important;*/
}



























/*tabs*/

.tabs-panel .k-tabstrip-wrapper {
    display: table-cell !important;
    width: 400px;
    white-space: nowrap;
    vertical-align: top;
}

.tab-panel {
    box-shadow: none !important;
}

    .tab-panel .k-tabstrip-items .k-state-default {
        background-color: #E1E8EE !important;
        background-image: none !important;
        border-left: 0 none !important;
        border-radius: 0 !important;
        border-right: 0 none !important;
        border-top: 0 none !important;
        font-size: 1em !important;
        color: #000 !important;
        text-align: center !important;
        margin-left: 10px;
        line-height: 30px !important;
    }

    .tab-panel .k-tabstrip-items .k-state-active {
        background-color: #FFFFFF !important;
        background-image: none !important;
        border-left: 0 none !important;
        border-radius: 0 !important;
        border-right: 0 none !important;
        border-top: 0 none !important;
        font-size: 1em !important;
        padding: 0 !important;
        color: #000 !important;
        text-align: center !important;
        line-height: 30px !important;
    }

    .tab-panel.k-tabstrip.k-header {
        background-image: none !important;
        background-color: #009DE0 !important;
        border: none !important;
        padding-top: 25px !important;
    }

    .tab-panel .k-tabstrip-items {
    }

    .tab-panel .k-content {
        padding: 0 !important;
        margin: 0 !important;
    }

    .tab-panel .k-tabstrip-items .k-state-default .k-link {
        color: #000 !important;
        font-family: museo300 !important;
        border-radius: 0 !important;
        padding: 2px 10px 2px 10px !important;
    }

    .tab-panel .k-tabstrip-items .k-state-active .k-link {
        color: #000 !important;
        font-family: museo700 !important;
        padding: 2px 10px 2px 10px !important;
    }

    .tab-panel.blue.k-tabstrip.k-header {
        background-color: #F7F8FA !important;
        padding-top: 0 !important;
    }

    .tab-panel.blue .k-tabstrip-items .k-state-default {
        background-color: #F7F8FA !important;
        font-family: museo700 !important;
        border-bottom-color: #009DE0 !important;
    }


        .tab-panel.blue .k-tabstrip-items .k-state-default .k-link {
            color: #00aee7 !important;
        }

        .tab-panel.blue .k-tabstrip-items .k-state-default .k-link {
            font-family: museo700 !important;
            color: #00aee7 !important;
        }

    .tab-panel.blue .k-tabstrip-items .k-state-active .k-link {
        background-color: #009DE0 !important;
        color: #FFFFFF !important;
        font-family: museo700 !important;
    }

#searchTypeTabs div.k-content {
    display: none !important;
}




.k-grid-norecords-template {
    top: 50%;
    left: 50%;
    margin-left: -10em;
    margin-top: -2em;
    width: auto !important;
    height: 300px !important;
    position: absolute;
    text-align: left !important;
    padding: 10px;
    line-height: 13px !important;
}

.k-grid-norecords-template {
    background-color: #fff;
    border: 1px solid #d5d5d5;
}

/*GRID CELLS*/
.k-grid {
    background-color: transparent !important;
}

.k-grid-header,
.k-grid-header .k-header {
    background-color: #f7f8fa !important;
    background-image: none !important;
}

.k-header .sortable {
    color: #fff !important;
}

.k-grid-content table {
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
}

.k-grid-content td {
    background-color: #FFF !important;
}


#gridSubstances .k-grid-content table {
    border-collapse: collapse !important;
    border-spacing: 0 10px !important;
}

#gridSubstances .k-grid-content td {
    background-color: inherit !important;
}

#gridSubstances .k-grid-content td {
    background-color: inherit !important;
}

    /*GRID CELLS VEILIGHEIDSKLASSEN*/
    #gridSubstances .k-grid-content td:first-child + td + td[data-content="innerHTML2"] {
        color: orange !important;
    }

    #gridSubstances .k-grid-content td.src-2 {
        background-color: red !important;
    }

    #gridSubstances .k-grid-content td.src-3 {
        background-color: black !important;
        color: #fff;
    }


#gridSubstances .k-grid-content tr:hover {
    background-color: inherit !important;
}

#gridSubstances .k-grid-content tr.k-alt:hover {
    background-color: #f1f1f1 !important;
}

#gridSubstances .k-header,
#gridSubstances .k-header .k-link #gridKencijfersParkeren.k-header,
#gridKencijfersParkeren .k-header .k-link,
#gridKencijfersParkeren.k-header,
#gridKencijfersParkeren .k-grid-header .k-header {
    background-color: #009DE0 !important;
    color: #FFF !important;
}

#gridTrafficLoad .k-grid-toolbar {
    background-color: #fff !important;
    color: #FFF !important;
    height: 30px !important;
}

#gridTrafficLoad .k-grid-content table {
    border-collapse: collapse !important;
    border-spacing: 0 10px !important;
}

#gridTrafficLoad .k-grid-content td {
    background-color: inherit !important;
}

#gridTrafficLoad .k-grid-content td {
    background-color: inherit !important;
}

#gridTrafficLoad .k-grid-content tr:hover {
    background-color: inherit !important;
}

#gridTrafficLoad .k-grid-content tr.k-alt:hover {
    background-color: #f1f1f1 !important;
}
/*GRID PAGER*/

.k-grid-pager {
    background-color: #009DE0 !important;
    background-image: none !important;
}

.k-grid.dossiers {
    border: 2px solid #009DE0 !important;
}

.dossiers tr:hover {
    background-color: inherit !important;
    background-image: none !important;
}

.dossiers tr.k-alt {
    background-color: #fff !important;
}

.dossiers td {
    border-left: 2px solid #009DE0 !important;
}

.dossiers .k-grid-header .k-header {
    background-image: none !important;
    background-color: #009DE0 !important;
    color: #fff !important;
    border: none !important;
}

    .dossiers .k-grid-header .k-header .k-link {
        background-image: none !important;
        background-color: #009DE0 !important;
        color: #fff !important;
        font-family: museo300;
    }

.dossiers .k-grid-header {
    background-image: none !important;
    background-color: #009DE0 !important;
    color: #fff !important;
}


.k-grid-pager .k-state-hover,
.k-grid-pager .k-state-selected {
    background-color: transparent !important;
    color: #FFFFFF !important;
    border: none !important;
    border-style: none !important;
    background-image: none !important;
    line-height: 24px !important;
}

.k-pager-numbers .k-state-hover,
.k-pager-wrap .k-link {
    border-color: #FFFFFF !important;
    opacity: 1;
    color: #FFF !important;
    font-size: 11px !important;
}

    .k-pager-wrap .k-link:visited {
        border-color: #FFFFFF !important;
        opacity: 1;
        color: #FFF !important;
        font-size: 11px !important;
    }

.k-pager-wrap .k-state-selected {
    border-color: #FFFFFF !important;
    color: #000 !important;
    font-weight: normal !important;
}


.k-pager-wrap .k-link .k-i-seek-e {
    background-position: -16px -80px !important;
    background-color: transparent !important;
}

.k-pager-wrap .k-link .k-i-seek-w {
    background-position: -16px -112px !important;
    background-color: transparent !important;
}

.k-pager-wrap .k-link .k-i-arrow-e {
    background-position: -16px -16px !important;
    background-color: transparent !important;
}

.k-pager-wrap .k-link .k-i-arrow-w {
    background-position: -16px -48px !important;
    background-color: transparent !important;
}

.k-pager-wrap .k-state-hover:hover,
.k-pager-wrap .k-link:hover {
    background-position: -16px -80px !important;
    background-color: transparent !important;
    background-image: none !important;
}

.k-pager-numbers .k-link,
.k-pager-numbers .k-state-hover:hover,
.k-pager-numbers .k-link:hover {
    color: #FFF !important;
    border: none !important;
    border-style: none !important;
    background-image: none !important;
    background-color: transparent !important;
    line-height: 24px !important;
    font-size: 13px !important;
}

/*GRID TOOLBAR*/

.k-grid .k-grid-toolbar {
    background-color: #009DE0 !important;
    background-image: none !important;
    color: #FFF !important;
    margin-top: 10px !important;
    height: 55px;
}



#search-results .k-grid-header {
    display: none !important;
}



/*DROPDOWN*/
.k-dropdown .k-state-default {
    background-image: none !important;
    /*background-color: #FFF !important;*/
    color: #000 !important;
}

.k-list .k-item {
    background-image: none !important;
    /*background-color: #FFF !important;*/
    color: #000 !important;
    border: none !important;
    border-style: none !important;
    padding: 1px 5px 1px 5px !important;
    line-height: 1.8em !important;
}

    .k-list .k-item.k-state-selected {
        background-image: none !important;
        /*background-color: #FFF !important;*/
        color: #000 !important;
        border: none !important;
        border-style: none !important;
        line-height: 1.8em !important;
        font-weight: normal !important;
    }

    .k-list .k-item.k-state-hover {
        background-image: none !important;
        background-color: #009DE0 !important;
        color: #000 !important;
        border: none !important;
        border-style: none !important;
        line-height: 1.8em !important;
    }

/*.k-dropdown .k-i-arrow-s .k-state-hover:hover,
.k-dropdown .k-i-arrow-s {
    background-position: 0 -32px !important;
}*/

/*COMBOBOX*/
.k-combobox .k-i-arrow-s .k-state-hover:hover,
.k-combobox .k-i-arrow-s {
    background-position: 0 -32px !important;
}


element {
}

.k-list .k-item.k-state-selected {
    background-image: none !important;
    /*background-color: #FFF !important;*/
    color: #000 !important;
    border: none !important;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-style: none !important;
    line-height: 1.8em !important;
    font-weight: normal !important;
}

.k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    -webkit-box-shadow: none!important;
    box-shadow:none!important;
}

.k-input {
    background-color: transparent !important;
   
}

.k-input.numeric-textbox {
    padding: 0 !important;
}

.k-button,
.k-button.k-state-hover,
.k-button:hover {
    background-color: #d8d9d9 !important;
    background-image: none !important;
    border: none !important;
    text-transform: uppercase !important;
    font-family: museo700;
}



.k-input,
.k-list-container {
    background-color: #ffffff !important;
}

.k-input {
    text-align: right;
}

.k-dropdown .k-input {
    text-align: left !important;
}

.costdetail .k-input {
    text-align: left !important;
}

.k-numerictextbox .k-input {
    padding: 5px !important;
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    width: 1.3em !important;
}

.k-window-titlebar {
    background-color: rgb(0, 157, 224) !important;
    background-image: none !important;
    border-radius: 0 !important;
    border: none !important;
}

.k-numeric-wrap.validation-error {
    border-color: red !important;
}

.kendo-numeric-disabled {
    width: 60px;
    padding: 0 !important;
    background-color: rgb(161, 192, 54) !important;
    color:#fff!important;
   
}
.kendo-numeric-disabled .k-numeric-wrap.k-expand-padding {
    padding-right: 8px;
    background-color: transparent !important;
    background-image: none !important;
}
.kendo-numeric-disabled .k-input {
    padding: 3px 0 0 0px !important
}