* {
  box-sizing: border-box;

  -o-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-drag: none;
  -webkit-user-drag: none;
}

body {
  font-size: 18px;
  letter-spacing: -.5px;
  color: #4e4e4e;
}

p {
  line-height: 30px;
}

.graph-container {
  width: 650px;
  height: 450px;
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  -ms-touch-action: none;
  border: 1px solid rgb(70, 70, 70);
  -webkit-box-shadow: 0px 0px 4px 0px #444444;
  box-shadow: 0px 0px 4px 0px #444444;
  -moz-box-shadow: 0px 0px 4px 0px #444444;
}

#data-activities .G2Dbox {
  width: 600px;
  height: 400px;
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  -ms-touch-action: none;
  border: none;
  margin: 25px auto;
}

.G2Dtext {
  /* May produce artefacts in IE. Solution: setting a color explicitly. */
  background-color: transparent;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  padding: 0;
  margin: 0;
  font-weight: bold;
}

.G2Dinfobox {
  padding: 0 4px;
  color: rgb(0, 0, 0);
  z-index: 1000;
  background: rgb(190, 190, 190);
}

.G2Dimage {
  opacity: 1.0;
}

.G2DimageHighlight {
  opacity: 0.6;
}

.panel-heading {
  padding: 10px 0 0;
  border: none;
  background: url('../../lib/css/images/bg.png');
}

.panel-heading h3 {
  font-size: 26px;
}

.panel-body {
  padding: 10px 0;
}

#data-activities .panel-title {
  font-family: 'Arial', sans-serif;
  text-align: left;
  font-weight: bold;
  color: rgb(255, 127, 80);
}