.list {
    width: 14.375rem;
    font-size: .875rem
}

.list-item {
    padding: 0;
    margin-top: .625rem;
    line-height: 2.25rem
}


.list-title {
    margin-bottom: 0;
    margin-left: 1.0625rem;
    letter-spacing: .0625rem;
    font-weight: 600;
    font-size: .75rem
}

.list-hidden {
    display: none;
    overflow: hidden;
    /*padding: .625rem 0 .625rem 1.5625rem;*/
    padding: .625rem 0 .625rem .625rem;
}

.list-hidden .list-link {
    font-weight: 500;
    line-height: 1.875rem
}

.list-link {
    display: block;
    padding: 0 .625rem 0 1.1875rem;
    margin: 0;
    text-decoration: none;
}


.list-icon-blue .list-hidden .list-link[disabled=true],
.list-bg-dark .list-link[disabled=true],
.list-bg-white .list-link[disabled=true] {
    color: #7a8793;
}


.list-bg-white .list-link[disabled=true] .fa,
.list-bg-white .list-link[disabled=true] .fab,
.list-bg-white .list-link[disabled=true] .fad,
.list-bg-white .list-link[disabled=true] .fal,
.list-bg-white .list-link[disabled=true] .far,
.list-bg-white .list-link[disabled=true] .fas {
    color: #7a8793;
}

.list-bg-dark .list-link[disabled=true] .fa,
.list-bg-dark .list-link[disabled=true] .fab,
.list-bg-dark .list-link[disabled=true] .fad,
.list-bg-dark .list-link[disabled=true] .fal,
.list-bg-dark .list-link[disabled=true] .far,
.list-bg-dark .list-link[disabled=true] .fas {
    color: #7a8793;
}


.list-link:hover {
    text-decoration: none
}

.list-link:hover .fa,
.list-link:hover .fab,
.list-link:hover .fad,
.list-link:hover .fal,
.list-link:hover .far,
.list-link:hover .fas {
    animation: bellshake .5s cubic-bezier(.36, .07, .19, .97) both;
    backface-visibility: hidden;
    transform-origin: top right
}

.list-icon {
    width: 1.5625rem;
    display: inline-block
}

.link-arrow:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: .3125rem;
    float: right
}

.link-arrow.up:before {
    content: "\f105"
}

.link-arrow.down:before {
    content: "\f107"
}

.link-arrow.transition:before {
    transition: .2s all
}

.link-arrow.rotate:before {
    transform: rotate(90deg)
}

.link-arrow.rotate-revert:before {
    transform: rotate(-90deg)
}

.scrollbar {
    width: 14.375rem;
    overflow: hidden;
    position: relative
}

.scrollbar-not-navbar {
    height: calc(100vh)
}

.scrollbar-use-navbar {
    height: calc(100vh - 3.5rem)
}

.ps__rail-y {
    margin-top: .125rem;
    margin-bottom: .125rem
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus .ps__thumb-y,
.ps__rail-y:hover .ps__thumb-y,
.ps__thumb-y {
    width: .3125rem
}

.nanobar {
    width: 100%;
    height: .125rem;
    /*z-index: 9999;*/
    top: 0
}

.nanobar .bar {
    width: 0;
    height: 100%;
    transition: height .3s;
    background-color: #343a40
}

.list-bg-white {
    color: #b3b3b3;
}


.list-bg-white a {
    color: #b3b3b3;
}

.list-bg-white .list-link {
    /*color: #858585;*/
    color: #343a40;
}

.list-bg-white .link-current,
.list-bg-white .link-current:hover,
.list-bg-white .list-link[disabled=false]:hover {
    color: #1f1f1f
}

.list-bg-white .list-hidden {
    background-color: #f2f4f6
}

.list-bg-white .list-hidden .link-current,
.list-bg-white .list-hidden .link-current:hover,
.list-bg-white .list-hidden .list-link[disabled=false]:hover {
    /*color: #1f1f1f;*/
    opacity: 1
}

.list-bg-white .link-arrow:before {
    opacity: .3
}

.list-bg-white .link-arrow.active:before {
    opacity: 1
}

.list-bg-white .list-hidden .list-link {
    color: #424242;
    opacity: .6
}


.list-bg-white .list-link .fa,
.list-bg-white .list-link .fab,
.list-bg-white .list-link .fad,
.list-bg-white .list-link .fal,
.list-bg-white .list-link .far,
.list-bg-white .list-link .fas {
    /*color: #b8b8b8*/
    color: #343a40;
}

.list-bg-white .list-link.link-current .fa,
.list-bg-white .list-link.link-current .fab,
.list-bg-white .list-link.link-current .fad,
.list-bg-white .list-link.link-current .fal,
.list-bg-white .list-link.link-current .far,
.list-bg-white .list-link.link-current .fas,
.list-bg-white .list-link[disabled=false]:hover .fa,
.list-bg-white .list-link[disabled=false]:hover .fab,
.list-bg-white .list-link[disabled=false]:hover .fad,
.list-bg-white .list-link[disabled=false]:hover .fal,
.list-bg-white .list-link[disabled=false]:hover .far,
.list-bg-white .list-link[disabled=false]:hover .fas {
    color: #1f1f1f
}

.sidebar-user-bg-white {
    background-color: #f2f4f6
}

.sidebar-user-bg-white .sidebar-user-link {
    color: #858585
}

.sidebar-user-bg-white .sidebar-user-link[disabled=false]:hover {
    color: #1f1f1f
}

.scrollbar-bg-white .ps__rail-y.ps--clicking .ps__thumb-y,
.scrollbar-bg-white .ps__rail-y:focus .ps__thumb-y,
.scrollbar-bg-white .ps__rail-y:hover .ps__thumb-y,
.scrollbar-bg-white .ps__thumb-y {
    background-color: #d6d6d6
}

.list-bg-light {
    color: #9fadba
}

.list-bg-light .list-link {
    color: #6a7f94
}

.list-bg-light .link-current,
.list-bg-light .link-current:hover,
.list-bg-light .list-link:hover {
    color: #15191d
}

.list-bg-light .list-hidden {
    background-color: #f2f4f6
}

.list-bg-light .list-hidden .list-link {
    color: #323c46;
    opacity: .6
}

.list-bg-light .list-hidden .link-current,
.list-bg-light .list-hidden .link-current:hover,
.list-bg-light .list-hidden .list-link:hover {
    color: #15191d;
    opacity: 1
}

.list-bg-light .link-arrow:before {
    opacity: .3
}

.list-bg-light .link-arrow.active:before {
    opacity: 1
}

.list-bg-light .list-link .fa,
.list-bg-light .list-link .fab,
.list-bg-light .list-link .fad,
.list-bg-light .list-link .fal,
.list-bg-light .list-link .far,
.list-bg-light .list-link .fas {
    color: #a5b2bf
}

.list-bg-light .list-link.link-current .fa,
.list-bg-light .list-link.link-current .fab,
.list-bg-light .list-link.link-current .fad,
.list-bg-light .list-link.link-current .fal,
.list-bg-light .list-link.link-current .far,
.list-bg-light .list-link.link-current .fas,
.list-bg-light .list-link:hover .fa,
.list-bg-light .list-link:hover .fab,
.list-bg-light .list-link:hover .fad,
.list-bg-light .list-link:hover .fal,
.list-bg-light .list-link:hover .far,
.list-bg-light .list-link:hover .fas {
    color: #15191d
}

.sidebar-user-bg-light {
    background-color: #f2f4f6
}

.sidebar-user-bg-light .sidebar-user-link {
    color: #6a7f94
}

.sidebar-user-bg-light .sidebar-user-link:hover {
    color: #15191d
}

.scrollbar-bg-light .ps__rail-y.ps--clicking .ps__thumb-y,
.scrollbar-bg-light .ps__rail-y:focus .ps__thumb-y,
.scrollbar-bg-light .ps__rail-y:hover .ps__thumb-y,
.scrollbar-bg-light .ps__thumb-y {
    background-color: #c8d0d8
}

.list-bg-dark {
    color: #7a8793;
}


.list-bg-dark a {
    color: #7a8793;
}



.dropdown-item {
    color: #212529 !important;
    text-decoration: none !important;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd !important;
}


.list-bg-dark .list-link {
    /* color: #adb4bc*/
    color: #fff;
}

.list-bg-dark .link-current,
.list-bg-dark .link-current:hover,
.list-bg-dark .list-link[disabled=false]:hover {
    color: #fff
}

.list-bg-dark .list-hidden {
    background-color: #3b4248
}

.list-bg-dark .list-hidden .list-link {
   /* color: #f6f7f8;*/
    opacity: .6
}

.list-bg-dark .list-hidden .link-current,
.list-bg-dark .list-hidden .link-current:hover,
.list-bg-dark .list-hidden .list-link[disabled=false]:hover {
    color: #fff;
    opacity: 1
}

.list-bg-dark .link-arrow:before {
    opacity: .3
}

.list-bg-dark .link-arrow.active:before {
    opacity: 1
}

.list-bg-dark .list-link .fa,
.list-bg-dark .list-link .fab,
.list-bg-dark .list-link .fad,
.list-bg-dark .list-link .fal,
.list-bg-dark .list-link .far,
.list-bg-dark .list-link .fas {
    /*color: #74818e*/
    color: #FFF;
}

.list-bg-dark .list-link.link-current .fa,
.list-bg-dark .list-link.link-current .fab,
.list-bg-dark .list-link.link-current .fad,
.list-bg-dark .list-link.link-current .fal,
.list-bg-dark .list-link.link-current .far,
.list-bg-dark .list-link.link-current .fas,
.list-bg-dark .list-link[disabled=false]:hover .fa,
.list-bg-dark .list-link[disabled=false]:hover .fab,
.list-bg-dark .list-link[disabled=false]:hover .fad,
.list-bg-dark .list-link[disabled=false]:hover .fal,
.list-bg-dark .list-link[disabled=false]:hover .far,
.list-bg-dark .list-link[disabled=false]:hover .fas {
    color: #fff
}

.sidebar-user-bg-dark {
    background-color: #3b4248
}

.sidebar-user-bg-dark .sidebar-user-link {
    color: #adb4bc
}

.sidebar-user-bg-dark .sidebar-user-link[disabled=false]:hover {
    color: #fff
}

.scrollbar-bg-dark .ps__rail-y.ps--clicking .ps__thumb-y,
.scrollbar-bg-dark .ps__rail-y:focus .ps__thumb-y,
.scrollbar-bg-dark .ps__rail-y:hover .ps__thumb-y,
.scrollbar-bg-dark .ps__thumb-y {
    background-color: #6f7c89
}

.list-bg-blue {
    color: #70b5ff
}

.list-bg-blue .list-link {
    color: #d6eaff
}

.list-bg-blue .link-current,
.list-bg-blue .link-current:hover,
.list-bg-blue .list-link:hover {
    color: #fff
}

.list-bg-blue .list-hidden {
    background-color: #006fe6
}

.list-bg-blue .list-hidden .list-link {
    color: #fff;
    opacity: .6
}

.list-bg-blue .list-hidden .link-current,
.list-bg-blue .list-hidden .link-current:hover,
.list-bg-blue .list-hidden .list-link:hover {
    color: #fff;
    opacity: 1
}

.list-bg-blue .link-arrow:before {
    opacity: .3
}

.list-bg-blue .link-arrow.active:before {
    opacity: 1
}

.list-bg-blue .list-link .fa,
.list-bg-blue .list-link .fab,
.list-bg-blue .list-link .fad,
.list-bg-blue .list-link .fal,
.list-bg-blue .list-link .far,
.list-bg-blue .list-link .fas {
    color: #8fc5ff
}

.list-bg-blue .list-link.link-current .fa,
.list-bg-blue .list-link.link-current .fab,
.list-bg-blue .list-link.link-current .fad,
.list-bg-blue .list-link.link-current .fal,
.list-bg-blue .list-link.link-current .far,
.list-bg-blue .list-link.link-current .fas,
.list-bg-blue .list-link:hover .fa,
.list-bg-blue .list-link:hover .fab,
.list-bg-blue .list-link:hover .fad,
.list-bg-blue .list-link:hover .fal,
.list-bg-blue .list-link:hover .far,
.list-bg-blue .list-link:hover .fas {
    color: #fff
}

.sidebar-user-bg-blue {
    background-color: #006fe6
}

.sidebar-user-bg-blue .sidebar-user-link {
    color: #d6eaff
}

.sidebar-user-bg-blue .sidebar-user-link:hover {
    color: #fff
}

.scrollbar-bg-blue .ps__rail-y.ps--clicking .ps__thumb-y,
.scrollbar-bg-blue .ps__rail-y:focus .ps__thumb-y,
.scrollbar-bg-blue .ps__rail-y:hover .ps__thumb-y,
.scrollbar-bg-blue .ps__thumb-y {
    background-color: #b8daff
}

.list-icon-blue .list-hidden .link-current,
.list-icon-blue .list-hidden .link-current:hover,
.list-icon-blue .list-hidden .list-link:hover {
    opacity: 1
}

.list-icon-blue .link-arrow:before {
    opacity: .3
}

.list-icon-blue .link-arrow.active:before {
    opacity: 1
}

.list-icon-blue .list-link.link-current .fa,
.list-icon-blue .list-link.link-current .fab,
.list-icon-blue .list-link.link-current .fad,
.list-icon-blue .list-link.link-current .fal,
.list-icon-blue .list-link.link-current .far,
.list-icon-blue .list-link.link-current .fas,
.list-icon-blue .list-link[disabled=false]:hover .fa,
.list-icon-blue .list-link[disabled=false]:hover .fab,
.list-icon-blue .list-link[disabled=false]:hover .fad,
.list-icon-blue .list-link[disabled=false]:hover .fal,
.list-icon-blue .list-link[disabled=false]:hover .far,
.list-icon-blue .list-link[disabled=false]:hover .fas {
    color: #1a88ff
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
    background: 0 0
}

.sidebar-bg-dark-gradient {
    background: #343a40;
    background: linear-gradient(0, #343a40 0, rgba(52, 58, 64, .9) 100%)
}

.sidebar-bg-white-gradient {
    background: #fff;
    background: linear-gradient(0, #fff 0, rgba(255, 255, 255, 0) 100%)
}

.wrapper {
    min-height: 100vh
}

.wrapper-navbar-used {
    position: relative;
    min-height: calc(100vh - 3.5rem)
}

.wrapper-navbar-fixed {
    margin-top: 3.5rem
}

.sidebar {
    /*margin-left: -14.375rem;*/
    display: none;
    transition: margin .15s ease-out
}

@media (min-width:768px) {
    .sidebar {
        /*margin-left: 0*/
        display: block;
    }
}

.sidebar-toggle {
    margin-left: 0
}

.sidebar-toggle-visible {
    margin-left: 0
}

@media (min-width:768px) {
    .sidebar-toggle-visible {
        /*margin-left: -14.375rem;*/
        display: none;
    }
}

.sidebar-rounded-top-right {
    border-top-right-radius: .25rem
}

.sidebar-menu {
    width: 14.375rem
}

.sidebar-menu-fixed {
    position: fixed
}

.sidebar-bg-white {
    background-color: #fff
}

.sidebar-bg-light {
    background-color: #f8f9fa
}

.sidebar-bg-dark {
    background-color: #343a40
}

.sidebar-bg-blue {
    background-color: #007bff
}

.sidebar-bg-purple {
    background-color: #6f42c1
}

.sidebar-bg-pink {
    background-color: #e83e8c
}

.sidebar-bg-red {
    background-color: #dc3545
}

.sidebar-bg-orange {
    background-color: #fd7e14
}

.sidebar-bg-green {
    background-color: #28a745
}

.sidebar-bg-teal {
    background-color: #20c997
}

.sidebar-bg-cyan {
    background-color: #17a2b8
}


@keyframes bellshake {
    0% {
        transform: rotate(0)
    }

    15% {
        transform: rotate(5deg)
    }

    30% {
        transform: rotate(-5deg)
    }

    45% {
        transform: rotate(4deg)
    }

    60% {
        transform: rotate(-4deg)
    }

    75% {
        transform: rotate(2deg)
    }

    85% {
        transform: rotate(-2deg)
    }

    92% {
        transform: rotate(1deg)
    }

    100% {
        transform: rotate(0)
    }
}