.d3-tip {
          line-height: 1;
          font-weight: bold;
          padding: 12px;
          background: rgba(0, 0, 0, 0.8);
          color: #fff;
          border-radius: 2px;
        }
        /*#example {
            width: none !important;
            margin: 05% 05% 05% 05%;
            font-size: xx-small;
        }*/
        .dataTables_scrollHeadInner {
            padding-left:0px !important;
        }
        .highlight {
            background-color: #b3d9ff !important;
        }
        /* Creates a small triangle extender for the tooltip */
        .d3-tip:after {
          box-sizing: border-box;
          display: inline;
          font-size: 10px;
          width: 100%;
          line-height: 1;
          color: rgba(0, 0, 0, 0.8);
          content: "\25BC";
          position: absolute;
          text-align: center;
        }

        /* Style northward tooltips differently */
        .d3-tip.n:after {
          margin: -1px 0 0 0;
          top: 100%;
          left: 0;
        }
        body{
            /*background-color: black;*/
            font-size:12px; !important
        }
        paginate_button next{
            color : black;
        }
        h2{
            color: #ffffff;
            margin-left: 40px;
        }
        .subscript {
            color: #ffffff;
            font-style: italic;
            font-size: small;
        }
        #canvas_cluster{
            height:310px;
        }
        #canvas_ruleview{
            height:290px;
        }
        #search{
            width: 100px;
        }
        .attr_rule{
            font-size: 24;
        }
        .panel {
            margin:5% 5% 5% 5%;
        }
        #tooltipOutcome {
                position:absolute;
                top:0;
                left:0;
                background-color:rgba(255,255,255,0.8);
                padding:5;
                border:solid 1px black;
                visibility:hidden;
                opacity: 0;
                transition:all 0.5s;
        }
        .panel-title {
            font-size:14px;
        }
        .form-control {
            font-size:12px;
        }
        .filters {
            margin: 5% 5% 5% 5%;
            align-self: center;
        }
        .selection {
            margin: 2% 2% 2% 2%;
        }
        .length {
            margin: 2% 2% 2% 2%;
        }
        #content {
                float: left;
        }
        #metaData {
            float:right;
        }
        #ex6 .slider-selection {
            background: #BABABA;
        }
        #tooltip {
                position:absolute;
                top:0;
                left:0;
                background-color:rgba(255,255,255,0.8);
                padding:5;
                border:solid 1px black;
                visibility:hidden;
                opacity: 0;
                transition:all 0.5s;
        }
        .domain {
                fill : none;
                stroke : #000;
        }
        .tick {
            font-size : 12;
        }
        .tick line {
            stroke : #ccc;
        }
        .packed {
          fill: white;
          fill-opacity: .25;
          stroke: gray;
          stroke-width: 1.3px;
        }

        .leaf circle {
          fill-opacity: 1;
        }
        .red circle {
            fill: #d62728;
            fill-opacity: .8;
        }
        .green circle {
            fill: #2ca02c;
            fill-opacity: .8;
        }
        text {
          color:white;
          font: 10px sans-serif;
        }
        
        .display {
            outline: 1px solid grey;
            margin:5% 5% 5% 5%;
            display:none;
        }
        .displayMovies {
            margin:0 0 0 20%;
        }
        .row {
            margin-top:10px;
        }
        #scrollable-div {
            margin : 0 0 0 01%;
        }
        .outcomeTitle {
            color: black;
            font-weight: bold;
            font-style: italic;
            align-content: center;
            margin-left:30%;
        }
        .Title {
            color: black;
            font-weight: bold;
            font-style: italic;
            align-content: center;
            margin-left:40%;
        }
        .page-header {
            margin: 0px 0px 0px 0px; 
            padding-bottom:0px !important;
        }
        .panel {
            margin: 0% 0% 0 0%;
        }
        th, td { white-space: nowrap; padding:0 0 0 0 !important; }
        td div {
            margin: 7px 5px 2px 5px;
        }
        div.dataTables_wrapper {
            width: 800px;
            margin: 0 auto;
        }
        .datatable td {
          overflow: hidden; 
          text-overflow: ellipsis; 
          white-space: nowrap;
        }
        .dataTables_info {
            display:none;
        }