.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}

td.elapsed {background: url(../images/blacktriangle.png) top right no-repeat;}
td.tNeutral {background-color: #eaf6f7 !important;}
td.tAmber {background-color: #f0ad4e !important;}
td.tRed {background-color: #d9534f !important;}
td.tGreen {background-color: #5cb85c !important;}
td.tBlack {background-color: #000 !important; color: #fff !important;}
td.tNothing {background-color: #fff !important;}

.no-sort::after { display: none!important; }


.box-wheel{
    position:relative;
    vertical-align: top;
    float:left;
    display:inline-block;
    width: 100%;
}

svg.report-circle {
  width: 100%;
  height: 710px;
  position: absolute;
  top: -61px;
  left: -20px;
  font-size: 18px;
}

.sbox-wheel{
    position:relative;
    vertical-align: top;
    float:left;
    display:inline-block;
    width: 600px;
}

svg.sreport-circle {
  width: 600px;
  height: 700px;
  position: absolute;
  top: -71px;
  left: -70px;
  font-size: 18px;
}

.donut svg {
    /* -webkit-filter: drop-shadow( 0px 3px 3px rgba(0,0,0,.3) );
    filter: drop-shadow( 0px 3px 3px rgba(0,0,0,.25) );*/
}

.sunburst svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*.axis {
    font-size: 14px;
    font-weight: bold;
}

.axis--x {
    font-size: 12px;
}*/

text {
    fill: #3c3c3b;
    stroke: none;
}

.axis path,
.axis line {
    fill: none;
    stroke: none;
    stroke-width: 2px;
    shape-rendering: crispEdges;
}

.grid path {
    stroke: none;
}

.grid line {
    stroke: #E0E0E0;
    shape-rendering: crispEdges;
}

.data-line {
    fill: none;
    stroke: #3C92BA;
    stroke-width: 4px;
}

.data-circle {
    fill: #3C92BA;
}

.axis-title {
    text-anchor: end;
    fill: #5D6971;
    font-weight: normal;
}

.axis-tspan {
    font-size: 12px;
}

.legend {
    font-size: 16px;
    font-weight: bold;
    text-anchor: middle
}

polyline {
    opacity: .3;
    stroke: black;
    stroke-width: 2px;
    stroke-dasharray: 5;
    fill: none
}

rect {
    cursor: pointer;
    stroke-width: 2
}

    rect.rect:hover, rect.rect.disabled {
        fill: transparent !important
    }


body.pp {
    overflow: hidden
}

    body.pp.d3prnt {
        text-align: center;
        padding: 0 50px;
        overflow: visible
    }

body.pp:after {
    content: "";
    position: fixed; /* stretch a fixed position to the whole screen */
    top: 0;
    height: 100vh; /* fix for mobile browser address bar appearing disappearing */
    left: 0;
    right: 0;
    z-index: -1; /* needed to keep in the background */
    background: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

span.api {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    flex-direction: column;
    text-align: center;
    color: #f07b3c !important;
}

span.apititle {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    flex-direction: column;
    text-align: center;
}

.cmd, .terminal {
    box-sizing: border-box;
    min-width: 100%;
}