/* Friends page filter (2026-10-22): tmpl/friends.php (desktop, right column like the 2012 search page) and
   tmpl/mobile/friends.php (m., compact collapsible panel). Script: js/al/vc_friends.js. */
#vc_friends_css {
  display: none;
}

/* desktop: search field */
#vc_ff #search_query_wrap.wide {
  padding: 10px 0 2px;
}
#vc_ff .vc_ff_q_wrap {
  position: relative;
}
#vc_ff #search_query_wrap.wide #search_query {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 52px;
}
#vc_ff .vc_ff_q_clear {
  position: absolute;
  right: 4px;
  top: 2px;
  width: 20px;
  height: 21px;
  background: url(/images/icons/input_clear.gif) 6px 7px no-repeat;
  opacity: 0.6;
}
#vc_ff .vc_ff_q_clear:hover {
  opacity: 1;
}
#vc_ff .vc_ff_progress {
  position: absolute;
  right: 26px;
  top: 1px;
  width: 32px;
  height: 23px;
  margin: 0;
  display: none;
  background: url(/images/upload.gif) no-repeat center center;
}
#vc_ff .summary .vc_ff_reset {
  margin-left: 8px;
  font-weight: normal;
}

/* desktop: list + right column */
/* the list is narrower next to the column: name / city / actions stacked right of the photo */
#vc_ff #results .three_col_row .info {
  float: none;
  overflow: hidden;
}
#vc_ff #results .three_col_row .actions {
  float: none;
  width: auto;
  height: auto;
  overflow: hidden;
  margin: 4px 0 0;
  padding-left: 10px;
  background: transparent;
}
#vc_ff #results .three_col_row .actions a {
  display: inline-block;
  padding: 3px 6px;
  margin: 0 2px 2px -6px;
  margin-right: 8px;
}
#vc_ff .vc_ff_table td.filters {
  width: 160px;
  padding: 0 0 10px 12px;
}
#vc_ff .vc_ff_filters .filter_main {
  margin-top: 8px;
}
#vc_ff .vc_ff_filters .inner_filter .control {
  padding-top: 4px;
}
#vc_ff .vc_ff_filters .radiobtn {
  margin: 2px 0 4px;
}
#vc_ff .vc_ff_filters .range_sep {
  width: 14px;
  text-align: center;
  line-height: 22px;
}
#vc_ff .vc_ff_side_reset {
  padding: 12px 0 0;
}
#vc_ff.vc_ff_nofilter .vc_ff_table td.results {
  border-right: none;
}
#vc_ff .vc_ff_geo {
  color: #777;
  padding: 2px 0 3px;
}
#vc_ff_list.vc_ff_loading {
  opacity: 0.5;
}
.vc_ff_none {
  padding: 40px 10px;
  text-align: center;
  color: #777;
  line-height: 160%;
}
.vc_ff_none .vc_ff_none_t {
  margin-bottom: 6px;
}
#vc_ff #show_more_link.unshown {
  display: none;
}

/* m.: search field + filter toggle, collapsible panel */
.vc_ffm {
  padding: 8px 8px 0;
  background: #fff;
}
.vc_ffm .vc_ffm_bar {
  display: flex;
  align-items: center;
  margin: 0;
}
.vc_ffm .vc_ffm_q {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
  width: 100%;
  -webkit-appearance: none;
}
.vc_ffm .vc_ffm_toggle {
  flex: none;
  margin-left: 10px;
  padding: 6px 0;
  white-space: nowrap;
}
.vc_ffm .vc_ffm_toggle:after {
  content: '';
  display: inline-block;
  margin-left: 5px;
  vertical-align: 2px;
  border: 4px solid transparent;
  border-top-color: currentColor;
  border-bottom: 0;
}
.vc_ffm.vc_ffm_open .vc_ffm_toggle:after {
  border-top: 0;
  border-bottom: 4px solid currentColor;
}
.vc_ffm .vc_ffm_badge {
  display: inline-block;
  min-width: 16px;
  margin-left: 4px;
  padding: 0 4px;
  border-radius: 8px;
  background: #5e82a8;
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  box-sizing: border-box;
}
.vc_ffm .vc_ffm_badge.unshown {
  display: none;
}
.vc_ffm .vc_ffm_panel {
  padding: 8px 0 0;
}
.vc_ffm .vc_ffm_panel select {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 8px;
}
.vc_ffm .vc_ffm_panel select.unshown {
  display: none;
}
.vc_ffm .vc_ffm_age {
  display: flex;
}
.vc_ffm .vc_ffm_age select {
  flex: 1;
  min-width: 0;
}
.vc_ffm .vc_ffm_age select + select {
  margin-left: 8px;
}
.vc_ffm .vc_ffm_summary {
  padding: 2px 0 8px;
  color: #777;
}
.vc_ffm .vc_ffm_summary .vc_ff_reset {
  margin-left: 6px;
}
.vc_ffm .vc_ffm_bar + .vc_ffm_panel.unshown + .vc_ffm_summary.unshown {
  display: none;
}
.vc_ffm.unshown {
  display: none;
}
.vc_ffm:after {
  content: '';
  display: block;
  height: 8px;
}
.vc_ffm.vc_ff_on:after,
.vc_ffm.vc_ffm_open:after {
  height: 0;
}
#vc_ff_list .ii_owner,
#friends_load .ii_owner {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 90px);
}
.vc_ff_geo_m {
  display: block;
  color: #888;
  font-size: 12px;
  font-weight: normal;
  padding-top: 2px;
}

/* dark theme (html.vc-dark, functions/functions_theme.php) */
html.vc-dark #vc_ff .vc_ff_geo,
html.vc-dark .vc_ff_none,
html.vc-dark .vc_ffm .vc_ffm_summary,
html.vc-dark .vc_ff_geo_m {
  color: #9a9a9a;
}
html.vc-dark #vc_ff .vc_ff_table td.results {
  border-right-color: #3a3a3a;
}
html.vc-dark .vc_ffm {
  background: transparent;
}
html.vc-dark .vc_ffm .vc_ffm_badge {
  background: #4a6c91;
}
html.vc-dark #vc_ff .selector_container td.selector_dropdown {
  background-color: transparent !important;
  background-image: url(/css/dark_img/images_darr_dd_out.gif.png) !important;
  border-left-color: #3a3a3a !important;
}
html.vc-dark #vc_ff .vc_ff_q_clear {
  filter: invert(1);
}