.table-title-tooltip {
    max-width: 600px!important;
}
.related-plan-modal {
  .table-title {
    margin-left: 8px;
    margin-left: 5px;
    cursor: pointer;
    color: rgb(191, 191, 191);
    font-size: 14px;
    font-weight: normal;
  }

  .search-container {
    margin-bottom: 16px;
  }
  .select-container {
    margin-bottom: 12px;

    .con {
      background: #e9efff;
      border-radius: 4px;
      padding: 6px 16px;
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      .tip {
        font-size: 14px;
        color: #2966ff;
        margin-right: 8px;
      }
      .text {
        font-size: 14px;
        color: #666;
        margin-right: 30px;
      }
      .clear {
        color: #2966ff;
        font-size: 14px;
      }
    }
  }
  .plan-table {
    .taskName {
      color: #666666;
      font-size: 14px;
    }
    .task-learn-percentage {
      color: #666666;
      font-size: 14px;
    }
    .course-info {
      margin-left: 57px;
      .course-type {
        font-size: 11px;
        color: #666666;
        padding: 0px 6px;
        line-height: 16px;
        border: 1px solid #999999;
        margin-right: 4px;
        border-radius: 2px;
      }
      .course-name {
        color: #666666;
        font-size: 14px;
        margin-right: 8px;
      }
      .tip {
        font-size: 14px;
        color: #ff4f4f;
        margin-right: 2px;
      }
      .course-state {
        color: #999;
        font-size: 14px;
      }
    }
    .ant-table-content {
      border: 1px solid #e8e8e8;
      tr {
        td {
          border: none;
        }
        .child-table {
          .ant-table-content {
            border: none;
            thead {
              display: none;
            }
            tbody tr td {
              border-bottom: none;
            }
          }
        }
      }
      .odd-row {
        background: transparent;
        td {
          background: #fff;
        }
        & + .ant-table-expanded-row {
          background: transparent;
          td {
            background: #fff;
          }
        }
        &:hover {
          & + .ant-table-expanded-row {
            background: transparent;
            td {
              background: #f3f6fa !important;
            }
          }
        }
      }
      .even-row {
        background: transparent;
        td {
          background: #fafafa;
        }
        & + .ant-table-expanded-row {
          background: transparent;
          td {
            background: #fafafa;
          }
        }
        &:hover {
          & + .ant-table-expanded-row {
            background: transparent;
            td {
              background: #f3f6fa !important;
            }
          }
        }
      }
    }
  }
}
