.UpdatedAddRule {
    &-body {
        width: 100%;
    }

    &-sidecar {
        right: 0;

        .ReactModal-footer {
            .btn-lg {
                height: 40px;
                padding: 0 20px;
                font-size: 14px;
                font-weight: 500;
                line-height: 1.5;
                letter-spacing: 1px;
            }
        }

        .Stepper {
            &-Step-icon {
                width: 13px;
                height: 13px;
                margin-top: 5px;

                svg {
                    display: none;
                }
            }

            &-Step.vertical {
                max-width: none;
            }

            &-Step-content {
                flex: 1;
                margin-bottom: 20px;
            }
        }

        .ReactModal-close,
        .SuiteListView-action-button,
        .SuiteDatePicker-indicator-calendar {
            box-shadow: unset;
        }
    }

    &-rule-data-dates {
        display: flex;
        justify-content: space-between;
        margin-top: 8px;

        .FormLabel .form-label {
            text-transform: none;
        }
    }

    &-rule-data-dates-end {
        .dropdown-menu {
            inset: 0 0 auto auto !important;
        }
    }

    &-setup-selection {
        &-description {
            font-size: 14px;
            color: #505962;
            margin-bottom: 16px;
        }

        &-title {
            font-size: 14px;
            font-weight: 500;
            color: #505962;
            margin-bottom: 4px;
        }

        &-radio-option {
            .form-check-label {
                font-size: 14px;
                color: var(--gray-900);
                font-weight: 400;
            }

            .form-check-input {
                border-color: #276b9b !important;
            }
        }
    }
}