html, body {height: 100%;}
#wrap {min-height: 100%; width: 100%;}
#main {overflow:auto; padding-bottom: 30px; text-align: left;}
#header {background: url('../img_interface/backgrounds/bg.png'); height:45px;}
#header div {margin: 10px 10px 0 10px;}
#footer {position: relative; margin-top: -20px; height: 20px; clear:both; background: url('../img_interface/backgrounds/bg.png');} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

.userLink {padding: 1px 10px;}
.userLink a {color: #EEE; letter-spacing: 1px; font-family: Verdana; font-size: 13px;}
.userLink a:hover {color: #fff;}
.userLink a img {float: right; background-color: #EEEEEE; border: 1px solid #DDD; margin: 0 0 0 8px;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);}

/******************************** FORUM ********************************/
/* General page */
.ft_category_block {height: 100%; text-align: left; width: 100%;}

.ft_category {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; margin: 4px 4px 0 4px; box-shadow: 0 0 0 1px #EEEEEE;}
.ft_category_title {background: none repeat scroll 0 0 #EEEEEE; text-shadow: 1px 1px 0 white; border-radius: 2px 2px 2px 2px; 
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07) inset, 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7);
    color: #55728B; font-family: Verdana, tahoma,​helvetica,​arial,​sans-serif; font-size: 12px; font-weight: bold; height: 22px; line-height: 22px; margin: 2px; padding: 0 6px;}
.ft_category_title span {}

/* Category page */
.f_category_block {height: 100%; text-align: left; width: 100%;}

.f_sub_title {}

.f_top_title {background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 3px; box-shadow: 0 0 0 1px #EEEEEE; margin: 4px; padding: 6px 8px;
	display: flex; align-items: center; gap: 8px; min-height: 48px;}
.f_top_title h3 {color: #555555; font-family: Verdana; font-size: 14px; font-weight: bold; line-height: 22px; margin: 0;}
.f_top_title p {color: #555555; font-size: 13px; margin: 2px 0 0;}
.f_top_title a.f_active {color: #333333 !important;}
.f_top_title_ico {flex-shrink: 0; border-radius: 19px; height: 38px; width: 38px; line-height: 38px; text-align: center;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset; background-color: #EEEEEE;}
.f_top_title_ico img {margin: 0 0 -3px;}
.f_top_title_info {flex: 1; min-width: 0;}
.f_top_title_moder {flex-shrink: 0; color: #777; font-family: Verdana; font-size: 10px; opacity: 0.2; cursor: default; text-align: right;}
.f_top_title_moder a {cursor: pointer;}
.f_top_title_moder:hover {opacity: 1;}
.f_top_title .f_category_like_toggle {flex-shrink: 0;}
.f_top_title_rating {flex-shrink: 0; border: none; height: auto; line-height: normal; width: auto; padding: 0 4px;}
.f_top_title_modermenu {flex-shrink: 0;}

.f_category {margin: 0 4px; padding: 3px 4px 2px 1px; min-height: 42px; clear: both;}
.f_category:hover {background-color: #f9f9f9;}
.f_bottom_border {border-bottom: 1px dashed #EEEEEE;}
.f_bottom_space {padding: 3px 4px 4px 1px;}
.f_category_title {margin: 0; float: left; line-height: 19px;}
.f_category_title a {}
.f_category_title span {}
.f_category_title small {color: #AAAAAA; font-size: 12px; margin: 0;}
.f_category_title small a {font-family: Verdana; font-size: 11px; color: #999;}

.f_add_category {margin: 38px 0 0 43px;}
.f_add_category span {font-family: Verdana; font-size: 11px; margin: 0;}
.f_add_category span a {}
.f_add_category span img {margin: 0 0 -4px;}

.f_category_ico {border-radius: 19px; float: left; height: 38px; line-height: 38px; margin: 1px 8px 0 1px; text-align: center; width: 38px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset; background-color: #EEEEEE;}
.f_category_ico img {margin: 0 0 -3px;}

.f_path {background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 0 1px #EEEEEE; margin: 4px 4px 0 4px; text-align: left; padding: 2px 6px; height: 22px;}
.f_path div {float: left; margin-right: 6px;}
.f_path div a {font-family: Verdana; font-size: 12px; margin: 0 0 0 4px;}
.f_path div img {margin: 0 0 -3px;}
.f_path div span {font-family: Verdana; font-size: 12px; color: #555555; margin: 0 0 0 0px;}

.f_category_nav_row {display: flex; justify-content: space-between; align-items: center; margin: 4px 4px 0; min-height: 32px;}
.f_category_nav_row .f_new_topic_link {margin: 0; display: inline-block;}
.f_category_nav_row .stageList {margin: 0; display: flex; align-items: center; height: auto;}
.f_category_nav_row .stageList a {float: none;}

.stageList {margin: 4px 10px 0; height: 32px;}
.stageList a {display: block; float: left; margin: 4px; padding: 0 2px; text-align: center; min-width: 20px;
			border: 1px solid #ddd; border-radius: 3px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.07); background-color: #EEEEEE;}
.stageList a.activeStage {color: #999999; font-weight: bold; background-color: #EEEEEE;}
.pageSp {margin: 8px 6px 0;}
.f_category_empty {color: #555555; margin: 2px 0 2px 8px;}

.f_new_topic_link {
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.07);
	display: block;
	cursor: pointer !important;
	margin: 8px 0 8px 14px;
	padding: 2px 8px;
	text-align: center;
}

.f_new_topic_form {margin: 6px 10px 10px;}
.f_new_topic_form textarea {height: 200px; width: 100%;}
.f_form_input_text {width: 800px;}

.f_last_u_ava {float: right; margin-left: 10px; width: 220px;}
.f_last_u_ava p {float: left; line-height: 10px; margin: 0;}
.f_last_u_ava img {background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 2px 2px 2px 2px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin: 10px 7px; float: left; }
.f_last_u_ava span {display: block; float: left; font-family: Verdana; font-size: 10px; margin: 9px 1px 0;}
.f_last_u_ava small {float: left; font-size: 10px; margin: 4px 4px 0 2px; width: 170px;}

.f_topic_info_block {border-left: 1px dashed #DDDDDD; color: #999999; float: right; font-family: Verdana; height: 41px; line-height: 41px; text-align: center; width: 90px;}
.f_topic_info_border {border-right: 1px dashed #DDDDDD;}

.f_topic_like_toggle {display: block; height: 41px; width: 30px;}

.f_topic_unlike {
	background-image: url("../img_interface/controls/bookm_emp.png");
	background-repeat: no-repeat;
	background-position: center;
}

.f_topic_unlike:hover {
	background-image: url("../img_interface/controls/bookm_add.png");
	background-repeat: no-repeat;
	background-position: center;
}

.f_topic_like {
	background-image: url("../img_interface/controls/bookm_del.png");
	background-repeat: no-repeat;
	background-position: center;
}

.f_category_like_toggle {display: block; height: 30px; width: 30px; cursor: pointer;}
.f_category_unlike {background: url("../img_interface/controls/bookm_emp.png") no-repeat center center;}
.f_category_unlike:hover {background: url("../img_interface/controls/bookm_add.png") no-repeat center center;}
.f_category_like {background: url("../img_interface/controls/bookm_del.png") no-repeat center center;}

.f_topic_users {float: right; visibility: hidden; margin: 12px 16px 0;}
.f_topic_moder {float: right; visibility: hidden; margin: 9px 16px 0;}
.f_category:hover div.f_topic_users, .f_category:hover div.f_topic_moder {visibility: visible;}
.f_topic_users a {}
.f_topic_users a img {}
.f_thIco img {margin: 0 0 -3px!important;}

.f_topics_head { height: 16px; margin: 0 4px; padding: 2px 4px;}
.f_topics_head div {color: #999999; float: right; font-size: 11px; line-height: 13px; text-align: center; height: 16px;}
.f_topics_head div.f_zero_th {border-right: 1px dashed #DDDDDD;}
.f_topics_head div.f_first_th {border-right: 1px dashed #DDDDDD; width: 90px;}
.f_topics_head div.f_second_th {border-right: 1px dashed #DDDDDD; width: 90px;}
.f_topics_head div.f_third_0_th {width: 230px;}
.f_topics_head div.f_third_th {border-right: 1px dashed #DDDDDD; width: 230px;}
.f_topics_head div.f_four_th {width: 40px;}

/* Topic list header - flexbox */
.f_topics_head_flex {display: flex; align-items: center; margin: 0 4px; padding: 2px 4px; height: 16px;}
.f_topics_head_flex > span {color: #999999; font-size: 11px; line-height: 13px; text-align: center; box-sizing: border-box;}
.f_topics_head_flex .f_th_title {flex: 1; padding-left: 47px;}
.f_topics_head_flex .f_th_stat {flex-shrink: 0; border-left: 1px dashed #DDDDDD; width: 90px;}
.f_topics_head_flex .f_th_last {flex-shrink: 0; border-left: 1px dashed #DDDDDD; width: 230px;}
.f_topics_head_flex .f_th_like {flex-shrink: 0; border-left: 1px dashed #DDDDDD; width: 40px;}

.f_top_title_time {font-size: 11px;}

.f_top_panel {height: 30px;}
.f_top_panel a {border-right: 1px solid #EEEEEE; float: left; height: 30px; line-height: 30px; margin: 0; min-width: 80px; padding: 0 10px; text-align: center; display: block;}
.f_top_panel a:hover {background-color: #f9f9f9; cursor: pointer;}
.f_top_panel a img {}
.f_top_panel a img.f_fed_forum_ico {margin: 0 5px -3px 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
.f_top_panel a img.f_fed_team_ico {margin: 0 5px -6px 0; background-color: #EEEEEE; border: 1px solid #DDDDDD; border-radius: 2px 2px 2px 2px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);}

.f_bg_fff {background-color: #fff!important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset!important;}
.f_bg_fff img {margin: 0 0 -5px!important; max-width: 16px;}
.f_bg_ava img {background-color: #FFFFFF; border-radius: 2px 2px 2px 2px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);}

.f_search_input {border: 1px solid #DDDDDD; float: right; margin: 4px 4px 0 0; padding: 2px; width: 200px;}
.f_search_live_input {border: 1px solid #DDDDDD; font-family: Verdana; font-size: 16px; margin: 10px; padding: 2px; width: 600px;}

.f_topic_vote_button {display: block; margin: -23px 0 0;}
.f_topic_vote_button img {opacity: 0.2; cursor: pointer;}
.f_topic_vote_button img:hover {opacity: 1;}
.m_max {font-family: Verdana !important; color: #64B813!important;}
.m_min {font-family: Verdana !important; color: #FF0000!important;}

/* Удалено: f_category_top_left, f_category_top_right - заменены на flexbox в f_top_title */

.f_delim_topic {height: 10px; margin: 0 4px; padding: 3px 4px 2px 1px;}
.f_topic_add_status {background-color: #EEEEEE; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07) inset, 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7);
    color: #55728B; font-family: Verdana; font-size: 11px; font-weight: bold; margin: 0 4px 0 0; padding: 1px 4px; text-shadow: 1px 1px 0 #FFFFFF;}

/* Цвет метки темы. Модификатор приходит из F_AddStatus.Color через белый список
   c_forum::STATUS_COLORS. Без модификатора плашка остаётся серой — так выглядят
   служебные «ВАЖНО», «ЗАКРЫТО», «ПЕРЕМЕЩЕНО» и метки без назначенного цвета.

   Новых цветов не заводим: все четыре уже есть в forum.css (#64B813 в .m_max
   и .f_topic_sum_new_mess, #FF0000 в .m_min, #FCBC3B в .f_ban_message), а #56BCDA —
   штатный синий чип игры (.conLevel в iam.css, .vms_level в playerSearch.css).
   Приём «цветной фон + белый текст» взят у .ch_th_home / .ch_th_guest / .ch_th_red
   в champ.css. Белые тени базового класса гасим — под белым текстом они мешают. */
.f_topic_add_status.f_status_wait,
.f_topic_add_status.f_status_work,
.f_topic_add_status.f_status_done,
.f_topic_add_status.f_status_deny {color: #FFFFFF; text-shadow: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;}

.f_topic_add_status.f_status_wait {background-color: #FCBC3B;}
.f_topic_add_status.f_status_work {background-color: #56BCDA;}
.f_topic_add_status.f_status_done {background-color: #64B813;}
.f_topic_add_status.f_status_deny {background-color: #FF0000;}

.f_topic_fixed {background-color: #FBFBFB;}
.f_topic_fixed_top {box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.15);}
.f_topic_fixed_bottom {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.f_topic_fixed_single {box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);}

/*Messages line*/
.f_top_mess {border: 1px solid #DDDDDD; border-radius: 2px 2px 2px 2px; margin: 10px; background-color: #fafafa;}
.f_top_mess_top_block {border-bottom: 1px solid #DDDDDD; height: 20px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); background-color: #f1f1f1;}
.f_top_mess_left_block {display: table-cell; width: 160px;}
.f_top_mess_right_block {padding: 10px; border-left: 1px solid #DDDDDD; display: table-cell; vertical-align: top; width: 100%;}
.f_top_mess_right_block div {color: #333333;}
.f_top_mess_right_block img {max-width: 700px;}
.f_top_mess_bottom_block {border-top: 1px solid #DDDDDD; clear: both; height: 20px; background-color: #F9F9F9; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); line-height: 20px;}
.f_top_mess_bottom_block a {font-size: 11px; margin: 0 6px 0 0;}
.f_top_mess_ava {text-align: center; padding: 0 0 4px; width: 160px;}
.f_top_mess_ava a {}
.f_top_mess_ava a img {background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 2px 2px 2px 2px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin: 0 0 -4px;}
.f_top_mess_ava_div {}
.f_premium {background: url("../img_interface/controls/16premium.png") no-repeat scroll 30px 47px #fafafa;}

.f_top_mess_left_down_block {width: 161px; float: left; margin-right: 4px;}

.f_top_mess_top_info {float: left; font-size: 11px; height: 20px; line-height: 19px; padding: 0 3px; width: 154px;}
.f_top_mess_top_info a {}
.f_top_mess_top_info img {margin: 0 0 -4px;}
.f_top_mess_top_right_info {height: 20px; line-height: 18px;}
.f_top_mess_top_right_info small {font-size: 11px; margin: 0 0 0 10px; text-shadow: 1px 1px 0 #FFFFFF;}
.f_top_mess_top_right_info a {font-size: 11px; margin: 0 6px 0 0;}

.f_top_mess_info {}
.f_top_mess_info small {font-size: 11px; margin: 0;}
.f_top_mess_info p {margin: 0; white-space: nowrap;}
.f_top_mess_info p span {color: #555555; display: inline-table; font-family: Verdana; text-align: center; width: 72px; 
						box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); border: 1px solid #EEEEEE; border-radius: 2px 2px 2px 2px;}
.f_top_mess_info p span img {margin: 0 3px -3px 0;}

.f_top_mess_clubs {border-top: 1px dashed #EEEEEE; padding: 2px 6px;}
.f_top_mess_clubs p {margin: 4px 0; white-space: nowrap;}
.f_top_mess_clubs p a {}
.f_top_mess_clubs p a img {border: 1px solid #DDDDDD; border-radius: 2px 2px 2px 2px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin: 0 4px -6px 0;}
.f_national_logo {margin: 0 4px -4px 0 !important;}

.f_top_mess_fun {line-height: 12px; margin: 4px 0 6px;}
.f_top_mess_fun small {font-size: 11px;}
.f_textarea {}
.f_progress img {margin: 14px 0 0 10px;}
.f_progress_live img {margin: 0px 0 -1px 0px;}
.f_topic_sum_new_mess {color: #64B813; font-size: 10px; margin: 0 0 0 2px; vertical-align: top;}
.f_ico_light {box-shadow: 0 0 0 1px rgba(51, 179, 217, 0.5) inset;}
.f_topic_row_ico.f_ico_light_2 {box-shadow: 0 0 0 1px rgba(51, 179, 217, 0.5) inset;}
.f_topic_row_ico.f_ico_light_2 img {margin: 0 0 -5px;}
.f_toggle {}
.f_toggle img {margin: 0 2px -3px 5px;}

.f_delimRot {background-color: #EEEEEE; border-radius: 2px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); clear: both; height: 6px; margin: 10px auto; opacity: 0.4; width: 98%;}
.f_bottom_block_user {float: left; margin: 10px 10px 0;}
.f_bottom_block_user a {}
.f_bottom_block_user a img {background-color: #EEEEEE; border: 1px solid #DDDDDD; border-radius: 2px 2px 2px 2px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); margin: 0 6px -6px 0;}

.f_users_line {padding: 0 0 10px 0; display: none;}
.f_h60 {height: 60px!important;}

.f_message_bb {display: none;}
.f_top_mess_fixed {box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);}
.f_mess_fixed_delim {color: #CCCCCC; font-size: 16px; font-weight: bold; margin: 0 0 14px; text-align: center; text-shadow: 0 0 2px #333333;}

.f_upd_mess_textarea {height: 200px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.f_upd_mess_area {}
.f_upd_mess_area p {margin: 0 !important; padding: 0 !important;}
.f_upd_mess_area p a {margin: 8px 0 0 14px!important;}

/**/
.f_form_claim {font-family: Verdana; font-size: 16px; height: 100px; padding: 5px; width: 900px;}
.f_claim_link {margin-right: 10px !important; color: #AAAAAA!important;}
.f_claim_link:hover {color: #FF0084 !important;}
.f_upd_link {margin-right: 10px !important; color: #AAAAAA!important;}
.f_upd_link:hover {color: #FF0084 !important;}
.f_p_tip {color: #333333; margin: 10px 6px 0;}

.f_moder_menu {border: 1px solid #DDDDDD; border-radius: 2px 2px 2px 2px; font-family: Verdana; font-size: 11px; padding: 2px;}
.ac_results {z-index: 999999!important;}
.f_progress_top {margin: -32px 10px 0 0;}
.f_ban_message {border: 1px dashed #FCBC3B; color: #777777; margin: 20px 10px 0; padding: 0 6px;}

.f_simple_message {margin: 0 4px; padding: 3px 4px 2px 1px;}
.f_simple_border {margin-bottom: 15px;}
.f_simple_message_time {}
.f_simple_message_area {border-color: #EEEEEE; border-style: dashed double; border-width: 0px 3px 1px 0px; color: #333333; margin: 4px; padding: 6px;}
.f_simple_message_title {background-color: #F7F7F7; border: 1px dashed #DDDDDD; border-radius: 2px; color: #777777; line-height: 19px; margin: 0; padding: 2px 4px;}
.f_simple_message_title img {margin: 0 4px -2px 0;}

.f_categ_read {color: #AAAAAA !important;}
.f_categ_read:hover {color: #FF0084 !important;}
.f_categ_read img {margin: 0 2px -2px 0;}
.f_online_spoiler img {margin: 0 0 -4px;}
.f_online_spoiler {cursor: pointer;}

.f_new_fed_message {background-color: #F6C81A; border-radius: 9px 9px 9px 9px; color: #FFFFFF !important; display: block; float: right; font-family: Verdana;
    font-size: 11px; font-weight: bold; height: 18px; line-height: 17px; margin: 6px 0 0 9px; width: 20px;}

.f_channel_link {padding: 1px 10px;}
.f_channel_link a {color: #eee; font-family: Verdana; font-size: 13px; letter-spacing: 1px;}
.f_channel_link a span {background-color: #EEEEEE; border: 1px solid #DDDDDD; border-radius: 2px 2px 2px 2px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); width: 20px; height: 20px; display: block; 
float: right; margin: 0 0 0 8px;}
.f_channel_link:hover a {color: #fff;}
.f_channel_link a img {margin: 0 0 -1px 0;}

/* Topic row - flexbox layout */
.f_topic_row {display: flex; align-items: center; margin: 0 4px; padding: 3px 4px 2px 1px; min-height: 42px;}
.f_topic_row:hover {background-color: #f9f9f9;}
.f_topic_row:hover .f_topic_row_members, .f_topic_row:hover .f_topic_row_moder {visibility: visible;}

.f_topic_row_ico {
	flex-shrink: 0;
	border-radius: 19px;
	height: 38px;
	width: 38px;
	line-height: 38px;
	text-align: center;
	background-color: #EEEEEE;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}
.f_topic_row_ico img {margin: 0 0 -3px;}
.f_topic_row_info {flex: 1; line-height: 19px; position: relative; padding-left: 7px;}
.f_topic_row_info small {color: #AAAAAA; font-size: 12px; margin: 0;}
.f_topic_row_info small a {font-family: Verdana; font-size: 11px; color: #999;}
.f_topic_row_stat {flex-shrink: 0; border-left: 1px dashed #DDDDDD; color: #999999; font-family: Verdana; height: 41px; line-height: 41px; text-align: center; width: 90px; box-sizing: border-box;}
.f_topic_row_last {flex-shrink: 0; border-left: 1px dashed #DDDDDD; width: 230px; display: flex; align-items: center; gap: 7px; padding-left: 7px; box-sizing: border-box; height: 41px;}
.f_topic_row_last img {flex-shrink: 0; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 2px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);}
.f_topic_row_last_info {display: flex; flex-direction: column; font-family: Verdana; font-size: 10px; line-height: 14px;}
.f_topic_row_last_info small {font-size: 10px; color: #999;}
.f_topic_row_members {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); visibility: hidden;}
.f_topic_row_members img {vertical-align: middle;}
.f_topic_row_moder {position: absolute; right: 34px; top: 50%; transform: translateY(-50%); visibility: hidden;}
.f_topic_row .f_topic_like_toggle {flex-shrink: 0; border-left: 1px dashed #DDDDDD; width: 40px; box-sizing: border-box;}

/* Category row - flexbox layout */
.f_category_row {display: flex; align-items: center; margin: 0 4px; padding: 3px 4px 2px 1px; min-height: 42px;}
.f_category_row:hover {background-color: #f9f9f9;}
.f_category_row_ico {flex-shrink: 0; border-radius: 19px; height: 38px; width: 38px; line-height: 38px; text-align: center;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset; background-color: #EEEEEE;}
.f_category_row_ico img {margin: 0 0 -3px;}
.f_category_row_info {flex: 1; line-height: 19px; padding-left: 7px;}
.f_category_row_info a {}
.f_category_row_info small {color: #AAAAAA; font-size: 12px; margin: 0;}
.f_category_row_stat {flex-shrink: 0; border-left: 1px dashed #DDDDDD; color: #999999; font-family: Verdana; height: 41px; line-height: 41px; text-align: center; width: 90px; box-sizing: border-box;}
.f_category_row_last {flex-shrink: 0; border-left: 1px dashed #DDDDDD; width: 230px; display: flex; align-items: center; gap: 7px; padding-left: 7px; box-sizing: border-box; height: 41px;}
.f_category_row_last img {flex-shrink: 0; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 2px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);}
.f_category_row_last_info {display: flex; flex-direction: column; font-family: Verdana; font-size: 10px; line-height: 14px;}
.f_category_row_last_info small {font-size: 10px; color: #999;}
.f_category_row_subcats {width: 100%; margin-top: 4px;}
.f_category_row_subcats span {margin-right: 8px;}
.f_category_row_subcats img {margin: 0 0 -3px;}