/* Input group of the data selection components (see OODataComboBox):
   the append area (functions menu, advanced search button, custom ChildAppend) must remain on the
   same line of the search input also when the input receive sizing classes (col-*, w-100, ...) or
   when the current template doesn't style the standard bootstrap input group markup.

   NOTE: the bootstrap stylesheet is injected by the template AFTER this module stylesheet (see
         OOInclude_Bootstrap of the layout), so with the same specificity the bootstrap rules win:
         the selectors are composed with the '.input-group' class (and the utility classes are
         overridden with !important) for ensure the precedence in every loading order.
   NOTE: the eventual selection drop-down (.dropdown-menu) is absolutely positioned, so it doesn't
         partecipate to the line composition */
.input-group.oo-data-input-group,
.oo-data-input-group {
    display: flex !important;
    position: relative;
    flex-wrap: nowrap !important;
    align-items: stretch;
    width: 100%;
}

.input-group.oo-data-input-group > input,
.input-group.oo-data-input-group > .form-control,
.oo-data-input-group > input,
.oo-data-input-group > .form-control {
    flex: 1 1 auto !important;
    width: 1% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.input-group.oo-data-input-group > .input-group-prepend,
.input-group.oo-data-input-group > .input-group-append,
.oo-data-input-group > .input-group-prepend,
.oo-data-input-group > .input-group-append {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: stretch;
}

/* Avoid the full width modes (ex btn-block) for the buttons of the group areas */
.oo-data-input-group > .input-group-prepend > .btn,
.oo-data-input-group > .input-group-append > .btn {
    width: auto !important;
    flex: 0 0 auto !important;
}