.tree {
    min-height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .tree li {
        list-style-type: none;
        margin: 0;
        padding: 5px;
        position: relative
    }

    .tree ul ul li:hover {
        background: rgba(0,0,0,.015)
    }

    .tree li:after, .tree li:before {
        content: '';
        left: -20px;
        position: absolute;
        right: auto
    }

    .tree li:before {
        border-left: 1px solid #999;
        bottom: 50px;
        height: 100%;
        top: -11px;
        width: 1px;
        -webkit-transition: "border-color 0.1s ease 0.1s";
        -moz-transition: "border-color 0.1s ease 0.1s";
        -o-transition: "border-color 0.1s ease 0.1s";
        transition: "border-color 0.1s ease 0.1s"
    }

    .tree li:after {
        border-top: 1px solid #999;
        height: 20px;
        top: 18px;
        width: 25px
    }

    .tree li span {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px dotted #999;
        border-radius: 5px;
        display: inline-block;
        padding: 3px 8px;
        text-decoration: none;
        -webkit-transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;
        -moz-transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;
        -o-transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;
        transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s
    }

    .tree li.parent_li > span {
        cursor: pointer;
        padding: 7px
    }

    .tree > ul > li::after, .tree > ul > li:before {
        border: 0
    }

    .tree li:last-child::before {
        height: 30px
    }

    .tree li.parent_li > span:hover, .tree li.parent_li > span:hover + ul li span {
        background: #eee;
        border: 1px solid #94a0b4;
        color: #000
    }

    .tree > ul {
        padding-left: 0
    }

    .tree ul ul {
        padding-left: 34px;
        padding-top: 10px
    }

    .tree li.parent_li > span:hover {
        background-color: #DF8505;
        border: 1px solid #C67605;
        color: #fff
    }

        .tree li.parent_li > span:hover + ul li::before {
            border-left-color: #F89406
        }

        .tree li.parent_li > span:hover + ul li::after {
            border-top-color: #F89406
        }

        .tree li.parent_li > span:hover + ul li span {
            background: #FDDFB3 !important;
            border: 1px solid #FAA937;
            color: #000
        }

    .tree .fa.icon-minus-sign:before {
        content: "\f056" !important
    }

    .tree .fa.icon-plus-sign:before {
        content: "\f055" !important
    }

.bootstrap-duallistbox-container .buttons {
    width: 100%;
    margin-bottom: -1px
}

.bootstrap-duallistbox-container label {
    display: block;
    margin-top: 0 !important;
    font-weight: 400 !important
}

.bootstrap-duallistbox-container .info {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 11px
}

.bootstrap-duallistbox-container .btn-group .btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.bootstrap-duallistbox-container select {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    height: 300px;
    padding: 0
}

.bootstrap-duallistbox-container .filter {
    display: inline-block;
    width: 100%;
    height: 31px;
    margin: 0 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .bootstrap-duallistbox-container .filter.placeholder {
        color: #aaa
    }

.bootstrap-duallistbox-container .clear1, .bootstrap-duallistbox-container .clear2 {
    display: none;
    font-size: 10px
}

.bootstrap-duallistbox-container .box1.filtered .clear1, .bootstrap-duallistbox-container .box2.filtered .clear2 {
    display: inline-block
}

.bootstrap-duallistbox-container .move, .bootstrap-duallistbox-container .remove {
    width: 60%
}

.bootstrap-duallistbox-container .moveall, .bootstrap-duallistbox-container .removeall {
    width: 40%
}

.bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
    margin-left: 0
}

.bootstrap-duallistbox-container.moveonselect .move, .bootstrap-duallistbox-container.moveonselect .remove {
    display: none
}

.bootstrap-duallistbox-container.moveonselect .moveall, .bootstrap-duallistbox-container.moveonselect .removeall {
    width: 100%
}

.md-editor {
    display: block;
    border: 1px solid #ddd
}

    .md-editor .md-footer, .md-editor > .md-header {
        display: block;
        padding: 6px 4px;
        background: #f5f5f5;
        margin: 0
    }

        .md-editor > .md-header > :first-child {
            margin-left: 0
        }

    .md-editor > .md-preview {
        background: #fff;
        border-top: 1px dashed #ddd;
        border-bottom: 1px dashed #ddd;
        min-height: 10px;
        padding: 10px;
        overflow: scroll
    }

    .md-editor > textarea {
        font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
        font-size: 13px;
        outline: 0;
        margin: 0;
        display: block;
        width: 100%;
        border: 0;
        padding: 10px;
        border-top: 1px dashed #ddd;
        border-bottom: 1px dashed #ddd;
        border-radius: 0;
        box-shadow: none;
        background: #eee
    }

        .md-editor > textarea:focus {
            box-shadow: none;
            background: #fff
        }

    .md-editor.active {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }

.md-control-fullscreen, .md-fullscreen-controls {
    display: none !important
}