.EditContractGeneralInfoSidecar,
.EditContractRenewalSidecar {
    &-SubsequentPeriod {
        background-color: var(--gray-100);
        padding: 12px;
        border-radius: 8px;
    }

    .btn-tertiary {
        color: var(--midnight-650, #276b9b);
    }

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

    .ErrorMsg {
        margin-top: 100px;
    }

    .DatePicker {
        &-date {
            display: flex;
            font-size: 13px;
            padding: 2px 0;
        }

        &-help-tooltip {
            vertical-align: middle;
        }

        &-optional-text {
            color: var(--gray-700);
            font-size: 12px;
            padding: 4px;
        }
    }

    .ReactModal-body {
        form {
            width: 100%;
        }

        font-size: 14px;
    }

    .ReactModal-footer .btn-primary {
        background-color: var(--midnight-650, #276b9b) !important;
        border-color: var(--midnight-650, #276b9b) !important;
    }

    .collection-period-form,
    .renew-offset-form,
    .termination-notice-form {
        align-items: center;
        display: flex;
        gap: 8px;
    }

    .RunController {
        &-name {
            display: flex;
            font-size: 13px;
            padding: 2px 0;
        }
    }

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

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

    .FormSwitch {
        height: 35px;
    }
}

.ContractLifecycleTermination {
    &-header {
        padding: 6px 0;
    }

    &-link {
        float: right;
    }

    &-optional-text {
        color: var(--gray-600);
        padding: 0 5px;
    }

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

    &-error-text {
        color: var(--danger);
        display: block;
        margin-top: 5px;
    }
}

.RunControllerUpdateConfirmModal {
    width: 40%;
}

.EditContractGeneralInfoSidecar {
    .ErrorMsg {
        margin-top: 0;
    }
}