body, html {
    font-family: sans-serif;
    background-color: #ddd;
    width: 100%;
    height: 100%;
}
/*
table{
    border: 2px solid black;
}
th {
    border: 2px solid black;
}
td {
    border: 2px solid black;
}
*/

input {
    font-family: sans-serif;
    font: 16px sans-serif;
}

.selected {
    color: #E60;
}

.disabled {
    opacity: 0.63;
    color: gray;
}

.node {
    stroke-width:1px;
    stroke: white;
}

.nodeLabel {
    stroke: none;
    fill: white;
}

.nodeDescription {
    stroke: none;
    fill: white;
    font: 12px sans-serif;
}

.iconInfo {
    stroke: none;
    fill: red;
}

/* button 
{ 
background-color: #eee; 
color: black; 
padding: 8px 12px; 
text-align: center; 
text-decoration: none; 
display: inline-block; 
font-size: 16px; 
border: 1px solid black; 
} */

.axis line,
.axis path {
    fill: none;
    stroke: #fff;
    shape-rendering: crispEdges;
}

.axis text {
    font-family: sans-serif;
    font-size: 15px;
    fill: white;
}

.dragging {
    background-color: #111;
}

#main {
    background-color: #999;
}

#toolbar {
    background-color: #000;
    position: absolute;
}
#output {
    background-color: palevioletred;
    position: absolute;
    transform-origin: 0 0; 
    width: 0%;
    height: 0%;
    right: 0%;
    top: 95%;
    font-size: 10px;
    opacity: 0;
}
#genes {
    background-color: rgb(75, 75, 75);
    /* box-Shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); */
    position: absolute;
    opacity: 0.95;
    border: none;
    transform-origin: 0 0; 
    width: 10cm;
    height: 100%;
    right: 0px;
    bottom: 0%;
}
#genesWrapper {
    background-color: rgba(22, 5, 255, 0.0);
    position: absolute;
    opacity: 0.95;
    border: none;
    transform-origin: 0 0;
    height: 100%;
    right: 0px;
    bottom: 0%;
}
#filterDiv {
    background-color: #555;
/*    box-shadow: -5px 15px 20px #111;*/
    position: absolute;
    transform-origin: 0 0;
    border: none;
    width: 100%;
    opacity: 0.95;
    height: 5%;
    left: 0px;
    bottom: 0%;
}
#bound_rect {
    background-color: blue;
}

#tumor_af {
    background-color: lightgray;
    box-shadow: -5px 15px 20px #111;
    position: absolute;
    transform-origin: 100% 100%; 
    width: 15%;
    height: 10%;
    right: 0%;
    bottom: 0%;
    opacity: 1;
    /*		transform: translateX(0px) rotate(270deg);*/
}
/*
#sliderImageFrame, #sliderImageInner{
    position: absolute;
    bottom: 10%;
    left: 5%;
    width: 90%;
}
*/
#t_af_heading {
    /* display: inline-block;
    position: absolute;
    bottom: 0%;
    font-size: 22px;
    width: 40%; */
}

#tumor_af_value {
    /* display: inline-block; */
    /* position: absolute; */
    /*        background: rgba(10,10,10,0.5);*/
    /* background: #555; */
    color: white;
    /* border:solid 1px #555; */
    /* left: 40%; */
    /* width: 20%; */
}

#tumor_af_value_p {
    /* display: inline-block;
    position: absolute;
    bottom: 8%;
    left: 35%;
    width: 20%; */
}
#mainsvg {
    position: absolute;
    background-color: #999;
}