.sidebar__edit-navigation-menu__modal { .modal-body { min-height: 50vh; } } .sidebar__edit-navigation-menu__filter { display: flex; flex-direction: row; padding: 1em 1em 0 1em; .sidebar__edit-navigation-menu__filter-dropdown { margin-left: 0.5em; .select-kit-header { background: var(--secondary); color: var(--primary); border: 1px solid var(--primary-low-mid); font-size: var(--font-0); &:hover, &:focus { background: var(--secondary); color: var(--primary); .d-icon { color: var(--primary); } } } } .sidebar__edit-navigation-menu__filter-input { display: flex; flex-direction: row; margin-right: auto; width: 100%; position: relative; } .sidebar__edit-navigation-menu__filter-input-icon { position: absolute; left: 0.5em; top: 0.65em; color: var(--primary-low-mid); } .sidebar__edit-navigation-menu__filter-input-field { border-color: var(--primary-low-mid); padding-left: 1.75em; width: 100%; &:focus { border-color: var(--tertiary); outline: none; outline-offset: 0; box-shadow: inset 0px 0px 0px 1px var(--tertiary); } } } .sidebar__edit-navigation-menu__footer { display: flex; width: 100%; .btn.sidebar__edit-navigation-menu__reset-defaults-button { margin-left: auto; margin-right: 0em; .d-icon { font-size: var(--font-down-1); color: var(--tertiary); } &:focus, &:active { background: none; } } } .sidebar__edit-navigation-menu__deselect-wrapper { margin: 0; .btn-flat.sidebar__edit-navigation-menu__deselect-button { margin-left: auto; padding: 0; &:focus, &:active { background: none; } } }