html, body {
        height: 100%;
        margin: 0px;        
        /* overflow-y: hidden;*/
}
body{
	font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
	
}

.thick {
  font-weight: bold;
}

.title{
	font-weight: bold;
	font-size:1.25em;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

@media(min-width:768px) {

.custom-gutter > [class*='col-'] {
    padding-right:4px;
    padding-left:4px; 
}

.custom-gutter > [class*="col-"]:first-child {
  padding-left:15px;
}
  
.custom-gutter > [class*="col-"]:last-child {
  padding-right:15px
}

}


#tree {
    width: 100%;
    height: 100%;    
    background-color: #9fdfbe;    
}

.node.M rect {
    fill:  #ff9900; 
}
.node.F rect {
    fill:#02e9fa;
}
.node.D rect {
    stroke: black;
	stroke-width: 2px;
}



.node rect{
	fill:#9370DB;
	
	
}
[data-field-name] [lbl]{
  display: none;
}

[data-field-name='gender']{
  display: none;
}

[data-field-name='generation']{
  display: none;
}

[link-id] path {
        stroke: #fa6114;
        stroke-width: 2px;
}

[control-expcoll-id] circle {
        stroke: #fa6114; 
}
/*
[node-id] circle {
	display:none;
}
*/


.edit-tags{
    display: none;
}