*{ margin:0; padding:0; }

.yfullcom-tree ul {
    margin-left: 11px;
    font-size:11px;
}

.yfullcom-tree li {
    list-style-type: none;
    margin:10px;
    position: relative;
    white-space: nowrap; line-height:13px;    
}

.yfullcom-tree li::before {
    content: "";
    position: absolute;
    top:-7px;
    left:-15px;
    border-left: 1px solid #ADADAD;
    border-bottom:1px solid #ADADAD;
    border-radius:0 0 0 0px;
    width:12px;
    height:15px;
}

.yfullcom-tree li::after {
    position:absolute;
    content:"";
    top:8px;
    left:-15px;
    border-left: 1px solid #ADADAD;
    border-top:1px solid #ADADAD;
    border-radius:0px 0 0 0;
    width:12px;
    height:100%;
}

.yfullcom-tree li:last-child::after  {
    display:none;
}

.yfullcom-tree li:last-child:before{
    border-radius: 0 0 0 5px;
}

ul.yfullcom-tree>li:first-child::before {
    display:none;
}

ul.yfullcom-tree>li:first-child::after {
    border-radius:5px 0 0 0;
}

.yfullcom-tree li a {
    border: 1px green solid; border-radius: 1px;
    /* border-radius: 0px; */
    /* padding:2px 5px; */
	
	background:#019101; color:#f2f2f2; padding: 1px 3px 1px 3px; font-size: 12px; text-decoration:none; 
}

.yfullcom-tree li a:hover, .yfullcom-tree li a:hover,
.yfullcom-tree li a:focus, .yfullcom-tree li a:focus,
.yf-node-new1:hover, .yf-node-new2:hover {
    background: #F6C800; color: #363636; border: 1px solid #F6C800;
}

/* child nodes illumination */
/*.yfullcom-tree li a:hover, .yfullcom-tree li a:hover+ul li a,
.yfullcom-tree li a:focus, .yfullcom-tree li a:focus+ul li a,
.yf-node-new1:hover, .yf-node-new2:hover {
    background: #F6C800 ; color: #363636 ; border: 1px solid #F6C800;
}*/

.yfullcom-tree li a:hover+ul li::after, .yfullcom-tree li a:focus+ul li::after,
.yfullcom-tree li a:hover+ul li::before, .yfullcom-tree li a:focus+ul li::before 
.yfullcom-tree li a:hover+ul::before, .yfullcom-tree li a:focus+ul::before 
.yfullcom-tree li a:hover+ul ul::before, .yfullcom-tree li a:focus+ul ul::before{
    border-color:  #000; /*connector color on hover*/
}

.yf-snpforhg { padding: 0 5px 0 5px !important; font-size:11px !important; color:#777777 !important; }
.yf-age { font-size:11px !important; background:#D5E7F2 /*#E1EFF0*/ !important; padding: 0 5px 0 5px; margin:0 0 0 0; color:#999999 !important; cursor:help; }
.yf-age:hover { background: #BFDFF2 !important; color: #828282 !important; }
.yf-node-new1 { background-color:#23A62A !important; border:1px solid red !important; }
.yf-node-new2 { background-color:#45BF4C /*#45BF4C*/ !important; border:1px solid orange !important; }
.yf-s-name { font-size:11px !important; background: #E1EBE3 !important; color:green !important; padding:1px 3px 1px 3px; }
.yf-s-vcf { /*background: #FCF8E3 !important; color:#878476 !important;*/ font-style:italic; }
.yf-s-name:hover { background: #F6C800 !important; color: #363636 !important; }
.yf-noncomplete { color:#ABABAB !important; background:#E6F2E9 /*F2F7F3*/ !important; cursor:help; }
.yf-geo { opacity:0.8; filter: alpha(opacity=80); cursor:help; background-color:#ffffff; font-weight:normal; font-size:10px !important; padding:2px 3px 1px 3px !important; color:#000000; }
/*.yf-geo { cursor:help; background-color:#FAFAFA; font-weight:normal; font-size:10px !important; padding:2px 3px 1px 3px !important; color:#999999; }*/
.yf-geo:hover { background-color: #FAF1C8 !important; color: #828282 !important; cursor:help; }
.yf-plus-snps { background:#DBDBDB !important; padding:0 5px 0 5px; margin:0 5px 0 0; cursor:help; font-size:11px !important; color:#777777 !important; cursor:help; }
.yf-plus-snps:hover { background: #FAF1C8 !important; color: #828282 !important; }
.yf-new { color:#FC4E4E; background:#ffffff; font-size:10px; padding:2px 3px 1px 3px !important; margin-left:2px; }
.yf-root { background: #F6C800 !important; color: #363636 !important; border: 1px solid #F6C800 !important; }
.ytree-adam { background:#cccccc !important; color:#777777 !important; padding: 1px 3px 1px 3px !important; border: 1px solid #cccccc !important; }
.yf-node-new1:hover, .yf-node-new2:hover { color: #ffffff !important; }
.yf-node-new1-l { background-color:#23A62A !important; border:1px solid red !important; color:#f2f2f2; padding: 1px 3px 1px 3px !important; font-size: 11px !important; text-decoration:none !important; }
.yf-node-new2-l { background-color:#45BF4C /*#45BF4C*/ !important; border:1px solid orange !important; color:#f2f2f2 !important; padding: 1px 3px 1px 3px; font-size: 11px !important; text-decoration:none !important; }
.yf-tree-wrapper { padding:0 !important; }
#t1 { width:100%; }
.fl { padding-left:18px !important; background-repeat: no-repeat !important; background-position: left center !important; }
.NA { background-color: #FAFAFA !important; }