
<style type="text/css">
.modal{
    display: block
}

/* Important part */
.modal-dialog{
    overflow-y: auto; 
    overflow-x: auto;
}
.modal-body{
    overflow-y: auto;
    overflow-x: auto;
}

 .title {
                    width:100%;
                    padding: 6px 8px;
                    font: 14px/16px Arial, Helvetica, sans-serif;
                    background: white;
                    background: rgba(255,255,255,0.8);
                    box-shadow: 0 0 15px rgba(0,0,0,0.2);
                    border-radius: 5px;
                    z-index: 2;
                    position:relative
                }

.highcharts-tooltip h3 {
        margin: 0.3em 0;
}
#ScatterChartsFigure{
    margin: 1em auto;
    width:100%;
    min-width: 310px;
    max-width: 900px;
    height:600px;
    margin: 0 auto
}
.full-spectrum .sp-palette {
max-width: 200px;
}

.tooltip > .tooltip-inner {
  border: 1px solid;
  padding: 10px;
  max-width: 450px;
  color: black;
  text-align: left;
  background-color: white;
  background: white;

  opacity: 1.0;
  filter: alpha(opacity=100);
}

.tooltip > .tooltip-arrow { border-bottom-color:black; }

.tooltip.in {
  opacity: 1 !important;
  filter: alpha(opacity=100);
}
</style>
