/* Styles go here */
.angular-ui-tree-handle {
    padding: 3px !important;
    font-size: 11px;
    transition: all linear 0.1s;
    background: transparent !important;
    border: none !important;
}

    .angular-ui-tree-handle:hover > span {
        /*background: #F1F2F7;*/
        font-size: 16px;
    }

.newbtn {
    margin-right: 8px;
    padding: 4px;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 5px;
    background: #1abb9c;
    color: white;
    background: transparent;
    color: #3A5CC1;
    text-decoration: none !important;
}

ul.ng-pristine {
    list-style-type: none;
    padding: 0px !important;
}

    ul.ng-pristine ul {
        padding-right: 35px !important;
    }

.btn-tree {
    margin-right: 8px;
    padding: 4px;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 5px;
    background: #1abb9c;
    color: white;
}

    .btn-tree .glyphicon {
        right: 2px;
    }

    .btn-tree:hover {
        color: white;
        background: #08ebc1;
    }


.angular-ui-tree-handle {
    background: #f8faff;
    border: 1px solid #dae2ea;
    color: #7c9eb2;
    padding: 10px 10px;
}

    .angular-ui-tree-handle:hover {
        color: #438eb9;
        background: #f4f6f7;
        border-color: #dce2e8;
    }

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}

/*style the font-awesome check box*/
/*.fa {
    Position: relative;
    top: 5px;
    padding-right: 8px;
}

    .fa:hover {
        cursor: pointer;
    }*/


.tree-container {
    min-height: 500px;
}

.filtered-out .angular-ui-tree-handle {
    background-color: rgba(248, 250, 255, 0.3);
    border: 1px solid rgba(218, 226, 234, 0.3);
    color: rgba(124, 158, 178, 0.3);
}

.angular-ui-tree-node:not(.filtered-out) .ui-match {
    background: #e3fcf9 !important;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}


[ui-tree] small {
    color: #888888;
    font-weight: normal;
}

.angular-ui-tree-handle {
    cursor: pointer !important;
    background: none;
    /*border: 1px dashed #ccc !important;*/
    /* color: #5a7c90 !important; */
    font-size: 11px !important;
    padding: 6px !important;
    border-radius: 4px;
}

.angular-ui-tree-nodes .angular-ui-tree-nodes {
    padding-left: 0px !important;
    padding-right: 25px !important;
}