/***
=======================
	Genealogy.php
=======================
***/
.gen-tree ul{
	margin:0;
	padding:0;
}
.gen-tree li{
	list-style:none;
	display:block;
	margin-bottom:6px;
}
.expand-tree-btn{
	position:relative;
	width:auto;
	height:auto;
	display:inline-block;
	cursor:pointer;
}
.expand-tree-btn:before{
	/*content:'+';*/
}
.gen-tree li.tree-toogle{
	margin-left:20px;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-left:10px;
	border-bottom:1px solid #444;
	position:relative;
}
.gen-tree li.tree-toogle:before{
	content: "";
    position: absolute;
    z-index: 1;
    top: 0.2em;
    right: auto;
    bottom:20px;
    left:5px;
    width: auto;
    height: auto;
    margin: auto;
    border-right: dotted #c4c4c4 0.1em;
    color: #c4c4c4;
}
.gen-tree li.tree-toogle li{
    display: flex;
    position: relative;
    z-index: 3;	
	margin-left:10px;
}
.gen-tree li.tree-toogle li:after{
	/*content: "";
    display: block;
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
    margin: auto 0 auto 0.5em;
    border-top: dotted #c4c4c4 0.1em;
    width: 0.55em;
    height: 0.1em;*/
}
.gen-tree li.tree-toogle li span:nth-child(2){
	margin-left:auto;
}
.gen-tree li.tree-toogle li#display_1,
.gen-tree li.tree-toogle li#display_2,
.gen-tree li.tree-toogle li#display_3,
.gen-tree li.tree-toogle li#display_4,
.gen-tree li.tree-toogle li#display_5,
.gen-tree li.tree-toogle li#display_6,
.gen-tree li.tree-toogle li#display_7,
.gen-tree li.tree-toogle li#display_8,
.gen-tree li.tree-toogle li#display_9,
.gen-tree li.tree-toogle li#display_10,
.gen-tree li.tree-toogle li#display_11,
.gen-tree li.tree-toogle li#display_12,
.gen-tree li.tree-toogle li#display_13,
.gen-tree li.tree-toogle li#display_14,
.gen-tree li.tree-toogle li#display_15,
.gen-tree li.tree-toogle li#display_16,
.gen-tree li.tree-toogle li#display_17,
.gen-tree li.tree-toogle li#display_18,
.gen-tree li.tree-toogle li#display_19,
.gen-tree li.tree-toogle li#display_20
{
	margin-left:10px;
	position:relative;
}
.gen-tree li.tree-toogle li#display_1:before,
.gen-tree li.tree-toogle li#display_2:before,
.gen-tree li.tree-toogle li#display_3:before,
.gen-tree li.tree-toogle li#display_4:before,
.gen-tree li.tree-toogle li#display_5:before,
.gen-tree li.tree-toogle li#display_6:before,
.gen-tree li.tree-toogle li#display_7:before,
.gen-tree li.tree-toogle li#display_8:before,
.gen-tree li.tree-toogle li#display_9:before,
.gen-tree li.tree-toogle li#display_10:before,
.gen-tree li.tree-toogle li#display_11:before,
.gen-tree li.tree-toogle li#display_12:before,
.gen-tree li.tree-toogle li#display_13:before,
.gen-tree li.tree-toogle li#display_14:before,
.gen-tree li.tree-toogle li#display_15:before,
.gen-tree li.tree-toogle li#display_16:before,
.gen-tree li.tree-toogle li#display_17:before,
.gen-tree li.tree-toogle li#display_18:before,
.gen-tree li.tree-toogle li#display_19:before,
.gen-tree li.tree-toogle li#display_20:before
{
	/*content:'';
	position:absolute;
	top:0;
    right: auto;
    bottom:0;
    left:-12px;
    width: auto;
    height:auto;
    margin: auto;
    border-right: dotted #c4c4c4 0.1em;
    color: #c4c4c4;*/
}
.gen-tree li.tree-toogle li#display_1:after,
.gen-tree li.tree-toogle li#display_2:after,
.gen-tree li.tree-toogle li#display_3:after,
.gen-tree li.tree-toogle li#display_4:after,
.gen-tree li.tree-toogle li#display_5:after,
.gen-tree li.tree-toogle li#display_6:after,
.gen-tree li.tree-toogle li#display_7:after,
.gen-tree li.tree-toogle li#display_8:after,
.gen-tree li.tree-toogle li#display_9:after,
.gen-tree li.tree-toogle li#display_10:after,
.gen-tree li.tree-toogle li#display_11:after,
.gen-tree li.tree-toogle li#display_12:after,
.gen-tree li.tree-toogle li#display_13:after,
.gen-tree li.tree-toogle li#display_14:after,
.gen-tree li.tree-toogle li#display_15:after,
.gen-tree li.tree-toogle li#display_16:after,
.gen-tree li.tree-toogle li#display_17:after,
.gen-tree li.tree-toogle li#display_18:after,
.gen-tree li.tree-toogle li#display_19:after,
.gen-tree li.tree-toogle li#display_20:after
{
	content:'';
	display:none;
}
@media (max-width:414px){
	.gen-tree li.tree-toogle{
		margin-left:10px;
	}
}
.gen-tree li.tree-toogle li.tree_lvl1{
	position:relative;
}
.gen-tree li.tree-toogle li.tree_lvl1:after{
	content: "";
    display: block;
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
    margin: auto 0 auto 0.5em;
    border-top: dotted #c4c4c4 0.1em;
    width: 0.55em;
    height: 0.1em;
}
.gen-tree li.tree-toogle li li.tree_lvl2,
.gen-tree li.tree-toogle li li.tree_lvl3,
.gen-tree li.tree-toogle li li.tree_lvl4,
.gen-tree li.tree-toogle li li.tree_lvl5,
.gen-tree li.tree-toogle li li.tree_lvl6,
.gen-tree li.tree-toogle li li.tree_lvl7,
.gen-tree li.tree-toogle li li.tree_lvl8,
.gen-tree li.tree-toogle li li.tree_lvl9,
.gen-tree li.tree-toogle li li.tree_lv20
{
	padding-left:20px;
	position:relative;
}
.gen-tree li.tree-toogle li li.tree_lvl2:before,
.gen-tree li.tree-toogle li li.tree_lvl3:before,
.gen-tree li.tree-toogle li li.tree_lvl4:before,
.gen-tree li.tree-toogle li li.tree_lvl5:before,
.gen-tree li.tree-toogle li li.tree_lvl6:before,
.gen-tree li.tree-toogle li li.tree_lvl7:before,
.gen-tree li.tree-toogle li li.tree_lvl8:before,
.gen-tree li.tree-toogle li li.tree_lvl9:before,
.gen-tree li.tree-toogle li li.tree_lv20:before
{
	content: "";
    display: block;
	position: absolute;
	background:#c4c4c4;
	top:-5px;
	left:6px;
    width:1px;
    height: 16px;
}
.gen-tree li.tree-toogle li li.tree_lvl2:after,
.gen-tree li.tree-toogle li li.tree_lvl3:after,
.gen-tree li.tree-toogle li li.tree_lvl4:after,
.gen-tree li.tree-toogle li li.tree_lvl5:after,
.gen-tree li.tree-toogle li li.tree_lvl6:after,
.gen-tree li.tree-toogle li li.tree_lvl7:after,
.gen-tree li.tree-toogle li li.tree_lvl8:after,
.gen-tree li.tree-toogle li li.tree_lvl9:after,
.gen-tree li.tree-toogle li li.tree_lv20:after
{
	content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    margin: auto 0 auto 0.5em;
    border-top: dotted #c4c4c4 0.1em;
    width: 0.55em;
    height: 0.1em;
}
/***
=======================
	customer/listing
=======================
***/
.modal-customer-details{
	max-width:800px!important;
}
.modal-customer-list-content{
    max-height: 93vh;
    height: 93vh;	
}
.modal-customer-list-content .modal-body{
	overflow:scroll;
}

/***
=======================
	customer/binary-tree.css
=======================
***/
div.slot_line{
	width:0px;
	height:30px;
	border:0px solid #AF8E49;
	border-width:0 1px 0 1px;
	margin:auto;

}

div.slot_connector_left{
	width:50%;
	height:0px;
	line-height:0px;
	border:0px solid #AF8E49;
	border-width:1px 0 1px 0;
    float:right;

	margin:auto;
}
div.slot_connector_center{
	width:100%;
	height:0px;
	line-height:0px;
	border:0px solid #AF8E49;
	border-width:1px 0 1px 0;
	float:right;
}
div.slot_connector_right{
	width:50%;
	height:0px;
	line-height:0px;
	border:0px solid #AF8E49;
	border-width:1px 0 1px 0;
	float:left;
}
/***
=======================
	customer/tree.css
=======================
***/
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 35px;
    position:relative
}
.tree li::before, 
.tree li::after {
    content:'';
    /*left:-20px;*/
    left:10px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px dotted #000;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px dotted #000;
    height:20px;
    top:25px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #7a8195;
    border-radius:3px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none;
    cursor:pointer;
}
.tree li span:hover{
	background:#efefef !important;
}
.tree li span a{
	color:#000;
	text-decoration:none;
}
.tree>ul>li::before,
.tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:27px
}
.tree li span{
	background:#efefef;
}
.tree li span:hover {
    background: hotpink;
    border:2px solid #94a0b4;
    }

[aria-expanded="false"] > .expanded,
[aria-expanded="true"] > .collapsed {
  display: none;
}
.tree li span.gen-root{
	background:#efefef;
}
.tree li span.gen-username{
	font-weight:bold;
	border:none;
}
.tree li span.gen-id{
	font-size:small;
	border:none;
}    
/***
=======================
	Dashboard
=======================
***/
.sales-card h3{
	font-size:22px;
	font-weight:bold;
}
.sales-card h5{
	font-size:16px;
}
@media (max-width:1080px){
	.sales-card h3{
		font-size:16px;
	}
}