body {
  /* font: 14px helvetica neue, helvetica, arial, sans-serif; */
  position:relative;
}

.mycanvas {
  height: 600px;
  width: 600px;
  border: 1px dashed grey;
}

.node-table {
  overflow-wrap: break-word;
}


.hp_syn_rep1 {
	color: #95C7F3;
}
.hp_syn_rep2 {
	color: #1681DE;
}
.hp_syn_rep3 {
	color: #0E3094;
}

.hp_syn {
	color: #9823FF;
}
.cb_syn {
	color: #FF9823;
}
.hp_m {
	color: #3F9C20;
}
.cb_m {
	color: #51F91A;
}

.legend_line_style_solid, .legend_line_style_dashed, .legend_line_style_dotted {
	position: relative;
	height: 24px;
	min-width: 24px;
}

.legend_line_style_solid:before {
	content: '';
	position: absolute;
	border-bottom: 2px solid black;
	height: 24px;
	min-width: 24px;
	transform: translateY(-40%);
}

.legend_line_style_dashed:before {
	content: '';
	position: absolute;
	border-bottom: 2px dashed black;
	height: 24px;
	min-width: 24px;
	transform: translateY(-40%);
}

.legend_line_style_dotted:before {
	content: '';
	position: absolute;
	border-bottom: 2px dotted black;
	height: 24px;
	min-width: 24px;
	transform: translateY(-40%);
}

.circle_open {
	transform: translateY(30%);
    background-color:#fff;
    border:2px solid black;
    height:16px;
    width:16px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}

.circle_red {
	transform: translateY(30%);
    background-color:#f00;
    border: none;
    height:16px;
    width:16px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}


td.details-control {
    background: url('https://www.datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('https://www.datatables.net/examples/resources/details_close.png') no-repeat center center;
}

td.details-control1 {
    background: url('https://www.datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control1 {
    background: url('https://www.datatables.net/examples/resources/details_close.png') no-repeat center center;
}