TD.hTreeTD
{
    width: 300px;
}
TD.hGapTD
{
    width: 5px;
}
TD.hSynopticTD
{
    width: 700px !important;
}
#hTreeDiv
{
    width: 300px;
    overflow-x: hidden;
}

.tree .node-selected, .tree .node-selected SPAN
{
    background-color: #449944 !important;
    color: #FBFBFB !important;
}

.tree
{
    font-size: 12px;
    min-height:200px;
    padding:0px;
    margin-bottom:0px;
    background-color:#fbfbfb;
    border:1px solid #CCC;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.tree UL.root
{
    padding-left:0px;
}

.tree UL
{
    padding-left:20px;
}

.tree li
{
    list-style-type:none;
    margin:0;
    padding:5px 0 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-10px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after
{
    border-top:1px solid #999;
    height:15px;
    top:17px;
    width:15px
}

.tree li .filter-lockspot-match::after{
    border-left:1px solid #999;
    height:15px;
    top:50%;
    width:15px
}

.tree li > span
{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.tree li.parent_li > span
{
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span
{
    /*    background:#FAFAFA;*/
    background: rgb(237, 177, 17);
    border:1px solid #94a0b4;
    /*    font-weight: bold; */
}
.tree li.parent_li>span:hover+ul li span > span {
    border:none;
}

.contextMenu A
{
    cursor: pointer;
}
.contextMenu I, .contextMenu SPAN
{
    padding-right: 10px;
}


.synopticImage
{
    min-height:200px;
    padding:0px;
    margin-bottom:10px;
    background-color:#fbfbfb;
    border:1px solid #CCC;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.contextMenuRoot #li_mup,
.contextMenuRoot #li_mdown,
.contextMenuRoot #li_divider,
.contextMenuRoot #li_mdelete,
.contextMenuRoot #li_madde,
.contextMenuRoot #li_medit,
.contextMenuRoot #li_medite,
.contextMenuRoot #li_mdeletee,
.contextMenuRoot #li_mupload,
.contextMenuRoot #li_mdeleteImage,
.contextMenuRoot #li_mmark
{
    display: none;
}


.contextMenuItem #li_madde,
.contextMenuItem #li_medite,
.contextMenuItem #li_mdeletee,
.contextMenuItem #li_mupload,
.contextMenuItem #li_mdeleteImage,
.contextMenuItem #li_mmark
{
    display: none;
}

.contextMenuArea #li_madd,
.contextMenuArea #li_medite,
.contextMenuArea #li_mdeletee,
.contextMenuArea #li_mmark
{
    display: none;
}

.contextMenuEquipment #li_madd,
.contextMenuEquipment #li_madde,
.contextMenuEquipment #li_medit,
.contextMenuEquipment #li_mdelete,
.contextMenuEquipment #li_mupload,
.contextMenuEquipment #li_mdeleteImage
{
    display: none;
}

.hierarchicalTreeItem_root
{
    background-color: #EEEEEE;
}
.hierarchicalTreeItem_directorship
{
    background-color: #EEEEEE;
}
.hierarchicalTreeItem_complex
{
    background-color: #EEEEEE;
}
.hierarchicalTreeItem_unit
{
    background-color: #EEEEEE;
}
.hierarchicalTreeItem_area
{
    background-color: #EEEEEE;
}
.hierarchicalTreeItem_equipment
{
    background-color: #EEEEEE;
}
.hierarchicalTreeItem_lockspot
{
    background-color: #CDDEFF;
}

.hierarchicalTreeItem_lockspot .content_area {
    display: flex;
}

DIV.synopticDiv
{
    background-color: rgb(251, 251, 251);
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-collapse: collapse;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(204, 204, 204);
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 1px 0px inset;
    box-sizing: border-box;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/** Aplicando filtros */
.tree li.filter-unmatch,
.tree li.filter-lockspot-unmatch
{
    display: none !important;
}

.clickable_area
{
    display: inline-block;
    padding: 0 2px;
    text-align: center;
}