$recurrence-count-number-box-right-margin: 11px;
$recurrence-count-number-box-left-margin: 16px;
$recurrence-until-date-box-box-margin: 28px;
$recurrence-label-line-height-margin: 36px;

$recurrence-interval-number-box-margin-top: 25px;
$recurrence-radio-group-item-padding: 10px;
$recurrence-button-group-item-padding: 8px;

.dx-recurrence-repeat-end-wrapper {
  display: flex;
}

.dx-recurrence-repeat-on,
.dx-recurrence-numberbox-interval-wrapper {
  .dx-layout-manager .dx-field-item {
    padding-right: 0;
    padding-left: 0;
  }

  .dx-box-item:first-child:not(:only-child) {
    flex-grow: 0 !important; // stylelint-disable-line declaration-no-important
    min-width: auto !important; // stylelint-disable-line declaration-no-important
  }
}

.dx-recurrence-numberbox-interval-wrapper {
  .dx-field-item-label {
    white-space: nowrap;
  }
}

.dx-layout-manager .dx-field-item.dx-recurrence-repeat-on {
  padding-top: 0;
}

.dx-recurrence-numberbox-interval-label {
  margin-top: $recurrence-interval-number-box-margin-top;
}

.dx-recurrence-repeat-end-label {
  line-height: $recurrence-label-line-height-margin;
}

.dx-recurrence-radiogroup-repeat-type {
  margin: 0;

  .dx-item {
    padding-bottom: $recurrence-radio-group-item-padding;
  }
}

.dx-recurrence-datebox-until-date {
  margin-left: $recurrence-until-date-box-box-margin;
}

.dx-recurrence-numberbox-repeat-count {
  margin-left: $recurrence-count-number-box-left-margin;
  margin-right: $recurrence-count-number-box-right-margin;
}

.dx-recurrence-button-group {
  width: 100%;

  .dx-button-content {
    padding: $recurrence-button-group-item-padding;
  }

  .dx-buttongroup-wrapper > div {
    flex: 1;
  }
}