/* Overrides for monitoring treeview */
.rightSideResourcesInHierarchy > .panel-body, .hierarchy-panel-body {
    /*background-color: #283039;*/
    background-color: #292d35;
}


/* AVAILABLE RESOURCES TREE START */
/* group nodes */
#resourcesGridContainer {
    color: #c7cbd1;

}
#resourcesGridContainer .vms-resource-group {
    /*background-color: #283039;*/
    background-color: #292d35;
    border-left: 2px #283039 solid;
    /*border-bottom: 1px #383c43 inset;*/
}

#resourcesGridContainer .vms-treeview-resource {
    /*background-color: #31353F;*/
    background-color: #292d35;
    border-left: 2px #31353F solid;
    /*display: table;*/
}


#resourcesGridContainer .vms-resource-group, #resourcesGridContainer .vms-treeview-resource {
    width: 100%;
    height: 24px;
}

/* Open leaves styling*/
#resourcesGridContainer .vms-tree-open {
    color: #e5e5e5;
}

/* changes hover background for the leaves on hover*/
#resourcesGridContainer .vms-resource-group:hover, #resourcesGridContainer .vms-treeview-resource:hover {
    background-color: #292d35;
    border-left: 2px #3162b6 solid;
}

#resourcesGridContainer .vms-treeview-clicked{
    background-color: #292d35;
    border-left: 2px #3162b6 solid;
}

/* AVAILABLE RESOURCES TREE ENDT */


/* EDITABLE HIERARCHY TREE */

.hierarchy-groups-tree-container {
    color: #c7cbd1;
    /*height: 848px;*/
    /*height: 100%;*/
    /*height: auto;*/
    /*overflow-y: auto;*/
    /*padding-top: 10px;*/
    background-color: #292d35;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.vms-treeview-node-edit {
    color: #c7cbd1;
    background-color: #3a4553;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    display: flex;
    order: -10;
}

/*.vms-treeview-resource > .vms-treeview-node-edit {
    display: table-cell;
    vertical-align: middle;
}*/
      

.hierarchy-groups-tree-container .vms-tree-open {
    color: #ffffff;
}

.hierarchy-groups-tree-container .vms-treeview-resource {
    background-color: #292d35;
    border-left: 2px #283039 solid;
    /*display: table;*/
}

/*.hierarchy-groups-tree-container .vms-resource-group, .hierarchy-groups-tree-container .vms-treeview-resource {
    width: 100%;
    height: 24px;
    border-left: 2px #778899 solid;
    color: #c7cbd1;
}*/

.hierarchy-groups-tree-container .vms-resource-group {
    background-color: #292d35;
    border-left: 2px #283039 solid;
    position: relative;
    /*min-height: 28px*/
}


/*.hierarchy-groups-tree-container .vms-resource-group > .vms-treeview-label:after {
    position: absolute;
    right: 15px;
    content: url('/app/images/layout/panels/profile_accordion/category_expand.png');
}*/ 

/*.hierarchy-groups-tree-container .vms-resource-group.vms-tree-open > .vms-treeview-label:after {
    position: absolute;
    right: 15px;
    content: url('/app/images/layout/panels/profile_accordion/category_collapse.png');
}*/ 

/* changes hover background for the leaves on hover*/
.hierarchy-groups-tree-container .vms-resource-group:hover, .hierarchy-groups-tree-container .vms-treeview-resource:hover {
    background-color: #1a2028;
    border-left: 2px #3162b6 solid;
    position: relative;
}

.hierarchy-groups-tree-container .vms-treeview-clicked{
    background-color: #1a2028;
    color: #3162b6;
    border-left: 2px #3162b6 solid;
}

/* removes tooltip */
/*.hierarchy-groups-tree-container .vms-treeview-label:hover:after {
    display: none;
}*/

#tree-hierarchy-container {
    width: 100%;
    /*border: 1px #a0a0a0 outset;*/
    height:100%;
}

#tree-hierarchy-container span.vms-treeview-label {
    width: auto;
    padding-right: 120px;
}

#tree-hierarchy-container .vms-treeview-edit-buttons-container{
    margin: 4px 0px 0px -92px;
}

#tree-hierarchy-container .vms-treeview-edit-buttons-container.vms-buttons-edit-mode {
    margin: 4px 0px 0px -35px;
}

#tree-hierarchy-container dd.vms-resource-group.vms-treeview-drag-over{
        background-color: #295287;
}
#tree-hierarchy-container dd.vms-resource-group.vms-treeview-drag-over-bellow > .vms-treeview-label {
    border: none;
    border-bottom: 3px white solid;
}

#tree-hierarchy-container dd.vms-treeview-resource.vms-treeview-drag-over-bellow  > .vms-treeview-label {
    border: none;
    border-bottom: 3px white solid;
}

#tree-hierarchy-container dd.vms-resource-group.vms-treeview-drag-over-above > .vms-treeview-label {
    border: none;
    border-top: 3px white solid;
}

#tree-hierarchy-container dd.vms-treeview-resource.vms-treeview-drag-over-above  > .vms-treeview-label {
    border: none;
    border-top: 3px white solid;
}


/* EDIT BUTTONS START*/
.vms-treeview-edit-buttons-container {
    white-space: nowrap;
}

.vms-treeview-edit-buttons-container .vicon-font {
    height: 16px;
    width: 16px;
    z-index: 1;
    margin: 0px 0px 0px 10px;
    color: #c7cbd1;
    display: inline-block;
    font-size: 16px;
}

.vms-treeview-edit-buttons-container .vicon-font:hover {
    color: #69b9ff;
}

.vms-treeview-resource .vms-treeview-edit-buttons-container .vicon-font.v-folder-plus,
.vms-treeview-resource .vms-treeview-edit-buttons-container .vicon-font.v-edit {
    display: none !important;
}

.vms-treeview-edit-buttons-container .vicon-font.v-status-bad,
.vms-treeview-edit-buttons-container .vicon-font.v-status-ok {
    display: none;
}

.vms-treeview-edit-buttons-container.vms-buttons-edit-mode .vicon-font.v-status-bad,
.vms-treeview-edit-buttons-container.vms-buttons-edit-mode .vicon-font.v-status-ok {
    display: inline-block;
}

.vms-treeview-edit-buttons-container.vms-buttons-edit-mode .vicon-font.v-folder-plus,
.vms-treeview-edit-buttons-container.vms-buttons-edit-mode .vicon-font.v-trash,
.vms-treeview-edit-buttons-container.vms-buttons-edit-mode .vicon-font.v-edit {
    display: none;
}


/* === Hide empty folders on monitoring === */
#vms-section-monitoring .vms-resource-group.hide-empty-folder {
    display: none;
}