.TreeLayerIcon {
    /*filter: invert(1);*/
    padding: 4px;
}

.DLayer {
    top: 55px;
    left: -900px;
}

/*#ImgStreetView {
    display: none;
}*/

.DLayer3 {
    padding-top: 5px;
}

.DLayer3Body, .DLayer3 {
    /* position: absolute; */
    /* top: 50px; */
    width: 300px !important;
    /*height: 300px;*/
    /*z-index: 999999999;*/
    right: 20px;
    overflow: auto;
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
    opacity: .8;
}

.DLayer3Body {
    padding-top: 35px;
    float: right;
    /*position: absolute;
        right: 11px;
        top: 45px;*/
}

.DLayer3Icon {
    position: absolute;
    right: 3px;
    cursor: pointer;
    z-index: 100000;
    top: 3px;
    /*background-color: #fff;
        opacity: .7;*/
    transition: 1s;
    position: absolute;
    right: 3px;
    cursor: pointer;
    /*z-index: 99999;*/
    top: 3px;
    transition: 1s;
    background-color: #fff;
    width: 100%;
    text-align: right;
    padding-bottom: 6px;
    min-height: 35px;
}

    .DLayer3Icon:hover {
        opacity: 1;
    }

    .DLayer3Icon img {
        float: right;
    }

#DLayer3 {
    border-color: white;
}

#jqxExpander {
    background-color: #fff;
    position: absolute;
    right: 6px;
    /*z-index: 9999;*/
    width: 35px;
    height: 35px;
    min-height: 35px;
    max-width: 300px;
    top: 70px;
    overflow: hidden;
    border-radius: 5px;
    opacity: .8;
    transition: .5s;
    box-shadow: 0px 1px 8px black;
    direction: rtl;
}

    #jqxExpander:hover {
        opacity: .9;
        /*transform: scale(1.01);*/
    }

.DLayer3Icontxt {
    font-weight: bold;
}

.jqx-tree-item, .jqx-item {
    /*padding-top: 12px!important;*/
    font-weight: bold;
}

@media screen and (max-width: 750px) {
}



#tree-head {
    /*border-bottom: 1px solid gray;*/
    text-align: left;
}

#TreeLayer {
    text-align: right;
    font-size: 13px !important;
    color: black;
    padding: 0px;
    height: 36px;
    width: 36px;
    margin-top: 2px;
    /*height: 300px;
            width: 300px;*/
    position: absolute;
    background-color: #ffffff;
    opacity: .9;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden !important;
    z-index: 9999;
    direction: rtl;
    left: 5px;
    top: 50px;
    /*top: 37px;*/
    /*top: 70px;*/
}

.tree-checkbox {
    cursor: pointer;
}

.childBody {
    padding-right: 25px;
}

#TreeChild {
    /*padding: 10px;
    border-top: 1px solid gray;*/
    padding: 10px;
    border-top: 1px solid gray;
    overflow: auto;
    /* position: absolute; */
    /* width: 100%; */
    height: 92%;
}

    #TreeChild img {
        margin-bottom: 15px;
    }

.childBody img {
    margin: 4px;
}

.childBody label {
    font-weight: normal !important;
    font-size: 13px;
    color: black;
    position: relative;
    top: -8px;
}

.tree-head-txt {
    position: absolute;
    top: 10px;
    right: 45px;
}


.tree-head-txt {
    color: white;
}

.ChildHeader span {
    position: relative;
    right: 5px;
    top: -11px;
    color: black;
    position: relative;
    top: -7px;
}


.check-box-dot:after {
    content: "\25A0"; /*26AB*/
    top: -2.5px;
    position: relative;
    right: 2.5px;
    /*font-size: 12px;*/
}

@media screen and (max-width: 750px) {
    /*#TreeLayer {
        top: 45px!important;
    }*/

    #jqxExpander {
        top: 55px;
    }

    .ChildHeader img:first-child {
        width: 25px;
    }

    .childBody img {
        width: 15px !important;
    }

    #TreeChild img {
        margin-bottom: 19px;
    }

    .ChildHeader input[type=checkbox] {
        width: 25px;
        height: 25px;
    }

    .ChildHeader span {
        /*right: 70px;*/
        margin-top: 1px;
        font-size: 15px !important;
        font-weight: bold;
    }

    .check-box-dot:after {
        top: -5.5px;
        font-size: 22px;
    }

    .childBody label {
        font-size: 15px;
        position: relative;
        margin-right: 10px;
        margin-top: 2px;
    }
}


.childBody2 > .ChildHeader {
        margin-right: 20px;
}