.cgds {
    &.sidenav {
        width: $sidenav-width;
        font-size: $sidenav-fontsize;
        list-style: none;

        ul {
            list-style-type: none;
            padding-left: 0;
        }

        .sidenav-item {
            +.sidenav-item {
                margin-top: $sidenav-item-spacing;
            }

            .cgds.btn {
                color: $sidenav-color;
                font-size: inherit;

                width: 100%;
                text-align: initial;
                line-height: 1.5;
                display: flex;
                align-items: center;
                gap: 1rem;

                border: 0;
                background: 0;
                padding-top: $sidenav-btn-padding-x;
                padding-bottom: $sidenav-btn-padding-y;
                padding-left: 1rem;
                border-left: $navbar-border-bottom-height solid $sidenav-color;
                border-radius: 0;

                i {
                    &.bi-chevron-down {
                        @extend .ms-auto;
                        transition: all 0.3s ease-in-out;
                        transform: rotate(180deg);
                    }
                }

                &.collapsed,
                &.inactive {
                    color: inherit;
                    border-color: transparent;

                    i {
                        transform: rotate(0deg);
                    }
                }

                &:hover {
                    color: $sidenav-color;
                    @include gradient-bg($side-link-hover-bg);
                    border-top-right-radius: 5px;
                    border-bottom-right-radius: 5px;
                }

                &.active {
                    color: $sidenav-color;
                    border-left-color: $sidenav-color;
                    font-weight: $font-weight-bold;
                    @include gradient-bg($side-link-hover-bg);
                    border-top-right-radius: 5px;
                    border-bottom-right-radius: 5px;
                }

            }

            .collapse,
            .collapse.show,
            .collapsing {
                margin-top: $sidenav-item-spacing;

                a.nav-link {
                    color: inherit;
                    font-size: inherit;
                    padding-top: 0.5rem;
                    padding-bottom: 0.5rem;
                    padding-left: calc(#{$sidenav-item-spacing * 4} + #{$sidenav-btn-border-width});
                    padding-right: 0;

                    +a.nav-link {
                        margin-top: $sidenav-item-spacing;
                    }

                    &.active {
                        color: $sidenav-color;
                        font-weight: $font-weight-bold;
                    }

                    &:hover {
                        color: $sidenav-color;
                    }

                    &.disabled {
                        color: $nav-link-disabled-color;
                    }
                }
            }
        }
    }
}