.related-plan-modal{
    .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:#BFBFBF;
                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;
                        }
                    }
                }
            }
        }
    }
}