treecontrol {
 -moz-user-select: -moz-none;-khtml-user-select: none;
 -webkit-user-select: none;-ms-user-select: none;user-select: none;font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size:13px;color: #555;text-decoration: none;}
treecontrol ul {margin: 0;padding: 0;list-style: none;border: none;overflow: hidden;}
treecontrol li {position: relative;padding: 0 0 0 20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
treecontrol li.tree-expanded i.tree-leaf-head, treecontrol li.tree-collapsed i.tree-leaf-head {display:none;}
treecontrol li.tree-expanded i.tree-branch-head, treecontrol li.tree-collapsed i.tree-branch-head {display:inline;}
treecontrol li.tree-leaf i.tree-branch-head {display:none;}
treecontrol li.tree-leaf i.tree-leaf-head {display:inline;}
treecontrol li i.tree-branch-head {cursor: pointer;}
treecontrol li .tree-label {cursor: pointer;display: block;position: relative;}
treecontrol li .tree-label span:hover {font-weight: bold;}
treecontrol li .tree-unselectable {cursor: not-allowed;}
.tree-search ::-webkit-input-placeholder{color: #adadad;}
.tree-search ::-moz-placeholder {color: #adadad;}
.tree-search :-ms-input-placeholder {color: #adadad;}
.tree-search :-moz-placeholder {  color: #adadad;}
.execute-tree span.tree-menu {position: absolute;right: 14px;padding: 0 10px;border: 1px solid #39503b;border-radius: 2px; cursor: pointer;display: none;font-size: 12px;z-index: 1000;height: 20px;background: green;color: #fff;}
.testCase-tree ul {list-style: none;padding: 0px 16px;}
treecontrol ul li span.root, treecontrol ul li span.icon, .test-case-tree ul li span.icon, .tree-view.seq-tree ul li span.icon{
 background: url(../../assets/images/tree_icons.png) no-repeat;position: absolute;height: 17px;width: 17px;
 top: 2px;left: 0;background-position: 21px 0;}
.testCase-tree ul li span.icon{background-image: url(../../assets/images/tree_icons.png);
 position: absolute;height: 19px;width: 15px;top: -1px;left: 0;z-index: 500;cursor: pointer;}
.testCase-tree ul li span.label {padding: 0px 20px;font-weight: normal;font-size: 12px;text-align: left;position: relative;
 top: -3px;}
.testCase-tree .actions i {float: right;padding: 0 3px;}
.test-case-tree {height: 70vh;overflow-y: scroll;overflow-x: hidden;}
.folder-icon {font-size: 15px;cursor: pointer;}
.testCase-tree ul li .label-container {position: relative;padding: 3px 0px;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.testCase-tree ul li span.label.components {padding: 0px;}
span.project.icon {background-position: -110px 1px;}
.tree-expanded span.project.icon {background-position: -110px -16px;}
span.android.icon, span.mobile.icon {background-position: -32px -70px;}
span.application.icon {background-position: 0px -70px;}
span.database.icon {background-position: -52px -71px;}
span.web.icon {background-position: -58px 0px;}
span.webservice.icon {background-position: -58px -17px;}
span.mainframe.icon {background-position: -58px -35px;}
span.page.icon {background-position: -145px -18px !important;}
span.machine.icon {background-position: -126px -33px;}
span.device.icon {background-position: -32px -70px;}
span.testcase.icon {background-position: -59px -53px;}
.icon-run {background-image: url(../../assets/images/tree_icons.png);background-position: -145px -65px;}
span.add-page {width: 15px;height: 17px;display: block;position: absolute !important;z-index: 5000;right: 0;top: 0;background-position: -126px -18px;background-image: url(../../assets/images/tree_icons.png);}
treecontrol.tree-classic li .tree-selected {font-weight: bold;}
treecontrol.tree-classic li .tree-unselectable {color: #ddd;}
.test-case-tree ul {list-style: none;padding: 0 0 0 25px;}
.testCase-tree span.actions {width: 104px;}
.test-case-tree ul li .label {color: #000;padding: 0 0 0 20px;font-size: 11px;position: relative;top: 3px;cursor: pointer;}
.add-control {font-size: 17px;position: absolute;right: 0;top: 0;}
.droppable ul li span.root-title {padding: 0 0 0 19px;top: 3px;}
.testCase-tree, .testCase-tree.drop-bag {height: 65vh;overflow-y: auto;}
.test-case-tree span.root-title {padding: 0;}
span.root-title { position: relative;padding: 3px 23px;cursor: pointer;}
.drop-bag ul li, .test-case-tree ul li {position: relative;}
.droppable ul li {padding: 4px 0;}
i.dnd-item-remove {position: absolute;right: 0;font-size: 17px;top: 6px;cursor: pointer;color: red;}
treecontrol.tree-light li.tree-leaf i.tree-leaf-head {padding: 1px 10px;width: 16px; height: 16px;background: none no-repeat;}
treecontrol.tree-light li .tree-selected {font-weight: bold;}
treecontrol.tree-light li .tree-unselectable {color: #ddd;}
treecontrol.tree-dark li.tree-expanded i.tree-branch-head { padding: 1px 10px;
 background: url("../images/node-opened-light.png") no-repeat;}
treecontrol.tree-dark li.tree-collapsed i.tree-branch-head { padding: 1px 10px; background: url("../images/node-closed-light.png") no-repeat;}
treecontrol.tree-dark li.tree-leaf i.tree-leaf-head {padding: 1px 10px;width: 16px; height: 16px;background: none no-repeat;}
treecontrol.tree-dark li .tree-selected {font-weight: bold;}
treecontrol.tree-dark li .tree-unselectable {color: #777;}
treecontrol.tree-dark {color: #ddd;}
.tree-view.seq-tree ul {list-style: none;}
.testCase-tree ul li span.label, .tree-view.seq-tree ul li span.label {font-weight: normal;font-size: 12px;text-align: left;position: relative;top: -3px;
 color: #333;}
.testCase-tree ul li span.label, .tree-view.seq-tree ul li .label-container {padding: 4px 0px;position: relative;}
.testCase-tree ul li span.label, .tree-view.seq-tree ul li span.label { top: -3px; padding-left: 20px; line-height: 4px;}
ul.tree-wrap {margin: 0;padding: 0;}
ul.tree-wrap li ul li {padding: 0 0;}
/* Scheduler */
.scheduler-tree {height: 510px;}
.scheduler-tree ul {margin: 0;padding: 0;}
.scheduler-tree ul li span.root-title {padding: 0;}
.scheduler-tree ul li ul {padding: 0 0 0 12px;}
.tree-collapsed > .tree-branch-head{background-image: url(../../assets/images/arrow-right.png);background-repeat: no-repeat;background-position: 8px 3px;cursor: pointer;transform: scale(0.6);}
.tree-expanded > .tree-branch-head{background-image: url(../../assets/images/arrow-down.png);background-repeat: no-repeat;background-position: 3px 5px;cursor: pointer;transform: scale(0.6);}
.tree-leaf {padding: 0px 0px 0 15px;}
.opened-node {background-image: url(../../assets/images/arrow-down.png);background-repeat: no-repeat;background-position: 1px 6px; cursor: pointer;transform: scale(0.6);width: 18px;height: 21px;float: left;}
.technology-tree ul li .label-container, .technology-tree span{overflow: visible;}
.technology-tree i.fa.fa-large {left: -15px;top: 4px;}