/**
 * Portal compat: minimal structural rules from style/opt.css (and rating filter layout).
 * No /v2/, /style/, /images/, or legacy-ui asset URLs.
 * Recruitment filter chrome is overridden in nev_site.css.
 */

/* --- registration / library select helpers --- */
.tbl-reg_input {
	width: 100%;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	border: 1px solid #db9f73;
	margin-right: 4px;
	background-color: #ffffd0;
	box-sizing: border-box;
}

.tbl-reg_error {
	color: #f00000;
	font-weight: bold;
}

.tbl-mn_news-nextlink {
	color: #481d06;
	text-decoration: none;
	font-size: 11px;
}

.tbl-mn_news-nextlink:hover {
	text-decoration: underline;
}

/* --- filter search bar (recruitment; legacy rating JS hooks) --- */
.b-filter {
	display: inline-block;
	position: relative;
	margin: 0 0 0 5px;
	vertical-align: middle;
}

.b-filter__icon {
	position: absolute;
	z-index: 1;
	top: -1px;
	left: -5px;
	width: 23px;
	height: 23px;
	cursor: default;
	border: 0;
	background: none;
}

.b-filter__icon::after {
	content: "\1F50D";
	display: block;
	font-size: 14px;
	line-height: 23px;
	text-align: center;
	opacity: 0.75;
}

.b-filter__reset,
.b-filter__reset-season {
	display: none;
	position: absolute;
	z-index: 1;
	top: 2px;
	right: 3px;
	width: 17px;
	height: 17px;
	cursor: pointer;
	border: 0;
	background: none;
}

.b-filter__reset::after,
.b-filter__reset-season::after {
	content: "\00D7";
	display: block;
	font-size: 16px;
	line-height: 17px;
	text-align: center;
	color: rgba(200, 160, 100, 0.9);
}

.b-filter__reset:hover::after,
.b-filter__reset-season:hover::after {
	color: #fce9c9;
}

.b-filter .ff__input-wrap {
	margin-left: 18px;
}

/* --- styled input wrapper (no input.png sprite) --- */
.ff__input-wrap,
.ff__input-wrap-inner {
	background: none;
}

.ff__input-wrap {
	display: inline-block;
	width: 230px;
	height: 23px;
	vertical-align: middle;
	border: 1px solid rgba(180, 130, 80, 0.55);
	border-radius: 3px;
	background: rgba(255, 255, 208, 0.92);
	box-sizing: border-box;
}

.ff__input-wrap-inner {
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0 6px;
	box-sizing: border-box;
}

.ff__input-wrap-input {
	position: relative;
	height: 100%;
	margin: 0 4px;
}

.ff__input-wrap input,
.ff__input-wrap label {
	position: absolute;
	top: 4px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	font: 11px Tahoma, Arial, sans-serif;
	color: #6c382c;
	border: 0;
	background: none;
	box-sizing: border-box;
}

.ff__input-wrap label {
	z-index: 1;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	color: #c09f79;
	cursor: text;
}

.ff__input-wrap input:focus {
	outline: 0;
}

.ff__input-wrap.it_block {
	display: block;
	width: auto;
}

.ff__input-wrap.it_focus,
.ff__input-wrap.focus {
	border-color: rgba(220, 168, 96, 0.85);
	box-shadow: 0 0 0 1px rgba(220, 168, 96, 0.35);
}

.ff__input-wrap.disabled input {
	color: #a0a0a0;
}