* {
  overflow-anchor: none !important;
}
p {
	margin: 3px 0;
}
tr.hieuung_sao_wrap { --inputfull-width: auto; }.title_tinhnang span { background: #1c1c1c; padding: 10px 5px 8px 7px; color: #b2cfdd; position: relative; display: inline-block; margin-left: -6px; z-index: 2; font-size: 15px; height: 38px; box-sizing: border-box; line-height: 17px; border-left: 2px solid #E91E63; margin-left: 2px; } .title_tinhnang span:after { content: ""; width: 0; height: 0; border-top: 19px solid transparent; border-left: 15px solid #1c1c1c; border-bottom: 19px solid transparent; border-right: 0 solid transparent; position: absolute; top: 0px; right: -15px; } .title_tinhnang:after { content: ""; height: 2px; background: rgb(28,28,28); background: linear-gradient(90deg, rgba(28,28,28,1) 0%, rgba(28,28,28,0.8897934173669468) 30%, rgba(28,28,28,0) 100%); width: 100%; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; } .title_tinhnang { position: relative; z-index: 1; border-left: 4px solid #E91E63; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .dots_searchingcls:after{ content:' .'; animation:dots_searching 1s steps(5,end) infinite } .upload_video_hieuungsao_progess span.dots_searchingcls { top: 0; bottom: 0; margin: auto; height: 25px; position: absolute; left: 0; right: 0; } @keyframes dots_searching{ 0%,20%{ color:transparent; text-shadow:.25em 0 0 transparent,.5em 0 0 transparent } 40%{ color:#fff; text-shadow:.25em 0 0 transparent,.5em 0 0 transparent } 60%{ text-shadow:.25em 0 0 #fff,.5em 0 0 transparent } 80%,100%{ text-shadow:.25em 0 0 #fff,.5em 0 0 #fff } } td.keyevent_keyboard { position: relative; } span.isPkTimerTarget { position: absolute; left: 36px; top: 6px; font-size: 16px; background: #E91E63; height: 23px; } .imgpkicon { position: absolute; left: 0; top: 0; height: 100%; width: auto; border: 2px solid black; box-sizing: border-box; } table#table_muc_tieu_live_pk td { position: relative; } span#load_id_effect { height: 24px; display: inline-block; vertical-align: middle; position: relative; z-index: 99999; } select#list_id_effect_select { height: 24px; position: relative; z-index: 99999; min-width: 180px; max-width: 240px; } a.delete_keyboard { position: absolute; right: 3px; top: 1px; background: #080808; color: #FFEB3B; font-size: 10px; width: 10px; height: 10px; line-height: 9px; border-radius: 50%; } .modal-content p { margin: 0; margin-bottom: 7px; } tr.hieuung_sao_wrap { position: relative; } textarea#ggs_prohibited_words { filter: blur(2px); -webkit-filter: blur(2px); } .ggs_prohibited_words_show { filter: blur(0px) !important; -webkit-filter: blur(0px) !important; } .hieuung_repeater_enable { display: inline-block; vertical-align: middle; margin: 0; margin-right: 4px; cursor: pointer; } .not_enable_effect { -webkit-filter: grayscale(100%); filter: grayscale(100%); } span.id_show_eff { display: inline-block; vertical-align: middle; background: #009688; color: white; font-size: 13px; border-radius: 2px; min-width: 25px; height: 18px; line-height: 20px;position: relative;} .hieu_ung_vao_phong_live_hieuungsao, .abtn_upload_image{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; z-index: 2;background-size: 20px; background-repeat: no-repeat; background-position: 8px center; transition: all .3s; } a.show_popup_upload_media { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; z-index: 2; background-image: url(https://jqsvn.com/google_file/img/upload_icon_eff.png); background-size: 20px; background-repeat: no-repeat; background-position: 10px center; transition: all .3s; }a.show_popup_upload_media:hover { background-image: url(https://jqsvn.com/google_file/img/upload_icon_eff_hover.png); }select.hieuung_repeater.hieuung_repeater_type { width: 90px; padding: 5px 0; } .isgift_video_effect { background: url(https://jqsvn.com/google_tiktok/img/gift_video_effect2.png); width: 20px; height: 20px; position: absolute; right: 0px; bottom: 5px; display: block; background-size: 16px; background-position: center; background-repeat: no-repeat; margin: auto; color: transparent; font-size: 1px; } .hieu_ung_vao_phong_live_repeater { border: 0; outline: none; padding: 5px; } .hieu_ung_vao_phong_live_repeater_video {width: 100px; padding-left: 13px; padding-right: 10px; color: #909090; background: transparent;} .hieu_ung_vao_phong_live_repeater_id_channel { width: 100px; } .hieu_ung_vao_phong_live_repeater_volume { padding: 0; } .hieu_ung_vao_phong_live_repeater_readtext { width: 255px; } .hieuung_repeater_img_show { position: absolute; height: 26px; right: 0; background: #272727; box-sizing: border-box; width: 30px; top: 5px; padding: 3px; overflow: hidden; text-align: center; } .hieuung_repeater_img_show img { max-width: 25px; max-height: 20px; display: inline-block; vertical-align: middle; } .upload_video_hieuungsao:hover { background-image: url(https://jqsvn.com/google_file/img/upload_icon_eff_hover.png); } .hieu_ung_vao_phong_live_repeater_rank , .hieu_ung_vao_phong_live_repeater_timegap{ width: 55px; text-align: center; } .hieu_ung_vao_phong_live_repeater_teamlevel { width: 85px; text-align: center; } .class_audio_effect_test { transition: all .3s; background: #4CAF50; display: block; margin-top: 3px; } .class_audio_effect_test_loading { border: 2px solid #00BCD4; box-sizing: border-box; } .class_audio_effect_test:hover { background: #00BCD4; } .hieuung_repeater_video { padding-left: 24px; background:transparent; width: 78px !important;color: #909090;padding-right: 10px; } .export_effect, .import_effect { border: 0; outline: 0; background: #e8e8e8; padding: 3px 10px; margin: 0 3px; height: 30px; cursor: pointer; -webkit-filter: grayscale(100%); filter: grayscale(100%); display: inline-block; vertical-align: middle; } button.export_effect { margin-left: 10px; } .export_effect:hover, .import_effect:hover{ -webkit-filter: grayscale(0%); filter: grayscale(0%); } #btn_import_effect { background-image: url(https://jqsvn.com/google_file/img/upload_icon_eff.png); background-size: 20px; background-repeat: no-repeat; background-position: 5px center; padding-left: 30px; } #btn_import_effect:hover{ background-image: url(https://jqsvn.com/google_file/img/upload_icon_eff_hover.png); } /* width */ ::-webkit-scrollbar { width: 5px; } /* Track */ ::-webkit-scrollbar-track { background: #323232; } /* Handle */ ::-webkit-scrollbar-thumb { background: #FFEB3B; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .gift_list_coin { font-weight: normal; color: #FFC107; background-image: url(https://jqsvn.com/google_tiktok/tiktok-coin.png); background-size: 14px; background-repeat: no-repeat; background-position: right center; display: inline-block; padding-right: 21px; line-height: 14px; font-size: 11px; } .gift_list_img{ height:35px; display:inline-block; vertical-align:middle; } .gift_icon_coin { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 2; text-align: left; background: #205550; height: 20px; padding: 7px 0; } img.gift_icon_coin_img { width: 23px; display: inline-block; vertical-align: middle; } .gift_icon_coin_name { display: inline-block; vertical-align: middle; margin-left: 3px; } .gift_icon_coin_name b { display: block; font-size: 10px !important; width: 73px; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #00BCD4; } #table_muc_tieu_live .gift_icon_coin_name b { width: 58px; } .gift_icon_coin_num{ color: #FFC107 !important; } .gift_insert_selected_btn_hide{ display:none; } .delete_gift_icon_coin{ margin-left: 2px; color: white; background: red; display: inline-block; font-size: 12px; height: 15px; width: 15px; text-align: center; line-height: 15px; border-radius: 2px; } .gift_list_name{ display: block; color: #00BCD4; font-weight: normal; font-size: 13px; margin-bottom: 0px; max-width: 170px; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: capitalize; height: 17px; } .gift_list_name_coin{ display:inline-block;vertical-align:middle;margin-left:7px; } .gift_insert_selected_btn{ margin:3px; background:#373333; padding:3px; border-radius:5px; position: relative; cursor: pointer; } .gift_insert_selected_btn:hover { background: #3a7880; } .title_gift_list { padding: 7px 0px; text-align: center; font-size: 13px; color: #b5ff5f; background: #F44336; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; } .gift_icon_coin_name b:not(.gift_icon_coin_num) { text-transform: capitalize; } .prevent-select { -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ } #gift_lists{ position: absolute; z-index: 999; background: rgb(94, 94, 94); text-align: left; width: 245px; top: 40px; left: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; } .gift_icon_coin.gift_icon_coin_expired .gift_icon_coin_num { color: #ff796f !important; } .gift_icon_coin.gift_icon_coin_expired { background: #6d322e !important; } .hieuung_repeater.hieuung_repeater_img::placeholder, input.hieuung_repeater.hieuung_repeater_video::placeholder { color: #cad65b; } .hieuung_repeater.hieuung_repeater_img {padding-left: 25px; width: 25px !important; background: transparent; color: transparent;} .title_gift_list:before { content: ""; display: block; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #F44336; position: absolute; top: -10px; left: 10px; } .video-wrapper iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } .select_item_google_btn.line-through { background: #FF5722; opacity: 0.5; } .select_item_google_btn { position: relative; transition: all .3s; } .select_item_google_btn:hover { background: #42423c; } .goimuagan_nhac { position: absolute; top: -2px; background: rgb(255 0 0 / 77%); padding: 3px; border-radius: 0; left: -2px; color: #FFEB3B; border: 1px solid #FFEB3B; font-size: 9px; animation: flap 3s infinite; pointer-events: none; } .view_more_help { color: #FFEB3B; font-size: 15px; font-weight: normal; padding-left: 10px; background-image: url(https://jqsvn.com/google_file/help-icon.png); background-size: 7px; background-position: left center; background-repeat: no-repeat; } .box_alert.success .box_alert_content { border: 1px dashed #4CAF50 !important; } .box_alert.error .box_alert_content { border: 1px dashed #FF5722 !important; } .box_alert.warning .box_alert_content { border: 1px dashed #FF9800 !important; } .mask_input_disabled { z-index: 0; display: inline-block; vertical-align: middle; position: relative; } .mask_input_disabled:before { content: ""; display: block; z-index: 1; background: transparent; height: 100%; width: 100%; position: absolute; } @media screen and (max-width:700px){ /*input.hieuung_repeater.hieuung_repeater_sao { width: 35px !important; text-align: center; } input.hieuung_repeater.hieuung_repeater_video { width: 220px !important; } input.hieuung_repeater.hieuung_repeater_volume { width: 45px !important; } table#table_hieu_ung_tang_sao { width: 100% !important; max-width: 100% !important; min-width: 100% !important; }*/ a.btn_setting_choice_fieldset {font-size: 12px !important; margin-left: 0px !important; padding: 5px !important;}#top_btn_sw_lang{position: absolute !important; top: 3px !important; z-index: 3 !important;}.media-library-file-timestamp {width: 55px !important;}div#box_quick_guide { display: block !important; left: 3px !important; bottom: 40px !important; font-size: 10px !important; right: 2px !important;line-height: 12px !important;}.jq-help-bubble { display: none; }.note { font-size: 11px;}body { font-size: 13px;}.set_lang_website_jq_vi { color: transparent !important;!i;!; font-size: 0; width: 20px; height: 15px; background: url(https://jqsvn.com/google_tiktok/img/vi_flag.jpg); display: inline-block; vertical-align: middle; background-size: 100%; background-repeat: no-repeat; } .set_lang_website_jq_en { font-size: 0px; width: 20px; height: 15px; display: inline-block; vertical-align: middle; color: transparent !important; background: url(https://jqsvn.com/google_tiktok/img/en_flag.jpg) 0% 0% / 100% no-repeat; } } input#search_gift_inlist { display: block; width: 235px; box-sizing: border-box; padding: 5px; border: 0; margin: 3px auto; outline: none; background: #0a0a0a; color: #00BCD4; text-align: center; font-size: 13px; margin-top: 5px; } .id_show_eff_click { cursor: pointer; } .effect_choice_combo { position: absolute; left: 0; top: 0; bottom: 0; z-index: 3; background: #393939; color: #e1dfda; width: 507px !important; } .field_error_bgr { background: #fd7066 !important; -webkit-filter: grayscale(0%) !important; filter: grayscale(0%) !important; } .urlvideo_effect_combo { right: initial !important; left: 3px; top: 6px !important; } input.hieuung_repeater.hieuung_repeater_name { width: 80px; } input.hieuung_repeater.hieuung_repeater_name.hieuung_repeater_name_full { background: #253335;width: var(--inputfull-width); position: absolute; left: 0; top: 0; bottom: 0; margin: auto; z-index: 99;color: white; } input.hieuung_repeater.hieuung_repeater_readtext.hieuung_repeater_readtext_full { background: #253335;width: var(--inputfull-width); position: absolute; left: 0; top: 0; bottom: 0; margin: auto; z-index: 99;color: white; } input.hieuung_repeater.hieuung_repeater_keyboard.hieuung_repeater_keyboard_full { background: #253335;width: var(--inputfull-width) !important; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; z-index: 99;color: white; } input.hieuung_repeater.hieuung_repeater_webhook.hieuung_repeater_webhook_full { background: #253335;width: var(--inputfull-width); position: absolute; left: 0; top: 0; bottom: 0; margin: auto; z-index: 99;color: white; } .hieuung_repeater_volume { width: 15px !important; } .wrap_effect_choice_name { position: absolute; left: 0px; text-align: left; z-index: 99999; top: 40px; border-radius: 3px; font-size: 13px; color: white; } .wrap_effect_choice_list_wrap { max-height: 396px; overflow: auto; border: 3px solid #FF5722; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .wrap_effect_choice_name:before { content: ""; display: block; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FF5722; position: absolute; top: -10px; left: 10px; } .effect_choice_name:hover, .effect_choiced_name { background: #6497af !important; } .effect_choiced_name:hover { background: #2cffed !important; color: #333232; } .effect_choiced_name_xx { background: #2cffed !important; color: #333232; } .effect_choiced_name_xx:hover { background: #FFEB3B !important; } .wrap_effect_choice_title { padding: 5px; color: #cef9ff; background: #FF5722; border-top-left-radius: 3px; border-top-right-radius: 3px; } .wrap_effect_choice_list { position: absolute; left: 0; top: 0; z-index: 9999; background: #3d3737; text-align: left; overflow: hidden; overflow-y: auto; } .wrap_effect_choice_list_val { display: inline-block; vertical-align: middle; color: #dbdbdb; padding: 2px; margin: 1px; background: #757272; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .wrap_effect_choice_list_val b { font-weight: normal; } .wrap_effect_choice_list_val span { display: inline-block; vertical-align: middle; background: #F44336; padding: 3px; margin-right: -3px; margin-left: 3px; margin-top: -2px; margin-bottom: -2px; cursor: pointer; } table#table_muc_tieu_live .wrap_effect_choice_list { top: 7px; left: 5px; } .id_show_eff_click:hover { background-image: url(https://jqsvn.com/google_tiktok/img/copy-icon.png); color: transparent; background-color: #00BCD4; background-size: 14px; background-repeat: no-repeat; background-position: center; } .random_or_combo_click { background: #607D8B !important; color: #bdb4b4 !important; cursor: default !important; } .minecraft_control_input_repeat_textarea { width: 100% !important; max-width: 100% !important; min-width: 100% !important; box-sizing: border-box; min-height: 26px; } #list_id_effect_select option:nth-child(1):after { content: "▼"; position: absolute; right: 5px; color: #000000; z-index: 999999; } .modal { max-width: 745px; }.iscurrent_lag { cursor: default !important; color: #9C27B0 !important; } video#video-demo { position: fixed; pointer-events: none; width: 200px; height: auto; left: 108px; top: 708px; z-index: 9999; border: 5px solid #15e4ffa1; border: 5px solid; border-image-slice: 1; border-image-source: linear-gradient(to right bottom, #1fd2e9, #FFC107, #9C27B0, #E91E63); } .demo_url_video { display: inline-block; vertical-align: middle; width: 20px; height: 20px; background-image: url(https://jqsvn.com/google_tiktok/demo_video_hover/help.png); background-size: 18px; color: transparent; background-repeat: no-repeat; background-position: center; margin-left: 1px; cursor: help; } .wrap_list_url_copy .demo_url_video { float: right; }#imagePlayer { max-width: 100%; max-height: 300px; align-items: center; margin: 10px auto; }input.effect_advanced_users_id_activate { border: 0; outline: none; padding: 5px; }input.effect_advanced_users_id_activate_full { background: #253335;width: var(--inputfull-width) !important; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; z-index: 99;color: white; }.effect_advanced_chatbot_full {background: #253335;width: var(--inputfull-width); position: absolute; left: 0 !important; top: 0 !important; bottom: 0 !important; margin: auto; z-index: 99;color: white; height: auto !important; }span.choice_effect_count_full { background: #F44336; box-sizing: border-box; border-radius: 35px; min-width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-top: 3px; padding:0 3px; } a.btn_delete_choice_effect { position: absolute; right: 1px; top: 0; bottom: 0; text-align: center; line-height: 15px; margin: auto; font-size: 10px; font-family: Arial; padding: 0 3px; } span.choice_effect_count { background: #F44336; box-sizing: border-box; border-top-left-radius: 15px; border-bottom-left-radius: 15px; min-width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-top: 3px; padding:0 3px; } span.choice_effect_percent { background: #3F51B5; box-sizing: border-box; border-top-right-radius: 15px; border-bottom-right-radius: 15px; min-width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-top: 3px; padding:0 3px; } .effect_choice_name { padding: 3px 5px; background: #797979; border-top: 1px solid #272626; cursor: pointer; transition: all .3s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 200px; position: relative; padding-right: 60px; }a.btn_delete_choice_effect:hover { color: #f2a8ff; }.cls_max_effects { background: #7c302b !important; -webkit-filter: grayscale(0%) !important; filter: grayscale(0%) !important; }.id_show_eff_click:after { content: ""; display: block; width: 10px; height: 10px; position: absolute; top: -5px; right: -5px; background: #8e8d8d; border-radius: 50%; border: 1px solid #5a5a5a;pointer-events: none;}.urlEffectIsonline .id_show_eff_click:after { background: #4CAF50 !important; border: 1px solid #407742 !important; }

div#loading { position: fixed; z-index: 999999; top: 0; left: 0; right: 0; bottom: 0; }.loading-spinner-container { position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999999999; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: opacity 250ms ease-in-out; opacity: 1; pointer-events: none; background-size: cover; background-position: center top; background-image: url(); background:black; } .loading-spinner { width: 72px; height: 72px; display: flex; flex-wrap: wrap; } .loading-spinner > div { display: inline-flex; height: 24px; width: 24px; animation: cube 1.5s infinite ease-in-out; } .loading-spinner > div > div { height: 100%; width: 100%; background-image: url(https://jqsvn.com/google_tiktok/logo.png); background-size: 72px 72px; background-position: -9999px -9999px; background-repeat: no-repeat; } .loading-spinner div:nth-child(1) { animation-delay: 200ms; } .loading-spinner div:nth-child(1) div { border-radius: 6px 0 0 0; background-position: 0% 0%; } .loading-spinner div:nth-child(2) { animation-delay: 300ms; } .loading-spinner div:nth-child(2) div { background-position: 50% 0%; } .loading-spinner div:nth-child(3) { animation-delay: 400ms; } .loading-spinner div:nth-child(3) div { border-radius: 0 6px 0 0; background-position: 100% 0%; } .loading-spinner div:nth-child(4) { animation-delay: 100ms; } .loading-spinner div:nth-child(4) div { background-position: 0% 50%; } .loading-spinner div:nth-child(5) { animation-delay: 200ms; } .loading-spinner div:nth-child(5) div { background-position: 50% 50%; } .loading-spinner div:nth-child(6) { animation-delay: 300ms; } .loading-spinner div:nth-child(6) div { background-position: 100% 50%; } .loading-spinner div:nth-child(7) { animation-delay: 0ms; } .loading-spinner div:nth-child(7) div { border-radius: 0 0 0 6px; background-position: 0% 100%; } .loading-spinner div:nth-child(8) { animation-delay: 100ms; } .loading-spinner div:nth-child(8) div { background-position: 50% 100%; } .loading-spinner div:nth-child(9) { animation-delay: 200ms; } .loading-spinner div:nth-child(9) div { border-radius: 0 0 6px 0; background-position: 100% 100%; } @keyframes  cube { 0%, 70%, 100% { transform: scale(1, 1); } 35% { transform: scale(0, 0); } }

#live-channels { color: white; padding: 0; padding-left: 0 !important; } .channel-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; margin: 0px auto; max-width: 935px; } .channel-card { background-color: #1e1e1e; border: 1px solid #333; border-radius: 3px; padding: 5px; text-align: center; position: relative; cursor: pointer; transition: transform 0.2s; } .channel-card:hover { transform: scale(1.03); } .channel-avatar { width: 50px; border-radius: 3px; float: left; height: 50px; } .channel-name { margin-top: 5px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 55px; text-align: left; height: 20px; line-height: 1; } .channel-viewers { font-size: 13px; color: #ccc; text-align: left; margin-left: 55px; margin-top: 5px; } .live-badge { position: absolute; top: 2px; left: 2px; background-color: red; color: white; font-size: 11px; padding: 2px 6px; border-radius: 4px; font-weight: bold; animation: backblink 1.2s ease-in-out infinite; } @keyframes backblink { 0%, 100% { opacity: 0.9; } 50% { opacity: 0.5; } } .channel-grid.collapsed { max-height: calc(2 * 115px + 24px); /* Chiều cao 2 hàng + khoảng cách */ overflow: hidden; transition: max-height 0.3s ease; } .see-more-btn { display: inline-block; margin: 10px auto; padding: 8px 16px; background-color: #333; color: white; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; transition: background 0.2s; } .see-more-btn:hover { background-color: #555; } .btn_toggle_hd{ cursor:pointer; } i.livepro { position: absolute; margin-right: 1px; color: rgb(234, 43, 100) !important; border-radius: 0; background: rgb(254 63 120 / 23%); padding: 2px 5px; top: 0px; right: -1px; font-style: normal; font-size: 13px; }