.AddSchedule {
    &-popup-header {
        color: var(--gray-500);
        text-transform: uppercase;
    }
}

.AddScheduleForm {
    .error {
        border: 1px solid var(--danger);
    }

    .error-msg {
        color: var(--danger);
    }

    .form-check {
        margin-bottom: 1em;
        margin-top: 1em;
    }
}

.EditScheduleForm {
    &-ScheduleName {
        float: left;
        width: 30%;
    }

    &-Checkbox {
        float: right;
        padding: 9px;
        width: 50%;

        label {
            color: var(--gray-600);
            letter-spacing: 1px;
        }
    }

    &-UnassignedContributions {
        float: left;
        width: 49%;
    }

    &-AssignedContributions {
        float: right;
        width: 49%;
    }

    &-top-nav {
        padding-bottom: 70px;
    }

    .ItemList {
        &-Header {
            text-transform: uppercase;
        }

        &-Items {
            height: 600px;
        }

        &-MoveItemsButton {
            margin-top: 10px;
        }

        &-Item-MovingTo {
            margin-top: 120px;

            .LoadingSpinner-inner {
                width: 80px;
                height: 80px;
            }

            .Message {
                text-align: center;
                color: var(--gray-600);
                margin-top: 30px;
                font-size: 16px;
                padding-top: 10px;
                padding-left: 32%;
                padding-right: 32%;
            }
        }
    }

    .Alert {
        margin-bottom: 30px;
    }

    .error {
        border: 1px solid var(--danger);
    }

    .error-msg {
        color: var(--danger);
    }

    .scheduleName {
        font-size: 14px;
    }

    .CheckboxLabel {
        .LoadingSpinner {
            width: 25px;
            margin-left: 10px;
        }

        .LoadingSpinner-inner {
            height: 20px;
            width: 20px;
        }
    }
}

.ContributionLabel {
    font-size: 12.4px;
    color: var(--gray-600);
}

// Used by edit-schedule-form's action row. Relocated here from the deleted
// contract-distribution restrictions stylesheet, which was its only definition
// and no longer ships. Class name kept to avoid touching the markup.
.ContractDistribution-btn-wrap {
    clear: both;
    position: relative;
    float: right;

    > * {
        display: inline-block;
        margin: 10px;
    }
}