/* NS BS4 : custom button colors to match inputs */
.btn-outline-input {
	border-color: #ced4da;
	background-color: transparent;
	background-image: none;
	color: #292b2c;
}

/* Input textbox - do not specify a width here, it will be overwritten */
.ffb-input 
{
	float:left;
	color:#000; /* must specify along with watermark color */
	/*height:16px; NS Bootstrap 4*/ /* required for webkit browsers (Safari, Chrome) */
	height:32px; /* NS Bootstrap 4*/
}
/* Color of watermark, if present */
.ffb-input.watermark { /* added and removed dynamically */
	color:#888; /* must specify along with input color */
}
/* Drop-down arrow, with sprited image */
.ffb-arrow 
{
	float:left;
	width:17px;
	height:22px;
	background-image:url(../images/flexbox/sel_win7.gif); /* NS */
}
.ffb-arrow.out { /* css sprite technique */
	background-position:0;
}
.ffb-arrow.over { /* css sprite technique */
	background-position:-17px 0;
}
.ffb-arrow.active { /* css sprite technique */
	background-position:-34px 0;
}
.ffb-no-results 
{
	padding:2px;
	color:#888;
	font-style:italic;
	border-bottom:1px solid #828790;
}
/* Container for dropdown contents */
.ffb {
	position:absolute; /* this guy's parent div is hard-coded to position:relative */
	overflow:hidden;
	border-left:1px solid #828790; /* #7B9EBD for Vista */
	border-right:1px solid #828790;
	background-color:#fff; /* Give it a background-color, so it's not transparent */
	z-index: 1000; /* NS BS4 */
}
/* Inner div for dropdown */
.ffb .content {
	overflow:auto;
    border-bottom: 1px solid #828790; /* NS : border moved from row to rows container */ 
}
.ffb .content .row {
	border-bottom: none; /* NS : border moved from row to rows container */
	color:#000;
	height:32px; /* NS Bootstrap 4 (was 16px;) */
	clear:both;
	overflow: hidden; /* NS : avoid ugly wrapping when row container width is not enough to display row */
	margin: 0; /* NS Bootstrap 4 */
	white-space: pre-wrap; /* NS : preserve spaces around highlighted match */
}
.ffb-sel {
	cursor:pointer;
	cursor:hand;
	color:#fff !important;
	background-color:#39f;
}
.ffb-match {
	font-weight:bold;
	color:#000;
}

/* Paging */
.ffb .paging {
	vertical-align:middle;
	border-bottom:1px solid #828790;
}
.ffb .page, .ffb a.page {
	font-size:85%;
	padding:2px;
	border:solid 1px #339;
	background-color:#eef;
	margin:2px;
}
.ffb .box {
	width:22px;
	margin:2px;
}
.ffb .summary {
	font-size:85%;
}