/* ==============
  Widgets
===================*/

.widget-chart li {
  width: 31.5%;
  display: inline-block;
  padding: 0;

  i {
    font-size: 22px;
  }
}



/* Activity */

.activity-feed {
  list-style: none;
  .feed-item {
      position: relative;
      padding-bottom: 30px;
      padding-left: 30px;
      border-left: 2px solid $gray-900;
      &:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -11px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 6px solid $primary;
        background-color: $white;
      }
      &:last-child {
        border-color: transparent;
      }
  }
}


// tab widgets

// tab-widget

.tab-wid{
  position: relative;
  .nav-link{
    padding-bottom: 24px;
    position: relative;
    &:hover, &:focus{
      border-color: transparent;
      background: transparent; 
    }
    &.active{
      border-color: transparent;
      background: transparent;
      &::before{
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        bottom: -7px;
        left: 0px;
        right: 0px;
        border-left: 1px solid $gray-900;
        border-top: 1px solid $gray-900;
        transform: rotate(45deg);
        background: $dark;
        margin: 0px auto;
      }
      .date, .product-icon{
        color: $primary;
      }
    }
  }
}


.latest-message-list{
  .message-list-item{
    position: relative;
        a{
          display: block;
          padding: 14px 0px;
          border-bottom: 1px solid $gray-900;
          color: $gray-300;
        }

    &:last-child{
      a{
        border: none;
      }
    }
  }
}

