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%;
      }

    }

    &#div_row_average_prices {
      width:100%;
      clear: both;
      border: none;
      height: auto;
      margin-bottom: 15px;
      padding: 0;
      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;

      > div {
        border: none !important;
        border-radius: 3px;
        float: left;
        padding: 10px;
        color: white !important;

        &.average_price {
          width: calc(50% - 8px);
          margin-right: 8px;
          background: #A0DBE3;
        }

        &.average_price_busy {
          width: calc(50% - 19px);
          margin-left: 7px;
          background: #F7B6B0;
        }

        > p {
          float: left;
          width: 50%;
          white-space: nowrap;
          font-size: 24px;
          margin:0;

          &.val {
            padding: 0 0 0 15px;
            font-weight: bold;
          }

          &.abbr {
            margin-top: -4px;
            abbr {
              border-bottom: 1px dotted white;
            }
          }
        }
      }
    }

  }
}