#sidebar-nav {
    background-color: #fff;
    padding: 0;
}

.collapse-text {
    font-size: smaller;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Sidebar sizes when expanded and collapsed */
.sidebar-expanded {
    width: 16.7rem;
}

.sidebar-collapsed {
    width: 3.6rem;
}

.padding-collapsed{
    padding:0.3rem;    
}

div a.list-group-item {
    border: none;
}

nav#sidebar-nav a.list-group-item {
    border: none;
    height: 3.68rem;
    padding-left: 0.8rem;
    padding-right:0.8rem;
}

/* Tooltip */
.tooltip.bs-tooltip-bottom .tooltip-inner {
    background-color: #000;
    color: #fff;
}

.expanded {    
    left: -6.5rem !important;
}

.collapsed{
    left: -0.45rem !important;
}

/* to make the navbar open full screen on mobile */
@media (max-width: 768px) {
    .container {
        padding-left: 0px;
    }

    #sidebar-nav {
        height: 74vh;
        position: absolute;
        z-index: 1000;        
        top: 110px;
        margin-left: 3px;
    }

    .sidebar-expanded {
        width: 94vw;
    }

    .sidebar-collapsed {       
        display: none;
    }

    .dropright .dropdown-menu {
        left: 50px !important;
    }   
}

.list-group-item svg {
    width: 1.67rem;
    height: 1.67rem;
    stroke: #1E3050;
    padding-right: 0.42rem;
}

.highlight-span {
    background-color: rgb(208, 247, 227);
    border-radius: 0.75rem;
}

.padding-tr2-b1-l3 {
    padding: 0.5rem 0.5rem 0.25rem 0.75rem;
}

.sidebar-img {
    width: 1.67rem;
}

.sidebar-img-pr2-pb1 {
    width: 1.67rem;
    padding: 0 0.5rem 0.25rem 0;
}

.settings-menu {
    font-size: smaller
}

.account-menu {
    font-size: 0.875rem;
}

.userEmail {
    white-space: nowrap;
}

.header-bright {
    color: #1E3050;
}

.rounded-corner {
    border-radius: 0.75rem;
}

#sidebar-nav .list-group-item-action:active {
    background-color: #fff;
}

#sidebar-nav .list-group-item:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.btn-logout {
    border-radius: 1rem;
    margin-left: 3.4rem;
    width: 8.5rem;
}

a.btn-logout:hover {
    color: #fff;
}

.dropdown-item-text, .dropdown-header{
    padding-left: 2rem;    
}

.dropdown-header {
    padding-top:0.75rem;
    font-size: 1rem;
}

.div-wrapper {
    position: absolute;
    bottom: 2%;
}

.div-wrapper-expanded {
    left:10%;
}

.div-wrapper-collapsed {
    left:23%;
}

.slLogo-expanded {
    width: 12.5rem;
}

.slLogo-collapsed {
    width: 1.68rem;
}