
@import "../tfl-lib";

/* ------------------------------------- Stats Bar --------------------------------------------- */

.tfl-stats-bars {
  clear: both;

  .tfl-stats-bar {
    width: 100%;
    display: block;
    margin: 0 0 18px;
    overflow: hidden;

    .tfl-stats-title {
      margin: 0;
      display: block;
      color: #888;
      font-style: normal;
      font-size: 15px;
      text-transform: none;
      color: #333;
      font-size: 16px;
      line-height: 28px;

      span {
        margin-left: 5px;

        .rtl & {
          display: inline-block;
          margin: 0 5px 0 0;
        }
      }

      .tfl-dark-bg & {
        color: #ddd;
      }
    }

    .tfl-stats-bar-wrap {
      position: relative;
    }

    .tfl-stats-bar-content {
      background: #e55a54;
      display: block;
      height: 10px;
      width: 0;
      position: relative;
      z-index: 1;
      border-radius: 5px;
    }

    .tfl-stats-bar-bg {
      width: 100%;
      background: rgba(0, 0, 0, 0.1);
      height: 10px;
      display: block;
      margin-top: -10px;
      border-radius: 5px;

      .tfl-dark-bg & {
        background: rgba(255, 255, 255, 0.1);
      }
    }
  }

}