/** -----------------------------------------------------
 * Autocomplete Search Inputs 
 */
nav[role="search"] {
	float: left;
	padding: 0.5rem;
}
.multi.multisearch {
	margin-top: 0;
	background: rgba(223, 223, 223, 0.9);
}
.multi.multisearch.fade_in ,
nav[role="search"] .search-results.fade_in {
	opacity: 1;
	pointer-events: auto;
	display: block;
}
.multi.multisearch .itm.show b,
nav[role="search"] .search-results .itm.show b{
	pointer-events: none;
}
.multi.multisearch .itm.show,
nav[role="search"] .search-results .itm.show{
	display: block;
}
.multi.multisearch .itm,
nav[role="search"] .search-results .itm{ 
	display: none;
	cursor: pointer;
	padding: 0.25rem;
}
.multi.multisearch .itm.highlight,
nav[role="search"] .search-results .itm.highlight { 
  background-color: #1e1e1e;
  color: #fff;
}
nav[role="search"].error input:focus,
nav[role="search"].error input:hover,
nav[role="search"].error input:active,
nav[role="search"].error input {
	border-color: #ff5454;
	color: #ff5454;
}
nav[role="search"] .search-results {
	opacity: 0;
	display: none;
	border-radius: 0.3rem;
	margin-top: 0.25rem;
	min-height: 1.6rem;
	position: relative;
	z-index: 2;
	max-height: 20rem;
	overflow: auto;
	background: rgba(223, 223, 223, 0.9);
}
nav[role="search"].multi_share .search-results {
	background: transparent;
}
.passphrase_inputs nav[role="search"] .search-results .itm{
	padding: 0.5rem 0.5em;
	font-size: 1.4rem;
}
	/* added for draggable */ 
	.passphrase_inputs nav[role="search"].item:before {
		display: block;
		content: '═';
		position: absolute;
		left: 0px;
		right: 0px;
		margin: 0 auto;
		height: 2rem;
		width: 100%;
		top: 0;
		text-align: center;
		font-size: 1.5rem;
		color: #ccc;
		line-height: 2rem;
	}
	.passphrase_inputs nav[role="search"].item[draggable=false] {
		cursor: default;
	}
	.passphrase_inputs nav[role="search"].item[draggable=false]:before {
		display: none;
	}
	.passphrase_inputs nav[role="search"].item .inp {
		margin-bottom: 0px;
		width: 100%;
		box-sizing: border-box;
		min-width: auto;
	}
	.passphrase_inputs nav[role="search"].item {
		margin-right: 1%;
		padding-top: 2rem;
		padding-bottom: 0rem;
		padding-left: 0;
		padding-right: 0;
		width: calc( 24% + (1% / 4));
		height: 5.3rem;
		position: relative;
		border-style: solid;
		border-color: transparent;
		border-width: 3px;
		border-radius: 0.5rem;
		margin-bottom: 0.6rem;
	}

/**/

[data-uistate-darkmode="true"] .multi.multisearch {
	background: rgba(49, 49, 49, 0.9);
}

[data-uistate-darkmode="true"] .multi.multisearch .itm:hover,
[data-uistate-darkmode="true"] nav[role="search"] .search-results .itm:hover{
	background: rgba(0, 0, 0, 0.4);
}