/** {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  letter-spacing: normal;
}

h1 {
  padding: 0 0 10px 0;
}

ol {
  margin-left: 30px;
  list-style: none;
  counter-reset: item;
}

.wtree 
{
  list-style: none;
  list-style-type: none;
}

.wtree li {
  list-style-type: none;
  list-style: none;
  margin: 10px 0 10px 10px;
  position: relative;
}
.wtree li:before {
  content: "";
  counter-increment: item;
  position: absolute;
  top: -10px;
  top:21px;
  left: -30px;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  width: 30px;
  height: 15px;
}
.wtree li:after {
  position: absolute;
  content: "";
  top: 5px;
  top:21px;
  left: -30px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  width: 30px;
  height: 100%;
}
.wtree li:last-child:after {
  display: none;
}
.wtree li span {
  display: block;
  border: 1px solid #eee;
  padding: 10px;
  color: #666666;
  text-decoration: none;
}

.wtree li span b:before 
{
  cursor: pointer;
  font-family: FontAwesome;
  color: #428bca;
  font-size: 1.3em;
  vertical-align: middle;
}

.wtree li span b.expand:before{
  content:"\f13a";
}

.wtree li span b.collapsed:before 
{
  content:"\f138";
}

.wtree li span:hover, .wtree li span:focus {
  color: #000;
  border: 1px solid #474747;
}
.wtree li span:hover + ol li span, .wtree li span:focus + ol li span {
  color: #000;
  border: 1px solid #474747;
}
.wtree li span:hover + ol li:after, .wtree li span:hover + ol li:before, .wtree li span:focus + ol li:after, .wtree li span:focus + ol li:before {
  border-color: #474747;
}

li span {
  background-color: #cdcfff;
}

li li span {
  background-color: #e7e7ff;
}

li li li span {
  background-color: #f3f3ff;
}

li span::selection,li span{
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


li span 
{
  background-color: #fff;
  border-bottom: 1px solid #eee;
}

.display {
  margin-right: 12px;
  font-weight: bold;
}

input, label {
  margin: 12px 0px 20px 0px;
}

label {
  padding-left: 6px;
  padding-right: 12px;
}
*/

#taskTree ul li 
{
  margin: 0;
}


.wtree ul 
{
  margin: 0;
  padding: 0;
}

.wtree li 
{
  border-top: 1px solid #eee;
}

.wtree li span 
{
  display: flex;
  align-items:center;
  flex-direction:row;
}

.wtree li span .icon-indentation
{
  /*display: flex;*/
  align-items:center;
  align-content:space-between;
  width: 24%;
}

.wtree li span .icon-indentation .fa 
{
  margin-right: 2em;
  align-self:flex-start;
}

.left-side.col-md-12 .wtree li span .icon-indentation 
{
  width: 14%;
}

.wtree li span .icon-indentation strong 
{
  margin-left: 0.5em;
  font-weight: bold;
  font-family: 'proxima-nova-bold';
}

.wtree li span .icon-indentation > .indent 
{
  margin-left: 1.2em;
  font-weight: normal;
  font-family: 'proxima-nova';
}

/*.wtree li span b:before 
{
  cursor: pointer;
  font-family: FontAwesome;
  color: #428bca;
  font-size: 1.3em;
}

.wtree li span b.expand:before{
  content:"\f13a";
}

.wtree li span b.collapsed:before 
{
  content:"\f138";
}*/

.wtree li span .t-title 
{
  display: flex;
  width: 100%;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  align-items:center;
  position: relative;
}

.wtree li span .t-title .alignNodes 
{
  display: flex;
  flex:1;
  align-items:center;
}

.wtree li span .t-title .alignNodes i 
{
  margin-left: 2%;
  margin-right: -2%;
  /*font-size: 85%;*/
  color: #428bca;
}
.wtree li span .t-title .alignNodes.level-3
{
  margin-left: 2.5%;
}

.wtree li span .t-title .alignNodes.level-4
{
  margin-left: 5%;
}

.wtree li span .t-title .alignNodes.level-5
{
  margin-left: 7.5%;
}

.wtree li span .t-title .alignNodes.level-6
{
  margin-left: 9%;
}

.wtree li span .t-title .alignNodes.level-7
{
  margin-left: 11.5%;
}

.wtree li span .t-title .alignNodes.level-8
{
  margin-left: 13%;
}

.wtree li span .t-title .alignNodes.level-9
{
  margin-left: 15.5%;
}

.wtree li span .t-title .alignNodes.level-10
{
  margin-left: 17%;
}

.wtree li span .t-title .alignNodes.level-11
{
  margin-left: 19.5%;
}

.wtree li span .t-title b 
{
  cursor: pointer;
  font-family: FontAwesome;
  /*color: #428bca;*/
  opacity: 0.3;
  /*font-size: 85%;*/
  /*font-size: 1.3em;*/
  width: 2%;
  margin-left: 2%;
  margin-right: 2%;
}


.wtree li span .t-title .root-title
{
  font-family: 'proxima-nova-bold';
  color: #428bca;
}

.wtree li span .t-title b.expand:before
{
   content:"\f146";
   /*color: #337ab7;*/
}

.wtree li span .t-title b.collapsed:before
{
   content:"\f0fe";
   /*color: #5cb85c;*/
}

.wtree li span .internal,.wtree li span .external
{
  font-size: 90%;
  width: 26%;
  border-right: 1px solid #eee;
}

.wtree li span .actions 
{
  display: flex;
  align-items:center;
  margin-left: 1%;
}

.wtree li span .t-title .alignNodes i {
    margin-left: 2%;
    margin-right: 1%;
    /* font-size: 85%; */
    color: #428bca;
}

.wtree li span .actions button 
{
  background-color: transparent;
}

.wtree li span .actions button > svg 
{
  width: 12px;
  height: 12px;
  vertical-align: middle;
}