.stgraph {
    position: relative;
    float:none;
    top: 0rem;
    left: 0rem;
    padding-left:.9375rem;
    padding-right:.9375rem;
    margin-left:auto;
    margin-right:auto;
    height:32rem;
}

#st-options {
    position: relative;
    left: 100px;
    top: 10px;
    padding: 5px;
    font-family: Verdana, sans-serif;
    font-size: x-small;
}

#st-popup {
    position: relative;
    top: 10px;
    left: 100px;
    display: none;
}

#tooltip {
    position: relative;
    top: -330px;
    height: auto;
    width: 150px;
    padding: 10px;
    font-family: Verdana;
    background-color: #398095; /*#1F88A7 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    /*pointer-events: none;*/
}

#tooltip.hidden {
    display: none;
}

#tooltip #name {
    font-style: italic;
    font-weight: bold;
    font-size: 120%;
}

#tooltip i {
    color: black;
}

#tooltip p, #tooltip label {
    margin: 0;
    font-family: Verdana, sans-serif;
    font-size: small;
    line-height: 20px;
    color: #fff;
}

.btn-default { 
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.hidediv {display: none;}

.modal-footer{ display:none}

#zfrom.form-control, #zto.form-control {
    padding-right: 0px;
    padding-left: 5px;
}
#bZero.btn { padding: 3px 10px; }

.bnum { resize: none; }

.col-sm-4 { padding-left: 5px; }

.formtb1 {border-collapse: collapse; border-spacing: 0px;}
.formtb1 td , .formtb1 th, .formtb1 tr   {padding: 0px;}

.colitem { width: 100px; }

.addForm {
    position: absolute;
    top: 50px;
    width: 300px;
    height: 380px;
    padding: 25px;
    background-color: #eee; /* #398095 */
    display: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    /*pointer-events: none;*/
}

#addForm.hidden {
    display: none;
}

.addForm p, .addForm label {
    margin: 0;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #000; /* #fff */
}

.addForm input, .addForm select {
    height: 2em;
    display: block;
    float: left;
    margin: 0em 1em 0.5em 0em;
    color: #000000;
    font-family: Verdana;
    font-size: 12px;
}
::-webkit-input-placeholder { /* Chrome */
  color: #8e8e8e;
  transition: opacity 250ms ease-in-out;
}
:focus::-webkit-input-placeholder {
  opacity: 0.4;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #8e8e8e;
  transition: opacity 250ms ease-in-out;
}
:focus:-ms-input-placeholder {
  opacity: 0.4;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #8e8e8e;
  opacity: 0.9;
  transition: opacity 250ms ease-in-out;
}
:focus::-moz-placeholder {
  opacity: 0.4;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #8e8e8e;
  opacity: 0.9;
  transition: opacity 250ms ease-in-out;
}
:focus:-moz-placeholder {
  opacity: 0.4;
}

.addForm .unity {
    font-size: 10px;
}

.st-unselectable, .st-base {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.st-g-main {
    pointer-events: all;
}

.st-base {
    font-family: Verdana, sans-serif;
    color: #333333;
}

.st-source {
    font-family: Verdana, sans-serif;
    background-color: #fff;
}

.sb-node {
  /*border: solid 1px black;*/
  font: 14px sans-serif;
  line-height: 12px;
  position: absolute;
  text-indent: 2px;
}
    
.st-rect {
    background-color: #cfd8dc;
}

.st-buc {
    fill: #3b54b0;
}

.st-circle {
    stroke-width: 1;
    stroke: black;
}

.st-line {
    stroke-width: 1;
    fill: none;
}

.sb-xaxis {
    display: none;
} 

.st-xaxis{
    font-family: Verdana, sans-serif;
    font-size: small;
    color: #333333;
}

.st-xaxis path, .sb-xaxis path {
    fill: none;
    stroke: #cac1c1;
}

.st-xaxis line, .sb-xaxis line {
    fill: none;
    stroke: lightgray;
}

.st-yaxis, .sb-yaxis {
    font-family: Verdana, sans-serif;
    font-size: small;
}

.st-yaxis path, .sb-yaxis path {
    fill: none;
    stroke: #333333;;
}

.st-yaxis line, .sb-yaxis line {
    fill: none;
    stroke: lightgray;
}

.sb-yaxis .tick text{
    font-family: Verdana, sans-serif;
    font-size: x-small;
}

.sb-grid .tick line {
    stroke: #C9EAF3;
    stroke-opacity: 0.7;
}

div .tick:nth-of-type(2n+2) line {
    stroke: #DBF0F7;
}

.st-labels {
    font-family: Verdana, sans-serif;
    font-size: x-small;
    text-anchor: middle;
}

.yAxis-label {
    font-family: Verdana, sans-serif;
    font-size: x-small;
}

.y-label{
    margin-right: 2em;
}

.st-grid line {
    stroke: #333333;;
}

.st-grid text {
    display: none;
}

.st-grid .minor line {
    stroke-opacity: .5;
}

.st-selection {
    stroke: blue;
    stroke-width: 2px;
    stroke-opacity: 1;
    fill: #0166be;
    opacity: 0.5;
}

.st-legend {
    padding: 5px;
    font-family: Verdana, sans-serif;
    font-size: x-small;
    overflow: hidden;
}

.st-icons {
    opacity: 0.8;
}

.st-icons:hover {
    opacity: 1;
}
    
.st-spinner {
    margin: auto;
    width: 30px;
    text-align: center;
}

.st-spinner > div {
    width: 10px;
    height: 10px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.st-spinner .st-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.st-spinner .st-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}