count.scss

$seriesIconMargin: 10px;
$margin: 24px;

.marginTop {
    margin-top: $margin;
}

.ExpDuration {
    margin-top: $margin;

    .maxTrialNum {
        margin-bottom: 10px;
    }
}

.exp-progress {
    margin-top: 9px;

    .bold {
        font-weight: 500;
    }

    .joiner {
        padding: 0 3px;
    }
}

.status-count {
    span {
        font-size: 14px;
        color: #8f8f8f;
    }

    p {
        font-size: 16px;
        font-weight: 500;
        color: #484848;
    }
}

.maxTrialNum {
    .editparam {
        position: relative;
        top: -7px;
    }
}

.noEditDuration {
    position: relative;
    top: -7px;
}

.editDuration {
    position: relative;
    top: -4px;
}

.concurrency {
    .editparam {
        margin-top: 5px;
        position: relative;
    }
}

.editparam {
    &-Input {
        width: 42px;
        height: 32px;
        padding-right: 5px;
        text-align: right;
        outline: none;
        border: none;
        border-bottom: 1px solid #ccc;
    }

    .maxExecDuration {
        width: 36px;
    }

    &-dropdown {
        width: 65px;
        display: inline-block;
        position: relative;
        top: 13px;
        left: 4px;
        margin-right: 3px;

        .ms-Dropdown-title {
            padding-right: 0;
        }
    }
}

.series {
    position: relative;
    top: 5px;

    i {
        font-size: 20px;
        font-weight: 700;
    }

    .confirm {
        margin: 0 $seriesIconMargin;

        i {
            color: green;
        }
    }
}

.cancel i {
    color: red;
    font-size: 16px;
}

.edit i {
    margin-left: 4px;
}

.overview input:disabled {
    background: transparent;
    border: none;
}

.info {
    position: absolute;
    z-index: 999;
    left: -50%;
    width: 270%;
}