.topbar{
    background-color: #002a4d;
}

.navbar-custom{
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 4px 6px -6px #000;
    -moz-box-shadow: 0 4px 6px -6px #000;
    box-shadow: 0 4px 6px -6px #000;
}

.navbar-custom .navbar-nav a{
    color:#337ab7;
}

.navbar-custom .navbar-nav a:hover{
    /* hover color here */
    background-color:transparent;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #337ab7;
}

.navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:hover{
    color:#337ab7;
    border-color: #337ab7;
}

.navbar-custom .navbar-toggle {
    color:#337ab7;
    border-color: #337ab7;
}

.navbar-custom .active>a{
    /* active color here */
}

.navbar-custom .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #3b93d8;
}

.navbar-custom .dropdown-menu a{
    color:#000;
}

.navbar-custom .dropdown-menu li:hover{
    background-color: rgba(59, 147, 216, 0.25);
}

.navbar-custom .dropdown-menu a:hover{
    color:#000;
    box-shadow: none;
}

.navbar-custom .nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
}

#logo{
    max-height:65px;
    margin-top:-22px;
}

#logo-cropped, #logo-client{
    margin-top:-22px;
    max-height: 65px;
}

.footer {
    background-color: #002a4d;
    color:#fff;
}

.custom-list-avatar, .custom-list-expandable-avatar{
    background-color: #337ab7;
    color:#fff;
}

.custom-list h1, .custom-list-expandable h1{
    color: #337ab7;
}

.custom-list h2, .custom-list-expandable h2{
    color: #282828;
}

.custom-list-expandable-check{
    color:#5cb85c;
}

fieldset.form-group legend {
    color: #337ab7;
}

.dash-box-color-opt1 .dash-box-avatar{
    background-color: #8BB918;
}

.dash-box-color-opt1 .dash-box-link a {
    color:#8BB918;
}

.dash-box-color-opt1 .dash-box-title{
    color:#8BB918;
}

.dash-box-color-opt2 .dash-box-avatar{
    background-color: #E84244;
}

.dash-box-color-opt2 .dash-box-link a {
    color:#E84244;
}

.dash-box-color-opt2 .dash-box-title{
    color:#E84244;
}

.dash-box-color-opt3 .dash-box-avatar{
    background-color: #3d96ce;
}

.dash-box-color-opt3 .dash-box-link a {
    color:#3d96ce;
}

.dash-box-color-opt3 .dash-box-title{
    color:#3d96ce;
}

.dash-box-color-opt4 .dash-box-avatar{
    background-color:#f44336;
}

.dash-box-color-opt4 .dash-box-link a {
    color:#f44336;
}

.dash-box-color-opt4 .dash-box-title{
    color:#f44336;
}

.dash-box-color-opt5 .dash-box-avatar{
    background-color: #00bcd4;
}

.dash-box-color-opt5 .dash-box-link a {
    color:#00bcd4;
}

.dash-box-color-opt5 .dash-box-title{
    color:#00bcd4;
}

.dash-box-color-opt6 .dash-box-avatar{
    background-color: #3f51b5;
}

.dash-box-color-opt6 .dash-box-link a {
    color:#3f51b5;
}

.dash-box-color-opt6 .dash-box-title{
    color:#3f51b5;
}

.dash-graph-color-opt1{
    color:#8BB918;
    border:1px solid rgba(118, 162, 8, 0.4);
}

.dash-graph-color-opt1 .glyphicon{
    color:rgba(118, 162, 8, 0.4);
}

.dash-graph-color-opt2{
    color:#E84244;
    border:1px solid rgba(183, 46, 47, 0.4);
}

.dash-graph-color-opt2 .glyphicon{
    color:rgba(183, 46, 47, 0.4);
}

.dash-graph-color-opt3{
    color:#3d96ce;
    border:1px solid rgba(39,109,152, 0.4);
}

.dash-graph-color-opt3 .glyphicon{
    color:rgba(39,109,152, 0.4);
}

.dash-graph-color-opt4{
    color:#f44336;
    border:1px solid rgba(244, 67, 54, 0.4);
}

.dash-graph-color-opt4 .glyphicon{
    color:rgba(244, 67, 54, 0.4);
}

.dash-graph-color-opt5{
    color:#00bcd4;
    border:1px solid rgba(0, 188, 212, 0.4);
}

.dash-graph-color-opt5 .glyphicon{
    color:rgba(0, 188, 212, 0.4);
}

.dash-graph-color-opt6{
    color:#3f51b5;
    border:1px solid rgba(63, 81, 181, 0.4);
}

.dash-graph-color-opt6 .glyphicon{
    color:rgba(63, 81, 181, 0.4);
}
.navbar-custom .navbar-nav a:hover{
    background-color: rgba(0, 42, 77, 0.06) !important;
}
.navbar-custom .navbar-nav .active{
    background-color: rgba(0, 42, 77, 0.06) !important;
}

.player_accordion .panel-heading .glyphicon, .player_hotspotaccordion .panel-heading .glyphicon{
    color:#337AB7;
}

@media (max-width: 475px) {
    #logo {
        xmargin-top:-15px;
    }
    #logo-cropped, #logo-client{
        margin-top:-18px !important;
    }
}

@media (max-width: 992px) {
    #logo-cropped, #logo-client{
        margin-top:-15px;
    }
    #logo-client {
        max-height: 50px;
    }
}