.task-list-view-content{
   
    
    .task-list-view {
        height: 100%;
        .ant-pagination {
            margin-top: 9px;
            text-align: center;
            &>li {
                float: none;
                display: inline-block;
            }
        }
    }
    .task-list-item{
        border: 10px;
        box-sizing: border-box;
        display: block;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        cursor                     : pointer;
        text-decoration            : none;
        margin                     : 0px;
        padding                    : 0px;
        outline                    : none;
        font-size                  : 12px;
        font-weight                : inherit;
        position                   : relative;
        color                      : #000;
        line-height                : 16px;
        -webkit-transition         : all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        transition                 : all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        background                 : none;

        .task-list-item-content {
            margin-left: 0px;
            position: relative;
            padding: 10px 0px;
            margin: 0px 20px;
            border-bottom: 1px solid #e7e7e7;
            .name-state{
                float: right;
                width: 60px;
                height: 18px;
                background: #038ef6;
                color: #fff;
                border-radius: 10px;
                text-align: center;
                line-height: 18px;
            }
            .task-list-item-content-top{
                white-space: nowrap;
                overflow: hidden;
                .name-wrapper {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
                .subname-wrapper {
                    font-size: 10px;
                    line-height: 18px;
                    height: 18px;
                    margin: 8px 0px 0px;
                    color: rgba(0, 0, 0, 0.54);
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    .tip{
                        font-size: 10px;
                        background-color: #eaebed;
                        margin-right: 5px;
                        padding: 0px 6px;
                        border-radius: 6px;
                    }
                    .tip-status{
                        font-size: 10px;
                        margin-right: 5px;
                        padding: 0px 6px;
                        border-radius: 6px;
                        border: 1px solid  #a8e0ce;
                        color: #a8e0ce;
                    }
                    .tip-status.later{
                        background-color: red;
                        color: white;
                        border: 0px;
                    }
                }
            }
        }
    }
}

.top_tips {
    // font-family            : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
    // -webkit-font-smoothing : antialiased;
    // -moz-osx-font-smoothing: grayscale;
    -webkit-box-flex          : 1;
    flex                      : 1;
    display                   : -webkit-box;
    display                   : flex;
    padding                   : 4px;
    cursor                    : pointer;
    -webkit-box-align         : center;
    align-items               : center;
    -webkit-transition        : background-color .2s;
    transition                : background-color .2s;
    border-radius             : 30px;

    &:hover {
        background-color: #e8f3ff;
    }

    .left_icon {
        .manager-img {
            width        : 40px;
            height       : 40px;
            border-radius: 100%;
            font-size: 40px;
           
        }
        .stauts_wks{
            color:#2db7f5;
        }
        .stauts_finish{
            color:green;
        }
        .flag{
            color:red;
        }
        .flag1{
            color:#b9b9b9;
        }
        float: left;
        width: 45px;
    }

    .right_info {
        margin-left: 10px;

        .right_info_l {
            // width        : 80px;
            overflow        : hidden;
            text-overflow   : ellipsis;
            white-space     : nowrap;
            font-size       : 15px;
            color           : #303030;
            font-weight     : 500;
        }
        .right_info_overflow {
            width: 80px;
        }

        .right_info_r {
            line-height: 1;
            margin-top : 5px;
            font-size  : 12px;
            color      : #909090;
            font-weight: 500;

        }
    }
}

.task_card_new {
    // font-family            : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
    // -webkit-font-smoothing : antialiased;
    // -moz-osx-font-smoothing: grayscale;
    height                    : 100%;

    .task_card_new_l_top {
        margin-bottom   : 5px;
        background-color: #fff;
    }

    .task_card_new_l {
        width:62%;
        height:100%;
        float:left
    }
    .task_card_new_r {
        margin-left     : 5px;
        background-color: #fff;

        .task_card_new-dt-title {
            height     : 50px;
            line-height: 50px;
            text-indent: 20px;
            font-size: 16px;
            color: #303030;
            font-weight: 500;
            .task_card_new-main-card-title{

            }
        }
    }

    .task_card_new_l_contents {
        display: contents;
    }
    // padding: 14px;
    // .ant-row>div {
    //     // padding: 8px 8px 0 8px;
    // }

    ;

    .ant-card-body {
        padding: 16px;
    }

    .prj-card-title {
        font-size: 16px;
        cursor   : pointer;
    }

    .prj-card-msg {
        font-size  : 10px;
        color      : #c9c9c9;
        line-height: 20px;
    }

    .manager-img {
        width        : 25px;
        height       : 25px;
        border-radius: 100%;
    }

    .ant-card {
        box-shadow: 3px 2px 4px #dad8d845;
    }

    .ant-card-head {
        height: 24px
    }

    .ant-row {
        //padding    : 5px 10px 5px 10px;
        // font-size    : 15px;
        line-height  : 24px;
    }

    .ant-card-body {
        padding: 0px;

    }

    .manager-img2 {
        width        : 40px;
        height       : 40px;
        border-radius: 100%;
        margin-left  : 30px;
    }

    .ant-tabs-bar {
        margin-bottom: 0px;
    }

    .ant-steps {
        font-size  : 0;
        width      : 100%;
        line-height: 1.5;
        display    : -ms-flexbox;
        display    : table-cell;
    }

    .prj-step {
        .step-row {
            padding: 5px 0px 5px 5px;
        }

        .step-img {
            width: 38px;
        }

        .step-num {
            font-size  : 26px;
            margin-left: 10px;
        }

        .step-title {
            font-size: 10px;
            color    : #909090;
        }
    }

    .prj_protal_card_title {
        font-size   : 15px;
        font-weight : 400;
        border-left : 3px solid #0094ff;
        padding-left: 5px;
    }

    .new-task-wide {
        margin: 0px 20px;
    }

    .new-task-wide-title {
        .new-task-wide-title-container {
            text-indent: 24px;
            height     : 47px;
            line-height: 47px;
            min-height : 35px;
            font-size  : 18px;
            color      : #303030;
            font-weight: 500;
            overflow-y : hidden;
            width: 100%;
        }

        .timecol{
            width: 0;
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .timecol1{
            display: flex;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }

    .new-tab-bar-menu-wraps {
        height          : 45px;
        line-height     : 45px;

        .new-tab-bar-menu-ul {
            list-style      : none;
            padding         : 0px;
            margin          : 0px;
            padding         : 0px 20px;
            display         : -webkit-box;
            display         : flex;
            -webkit-box-pack: end;
            justify-content : flex-end;
            align-content   : center;
			position        : relative;

            .wea-tab {
                position: static;

                .wea-search-container {
                    width             : 100%;
                    position          : absolute;
                    left              : 0px;
                    right             : 0px;
                    top               : 44px;
                    background-color  : #fff;
                    z-index           : 1000;
                    border            : 1px solid #dadada;
                    -webkit-box-shadow: 0 0 2px #dadada;
                    box-shadow        : 0 0 2px #dadada;

                    .wea-advanced-search {
                        position          : absolute;
                        right             : 29px;
                        border-bottom     : 0;
                        background-color  : #fff;
                        -webkit-box-shadow: 0 -1px 2px -1px #dadada;
                        box-shadow        : 0 -1px 2px -1px #dadada;
                    }
                }
            }

            .wea-tab {
                .mask-dark {
                    position: absolute;
                    width: 100%;
                    z-index: 3;
                    background-color: #fff;
                    filter: alpha(opacity=40);
                    -moz-opacity: .4;
                    -khtml-opacity: .4;
                    opacity: .4;
                }
            }
            .wea-advanced-searchsAd{
                height: 270px !important;
            }
            .wea-search-buttons {
                padding: 5px 0 !important;
            }
            >li {
                &:not(:last-of-type) {
                    .new-tab-bar-menu-name {
                        &::after {
                            content         : '';
                            display         : inline-block;
                            background-color: #dedede;
                            width           : 1px;
                            height          : 19px;
                            position        : absolute;
                            top             : 3px;
                            right           : 1px;
                        }
                    }
                }

                &:nth-of-type(1) {
                    >.new-tab-bar-menu-name {
                        border-top-left-radius   : 13px;
                        border-bottom-left-radius: 13px;
                    }
                }

                &:nth-last-of-type(1) {
                    >.new-tab-bar-menu-name {
                        border-top-right-radius   : 13px;
                        border-bottom-right-radius: 13px;
                    }
                }
            }

            .new-tab-bar-menu-name {
                cursor: pointer;
                padding   : 5px 15px;
                background: #f3f3f3;
                color     : #606060;
                position  : relative;
                &:hover{
                   color: #338fe5
                }
            }
        }
    }
}

.new-dt-container {
    // font-family            : PingFang SC, "\5FAE\8F6F\96C5\9ED1", Arial;
    // -webkit-font-smoothing : antialiased;
    // -moz-osx-font-smoothing: grayscale;
    cursor                    : pointer;
    -webkit-transition        : color .2s;
    transition                : color .2s;
    padding-right             : 20px;
    font-size                 : 14px;
    color                     : #303030;
    line-height               : 1.5;
    -moz-user-select          : none;
    -webkit-user-select       : none;
    -ms-user-select           : none;
    -o-user-select            : none;
    user-select               : none;

    &:hover {
        color: #338fe5;
    }
}

.new-show-dt-arrow {
    &::before {
        content      : '\003C';
        font-weight  : bold;
        padding-right: 5px;
    }
}

.new-show-dt-arrow-r {
    &::before {
        content       : '\0399';
        font-weight   : bold;
        vertical-align: middle;
        padding-right : 5px;
    }
}

.new-show-dt-line {
    &::before {
        content       : '\0399';
        font-weight   : bold;
        vertical-align: middle;
        padding-right : 1px;

    }
}

.new-show-dt-line {
    &::before {
        content       : '\0399';
        vertical-align: middle;
        padding-right : 1px;
        font-weight   : bold;
    }
}

.new-show-dt-line-r {
    &::before {
        content      : '\003E';
        font-weight  : bold;
        padding-right: 1px;
    }
}