.node {
  cursor: pointer
}

.overlay {
  background-color: white
}

#tree-container {
  margin-left: 250px
}

.node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px
}

.nodeText {
  font-family: sans-serif
}

.bootstrap {
  font-family: sans-serif;
  font-style: normal
}

}


.noselect {
}

.select {
fill-opacity: 0;
stroke: red
}

.collapsed circle {
fill: #BBB !important;
stroke: steelblue;
stroke-width: 1.5px;
opacity: 1 !important
}

circle.root {
fill: #BBB !important;
stroke: steelblue;
stroke-width: 1.5px;
opacity: 1 !important
}

#canvas {
margin-left: 240px;
z-index: 5
}


#canvas text {
  font-family: sans-serif;
  fill: black
}

#canvas  .link {
  stroke-width: 0.8px
}

body {
  overflow-y: auto;
  overflow-x: hidden
}

body, html {
  height: 100%
}


#lgd_div {
  right: 0px;
  top: 0px;
  position: fixed;
  width: 220px;
  height: 55%;
  border: solid #C3C3C3 2px;
  border-radius: 10px;
  z-index: 9;
  background-color: white;
  overflow-y: auto;
  padding-bottom: 0px
}

#map_div {

  clear: left;
  border: solid #C3C3C3 2px;
  border-radius: 10px;
/*  z-index: 9;*/
  background-color: white;
  overflow-y: auto;
  padding-bottom: 0px;
  clear: left;

}

#controls {
  width: 240px;
  height: 100%;
  border: solid #C3C3C3 2px;
  border-radius: 10px;
  position: fixed;
  z-index: 9;
  background-color: white;
  overflow-y: auto;
  padding-bottom: 0px;
  left: 0px;
  top: 0px
}

.resize_controls {
  background-color: #ccc;
  position: absolute;
  right: 0;
  width: 5px;
  height: 100%;
  cursor: w-resize
}

#msg_div {
  right: 0px;
  bottom: 0px;
  position: fixed;
  width: 210px;
  height: 42%;
  border: solid #C3C3C3 2px;
  border-radius: 10px;
  z-index: 9;
  background-color: white;
  overflow-y: auto;
  padding: 5px;
  padding-bottom: 10px
}

.resize {
  background-color: #ccc;
  position: absolute;
  left: 0;
  width: 5px;
  height: 100%;
  cursor: w-resize
}



ul {
  list-style: none;
  padding-left: 0px
}

#format, #mode, #names, #search, #layout, #other_controls, #scalebar_controls {
  padding: 0px 20px 0px
}

#export {
  padding: 0px 20px 20px
}

h4 {
  margin: 0px;
  padding-top: 5px;
  font-size: smaller
}

ul {
  margin: 0px;
  padding-top: 5px;
  font-size: 12px
}

ul.indent {
  margin-left: 20px;
  padding-top: 0px;
  font-size: 12px
}

#search input {
  width: 140px
}

button {
  font-size: 12px;
  margin: 3px 10px 3px;
  width: 120px;
  color: #333
}

input {
  font-size: smaller
}

.bold {
  font-weight: bold
}

.name_seq {
  width: 20px !important
}

select {
  font-size: smaller;
  margin: 5px
}

#gene_seq {
  margin: 5px 20px 5px
}

#msg_div p {
  font-size: 12px;
  padding: 0px;
  margin: 0px
}

#msg_div table {
  font-size: 13px;
  line-height: 100%
}

#status_table1 td, #status_table2 td {
  width: 45%
}

#msg_div th, #msg_div td {
  text-align: left
}

#status_table3 th {
  width: 20%
}

#search select {
  margin-left: 15px;
  font-size: 11px
}

#query_msg_tbl th {
  padding-right: 8px
}

.browser_msg {
  margin-top: 5px;
  margin-bottom: 1px;
  color: #FFA500
}

#search_attrib, #search_attrib2, #search_attrib3, #search_attrib4, #search_attrib5, #search_attrib6 {
  width: 120px
}

option, select {
  font-size: 13px !important;
  width: 100%
}

#save_format {
  width: 100px
}

.format_span {
  padding-left: 15px;
  padding-top: 0px;
  padding-bottom: 2px;
  display: block
}

#Loading_icon {
  position: absolute;
  top: 250px;
  left: 400px
}

label {
  cursor: pointer
}

#click-menu, #context-menu {
  display: none;
  position: absolute;
  background: rgba(207, 233, 245, 0.90);
  cursor: pointer;
  border-radius: 5px;
  padding: 10px
}

#click-menu li {
  font-size: 15px;
  color: #000000
}

#zoom_icon {
  position: fixed;
  top: 20px;
  right: 250px
}

.menu_hdr {
  font-weight: bolder;
  margin-top: 5px;
  margin-left: -8px
}

.menu_altaction {
  font-style: italic;
  color: #2C1974
}

#hover_otus {
  position: absolute;
  background: rgba(207, 233, 245, 0.90);
  padding: 10px
}

#map_points {
  width: 100px;
}

#map_points_lbl {
  font-size: 12px;
  margin-bottom: 0px;
  margin-top: 0px;

}

#map_controls {
  margin-left: 20px;
}