@import "../../../../../assets/styles/index.scss";
table {
  width: 100%;
  tr {
    th {
      color: $color-light-gray7 !important;
      background-color: $color-white;
      @include rem("padding", 15px 10px);
      border-bottom: 1px solid $color-light-gray3;
    }
    td {
      color: $color-dark-gray5;
      @include rem("padding", 10px);
      font-weight: 400;
      border-bottom: 1px solid $color-light-gray3;

      a {
        @include rem("padding", 0);
        color: $color-black;
        text-decoration: underline;
      }
      a:hover {
        text-decoration: none;
      }

      &.hot {
        color: $color-orange !important;
      }
      .warm {
        color: $color-yellow2;
      }

      .table__btn {
        @include rem("padding", 5px 15px 7px 15px);
        @include rem("margin-right", 10px);
        @include border('all', 0, null , null);
        @include border-radius(3px);
        background-image: linear-gradient($color-dark-gray1, $color-dark-gray4);
        color: $color-white;
        cursor: pointer;

        span {
          background-image: url('../../../../../assets/images/linklead-icon.png');
          background-repeat: no-repeat;
          @include rem("background-size", 18px);
          @include rem("background-position", 0 5px);
          @include rem("width", 25px);
          @include rem("height", 25px);
          @include rem("margin-right", 10px);
          display: inline-block;
          margin-bottom: -3px;
        }
      }
      .comment-btn {
        background-color: $color-blue !important;
        color: $color-white !important;
        @include rem("padding", 5px 15px);
        @include border('all', 0, null , null);
        @include border-radius(3px);
      }
    }
    td.text-right {
      text-align: right;
    }
  }
}
