@color_1: #463fd4;
@color_7: #272296;
@color_8: #4E4726;
@font-family_1: "Glyphicons Halflings";

.no-js {
	.eslint-nav {
		.eslint-navbar {
			.eslint-toggle-search-open {
				display: none;
			}
		}
		.eslint-navbar-toggles {
			.eslint-toggle-search-open {
				display: none;
			}
		}
	}
	.eslint-navbar {
		.eslint-search {
			display: none;
		}
	}
}
.eslint-nav {
	.navbar-brand {
		margin-left: -15px;
		display: flex;
		align-items: center;
		img {
			margin-top: -1px;
		}
	}
	.eslint-navbar-toggles {
		margin-right: -15px;
	}
	.eslint-search {
		.form-control {
			font-weight: normal;
			box-shadow: none;
			border-color: transparent;
			background-color: transparent;
		}
	}
	.eslint-navbar {
		clear: both;
	}
	.aa-dropdown-menu {
		background-color: @navbar-default-bg;
		border: 1px solid @gray-dark;
		border-radius: 4px;
		font-size: 16px;
		margin: 6px 0 0;
		padding: 4px;
		text-align: left;
		left: -20px !important;
		right: -20px !important;
	}
	.suggestion-category {
		background-color: #4B54DE;
		color: @navbar-default-bg;
		font-weight: 600;
		padding: 5px 10px;
		text-align: left;
		mark {
			background-color: #4D47D5;
			color: @navbar-default-bg;
			padding: 0;
		}
	}
	.suggestion {
		color: @gray-dark;
		cursor: pointer;
		overflow: hidden;
		border-bottom: 1px solid #3A33D1;
		mark {
			padding: 0;
			color: @brand-primary;
			background: none;
			font-weight: 600;
		}
	}
	.suggestion-subcategory-secondary {
		display: inline-block;
		font-weight: bold;
		&:after {
			content: " › ";
		}
	}
	.suggestion-title {
		display: inline;
	}
	.suggestion-content {
		padding: 3px 5px;
	}
	.suggestion-footer {
		color: @navbar-default-color;
		display: block;
		font-size: .8em;
		margin-top: 2px;
		text-align: right;
		text-decoration: none;
	}
	.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;
	}
	.suggestion-subcategory-main {
		display: none;
	}
	.suggestion-text {
		display: none;
	}
	.aa-cursor {
		.suggestion-content {
			color: @color_7;
			code {
				color: @color_7;
			}
			mark {
				color: @color_7;
			}
		}
		.suggestion {
			background: #EBEBFB;
		}
	}
}
.eslint-toggle-search-checkbox {
	display: none;
	&:checked {
		&+.eslint-nav {
			.navbar-brand {
				display: none;
			}
			.eslint-navbar-toggles {
				display: none;
			}
			.navbar-nav {
				display: none;
			}
			.eslint-navbar {
				border-top: 0;
				display: block;
				visibility: visible;
				.eslint-search {
					display: block;
				}
			}
		}
	}
}
.eslint-toggle-search-open {
	color: @color_1;
	cursor: pointer;
	margin: 21px 15px 21px 0;
	padding: 6px 10px 2px 10px;
}
.eslint-navbar {
	.eslint-toggle-search-open {
		display: none;
	}
	.eslint-search {
		border-color: transparent;
		display: none;
		margin: 0 -15px;
		padding: 20px 15px 15px 15px;
	}
}
.eslint-search {
	.eslint-search-input-wrapper {
		display: table;
		width: 100%;
		border-bottom: 2px solid #463fd4;
		&:before {
			content: "\e003";
			display: table-cell;
			color: @color_1;
			vertical-align: middle;
			font-family: @font-family_1;
			text-align: center;
			width: 30px;
		}
	}
	.eslint-toggle-search-close {
		cursor: pointer;
		display: table-cell;
		vertical-align: middle;
		color: @color_1;
		width: 30px;
	}
	.input-group-btn {
		display: none;
	}
}
@media (min-width: @screen-sm-min) {
	.eslint-nav {
		.eslint-navbar {
			clear: none;
			.eslint-toggle-search-open {
				color: @navbar-default-color;
				display: block;
				border: none;
				&:hover {
					background: transparent;
					color: @navbar-default-link-hover-color;
				}
			}
		}
		.suggestion {
			display: table;
			width: 100%;
			border-bottom: 1px solid #9D99E8;
		}
		.suggestion-subcategory-main {
			border-right: 1px solid #9D99E8;
			background: #F2F2FF;
			color: @color_8;
			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;
		}
		.suggestion-content {
			display: table-cell;
			padding: 5px 10px;
		}
		.suggestion-subcategory-secondary {
			display: none;
		}
		.suggestion-title {
			font-weight: 600;
		}
		.suggestion-text {
			display: block;
			font-weight: normal;
			padding: 2px;
		}
	}
	.eslint-toggle-search-checkbox {
		&:checked {
			&+.eslint-nav {
				.eslint-toggle-search-open {
					display: none;
				}
				.eslint-navbar {
					.eslint-search {
						width: 100%;
						margin: 0;
					}
				}
			}
		}
	}
}
@media (min-width: @screen-md-min) {
	.eslint-nav {
		.eslint-search {
			.eslint-toggle-search-close {
				display: none;
			}
			display: block;
			width: 325px;
		}
		.eslint-navbar {
			.eslint-toggle-search-open {
				display: none;
			}
		}
		.aa-dropdown-menu {
			left: -30px !important;
			right: -270px !important;
		}
	}
	.eslint-search {
		.eslint-search-input-wrapper {
			border-color: #666;
			&:before {
				color: @navbar-default-color;
			}
		}
	}
}
@media (min-width: @screen-xs-min) {
	.eslint-nav {
		.suggestion-text {
			display: block;
			font-size: .9em;
		}
	}
}
