a.menu-item.str.active svg path {
    stroke: white !important;
    stroke: white !important;
    fill: transparent !important;
}

a.menu-item.active svg path {
    /*stroke: transparent !important;
    stroke: transparent !important;
    fill: white !important;*/
    fill: white;
}

.nav-box {
    width: 320px;
    float: left;
    position: relative;
    border-right-style: solid;
    border-right-color: #D2D4D5;
    border-right-width: 1px;
}

    .nav-box .info {
        width: 290px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        background-color: transparent;
        padding-bottom: 20px;
        margin-bottom: 2px;
        border-bottom-style: solid;
        border-bottom-color: #D2D4D5;
        padding-top: 10px;
        border-bottom-width: 1px;
        padding-left: 11px;
    }

        .nav-box .info .avatar {
            background-image: url(/Images/profile_icon.png);
            background-size: cover;
            background-position: 0;
            background-repeat: no-repeat;
            /* border: 1px solid var(--third-blur-color);*/
            border-radius: 50%;
            width: 54px;
            height: 54px;
            margin-bottom: 20px;
            float: left;
            margin: 0px;
            padding-left: 13px;
        }

        .nav-box .info .name a {
            font-family: Ubuntu-Bold;
            font-size: 18px;
            font-weight: 700;
            color: #2C3537;
            padding-left: 20px;
            vertical-align: middle;
        }

    .nav-box .menu-list {
        width: 290px;
    }

        .nav-box .menu-list .menu-item {
            display: block;
            padding: 0px;
            background-color: transparent;
            font-family: Ubuntu-Medium;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.43;
            color: var(--secondary-bold-color);
            width: 290px;
            display: flex;
            align-items: center;
        }

            .nav-box .menu-list .menu-item:hover {
                height: 38px;
                width: 100%;
                background: #E5E5E5;
                border-radius: 5.98131px;
            }

            .nav-box .menu-list .menu-item.active {
                height: 38px;
                width: 100%;
                background: #008F91;
                border-radius: 5.98131px;
            }

                .nav-box .menu-list .menu-item.active svg {
                    color: #FFFFFF;
                }


                .nav-box .menu-list .menu-item.active span {
                    font-family: Ubuntu-bold;
                    font-style: normal;
                    font-size: 14px;
                    line-height: 16px;
                    color: #FFFFFF;
                }

        .nav-box .menu-list .menu-item {
            height: 38px;
            width: 286px;
            margin: 15px 15px 15px 0px;
            background-color: transparent;
        }

            .nav-box .menu-list .menu-item i {
                background: transparent;
                color: var(--secondary-color);
                margin-right: 20px;
            }

            .nav-box .menu-list .menu-item svg, .nav-box .menu-list .menu-item img {
                margin: 10px;
                color: #2C3537;
            }

            .nav-box .menu-list .menu-item form {
                display: inline-block;
            }

            .nav-box .menu-list .menu-item span {
                font-family: Ubuntu-bold;
                font-style: normal;
                font-size: 14px;
                line-height: 16px;
                color: #2C3537;
            }

            .nav-box .menu-list .menu-item .badge {
                background: #E4774E;
                margin-left: 10px;
                border-radius: 50%;
                color: white;
            }




@media (min-width: 768px) {
    .main .nav-box .menu-list .menu-item-group {
        display: block;
    }

    .main .nav-box .menu-list .menu-item.first {
        display: none;
    }
}

#subarenimg {
    background: url(/Images-baspana/aren-icons_black.svg) no-repeat;
    width: 31px;
    height: 31px !important;
    background-position: center !important;
    margin: 4px;
}

a, div.menu-item {
    cursor: pointer !important;
}

    a.menu-item p {
        font-family: 'Ubuntu-Bold' !important;
    }