@import (less) '../../utils/underline-utils.less';
:global {
  .setting-container {
    padding: 0 15px;
    height: 45px;
    color: rgba(0, 0, 0, 0.85);
    line-height: 45px;
    background-color: #f7f7f7;
    display: flex;
    justify-content: flex-end;
    font-size: 16px;
    .am-list-item.am-list-item-middle .am-list-line::after {
      display: none !important;
    }
    .delete-btn {
      color: #1785ec;
      flex: 1;
      width: 0;
    }
    .am-checkbox-item {
      padding-left: 0;
      background-color: #f7f7f7;
      width: 0;
      flex: 1;
      .am-checkbox-inner {
        top: -2px;
      }
    }
  }
  .edit-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    background-color: #f7f7f7;
    z-index: 1000;
    .footer-container {
      margin-top: 25px;
      display: flex;
      height: 55px;
      background-color: #fff;
      align-items: center;
      padding: 0 15px;
      div {
        flex: 1;
        width: 0;
        font-size: 15px;
        span {
          color: #1785ec;
        }
      }
      .am-button {
        padding: 0 15px;
        height: 42px;
        line-height: 42px;
      }
    }
  }

  .nbugs-component-workflow-list-page {
    height: 100%;
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    font-family: -apple-system-font, sans-serif;

    .nbugs-mobile-tab-wrap {
      .tab-text-wrap {
        // &.line-bottom:after {
        //   // bottom: -0.5px;
        // }
      }
    }

    .tab-text-wrap .tab-text-item-wrap .item-text-inner.point::after {
      content: '';
      border-radius: 3px;
      background: #e22219;
      width: 6px;
      height: 6px;
      top: 0;
    }

    .listViewPaging {
      flex: 1;
    }
    .item-container {
      background-color: #fff;
      width: 100%;
      box-sizing: border-box;
      display: flex;
      .checkbox {
        padding-top: 15px;
        .am-list-thumb .am-checkbox {
          height: 100% !important;
        }
        .am-list-thumb .am-checkbox-inner {
          top: 13px !important;
        }
        .am-checkbox-disabled .am-checkbox-inner {
          background-color: #e4e6e9 !important;
        }
      }
    }
    .item-wrap {
      width: 0;
      flex: 1;
      padding: 14px 0 13px 15px;
      background: #fff;
      &.bottom-line {
        .line-bottom-local;
      }
      .content {
        padding-bottom: 12px;
        display: flex;
        flex-direction: column;
        &.list-wrap {
          .line-bottom-local;
        }

        .title {
          font-size: 18px;
          font-weight: 500;
          color: #000;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          line-clamp: 1;
          word-break: break-all;

          /*! autoprefixer: off */
          -webkit-box-orient: vertical;

          /* autoprefixer: on */
        }

        .title-wrap {
          display: flex;
          align-items: center;
          font-size: 18px;
          color: #000;
          .left {
            .title;
            flex: 1;
          }
          .right {
            width: 100px;
            text-align: right;
            font-size: 14px;
            &.status {
              font-size: 14px;
              &.success {
                color: #1aad19;
              }
              &.progress {
                color: #1786ec;
              }
              &.pending {
                color: #1786ec;
              }
              &.refused {
                color: #e64340;
              }
              &.canceled {
                color: #888;
              }
              &.done {
                color: #888;
              }
              &.draft {
                color: #feb32b;
              }
            }
            > div {
              margin-right: 15px;
            }
          }
        }

        .desc {
          font-size: 12px;
          line-height: 1.4;
          color: #777;
          padding-top: 6px;
          padding-right: 15px;
          max-height: 3em;
        }

        .ellipsis {
          display: -webkit-box;
          -webkit-line-clamp: 2;

          /*! autoprefixer: off */
          -webkit-box-orient: vertical;

          /*! autoprefixer: on */

          overflow: hidden;
        }
      }

      .footer {
        display: flex;
        justify-content: space-between;
        padding: 12px 0 0;
        padding-right: 15px;
        font-size: 12px;
        color: #777;
      }
    }
  }
}