div[data-level ="2"] {
    display: none;
}

div[data-level ="3"] {
    display: none;
}

.submodule {
    display: none;
}


li {
    margin-top: 10px;
    list-style: none;
}



/*#region SideBar my-main-menu  */


/*#endregion */



/*#region my-main-menu-1*/


.my-main-menu-1 {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-end;
    gap: 10px;
    color: white;
    list-style: none;
    /*padding-left: 10px;*/
    width: calc( 100% - 30px);
    margin-top: 15px;
    font-family: 'Times New Roman', Times, serif;
    font-weight:400;
     
    /*font-family: "Font4";*/
    font-size: 17px;
    /*font-size: 1.3rem;*/
    cursor: pointer;
    padding: 0px;
    margin-right: 0px;
}



    /*.my-main-menu-1:hover {
        
        padding-top: 2px;
        padding-bottom: 2px;
        border-radius: 15px;
        list-style: none;
        
    }*/

    .my-main-menu-1 span {
        /*position: absolute;*/
        float:right;
        right: 20px;
    }

    .my-main-menu-1 i {
        font-size: 10px;
        margin-top: 0px
    }
/*#endregion */





/*#region my-main-menu-2*/


.my-main-menu-2 {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    gap: 10px;
    list-style: none;
    color: white;
    padding-left: 10px;
    width: calc( 100% - 30px);
    margin-top: 15px;
    font-family:   'Times New Roman', Times, serif;
    font-size: 14px;
    cursor: pointer;
}



    .my-main-menu-2:hover {
        /*display: block;*/
        /*background: #00b4d8;*/
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 15px;
        /*width: 100%;*/
        /*transition: all 300ms;*/
    }

    .my-main-menu-2 span {
        position: absolute;
        right: 0px;
    }

    .my-main-menu-2 i {
        font-size: 10px;
        margin-top: 0px
    }
/*#endregion */





.arrow {
    margin-top: 2px;
    /*top: 10px;*/
    /*right: 20px;*/
    margin-left: auto;
    margin-right: 10px;
   
    float: right;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    width: 7px;
    height: 7px;
    color: white;
    transition: transform 0.5s;
    transform: rotate(45deg);
}

span.arrow.active {
    transform: rotate(225deg);
}


.arrow1 {
    margin-top: 2px;
    margin-left: auto;
    margin-right: 10px;
    float: right;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    width: 7px;
    height: 7px;
    color: white;
    transition: transform 0.5s;
    transform: rotate(45deg);
}

span.arrow1.active {
    transform: rotate(225deg);
}



.submodule li {
    cursor:pointer;

}