
/* Класс описания цветовой схемы - подкачивается из css */
.ifcl_body_set_all_vars_dusk {
	--var-base-background: linear-gradient( #18406D, #36629F);
	--var-base-color: #FFFFFF;
	/* background: var(--var-base-background); */
	color: var(--var-base-color);
	/* Прогресс бар загрузки */
	--var-progress_wrapper-color: var(--var-base-color);
	--var-progress_bar-background-color: #007bff;
	--var-progress_bar-color: #fff;
	/* лоадер */
	--var-loader1-border-top-color: #ffffff80;
	--var-loader1-border-bottom-color: #00ffff80;
	/* скролинг */
	--var-ifcl_scroll_type1_bar-background-color: #135985;
	--var-ifcl_scroll_type1_thumb-background-color: #0b4365;
	--var-ifcl_scroll_type2_bar-background-color: #135985;
	--var-ifcl_scroll_type2_thumb-background-color: #0b4365;

	/* тег a */
	--var_teg_a-color: #00ffff;
	--var_teg_a_hover-color: #00cfcf;
	/* Кнопки */
	--var-btn_primary-color: #fff;
	--var-btn_primary-border-color: #007bff;
	--var-btn_primary-background-color: #007bff;
	--var-btn_primary_hover-color: #fff;
	--var-btn_primary_hover-background-color: #006fe6;
	--var-btn_primary_hover-border-color: #006fe6;
	--var-btn_primary_disabled-background-color: #007bff;
	--var-btn_primary_disabled-border-color: #007bff;
	--var-btn_primary_dropdown-color: #fff;
	--var-btn_primary_dropdown-background-color: #006fe6;
	--var-btn_primary_dropdown-border-color: #0062cc;

	--var-btn-outline-primary-border-color: #5ae6ff;
	--var-btn-outline-primary-color: #5ae6ff;
	--var-btn_outline_primary_hover-color: #fff;
	--var-btn_outline_primary_hover-background-color: #007bff;
	--var-btn_outline_primary_hover-border-color: #007bff;
	--var-btn_outline_primary_disabled-color: #007bff;
	--var-btn-outline-primary_disabled-border-color: #007bff;
	--var-btn_outline_primary_dropdown-color: #fff;
	--var-btn_outline_primary_dropdown-background-color: #007bff;
	--var-btn_outline_primary_dropdown-border-color: #007bff;

	--var-btn_secondary-color: #fff;
	--var-btn_secondary-border-color: #5A6169;
	--var-btn_secondary-background-color: #5A6169;
	--var-btn_secondary_hover-color: #fff;
	--var-btn_secondary_hover-background-color: #4e545b;
	--var-btn_secondary_hover-border-color: #4e545b;
	--var-btn_secondary_disabled-background-color: #5A6169;
	--var-btn_secondary_disabled-border-color: #5A6169;
	--var-btn_secondary_dropdown-color: #fff;
	--var-btn_secondary_dropdown-background-color: #4e545b;
	--var-btn_secondary_dropdown-border-color: #42484e;
	/* выподающий список */
	--var-custom_select-color: #ffffff;
	--var-custom_select-background: #004975 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
	--var-custom_select-border: 1px solid #fff;
	--var-custom_select_focus-border-color: #007bff;
	--var-custom_select_hover-border-color: #6ba7f5;
	--var-custom-select_disabled-color: #ffffff;
	--var-custom-select_disabled-background-color: #084365;
	/* Текстовые метки */
	--var-input_group_text-color: #abb6bf;
	--var-input_group_text-background-color: #0b4365;
	--var-input_group_text-border: 1px solid #ffffff;
	--var-form_control_placeholder-color: #818181;
	--var-form_control_disabled-background-color: #084365;
	/* чек бокс */
	--var-custom_control_label_before-background-color: #004975;
	--var-custom_control_label_before-border: 1px solid #ffffff;
	--var-custom_control_label_before_check-background-color: #004975;
	--var-custom_control_label_before_check-border-color: #ffffff;
	--var-custom-control-input_disabled-color: #d0d0d0;
	--var-custom-control-input_disabled-background-color: #0b4365;
	--var-custom-control-input_disabled_checked-background: #0b4365;
	/* control */
	--var-form_control-color: #ffffff;
	--var-form_control-background-color: #004975;
	--var-form_control-border: 1px solid #becad6;
	--var-form_control_hover-border-color: #8fa4b8;
	--var-form_control_focus-color: #ffffff;
	--var-form_control_focus-background-color: #004975;
	--var-form_control_focus-border-color: #007bff;
	--var-form_control_focus_hover-color: #007bff;

	/* Шапка окна */
	--var-eo_obj_move-background: linear-gradient( #fff7f7, #a4a7ab);
	--var-eo_obj_move-border-bottom: 1px solid #999999;
	--var-eo_obj_move-border-top: 1px solid #999999;
	--var-eo_obj_move-fill: #353637;
	--var-btn_close-color: #313030;
	/* окно */
	--var-window_modal_body-background: #145278;
	--var-window_modal_footer-background: linear-gradient( #fff7f7, #a4a7ab );
	--var-window_modal_footer-border-top: 1px solid #dfe1e3;

	--var-eo_login-border: 1px solid #00ffff;
	--var-eo_login-color: #00ffff;
	--var-eo_login-fill: #00ffff;
	--var-el_btn_tab-border: 1px solid #d0d0d0;
	/* Линия над списком столов */
	--var-line-game-rooms-bk-color: gray;
	--var-line-game-rooms-filter: drop-shadow(0px 2px 4px black);
	--var-eo_refund_time-color: forestgreen;
	--var-panel_navigator-background-color: var(--var-base-background, #fefefe);
	--var-panel_navigator-border-right: 1px solid #7d7d7d;
	--var-panel_navigator_el_menu-border-bottom: 1px solid gray;
	--var-if_panel_navigator_dop-filter: drop-shadow(2px 3px 5px black);
	--var-if_panel_navigator_dop-background-color: var(--var-base-background, #fefefe);
	--var-if_panel_navigator_dop-border-right: none;
	--var-if_panel_navigator_dop-border-bottom: 1px solid gray;
	--var-if_panel_navigator_dop-var-fill: #d0d0d0;
	--var-fill: #d0d0d0;

	--var-base-title-color: #c0c0c0;
	--var-panel-controls-border: 1px solid #c0c0c0;
	--var-win_list_rooms-act-bkc: #17416f;
	--var-win_list_rooms-act-color_set: #16ffed;
	--var-win_list_rooms-act-bkc_set: #326bb1;
	/* фильтр столов */
	--var-filtr_tables-act-fill_set: #00ffff;
	--var-filtr_tables-act-fill_set_hover: #318fc6;
	--var-filtr_free-act-stroke: #d0d0d0;
	--var-filtr_free-act-stroke_hover: white;
	--var-filtr_free-act-stroke_set: #00ffff;
	--var-filtr_free-act-stroke_set_hover: #318fc6;
	--var-filtr_free-stroke-dasharray: 0;
	/* игровой стол */
	--var-el_table-border: #d0d0d0 solid 1px;
	--var-el_table-act-bkc: #1b4573;
	--var-el_table_btn-act-bkc: #1b4573;
	--var-el_table_lock-fill: #d0d0d0;
	--var-el_table_eye-fill: #d0d0d0;
	--var-el_table_contacts-fill: #00c000;
	--var-el_table_friends-fill: #c0c000;
	--var-el_table_wait-fill: #00b9ff;

	--var-eo_chat-background: #1c385e;
	--var-eo_chat-color-def: white;
	/* фон параметров измен. в соц сети */
	--var-lk-social-bk-color: #234060;
	/* Цвет цены в подарках */
	--var-eo_price_val-color: white;
	/* касса */
	--var-pay-cash-base-bk-color: #05376e;
	--var-pay-cash_price_val-color: white;
	--var-pay-cash_price_coin-color: #00FF00;
	--var-pay-cash_price_club-color: #ff6600;
	--var-pay-cash_price_vip-color: #FF0000;
	--var-pay-cash_price_add-color: #e8ff00;

	--var-eo_list_tool-border-right: 1px solid #afafaf;
	--var-eo_list_tool-background: linear-gradient( #18406D, #36629F);
	--var-new_header-background-color: #326bb1;

	--var-eo_name_game-color: gainsboro;
	--var-eo_room_btn_color: gainsboro;
	--var-eo_room_btn_border-top: gray solid 1px;

	--var-tur_def_line_border: 1px solid #e0e0e0;

	/* Кнопки входа в турнир */
	--var-eo_tool_buttons-act-bkc: #1b4573;
	--var-eo_tur_buttons-act-bkc: #1b4573;
	--var-eo_table_buttons-act-bkc: #1b4573;

	--var-avatar-eo_image_view-bk-color: #1b4573;

	--var-icon_item_players_free-fill: none;
	--var-icon_item_players_free-stroke: #ffffff;
	--var-icon_item_players_free-stroke-dasharray: 0;
	--var-icon_item_players_leave-fill: gray;
	--var-icon_item_players_leave-stroke: #000000;
	--var-icon_item_players_busy-fill: rgb(233, 233, 233);
	--var-icon_item_players_busy-stroke: #000000;
	--var-icon_item_players_grate-stroke: #000000;
	--var-icon_item_lock-stroke: #333333;
	/* Всплывающая подсказка */
	--var-tooltip-box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
	--var-tooltip-border-c-def: 1px solid #b3c9ce;
	--var-tooltip-color-c-def: #333;
	--var-tooltip-background-c-def: #fff;
	--var-tooltip-stroke-c-def: #b3c9ce;
	--var-tooltip-fill-c-def: #FFFFFF;
	--var-tooltip-border-c-game: 1px solid #b3c9ce;
	--var-tooltip-color-c-game: black;
	--var-tooltip-background-c-game: linear-gradient(to top, #96D9E9, #C7EBF3);
	--var-tooltip-stroke-c-game: #b3c9ce;
	--var-tooltip-fill-c-game: #C7EBF3;

	/* аватар */
	--var-av_nick-border: 1px solid #d0d0d0;
	--var-av_nick-color: white;
	--var-av_nick_vip-color: #FF66CC;
	--var-av_progress_time-background-color: #f5f5f6;
	--var-av_progress_time-box-shadow: inset 0 0.1rem 0.1rem #4d4a4a;
	--var-av_text_time-color: blue;
	--var-av_text_time-border: 0.5px solid black;
	--var-av_progress_bar-background-color: #52b2f1;
	/* svg */
	--var-av_nick_svg-fill: #d0d0d0;
	--var-av_nick_vip_svg-fill: #FF66CC;
	--var-av_nick_svg-stroke: #d0d0d0;
	--var-av_progress_time-fill: #d0d0d0;
	--var-av_progress_time-stroke: #000000;
	--var-av_progress_time_bar-fill: #52b2f1;
	--var-av_text_time-fill: blue;

	/* базовые переменные кнопок */
	--var-cl_actions-fill: #d0d0d0;
	--var-cl_actions-stroke: none;
	--var-cl_actions-filter: none;
	--var-cl_actions-filter-img: grayscale(1);
	--var-cl_actions_close-stroke: #606060;
	--var-cl_actions_close-background-color: white;
	--var-cl_actions_close_hover-stroke: black;
	--var-cl_actions_close_hover-background-color: #efefef;
	--var-cl_actions_hover-fill: white;
	--var-cl_actions_hover-background-color: #36608d;
	--var-cl_actions_hover-filter: drop-shadow(2px 3px 5px black);
	--var-cl_actions_hover-filter-img: none;
	--var-cl_actions_active-fill: white;
	--var-cl_actions_active-stroke: white;
	--var-cl_actions_active-background-color: #326bb1;

	--var-cl_actions_cl_active-fill: #ffffff;
	--var-cl_actions_cl_active-stroke: none;
	--var-cl_actions_cl_active-background-color: #0157c0;

	--var-cl_actions_cl_active_t2_unset-fill: red;
	--var-cl_actions_cl_active_t2_unset-stroke: none;
	--var-cl_actions_cl_active_t2_unset-color: white;
	--var-cl_actions_cl_active_t2-fill: #00ffac;
	--var-cl_actions_cl_active_t2-stroke: none;
	--var-cl_actions_cl_active_t2-color: white;
	--var-cl_actions_cl_active_t2-background-color: #326bb1;
	--var-cl_actions_cl_active_t2-filter-img: none;
	--var-cl_actions_cl_active_t2_hover-background-color: #326bb1;
	--var-cl_actions_cl_active_t2_active-background-color: #326bb1;
	--var-ifcl_lobby_icon_metka_text-background-color: rgb(85, 175, 85);
	--var-ifcl_lobby_icon_metka_text-border: 1px solid rgb(85, 175, 85);
	--var-ifcl_lobby_icon_metka_text-color: white;

	--var-ifcl_container_base_div-border: 1px solid white;

	--var-ifcl_lobby_icon_close_div-border: 1px solid #606060;
	--var-ifcl_cvpanel_t1_a-color: white;
	--var-ifcl_el_menu_t1-color: white;

	/* .cl_unactions */
	--var-act-fill: #d0d0d0;
	--var-act-stroke: none;
	--var-act-filter: none;
	--var-act-filter-img: grayscale(1);
	--var-act-bkc: none;
	/* --var-act-fill_cb: #606060; */
	/* --var-act-stroke_cb: none; */

	/* .cl_unactions:hover */
	--var-act-fill_hover: white;
	--var-act-stroke_hover: none;
	--var-act-bkc_hover: #36608d;
	--var-act-filter_hover: drop-shadow(2px 3px 5px black);
	--var-act-filter-img_hover: none;
	/* --var-act-fill_cb_hover: black; */
	/* --var-act-stroke_cb_hover: none; */

	/* .cl_unactions:active */
	--var-act-fill_active: white;
	--var-act-stroke_active: blue;
	--var-act-color_active: white;
	--var-act-bkc_active: #326bb1;
	--var-act-filter-img_active: none;
	/* --var-act-fill_cb_active: blue; */
	/* --var-act-stroke_cb_active: blue; */

	/* .cl_unactions.cl_active */
	/* .cl_unactions.cl_active_act */
	--var-act-fill_set: white;
	--var-act-stroke_set: none;
	--var-act-bkc_set: #326bb1;
	--var-act-color_set: #ffffff;
	--var-act-filter_set: none;
	/* --var-act-fill_cb_set: blue; */
	/* --var-act-stroke_cb_set: none; */

	/* .cl_unactions.cl_active_act:hover */
	/* --var-act-fill_set_hover: black; */
	/* --var-act-stroke_set_hover: none; */
	/* --var-act-bkc_set_hover:#efefef; */
	/* --var-act-filter_set_hover:drop-shadow(2px 3px 5px black); */
	/* --var-act-filter-img_set_hover: none; */
	/* --var-act-fill_cb_set_hover: black; */
	/* --var-act-stroke_cb_set_hover: none; */

	/* .cl_unactions.cl_active_act:active */
	/* --var-act-fill_set_active:blue; */
	/* --var-act-stroke_set_active: blue; */
	/* --var-act-color_set_active:black; */
	/* --var-act-bkc_set_active: #e0e0e0; */
	/* --var-act-filter-img_set_active: none; */
	/* --var-act-fill_cb_set_active: blue; */
	/* --var-act-stroke_cb_set_active: blue; */

	/* .cl_unactions.cl_active_t2 */
	--var-cl_unactions_cl_active_t2-fill: #00ffac;
	--var-cl_unactions_cl_active_t2-stroke: none;
	--var-cl_unactions_cl_active_t2-color: white;
	--var-cl_unactions_cl_active_t2-background-color: #326bb1;
	--var-cl_unactions_cl_active_t2-filter-img: none;
	/* .cl_unactions.cl_active_t2:hover */
	--var-cl_unactions_cl_active_t2_hover-background-color: #326bb1;
	/* .cl_unactions.cl_active_t2:active */
	--var-cl_unactions_cl_active_t2_active-background-color: #326bb1;
	/* .cl_unactions.cl_rooms_tab_b */
	--var-cl_unactions_cl_rooms_tab_b-act-bkc_set: #16406e;

	/* .cl_unactions.cl_active_tab_b_act */
	--var-act-fill_set_tabb: blue;
	--var-act-stroke_set_tabb: black;

	/* .cl_unactions.cl_disable */
	--var-act-fill_dis: #707070;
	--var-act-stroke_dis: none;
	--var-act-bkc_dis: none;
	--var-act-border: 1px solid #d0d0d0;

	/* .ifcl_container_univer > div */
	--var-cdiv-border: 1px solid #ffffff;

	/* .ifcl_star_rate_color_id0 - 6 */
	--var-ifcl_star_rate_color_id-stroke: black;
	--var-ifcl_star_rate_color_id0-fill: #ffffff;
	--var-ifcl_star_rate_color_id0-stroke: #606060;

	/* .ifcl_rooms_container */
	--var-ifcl_rooms_container_act-bkc: #35619e;
	--var-ifcl_rooms_container_act-stroke_hover: black;
	--var-ifcl_rooms_container_act-stroke_set: black;
	--var-ifcl_rooms_container_act-fill_cb_set: #606060;
	--var-ifcl_rooms_container_act-stroke_cb_set: #606060;
	--var-ifcl_rooms_container_act-fill_cb_set_hover: black;
	--var-ifcl_rooms_container_act-stroke_cb_set_hover: black;

	/* .ifcl_game_tools_right, .ifcl_turnir_tools_right */
	--var-ifcl_tools_right-border-left: 1px solid #7d7d7d;
	--var-ifcl_turnir_tools_left-border-right: 1px solid #7d7d7d;

	/* .cl_user_element_ctrl */
	--var-cl_user_element_ctrl-act-bkc: #1b4573;
	--var-cl_user_element_ctrl-cdiv-border: 1px solid #d0d0d0;

	/* .cl_user_element_left_frnd */
	--var-cl_user_element_left_frnd-fill: #00c000;
	--var-cl_user_element_left_frnd_soc-fill: #c0c000;
	--var-cl_user_element_left_wait-fill: #00f8e1;
	--var-cl_user_element_tur_left-fill: white;

	/* .ifcl_smail */
	--var-ifcl_smail-background: #205f84;

	/* .ifcl_chat_div */
	--var-ifcl_chat_div-background-color: #212529;
	--var-ifcl_chat_system-color: rgb(255, 128, 128);
	--var-ifcl_chat_event_curl-color: #00ffff;
	--var-ifcl_chat_event_curl_hover-text-decoration: underline rgb(113, 252, 108);
	
	/* .cl_tur,.cl_tur_cemp */
	--var-cl_tur-border: #d0d0d0 solid 1px;
	--var-cl_tur-act-bkc: #1b4573;
	/* .cl_tur.cl_tur_ende */
	--var-cl_tur_cl_tur_ende-color: darkgrey;
	--var-cl_tur_cl_tur_ende-fill: darkgrey;
	--var-cl_tur_cl_tur_ende-state_c: darkgrey;
	--var-cl_tur_cl_tur_ende-border-color: darkgray;
	--var-cl_tur_cl_tur_ende-fill-img-noend: darkgray;
	--var-cl_tur_cl_tur_ende-filter-img-end:  grayscale(1);
	/* .cl_tur.cl_tur_run */
	--var-cl_tur_cl_tur_run-state_c: #02f802;
	--var-cl_tur_cl_tur_run-fill: white;
	--var-cl_tur_cl_tur_run-fill-img-noend: #02f802;
	--var-cl_tur_cl_tur_run_cl_active-fill-img-noend: red;
	--var-cl_tur_cl_tur_sleep-state_c: #00ffff;
	--var-cl_tur_cl_tur_sleep-fill: #d0d0d0;
	--var-cl_tur_cl_tur_sleep-fill-img-noend: #00ffff;
	--var-cl_tur_cl_tur_sleep_cl_active-fill-img-noend: red;
	/* .cl_tur_filtr_active */
	--var-cl_tur_filtr_active-color: #00dcff;
	--var-cl_tur_filtr_active-filtr_color: #00dcff;
	/* chemps */
	--var-list_turs_chemp-act-bkc_set: #326bb1; /* #0657c0; */

	/* .cl_user_element.cl_pl_finish */
	--var-cl_user_element_cl_pl_finish-color: #8d8d8d;
	--var-cl_user_element_cl_pl_finish-fill: #8d8d8d;
	--var-cl_user_element_cl_pl_finish-state_c: #8d8d8d;
	--var-cl_user_element_cl_pl_finish-border-color: #8d8d8d;
	--var-cl_user_element_cl_pl_finish-fill-img-finish: #8d8d8d;
	--var-cl_user_element_cl_pl_finish-filter-img-end: grayscale(1);
	--var-cl_user_element_cl_pl_finish-color-bet: #8d8d8d;
	--var-cl_user_element_cl_pl_finish_img-filter: grayscale(1);
	--var-cl_user_element_cl_pl_finish_font-color: #8d8d8d;
	--var-cl_bet_no_null-color: #00c000;
	--var-cl_user_element_tote_btn-border: 1px solid white;
	--var-cl_user_element_tote_btn-act-bkc_hover: #326bb1;
	--var-cl_user_element_tote_btn-act-bkc: #1b4573;

	/* cl_thing */
	--var-cl_thing-background: linear-gradient(0deg, #585F633F, #B7BABC3F);
	--var-cl_thing-th-text-color: #999999;
	--var-cl_thing_hover-background: linear-gradient(180deg, #85ADED9E, #88E4FB9E);
	--var-cl_thing_hover-th-text-color: black;
	--var-cl_thing_active-background: linear-gradient(180deg, #85ADEDbE, #88E4FBbE);
	--var-cl_thing_active-th-text-color: black;
	--var-cl_thing_cl_active-th-text-color: black;
	--var-cl_thing_cl_active-th-text-bg: linear-gradient(180deg, #85ADED9E, #88E4FB9E);
	--var-cl_thing_cl_active_hover-background: linear-gradient(180deg, #85ADED6E, #88E4FB6E);
	--var-cl_thing_cl_active_hover-th-text-color: black;

	--var-cl_thing_cl_active_active-background: linear-gradient(0deg, #85ADED9E, #88E4FB9E);
	--var-cl_thing_cl_active_active-th-text-color: black;

	--var-ifcl_tops_el_menu-color: #ffffff;
	--var-cl_top_change_plus-color: green;
	--var-cl_top_change_min-color: rgb(88, 21, 9);

	/* .cl_top_elm */
	--var-cl_top_elm-border: #606060 solid 1px;
	--var-cl_top_elm-act-bkc: #ffffff;
	/* cl_cash_el */
	--var-cl_cash_el-border: #606060 solid 1px;
	--var-cl_cash_el-act-bkc: #ffffff;
	/* cl_cash_disable */
	--var-cl_cash_disable-color: #7d7d7d;
	--var-cl_cash_disable-fill: #7d7d7d;
	--var-cl_cash_disable-state_c: #7d7d7d;
	--var-cl_cash_disable-border-color: #7d7d7d;
	--var-pay-cash-base-hover-th-text-color: white;

	--var-cl_contact_online-fill: #008000;
	--var-cl_contact_offline-fill: gray;
	--var-cl_refund_disable_pay_el-background: #F5F5F5;
	--var-cl_refund_disable_pay_el-color: #b9b9b9;
	--var-cl_refund_disable_pay_el-color-all: #b9b9b9;
	--var-cl_refund_disable_pay_el-border-color: #b9b9b9;
	--var-cl_refund_disable_pay_el-background-color: none;
	/* Цвет кнопки настройки авто подсадки */
	--var-select_svg_green-act-fill: #67bd67;

	/* Классы раздела помощи */
	--var-ifcl_help_answer-border-bottom: 2px solid #DAE1E8;
	--var-ifcl_help_wk_header-color: #88b7ea;
	--var-ifcl_help_wk_border-bottom: 1px solid #DAE1E8;
	--var-ifcl_help_icon-border: 1px solid #606060;

	/* Игры */
	/* Тень к тексту в игре */
	--var-ifcl_game_text_shadow-text-shadow: black 1px 1px 2px, black 0px 0px 4px;
	--var-ifcl_game_text_shadow-color: #52f1e9;
	/* Кнопки в игре */
	--var-ifcl_button_svg-fill: url(#ifid_svg_game_btn_lg);
	--var-ifcl_button_svg-stroke: #007bff;
	--var-ifcl_button_svg-fill-text: #ffffff;
	--var-ifcl_button_svg_hover-fill: url(#ifid_svg_game_btn_over_lg);
	--var-ifcl_button_svg_active-fill: url(#ifid_svg_game_btn_set_lg);
}


button, div {
	touch-action: manipulation;
}

/* Класс который устанавливается для мобильных устройств */
.ifcl_var_set_to_mobile {
	--var-ifcl_scroll_type1-overflow-y: auto;
	--var-ifcl_scroll_type1-overflow-y-hover: auto;
}

.modal-body-bk {
	background: var(--var-window_modal_body-background, none);
}


.ifcl_scroll_type1::-webkit-scrollbar {
	width: 0.4rem;
	background-color: var(--var-ifcl_scroll_type1_bar-background-color, #F5F5F5);
}
/* .ifcl_scroll_type1::-moz-scrollbar-button {
	width: 0.4rem;
	height: 0px;
} */
/* .ifcl_scroll_type1::-moz-scrollbar-track {
	width: 0.4rem;
	background-color: var(--var-ifcl_scroll_type1_bar-background-color, #F5F5F5);
} */
.ifcl_scroll_type1::-webkit-scrollbar-thumb {
    background-color: var(--var-ifcl_scroll_type1_thumb-background-color, #cfcfcf);
}
/* .ifcl_scroll_type1::-moz-scrollbar-thumb {
    background-color: var(--var-ifcl_scroll_type1_thumb-background-color, #cfcfcf);
} */
.ifcl_scroll_type1 {
	overflow-y: var(--var-ifcl_scroll_type1-overflow-y, hidden);
	scrollbar-color: var(--var-ifcl_scroll_type1_bar-background-color, #F5F5F5) var(--var-ifcl_scroll_type1_thumb-background-color, #cfcfcf);
	scrollbar-width: thin;
}
.ifcl_scroll_type1:hover {
	overflow-y: var(--var-ifcl_scroll_type1-overflow-y-hover, auto);
}

.ifcl_scroll_type2::-webkit-scrollbar {
	width: 0.4rem;
	background-color: var(--var-ifcl_scroll_type2_bar-background-color, #e5e5e5);
}
/* .ifcl_scroll_type2::-moz-scrollbar-button {
	width: 0.4rem;
	height: 0px;
}
.ifcl_scroll_type2::-moz-scrollbar-track {
	width: 0.4rem;
	background-color: var(--var-ifcl_scroll_type1_bar-background-color, #F5F5F5);
} */
.ifcl_scroll_type2::-webkit-scrollbar-thumb {
    background-color: var(--var-ifcl_scroll_type2_thumb-background-color, #bfbfbf);
}
/* .ifcl_scroll_type2::-moz-scrollbar-thumb {
    background-color: var(--var-ifcl_scroll_type1_thumb-background-color, #cfcfcf);
} */
.ifcl_scroll_type2 {
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-color: var(--var-ifcl_scroll_type1_bar-background-color, #F5F5F5) var(--var-ifcl_scroll_type1_thumb-background-color, #cfcfcf);
	scrollbar-width: thin;
}

/* .if_text_lang_ru {
     display: none;
} */
.if_text_lang_en {
    display: none;    
}
.if_text_lang_de {
    display: none;    
}
/* *:lang(fr), *:lang(en), *:lang(ru) {
	visibility: hidden;
} */
.eo_obj_move{
	background: var(--var-eo_obj_move-background, aquamarine);
	cursor: move;
	border-bottom: var(--var-eo_obj_move-border-bottom, 1px solid #999999);
	border-top: var(--var-eo_obj_move-border-top, 1px solid #999999);
	--var-fill: var(--var-eo_obj_move-fill, #606060 );
}

.if_cl_layer_common {
	width: 100%;
	height: 100%;
}
.if_cl_layer_modal {
	position: fixed; 
	top:0px; 
	left: 0px;
	width: 100%; 
	height: 100%; 
	pointer-events: none;
	z-index: 8000;
}

.if_cl_layer_swim {
	position: absolute; 
	top:0px; 
	left: 0px;
	pointer-events: none;
	z-index: 12000;
}

.if_cl_layer_game_anim {
	position: fixed; 
	top:0px; 
	left:0px; 
	width: 100%; 
	height: 100%; 
	pointer-events: none;
	overflow: visible;
}

.if_cl_tab_content {
	width: 100%;
	height: 100%;
}

.ifcl_modal_layer_flex {
	position: absolute; 
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: row nowrap;
	width: 100%; 
	height: 100%; 
	pointer-events: none;
}

.ifcl_modal_window {
	position: absolute; 
	display: block;
	width: 100%; 
	height: 100%; 
	pointer-events: none;
}

/* контейнер содержащий список комнат и правую панель инструментов */
.ifcl_lobby_tab_game {
	display: flex; 
	flex-flow: row nowrap;
	max-width: 100%; 
	width: 100%; 
	height: 100%;
}

.ifcl_lobby_tab_chat {
	display: flex; 
	flex-flow: row nowrap;
	max-width: 100%; 
	width: 100%; 
	height: 100%;
}

.ifcl_lobby_tab_turnir {
	display: flex; 
	flex-flow: row nowrap;
	max-width: 100%; 
	width: 100%; 
	height: 100%;
}

.ifcl_lobby_tab_top {
	display: flex; 
	flex-flow: row nowrap;
	max-width: 100%; 
	width: 100%; 
	height: 100%;
}

.ifcl_lobby_tab_news {
	display: flex; 
	flex-flow: row nowrap;
	max-width: 100%; 
	width: 100%; 
	height: 100%;
}

.if_cl_container {
	margin: 0; /* Убираем отступы */
	border: 0px solid black;
	padding: 0;
}

.if_lobby_list_tables .if_lobby_list_tables_item {
	height: 3.75rem; 
	width: 33%;
	cursor: pointer;
	overflow: hidden;
	min-width: 11.25rem;
}

.if_lobby_list_tables_item.active {
	/* color: #fff; */
	background-color: #beddff;
	border-color: #007bff;
}
  
.if_lobby_list_tables .if_lobby_list_tables_item svg {
	float:left; 
	height: 3.125rem; 
	overflow: hidden; 
	width: 8.5rem;
}

.if_lobby_list_tables .if_lobby_list_tables_item div {
	float:left; 
	line-height: 3.125rem; 
	height: 3.125rem; 
	overflow: hidden; 
	width: calc(100% - 8.5rem);
}

.if_icon_item_players_free {
	--var-fill: var( --var-icon_item_players_free-fill, none);
	--var-stroke: var( --var-icon_item_players_free-stroke, #000000);
	--var-stroke-width:0.5;
	stroke-dasharray: var( --var-icon_item_players_free-stroke-dasharray, 2);
}
.if_icon_item_players_leave {
	--var-fill: var( --var-icon_item_players_leave-fill, gray);
	--var-stroke: var( --var-icon_item_players_leave-stroke, #000000);
	--var-stroke-width:0.5;
}
.if_icon_item_players_busy {
	--var-fill: var( --var-icon_item_players_busy-fill, rgb(233, 233, 233) );
	--var-stroke: var( --var-icon_item_players_busy-stroke, #000000);
	--var-stroke-width:0.5;
}
.if_icon_item_players_grate1 {
	--var-fill: url(#if_svg_gradient_green);
	--var-stroke: var( --var-icon_item_players_grate-stroke, #000000);
	--var-stroke-width:0.5;
}
.if_icon_item_players_grate2 {
	--var-fill: url(#if_svg_gradient_yellow);
	--var-stroke: var( --var-icon_item_players_grate-stroke, #000000);
	--var-stroke-width:0.5;
}
.if_icon_item_players_grate3 {
	--var-fill: url(#if_svg_gradient_orange);
	--var-stroke: var( --var-icon_item_players_grate-stroke, #000000);
	--var-stroke-width:0.5;
}
.if_icon_item_players_grate4 {
	--var-fill: url(#if_svg_gradient_red);
	--var-stroke: var( --var-icon_item_players_grate-stroke, #000000);
	--var-stroke-width:0.5;
}
.if_icon_item_players_grate5 {
	--var-fill: url(#if_svg_gradient_violet);
	--var-stroke: var( --var-icon_item_players_grate-stroke, #000000);
	--var-stroke-width:0.5;
}
.if_icon_item_players_grate6 {
	--var-fill: url(#if_svg_gradient_blue);
	--var-stroke: var( --var-icon_item_players_grate-stroke, #000000);
	--var-stroke-width:0.5;
}
.if_icon_item_lock {
	--var-stroke: var( --var-icon_item_lock-stroke, #333333 );
	--var-stroke-width: 0.3;
}
.ifcl_size_pl_nm {
	display: block;
	width: 1.2rem;
	min-width: 0.5rem;  /* Нужно т.к. flex плохо работает с svg - схлопывает размеры при overflof:hiden */
	min-height: 2rem;
	height: 1.7rem;
}

@keyframes go-left-right {   /* назовём анимацию: "go-left-right" */
    from {
      left: 0px;               /* от: left: 0px */
    }
    to {
      left: 62.5rem; /* до: left: 100%-50px */
    }
}

#test_move_animation {
    animation: go-left-right 3s linear infinite;

    position: relative;
}

.ifcl_tooltip {
	display: inline-block;
	width: 13rem;
	/* position: absolute; */
	padding: 0.625rem 1.25rem;
	max-width: 30rem;
	max-height: 45rem;
	cursor:pointer;
	user-select: none;
	pointer-events: auto;

	/* красивости... */

	border: var(--var-tooltip-border, 1px solid #b3c9ce);
	border-radius: 0.25rem;
	text-align: center;
	font: italic 0.875rem/1.3 sans-serif;
	color: var(--var-tooltip-color, #333);
	background: var(--var-tooltip-background, #fff);
	box-shadow: var( --var-tooltip-box-shadow, 0.1875rem 0.1875rem 0.1875rem rgba(0, 0, 0, .3) );
}
.ifcl_tooltip_color_def {
	--var-tooltip-border: var(--var-tooltip-border-c-def, 1px solid #b3c9ce);
	--var-tooltip-color: var(--var-tooltip-color-c-def, #333 );
	--var-tooltip-background: var(--var-tooltip-background-c-def, #fff);
	--var-tooltip-stroke: var(--var-tooltip-stroke-c-def, #b3c9ce);
	--var-tooltip-fill: var(--var-tooltip-fill-c-def, #FFFFFF);
}
.ifcl_tooltip_color_game {
	--var-tooltip-border: var(--var-tooltip-border-c-game, 1px solid #b3c9ce);
	--var-tooltip-color: var(--var-tooltip-color-c-game, black);
	--var-tooltip-background: var(--var-tooltip-background-c-game, linear-gradient(to top, #96D9E9, #C7EBF3) );
	--var-tooltip-stroke: var(--var-tooltip-stroke-c-game, #b3c9ce);
	--var-tooltip-fill: var(--var-tooltip-fill-c-game, #C7EBF3);
}
  .ifcl_tooltip_svg_an {
	position: relative;
	display: block; 
	/* top:-5px;  */
	height: 1.25rem; 
	width: 2.5rem; 
	--var-stroke: var(--var-tooltip-stroke, #b3c9ce);
	--var-fill: var(--var-tooltip-fill, #FFFFFF);
	/* vertical-align: baseline; */
  }


  @-webkit-keyframes if_loader_kf_rotate {
	0% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	}
	50% {
	  -webkit-transform: rotate(180deg);
			  transform: rotate(180deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	}
  }
  @keyframes if_loader_kf_rotate {
	0% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	}
	50% {
	  -webkit-transform: rotate(180deg);
			  transform: rotate(180deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	}
  }
  @-webkit-keyframes if_loader_kf_rotate2 {
	0% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	  border-top-color: rgba(0, 0, 0, 0.5);
	}
	50% {
	  -webkit-transform: rotate(180deg);
			  transform: rotate(180deg);
	  border-top-color: rgba(0, 0, 255, 0.5);
	}
	100% {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	  border-top-color: rgba(0, 0, 0, 0.5);
	}
  }
  @keyframes if_loader_kf_rotate2 {
	0% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	  border-top-color: rgba(0, 0, 0, 0.5);
	}
	50% {
	  -webkit-transform: rotate(180deg);
			  transform: rotate(180deg);
	  border-top-color: rgba(0, 0, 255, 0.5);
	}
	100% {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	  border-top-color: rgba(0, 0, 0, 0.5);
	}
  }
    
  .if_eo_loader_base {
	position: relative;
	margin: auto;
	width: 3.125rem;
	height: 3.125rem;
	display: block;
	overflow: hidden;
	/* transform: scaleX(0.5) scaleY(0.5); */
  }
  .if_eo_loader_base div {
	height: 100%;
  }
  
  /* loader 1 */
  .if_eo_loader_loader1, .if_eo_loader_loader1 div {
	border-radius: 50%;
	padding: 8%;
	/* border: 2px solid transparent; */
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	-webkit-animation: if_loader_kf_rotate linear 3.5s infinite;
			animation: if_loader_kf_rotate linear 3.5s infinite;
	border-top-color: var(--var-loader1-border-top-color, #00000080);
	border-bottom-color: var(--var-loader1-border-bottom-color, #0000ff80);
  }
  
  /*loader 2  */
  .if_eo_loader_loader2, .if_eo_loader_loader2 div {
	border-radius: 50%;
	padding: 0.5rem;
	border: 0.125rem solid transparent;
	-webkit-animation: if_loader_kf_rotate linear 3.5s infinite;
			animation: if_loader_kf_rotate linear 3.5s infinite;
	border-top-color: rgba(0, 0, 255, 0.5);
	border-left-color: rgba(0, 0, 0, 0.5);
	border-right-color: rgba(0, 0, 0, 0.5);
  }
  
  /*loader 3  */
  .if_eo_loader_loader3, .if_eo_loader_loader3 div {
	border-radius: 50%;
	padding: 0.5rem;
	border: 0.125rem solid transparent;
	-webkit-animation: if_loader_kf_rotate linear 3.5s infinite;
			animation: if_loader_kf_rotate linear 3.5s infinite;
	border-top-color: rgba(0, 0, 0, 0.5);
	border-left-color: rgba(0, 0, 255, 0.5);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.38, 0.21, 0.88);
			animation-timing-function: cubic-bezier(0.55, 0.38, 0.21, 0.88);
	-webkit-animation-duration: 3s;
			animation-duration: 3s;
  }
  
  /* loader 4 */
  .if_eo_loader_loader4, .if_eo_loader_loader4 div {
	border-radius: 50%;
	padding: 0.5rem;
	border: 0.125rem solid transparent;
	-webkit-animation: if_loader_kf_rotate linear 3.5s infinite;
			animation: if_loader_kf_rotate linear 3.5s infinite;
	border-radius: 50%;
	padding: 0.25rem;
	-webkit-animation: if_loader_kf_rotate2 4s infinite linear;
			animation: if_loader_kf_rotate2 4s infinite linear;
  }
  
  /* div:hover {
	-webkit-animation-play-state: paused;
			animation-play-state: paused;
  } */
  
  .if_eo_loader_base, .if_eo_loader_base * {
	will-change: transform;
	box-sizing: border-box;
  }

/* Некоторые игровые параметры */
.ifcl_game_text {
	align-items: center;
	justify-content: center;
	user-select: none;
	text-align: center;
	vertical-align: middle;
	font-weight: 600;
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	padding: 2% 4%;
	font-size: 87%;
	line-height: 1.125;
	color: #212529;
}

.ifcl_game_text_base {
	font-weight: 600;
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	font-size: 16px; /* В svg размер фиксирован*/
}


/* Описание аватарки */
.ifcl_avatar_base {
	/* height:90px; */
	/* width:100px; */
	height:5.625rem;
	width:6.25rem;
	font-size: 1rem;
}
.ifcl_avatar_small {
	/* height:45px; */
	/* width:50px; */
	height:2.8125rem;
	width:3.125rem;
	font-size: 0.5rem;
}
.ifcl_avatar_big {
	/* height:135px; */
	/* width:150px; */
	height:8.4375rem;
	width:9.375rem;
	font-size: 1.5rem;
}

.ifcl_av_container {
	display: flex; 
	height:100%;
	width:100%; 
	flex-flow: column nowrap;
	align-items: center;
	overflow: hidden;
}

.ifcl_av_icon {
	height:78%;
	width:70%;
}
.ifcl_av_icon > img {
	object-fit: contain;
	height:100%;
	width:100%;
}


.ifcl_av_things {
	display: flex; 
	flex-direction: column-reverse; 
	flex-wrap: wrap; 
	justify-content: flex-start; 
	position: relative;
	height:100%; 
	width:46%; 
	left: -21%; 
	top: -100%;
}

.ifcl_av_things > img{
	background: none;
	margin: 8% 0 0 0;
	height:21%;
	width:46%;
}

.ifcl_av_rights {
	display: flex; 
	flex-direction: column-reverse; 
	flex-wrap: wrap-reverse; 
	justify-content: flex-start; 
	position: relative;
	height:100%; 
	width:46%; 
	left: 75%; 
	top: -200%;
}

.ifcl_av_rights > img{
	background: none;
	margin: 8% 0 0 0;
	height:21%;
	width:46%;
}

.ifcl_av_nick, .ifcl_av_nick_svg {
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	font-weight: 300;
}

.ifcl_av_nick_svg {
	font-size: 16px;
	fill: var(--var-av_nick_svg-fill, #212529);
}

.ifcl_av_nick {
	overflow: hidden; 
	/* display: flex;  */
	align-items: center;
	/* justify-content: center; */
	user-select: none;
	text-align: center;
	vertical-align: middle;
	padding: 2% 4%;
	font-size: 87%;
	line-height: 1.125;
	border-radius: 0.375em;			
	background-image: none;
	border: var(--var-av_nick-border, 0.0625rem solid black);
	color: var(--var-av_nick-color, #212529);
	width:100%; 
	height:22%;
	white-space: nowrap;
}

.ifcl_av_nick_orinary {
	color: var(--var-av_nick-color, #212529);
	fill: var(--var-av_nick_svg-fill, #212529);
	white-space: nowrap;
}

.ifcl_av_nick_club {
	font-weight: bold;	
	color: var(--var-av_nick-color, #212529);
	fill: var(--var-av_nick_svg-fill, #212529);
	white-space: nowrap;
}

.ifcl_av_nick_vip {
	font-weight: bold;	
	color: var(--var-av_nick_vip-color, #FF66CC);
	fill: var(--var-av_nick_vip_svg-fill, #FF66CC);
	white-space: nowrap;
}

/* Прогресс временного таймера на аватарке */
.ifcl_av_progress_time {
	width: 100%;
    margin-top: 0.0625rem;
    height: 1rem;
    overflow: hidden;
	border-radius: 0.375rem;
	background-color: var(--var-av_progress_time-background-color, #f5f5f6);
	box-shadow: var(--var-av_progress_time-box-shadow, inset 0 0.1rem 0.1rem #4d4a4a);
}
.ifcl_av_text_time {
	position: relative;
    width: 100%;
    overflow: visible;
    top: -100%;
	height: 100%;
	font-weight: 600;
	color: var(--var-av_text_time-color, blue);
	border: var(--var-av_text_time-border, 0.03125rem solid black);
	background-image: none;
	border-radius: 0.375rem;			
	display: flex;
	/* border: none; */
}
.ifcl_av_progress_bar {
	height: 100%;
	line-height: 0.625rem;
    background-color: var(--var-av_progress_bar-background-color, #52b2f1);
    transition: width 0.1s ease;
}

.if_cl_layer_game_window {
	height: 100%;
	width: 100%;
}
.if_cl_layer_game_dop {
	height: 100%;
	width: 100%;
}
.ifcl_winres_th_name, .ifcl_winscore_th_name, .ifcl_winres_th_proc, .ifcl_winres_th_win, .ifcl_winres_th_gr, .ifcl_winres_th_ur, .ifcl_winres_th_reason {
	min-width: 3.75rem;
}
.ifcl_winres_th_win {
	min-width: 5rem;
}

.ifcl_winres_th_gr, .ifcl_winres_th_ur, .ifcl_winscore_th_score {
	min-width: 7.5rem;
}


/* Классы основного меню */
.cl_actions {
	--var-fill: var(--var-cl_actions-fill, #606060);
	--var-stroke: var(--var-cl_actions-stroke, none);
	--var-filter: var(--var-cl_actions-filter, none);
	--var-filter-img: var(--var-cl_actions-filter-img, grayscale(1) );
	/* --var-stroke-width:1; */
}
.cl_actions_close {
	--var-stroke: var( --var-cl_actions_close-stroke, #606060 );
	background-color: var( --var-cl_actions_close-background-color, white);
}

.cl_actions:active, .cl_actions_close:active {
	--var-left: var( --var-cl_actions_active-left, 0.2rem);
	--var-top: var( --var-cl_actions_active-top, 0.3rem);
	--var-fill: var( --var-cl_actions_active-fill, blue);
	--var-stroke: var( --var-cl_actions_active-stroke, blue);
	/* --var-stroke-width:1; */
	background-color: var( --var-cl_actions_active-background-color, #e0e0e0);
	cursor:pointer;
}

.cl_actions.cl_active {
	--var-fill: var( --var-cl_actions_cl_active-fill, blue);
	--var-stroke: var( --var-cl_actions_cl_active-stroke, none);
	background-color:  var( --var-cl_actions_cl_active-background-color, #efefef);
	cursor:auto;
}
.cl_actions.cl_active_t2_unset {
	--var-fill: var( --var-cl_actions_cl_active_t2_unset-fill, red );
	--var-stroke: var( --var-cl_actions_cl_active_t2_unset-stroke, none);
	color: var( --var-cl_actions_cl_active_t2_unset-color, black );
	font-weight: bolder;
	--var-filter-img: none ;
	cursor: pointer;
}
.cl_actions.cl_active_t2 {
	--var-fill: var( --var-cl_actions_cl_active_t2-fill, red);
	--var-stroke: var( --var-cl_actions_cl_active_t2-stroke, none);
	color: var( --var-cl_actions_cl_active_t2-color, black);
	font-weight: bolder;
	background-color: var( --var-cl_actions_cl_active_t2-background-color, #dfdfdf);
	--var-filter-img:  var( --var-cl_actions_cl_active_t2-filter-img, none);
	cursor: pointer;
}

.cl_actions.cl_active_t2:active {
	/* --var-fill: blue; */
	/* color: blue; */
	background-color: var( --var-cl_actions_cl_active_t2_active-background-color, #c0c0c0);
}

.cl_transition {
	transition: all 0.1s ease-in;
}
.ifcl_lobby_icon_size {
	height: 60%;
}
.ifcl_lobby_icon_metka {
	position: relative; 
	user-select: none; 
	left: -0.8rem; 
	top:-1.6rem; 
	height:0px; 
	width:0px; 
	overflow: visible; 
	pointer-events: none;
}
.ifcl_lobby_icon_metka_text {
	display: flex; 
	justify-content:center; 
	align-items: center; 
	height:1.5rem; 
	width:1.5rem; 
	background-color: var( --var-ifcl_lobby_icon_metka_text-background-color, rgb(85, 175, 85) ); 
	border: var( --var-ifcl_lobby_icon_metka_text-border, 1px solid rgb(85, 175, 85) ); 
	border-radius:0.75rem; 
	color: var( --var-ifcl_lobby_icon_metka_text-color, white);
	font-weight: 500;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	font-size: 0.85rem;

}

.ifcl_container_menu, .ifcl_container_base, .ifcl_container_login{
	flex: 0 0 auto; 
	display: flex; 
	justify-content:center; 
	align-items: center; 
	height: 100%; 
	min-width: 3.5rem;
}

.ifcl_lobby_icon_menu {
	display: flex; 
	justify-content:center; 
	align-items: center; 
	height:3rem; 
	width:3rem; 
	border-radius:1.5rem;
}

.ifcl_container_base {
	margin-left: 1rem;
}
.ifcl_container_login {
	min-width: 13.5rem;
	/* border: 1px solid orange; */
}

.ifcl_container_base > div {
	display: flex; 
	margin-right: 0.5rem; 
	justify-content:center; 
	align-items: center; 
	height:3rem; 
	width:3rem; 
	border: var(--var-ifcl_container_base_div-border, 1px solid #606060 ); 
	border-radius:1rem;
}

.ifcl_container_tabs {
	flex: 1 1 auto; 
	flex-flow: row wrap; 
	align-items: center; 
	display: flex; 
	/* border: 1px solid blue; */
	max-width: calc(100% - 27.5rem - 1rem); 
	overflow: hidden;
}

.ifcl_container_tabs > div {
	margin-right: 0.6rem; 
	margin-top: 0.15rem; 
	margin-bottom: 0.15rem; 
	height:3rem; 
	width:5rem; 
	overflow: visible;
}

.ifcl_lobby_icon_close {
	left: 3.9rem; 
	top:-3.1rem;
	position: relative;
	pointer-events: auto; 
	width: 0rem; 
	height: 0rem;	
}

.ifcl_lobby_icon_close > div{
	display: flex;
	justify-content:center;
	align-items: center;
	border: var(--var-ifcl_lobby_icon_close_div-border, 1px solid #606060); 
	border-radius:0.75rem; 
	width:1.5rem;
	height:1.5rem;
}

.ifcl_flex{
	display: flex;
}
.ifcl_flex_center{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.ifcl_flex_center_c{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: row nowrap;
}


.ifcl_aut_soc_dis {
	filter: contrast(10%) brightness(170%);
	cursor: not-allowed;
}


.ifcl_aut_soc_act:active {
	cursor: pointer;
	filter: contrast(150%) brightness(150%);
}
.ifcl_aut_soc_cont {
	display: flex; 
	justify-content:flex-end;
}
.ifcl_aut_soc_cont > img {
	margin-left: 1rem; 
	width: 2.5rem; 
	height: 2.5rem; 
	display: block;
}

.ifcl_cvpanel_t1{
	 
	 
	font-family: Roboto, Arial, sans-serif;
	font-weight: 400; 
	line-height: 1.3125rem;
} 

.ifcl_cvpanel_t1 > a{
	text-decoration: none;
	color: var( --var-ifcl_cvpanel_t1_a-color, #000000);
}

/* .if_cl_cvpanel_el, .if_cl_cvpanel_el_open, .if_cl_cvpanel_el_close{
	display: flex;
	font-size: 0.9rem; 
	padding: 0.6rem 1.25rem;
	user-select: none;
}
.if_eo_elemnt_text {
	margin-left: 0.8rem;
} */

.ifcl_el_menu_t1 {
	display: flex;
	font-size: 0.9rem; 
	padding: 0.6rem 0rem 0.6rem 1.25rem;
	user-select: none;
	filter: var(--var-filter, none);
	text-decoration: none;
	color: var(--var-ifcl_el_menu_t1-color, #000000);
	/* filter: grayscale(1); */
}
/* Описание внутреннего элемента для типа t1 */
.ifcl_el_menu_t1 > .eo_icon {
	filter: var(--var-filter-img, none);
	width: 1.25rem;
	height: 1.25rem;
	display: block;
}
.ifcl_el_menu_t1 > .eo_el_text {
	margin-left: 0.8rem;
	max-width: 9.2rem; 
	width: 9.2rem; 
	max-height: 1.25rem; 
	overflow: visible;
	white-space:nowrap;
}

.ifcl_el_menu_t1.ifcl_no_count > .eo_el_text {
	max-width: 12rem; 
	width: 12rem; 
	overflow: hidden;
}

.ifcl_el_menu_t1 > .eo_el_count {
	display: flex;
	justify-content: flex-end;
	margin-left: 0rem;
	max-width: 3.5rem; 
	width: 3.3rem;
	overflow: hidden;
	white-space:nowrap;
}

/* .if_cl_cvpanel_el:hover {
	background-color: #b3c9ce;
	cursor: pointer;
} */

/* Класс универсальной - настраиваемой активности элемента */
.cl_unactions {
	--var-fill: var(--var-act-fill, #606060);
	--var-stroke: var(--var-act-stroke, none);
	--var-filter: var(--var-act-filter, none);
	--var-filter-img: var(--var-act-filter-img, grayscale(1)); 
	background-color: var(--var-act-bkc, none);
	/* Для стрелки в чек боксе */
	--var-fill_cb: var(--var-act-fill_cb, var(--var-act-fill, #606060));
	--var-stroke_cb: var(--var-act-stroke_cb, var(--var-act-stroke, none));
	/* grayscale(1) ; */
	/* --var-stroke-width:1; */
}

.cl_unactions:active {
	--var-fill: var(--var-act-fill_active, blue);
	--var-stroke:var(--var-act-stroke_active, blue);
	color:var(--var-act-color_active, black);
	/* --var-stroke-width:1; */
	background-color: var(--var-act-bkc_active, #e0e0e0);
	--var-filter-img: var(--var-act-filter-img_active, none);
	cursor:pointer;
	/* Для стрелки в чек боксе */
	--var-fill_cb: var(--var-act-fill_cb_active, var(--var-act-fill_active, blue));
	--var-stroke_cb: var(--var-act-stroke_cb_active, var(--var-act-stroke_active, blue));
}

.cl_unactions.cl_active {
	--var-fill: var(--var-act-fill_set, blue);
	--var-stroke:var(--var-act-stroke_set, none);
	background-color: var(--var-act-bkc_set, #efefef);
	color:var(--var-act-color_set, initial);
	--var-filter: var(--var-act-filter_set, none);
	cursor:auto;
	/* Для стрелки в чек боксе */
	--var-fill_cb: var(--var-act-fill_cb_set, var(--var-act-fill_set, blue));
	--var-stroke_cb: var(--var-act-stroke_cb_set, var(--var-act-stroke_set, none));
}

/*  Класс выбора при котором элемент все равно остается активным */
.cl_unactions.cl_active_act {
	--var-fill: var(--var-act-fill_set, blue);
	--var-stroke:var(--var-act-stroke_set, none);
	background-color: var(--var-act-bkc_set, #efefef);
	color:var(--var-act-color_set, initial);
	--var-filter: var(--var-act-filter_set, none);
	/* Для стрелки в чек боксе */
	--var-fill_cb: var(--var-act-fill_cb_set, var(--var-act-fill_set, blue));
	--var-stroke_cb: var(--var-act-stroke_cb_set, var(--var-act-stroke_set, none));
}

.cl_unactions.cl_active_act:active {
	--var-fill: var(--var-act-fill_set_active, var(--var-act-fill_active, blue));
	--var-stroke: var(--var-act-stroke_set_active, var(--var-act-stroke_active, blue));
	color: var(--var-act-color_set_active, var(--var-act-color_active, black));
	/* --var-stroke-width:1; */
	background-color: var(--var-act-bkc_set_active, var(--var-act-bkc_active, #e0e0e0));
	--var-filter-img: var(--var-act-filter-img_set_active, var(--var-act-filter-img_active, none));
	cursor:pointer;
	/* Для стрелки в чек боксе */
	--var-fill_cb: var(--var-act-fill_cb_set_active, var(--var-act-fill_cb_active, var(--var-act-fill_active, blue)));
	--var-stroke_cb: var(--var-act-stroke_cb_set_active, var(--var-act-stroke_cb_active, var(--var-act-stroke_active, blue)));
}

.cl_unactions.cl_active_t2 {
	--var-fill: var(--var-cl_unactions_cl_active_t2-fill, red);
	--var-stroke: var(--var-cl_unactions_cl_active_t2-stroke, none);
	color: var(--var-cl_unactions_cl_active_t2-color, black);
	font-weight: bolder;
	background-color: var(--var-cl_unactions_cl_active_t2-background-color, #dfdfdf);
	--var-filter-img: var(--var-cl_unactions_cl_active_t2-filter-img, none);
	cursor: pointer;
}

.cl_unactions.cl_active_t2:active {
	background-color: var(--var-cl_unactions_cl_active_t2_active-background-color, #c0c0c0);
}

/* выделен табулятор расположенный снизу */
.cl_unactions.cl_rooms_tab_b {
	position: relative; 
	top: var(--var-act-top_set_tabb, -0.37rem);  
	border-top-left-radius: var(--var-act-border-tlr_set_tabb, 0px);
	border-top-right-radius: var(--var-act-border-trr_set_tabb, 0px);
	border-top: var(--var-act-border-top_set_tabb, 0px);
	--var-act-bkc_set: var(--var-cl_unactions_cl_rooms_tab_b-act-bkc_set, white);
}
.cl_unactions.cl_room_mode_ceckbox {
	--var-room_ceckbox: none;
}
.cl_unactions.cl_room_mode_ceckbox.cl_active_act {
	--var-room_ceckbox: block;
}


.cl_unactions.cl_active_tab_b_act {
	position: relative; 
	top: var(--var-act-top_set_tabb, -0.37rem);  
	/* border-radius: 1rem; */
	border-top-left-radius: var(--var-act-border-tlr_set_tabb, 0px);
	border-top-right-radius: var(--var-act-border-trr_set_tabb, 0px);
	border-top: var(--var-act-border-top_set_tabb, 0px);
	--var-act-fill: var(--var-act-fill_set_tabb, blue);
	--var-act-stroke:var(--var-act-stroke_set_tabb, black);
	/* cursor:; */
}

.cl_unactions.cl_disable, .cl_unactions.cl_disable:active {
	--var-fill: var(--var-act-fill_dis, #d0d0d0);
	--var-stroke:var(--var-act-stroke_dis, none);
	background-color: var(--var-act-bkc_dis, none);
	border: var(--var-act-border, 1px solid #d0d0d0); 
	cursor:auto;
}

.ifcl_container_univer {
	display: flex; 
	justify-content: center;
	align-items: center;
}

.ifcl_container_univer > div {
	display: flex; 
	justify-content:center; 
	align-items: center;
	margin-right: var(--var-cdiv-margin-right, 0.5rem); 
	height: var(--var-cdiv-height, 3rem);
	width: var(--var-cdiv-width, 3rem);
	border: var(--var-cdiv-border, 1px solid #606060); 
	border-radius:var(--var-cdiv-border-radius, 1rem);
}
.ifcl_container_univer > div:last-child {
	margin-right: var(--var-cdiv-margin-right_last, 0rem); 
}

.ifcl_star_rate_color_id0,
.ifcl_star_rate_color_id1, 
.ifcl_star_rate_color_id2,
.ifcl_star_rate_color_id3,
.ifcl_star_rate_color_id4,
.ifcl_star_rate_color_id5,
.ifcl_star_rate_color_id6
 {
	--var-stroke: var(--var-ifcl_star_rate_color_id-stroke, black);
	--var-stroke-width: 1.25rem;
}

.ifcl_star_rate_color_id0 {
	--var-fill: var(--var-ifcl_star_rate_color_id0-fill, #ffffff);
	--var-stroke-width:2.5rem;
	--var-stroke: var(--var-ifcl_star_rate_color_id0-stroke, #606060);
}

.ifcl_star_rate_color_id1 {
	--var-fill:#00ff00;
}

.ifcl_star_rate_color_id2 {
	--var-fill:#ffff00;
}

.ifcl_star_rate_color_id3 {
	--var-fill:orange;
}

.ifcl_star_rate_color_id4 {
	--var-fill:#ff8080;
}

.ifcl_star_rate_color_id5 {
	--var-fill: #9f009f;
}

.ifcl_star_rate_color_id6 {
	--var-fill: #0000df;
}

.ifcl_rooms_container {
	--var-act-bkc: var( --var-ifcl_rooms_container_act-bkc, white ); 
	--var-act-stroke_hover: var( --var-ifcl_rooms_container_act-stroke_hover, black );
	--var-act-stroke_set: var( --var-ifcl_rooms_container_act-stroke_set, black);

	--var-act-fill_cb_set: var( --var-ifcl_rooms_container_act-fill_cb_set, #606060);
	--var-act-stroke_cb_set: var( --var-ifcl_rooms_container_act-stroke_cb_set, #606060);
	--var-act-fill_cb_set_hover: var( --var-ifcl_rooms_container_act-fill_cb_set_hover, black );
	--var-act-stroke_cb_set_hover: var( --var-ifcl_rooms_container_act-stroke_cb_set_hover, black);
	/* --var-act-fill_cb_set_active: black; */
	/* --var-act-stroke_cb_set_active: black; */
}
.ifcl_rooms_container > .eo_room_t1 {
	--var-act-fill_hover:green; 
	--var-act-fill_active:#00ff00; 
	--var-act-fill_set:#00bf00;
}
.ifcl_rooms_container > .eo_room_t2 {
	--var-act-fill_hover:#bfbf00; 
	--var-act-fill_active:yellow; 
	--var-act-fill_set:yellow;
}
.ifcl_rooms_container > .eo_room_t3 {
	--var-act-fill_hover:#e18700; 
	--var-act-fill_active:orange; 
	--var-act-fill_set:orange;
}
.ifcl_rooms_container > .eo_room_t4 {
	--var-act-fill_hover:#ef7070; 
	--var-act-fill_active:#ff8080; 
	--var-act-fill_set:#ff8080;
}

.ifcl_satr_rate_0,
.ifcl_satr_rate_1,
.ifcl_satr_rate_2,
.ifcl_satr_rate_3,
.ifcl_satr_rate_4,
.ifcl_satr_rate_5,
.ifcl_satr_rate_6 {
	--var-stroke-width: 1.25rem;
	--var-stroke: black;
}

.ifcl_satr_rate_0 {	--var-fill:white;   }
.ifcl_satr_rate_1 {	--var-fill:#00ff00; }
.ifcl_satr_rate_2 {	--var-fill:yellow; }
.ifcl_satr_rate_3 {	--var-fill:orange; }
.ifcl_satr_rate_4 {	--var-fill:red; }
.ifcl_satr_rate_5 {	--var-fill:#AD00FF; }
.ifcl_satr_rate_6 {	--var-fill:blue; }


/* Описание списка столов */
.cl_unactions.cl_tables_act {
	--var-tables_hiden_act: none;
}
.cl_unactions.cl_tables_act.cl_active {
	--var-tables_hiden_act: flex;
	/* border: blue solid 1px; */
}

.cl_unactions.cl_hiden_act {
	--var-hiden_act: none;
}
.cl_unactions.cl_hiden_act.cl_active {
	--var-hiden_act: flex;
}

/* Панель отображения списка игрокоа и парамтров игры справа */
.ifcl_game_tools_right, .ifcl_turnir_tools_right {
	/* display: flex;  */
	/* flex-flow: column nowrap;  */
	overflow: hidden; 
	max-width: 21rem; 
	width: 25%; 
	height: 100%; 
	max-height: 100%; 
	/* min-width: 3.4rem; */
	min-width: 15.3rem; 
	font-size: 0.9rem; 
	border-left: var(--var-ifcl_tools_right-border-left, 1px solid #e0e0e0);
}

.ifcl_turnir_tools_left {
	min-width: 17rem; 
	max-width: 23rem; 
	border-right: var(--var-ifcl_turnir_tools_left-border-right, 1px solid #e0e0e0);
	overflow: hidden; 
	width: 25%; 
	height: 100%; 
	max-height: 100%; 
	font-size: 0.9rem; 
}

.ifcl_game_tools_right.cl_minimal, .ifcl_turnir_tools_right.cl_minimal{
	width: 3.4rem;
	min-width: 3.4rem;
}


.ifcl_game_tools_div, .ifcl_flcolhid100100 {
	display: flex; 
	flex-flow: column nowrap; 
	overflow: hidden; 
	width: 100%; 
	height: 100%; 
}

.cl_user_element {
	display: flex; 
	flex-flow: column nowrap;	 
	width: 100%; 
	min-width: 100%; 
	min-height: 2.5rem;
	--var-buttons_display: none;
}
.cl_user_element.cl_active {
	--var-buttons_display: flex;
}
.cl_user_element_ctrl {
	margin: 0.5rem 0rem; 
	justify-content: center; 
	display: var(--var-buttons_display, flex); 
	height: 2.5rem; 
	--var-act-bkc: var(--var-cl_user_element_ctrl-act-bkc, white); 
	--var-cdiv-height:2.5rem; 
	--var-cdiv-width:2.5rem; 
	--var-cdiv-border: var(--var-cl_user_element_ctrl-cdiv-border, 1px solid #606060);
	--var-cdiv-border-radius:1.25rem;
}
.cl_user_element_left {
	flex: 0 0 auto; 
	height: 1.3rem; 
	width: 1.3rem;	
}
.cl_user_element_left_frnd {
	flex: 0 0 auto; 
	height: 0.9rem; 
	width: 1.3rem; 
	--var-fill: var(--var-cl_user_element_left_frnd-fill, #008000);
}
.cl_user_element_left_frnd_soc {
	flex: 0 0 auto; 
	height: 0.9rem; 
	width: 1.3rem; 
	--var-fill: var(--var-cl_user_element_left_frnd_soc-fill, #808000);
}

/* Чат смайлики */
.ifcl_sm {
	display: inline-block;
	vertical-align: -3px;
	height: 1.5rem;
	width: 1.5rem;
	margin-left: 0.1rem;
	margin-right: 0.1rem;
}
.ifcl_smail{
	background: var(--var-ifcl_smail-background, white); 
	width: 17.2rem; 
	padding: 0.4rem;
	display: block;
	position: absolute;
	pointer-events: auto;
	user-select: none;
}
.ifcl_smail > .ifcl_sm {
	padding: 0.3rem;
	height: 2.1rem;
	width: 2.1rem;
	user-select: none;
	min-width: 30px;
	min-height: 30px;
}
.ifcl_smail > .ifcl_sm:active {
	background-color: var(--var-act-bkc_active, #e0e0e0);
	cursor:pointer;
}

/* Чат эелементы */
.ifcl_chat_div {
	/* cursor: pointer; */
	/* border: #4d4a4a solid 1px; */
	border-radius: 0.5rem;
	padding: 0.2rem 0.4rem;
	margin-top: 0.4rem;
	background-color: var(--var-ifcl_chat_div-background-color, #212529);
}
.ifcl_chat_nick {
	text-decoration:underline;
	cursor: pointer;
}
.ifcl_chat_text {
	cursor: pointer;
	white-space: pre-wrap;
}
.ifcl_chat_system {
	cursor: default;
	text-decoration:underline;
	font-style:italic;
	color: var(--var-ifcl_chat_system-color, rgb(255, 128, 128));
}
.ifcl_chat_event_curl {
	text-decoration:underline;
	font-style:italic;
	color: var(--var-ifcl_chat_event_curl-color, #00ffff);
}

/* Стили списка турниров */
.cl_tur,.cl_tur_cemp,.cl_bonus {
	padding: 0.1rem 0px 0.4rem; 
	width: calc(100% - 0.6rem); 
	margin: 0.3rem; 
	margin-bottom: 0.6rem; 
	border: var(--var-cl_tur-border, #606060 solid 1px); 
	border-radius: 1rem; 
	--var-act-bkc: var(--var-cl_tur-act-bkc, #ffffff);
}
.cl_tur.cl_tur_ende, .cl_tur.cl_tur_ende, .cl_bonus.cl_bonus_used {
	color: var(--var-cl_tur_cl_tur_ende-color, darkgrey);
	--var-fill: var(--var-cl_tur_cl_tur_ende-fill, darkgrey);
	--var-state_c: var(--var-cl_tur_cl_tur_ende-state_c, darkgrey);
	border-color: var(--var-cl_tur_cl_tur_ende-border-color, darkgray);
	--var-fill-img-noend: var(--var-cl_tur_cl_tur_ende-fill-img-noend, darkgray);
	/* --var-filter-img-end: var(--var-filter-img, unset); */
	--var-filter-img-end: var(--var-cl_tur_cl_tur_ende-filter-img-end, grayscale(1));
}
/* .cl_tur.cl_tur_ende.cl_active {
	--var-filter-img-end: none;
} */

.cl_tur.cl_tur_run {
	--var-state_c: var(--var-cl_tur_cl_tur_run-state_c, green);
	--var-fill: var(--var-cl_tur_cl_tur_run-fill, #606060);
	--var-fill-img-noend: var(--var-cl_tur_cl_tur_run-fill-img-noend, green);
}
.cl_tur.cl_tur_run.cl_active {
	--var-fill-img-noend: var(--var-cl_tur_cl_tur_run_cl_active-fill-img-noend, red);
}

.cl_tur.cl_tur_sleep {
	--var-state_c: var(--var-cl_tur_cl_tur_sleep-state_c, #0000FF);
	--var-fill: var(--var-cl_tur_cl_tur_sleep-fill, #606060);
	--var-fill-img-noend: var(--var-cl_tur_cl_tur_sleep-fill-img-noend, #0000FF);
}
.cl_tur.cl_tur_sleep.cl_active {
	--var-fill-img-noend: var(--var-cl_tur_cl_tur_sleep_cl_active-fill-img-noend,red);
}

.cl_tur_filtr_active {
	color: var(--var-cl_tur_filtr_active-color, #0000FF);
	--var-filtr_color:var(--var-cl_tur_filtr_active-filtr_color, #0000FF);
	font-weight: bolder;
}

.cl_turtab_tote {
	--var-display_tab_tote:flex;
}

.cl_turtab_step {
	--var-display_tab_step:flex;
}
.cl_turtab_tote.cl_tur_st_tote {
	--var-display_act_tote:flex;
}

/* Стили списка участников турниров */
.cl_user_element.cl_pl_finish {
	color: var(--var-cl_user_element_cl_pl_finish-color, darkgrey);
	--var-fill: var(--var-cl_user_element_cl_pl_finish-fill, darkgrey);
	--var-state_c: var(--var-cl_user_element_cl_pl_finish-state_c, darkgrey);
	border-color: var(--var-cl_user_element_cl_pl_finish-border-color, darkgray);
	--var-fill-img-finish: var(--var-cl_user_element_cl_pl_finish-fill-img-finish, darkgray);
	/* --var-filter-img-end: var(--var-filter-img, unset); */
	--var-filter-img-end: var(--var-cl_user_element_cl_pl_finish-filter-img-end, grayscale(1));
	--var-color-bet: var(--var-cl_user_element_cl_pl_finish-color-bet, darkgrey);
}
.cl_user_element.cl_pl_finish img {
	filter: var(--var-cl_user_element_cl_pl_finish_img-filter, grayscale(1));
}
.cl_user_element.cl_pl_finish font {
	color: var(--var-cl_user_element_cl_pl_finish_font-color, darkgrey);
}

.cl_bet_no_null {
	color: var(--var-color-bet, var(--var-cl_bet_no_null-color, #007700));
}

.cl_tur_win_place {
	display:flex; 
	align-items: flex-end; 
	flex-flow: row nowrap;
}
.cl_margtop_1rem {
	margin-top: 1rem;
}

/* цифры и кубки - победеителей в турнире */
.cl_tur_place_1,.cl_tur_place_2,.cl_tur_place_3 {
	height: 5rem; 
	background-position:bottom center; 
	background-repeat: no-repeat; 
	background-size: 100% 100%; 
}
.cl_tur_place_1 {
	width: 3rem; 
	background-image: url(../img/svg/turnir/one.svg);
}
.cl_tur_place_2 {
	width: 3rem; 
	background-image: url(../img/svg/turnir/two.svg);
}
.cl_tur_place_3 {
	width: 3rem; 
	background-image: url(../img/svg/turnir/three.svg);
}
.cl_tur_cobok_1,.cl_tur_cobok_2,.cl_tur_cobok_3 {
	background-position:bottom center; 
	background-repeat: no-repeat; 
	background-size:100%; 
}
.cl_tur_cobok_1 {
	height: 5rem; 
	width: 4.5rem; 
	background-image: url(../img/svg/turnir/cubok_gold.svg?1);
}
.cl_tur_cobok_2 {
	height: 4.5rem; 
	margin-left: 0.1rem; 
	margin-right: 0.1rem; 
	width: 4.3rem; 
	background-image: url(../img/svg/turnir/cubok_ser.svg?1);
}
.cl_tur_cobok_3 {
	height: 4rem; 
	width: 4rem; 
	margin-left: 0.25rem; 
	margin-right: 0.25rem; 
	background-image: url(../img/svg/turnir/cubok_bronz.svg?1);
}

.ifcl_lk_statistic_td_name,.ifcl_lk_stat_tur_th_name {
	white-space: nowrap;
}

.ifcl_things_cont {
	width: 28.2rem;
	height: 27.2rem;
	border: solid 1px;
	border-radius: 1rem;
	overflow: hidden;
	/* background-color: rgb(0, 35, 110); */
	user-select: none;
}
.cl_thing_text {
	position: relative; 
	overflow: hidden;
	left: 3.8rem;  
	border: solid 1px; 
	width: 4rem; 
	height: 1.5rem; 
	border-radius: 1rem;
	bottom: 1.55rem;
	font-weight: bold;
	color: var(--var-th-text-color, #999999);
	/* background: linear-gradient(180deg, #85ADED5E, #88E4FB5E); */
	background: var(--var-th-text-bg);
	/* color: black; */
}
.cl_thing.cl_active > .cl_thing_text {
	width: 14rem; 
}
/* Класс элемента - подарок */
.cl_thing {
	background: var(--var-cl_thing-background, linear-gradient(0deg, #585F633F, #B7BABC3F));

	/* linear-gradient(180deg, #AFB5B63F, #D0D2D23F); */
	width: 8rem; 
	height: 8rem; 
	overflow: hidden; 
	border: solid 1px; 
	border-radius: 1rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	margin-bottom: 1rem;
	--var-th-text-color: var(--var-cl_thing-th-text-color, #999999);
}
.cl_thing > img {
	width: 100%; 
	height: 100%;
	user-select:none;
	-moz-user-select: none; 
	-webkit-user-select: none; 
	-ms-user-select: none;
	pointer-events: none;
}

.cl_thing:active {
	background: var(--var-cl_thing_active-background, linear-gradient(180deg, #85ADEDbE, #88E4FBbE));
	cursor:pointer;
	--var-th-text-color: var(--var-cl_thing_active-th-text-color, black);
	/* border: red solid 1px; */
}

/*  Класс выбора при котором элемент все равно остается активным */
.cl_thing.cl_active {
	/* background: linear-gradient(180deg, #85ADEDbE, #88E4FBbE); */
	background: var(--var-cl_thing_cl_active-background, linear-gradient(180deg, #3333335F, #5555554F));
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	margin-bottom: 0.5rem;
	width: 26rem; 
	height: 26rem; 
	/* background: linear-gradient(0deg, #85ADED9E, #88E4FB9E); */
	/* cursor:auto; */
	/* --var-th-text-color:#555555; */
	--var-th-text-color: var(--var-cl_thing_cl_active-th-text-color, black);
	--var-th-text-bg: var(--var-cl_thing_cl_active-th-text-bg, linear-gradient(180deg, #85ADED9E, #88E4FB9E));
}

.cl_thing.cl_active:active {
	background: var(--var-cl_thing_cl_active_active-background, linear-gradient(0deg, #85ADED9E, #88E4FB9E));
	cursor:pointer;
	--var-th-text-color: var(--var-cl_thing_cl_active_active-th-text-color, black);
}

.ifcl_lk_social {
	--var-lk-nosocial:none;
	--var-lk-social:block;
	--var-lk-social-fl:flex;
}


.cl_chempions_list_pl1,.cl_chempions_list_pl2 {
	flex: 1 1 auto; 
	width: 30%;
}


.ifcl_tops_el_menu {
	display: flex;
	font-size: 1rem; 
	padding: 0.6rem 0rem 0.6rem 0.5rem;
	user-select: none;
	filter: var(--var-filter, none);
	text-decoration: none;
	color: var(--var-ifcl_tops_el_menu-color, #000000);
	/* filter: grayscale(1); */
}
.ifcl_tops_el_menu > .eo_icon {
	filter: var(--var-filter-img, none);
	width: 1.5rem;
	height: 1.5rem;
	flex: 0 0 auto;
	display: block;
}
.ifcl_tops_el_menu > .eo_text {
	margin-left: 0.8rem;
	max-width: 16rem; 
	width: 16rem; 
	max-height: 1.25rem; 
	overflow: hidden;
	white-space:nowrap;
}

.cl_top_change_plus {
	color: var(--var-cl_top_change_plus-color, green);
}
.cl_top_change_min {
	color: var(--var-cl_top_change_min-color, rgb(88, 21, 9));
}

.cl_top_elm {
	padding: 0.1rem 0px 0.1rem; 
	width: calc(100% - 0.6rem); 
	margin: 0.3rem; 
	margin-bottom: 0.6rem; 
	border: var(--var-cl_top_elm-border, #606060 solid 1px); 
	border-radius: 1rem; 
	--var-act-bkc: var(--var-cl_top_elm-act-bkc, #ffffff);
}

.ifcl_news_el {
	padding: 0.6rem 0rem 0.6rem 0.5rem; 
	filter: var(--var-filter, none); 
	width: 100%; 
	height: 5.5rem; 
	overflow: hidden;
}

.cl_cash_el {
	padding: 0.1rem 0px 0.1rem; 
	width: calc(100% - 0.6rem); 
	margin: 0.3rem; 
	margin-bottom: 0.3rem; 
	border: var(--var-cl_cash_el-border, #606060 solid 1px); 
	border-radius: 1rem; 
	--var-act-bkc: var(--var-cl_cash_el-act-bkc, #ffffff);
}

.cl_cash_disable {
	color: var(--var-cl_cash_disable-color, #d9d9d9);
	--var-fill: var(--var-cl_cash_disable-fill, #d9d9d9);
	--var-state_c: var(--var-cl_cash_disable-state_c, #d9d9d9);
	border-color: var(--var-cl_cash_disable-border-color, #d9d9d9);
	/* cursor: unset; */
}

.cl_pay_sys_text {
	position: relative; 
	overflow: hidden;
	left: 0rem;  
	/* border: solid 0px;  */
	width: 100%; 
	height: 3rem; 
	border-radius: 0rem;
	bottom: 0rem;
	font-weight: bold;
	color: var(--var-th-text-color, #999999);
	background: var(--var-th-text-bg);
	/* white-space:nowrap; */
}

.cl_contact_online {
	--var-fill: var(--var-cl_contact_online-fill, #008000);
}

.cl_contact_offline {
	--var-fill: var(--var-cl_contact_offline-fill, gray);
}

.cl_over_win_info {
	opacity: 0.8;
}

.cl_flex_center_txt {
	max-width: 100%; 
	text-align: center;
}
.cl_refund_disable_pay_el {
	/* background: linear-gradient(0deg, #585F633F, #B7BABC3F); */
	background: var(--var-cl_refund_disable_pay_el-background, #F5F5F5);

	/* linear-gradient(180deg, #AFB5B63F, #D0D2D23F); */
	width: 8rem; 
	height: 8rem; 
	overflow: hidden; 
	border: solid 1px; 
	border-radius: 1rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	margin-bottom: 1rem;

	color: var(--var-cl_refund_disable_pay_el-color, #b9b9b9);
	--var-color-all: var(--var-cl_refund_disable_pay_el-color-all, #b9b9b9);
	border-color: var(--var-cl_refund_disable_pay_el-border-color, #b9b9b9);
	background-color: var(--var-cl_refund_disable_pay_el-background-color, none);
}

.cl_win_sizesm {
	max-width: 35rem; 
	/* min-width: 500px;  */
	width: 30%;
	min-width: 23rem; 
	min-height: 15rem;
	max-height: 30rem;
	height: 45%;
	/* filter: drop-shadow(2px 3px 5px black); */
}

.cl_win_sizebig {
	max-width: 50rem; 
	/* min-width: 500px;  */
	min-width: 30rem; 
	min-height: 20rem;
	max-height: 45rem;
	height: 75%;
	width: 50%
	/* filter: drop-shadow(2px 3px 5px black); */
}

.window_all_screen {
	margin:0px; 
	width: 100%; 
	min-width: 100%; 
	height: 100%; 
	min-height: 100%;
	max-width: 100%; 
	max-height: 100%;
	--var-win-screen-dspl: inline-block;
	--var-win-no-screen-dspl: none;
}

.select_svg_green {
	--var-act-fill: var(--var-select_svg_green-act-fill, #006000);
}

.ifcl_help_question {
	font-weight: 700;
	margin-bottom: 0.5rem;
	font-size: 1rem;
}
.ifcl_help_answer {
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: var(--var-ifcl_help_answer-border-bottom, 2px solid #DAE1E8);
	line-height: 1.4;
	text-align: justify;
}
.ifcl_help_wk_header {
	color: var(--var-ifcl_help_wk_header-color, #45688E);
	font-size: 1.2rem;
	font-weight: bold;
	padding-bottom: 0.5rem;
	margin-bottom: 0.4rem;
	border-bottom: var(--var-ifcl_help_wk_border-bottom, 1px solid #DAE1E8);
}

.ifcl_inline {display: inline-block;}
.ifcl_help_icon_size_60{ width: 60%; }
.ifcl_help_icon_height_60{ height: 60%; }
.ifcl_help_icon_1,.ifcl_help_icon_2 {
	display: flex;
	justify-content: center;
	align-items: center;
	border: var(--var-ifcl_help_icon-border, 1px solid #606060);
}
.ifcl_help_icon_1 {
	height: 3rem;
	width: 3rem;
	border-radius: 1rem;
}
.ifcl_help_icon_2 {
	height: 2.5rem;
	width: 2.5rem;
	border-radius: 1.25rem;
}

.ifcl_help_cl_card_img {
	width: 5.3125rem;
	height: 6.875rem;
}
.ifcl_help_cl_real_life {
	color: darkgray;
}
@media screen and (max-width:420px) {
	.ifcl_help_cl_card_img {
		width: 3.4rem;
		height: 4.4rem;
	}
}
.ifcl_help_header_h3 {
	font-weight: 700;
	margin-bottom: 0.5rem;
	font-size: 1rem;
	padding-top: 0.5rem;
}


/* Стили руки с картами для карточных игр */
.ifcl_game_hand_cards_my {
	display: flex; 
	flex-flow: row nowrap;
	height: 6.25rem;
}
.ifcl_game_hand_cards_other {
	display: flex; 
	flex-flow: row nowrap;
	height: 5.625rem;
}
.ifcl_game_hand_cards_my_el {
	min-width: 1.25rem; 
	width: 4.375rem; 
	height: 100%;
}
.ifcl_game_hand_cards_other_el {
	min-width: 1.25rem; 
	width: 4.375rem; 
	height: 100%;
}

/* Стили карт для карточных игр */
.ifcl_game_card {
	height: 100%; 
	overflow: visible;
	--var-transform: none;
}
.ifcl_game_card.cl_card_black {
	--var-fill-maska: #0000007f;
}
.ifcl_game_card.cl_card_active {
	--var-fill-maska: #00000000;
	cursor: pointer;
}
.ifcl_game_card.cl_card_set {
	--var-transform: translate(-0.4rem,-1rem);
}

.ifcl_game_card > .eo_card_visual {
	transform: var(--var-transform);
}
.ifcl_game_card > .eo_card_maska {
	fill:var(--var-fill-maska, #00000000);
	stroke: none;
}

.ifcl_game_text_shadow {
	text-shadow: var(--var-ifcl_game_text_shadow-text-shadow, black 1px 1px 2px, black 0px 0px 4px);
	color: var(--var-ifcl_game_text_shadow-color, #52f1e9);
}

.ifcl_event_no {
	user-select: none;
	pointer-events: none;
}

.ifcl_event_yes {
	user-select: unset;
	pointer-events: all;
}

.ifcl_txt_font, .ifcl_txt_svg {
	font-family: Arial, Helvetica, sans-serif;
}
.ifcl_txt_svg {
	user-select: none;
}


/* Выбор масти в html */
.ifcl_game_suit_win {
	border-radius: 1rem; 
	border: solid white 1px; 
	background-color: #019263df;
	text-align: center; 
	color: black; 
	font-weight: bolder; 
	font-size: 1.5rem;
	--var-act-bkc_hover: #CBE9EFd0;
	/* Перменные выбора */
	--var-custom_select-color: black;
	--var-custom_select-background: #009456 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
	--var-custom_select-border: 1px solid #fff;
	--var-custom_select_focus-border-color: #00fff0;
	--var-custom_select_hover-border-color: #8ad2e6;
	--var-custom-select_disabled-color: #ffffff;
	--var-custom-select_disabled-background-color: #084365;
}
.ifcl_game_suit_win >
.eo_suit_buttons >
.eo_suit_item {
	width: 80%;
	height: 1.8rem;
	border: solid white 1px;
	text-align: center;
	margin-bottom: 0.5rem;
}
/* Выбор масти в svg */
.ifcl_game_suit_svg {
	--var-fill-rect: #019263;
}
.ifcl_game_suit_btn_svg {
	cursor: pointer;
	--var-stroke: white;  
	--var-fill:#0192638f; 
}
.ifcl_game_suit_btn_svg:active {
	--var-fill:#7E8CDA; 
}

.ifcl_game_suit_btn_svg.cl_disable, .ifcl_game_suit_btn_svg.cl_disable:active {
	cursor: default;
	--var-stroke: gray;  
	--var-fill:#6666668f; 
}

/* Кнопка на svg */
.ifcl_button_svg {
	cursor: pointer;
	fill: var(--var-ifcl_button_svg-fill, url(#ifid_svg_game_btn_lg) ); 
	stroke: var(--var-ifcl_button_svg-stroke, #007bff);
	--var-fill-text: var(--var-ifcl_button_svg-fill-text, #ffffff);
	user-select: none;    
}
.ifcl_button_svg:active {
	fill: var(--var-ifcl_button_svg_active-fill, url(#ifid_svg_game_btn_set_lg) );
}
.ifcl_button_svg.cl_disable, .ifcl_button_svg.cl_disable:active {
	cursor: default;
	stroke: var(--var-ifcl_button_svg_cl_disable-stroke, gray);
	fill: var(--var-ifcl_button_svg_cl_disable-fill, #6666668f );
	--var-fill-text: var(--var-ifcl_button_svg_cl_disable-fill-text, #bbbbbb );
	pointer-events: none; 
	/* filter: grayscale(1); */
}
.ifcl_button_svg.cl_active {
	fill: var(--var-ifcl_button_svg_cl_active-fill, url(#ifid_svg_game_btn_cl_active_lg) ); 
	stroke: var(--var-ifcl_button_svg_cl_active-stroke, #007bff);
	--var-fill-text: var(--var-ifcl_button_svg_cl_active-fill-text, #d6c52c);
}
.ifcl_button_svg.cl_active:active {
	fill: var(--var-ifcl_button_svg_cl_active_active-fill, url(#ifid_svg_game_btn_cl_active_set_lg) );
}
.ifcl_button_svg.cl_active.cl_disable, .ifcl_button_svg.cl_active.cl_disable:active {
	cursor: default;
	fill: var(--var-ifcl_button_svg_cl_active_cl_disable-fill, url(#ifid_svg_game_btn_cl_active_lg) ); 
	stroke: var(--var-ifcl_button_svg_cl_active_cl_disable-stroke, #007bff);
	--var-fill-text: var(--var-ifcl_button_svg_cl_active_cl_disable-fill-text, #d6c52c);
}

/* Элемент выбора игры, в списке однопользовательских игр list_headers_title */
.ifcl_el_headers_title {
	left: var(--var-left, 0rem);
	top: var(--var-top, 0rem);
	position: relative;
	display: block;
	width: max-content;
	border-radius: 7rem;
	padding: 0rem 0rem 0rem 0rem;
	margin: 1.5rem;
	--var-cl_actions_hover-filter: drop-shadow(2px 3px 12px black);
}

.ifcl_el_headers_title > .ifcl_el_img {
	width: 14rem; 
	height: 14rem;
	filter: var(--var-filter, none);
}

.ifcl_el_headers_title > .ifcl_el_text, .ifcl_el_headers_title > .ifcl_el_count {
	position: relative;
	width: 100%;
	height: 0px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	text-shadow: black 0.1rem 0.1rem 0.2rem, #212529 0rem 0rem 0.5rem;
	font-weight: 800;
	font-size: 1.5rem;
	max-width: 14rem;
	font-family: Roboto, Arial, sans-serif;
}
.ifcl_el_headers_title > .ifcl_el_text {
	top: -5rem;
	justify-content: flex-start;
	flex-direction: column;
	top: -8.5rem;	
	text-align: center;
	color: #ffff00;
}
.ifcl_el_headers_title > .ifcl_el_count {
	top: -13rem;
	justify-content: flex-end;
	text-align: right;
	right: -1rem;
	color: #ffffff;
}

.ifcl_for_yandex_no_select {
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}
