@import '../../../_common/scss/main';
.OrderSettingsSelector {
    padding: 0 0 $gutter-large;

    .OrderTypeRadioSelector {
        margin-bottom: $gutter-large;

        &__OrderTypeLabel {
            text-transform: capitalize;
            padding: 0 $gutter 0 $gutter-large;
            align-items: center;

            &:first-child {
                border-right: 1px solid $border-color;
                padding-left: 0;
            }
        }

        &__OrderTypeCheckbox {
            margin-right: $gutter-small;
        }
    }

    &__Controls {
        margin: $gutter 0 0;

        &__UpdateButton {
            width: 100%;
        }
    }

    &__OrderTypeToggle {
        margin: $gutter-large 0;
    }

    &__OrderTimeSelector {
        margin-bottom: $gutter-large;
    }

    &__Title {
        margin-bottom: $gutter-large;
    }

    &__ExpectedDelivery {
        text-align: left;
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex-basis: 100px;
    }

    &__UserTimeZone {
        text-align: right;
    }
}