* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html,body {min-height: 100%;margin:0 auto;}
ol,ul{margin-top:0;margin-bottom:10px;}
body,.wrapper{font-family:'Arial', sans-serif;overflow-x:hidden;overflow-y:auto}.wrapper{overflow:hidden;}
.d3-tip{z-index:9999;padding:10px;background:rgba(229,238,204,.8);color:#000;border-radius:2px;font-size:12px;}
.d3-tip>div{margin-bottom:4px;}
.content-wrapper{min-height:100vh;padding-top:0;z-index:800;}
.content{padding:15px;margin:0 auto;}
.row{margin:0 -15px;position:static;zoom:1}
.w{position:relative;min-height:1px;padding:0 15px;width:100%;min-width:920px;float:left;}
/*.w2{position:relative;min-height:1px;padding:0 15px;width:75%;min-width:768px;float:left;}*/
#nodeInfo{background:rgba(229,238,204);color:#000;border-radius:5px 0 0 5px;width:200px;min-height:240px;position:fixed;margin-top:130px;top:0;right:-200px;opacity:0.8}
#nodeInfo button.close{margin: 5px 0 0 10px;color:#008000;float:left;cursor:pointer;border:0;padding:0;font-size:21px;font-weight:700;text-shadow:0 1px 0 #000;opacity:.2;}
#nodeInfo button.close:hover,#nodeInfo button.close:focus{opacity:.5;}
#nodeInfo .info-content{padding:15px;margin-top:15px;height:100%;width:100%;font-size:14px;}
#nodeInfo .info-content>div:first-of-type{
    overflow: auto;
    margin-bottom:20px;
}
#nodeInfo .info-content>div:last-of-type{width:100%;}
input[type=checkbox]{display:none;}
input[type=checkbox]+label{position:relative;display:inline-block;cursor:pointer;}
input[type=checkbox]+label>span{padding-left:20px;line-height:24px;}
input[type=checkbox]+label::before{content:'';display:inline-block;width:14px;height:14px;border:solid 1px #aaa;position:absolute;left:0;top:4px;text-align:center;}
input[type=checkbox]:checked+label::before{content:'\2714';display:inline-block;width:14px;height:14px;border:solid 1px #aaa;position:absolute;left:0;top:4px;color:#008000;line-height:16px;text-align:center;}
a{color:#008000;text-decoration:none;}
a:hover,a:active,a:focus{
    outline: none;
    text-decoration: none;
    color:rgb(231,165,17);
}
.chart-box{width:100%;position:relative;border-radius:3px;border:1px solid #e5eecc;border-top:3px solid #e5eecc;box-shadow:0 1px 1px rgba(0,0,0,0.1);overflow:hidden;}
.pad{padding:10px;}
.box-aside{
    position: absolute;right:0;height:96%;width: 30px;
}
.box-body{margin-right:35px;border-radius:0 0 3px 3px;}
.box-footer{border-radius:0 0 3px 3px;}
.row:before,.row:after{display:table;content:''}
.treeview-menu{list-style:none;}
ul li{display:inline-block;height:30px;vertical-align:top;}
ul ul{margin-bottom:0;height:30px;}
.treeview-menu>li>a{color:#666;margin-right:15px}
.treeview-menu>li>a:hover,.treeview-menu>li.selected>a{color:#008000;}
.fa{margin-left:15px;display:inline-block;border:solid 2px #666;width:14px;height:14px;vertical-align:middle;border-radius:50%}
.treeview-menu>li>a:hover .fa,.treeview-menu>li.selected>a .fa{border:solid 2px #008000}
.form-group{display:inline-block;margin:0 30px;}
#fontsize{width:56px;text-align:center;height:22px;color:#666;cursor:all-scroll;cursor:move;cursor:default;outline:0}
#fontsize:focus{outline:0;}
.fontsize-btn{width:22px;height:22px;border:solid 1px #666;display:inline;margin:0 -1px;position:relative;z-index:999;background:#e5eecc;cursor:pointer;outline:0}
.fontsize-btn:hover{outline:0;color:#008000}
#sliderX,#sliderY{visibility:hidden;display:none;}
#sliderHorizontal {margin:0 auto;display:block;}
#sliderVertical {height: 100%;}
.hide{display:none}
.box .overlay {z-index: 1010;background:#fff;border-radius: 3px;}
.error {color: red;}
.node {cursor: pointer;stroke-width: 20px;pointer-events: all;}
.overlay{background-color:#eee;}
.node rect {fill: #fff;stroke: steelblue;stroke-width: 1.5px;}
.node rect.selected,
.node rect.taxa {
    fill: orange !important;
    stroke: #111;
}
.node rect.nodeBar {
    cursor: default;
}
.node text {
    font-size:10px;
    font-family:sans-serif;
}
.link {fill: none;stroke: #ccc;stroke-width: 3px;cursor: pointer;}
.link.selected {fill: none;stroke: orange !important;stroke-width: 7px;}
text.linkText {
    font-size:10px;
    font-family:sans-serif;
    text-decoration: underline;
}
.templink {fill: none;stroke: red;stroke-width: 3px;}
.hiddenCircle,.selectedCircle {display:block;}
.scaleText {text-rendering: optimizeLegibility;}
#welcomeModal.modal {
    text-align: center;
}
@media screen and (min-width: 768px) {
    #welcomeModal.modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}
#welcomeModal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.slider{display:inline-block;vertical-align:middle;position:relative;}
.slider-vertical{width:20px;height:100%;}
.slider-horizontal{width:96%;height:20px}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}
.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.slider-disabled .slider-track {
    background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
    cursor: not-allowed;
}
.slider-track-left,.slider-track-right {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-vertical .slider-track-left,.slider-vertical .slider-track-right {width: 100%;left: 0;right: 0;}
.slider-selection {
  position: absolute;
  background-image: -webkit-linear-gradient(top, #9def89 0%, #94de81 100%);
  background-image: -o-linear-gradient(top, #9def89 0%, #94de81 100%);
  background-image: linear-gradient(to bottom, #9def89 0%, #94de81 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-vertical .slider-selection {width: 100%;left: 0;top: 0;bottom: 0;}
.slider-horizontal .slider-selection,.slider-horizontal .slider-track-left,
.slider-horizontal .slider-track-right {height: 100%;top: 0;bottom: 0;}
.slider-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #3cb733;
  background-image: -webkit-linear-gradient(top, #3cdf14 0%, #3cdf14 100%);
  background-image: -o-linear-gradient(top, #3cdf14 0%, #3cdf14 100%);
  background-image: linear-gradient(to bottom, #3cdf14 0%, #3cdf14 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  filter: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  border: 0px solid transparent;
}
.slider-handle.round {border-radius: 50%;}
.slider-vertical .slider-handle {margin-left: -5px;margin-top: -10px;}
.slider-horizontal .slider-handle {margin-left: -10px;margin-top: -5px;}
.slider-disabled .slider-handle {
    background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
    background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}
.tooltip{position:absolute;z-index:1070;display:block;font-family:'Arial',sans-serif;font-size:12px;font-weight:400;line-height:1.4;visibility:visible;filter:alpha(opacity=0);opacity:0}
.tooltip.in {filter: alpha(opacity=90);opacity: .9;}
.slider .tooltip.top{padding:5px 0;margin-top:-36px}
.slider .tooltip.right{padding:0 5px;margin-left:-36px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.right .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0px 5px 5px;border-left-color:#000}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}