.wrapper nav {
    padding: 0px;
    box-sizing: border-box;
}

/* SLIDER & NOTIFICATION ICON */
.dashb-icon {
    font-size: 30px;
    color: var(--app-primary);
    text-align: center;
    display: block;
    cursor: pointer;
}
/* SIDE BAR */
#sidebar {
    background-color: #fff;
    position: fixed !important;
    min-width: 250px;
    z-index: 999;
    color: #fff;
    transition: all 0.3s;
    color: #fff;
    position: relative;
    border-right: 1px solid #e6e6e6;
    height: 100%;
    box-shadow: 5px 0px 10px -5px rgba(0, 0, 0, 0.2);
}

#sidebar.active {
    position: fixed;
    height: 100%;
    min-width: 80px;
    max-width: 80px;
    text-align: center;
    box-shadow: 5px 0px 10px -5px rgba(0, 0, 0, 0.2);
}

#sidebar span.text {
    color: var(--app-primary-suite);
}

#sidebar.active span:nth-child(1) {
    text-align: center;
    font-size: 1.8em;
}
#sidebar.active span.text {
    display: none;
}

#sidebar.active ul.components li {
    width: 45px;
}

#sidebar ul.components {
    width: 100%;
    padding: 7px 20px 15px 20px;
    margin: 0 auto;
}

#sidebar ul p {
    color: #fff;
    padding: 8px;
}

#sidebar ul li a {
    padding: 8px;
    font-size: 0.9em;
    display: block;
    color: var(--app-sidebar-icon);
    border-radius: 5px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

#sidebar ul li a i {
    margin-right: 10px;
}

#sidebar.active ul li a,
#sidebar.active p {
    padding: 15px 8px;
    text-align: center;
    font-size: 0.85em;
}

#sidebar.active ul li a i {
    margin-right: 0;
    display: block;
    font-size: 1em;
    margin-bottom: 0px;
}

#sidebar ul li a:hover {
    color: var(--app-secondary);
    background: var(--app-secondary-background);
}

#sidebar ul li.active>a,
#sidebar a[aria-expanded="true"] {
    color: var(--app-primary);
    font-weight: bolder;
    background: var(--app-secondary-background);
}

#sidebar.active ul ul a {
    padding: 8px !important;
}

#sidebar ul ul a {
    font-size: 0.9em !important;
    padding-left: 25px !important;
    background: var(--app-primary-background);
    color: var(--app-primary);
}

a[data-toggle="collapse"] {
    position: relative;
}

#sidebar .expand {
    position: fixed;
    bottom: 120px;
    left: 25px;
    color: var(--app-primary-suite);
}

#sidebar.active span.hidden-text {
    display: none;
}

#sidebar .expand span.hidden-text {
    font-size: 0.8em;
}

#sidebar div.expand i.sidebarCollapse {
    padding: 7px 12px 7px 12px;
    background: rgba(0, 0, 0, 0.13);
    border-radius: 40px;
    cursor: pointer;
    width: 30px;
    display: inline;
}

#sidebar div.expand i.fa-angle-right {
    display: block;
}
#sidebar div.expand.active i.fa-angle-right {
    display: none;
}
#sidebar i.fa-angle-left{
    position: absolute;
    top: -5px;
    right: -42px;    
}
#sidebar div.expand i.fa-angle-left {
    display: none;
}
#sidebar div.expand.active i.fa-angle-left {
    display: block;
}
/*
#sidebar div.expand i.fa-angle-left.show {
    display: none;
}

#sidebar div.expand i.hidden {
    display: none;
}

#sidebar div.expand.active i.hidden {
    display: inline;
    margin-left: 12px;
}
*/
#sidebar div.expand.active {
    left: 70px !important;
    transition: ease-out 200ms;
}