@import '../../../_common/scss/main';

.OrderSettingsMerchantContainer {
    display: flex;
    text-align: left;
    padding: $gutter-large $gutter-large $gutter;
    flex-wrap: wrap;
    flex-direction: column;
    min-height: 150px; // ie11 nonsense

    &__AddressButton {
        background: transparent;
        border: none;
        color: $link-color;
        padding: 0;
        margin: 0;
    }

    .OrderTimeSelector,
    &__AddressBlock {
        flex: 1 1 100%;
        margin: 0 0 $gutter;
    }

    &__UserTimeZone {
        text-align: right;
    }

    .OrderTimeSelector {
        display: flex;

        &__SelectWrap {
            width: 50%;

            &:first-child {
                padding-right: $gutter;
            }

            &__Select {
                width: 100%;
            }
        }
    }

    .OrderTypeToggle {
        flex: 1 0 0;
        flex-direction: row;

        &__Button {
            flex: 1 0 0;
            width: 50%;
        }
    }
}