/*****************************************
    DocumentClassListMode: TiledList
*****************************************/
#classlist-tiled-list .document-class-list-tile {
    background-color: #fafafa;
    border: 1px solid #dedede;
}

/*****************************************
    DocumentClassListMode: SearchList 
*****************************************/
#classlist-search-list .dbq-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
    background-color: #f8f8f8;
}
#classlist-search-list .dbq-scrollbar::-webkit-scrollbar {
    background-color: #fff;
}
#classlist-search-list .dbq-scrollbar::-webkit-scrollbar-thumb {
    background-color: #ddd;
}

#classlist-search-list #classlist-filters {
    background: #f8f8f8;
}
#classlist-search-list #classlist-filters .document-class-list-filter .checkbox label .search-property-count {
    color: #777;
}
#classlist-search-list #classlist-filters .document-class-list-filter-title {
    border-bottom: 1px solid #dddddd;
}
    #classlist-search-list #classlist-filters .document-class-list-filter {
        border-top: 1px solid #dddddd !important;
    }
#classlist-search-list #classlist-filters .document-class-list-filter-show-more {
    color: #3366cf;
}
    #classlist-search-list #classlist-filters .document-class-list-filter-title .dbq-document-class-list-filter-title-text {
        color: #989898;
    }

/*****************************************
    DocumentClassListMode: Developer Tools
*****************************************/
#classlist.class-list-developer-tools {
    background: #181a1f;
}
#dbq-document-class-list-breadcrumbs {
    background: #121212;
}

#classlist.class-list-developer-tools #dbq-document-class-list-breadcrumbs a {
    color: #fff;
    background: #1D1E22;
    border: 1px solid #151618;
}
#classlist.class-list-developer-tools #dbq-document-class-list-breadcrumbs .btn.btn-default:not(:last-child):before {
    border-left: 10px solid #1D1E22;
}
#classlist.class-list-developer-tools #dbq-document-class-list-breadcrumbs .btn.btn-default:not(:last-child):after {
    border-left: 10px solid #1D1E22;
}

/*****************************************
    Infragistics override
*****************************************/
.document-class-list-tree tr[aria-selected="true"] td.ui-state-active {
    background: #428bca;
    color: #fff;
    border-color: #428bca;
}

/*****************************************
    file upload / image upload
*****************************************/
.image-preview {
    border: 3px dashed lightgray;
}