/* Custom Skin Override for Blue/Purple Identity */
.skin-black .wrapper .main-header>.logo,
.skin-black .wrapper .main-header .navbar,
.skin-black .wrapper .main-header .navbar a,
.skin-black .wrapper .main-header .navbar a span,
.skin-black .wrapper .main-header .navbar a i,
.skin-black .wrapper .main-header .navbar a i span {
    background: linear-gradient(135deg, #363484 0%, #1b1464 100%) !important;
}

.skin-black .main-header .logo {
    background-color: #1b1464 !important;
    color: #ffffff !important;
    border-right: 1px solid #363484 !important;
}

.skin-black .main-header .logo:hover {
    background-color: #363484 !important;
}

.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side {
    background-color: #1b1464 !important;
}

.skin-black .sidebar-menu>li.header {
    background: #15104d !important;
    color: #a8a6d9 !important;
}

.sidebar {
    background-color: #1b1464;
}

.skin-black .sidebar-menu>li:hover>a,
.skin-black .sidebar-menu>li.active>a {
    color: #ffffff !important;
    background: #363484 !important;
    border-left-color: #a8a6d9 !important;
}

.cForm .form-submit {
    background-color: #363484;
}

.bg-brown {
    background: #363484;

}

.table-responsive .table thead {
    background: linear-gradient(135deg, #5422c2 0%, #363484 100%);
}

.table-responsive .btn-default {
    background-color: #363484;
}

.table-responsive .table tbody tr:nth-child(2n+1) {
    background-color: #eae6ff;
}

.main-footer {
    background: #e1deff none repeat scroll 0 0;
}

.box.box-success {
    border-top-color: #5422c2;
}

.content-wrapper,
.right-side {
    background-color: #f1eeff;
}

.skin-black .sidebar-menu>li>.treeview-menu {
    background: #140f4a !important;
}

.skin-black .user-panel>.info,
.skin-black .user-panel>.info>a {
    color: #fff !important;
}

/* Navbar links */
.skin-black .main-header .navbar .nav>li>a {
    color: #ffffff !important;
}

.skin-black .main-header .navbar .nav>li>a:hover,
.skin-black .main-header .navbar .nav>li>a:active,
.skin-black .main-header .navbar .nav>li>a:focus,
.skin-black .main-header .navbar .nav .open>a,
.skin-black .main-header .navbar .nav .open>a:hover,
.skin-black .main-header .navbar .nav .open>a:focus,
.skin-black .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1) !important;
    color: #ffffff !important;
}

.skin-black .main-header .navbar .sidebar-toggle {
    color: #ffffff !important;
}

.skin-black .main-header .navbar .sidebar-toggle:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    color: #ffffff !important;
}