div[data-angular-treeview] {
  /* prevent user selection */
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;

  /* default */
  font-family: Tahoma;
  font-size:12px;
  color: #555;
  text-decoration: none;
  overflow: scroll;
  height: 500px;
}

div[data-tree-model] ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: hidden;
}

div[data-tree-model] li {
  position: relative;
  padding: 0 0 0 20px;
  line-height: 20px;
  color:#3276b1;
  font-size:8pt;
  white-space:nowrap;
}

div[data-tree-model] li .expanded {
  padding: 1px 10px;
  background-image: url("../img/imgMenu001.png");
  background-repeat: no-repeat;
}

div[data-tree-model] li .collapsed {
  padding: 1px 10px;
  background-image: url("../img/imgMenu002.png");
  background-repeat: no-repeat;
}

div[data-tree-model] li .normal {
  padding: 1px 10px;
  background-image: url("../img/imgOphelia.ico");
  background-repeat: no-repeat;
}

div[data-tree-model] li i, div[data-tree-model] li span {
  cursor: pointer;
}
div[data-tree-model] li .selected {
    color:darkblue;
}


/* general tree css */

treecontrol {
    /* prevent user selection */
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* default */
    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;
        font-family: Quicksand;
    }

        treecontrol li.tree-expanded i.tree-normal, treecontrol li.tree-collapsed i.tree-normal {
            display: none;
        }

        treecontrol li.tree-expanded i.tree-has-children, treecontrol li.tree-collapsed i.tree-has-children {
            display: inline;
        }

        treecontrol li.tree-normal i.tree-has-children {
            display: none;
        }

        treecontrol li.tree-normal i.tree-normal {
            display: inline;
        }

treecontrol li i {
    cursor: pointer;
}

treecontrol li .tree-label {
    cursor: pointer;
    display: inline;
    color:#3276b1;
    font-size:8pt;
}

/* classic tree css */

treecontrol.tree-classic li.tree-expanded i {
    padding: 1px 10px;
    background: url("../img/Collapsed.png") no-repeat;
}

treecontrol.tree-classic li.tree-collapsed i {
    padding: 1px 10px;
    background: url("../img/Expand.png") no-repeat;
}

treecontrol.tree-classic li.tree-normal i {
    padding: 1px 10px;
    background: url("../img/red_asistente.png") no-repeat;
}

treecontrol.tree-classic li.tree-link i {
    padding: 1px 10px;
    background: url("../img/red_asistente.png") no-repeat;
}

treecontrol.tree-classic li .tree-selected {
    background-color: #aaddff;
    font-weight: bold;
}

Treecontrol.tree-classic li .tree-label {
    cursor: pointer;
    display: inline;
    color:#000000;
    font-size:8pt;
}

/* light tree css */

treecontrol.tree-light li.tree-expanded i {
    padding: 1px 10px;
     background: url("../img/imgMenu002.png") no-repeat;
}

treecontrol.tree-light li.tree-collapsed i {
    padding: 1px 10px;
       background: url("../img/imgMenu001.png") no-repeat;
}

treecontrol.tree-light li.tree-link i {
    padding: 1px 10px;
    background: url("../img/imgOphelia.ico") no-repeat;
}

    treecontrol.tree-light li.tree-process-inTime i {
        padding: 1px 10px;
        background: url("../img/imgOphelia.ico"),url("../img/blue_box.png");
        background-position: left, right;
        background-repeat: no-repeat, no-repeat;
        padding: 20px;
    }

    treecontrol.tree-light li.tree-process-Expired i {
        padding: 1px 10px;
        background: url("../img/imgOphelia.ico"),url("../img/red.png");
        background-position: left, right;
        background-repeat: no-repeat, no-repeat;
        padding: 20px;
    }

    treecontrol.tree-light li.tree-process-Today i {
        padding: 1px 10px;
        background: url("../img/imgOphelia.ico"),url("../img/yellow.png");
        background-position: left, right;
        background-repeat: no-repeat, no-repeat;
        padding: 20px;
    }

    treecontrol.tree-light li.tree-process-Near i {
        padding: 1px 10px;
        background: url("../img/imgOphelia.ico"),url("../img/green.png");
        background-position: left, right;
        background-repeat: no-repeat, no-repeat;
        padding: 20px;
    }

    treecontrol.tree-light li.tree-normal i {
        padding: 1px 10px;
        width: 16px;
        height: 16px;
        color: #ff0000;
        background: url("../img/imgOphelia.ico") no-repeat;
    }

treecontrol.tree-light li .tree-selected {
    font-weight: bold;
}

/* dark tree css */

treecontrol.tree-dark li.tree-expanded i {
    padding: 1px 10px;
    background: url("../img/imgMenu001.png") no-repeat;
}

treecontrol.tree-dark li.tree-collapsed i {
    padding: 1px 10px;
    background: url("../img/imgMenu002.png") no-repeat;
}

    treecontrol.tree-dark li.tree-normal i {
        padding: 1px 10px;
        width: 16px;
        height: 16px;
        background: url("../img/imgOphelia.ico") no-repeat;
        background: none no-repeat;
    }

treecontrol.tree-dark li .tree-selected {
    font-weight: bold;
}

treecontrol.tree-dark {
    color: #ddd;
}

/* general styles for the demo */
h2, h3 {
    font-family: Georgia;
    font-style: italic
}

.tree-border {
    flex: 1;
    border: 1px solid #47a;
    box-shadow: 2px 2px 2px 2px #257;
    margin: 0 5px;
    overflow: scroll
}

.fake-link {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}


a {
    text-decoration: none !important;
  }

a:hover
  {
    text-decoration:underline !important;
    cursor:pointer;
   }
/* mouse over link */
/* visited link */
a:visited {

    color: #3276b1;
}