.sidebar .nav li.active > a:not([data-toggle="collapse"])::before, .off-canvas-sidebar .nav li.active > a:not([data-toggle="collapse"])::before {

}
.sidebar .nav li.active > a[data-toggle="collapse"] + div .nav .active a::before, .off-canvas-sidebar .nav li.active > a[data-toggle="collapse"] + div .nav .active a::before {
    left: 22px;
}
.sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini-icon, .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini-icon, .off-canvas-sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini-icon, .off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini-icon {
    width: 36px;
}

.nav .nav {
    background-color: rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0.1rem 0.12rem 1.5rem -1rem rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0.1rem 0.12rem 1.5rem -1rem rgba(0,0,0,0.3);
    box-shadow: inset 0.1rem 0.12rem 1.5rem -1rem rgba(0,0,0,0.3);
}
.sidebar-wrapper > .nav {
    margin-bottom: 3rem;
}

@media screen and (min-width: 992px) {
    .perfect-scrollbar-on .sidebar, .perfect-scrollbar-on .main-panel {
        height: calc(100vh - 7rem);
        max-height: calc(100vh - 7rem);
    }
}
@media screen and (max-width: 991px) {
    .nav-open .main-panel {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .nav-open .main-panel {
        overflow-x: hidden;
    }
    .navbar {
        -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
        transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);

        position: fixed !important;
        box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.3);
    }
    .navbar.navbar-transparent {
        background-color: #27293d !important;
    }
    .main-panel {
        border-top: 0 !important;
    }
    .navbar {
        border-top: 2px solid #e04dc9;
    }
    .navbar[data="blue"] {
        border-top: 2px solid #1d8cf8;
    }
    .navbar[data="green"] {
        border-top: 2px solid #00c39e;
    }
    .navbar[data="primary"] {
        border-top: 2px solid #e04dc9;
    }
    .nav-open .main-panel .navbar {
        -webkit-transform: translate3d(260px, 0, 0);
        -moz-transform: translate3d(260px, 0, 0);
        -o-transform: translate3d(260px, 0, 0);
        -ms-transform: translate3d(260px, 0, 0);
        transform: translate3d(260px, 0, 0);
    }
}

.dropdown-menu {
    background-color: #27293d;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.3);
}
.dropdown-menu::before {
    color: #27293d;
}
.navbar .dropdown .dropdown-menu li a {
    color: hsla(0,0%,100%,.7);
}
.navbar .dropdown .dropdown-menu .dropdown-item:hover {
    color: hsla(0,0%,100%,.9);
}
.dropdown-divider {
    border-top: 1px solid #191f31;
}

.modal {
    background-color: rgba(29, 29, 36, 0.3);
}

.modal-content {
    background-color: #27293d;
    box-shadow: 0 1px 20px 0 rgba(0,0,0,.1);
}

.modal-content, .modal-content p {
    color: hsla(0,0%,100%,.7) !important;
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 2rem);
    transform: translate(0, 2rem);
    margin-bottom: 4rem;
}
    /*
.form-group .input-group-prepend .input-group-text, .form-group .input-group-append .input-group-text, .input-group .input-group-prepend .input-group-text, .input-group .input-group-append .input-group-text {
    padding: 0.5rem 0.7rem;
}
.form-group .input-group-prepend, .form-group .input-group-append, .input-group .input-group-prepend, .input-group .input-group-append {
    border-right: 1px solid #2b3553;
    -webkit-transition: border-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out;
    -ms-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
}
.input-group .form-control {
    padding-left: 12px;
}
.input-group-focus .input-group-prepend, .input-group-focus .input-group-append, .input-group-focus .input-group-prepend, .input-group-focus .input-group-append {
    border-right-color: #e14eca;
}
    */
    strong, b {
        font-weight: 600;
    }

    .card {
        color: hsla(0,0%,100%,.7);
    }

    .main-panel > .content {
        min-height: calc(100vh - 75px);
    }

    .table > thead > tr > th {
        font-weight: normal;
        color: rgba(255, 255, 255, 0.5);
    }

    .sidebar, .off-canvas-sidebar {
        background: #470e6f;
        background: -webkit-linear-gradient(0deg, #470e6f 0%, #e14eca 100%);
        background: -o-linear-gradient(0deg, #470e6f 0%, #e14eca 100%);
        background: -moz-linear-gradient(0deg, #470e6f 0%, #e14eca 100%);
        background: linear-gradient(0deg, #470e6f 0%, #e14eca 100%);
    }

        .sidebar[data="green"],
        .off-canvas-sidebar[data="green"] {
            background: #006eae;
            background: -webkit-linear-gradient(0deg, #006eae 0%, #00c49e 100%);
            background: -o-linear-gradient(0deg, #006eae 0%, #00c49e 100%);
            background: -moz-linear-gradient(0deg, #006eae 0%, #00c49e 100%);
            background: linear-gradient(0deg, #006eae 0%, #00c49e 100%);
        }

    .card-stats .stats a {
        color: hsla(0,0%,100%,.6);
    }

    .btn.btn-action {
        font-size: 1.2rem;
        padding: 0.5rem;
    }

    .btn-muted {
        color: hsla(0,0%,100%,.4) !important;
    }

        .btn-muted:hover {
            color: hsla(0,0%,100%,.9) !important;
        }

    .footer .copyright {
        margin-left: 15px;
    }

    .full-page > .content {
        padding-top: 75px;
    }

    .navbar.bg-white {
        background: rgba(39, 41, 61, 0.90) !important;
        color: hsla(0,0%,100%,.9);
        box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.1);
    }

        .navbar.bg-white .navbar-nav .search-bar.input-group i {
            color: #27293d
        }

        .navbar.bg-white .navbar-nav .search-bar.input-group .form-control {
            background: rgba(34,42,66,.1);
            border-radius: 4px
        }

        .navbar.bg-white .navbar-nav a.nav-link {
            color: hsla(0,0%,100%,.9) !important;
        }

            .navbar.bg-white .navbar-brand,
            .navbar.bg-white .navbar-nav a.nav-link p,
            .navbar.bg-white .navbar-text {
                color: hsla(0,0%,100%,.9)
            }

        .navbar.bg-white .form-control {
            color: hsla(0,0%,100%,.9) !important
        }

            .navbar.bg-white .form-control::placeholder {
                color: #9a9a9a !important
            }

        .navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar {
            background-color: hsla(0,0%,100%,.9);
        }