.mud-avatar {
    object-fit: cover !important;
}

.mud-drawer-custom {
    background-image: url(/image/sidebar-1.jpg);
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0.7;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    max-height: 100vh;
    overflow-y: auto;
}

.drawer-with-image {
    /* position: relative; */
    height: 100%;
}

    .drawer-with-image::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*background-image: url(@(backgroundImage));*/
        /* background-image: url(/image/sidebar-1.jpg); */
        background-size: cover;
        background-position: center;
        filter: blur(8px); /* مات کردن تصویر */
        z-index: -1; /* اطمینان از این که محتویات دراور جلوتر از تصویر قرار بگیرند */
    }

/*.mud-drawer-content {
    background-color: rgba(0, 0, 0, 0.7);*/ /* رنگ مشکی با شفافیت */
    /*color: white;*/ /* متن سفید */
/*}*/

.mud-nav-item {
    /* height: 50px; */
    padding-right: 2px;
    padding-left: 2px
}

    .mud-nav-item:hover {
        color: white !important;
        font-size: 18px !important;
        background-color: @(Colors.Gray.Darken2);
        background-color: black;
    }

.active {
    background-color: orange !important;