html, body, ul, li {
    margin: 0;
    padding: 0;
}

ul, li {
    list-style-type: none;
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-background-grey);
}

ul, #sTree2, #sTreePlus {
    padding: 0;
    background-color: var(--mud-palette-background);
}
#sTree2 {
    margin-right: 50px;
}

#sTree2 li, #sTreePlus li, ul#s-l-base li {
    padding-left: 50px;
    margin: 5px;
    border: 1px solid var(--mud-palette-primary);
    background-color: var(--mud-palette-primary);
}

li div {
    padding: 7px;
    background-color: var(--mud-palette-background);
    font-weight:500;
    margin:2px;
}

li, ul, div {
    border-radius: var(--mud-default-borderradius);
}

.c1 {
    color: var(--mud-palette-text-primary);
}

.c2 {
    color: var(--mud-palette-text-secondary);
}

.c3 {
    color: var(--mud-palette-black);
}

.c4 {
    color: #888;
}

.c5 {
    color: #666667;
}

.c6 {
    color: #888;
}

.bgC1, .gray {
    background-color: #ccc;
}

.bgC2, .yellow {
    background-color: #ff8;
}

.bgC3, .red {
    background-color: #ff9999;
}

.bgC4, .blue {
    background-color: #aaaaff;
}

.bgC5, .green {
    background-color: #99ff99;
}

.bgC6, .gree2 {
    background-color: #bbffbb;
}

.bgC7, .brown {
    background-color: #c26b2b;
}

.pT20 {
    padding-top: 20px;
}

.pV10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pR {
    position: relative;
}

.t10 {
    top: 10px;
}

.dN {
    display: none;
}

.zI1000 {
    z-index: 1000;
}

.small1 {
    font-size: 0.8em;
}

.small2 {
    font-size: 0.7em;
}

.small3 {
    font-size: 0.6em;
}

.tAR {
    text-align: right;
}

.clear {
    clear: both;
}

img.descPicture {
    display: block;
    width: 100%;
    margin: 0 7px 30px 0;
    float: left;
    cursor: pointer; /*transition: all 0.5s ease;*/
}

    img.descPicture.descPictureClose {
        width: 150px;
    }

.expand{
    float:right;
}