/* Hide every mention of search if JavaScript is disabled */
.no-js .eslint-nav .eslint-navbar .eslint-toggle-search-open,
.no-js .eslint-nav .eslint-navbar-toggles .eslint-toggle-search-open,
.no-js .eslint-navbar .eslint-search {
  display: none;
}

/* We revert the right/left padding because we changed the underlying markup */
.eslint-nav .navbar-brand {
  margin-left: -15px;
}

.eslint-nav .eslint-navbar-toggles {
  margin-right: -15px;
}

/* On small screens, the display of the search bar on top of the menu is toggled */
/* through a checkbox, when clicking on the matching label. The checkbox is */
/* hidden, and we have two labels (pointing to the same checkbox), for two */
/* different RWD breakpoints. */
.eslint-toggle-search-checkbox {
  display: none;
}

 /* Magnifying glass label */
.eslint-toggle-search-open {
  color: #463fd4;
  cursor: pointer;
  margin: 21px 15px 21px 0;
  padding: 6px 10px 2px 10px;
}
 /* Hiding the second magnifying glass that will only be used on bigger screen */
.eslint-navbar .eslint-toggle-search-open {
  display: none;
}


 /* When the checkbox is checked, we hide everything in the .eslint-nav, except */
 /* the form input */
 /* Hide all */
.eslint-toggle-search-checkbox:checked + .eslint-nav .navbar-brand,
.eslint-toggle-search-checkbox:checked + .eslint-nav .eslint-navbar-toggles,
.eslint-toggle-search-checkbox:checked + .eslint-nav .navbar-nav {
  display: none;
}
 /* Display search */
.eslint-toggle-search-checkbox:checked + .eslint-nav .eslint-navbar {
  border-top: 0;
  display: block;
  visibility: visible;
}
.eslint-toggle-search-checkbox:checked + .eslint-nav .eslint-navbar .eslint-search {
  display: block;
}

 /* Search input for small screen */
.eslint-navbar .eslint-search {
  border-color: transparent;
  display: none;
  margin: 0 -15px;
  padding: 20px 15px 15px 15px;
}
 /* We need to play with display table to align the form element in the header */
.eslint-search .eslint-search-input-wrapper {
  display: table;
  width: 100%;
  border-bottom: 2px solid #463fd4;
}
.eslint-search .eslint-search-input-wrapper:before {
  content: "\e003";
  display: table-cell;
  color: #463fd4;
  vertical-align: middle;
  font-family: "Glyphicons Halflings";
  text-align: center;
  width: 30px;
}

.eslint-search .eslint-toggle-search-close {
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
  color: #463fd4;
  width: 30px;
}
 /* We hide the submit button, so we need to round the corners of the input */
.eslint-search .input-group-btn {
  display: none;
}

.eslint-nav .eslint-search .form-control {
  font-weight: normal;
  box-shadow: none;
  border-color: transparent;
  background-color: transparent;
}

 /* Fix display of nav elements in dropdown hamburger list */
.eslint-nav .eslint-navbar {
  clear: both;
}

/* Enough room to display the links, but not the full search. We'll only add */
/* a magnifying glass to toggle the search */
@media (min-width: 768px) {
  .eslint-nav .eslint-navbar {
    clear: none;
  }
  /* Show magnifying glass */
  .eslint-nav .eslint-navbar .eslint-toggle-search-open {
    color: #666;
    display: block;
    border: none;
  }
  .eslint-nav .eslint-navbar .eslint-toggle-search-open:hover {
    background: transparent;
    color: #444;
  }
  /* Hide the magnifying glass */
  .eslint-toggle-search-checkbox:checked + .eslint-nav .eslint-toggle-search-open {
    display: none;
  }
  /* Force the search to take all available space */
  .eslint-toggle-search-checkbox:checked + .eslint-nav .eslint-navbar .eslint-search {
    width: 100%;
    margin: 0;
  }
}

/* Enough room to display the input directly in the header */
@media (min-width: 996px) {
   /* Hide magnifying glass and close button */
  .eslint-nav .eslint-search .eslint-toggle-search-close,
  .eslint-nav .eslint-navbar .eslint-toggle-search-open {
    display: none;
  }
   /* Show search */
  .eslint-nav .eslint-search {
    display: block;
    width: 325px;
  }
  /* Tone down the colors a bit */
  .eslint-search .eslint-search-input-wrapper {
    border-color: #666;
  }
  .eslint-search .eslint-search-input-wrapper:before {
    color: #666;
  }
}


/* Main autocomplete wrapper */
.eslint-nav .algolia-autocomplete {
  width: 100%;
}
.eslint-nav .aa-dropdown-menu {
  background-color: #FFF;
  border: 1px solid #333;
  border-radius: 4px;
  font-size: 16px;
  margin: 6px 0 0;
  padding: 4px;
  text-align: left;
  left: -20px !important;
  right: -20px !important;
}

/* Category headers */
.eslint-nav .suggestion-category {
  background-color: #4B54DE;
  color: white;
  font-weight: 600;
  padding: 5px 10px;
  text-align: left;
}
.eslint-nav .suggestion-category mark {
  background-color: #4D47D5;
  color: white;
  padding: 0;
}

/* Suggestion */
.eslint-nav .suggestion {
  color: #333;
  cursor: pointer;
  overflow: hidden;
  border-bottom: 1px solid #3A33D1;
}
.eslint-nav .suggestion mark {
  padding: 0;
  color: #3A33D1;
  background: none;
  font-weight: 600;
}
.eslint-nav .suggestion-subcategory-secondary {
  display: inline-block;
  font-weight: bold;
}
.eslint-nav .suggestion-subcategory-secondary:after {
  content: " › ";
}
.eslint-nav .suggestion-title {
  display: inline;
}
.eslint-nav .suggestion-content {
  padding: 3px 5px;
}
/* Footer */
.eslint-nav .suggestion-footer {
  color: #666;
  display: block;
  font-size: .8em;
  margin-top: 2px;
  text-align: right;
  text-decoration: none;
}
.eslint-nav .suggestion-footer-logo {
  display: inline-block;
  width: 45px;
  height: 16px;
  text-indent: 101%;
  overflow: hidden;
  white-space: nowrap;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
/* Hidden elements for this viewport */
.eslint-nav .suggestion-subcategory-main,
.eslint-nav .suggestion-text {
  display: none;
}

/* Selected suggestion */
.eslint-nav .aa-cursor .suggestion-content,
.eslint-nav .aa-cursor .suggestion-content code,
.eslint-nav .aa-cursor .suggestion-content mark {
  color: #272296;
}
.eslint-nav .aa-cursor .suggestion {
  background: #EBEBFB;
}

/* Screen big enough to display the text snippets */
@media (min-width: 568px) {
  .eslint-nav .suggestion-text {
    display: block;
    font-size: .9em;
  }
}

/* Screen big enough to display results in two columns */
@media (min-width: 768px) {
   /* Use table display for the two columns */
  .eslint-nav .suggestion {
    display: table;
    width: 100%;
    border-bottom: 1px solid #9D99E8;
  }
  .eslint-nav .suggestion-subcategory-main {
    border-right: 1px solid #9D99E8;
    background: #F2F2FF;
    color: #4E4726;
    display: table-cell;
    max-width: 135px;
    min-width: 135px;
    overflow: hidden;
    padding: 5px 7px 5px 5px;
    text-align: right;
    text-overflow: ellipsis;
    vertical-align: top;
    width: 135px;
  }
  .eslint-nav .suggestion-content {
    display: table-cell;
    padding: 5px 10px;
  }
  .eslint-nav .suggestion-subcategory-secondary {
    display: none;
  }
  .eslint-nav .suggestion-title {
    font-weight: 600;
  }
  .eslint-nav .suggestion-text {
    display: block;
    font-weight: normal;
    padding: 2px;
  }
}

/* Enough room to display the autocomplete in the header directly */
@media (min-width: 996px) {
  .eslint-nav .aa-dropdown-menu {
    left: -30px !important;
    right: -270px !important;
  }
}