.box-graph div{
    display:inline-block;
  }
  .box-graph th{
    text-align: center;
  }
  .box-graph td{
    border: 1px solid black;
    width: 150px;
    text-align: center;
  }
  #circle-orange {
      width: 20px;
      height: 20px;
      /* -webkit-border-radius: 25px;
      -moz-border-radius: 25px; */
      border-radius: 50%;
      background: orange;
    }
  #circle-green {
      width: 20px;
      height: 20px;
      /* -webkit-border-radius: 25px;
      -moz-border-radius: 25px; */
      border-radius: 50%;
      background: green;
    }
  #circle-orange-box {
      width: 20px;
      height: 20px;
      float: left;
      margin:1px 3px;
      /* -webkit-border-radius: 25px;
      -moz-border-radius: 25px; */
      border-radius: 50%;
      background: orange;
    }
  #circle-green-box {
      width: 20px;
      height: 20px;
      float: left;
      margin:1px 3px;
      /* -webkit-border-radius: 25px;
      -moz-border-radius: 25px; */
      border-radius: 50%;
      background: green;
    }