@use 'settings' as *;

#wrapper {
    overflow-x: hidden;
}
.avatar {
    width: 42px;
}
.card {
    border-color: rgba($color_5, 0.15);
}
.btn-link {
    color: $color_3;
    &:hover, &:focus {
        color: $color_4;
    }
}
@media (max-width: 768px) {
    #navbarSupportedContent button {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
//Sidebar
#sidebar-wrapper {
    min-height: 100vh;
    margin-left: -15rem;
    transition: margin 0.25s ease-out;
    .sidebar-heading {
        padding: 1.7rem 1.25rem;
        font-size: 1.2rem;
    }
    .list-group {
        width: 15rem;
        .list-group-item {
            font-weight: 500;
            &.active {
                z-index: 2;
                color: #fff;
                background-color: $color_5;
                border-color: $color_5;
            }
            &:hover, &focus {
                background-color: $color_3;
                color: #fff;
            }
        }
    }
}
//Page Wrapper
#page-content-wrapper {
    min-width: 100vw;
    .dropdown-menu-end[data-bs-popper] {
        right: 10px;
        left: auto;
    }
    .dropdown-item {
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
    }
}
body.sb-sidenav-toggled {
    #wrapper {
        #sidebar-wrapper {
            margin-left: 0;
        }
    }
}
@media (min-width: 768px) {
    #sidebar-wrapper {
        margin-left: 0;
    }
    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }
    body.sb-sidenav-toggled {
        #wrapper {
            #sidebar-wrapper {
                margin-left: -15rem;
            }
        }
    }
}

html[dir="rtl"] {
    #sidebar-wrapper {
        margin-left: 0;
        margin-right: -15rem;
    }
    body.sb-sidenav-toggled {
        #wrapper {
            #sidebar-wrapper {
                margin-left: auto;
                margin-right: 0;
            }
        }
    }
    @media (min-width: 768px) {
        #sidebar-wrapper {
            margin-left: auto;
            margin-right: 0;
        }
        #page-content-wrapper {
            min-width: 0;
            width: 100%;
        }
        body.sb-sidenav-toggled {
            #wrapper {
                #sidebar-wrapper {
                    margin-left: 0;
                    margin-right: -15rem;
                }
            }
        }
    }
}
