diff --git a/components/ILIAS/UI/src/Component/Input/ViewControl/Factory.php b/components/ILIAS/UI/src/Component/Input/ViewControl/Factory.php index 817f5bb329c8..956888c0cb44 100755 --- a/components/ILIAS/UI/src/Component/Input/ViewControl/Factory.php +++ b/components/ILIAS/UI/src/Component/Input/ViewControl/Factory.php @@ -20,6 +20,10 @@ namespace ILIAS\UI\Component\Input\ViewControl; +use ILIAS\UI\Component\Button\Button; +use ILIAS\UI\Component\Button\Month; +use ILIAS\UI\Component\Dropdown\Standard as StandardDropdown; + /** * This describes the factory for (view-)controls. */ @@ -165,4 +169,35 @@ public function nullControl(): NullControl; */ public function mode(array $options): Mode; + /** + * --- + * description: + * purpose: > + * Section View Controls enable the switching between different sections of some data. + * Examples are subsequent days/weeks/months in a calendar or entries in a blog. + * composition: > + * Section View Controls are composed of three Buttons. The Button on the left carries + * a Back Glyph, the Button in the middle is either a Default-, Month Button or a + * Dropdown labeling the data displayed below, and the Button on the right carries a + * Next Glyph. + * effect: > + * Clicking on the Buttons left or right changes the selection of the displayed data by + * a fixed interval. Clicking the Button in the middle opens the sections hinted by the + * label of the button. + * rules: + * usage: + * 1: Dropdowns MUST NOT be used for any other purpose than skipping a section of the + * navigation (e.g. jumping from Chapter 1 to Chapter 5). + * --- + * @param Button $previous_action Button to be placed on the left. + * @param Button|Month|StandardDropdown $button Button to be placed in the middle. + * @param Button $next_action Button to be placed on the right. + * @return \ILIAS\UI\Component\Input\ViewControl\Section + */ + public function section( + Button $previous_action, + Button|Month|StandardDropdown $button, + Button $next_action + ): Section; + } diff --git a/components/ILIAS/UI/src/Component/Input/ViewControl/Section.php b/components/ILIAS/UI/src/Component/Input/ViewControl/Section.php new file mode 100644 index 000000000000..37baefa54a21 --- /dev/null +++ b/components/ILIAS/UI/src/Component/Input/ViewControl/Section.php @@ -0,0 +1,38 @@ +data_factory, + $this->refinery, + $previous_action, + $button, + $next_action + ); + } } diff --git a/components/ILIAS/UI/src/Implementation/Component/Input/ViewControl/Renderer.php b/components/ILIAS/UI/src/Implementation/Component/Input/ViewControl/Renderer.php index dc702a5e3f0d..bf307212a495 100755 --- a/components/ILIAS/UI/src/Implementation/Component/Input/ViewControl/Renderer.php +++ b/components/ILIAS/UI/src/Implementation/Component/Input/ViewControl/Renderer.php @@ -24,6 +24,8 @@ use ILIAS\UI\Implementation\Render\ResourceRegistry; use ILIAS\UI\Renderer as RendererInterface; use ILIAS\UI\Component; +use ILIAS\UI\Component\Button\Button; +use ILIAS\UI\Implementation\Render\Template; use LogicException; class Renderer extends AbstractComponentRenderer @@ -54,6 +56,8 @@ public function render(Component\Component $component, RendererInterface $defaul return ''; case ($component instanceof Component\Input\ViewControl\Mode): return $this->renderMode($component, $default_renderer); + case ($component instanceof Component\Input\ViewControl\Section): + return $this->renderSection($component, $default_renderer); default: $this->cannotHandleComponent($component); @@ -121,6 +125,44 @@ protected function renderFieldSelection(FieldSelection $component, RendererInter return $tpl->get(); } + protected function renderSection(Section $component, RendererInterface $default_renderer): string + { + $tpl = $this->getTemplate("tpl.section.html", true, true); + + $tpl->setVariable("BUTTON", $default_renderer->render($component->getSelectorButton())); + $this->renderSectionButton($component->getPreviousActions(), $tpl, "prev"); + $this->renderSectionButton($component->getNextActions(), $tpl, "next"); + + return $tpl->get(); + } + + protected function renderSectionButton(Button $component, Template $tpl, string $type): void + { + $upper_type = strtoupper($type); + $action = $component->getAction(); + $tpl->setVariable($upper_type . "_ACTION", $action); + $tpl->setVariable( + $upper_type . "_LABEL", + $this->txt($type === "next" ? "next" : "previous") + ); + + if ($component->isActive()) { + $tpl->setCurrentBlock($type . "_with_href"); + $tpl->setVariable($upper_type . "_HREF", $action); + $tpl->parseCurrentBlock(); + } else { + $tpl->touchBlock($type . "_disabled"); + } + + $id = $this->bindJavaScript($component); + if (!$id) { + $id = $this->createId(); + } + $tpl->setCurrentBlock($type . "_with_id"); + $tpl->setVariable($upper_type . "_ID", $id); + $tpl->parseCurrentBlock(); + } + protected function renderSortation(Sortation $component, RendererInterface $default_renderer): string { $tpl = $this->getTemplate("tpl.viewcontrol_sortation.html", true, true); diff --git a/components/ILIAS/UI/src/Implementation/Component/Input/ViewControl/Section.php b/components/ILIAS/UI/src/Implementation/Component/Input/ViewControl/Section.php new file mode 100644 index 000000000000..57d44e8e987f --- /dev/null +++ b/components/ILIAS/UI/src/Implementation/Component/Input/ViewControl/Section.php @@ -0,0 +1,68 @@ +previous_action = $previous_action; + $this->button = $button; + $this->next_action = $next_action; + } + + protected function isClientSideValueOk($value): bool + { + return $value === null; + } + + public function getPreviousActions(): Button + { + return $this->previous_action; + } + + public function getNextActions(): Button + { + return $this->next_action; + } + + public function getSelectorButton(): Button|Month|StandardDropdown + { + return $this->button; + } +} diff --git a/components/ILIAS/UI/src/examples/Input/ViewControl/Section/dropdown.php b/components/ILIAS/UI/src/examples/Input/ViewControl/Section/dropdown.php new file mode 100644 index 000000000000..425c2eb50aba --- /dev/null +++ b/components/ILIAS/UI/src/examples/Input/ViewControl/Section/dropdown.php @@ -0,0 +1,73 @@ + + * Example of a Section View Control using a Dropdown to navigate between non-adjacent sections. + * + * expected output: > + * ILIAS shows three controls next to each other: a "Back" glyph, a dropdown "Second Section" and a "Next" glyph. + * The current section is shown below the controls. Clicking "Back" or "Next" reloads the page with the current + * section changed. Selecting an entry in the dropdown reloads the page with the selected section. + * --- + */ +function dropdown(): string +{ + global $DIC; + $f = $DIC->ui()->factory(); + $r = $DIC->ui()->renderer(); + $request = $DIC->http()->request(); + + $sections = ["First Section", "Second Section", "Third Section"]; + $parameter = "Section"; + $current_section = 1; + $query_params = $request->getQueryParams(); + if (isset($query_params[$parameter]) + && (is_int($query_params[$parameter]) + || (is_string($query_params[$parameter]) && ctype_digit($query_params[$parameter]))) + && array_key_exists((int) $query_params[$parameter], $sections) + ) { + $current_section = (int) $query_params[$parameter]; + } + + $target = $request->getRequestTarget(); + $separator = str_contains($target, "?") ? "&" : "?"; + $action = static fn(int $section): string => $target . $separator . $parameter . "=" . $section; + + $back = $f->button()->standard("Back", $action(($current_section - 1 + count($sections)) % count($sections))); + $next = $f->button()->standard("Next", $action(($current_section + 1) % count($sections))); + $section_links = []; + foreach ($sections as $index => $label) { + $section_links[] = $f->link()->standard($label, $action($index)); + } + $middle = $f->dropdown()->standard($section_links)->withLabel($sections[$current_section]); + $section = $f->input()->viewControl()->section($back, $middle, $next); + + $container = $f->input()->container()->viewControl()->standard([$section]) + ->withRequest($request); + + return $r->render([ + $f->legacy()->content('
Current section: ' . $sections[$current_section] . '
'), + $container + ]); +} diff --git a/components/ILIAS/UI/src/examples/Input/ViewControl/Section/dropdown_with_long_title.php b/components/ILIAS/UI/src/examples/Input/ViewControl/Section/dropdown_with_long_title.php new file mode 100644 index 000000000000..ea0fff7f0d01 --- /dev/null +++ b/components/ILIAS/UI/src/examples/Input/ViewControl/Section/dropdown_with_long_title.php @@ -0,0 +1,74 @@ + + * Example of a Section View Control using a Dropdown with a long label to demonstrate responsive behavior. + * + * expected output: > + * ILIAS shows three controls next to each other: a "Back" glyph, a dropdown with a long label and a "Next" glyph. + * The current section is shown below the controls. Clicking "Back" or "Next" reloads the page with the current + * section changed. Selecting an entry in the dropdown reloads the page with the selected section. + * --- + */ +function dropdown_with_long_title(): string +{ + global $DIC; + $f = $DIC->ui()->factory(); + $r = $DIC->ui()->renderer(); + $request = $DIC->http()->request(); + + $long_title = "Second section with a very long title to check the responsive behaviour"; + $sections = ["First Section", $long_title, "Third Section"]; + $parameter = "Section"; + $current_section = 1; + $query_params = $request->getQueryParams(); + if (isset($query_params[$parameter]) + && (is_int($query_params[$parameter]) + || (is_string($query_params[$parameter]) && ctype_digit($query_params[$parameter]))) + && array_key_exists((int) $query_params[$parameter], $sections) + ) { + $current_section = (int) $query_params[$parameter]; + } + + $target = $request->getRequestTarget(); + $separator = str_contains($target, "?") ? "&" : "?"; + $action = static fn(int $section): string => $target . $separator . $parameter . "=" . $section; + + $back = $f->button()->standard("Back", $action(($current_section - 1 + count($sections)) % count($sections))); + $next = $f->button()->standard("Next", $action(($current_section + 1) % count($sections))); + $section_links = []; + foreach ($sections as $index => $label) { + $section_links[] = $f->link()->standard($label, $action($index)); + } + $middle = $f->dropdown()->standard($section_links)->withLabel($sections[$current_section]); + $section = $f->input()->viewControl()->section($back, $middle, $next); + + $container = $f->input()->container()->viewControl()->standard([$section]) + ->withRequest($request); + + return $r->render([ + $f->legacy()->content('Current section: ' . $sections[$current_section] . '
'), + $container + ]); +} diff --git a/components/ILIAS/UI/src/templates/default/Input/tpl.section.html b/components/ILIAS/UI/src/templates/default/Input/tpl.section.html new file mode 100644 index 000000000000..4dd402ce1a02 --- /dev/null +++ b/components/ILIAS/UI/src/templates/default/Input/tpl.section.html @@ -0,0 +1,9 @@ + \ No newline at end of file diff --git a/components/ILIAS/UI/tests/Component/Input/ViewControl/ViewControlSectionTest.php b/components/ILIAS/UI/tests/Component/Input/ViewControl/ViewControlSectionTest.php new file mode 100644 index 000000000000..386e514923cc --- /dev/null +++ b/components/ILIAS/UI/tests/Component/Input/ViewControl/ViewControlSectionTest.php @@ -0,0 +1,54 @@ +getUIFactory()->button()->standard('previous', '#'); + $dropdown = (new \ILIAS\UI\Implementation\Component\Dropdown\Standard([])) + ->withLabel('section'); + $next = $this->getUIFactory()->button()->standard('next', '#'); + + $section = $this->buildVCFactory()->section($previous, $dropdown, $next); + + $this->assertInstanceOf(Control\Section::class, $section); + $this->assertSame($previous, $section->getPreviousActions()); + $this->assertSame($dropdown, $section->getSelectorButton()); + $this->assertSame($next, $section->getNextActions()); + } + + public function testSectionDropdownRendering(): void + { + $previous = $this->getUIFactory()->button()->standard('previous', '#'); + $dropdown = (new \ILIAS\UI\Implementation\Component\Dropdown\Standard([])) + ->withLabel('section'); + $next = $this->getUIFactory()->button()->standard('next', '#'); + $section = $this->buildVCFactory()->section($previous, $dropdown, $next); + + $html = $this->getDefaultRenderer(null, [$dropdown])->render($section); + + $this->assertStringContainsString($dropdown->getCanonicalName(), $html); + } +} diff --git a/templates/default/070-components/UI-framework/ViewControl/_ui-component_viewcontrol.scss b/templates/default/070-components/UI-framework/ViewControl/_ui-component_viewcontrol.scss index b58cb3001b2b..9ce379ffc90a 100755 --- a/templates/default/070-components/UI-framework/ViewControl/_ui-component_viewcontrol.scss +++ b/templates/default/070-components/UI-framework/ViewControl/_ui-component_viewcontrol.scss @@ -1,5 +1,6 @@ @use "../../../010-settings/" as *; @use "../../../050-layout/basics" as *; +@use "../../../050-layout/layout_breakpoints" as *; @use "../../../070-components/UI-framework/Button/ui-component_button" as *; @use "../../../050-layout/layout_container-query" as container-query; @@ -41,6 +42,7 @@ $il-vc-pagination-btn-active-bg: $il-main-bg; .il-viewcontrol-sortation, .il-viewcontrol-section, .il-viewcontrol-section .btn-group, +.il-viewcontrol-section .dropdown, .il-viewcontrol-pagination__sectioncontrol, .il-viewcontrol-pagination__num-of-items, .il-viewcontrol-pagination, @@ -65,6 +67,23 @@ $il-vc-pagination-btn-active-bg: $il-main-bg; } } +.il-viewcontrol-section .dropdown > .btn-default { + border: 1px solid $il-btn-ctrl-engaged-border; + background-color: $il-main-bg; + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + min-width: 100px; + max-width: 400px; + @media screen and (max-width: $screen-md-max) { + max-width: 50vw; + } + @media screen and (max-width: $screen-sm-max) { + max-width: 50vw; + } +} + // viewcontrols as single buttons // should in the future be done by using btn-ctrl class on these buttons .il-viewcontrol-sortation, diff --git a/templates/default/delos.css b/templates/default/delos.css index 3db6ac03ec63..e2696cc9f987 100644 --- a/templates/default/delos.css +++ b/templates/default/delos.css @@ -3045,6 +3045,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section > .btn-link, .il-viewcontrol-section .btn-group > .btn-default, .il-viewcontrol-section .btn-group > .btn-link, +.il-viewcontrol-section .dropdown > .btn-default, +.il-viewcontrol-section .dropdown > .btn-link, .il-viewcontrol-pagination__sectioncontrol > .btn-default, .il-viewcontrol-pagination__sectioncontrol > .btn-link, .il-viewcontrol-pagination__num-of-items > .btn-default, @@ -3071,6 +3073,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section > .btn-link + .btn-ctrl, .il-viewcontrol-section .btn-group > .btn-default + .btn-ctrl, .il-viewcontrol-section .btn-group > .btn-link + .btn-ctrl, +.il-viewcontrol-section .dropdown > .btn-default + .btn-ctrl, +.il-viewcontrol-section .dropdown > .btn-link + .btn-ctrl, .il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-ctrl, .il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-ctrl, .il-viewcontrol-pagination__num-of-items > .btn-default + .btn-ctrl, @@ -3089,6 +3093,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section.il-viewcontrol-sortation > .btn-link + .btn-default, .il-viewcontrol-section .btn-group.il-viewcontrol-sortation > .btn-default + .btn-default, .il-viewcontrol-section .btn-group.il-viewcontrol-sortation > .btn-link + .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-sortation > .btn-default + .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-sortation > .btn-link + .btn-default, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-sortation > .btn-default + .btn-default, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-sortation > .btn-link + .btn-default, .il-viewcontrol-pagination__num-of-items.il-viewcontrol-sortation > .btn-default + .btn-default, @@ -3107,6 +3113,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section.il-viewcontrol-sortation > .btn-link + .btn-link, .il-viewcontrol-section .btn-group.il-viewcontrol-sortation > .btn-default + .btn-link, .il-viewcontrol-section .btn-group.il-viewcontrol-sortation > .btn-link + .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-sortation > .btn-default + .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-sortation > .btn-link + .btn-link, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-sortation > .btn-default + .btn-link, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-sortation > .btn-link + .btn-link, .il-viewcontrol-pagination__num-of-items.il-viewcontrol-sortation > .btn-default + .btn-link, @@ -3128,6 +3136,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section > .btn-link + .btn-default, .il-viewcontrol-section .btn-group.il-viewcontrol-section > .btn-default + .btn-default, .il-viewcontrol-section .btn-group.il-viewcontrol-section > .btn-link + .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-section > .btn-default + .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-section > .btn-link + .btn-default, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-section > .btn-default + .btn-default, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-section > .btn-link + .btn-default, .il-viewcontrol-pagination__num-of-items.il-viewcontrol-section > .btn-default + .btn-default, @@ -3150,6 +3160,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section > .btn-link + .btn-link, .il-viewcontrol-section .btn-group.il-viewcontrol-section > .btn-default + .btn-link, .il-viewcontrol-section .btn-group.il-viewcontrol-section > .btn-link + .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-section > .btn-default + .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-section > .btn-link + .btn-link, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-section > .btn-default + .btn-link, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-section > .btn-link + .btn-link, .il-viewcontrol-pagination__num-of-items.il-viewcontrol-section > .btn-default + .btn-link, @@ -3172,6 +3184,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section .il-viewcontrol-section.btn-group > .btn-link + .btn-default, .il-viewcontrol-section .btn-group > .btn-default + .btn-default, .il-viewcontrol-section .btn-group > .btn-link + .btn-default, +.il-viewcontrol-section .dropdown.btn-group > .btn-default + .btn-default, +.il-viewcontrol-section .dropdown.btn-group > .btn-link + .btn-default, .il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.btn-group > .btn-default + .btn-default, .il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.btn-group > .btn-link + .btn-default, .il-viewcontrol-section .il-viewcontrol-pagination__num-of-items.btn-group > .btn-default + .btn-default, @@ -3200,6 +3214,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section .il-viewcontrol-section.btn-group > .btn-link + .btn-link, .il-viewcontrol-section .btn-group > .btn-default + .btn-link, .il-viewcontrol-section .btn-group > .btn-link + .btn-link, +.il-viewcontrol-section .dropdown.btn-group > .btn-default + .btn-link, +.il-viewcontrol-section .dropdown.btn-group > .btn-link + .btn-link, .il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.btn-group > .btn-default + .btn-link, .il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.btn-group > .btn-link + .btn-link, .il-viewcontrol-section .il-viewcontrol-pagination__num-of-items.btn-group > .btn-default + .btn-link, @@ -3221,6 +3237,66 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section .il-viewcontrol-sortation .dropdown.btn-group > .btn-default.btn + .btn-link, .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .il-viewcontrol-section .l-bar__element.btn-group > .btn-default.btn + .btn-link, .il-viewcontrol-section .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .l-bar__element.btn-group > .btn-default.btn + .btn-link, +.il-viewcontrol-section .dropdown > .btn-ctrl + .btn-default, +.il-viewcontrol-section .il-viewcontrol-sortation.dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .il-viewcontrol-sortation.dropdown > .btn-link + .btn-default, +.il-viewcontrol-section .il-viewcontrol-section.dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .il-viewcontrol-section.dropdown > .btn-link + .btn-default, +.il-viewcontrol-section .btn-group.dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .btn-group.dropdown > .btn-link + .btn-default, +.il-viewcontrol-section .dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .dropdown > .btn-link + .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.dropdown > .btn-link + .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination__num-of-items.dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination__num-of-items.dropdown > .btn-link + .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination.dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination.dropdown > .btn-link + .btn-default, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-default + .btn-default, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-link + .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-link + .btn-default, +.il-viewcontrol-pagination .il-viewcontrol-section .last.dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination .last.dropdown > .btn-default + .btn-default, +.il-viewcontrol-pagination .il-viewcontrol-section .last.dropdown > .btn-link + .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination .last.dropdown > .btn-link + .btn-default, +.il-viewcontrol-section .il-viewcontrol-mode.dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .il-viewcontrol-mode.dropdown > .btn-link + .btn-default, +.il-viewcontrol-section .il-viewcontrol-sortation.dropdown > .btn-default.btn + .btn-default, +.il-viewcontrol-sortation .il-viewcontrol-section .dropdown > .btn-default.btn + .btn-default, +.il-viewcontrol-section .il-viewcontrol-sortation .dropdown > .btn-default.btn + .btn-default, +.il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .il-viewcontrol-section .l-bar__element.dropdown > .btn-default.btn + .btn-default, +.il-viewcontrol-section .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .l-bar__element.dropdown > .btn-default.btn + .btn-default, +.il-viewcontrol-section .dropdown > .btn-ctrl + .btn-link, +.il-viewcontrol-section .il-viewcontrol-sortation.dropdown > .btn-default + .btn-link, +.il-viewcontrol-section .il-viewcontrol-sortation.dropdown > .btn-link + .btn-link, +.il-viewcontrol-section .il-viewcontrol-section.dropdown > .btn-default + .btn-link, +.il-viewcontrol-section .il-viewcontrol-section.dropdown > .btn-link + .btn-link, +.il-viewcontrol-section .btn-group.dropdown > .btn-default + .btn-link, +.il-viewcontrol-section .btn-group.dropdown > .btn-link + .btn-link, +.il-viewcontrol-section .dropdown > .btn-default + .btn-link, +.il-viewcontrol-section .dropdown > .btn-link + .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.dropdown > .btn-default + .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.dropdown > .btn-link + .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination__num-of-items.dropdown > .btn-default + .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination__num-of-items.dropdown > .btn-link + .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination.dropdown > .btn-default + .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination.dropdown > .btn-link + .btn-link, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-default + .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-default + .btn-link, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-link + .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-link + .btn-link, +.il-viewcontrol-pagination .il-viewcontrol-section .last.dropdown > .btn-default + .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination .last.dropdown > .btn-default + .btn-link, +.il-viewcontrol-pagination .il-viewcontrol-section .last.dropdown > .btn-link + .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination .last.dropdown > .btn-link + .btn-link, +.il-viewcontrol-section .il-viewcontrol-mode.dropdown > .btn-default + .btn-link, +.il-viewcontrol-section .il-viewcontrol-mode.dropdown > .btn-link + .btn-link, +.il-viewcontrol-section .il-viewcontrol-sortation.dropdown > .btn-default.btn + .btn-link, +.il-viewcontrol-sortation .il-viewcontrol-section .dropdown > .btn-default.btn + .btn-link, +.il-viewcontrol-section .il-viewcontrol-sortation .dropdown > .btn-default.btn + .btn-link, +.il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .il-viewcontrol-section .l-bar__element.dropdown > .btn-default.btn + .btn-link, +.il-viewcontrol-section .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .l-bar__element.dropdown > .btn-default.btn + .btn-link, .il-viewcontrol-pagination__sectioncontrol > .btn-ctrl + .btn-default, .il-viewcontrol-sortation.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-default, .il-viewcontrol-sortation.il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-default, @@ -3228,6 +3304,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section.il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-default, .il-viewcontrol-section .btn-group.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-default, .il-viewcontrol-section .btn-group.il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-default, .il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-default, .il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-default, .il-viewcontrol-pagination__num-of-items.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-default, @@ -3250,6 +3328,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section.il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-link, .il-viewcontrol-section .btn-group.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-link, .il-viewcontrol-section .btn-group.il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-link, .il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-link, .il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-link, .il-viewcontrol-pagination__num-of-items.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-link, @@ -3272,6 +3352,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section.il-viewcontrol-pagination__num-of-items > .btn-link + .btn-default, .il-viewcontrol-section .btn-group.il-viewcontrol-pagination__num-of-items > .btn-default + .btn-default, .il-viewcontrol-section .btn-group.il-viewcontrol-pagination__num-of-items > .btn-link + .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__num-of-items > .btn-default + .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__num-of-items > .btn-link + .btn-default, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-pagination__num-of-items > .btn-default + .btn-default, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-pagination__num-of-items > .btn-link + .btn-default, .il-viewcontrol-pagination__num-of-items > .btn-default + .btn-default, @@ -3294,6 +3376,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section.il-viewcontrol-pagination__num-of-items > .btn-link + .btn-link, .il-viewcontrol-section .btn-group.il-viewcontrol-pagination__num-of-items > .btn-default + .btn-link, .il-viewcontrol-section .btn-group.il-viewcontrol-pagination__num-of-items > .btn-link + .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__num-of-items > .btn-default + .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__num-of-items > .btn-link + .btn-link, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-pagination__num-of-items > .btn-default + .btn-link, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-pagination__num-of-items > .btn-link + .btn-link, .il-viewcontrol-pagination__num-of-items > .btn-default + .btn-link, @@ -3316,6 +3400,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section.il-viewcontrol-pagination > .btn-link + .btn-default, .il-viewcontrol-section .btn-group.il-viewcontrol-pagination > .btn-default + .btn-default, .il-viewcontrol-section .btn-group.il-viewcontrol-pagination > .btn-link + .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination > .btn-default + .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination > .btn-link + .btn-default, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-pagination > .btn-default + .btn-default, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-pagination > .btn-link + .btn-default, .il-viewcontrol-pagination__num-of-items.il-viewcontrol-pagination > .btn-default + .btn-default, @@ -3338,6 +3424,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section.il-viewcontrol-pagination > .btn-link + .btn-link, .il-viewcontrol-section .btn-group.il-viewcontrol-pagination > .btn-default + .btn-link, .il-viewcontrol-section .btn-group.il-viewcontrol-pagination > .btn-link + .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination > .btn-default + .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination > .btn-link + .btn-link, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-pagination > .btn-default + .btn-link, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-pagination > .btn-link + .btn-link, .il-viewcontrol-pagination__num-of-items.il-viewcontrol-pagination > .btn-default + .btn-link, @@ -3362,6 +3450,10 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-pagination .il-viewcontrol-section .btn-group.dropdown > .btn-default + .btn-default, .il-viewcontrol-section .il-viewcontrol-pagination .btn-group.dropdown > .btn-link + .btn-default, .il-viewcontrol-pagination .il-viewcontrol-section .btn-group.dropdown > .btn-link + .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-default + .btn-default, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-link + .btn-default, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-link + .btn-default, .il-viewcontrol-pagination .il-viewcontrol-pagination__sectioncontrol.dropdown > .btn-default + .btn-default, .il-viewcontrol-pagination .il-viewcontrol-pagination__sectioncontrol.dropdown > .btn-link + .btn-default, .il-viewcontrol-pagination .il-viewcontrol-pagination__num-of-items.dropdown > .btn-default + .btn-default, @@ -3388,6 +3480,10 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-pagination .il-viewcontrol-section .btn-group.dropdown > .btn-default + .btn-link, .il-viewcontrol-section .il-viewcontrol-pagination .btn-group.dropdown > .btn-link + .btn-link, .il-viewcontrol-pagination .il-viewcontrol-section .btn-group.dropdown > .btn-link + .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-default + .btn-link, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-default + .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-link + .btn-link, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-link + .btn-link, .il-viewcontrol-pagination .il-viewcontrol-pagination__sectioncontrol.dropdown > .btn-default + .btn-link, .il-viewcontrol-pagination .il-viewcontrol-pagination__sectioncontrol.dropdown > .btn-link + .btn-link, .il-viewcontrol-pagination .il-viewcontrol-pagination__num-of-items.dropdown > .btn-default + .btn-link, @@ -3414,6 +3510,10 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-pagination .il-viewcontrol-section .btn-group.last > .btn-default + .btn-default, .il-viewcontrol-section .il-viewcontrol-pagination .btn-group.last > .btn-link + .btn-default, .il-viewcontrol-pagination .il-viewcontrol-section .btn-group.last > .btn-link + .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown.last > .btn-default + .btn-default, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown.last > .btn-default + .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown.last > .btn-link + .btn-default, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown.last > .btn-link + .btn-default, .il-viewcontrol-pagination .il-viewcontrol-pagination__sectioncontrol.last > .btn-default + .btn-default, .il-viewcontrol-pagination .il-viewcontrol-pagination__sectioncontrol.last > .btn-link + .btn-default, .il-viewcontrol-pagination .il-viewcontrol-pagination__num-of-items.last > .btn-default + .btn-default, @@ -3440,6 +3540,10 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-pagination .il-viewcontrol-section .btn-group.last > .btn-default + .btn-link, .il-viewcontrol-section .il-viewcontrol-pagination .btn-group.last > .btn-link + .btn-link, .il-viewcontrol-pagination .il-viewcontrol-section .btn-group.last > .btn-link + .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown.last > .btn-default + .btn-link, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown.last > .btn-default + .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown.last > .btn-link + .btn-link, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown.last > .btn-link + .btn-link, .il-viewcontrol-pagination .il-viewcontrol-pagination__sectioncontrol.last > .btn-default + .btn-link, .il-viewcontrol-pagination .il-viewcontrol-pagination__sectioncontrol.last > .btn-link + .btn-link, .il-viewcontrol-pagination .il-viewcontrol-pagination__num-of-items.last > .btn-default + .btn-link, @@ -3464,6 +3568,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section.il-viewcontrol-mode > .btn-link + .btn-default, .il-viewcontrol-section .btn-group.il-viewcontrol-mode > .btn-default + .btn-default, .il-viewcontrol-section .btn-group.il-viewcontrol-mode > .btn-link + .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-mode > .btn-default + .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-mode > .btn-link + .btn-default, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-mode > .btn-default + .btn-default, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-mode > .btn-link + .btn-default, .il-viewcontrol-pagination__num-of-items.il-viewcontrol-mode > .btn-default + .btn-default, @@ -3486,6 +3592,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section.il-viewcontrol-mode > .btn-link + .btn-link, .il-viewcontrol-section .btn-group.il-viewcontrol-mode > .btn-default + .btn-link, .il-viewcontrol-section .btn-group.il-viewcontrol-mode > .btn-link + .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-mode > .btn-default + .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-mode > .btn-link + .btn-link, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-mode > .btn-default + .btn-link, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-mode > .btn-link + .btn-link, .il-viewcontrol-pagination__num-of-items.il-viewcontrol-mode > .btn-default + .btn-link, @@ -3505,6 +3613,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section.il-viewcontrol-sortation > .btn-link + .btn-default.btn, .il-viewcontrol-section .btn-group.il-viewcontrol-sortation > .btn-default + .btn-default.btn, .il-viewcontrol-section .btn-group.il-viewcontrol-sortation > .btn-link + .btn-default.btn, +.il-viewcontrol-section .dropdown.il-viewcontrol-sortation > .btn-default + .btn-default.btn, +.il-viewcontrol-section .dropdown.il-viewcontrol-sortation > .btn-link + .btn-default.btn, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-sortation > .btn-default + .btn-default.btn, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-sortation > .btn-link + .btn-default.btn, .il-viewcontrol-pagination__num-of-items.il-viewcontrol-sortation > .btn-default + .btn-default.btn, @@ -3528,6 +3638,10 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-sortation .il-viewcontrol-section .btn-group.dropdown > .btn-default + .btn-default.btn, .il-viewcontrol-section .il-viewcontrol-sortation .btn-group.dropdown > .btn-link + .btn-default.btn, .il-viewcontrol-sortation .il-viewcontrol-section .btn-group.dropdown > .btn-link + .btn-default.btn, +.il-viewcontrol-section .il-viewcontrol-sortation .dropdown > .btn-default + .btn-default.btn, +.il-viewcontrol-sortation .il-viewcontrol-section .dropdown > .btn-default + .btn-default.btn, +.il-viewcontrol-section .il-viewcontrol-sortation .dropdown > .btn-link + .btn-default.btn, +.il-viewcontrol-sortation .il-viewcontrol-section .dropdown > .btn-link + .btn-default.btn, .il-viewcontrol-sortation .il-viewcontrol-pagination__sectioncontrol.dropdown > .btn-default + .btn-default.btn, .il-viewcontrol-sortation .il-viewcontrol-pagination__sectioncontrol.dropdown > .btn-link + .btn-default.btn, .il-viewcontrol-sortation .il-viewcontrol-pagination__num-of-items.dropdown > .btn-default + .btn-default.btn, @@ -3557,6 +3671,10 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .il-viewcontrol-section .btn-group.l-bar__element > .btn-default + .btn-default.btn, .il-viewcontrol-section .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .btn-group.l-bar__element > .btn-link + .btn-default.btn, .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .il-viewcontrol-section .btn-group.l-bar__element > .btn-link + .btn-default.btn, +.il-viewcontrol-section .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .dropdown.l-bar__element > .btn-default + .btn-default.btn, +.il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .il-viewcontrol-section .dropdown.l-bar__element > .btn-default + .btn-default.btn, +.il-viewcontrol-section .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .dropdown.l-bar__element > .btn-link + .btn-default.btn, +.il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .il-viewcontrol-section .dropdown.l-bar__element > .btn-link + .btn-default.btn, .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .il-viewcontrol-pagination__sectioncontrol.l-bar__element > .btn-default + .btn-default.btn, .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .il-viewcontrol-pagination__sectioncontrol.l-bar__element > .btn-link + .btn-default.btn, .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .il-viewcontrol-pagination__num-of-items.l-bar__element > .btn-default + .btn-default.btn, @@ -3581,6 +3699,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .c-sequence__navigation--back.il-viewcontrol-section > .btn-default + .btn-link, .il-viewcontrol-section .c-sequence__navigation--back.btn-group > .btn-default + .btn-default, .il-viewcontrol-section .c-sequence__navigation--back.btn-group > .btn-default + .btn-link, +.il-viewcontrol-section .c-sequence__navigation--back.dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .c-sequence__navigation--back.dropdown > .btn-default + .btn-link, .c-sequence__navigation--back.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-default, .c-sequence__navigation--back.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-link, .c-sequence__navigation--back.il-viewcontrol-pagination__num-of-items > .btn-default + .btn-default, @@ -3599,6 +3719,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .c-sequence__navigation--back.navbar-form.il-viewcontrol-section > a + .btn-link, .il-viewcontrol-section .c-sequence__navigation--back.navbar-form.btn-group > a + .btn-default, .il-viewcontrol-section .c-sequence__navigation--back.navbar-form.btn-group > a + .btn-link, +.il-viewcontrol-section .c-sequence__navigation--back.navbar-form.dropdown > a + .btn-default, +.il-viewcontrol-section .c-sequence__navigation--back.navbar-form.dropdown > a + .btn-link, .c-sequence__navigation--back.navbar-form.il-viewcontrol-pagination__sectioncontrol > a + .btn-default, .c-sequence__navigation--back.navbar-form.il-viewcontrol-pagination__sectioncontrol > a + .btn-link, .c-sequence__navigation--back.navbar-form.il-viewcontrol-pagination__num-of-items > a + .btn-default, @@ -3620,6 +3742,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .c-sequence__navigation--next.il-viewcontrol-section > .btn-default + .btn-link, .il-viewcontrol-section .c-sequence__navigation--next.btn-group > .btn-default + .btn-default, .il-viewcontrol-section .c-sequence__navigation--next.btn-group > .btn-default + .btn-link, +.il-viewcontrol-section .c-sequence__navigation--next.dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .c-sequence__navigation--next.dropdown > .btn-default + .btn-link, .c-sequence__navigation--next.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-default, .c-sequence__navigation--next.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-link, .c-sequence__navigation--next.il-viewcontrol-pagination__num-of-items > .btn-default + .btn-default, @@ -3642,6 +3766,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .c-sequence__navigation--next.navbar-form.il-viewcontrol-section > a + .btn-link, .il-viewcontrol-section .c-sequence__navigation--next.navbar-form.btn-group > a + .btn-default, .il-viewcontrol-section .c-sequence__navigation--next.navbar-form.btn-group > a + .btn-link, +.il-viewcontrol-section .c-sequence__navigation--next.navbar-form.dropdown > a + .btn-default, +.il-viewcontrol-section .c-sequence__navigation--next.navbar-form.dropdown > a + .btn-link, .c-sequence__navigation--next.navbar-form.il-viewcontrol-pagination__sectioncontrol > a + .btn-default, .c-sequence__navigation--next.navbar-form.il-viewcontrol-pagination__sectioncontrol > a + .btn-link, .c-sequence__navigation--next.navbar-form.il-viewcontrol-pagination__num-of-items > a + .btn-default, @@ -3661,6 +3787,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .c-sequence__navigation--back.il-viewcontrol-section > .btn-link + .btn-default, .il-viewcontrol-section .c-sequence__navigation--back.btn-group > .btn-default + .btn-default, .il-viewcontrol-section .c-sequence__navigation--back.btn-group > .btn-link + .btn-default, +.il-viewcontrol-section .c-sequence__navigation--back.dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .c-sequence__navigation--back.dropdown > .btn-link + .btn-default, .c-sequence__navigation--back.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-default, .c-sequence__navigation--back.il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-default, .c-sequence__navigation--back.il-viewcontrol-pagination__num-of-items > .btn-default + .btn-default, @@ -3679,6 +3807,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .c-sequence__navigation--back.navbar-form.il-viewcontrol-section > .btn-link + a, .il-viewcontrol-section .c-sequence__navigation--back.navbar-form.btn-group > .btn-default + a, .il-viewcontrol-section .c-sequence__navigation--back.navbar-form.btn-group > .btn-link + a, +.il-viewcontrol-section .c-sequence__navigation--back.navbar-form.dropdown > .btn-default + a, +.il-viewcontrol-section .c-sequence__navigation--back.navbar-form.dropdown > .btn-link + a, .c-sequence__navigation--back.navbar-form.il-viewcontrol-pagination__sectioncontrol > .btn-default + a, .c-sequence__navigation--back.navbar-form.il-viewcontrol-pagination__sectioncontrol > .btn-link + a, .c-sequence__navigation--back.navbar-form.il-viewcontrol-pagination__num-of-items > .btn-default + a, @@ -3700,6 +3830,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .c-sequence__navigation--next.il-viewcontrol-section > .btn-link + .btn-default, .il-viewcontrol-section .c-sequence__navigation--next.btn-group > .btn-default + .btn-default, .il-viewcontrol-section .c-sequence__navigation--next.btn-group > .btn-link + .btn-default, +.il-viewcontrol-section .c-sequence__navigation--next.dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .c-sequence__navigation--next.dropdown > .btn-link + .btn-default, .c-sequence__navigation--next.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-default, .c-sequence__navigation--next.il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-default, .c-sequence__navigation--next.il-viewcontrol-pagination__num-of-items > .btn-default + .btn-default, @@ -3724,6 +3856,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .c-sequence__navigation--next.navbar-form.il-viewcontrol-section > .btn-link + a, .il-viewcontrol-section .c-sequence__navigation--next.navbar-form.btn-group > .btn-default + a, .il-viewcontrol-section .c-sequence__navigation--next.navbar-form.btn-group > .btn-link + a, +.il-viewcontrol-section .c-sequence__navigation--next.navbar-form.dropdown > .btn-default + a, +.il-viewcontrol-section .c-sequence__navigation--next.navbar-form.dropdown > .btn-link + a, .c-sequence__navigation--next.navbar-form.il-viewcontrol-pagination__sectioncontrol > .btn-default + a, .c-sequence__navigation--next.navbar-form.il-viewcontrol-pagination__sectioncontrol > .btn-link + a, .c-sequence__navigation--next.navbar-form.il-viewcontrol-pagination__num-of-items > .btn-default + a, @@ -3749,6 +3883,10 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .btn-group.c-input-tree_select > input[type=button] + .btn-default, .il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .btn-group > .btn-link + .btn-link, .il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .btn-group.c-input-tree_select > input[type=button] + .btn-link, +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .btn-group.dropdown > .btn-link + .btn-default, +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .btn-group.c-input-tree_select.dropdown > input[type=button] + .btn-default, +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .btn-group.dropdown > .btn-link + .btn-link, +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .btn-group.c-input-tree_select.dropdown > input[type=button] + .btn-link, .ilTableNav > table > tbody > tr > td > .btn-group.il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-default, .ilTableNav > table > tbody > tr > td > .btn-group.c-input-tree_select.il-viewcontrol-pagination__sectioncontrol > input[type=button] + .btn-default, .ilTableNav > table > tbody > tr > td > .btn-group.il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-link, @@ -3788,6 +3926,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .ilTableNav > table > tbody > tr > td > .dropdown.il-viewcontrol-section > .btn-default + .btn-link, .il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown.btn-group > .btn-default + .btn-default, .il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown.btn-group > .btn-default + .btn-link, +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown > .btn-default + .btn-link, .ilTableNav > table > tbody > tr > td > .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-default, .ilTableNav > table > tbody > tr > td > .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-link, .ilTableNav > table > tbody > tr > td > .dropdown.il-viewcontrol-pagination__num-of-items > .btn-default + .btn-default, @@ -3810,6 +3950,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form.il-viewcontrol-section > a + .btn-link, .il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form.btn-group > a + .btn-default, .il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form.btn-group > a + .btn-link, +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form > a + .btn-default, +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form > a + .btn-link, .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form.il-viewcontrol-pagination__sectioncontrol > a + .btn-default, .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form.il-viewcontrol-pagination__sectioncontrol > a + .btn-link, .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form.il-viewcontrol-pagination__num-of-items > a + .btn-default, @@ -3829,6 +3971,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .ilTableNav > table > tbody > tr > td > .btn-group.il-viewcontrol-section > .btn-link + .btn-link, .il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .btn-group > .btn-default + .btn-link, .il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .btn-group > .btn-link + .btn-link, +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .btn-group.dropdown > .btn-default + .btn-link, +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .btn-group.dropdown > .btn-link + .btn-link, .ilTableNav > table > tbody > tr > td > .btn-group.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-link, .ilTableNav > table > tbody > tr > td > .btn-group.il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-link, .ilTableNav > table > tbody > tr > td > .btn-group.il-viewcontrol-pagination__num-of-items > .btn-default + .btn-link, @@ -3847,6 +3991,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .ilTableNav > table > tbody > tr > td > .btn-group.il-viewcontrol-section.c-input-tree_select > .btn-link + input[type=button], .il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .btn-group.c-input-tree_select > .btn-default + input[type=button], .il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .btn-group.c-input-tree_select > .btn-link + input[type=button], +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .btn-group.dropdown.c-input-tree_select > .btn-default + input[type=button], +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .btn-group.dropdown.c-input-tree_select > .btn-link + input[type=button], .ilTableNav > table > tbody > tr > td > .btn-group.il-viewcontrol-pagination__sectioncontrol.c-input-tree_select > .btn-default + input[type=button], .ilTableNav > table > tbody > tr > td > .btn-group.il-viewcontrol-pagination__sectioncontrol.c-input-tree_select > .btn-link + input[type=button], .ilTableNav > table > tbody > tr > td > .btn-group.il-viewcontrol-pagination__num-of-items.c-input-tree_select > .btn-default + input[type=button], @@ -3876,6 +4022,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .ilTableNav > table > tbody > tr > td > .dropdown.il-viewcontrol-section > .btn-link + .btn-default, .il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown.btn-group > .btn-default + .btn-default, .il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown.btn-group > .btn-link + .btn-default, +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown > .btn-default + .btn-default, +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown > .btn-link + .btn-default, .ilTableNav > table > tbody > tr > td > .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-default + .btn-default, .ilTableNav > table > tbody > tr > td > .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-link + .btn-default, .ilTableNav > table > tbody > tr > td > .dropdown.il-viewcontrol-pagination__num-of-items > .btn-default + .btn-default, @@ -3902,6 +4050,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form.il-viewcontrol-section > .btn-link + a, .il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form.btn-group > .btn-default + a, .il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form.btn-group > .btn-link + a, +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form > .btn-default + a, +.il-viewcontrol-section .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form > .btn-link + a, .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form.il-viewcontrol-pagination__sectioncontrol > .btn-default + a, .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form.il-viewcontrol-pagination__sectioncontrol > .btn-link + a, .ilTableNav > table > tbody > tr > td > .dropdown.navbar-form.il-viewcontrol-pagination__num-of-items > .btn-default + a, @@ -3928,6 +4078,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section > .btn-link, .il-viewcontrol-section .btn-group > .btn-default, .il-viewcontrol-section .btn-group > .btn-link, +.il-viewcontrol-section .dropdown > .btn-default, +.il-viewcontrol-section .dropdown > .btn-link, .il-viewcontrol-pagination__sectioncontrol > .btn-default, .il-viewcontrol-pagination__sectioncontrol > .btn-link, .il-viewcontrol-pagination__num-of-items > .btn-default, @@ -3963,6 +4115,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section > .btn-link:focus-visible, .il-viewcontrol-section .btn-group > .btn-default:focus-visible, .il-viewcontrol-section .btn-group > .btn-link:focus-visible, +.il-viewcontrol-section .dropdown > .btn-default:focus-visible, +.il-viewcontrol-section .dropdown > .btn-link:focus-visible, .il-viewcontrol-pagination__sectioncontrol > .btn-default:focus-visible, .il-viewcontrol-pagination__sectioncontrol > .btn-link:focus-visible, .il-viewcontrol-pagination__num-of-items > .btn-default:focus-visible, @@ -3989,6 +4143,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section > .btn-link, .il-viewcontrol-section .btn-group > .btn-default, .il-viewcontrol-section .btn-group > .btn-link, +.il-viewcontrol-section .dropdown > .btn-default, +.il-viewcontrol-section .dropdown > .btn-link, .il-viewcontrol-pagination__sectioncontrol > .btn-default, .il-viewcontrol-pagination__sectioncontrol > .btn-link, .il-viewcontrol-pagination__num-of-items > .btn-default, @@ -4024,6 +4180,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section > .btn-link:hover, .il-viewcontrol-section .btn-group > .btn-default:hover, .il-viewcontrol-section .btn-group > .btn-link:hover, +.il-viewcontrol-section .dropdown > .btn-default:hover, +.il-viewcontrol-section .dropdown > .btn-link:hover, .il-viewcontrol-pagination__sectioncontrol > .btn-default:hover, .il-viewcontrol-pagination__sectioncontrol > .btn-link:hover, .il-viewcontrol-pagination__num-of-items > .btn-default:hover, @@ -4054,6 +4212,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section > .btn-link:active, .il-viewcontrol-section .btn-group > .btn-default:active, .il-viewcontrol-section .btn-group > .btn-link:active, +.il-viewcontrol-section .dropdown > .btn-default:active, +.il-viewcontrol-section .dropdown > .btn-link:active, .il-viewcontrol-pagination__sectioncontrol > .btn-default:active, .il-viewcontrol-pagination__sectioncontrol > .btn-link:active, .il-viewcontrol-pagination__num-of-items > .btn-default:active, @@ -4084,6 +4244,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section > .btn-link:focus, .il-viewcontrol-section .btn-group > .btn-default:focus, .il-viewcontrol-section .btn-group > .btn-link:focus, +.il-viewcontrol-section .dropdown > .btn-default:focus, +.il-viewcontrol-section .dropdown > .btn-link:focus, .il-viewcontrol-pagination__sectioncontrol > .btn-default:focus, .il-viewcontrol-pagination__sectioncontrol > .btn-link:focus, .il-viewcontrol-pagination__num-of-items > .btn-default:focus, @@ -4110,6 +4272,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section > [disabled].btn-link, .il-viewcontrol-section .btn-group > [disabled].btn-default, .il-viewcontrol-section .btn-group > [disabled].btn-link, +.il-viewcontrol-section .dropdown > [disabled].btn-default, +.il-viewcontrol-section .dropdown > [disabled].btn-link, .il-viewcontrol-pagination__sectioncontrol > [disabled].btn-default, .il-viewcontrol-pagination__sectioncontrol > [disabled].btn-link, .il-viewcontrol-pagination__num-of-items > [disabled].btn-default, @@ -4135,6 +4299,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section > .btn-link fieldset[disabled], .il-viewcontrol-section .btn-group > .btn-default fieldset[disabled], .il-viewcontrol-section .btn-group > .btn-link fieldset[disabled], +.il-viewcontrol-section .dropdown > .btn-default fieldset[disabled], +.il-viewcontrol-section .dropdown > .btn-link fieldset[disabled], .il-viewcontrol-pagination__sectioncontrol > .btn-default fieldset[disabled], .il-viewcontrol-pagination__sectioncontrol > .btn-link fieldset[disabled], .il-viewcontrol-pagination__num-of-items > .btn-default fieldset[disabled], @@ -4170,6 +4336,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section > .engaged.btn-link, .il-viewcontrol-section .btn-group > .engaged.btn-default, .il-viewcontrol-section .btn-group > .engaged.btn-link, +.il-viewcontrol-section .dropdown > .engaged.btn-default, +.il-viewcontrol-section .dropdown > .engaged.btn-link, .il-viewcontrol-pagination__sectioncontrol > .engaged.btn-default, .il-viewcontrol-pagination__sectioncontrol > .engaged.btn-link, .il-viewcontrol-pagination__num-of-items > .engaged.btn-default, @@ -4199,6 +4367,8 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section > .engaged.btn-link, .il-viewcontrol-section .btn-group > .engaged.btn-default, .il-viewcontrol-section .btn-group > .engaged.btn-link, +.il-viewcontrol-section .dropdown > .engaged.btn-default, +.il-viewcontrol-section .dropdown > .engaged.btn-link, .il-viewcontrol-pagination__sectioncontrol > .engaged.btn-default, .il-viewcontrol-pagination__sectioncontrol > .engaged.btn-link, .il-viewcontrol-pagination__num-of-items > .engaged.btn-default, @@ -4223,6 +4393,10 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section .open .btn-group > .btn-default, .open .il-viewcontrol-section .btn-group > .btn-link, .il-viewcontrol-section .open .btn-group > .btn-link, +.open .il-viewcontrol-section .dropdown > .btn-default, +.il-viewcontrol-section .open .dropdown > .btn-default, +.open .il-viewcontrol-section .dropdown > .btn-link, +.il-viewcontrol-section .open .dropdown > .btn-link, .open .il-viewcontrol-pagination__sectioncontrol > .btn-default, .open .il-viewcontrol-pagination__sectioncontrol > .btn-link, .open .il-viewcontrol-pagination__num-of-items > .btn-default, @@ -4257,6 +4431,10 @@ input.btn, .c-input-tree_select > input[type=button], .c-drilldown input.c-drill .il-viewcontrol-section .open .btn-group > .btn-default, .open .il-viewcontrol-section .btn-group > .btn-link, .il-viewcontrol-section .open .btn-group > .btn-link, +.open .il-viewcontrol-section .dropdown > .btn-default, +.il-viewcontrol-section .open .dropdown > .btn-default, +.open .il-viewcontrol-section .dropdown > .btn-link, +.il-viewcontrol-section .open .dropdown > .btn-link, .open .il-viewcontrol-pagination__sectioncontrol > .btn-default, .open .il-viewcontrol-pagination__sectioncontrol > .btn-link, .open .il-viewcontrol-pagination__num-of-items > .btn-default, @@ -12950,6 +13128,8 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-sortation.il-viewcontrol-section > .btn-link, .il-viewcontrol-section .il-viewcontrol-sortation.btn-group > .btn-default, .il-viewcontrol-section .il-viewcontrol-sortation.btn-group > .btn-link, +.il-viewcontrol-section .il-viewcontrol-sortation.dropdown > .btn-default, +.il-viewcontrol-section .il-viewcontrol-sortation.dropdown > .btn-link, .il-viewcontrol-sortation.il-viewcontrol-pagination__sectioncontrol > .btn-default, .il-viewcontrol-sortation.il-viewcontrol-pagination__sectioncontrol > .btn-link, .il-viewcontrol-sortation.il-viewcontrol-pagination__num-of-items > .btn-default, @@ -12974,6 +13154,8 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-section > .btn-link, .il-viewcontrol-section .il-viewcontrol-section.btn-group > .btn-default, .il-viewcontrol-section .il-viewcontrol-section.btn-group > .btn-link, +.il-viewcontrol-section .il-viewcontrol-section.dropdown > .btn-default, +.il-viewcontrol-section .il-viewcontrol-section.dropdown > .btn-link, .il-viewcontrol-section.il-viewcontrol-pagination__sectioncontrol > .btn-default, .il-viewcontrol-section.il-viewcontrol-pagination__sectioncontrol > .btn-link, .il-viewcontrol-section.il-viewcontrol-pagination__num-of-items > .btn-default, @@ -13000,6 +13182,8 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-section .btn-group.il-viewcontrol-section > .btn-link, .il-viewcontrol-section .btn-group > .btn-default, .il-viewcontrol-section .btn-group > .btn-link, +.il-viewcontrol-section .btn-group.dropdown > .btn-default, +.il-viewcontrol-section .btn-group.dropdown > .btn-link, .il-viewcontrol-section .btn-group.il-viewcontrol-pagination__sectioncontrol > .btn-default, .il-viewcontrol-section .btn-group.il-viewcontrol-pagination__sectioncontrol > .btn-link, .il-viewcontrol-section .btn-group.il-viewcontrol-pagination__num-of-items > .btn-default, @@ -13016,6 +13200,38 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-pagination .il-viewcontrol-section .btn-group.last > .btn-link, .il-viewcontrol-section .btn-group.il-viewcontrol-mode > .btn-default, .il-viewcontrol-section .btn-group.il-viewcontrol-mode > .btn-link, +.il-viewcontrol-section .dropdown > .btn-default, +.il-viewcontrol-section .dropdown > .btn-link, +.il-viewcontrol-section .dropdown > .btn-ctrl, +.il-viewcontrol-section .dropdown.il-viewcontrol-sortation > .btn-default.btn, +.il-viewcontrol-section .il-viewcontrol-sortation .dropdown > .btn-default.btn, +.il-viewcontrol-sortation .il-viewcontrol-section .dropdown > .btn-default.btn, +.il-viewcontrol-section .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .dropdown.l-bar__element > .btn-default.btn, +.il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .il-viewcontrol-section .dropdown.l-bar__element > .btn-default.btn, +.il-viewcontrol-section .dropdown.il-viewcontrol-sortation > .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-sortation > .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-section > .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-section > .btn-link, +.il-viewcontrol-section .dropdown.btn-group > .btn-default, +.il-viewcontrol-section .dropdown.btn-group > .btn-link, +.il-viewcontrol-section .dropdown > .btn-default, +.il-viewcontrol-section .dropdown > .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__num-of-items > .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__num-of-items > .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination > .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination > .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-default, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-link, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown.last > .btn-default, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown.last > .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown.last > .btn-link, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown.last > .btn-link, +.il-viewcontrol-section .dropdown.il-viewcontrol-mode > .btn-default, +.il-viewcontrol-section .dropdown.il-viewcontrol-mode > .btn-link, .il-viewcontrol-pagination__sectioncontrol > .btn-default, .il-viewcontrol-pagination__sectioncontrol > .btn-link, .il-viewcontrol-pagination__sectioncontrol > .btn-ctrl, @@ -13028,6 +13244,8 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-section > .btn-link, .il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.btn-group > .btn-default, .il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.btn-group > .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.dropdown > .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.dropdown > .btn-link, .il-viewcontrol-pagination__sectioncontrol > .btn-default, .il-viewcontrol-pagination__sectioncontrol > .btn-link, .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-pagination__num-of-items > .btn-default, @@ -13052,6 +13270,8 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-pagination__num-of-items.il-viewcontrol-section > .btn-link, .il-viewcontrol-section .il-viewcontrol-pagination__num-of-items.btn-group > .btn-default, .il-viewcontrol-section .il-viewcontrol-pagination__num-of-items.btn-group > .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination__num-of-items.dropdown > .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination__num-of-items.dropdown > .btn-link, .il-viewcontrol-pagination__num-of-items.il-viewcontrol-pagination__sectioncontrol > .btn-default, .il-viewcontrol-pagination__num-of-items.il-viewcontrol-pagination__sectioncontrol > .btn-link, .il-viewcontrol-pagination__num-of-items > .btn-default, @@ -13076,6 +13296,8 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-pagination.il-viewcontrol-section > .btn-link, .il-viewcontrol-section .il-viewcontrol-pagination.btn-group > .btn-default, .il-viewcontrol-section .il-viewcontrol-pagination.btn-group > .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination.dropdown > .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination.dropdown > .btn-link, .il-viewcontrol-pagination.il-viewcontrol-pagination__sectioncontrol > .btn-default, .il-viewcontrol-pagination.il-viewcontrol-pagination__sectioncontrol > .btn-link, .il-viewcontrol-pagination.il-viewcontrol-pagination__num-of-items > .btn-default, @@ -13104,6 +13326,10 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-section .il-viewcontrol-pagination .dropdown.btn-group > .btn-default, .il-viewcontrol-pagination .il-viewcontrol-section .dropdown.btn-group > .btn-link, .il-viewcontrol-section .il-viewcontrol-pagination .dropdown.btn-group > .btn-link, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-default, +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-link, .il-viewcontrol-pagination .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-default, .il-viewcontrol-pagination .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-link, .il-viewcontrol-pagination .dropdown.il-viewcontrol-pagination__num-of-items > .btn-default, @@ -13132,6 +13358,10 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-section .il-viewcontrol-pagination .last.btn-group > .btn-default, .il-viewcontrol-pagination .il-viewcontrol-section .last.btn-group > .btn-link, .il-viewcontrol-section .il-viewcontrol-pagination .last.btn-group > .btn-link, +.il-viewcontrol-pagination .il-viewcontrol-section .last.dropdown > .btn-default, +.il-viewcontrol-section .il-viewcontrol-pagination .last.dropdown > .btn-default, +.il-viewcontrol-pagination .il-viewcontrol-section .last.dropdown > .btn-link, +.il-viewcontrol-section .il-viewcontrol-pagination .last.dropdown > .btn-link, .il-viewcontrol-pagination .last.il-viewcontrol-pagination__sectioncontrol > .btn-default, .il-viewcontrol-pagination .last.il-viewcontrol-pagination__sectioncontrol > .btn-link, .il-viewcontrol-pagination .last.il-viewcontrol-pagination__num-of-items > .btn-default, @@ -13156,6 +13386,8 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-mode.il-viewcontrol-section > .btn-link, .il-viewcontrol-section .il-viewcontrol-mode.btn-group > .btn-default, .il-viewcontrol-section .il-viewcontrol-mode.btn-group > .btn-link, +.il-viewcontrol-section .il-viewcontrol-mode.dropdown > .btn-default, +.il-viewcontrol-section .il-viewcontrol-mode.dropdown > .btn-link, .il-viewcontrol-mode.il-viewcontrol-pagination__sectioncontrol > .btn-default, .il-viewcontrol-mode.il-viewcontrol-pagination__sectioncontrol > .btn-link, .il-viewcontrol-mode.il-viewcontrol-pagination__num-of-items > .btn-default, @@ -13179,6 +13411,8 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-sortation.il-viewcontrol-section > .btn-link:has(> .glyph.disabled), .il-viewcontrol-section .il-viewcontrol-sortation.btn-group > .btn-default:has(> .glyph.disabled), .il-viewcontrol-section .il-viewcontrol-sortation.btn-group > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-sortation.dropdown > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-sortation.dropdown > .btn-link:has(> .glyph.disabled), .il-viewcontrol-sortation.il-viewcontrol-pagination__sectioncontrol > .btn-default:has(> .glyph.disabled), .il-viewcontrol-sortation.il-viewcontrol-pagination__sectioncontrol > .btn-link:has(> .glyph.disabled), .il-viewcontrol-sortation.il-viewcontrol-pagination__num-of-items > .btn-default:has(> .glyph.disabled), @@ -13201,6 +13435,8 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-section > .btn-link:has(> .glyph.disabled), .il-viewcontrol-section .il-viewcontrol-section.btn-group > .btn-default:has(> .glyph.disabled), .il-viewcontrol-section .il-viewcontrol-section.btn-group > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-section.dropdown > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-section.dropdown > .btn-link:has(> .glyph.disabled), .il-viewcontrol-section.il-viewcontrol-pagination__sectioncontrol > .btn-default:has(> .glyph.disabled), .il-viewcontrol-section.il-viewcontrol-pagination__sectioncontrol > .btn-link:has(> .glyph.disabled), .il-viewcontrol-section.il-viewcontrol-pagination__num-of-items > .btn-default:has(> .glyph.disabled), @@ -13225,6 +13461,8 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-section .btn-group.il-viewcontrol-section > .btn-link:has(> .glyph.disabled), .il-viewcontrol-section .btn-group > .btn-default:has(> .glyph.disabled), .il-viewcontrol-section .btn-group > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .btn-group.dropdown > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .btn-group.dropdown > .btn-link:has(> .glyph.disabled), .il-viewcontrol-section .btn-group.il-viewcontrol-pagination__sectioncontrol > .btn-default:has(> .glyph.disabled), .il-viewcontrol-section .btn-group.il-viewcontrol-pagination__sectioncontrol > .btn-link:has(> .glyph.disabled), .il-viewcontrol-section .btn-group.il-viewcontrol-pagination__num-of-items > .btn-default:has(> .glyph.disabled), @@ -13241,6 +13479,36 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-pagination .il-viewcontrol-section .btn-group.last > .btn-link:has(> .glyph.disabled), .il-viewcontrol-section .btn-group.il-viewcontrol-mode > .btn-default:has(> .glyph.disabled), .il-viewcontrol-section .btn-group.il-viewcontrol-mode > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown > .btn-ctrl:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown.il-viewcontrol-sortation > .btn-default.btn:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-sortation .dropdown > .btn-default.btn:has(> .glyph.disabled), +.il-viewcontrol-sortation .il-viewcontrol-section .dropdown > .btn-default.btn:has(> .glyph.disabled), +.il-viewcontrol-section .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .dropdown.l-bar__element > .btn-default.btn:has(> .glyph.disabled), +.il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .il-viewcontrol-section .dropdown.l-bar__element > .btn-default.btn:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown.il-viewcontrol-sortation > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown.il-viewcontrol-sortation > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown.il-viewcontrol-section > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown.il-viewcontrol-section > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown.btn-group > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown.btn-group > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__num-of-items > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination__num-of-items > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown.il-viewcontrol-pagination > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown.last > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown.last > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown.last > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown.last > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown.il-viewcontrol-mode > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .dropdown.il-viewcontrol-mode > .btn-link:has(> .glyph.disabled), .il-viewcontrol-pagination__sectioncontrol > .btn-ctrl:has(> .glyph.disabled), .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-sortation > .btn-default.btn:has(> .glyph.disabled), .il-viewcontrol-sortation .il-viewcontrol-pagination__sectioncontrol.dropdown > .btn-default.btn:has(> .glyph.disabled), @@ -13251,6 +13519,8 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-section > .btn-link:has(> .glyph.disabled), .il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.btn-group > .btn-default:has(> .glyph.disabled), .il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.btn-group > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.dropdown > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-pagination__sectioncontrol.dropdown > .btn-link:has(> .glyph.disabled), .il-viewcontrol-pagination__sectioncontrol > .btn-default:has(> .glyph.disabled), .il-viewcontrol-pagination__sectioncontrol > .btn-link:has(> .glyph.disabled), .il-viewcontrol-pagination__sectioncontrol.il-viewcontrol-pagination__num-of-items > .btn-default:has(> .glyph.disabled), @@ -13273,6 +13543,8 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-pagination__num-of-items.il-viewcontrol-section > .btn-link:has(> .glyph.disabled), .il-viewcontrol-section .il-viewcontrol-pagination__num-of-items.btn-group > .btn-default:has(> .glyph.disabled), .il-viewcontrol-section .il-viewcontrol-pagination__num-of-items.btn-group > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-pagination__num-of-items.dropdown > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-pagination__num-of-items.dropdown > .btn-link:has(> .glyph.disabled), .il-viewcontrol-pagination__num-of-items.il-viewcontrol-pagination__sectioncontrol > .btn-default:has(> .glyph.disabled), .il-viewcontrol-pagination__num-of-items.il-viewcontrol-pagination__sectioncontrol > .btn-link:has(> .glyph.disabled), .il-viewcontrol-pagination__num-of-items > .btn-default:has(> .glyph.disabled), @@ -13295,6 +13567,8 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-pagination.il-viewcontrol-section > .btn-link:has(> .glyph.disabled), .il-viewcontrol-section .il-viewcontrol-pagination.btn-group > .btn-default:has(> .glyph.disabled), .il-viewcontrol-section .il-viewcontrol-pagination.btn-group > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-pagination.dropdown > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-pagination.dropdown > .btn-link:has(> .glyph.disabled), .il-viewcontrol-pagination.il-viewcontrol-pagination__sectioncontrol > .btn-default:has(> .glyph.disabled), .il-viewcontrol-pagination.il-viewcontrol-pagination__sectioncontrol > .btn-link:has(> .glyph.disabled), .il-viewcontrol-pagination.il-viewcontrol-pagination__num-of-items > .btn-default:has(> .glyph.disabled), @@ -13321,6 +13595,10 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-section .il-viewcontrol-pagination .dropdown.btn-group > .btn-default:has(> .glyph.disabled), .il-viewcontrol-pagination .il-viewcontrol-section .dropdown.btn-group > .btn-link:has(> .glyph.disabled), .il-viewcontrol-section .il-viewcontrol-pagination .dropdown.btn-group > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-pagination .il-viewcontrol-section .dropdown > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-pagination .dropdown > .btn-link:has(> .glyph.disabled), .il-viewcontrol-pagination .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-default:has(> .glyph.disabled), .il-viewcontrol-pagination .dropdown.il-viewcontrol-pagination__sectioncontrol > .btn-link:has(> .glyph.disabled), .il-viewcontrol-pagination .dropdown.il-viewcontrol-pagination__num-of-items > .btn-default:has(> .glyph.disabled), @@ -13347,6 +13625,10 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-section .il-viewcontrol-pagination .last.btn-group > .btn-default:has(> .glyph.disabled), .il-viewcontrol-pagination .il-viewcontrol-section .last.btn-group > .btn-link:has(> .glyph.disabled), .il-viewcontrol-section .il-viewcontrol-pagination .last.btn-group > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-pagination .il-viewcontrol-section .last.dropdown > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-pagination .last.dropdown > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-pagination .il-viewcontrol-section .last.dropdown > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-pagination .last.dropdown > .btn-link:has(> .glyph.disabled), .il-viewcontrol-pagination .last.il-viewcontrol-pagination__sectioncontrol > .btn-default:has(> .glyph.disabled), .il-viewcontrol-pagination .last.il-viewcontrol-pagination__sectioncontrol > .btn-link:has(> .glyph.disabled), .il-viewcontrol-pagination .last.il-viewcontrol-pagination__num-of-items > .btn-default:has(> .glyph.disabled), @@ -13369,6 +13651,8 @@ tr.c-table-data__row.c-table-data__row--drag-settle { .il-viewcontrol-mode.il-viewcontrol-section > .btn-link:has(> .glyph.disabled), .il-viewcontrol-section .il-viewcontrol-mode.btn-group > .btn-default:has(> .glyph.disabled), .il-viewcontrol-section .il-viewcontrol-mode.btn-group > .btn-link:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-mode.dropdown > .btn-default:has(> .glyph.disabled), +.il-viewcontrol-section .il-viewcontrol-mode.dropdown > .btn-link:has(> .glyph.disabled), .il-viewcontrol-mode.il-viewcontrol-pagination__sectioncontrol > .btn-default:has(> .glyph.disabled), .il-viewcontrol-mode.il-viewcontrol-pagination__sectioncontrol > .btn-link:has(> .glyph.disabled), .il-viewcontrol-mode.il-viewcontrol-pagination__num-of-items > .btn-default:has(> .glyph.disabled), @@ -13387,6 +13671,27 @@ tr.c-table-data__row.c-table-data__row--drag-settle { background-color: rgb(226.2857142857, 231.6428571429, 238.7142857143); } +.il-viewcontrol-section .dropdown > .btn-default { + border: 1px solid #4c6586; + background-color: white; + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + min-width: 100px; + max-width: 400px; +} +@media screen and (max-width: 1199px) { + .il-viewcontrol-section .dropdown > .btn-default { + max-width: 50vw; + } +} +@media screen and (max-width: 991px) { + .il-viewcontrol-section .dropdown > .btn-default { + max-width: 50vw; + } +} + .il-viewcontrol-sortation > .btn-default.btn, .il-viewcontrol-sortation .dropdown > .btn-default.btn, .il-table-presentation-viewcontrols .l-bar__space-keeper .l-bar__group .l-bar__element > .btn-default.btn {