small { font-size:10px; }
.downline-diagram{padding: 0; list-style: none; text-align: center;display: inline-block;}
.downline-diagram li a, .downline-diagram li span{padding: 15px 10px; border: 1px solid #000; display: inline-block; width: 150px;font-size: 1.3em; line-height: 1.2; height:auto; text-decoration:none; word-break:break-all; border-radius:8px;}
.downline-diagram li i.fa-user{font-size: 1.6em;}
.downline-diagram li i.fa-plus{font-size: 1.4em;}
.downline-diagram li .empty{font-size: 1em;padding:40px 0;}
.downline-diagram li span.parent-box { display:block; margin:0 auto 25px; position:relative; }
.downline-diagram li span.parent-box a { padding:0; border:none; width:auto; font-size:1em; }
.gold-label {
	background-image: url('../images/gold-label.png');
	background-repeat: no-repeat;
	background-position: 5px 2px;
	background-size: 30px;
}
.silver-label {
	background-image: url('../images/silver-label.png');
	background-repeat: no-repeat;
	background-position: 5px 2px;
	background-size: 30px;
}
.parent-box:after {
   content: "";
   display: block;
   height: 25px;
   width: 0;
   border-left: 1px solid #000;
   position: absolute;
   left: 50%;
   bottom: -26px;
}
.downline-diagram ul {
    display: block;
    list-style: outside none none;
    margin-top: 25px;
    padding: 25px 0 0;
    position: relative;
    width: auto;	
	border-color: #000;
    border-style: solid;
    border-width: 1px 1px 0;
	height: 25px;
}
.downline-diagram ul:before {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   height: 0;
}
.downline-diagram ul:after {
   content: "";
   display: block;
   height: 25px;
   width: 0;
   border-left: 1px solid #000;
   position: absolute;
   left: 50%;
   top: -25px;
}
.downline-diagram ul li{float:left; position: relative;}
.downline-diagram ul li:first-child{margin-left: -75px; margin-right: 50px;}
.downline-diagram ul li:last-child{ margin-left: 50px;margin-right: -75px;}
.downline-diagram > li > ul > li:first-child{left:-51px;}
.downline-diagram > li > ul > li:last-child{right:-50px;}
.downline-diagram li a.new { padding:34px 10px; }
#downline-list{display: none; max-height: 300px; overflow-y: auto; text-align: left;}
#downline-list li a{display: block; font-size: 1.2em;}

.member-tree{padding-left: 10px; list-style: none; margin:0;}
.member-tree h4{margin-bottom: 0;}
.member-tree li{padding-left: 20px; position: relative;}
.member-tree li a{font-size: 1.2em; text-decoration:none; outline:none;}
.member-tree li a.toggle{margin-left: -26.5px; font-size: 0.8em;}
.member-tree li a:not(.toggle):first-child{margin-left: -23px;}
.member-tree li a.toggle:not(.fa-spinner):before{font-family: FontAwesome;content: "\f067";}
.member-tree li.open h4 a.toggle:before, .member-tree ul li.open > a.toggle:not(.fa-spinner):before{content: "\f068";}
.member-tree ul{
	left: 0;
    list-style: outside none none;
    padding-left: 20px;
    position: relative;
    top: 0;
	margin: 0;
}
.member-tree ul li > a.toggle{font-size: 1.2em; margin-left: -22px;}
.tree-wrapper{position:relative;left:-20px;top:-8px;}
.tree-wrapper ul{top: 8px !important;}
.member-tree ul li .tree-wrapper{display: none;}
.member-tree ul li::before {
    border-color: #000;
    border-style: solid;
    border-width: 0 0 0 1px;
    content: "";
    height: 100%;
    left: -20px;
    position: absolute;
    top: -10px;
}
.member-tree ul li:last-child::before{
	height: 27px;
}
.member-tree ul li::after {
    border-color: #000;
    border-style: solid;
    border-width: 1px 0 0;
    content: "";
    height: 1px;
    left: -20px;
    position: absolute;
    top: 17px;
    width: 14px;
}
.member-tree ul li{position:relative;padding-top: 5px;}
.total-point-right { text-align:right; }