/* react-json-tree background */
.description ul,
#allList ul {
    background: none;
}

.tabScroll {
    height: 324px;
    overflow: hidden;

    #succeTable .commonTableStyle {
        overflow-y: auto;
    }
}

#succeTable,
#tableList {
    .commonTableStyle .leftTitle div {
        text-align: left;
    }

    .durationsty {
        width: 80%;
        margin: 0 auto;

        div {
            text-align: right;
            margin-right: 9px;
        }
    }
}

.margin-mediate {
    margin: 0 10px;
}

.detail-button {
    &-operation {
        min-width: 44px;
        border: none;
        margin-right: 10px;
    }

    i {
        color: #fff;
    }
}

.detail-table {
    padding-top: 5px;
}

.columns-height {
    max-height: 335px;
    overflow-y: auto;
}

$checkboxwidth: 18px;

.detail-check {
    .ms-Checkbox-checkbox {
        width: $checkboxwidth;
        height: $checkboxwidth;
        margin-top: 3px;
        border-radius: 50%;
        border: none;

        &:hover {
            border: 1px solid grey;
        }

        i {
            font-size: 8px;
            font-weight: 600;
        }
    }
}

/* trial table: open row style */
.logpath {
    margin: 10px 0 10px 10px;
    font-size: 14px;

    .logName {
        color: #268bd2;
        margin-right: 5px;
    }

    .error {
        color: #cb4b16;
    }
}