.uTreeViewButton, .uTreeViewLeaf {
/*    padding: 5px;
    text-decoration: none;
    cursor: pointer;
    transition: 0.25s ease;
    box-shadow: inset 0px 0px 3px black;
    background-color: #2c4667;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius:0px;*/

    display: block;
    width: 100%;
    padding: calc(var(--Spacing) /2);
    margin: 0px;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    cursor: pointer;
    border-style: none;
    background: linear-gradient(180deg,white,#dee1e4);
    box-shadow: 0px 0px 3px #233852;
    margin-bottom: calc(var(--Spacing) / 2);
}

    .uTreeViewButton:visited {
     
    }

    .uTreeViewButton:hover, .uTreeViewLeaf:hover {
        box-shadow: inset 0px 0px 3px #233852;
    }

/*.uTreeViewLeaf {
    padding: 5px;
    cursor: pointer;
    transition: 0.25s ease;
}

    .uTreeViewLeaf:hover {
        padding-left: 20px;

    }
*/




.uTreeViewLeafContent {
    margin-left: 30px;
    overflow: hidden;
    transition: transform 0.3s ease-out;
    transform: scaleY(0);
    transform-origin: top;
    height: 0px;
    overflow: visible;
}
.uTreeViewLeafContentShow {
/*    padding: 5px;*/

    transform: scaleY(1);
    height:auto;

}