.rbt .rbt-input-main::-ms-clear {
  display: none;
}

/**
 * Menu
 */
.rbt-menu {
  margin-bottom: 2px;
}
.rbt-menu > .dropdown-item,
.rbt-menu > .nxgn7890-dropdown-item { /* Required for header+footer api integration */
  overflow: hidden;
  text-overflow: ellipsis;
}
.rbt-menu > .dropdown-item:focus,
.rbt-menu > .nxgn7890-dropdown-item:focus { /* Required for header+footer api integration */
  outline: none;
}
.rbt-menu-pagination-option {
  text-align: center;
}

/**
 * Multi-select Input
 */
.rbt-input-multi {
  cursor: text;
  overflow: hidden;
  position: relative;
}
.rbt-input-multi.focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  color: #495057;
  outline: 0;
}
.rbt-input-multi.form-control,
.rbt-input-multi.nxgn7890-form-control { /* Required for header+footer api integration */
  height: auto;
}
.rbt-input-multi.form-control[disabled],
.rbt-input-multi.nxgn7890-form-control[disabled] { /* Required for header+footer api integration */
  background-color: #e9ecef;
  opacity: 1;
}
.rbt-input-multi.is-invalid.focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.rbt-input-multi.is-valid.focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.rbt-input-multi input::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.rbt-input-multi input:-ms-input-placeholder {
  color: #6c757d;
}
.rbt-input-multi input::-webkit-input-placeholder {
  color: #6c757d;
}
.rbt-input-multi .rbt-input-wrapper {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -4px;
  margin-top: -1px;
  overflow: hidden;
}
.rbt-input-multi .rbt-input-main {
  margin: 1px 0 4px;
}

/**
 * Close Button
 */
.rbt-close {
  z-index: 1;
}
.rbt-close-lg {
  font-size: 24px;
}

/**
 * Token
 */
.rbt-token {
  background-color: #e7f4ff;
  border: 0;
  border-radius: 0.25rem;
  color: #007bff;
  display: inline-block;
  line-height: 1em;
  margin: 1px 3px 2px 0;
  padding: 4px 7px;
  position: relative;
}
.rbt-token-disabled {
  background-color: rgba(0, 0, 0, 0.1);
  color: #495057;
  pointer-events: none;
}
.rbt-token-removeable {
  cursor: pointer;
  padding-right: 21px;
}
.rbt-token-active {
  background-color: #007bff;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.rbt-token .rbt-token-remove-button {
  bottom: 0;
  color: inherit;
  font-size: inherit;
  font-weight: normal;
  opacity: 1;
  outline: none;
  padding: 3px 7px;
  position: absolute;
  right: 0;
  text-shadow: none;
  top: -2px;
}

/**
 * Loader + CloseButton container
 */
.rbt-aux {
  align-items: center;
  display: flex;
  bottom: 0;
  justify-content: center;
  pointer-events: none;
  /* Don't block clicks on the input */
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
}
.rbt-aux-lg {
  width: 46px;
}
.rbt-aux .rbt-close {
  margin-top: -4px;
  pointer-events: auto;
  /* Override pointer-events: none; above */
}

.has-aux .rbt-input {
  padding-right: 34px;
}

.rbt-highlight-text {
  background-color: inherit;
  color: inherit;
  font-weight: bold;
  padding: 0;
}

/**
 * Input Groups
 */
.input-group > .rbt,
.nxgn7890-input-group > .rbt { /* Required for header+footer api integration */
    flex: 1;
}
.input-group > .rbt .rbt-input-hint, 
.nxgn7890-input-group > .rbt .rbt-input-hint, /* Required for header+footer api integration */
.input-group > .rbt .rbt-aux,
.nxgn7890-input-group > .rbt .rbt-aux { /* Required for header+footer api integration */
  z-index: 5;
}
.input-group > .rbt:not(:first-child) .form-control,
.nxgn7890-input-group > .rbt:not(:first-child) .nxgn7890-form-control { /* Required for header+footer api integration */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .rbt:not(:last-child) .form-control,
.nxgn7890-input-group > .rbt:not(:last-child) .nxgn7890-form-control { /* Required for header+footer api integration */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* Start - customizations related header+footer webcomponent api integration */
/* 
    Copy of the style definition from Bootstraps _spinners.scss, _screenreaders.scss
    Required because Typeahead doesn't support an escaped hatch for custom bootstrap class name (which we are using for header+footer api integration)

    Caution: Removing this will result in the loading indicator being removed, and or screen reader text becoming visible
    within connected applications consumer the header+footer via api integration.
*/
.nxgn7890-portal .rbt .spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

.nxgn7890-portal .rbt .spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite;
}

.nxgn7890-portal .rbt .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* 
    Copy of the style definition from Bootstraps _dropdown.scss
    Required because Typeahead doesn't support an escaped hatch for custom bootstrap class name (which we are using for header+footer api integration)

    Caution: Removing this will result in a style violation for the 'No matches found.' or 'Searching...' progress text display 
    within connected applications consumer the header+footer via api integration.
*/
.nxgn7890-portal .rbt-menu > .dropdown-item.disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
}

.nxgn7890-portal .rbt-menu.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.nxgn7890-portal .rbt-menu.dropdown-menu .dropdown-item.active,
.nxgn7890-portal .rbt-menu.dropdown-menu .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

/* 
    In IE11 we are unable to inject styles via the <style> tag inside a web component.
    To account for this, we are moving these overrides required for the typeahead
    drop down to work with the scoped site+bootstrap css.
*/
.nxgn7890-portal header .nxgn7890-dropdown-menu,
.nxgn7890-portal header .nxgn7890-dropdown-item,
.nxgn7890-portal .rbt-menu.dropdown-menu,
.nxgn7890-portal .rbt-menu .dropdown-item {
    font-size: 1rem;
}
/* End - customizations related header+footer webcomponent api integration */