@media (min-width: 768px) {
    .sidebar-navigation {
        display: (User?.Identity?.IsAuthenticated ?? false ? "block" : "none");
        /*display: block;*/
    }
}

@media (max-width: 769px) {
    .sidebar-navigation {
        display: none
    }
}

.sidebar-navigation {
    background-color: rgba(25, 135, 84);
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
    width: 85px;
    z-index: 1;
}

    .sidebar-navigation ul {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        text-align: center;
        color: white;
        padding-left: 0;
        margin-top: 15px;
        cursor: pointer;
        max-height: calc(100vh - 145px);
        overflow-y: auto;
        overflow-x: hidden;
    }

        .sidebar-navigation ul::-webkit-scrollbar {
            display: none;
        }

        .sidebar-navigation ul li {
            list-style-type: none;
            border-left: 3px solid rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
        }

            /*Botão simples*/
            .sidebar-navigation ul li .nav-link svg:nth-child(2), .sidebar-navigation ul li.active .nav-link svg:first-child {
                display: none;
            }

            /*Botão ative*/
            .sidebar-navigation ul li.active .nav-link svg:nth-child(2), .sidebar-navigation ul li .nav-link svg:first-child {
                display: inline-block;
            }

            .sidebar-navigation ul li .nav-link:hover svg:first-child, .icon-bar ul li .nav-link:hover svg:first-child {
                display: none;
            }

            .sidebar-navigation ul li .nav-link:hover svg:nth-child(2), .icon-bar ul li .nav-link:hover svg:nth-child(2) {
                display: inline-block;
            }

            .sidebar-navigation ul li.active .nav-link:hover svg:nth-child(2), .icon-bar ul li.active .nav-link:hover svg:nth-child(2) {
                display: none;
            }

            .sidebar-navigation ul li.active .nav-link:hover svg:first-child, .icon-bar ul li.active .nav-link:hover svg:first-child {
                display: inline-block;
            }

            .sidebar-navigation ul li.active {
                background-color: #28a745 !important;
                border-left: 3px solid #ffffff !important;
            }

            .sidebar-navigation ul li:hover {
                background-color: #28a745 !important;
                border-left: 3px solid #ffffff !important;
            }

            .sidebar-navigation ul li a, .icon-bar ul li a {
                padding: 15px 0 10px 0;
                color: white;
            }

                .sidebar-navigation ul li a:hover, .icon-bar ul li a:hover {
                    color: white;
                }

                .sidebar-navigation ul li a p {
                    font-size: small;
                    margin: 5px 0 0 0;
                }