.header , #footer , .my-breadcrumb-bg , .my-breadcrumb  , #footer , .service-download , .service-nav li  , .product-title ,.product-search
{
    background-color: #333 ;
}


.nav-box .navbar-collapse .nav li a  , .index-source-title h4, .index-publish-title h4, .index-database-title h4{
    color: #333;
}
.nav-box .navbar-collapse .nav li.active a{
    background-color:  #ccc;
    color: #333;
}
.nav-box .navbar-collapse .nav li a:hover{
    background-color:  #ccc;
    color: #333;
}

.service-sidebar li ,.about-title li ,.publish-nav li , .database-nav li{
    /*padding: 10px 30px;*/
    text-align: center;
    margin-top: 10px;
    background-color: white;
    border: 1px solid #ccc ;
    cursor: pointer;
    transition: all 1s;
    color: black;
}
.about-title li a ,.publish-nav li a,.database-nav  li a{
    color: black;
}
.service-sidebar li.active , .publish-nav .publish-nav-active , .database-nav .database-nav-active{
    background-color: #ccc;
    color: #333;
}

.header-bg {

    border: 0;
    border-bottom: 1px solid #333;
    margin-bottom: 20px;
}


.index-database-content .index-database-item:hover a {
    background-color: #ccc;
    color: white;
}

.index-database-content .index-database-item:hover {
    background-color: #ccc;
    color: white;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #ccc;
    border-color: #ccc;
}
.btn-primary {
    color: #ffffff;
    background-color: #ccc;
    border-color: #ccc;
}