.sidebar {
    /* background: linear-gradient(to bottom, #14aebc, #126988); */
    background: linear-gradient(to bottom, #14aebc 0%, #126988 35%);
    border-right-color: transparent!important;
}

.sidebar .nav-link,
.sidebar .nav-link:focus:not(:hover):not(.active) {
    color: rgba(255, 255, 255, 255)
}

.sidebar .logo,
.sidebar .nav-link.active,
.sidebar .nav-link:hover {
    color: #fff
}

.sidebar .nav-link.active,
.sidebar .nav-link:hover {
    background-color: rgba(255, 255, 255, .1)
}

.sidebar .nav-link.active {
    box-shadow: 3px 0 0 0 #fff inset
}

.sidebar .nav-label {
    color: rgba(255, 255, 255, 255)
}

.sidebar .treeview ul .nav-link.active,
.sidebar .treeview ul .nav-link:hover {
    background-color: transparent;
    box-shadow: none
}

.main-navbar {
    background: linear-gradient(to bottom, #141e30, #243b55)
}

.main-navbar .navbar-nav .nav-link,
.main-navbar .navbar-nav .nav-link:focus:not(:hover):not(.active),
.main-navbar .navbar-nav .show>.nav-link,
.main-navbar [data-scroll] {
    color: rgba(255, 255, 255, 255);
    background-color: transparent
}

.main-navbar .navbar-nav .nav-link.active,
.main-navbar .navbar-nav .nav-link:hover,
.main-navbar [data-scroll]:focus,
.main-navbar [data-scroll]:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

@media (min-width:992px) {
    .sticky-navbar .main-header {
        box-shadow: none
    }
}