/** 紫色主题 skin-purple **/
.skin-purple .navbar {
    background-color: purple;
}

.skin-purple .navbar-default .nav>li.selected>a,
.skin-purple .navbar-default .nav>li.selected>a:focus {
    background-color: #740774;
    color: rgba(255,255,255,1);
}

.skin-purple .navbar .nav>li>a {
    color: #fff
}

.skin-purple .navbar .nav>li>a:hover,
.skin-purple .navbar .nav>li>a:active,
.skin-purple .navbar .nav>li>a:focus,
.skin-purple .navbar .nav .open>a,
.skin-purple .navbar .nav .open>a:hover,
.skin-purple .navbar .nav .open>a:focus,
.skin-purple .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}

.skin-purple .navbar .sidebar-toggle {
    color: #fff
}

@media ( max-width :767px) {
    .skin-purple .navbar .dropdown-menu {
        background-color: purple !important;
    }
    .skin-purple .navbar .dropdown-menu li a {
        color: #fff;
    }
    .skin-purple .navbar .dropdown-menu li a:hover {
        background: #740774;
    }
}

.skin-purple .nav>li.active {
    background: purple;
    border-left: 3px solid purple;
}

.skin-purple .nav>li.active>ul li.active {
    border-left: none;
}