div.index_adds_like_pstats {
  height: calc(483px + 15px);
  min-height: calc(183px + 15px);
  margin-bottom: 0;

  > div {
    float: left;
    padding: 10px;
    border-radius: 2px;
    border: 2px solid #f1f1f1;
    height: 183px;

    &#coef {
      width: 33%;
      text-align: center;
      margin-bottom: 15px;

      p {
        width: 100%;

        &.val {
          margin-top: 15px;
          margin-bottom: 0;
          font-size: 40px;
        }

      }
    }

    &#coef_sq {
      width: 33%;
      text-align: center;

      p {
        width: 100%;

        &.val {
          margin-top: 15px;
          margin-bottom: 0;
          font-size: 40px;
        }

      }
    }

    &#text_stats, &#text_stats_sq {
      width: calc(33% - 30px);
      margin-left: 30px;
      margin-bottom: 15px;

      ul {
        padding: 0 5px;
        list-style: none;
        #title {
          font-weight: bold;
        }
      }

    }

    &#graph_radial {
      width: calc(33% - 30px);
      margin-left: 30px;
      margin-bottom: 15px;
      padding: 0;

      -webkit-transition: opacity .2s ease-in;
      -moz-transition: opacity .2s ease-in;
      -ms-transition: opacity .2s ease-in;
      -o-transition: opacity .2s ease-in;
      transition: opacity .2s ease-in;
    }

    &#graph_radial_sq {
      width: calc(33% - 30px);
      margin-left: 30px;
      padding: 0;

      -webkit-transition: opacity .2s ease-in;
      -moz-transition: opacity .2s ease-in;
      -ms-transition: opacity .2s ease-in;
      -o-transition: opacity .2s ease-in;
      transition: opacity .2s ease-in;
    }

    &#graph2 {
      width: 100%;
      height: 350px;

      margin-top: 15px;
      margin-bottom: 15px;
      padding: 0;
      display: none;
      opacity: 0;

      -webkit-transition: opacity .2s ease-in;
      -moz-transition: opacity .2s ease-in;
      -ms-transition: opacity .2s ease-in;
      -o-transition: opacity .2s ease-in;
      transition: opacity .2s ease-in;

      #graph2canvas {
        width: 100%;
      }

    }

    &#graph3 {
      width: 100%;
      height: 350px;

      margin-top: 15px;
      margin-bottom: 15px;
      padding: 0;
      display: none;
      opacity: 0;

      -webkit-transition: opacity .2s ease-in;
      -moz-transition: opacity .2s ease-in;
      -ms-transition: opacity .2s ease-in;
      -o-transition: opacity .2s ease-in;
      transition: opacity .2s ease-in;

      #graph3canvas {
        width: 100%;
      }

    }

  }
}