html, body {
    background: #CCCCCC;
}

.header {
    background-color: #CCCCCC;
    background-image: linear-gradient(#CCCCCC 0%, #0099CC 75%);
    border-bottom: none;
    border-top: none;
}

.header .logo-container {
}

@media only screen and (max-width: 767px) {
    .header .logo-container {
        background-color: #CCCCCC;
        background-image: linear-gradient(#CCCCCC 0%, #0099CC 75%);
        border-bottom: none;
        border-top: none;
        
    }
    .header .header-right {
        background-color: #0099CC;
    }
}

.header .separator {
    background-color: transparent;
    background-image: -webkit-linear-gradient(#0099CC 0%, #0099CC);
    background-image: linear-gradient(#0099CC 0%, #0099CC);
    display: inline-block;
    height: 100%;
    margin: 0 5px 0;
    width: 0px;
    vertical-align: middle;
}

.text-muted {
    color: #000000 !important;
}
.text-muted a {
    color: #000000;
}

.page-header {
    background: #0099CC;
}

.page-header h2 {
    border-bottom-color: #FF0;

}
.sidebar-left {
    background: #0099CC;
    box-shadow: -5px 0 0 #ffff00 inset;
}

.sidebar-left .sidebar-header .sidebar-title {
    color: #FFFFFF;
}

.sidebar-widget .widget-header h6 {
    color: #FFFFFF;
}

ul.nav-main li a {
    color: #FFFFFF;
}
.sidebar-widget.widget-tasks ul li a {
    color: #FFFFFF;
}

.userbox .name, .userbox .role {
    color: #FFFF00;
}

.userbox.open .name, .userbox.open .role {
    color: #000;
}

.notifications .notification-menu .notification-title {
    background: #f00;
}
.notifications .notification-menu::before, .notifications .notification-icon::before {
    border-bottom-color: #f00;
}

.gallery-list-text-color {
    color: #000;
}