.topnavbar .nav-wrapper,
.topnavbar .navbar-header {
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd3031b', endColorstr='#ffd3031b', GradientType=1)
}

.wrapper>section,
body {
    background-color: #f5f7fa
}

.topnavbar,
.wrapper>.aside {
    background-color: #fff
}

.topnavbar .navbar-header,
.topnavbar .navbar-nav>.active>a,
.topnavbar .navbar-nav>.active>a:focus,
.topnavbar .navbar-nav>.active>a:hover,
.topnavbar .navbar-nav>.open>a,
.topnavbar .navbar-nav>.open>a:focus,
.topnavbar .navbar-nav>.open>a:hover {
    background-color: transparent
}

.topnavbar .navbar-header {
    background-image: -webkit-linear-gradient(left, #006592 0, #006592 100%);
    background-image: -o-linear-gradient(left, #006592 0, #006592 100%);
    background-image: linear-gradient(to right, #006592 0, #006592 100%);
}

@media only screen and (min-width:768px) {
    .topnavbar .navbar-header {
        background-image: none
    }
}

.topnavbar .navbar-nav>.open>a,
.topnavbar .navbar-nav>li>.navbar-text,
.topnavbar .navbar-nav>li>a {
    color: #006592
}

.topnavbar .navbar-nav>.open>a:focus,
.topnavbar .navbar-nav>.open>a:hover,
.topnavbar .navbar-nav>li>a:focus,
.topnavbar .navbar-nav>li>a:hover {
    color: #f05050
}

.topnavbar .navbar-nav>li>[data-toggle=navbar-search] {
    color: #fff
}

.topnavbar .nav-wrapper {
    background-color: #006592;
    background-image: -webkit-linear-gradient(left, #006592 0, #006592 100%);
    background-image: -o-linear-gradient(left, #006592 0, #006592 100%);
}

@media only screen and (min-width:768px) {
    .topnavbar {
        background-color: #006592;
        background-image: -webkit-linear-gradient(left, #006592 0, #006592 100%);
        background-image: -o-linear-gradient(left, #006592 0, #006592 100%);
        background-image: linear-gradient(to right, #006592 0, #006592 100%);
        background-repeat: repeat-x;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd3031b', endColorstr='#ffd3031b', GradientType=1)
    }
    .topnavbar .navbar-nav>.open>a,
    .topnavbar .navbar-nav>.open>a:focus,
    .topnavbar .navbar-nav>.open>a:hover {
        box-shadow: 0 -3px 0 rgba(255, 255, 255, .5) inset
    }
    .topnavbar .navbar-nav>.open>a,
    .topnavbar .navbar-nav>li>.navbar-text,
    .topnavbar .navbar-nav>li>a {
        color: #fff
    }
    .topnavbar .navbar-nav>.open>a:focus,
    .topnavbar .navbar-nav>.open>a:hover,
    .topnavbar .navbar-nav>li>a:focus,
    .topnavbar .navbar-nav>li>a:hover {
        color: #f04333
    }
}

.sidebar {
    background-color: #fff
}

.sidebar .nav-heading {
    color: #919DA8
}

.sidebar .nav>li>.nav-item,
.sidebar .nav>li>a {
    color: #515253
}

.sidebar .nav>li>.nav-item:focus,
.sidebar .nav>li>.nav-item:hover,
.sidebar .nav>li>a:focus,
.sidebar .nav>li>a:hover {
    color: #f05050
}

.sidebar .nav>li>.nav-item>em,
.sidebar .nav>li>a>em {
    color: inherits
}

.sidebar .nav>li.active,
.sidebar .nav>li.active .nav,
.sidebar .nav>li.active>a,
.sidebar .nav>li.open,
.sidebar .nav>li.open .nav,
.sidebar .nav>li.open>a {
    background-color: #fcfcfc;
    color: #f05050
}

.sidebar .nav>li.active>a>em,
.sidebar .nav>li.open>a>em {
    color: #f05050
}

.sidebar .nav>li.active {
    border-left-color: #f05050
}

.sidebar-subnav {
    background-color: #fff
}

.sidebar-subnav>.sidebar-subnav-header,
.sidebar-subnav>li>.nav-item,
.sidebar-subnav>li>a {
    color: #515253
}

.sidebar-subnav>li.active>.nav-item,
.sidebar-subnav>li.active>a,
.sidebar-subnav>li>.nav-item:focus,
.sidebar-subnav>li>.nav-item:hover,
.sidebar-subnav>li>a:focus,
.sidebar-subnav>li>a:hover {
    color: #f05050
}

.sidebar-subnav>li.active>.nav-item:after,
.sidebar-subnav>li.active>a:after {
    border-color: #f05050;
    background-color: #f05050
}

.offsidebar {
    border-left: 1px solid #ccc;
    background-color: #fff;
    color: #515253
}