@charset "UTF-8";

.page-title {
    margin-bottom: 20px !important;
}

.main-content-completion {
    width: calc(100% - 74px);
    padding: 30px 20px;
    min-height: 800px;
    margin-top: 66px;
    margin-left: 74px;
}

.task-list-content {
    display: flex;
    margin-bottom: 30px;
}


.tasklist-task {
    width: 50%;
}


.tasklist-task-inner li {
    position: relative;
    background: #fff;
    padding: 15px;
    margin: 0 10px 10px 0;
    align-items: center;
    box-shadow: 0 0 0px 0 rgb(0 0 0 / 10%), 0 2px 2px 0 rgb(0 0 0 / 10%);
    border: solid 1px #EEECE8;
}

.tasklist-task-inner li span {
    position: absolute;
    top: 41%;
    right: 12px;
}

.operation label {
    margin-bottom: 10px;
}


@media screen and (max-width: 700px) {
    .main-content-completion {
        width: 100%;
        padding: 20px 15px 175px;
        min-height: unset;
        margin-left: 0;
        position: relative;
    }

    .task-list-content {
        display: block;
    }

    .tasklist-task {
        width: 100%;
        margin-left: 0;
    }

    .tasklist-task-inner {
        height: auto;
        overflow: unset;
        overflow-x: unset;
    }

    .tasklist-task-inner li {
        margin: 0 0 10px 0;
    }


}