.related-plan-modal{
    .search-container{
        margin-bottom:16px;
    }
    .select-container{
        margin-bottom:12px;
        background: #FFF4DD;
        border-radius: 4px;
        padding:6px 16px;
        width: 207px;
        height: 32px;
        .tip{
            font-size:14px;
            color:#FF9D14;
            margin-right:8px;
        }
        .text{
            font-size:14px;
            color:#666;
            margin-right:30px;
        }
        .clear{
            color:#5289FA;
            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:1px 8px;
                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;
                        }
                    }
                }
            }
        }
    }
}