html, body{
    height:95%;
}

th{
	text-align: left;
}

textarea.child {
      height:100%;
}
  
circle, text, rect.square, polygon.octagon{
    cursor:pointer;
}

div.parent {height:60px;}
textarea.child {height:100%;}

#preloader_img{
	margin-right: 16px;
	width: 22px;
	height: 22px;
}

th{
    text-align:center;
}

#wGraph *{
    overflow: hidden;
}

pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -o-pre-wrap;    /* Opera 7 */
}

iframe {
    overflow-x: hidden;
    overflow-y: hidden;
} 

.normal_option{

}

.first_option{
    color: gray;
}

fieldset{
    padding:0px;
    margin:0px;
}

#clafer_editor { 
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#ClaferListCont .chosen-with-drop .chosen-drop {
    visibility: visible;
}

#ClaferListCont .chosen-drop {
    border-bottom: 0;
    border-top: 1px solid #aaa;
    z-index: 3000;
    position: fixed;
    visibility: hidden;
}

#clafer_editor .ace_search, #console_editor .ace_search {
    z-index: 1000;
}

.save_button{    
    display: inline-block; 
    border: 1px solid #ccc;
    width:21px;
    height:18px;
    padding:0;
    margin:0;
    cursor:pointer;
    background: url('images/save.png');
} 

.save_button:hover{    
    border: 1px solid white;
}

.scopeInput {
    width:30px;
}

#input_flags {
    display:none;
}

#input_bottom_container{
    background: white;
}

#chartNode polygon{
    cursor:pointer;    
}

/* New d3.js-based Bubble Front Graph  */

#chart .axis path {
  fill: none;
  stroke: #ccc;
  shape-rendering: crispEdges;
}

#chart .axis line {
  stroke: #ccc;
  shape-rendering: crispEdges;
}

#chart .shape {
  fill-opacity: 0.8;
  stroke-width: 1px;
  stroke: #000;
}

#chart .label {
  fill: black;
/*  stroke: white;
  stroke-width: 1px; */
}

#chart .hidden .shape{
  fill-opacity: 0.2;
  stroke-width: 0px;
}

#chart .hidden .label{
    display: none;
}

#graph_table, #graph_table div{
    margin:0;
    padding:0;
}

#chart .active .shape{
  fill-opacity: 0.8;
  stroke-width: 2px;
  fill: #00ff00;
}

#chart .active .label{
}

#chart .selected .shape{
  fill-opacity: 1.0;
  stroke-width: 3px;
  stroke: #0000ff;
}

#chart .selected .label{
}