/*!
 * df.tree.css
 *
 * Copyright 2014 DreamFactory Software, Inc.
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * This is the CSS file for a Bootstrap 3.1+ tree view built from a UL
 */
/**************************************************************************
** Body Styles
**************************************************************************/

.tree {
	min-height:            20px;
	padding:               19px;
	margin-bottom:         20px;
	background-color:      #fbfbfb;
	border:                1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
	-webkit-box-shadow:    inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:       inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow:            inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.tree-inverse {
	color: #222;
}

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

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

.tree li::before {
	border-left: 1px solid #999;
	bottom:      50px;
	height:      100%;
	top:         0;
	width:       1px
}

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

.tree li span {
	-moz-border-radius:    4px;
	-webkit-border-radius: 4px;
	border:                1px solid #999;
	border-radius:         4px;
	display:               inline-block;
	padding:               3px 8px;
	text-decoration:       none
}

.tree li span i.fa {
	margin-right: 8px;
}

.tree li.parent_li > span {
	cursor: pointer
}

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

.tree > ul > li:last-child {
	border-bottom-left-radius: 4px;
}

.tree > ul > 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
}
