.state_point-success,
.state_point-normal,
.state_point-fail,
.state_point-disable {
    padding-left: 1.5em;
    position: relative;
}

.state_point-success:after,
.state_point-normal:after,
.state_point-fail:after,
.state_point-disable:after {
    content: '';
    display: block;
    position: absolute;
    left: .4em;
    top: 50%;
    border-radius: 50%;
    background: #52c41a;
    width: 8px;
    height: 8px;
    transform: translateY(-50%);
}

.state_point-normal:after {
    background: #1677ff;
}

.state_point-disable:after {
    background: #c5c5c5;
}

.state_point-fail:after {
    background: #ff4d4f;
}

span.description {
    color: rgba(0, 0, 0, .45);
}

.notice_column {
    border-radius: .5em;
    border: 1px solid rgb(145, 202, 255);
    background-color: rgb(230, 244, 255);
    padding: .5em 1em;
    color: rgba(0, 0, 0, 0.88);
}

.notice_column.success {
    border-color: rgb(183, 235, 143);
    background-color: rgb(246, 255, 237);
}

.notice_column.warning {
    border-color: #ffe58f;
    background-color: #fffbe6;
}

.notice_column.error {
    border-color: rgb(255, 204, 199);
    background-color: rgb(255, 242, 240);
}