.ulist_gender { padding-right: 2px; }
	
/*.list_rank { height:18px; }*/


stories.carousel .story {
     padding-bottom: 0px;
}

.stories.carousel .story>.item-link>.item-preview {

    height: 40px;
    max-height: 40px;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-color: #fbfffd7d;
}

.chat_system {
    font-size: 15px;
    font-weight: bold;
    padding-right: 45px;
    color: #88bde3;
}

.text_small {
    direction: rtl;
}

.ulist_item {
    background: #ededed;
    text-align: center;
}


.gift_image{
    border-radius: 12px;
    width: auto;
    height: 70px;
    vertical-align: middle;
}


.gift .chat_system {
    color: #080606;
    font-weight: 700;
    background: linear-gradient(90deg, rgb(241, 243, 255) 35%, rgba(195, 223, 255, 1) 100%);
    border-radius: 8px 8px 8px 8px;
    padding: 10px 8px;
    border: 5px inset #007399;
    direction: rtl;
    font-weight: bold;
}


.frame_class_userlist {
height: 50px;
left: -7px;
width: 50px;
position: absolute;
top: -6px;
}
.frame_class_chat {
height: 55px;
left: -7px;
width: 55px;
position: absolute;
top: -9px;
}
.absolute_center {
margin: auto;
position: relative;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

.chat_video {
    z-index: 8;
}


.open_player {
    z-index: 9;
}

.hunter_private {
    text-align: right;
}

.target_private {
    text-align: right;
}

.sub_reply_logs .chat_message {
    font-size: 12px;
}


.in_room_element {
     padding-top: 3px!important;
    padding-bottom: 3px!important;
    padding-left: 10px!important;
    padding-right: 5px!important;
	font-weight: bold;
	float: right;
}


.prev_right_btn {
height: 40px;
width: 40px;
right: 10px;
bottom: 5px;
position: absolute;
font-size: 16px;
}
.prev_left_btn {
height: 40px;
width: 40px;
left: 10px;
bottom: 5px;
position: absolute;
font-size: 16px;
}
.room_element {
margin: 10px;
}
.not_member {
font-size: 15px;
color: red;
}



.prank_item img {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px;
}

.my_text .username {
    font-size: 15px;
}

::-webkit-scrollbar { width: 6px !important; height: 4px!important; }



::-webkit-scrollbar-thumb {
    height: 50px!important;
  /*  background-color: #a52d2d!important;
    background-image: linear-gradient(#c74d5e, #bf2828);
	*/
	background-color: #78797a;
    border-radius: 3px!important;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}

/*
#top_chat_container {
    z-index: 9999;
    position: relative;
	}

*/

#Live_Stream-BLK_nicebox_wrap_stream {
  /*  width: 560px;*/
    height: 100%;
}


.chat_message {
    font-size: 16px;
  /*  font-family: 'Varela Round', serif;*/
  /*  font-weight: bold;*/
}
/*
.main_item {
    width: 33px;
	}
*/

.list_stt, .list_status {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    padding: 2px;
}

/*body { background: #012832; }
#chat_center { border-radius: 6px; }*/

@media(min-width:367px){

.blockspaceleft { padding-left: 15px; }
.blockspaceright { padding-right: 15px; }


/*#chat_left { border-radius: 6px; }

#chat_right {  border-radius: 6px; }/*

}



.over2 {
    position: absolute;
    display: inline-block;
    left: -27px;
    top: -41px;
    z-index: 9999;
    width: 190px;
}


img.mySmile {
height: 30px;
width:auto;
position: absolute;
margin-left: 5px;
margin-top: -7px;
}

.frame-container {
    border: 1px solid #ccc;
    text-align: center;
}

div.frame-container img {
    height: 50px;
    width: 50px;
}

.frame-responsive {
    padding: 6px;
    float: left;
    width: 25%;
}

@media only screen and (max-width: 700px) {
    .frame-responsive {
        width: 33%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px) {
    .frame-responsive {
        width: 33%;
    }
}


.panel_bar_item, .panel_option, .side_bar_item {
    text-align: center;
    font-size: 18px;
}	
	
.player_elem .bellips {
    text-align: left;
    font-size: 11px;
    direction: rtl;
}

.player_menu {
    width: 20px;
}


/*
.emo_select {
    height: 25px;
    width: 25px;
}
*/
.emo_menu {
    direction: ltr;
}


.emo_chat {
	 max-height: 32px; 
    vertical-align: bottom;
    height: 100%;
    width: auto;
}


.sticker_chat {
    max-height: 60px;
    max-width: 200px;
    height: auto;
	}

.custom_chat {
    max-height: 40px;
	height: 100% !important;
	width: auto;

}


.emo_content .emoticon img ,.emo_content .sticker img {
    height: 100%;
    width: 100%;
	vertical-align: middle;
}

.sticker {
    height: 60px;
    float: right;
}

.emoticon {
    height: 35px;
    float: right;
    margin: 4px;
}


.custom_emo {
    height: 30px;
    float: right;
    margin: 6px;
}


.player_current {
   width: auto;
	}

#close_stream {
  float: left;
}

#chat_right_data {
/*width:280px; */
    DIRECTION: RTL;
}


#message_content{padding-right:32px}

#content {padding-right: 32px;}

.brelative { position: relative;}


.emo_select {
    height: 35px;
    width: 35px;
    display: block;
}

/*
#emo_item_priv {
    position: absolute;
    font-size: 24px;
    top: 12px;
    right: 75px;
    cursor: pointer;
    background: initial;
}


#emo_item {
    padding: 0;
    position: absolute;
    font-size: 24px;
	width: 38px;
	top: 8px; 
    right: 9px;
    cursor: pointer;
    width: auto;
    background: initial;
	vertical-align:middle;
	text-align:center;
}


.empty_emo {
    width: 100%;
}

*/
.head_option {
    direction: rtl;
	}
	
	#submit_button {
    border-radius: 6px!important;
}

#private_send {
    border-radius: 6px!important;
}


	
#global_chat {
    background: #222;
}


.userconnected {
    background-color: #8196ae;
}

#main_input, input[type="text"], textarea {
    /* width
Specifies the width of the content area, padding area or border area (depending on 'box-sizing') of certain boxes.

זמין ברוב הדפדפנים הגדולים (Baseline מאז ינואר 2018)
מידע נוסף

לא להציג
: 100% !important; */
    max-width: 100% !important;
    border: 0px solid #ddd !important;
    border-radius: 20px !important;
    /* background: white !important; */
    /* box-sizing: border-box !important; */
    outline: none !important;
    /*  font-size: 18px !important; */
} 
/* ulist addon - start */
.ulist_tag{width:100%;border-top-right-radius:50px;border-bottom-left-radius:50px;border:2px solid #fff;box-shadow:0 0 4px rgb(100,100,100,5)}
.ulist_intag{display:table;table-layout:fixed;width:100%;padding:5px 10px}
.ulist_ticon{display:table-cell;vertical-align:middle;width:30px;font-size:18px;text-align:center}
.ulist_ticon img{width:25px;height:25px;display:block;margin:0 auto}
.ulist_tdata{display:table-cell;vertical-align:middle;padding:0 8px;text-align:center}
.ulist_ttitle{font-weight:700;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.ulist_dj{
    background: linear-gradient(5deg, #000,#612bf5);
    color: #fff;
}
.ulist_owner {
    background: linear-gradient(to bottom, #0027ff 0%, #131f5f 60%);
    color: #fff;
}
.ulist_superadmin{
    background: linear-gradient(to left, #000,#a00);
    color: #fff;
}
.ulist_admin{
    background: linear-gradient(to right, #000,#000991);
    color: #fff;
}
.ulist_moderator{
    background: linear-gradient(to top, #000,#6b6b6b);
    color: #fff;
}
.ulist_vip{
    background: linear-gradient(to top, #000,#009ece);
    color: #fff;
}
.ulist_bot{
    background: #009b20;
    color: #fff;
}
.ulist_normal{
    background: #424242;
    color: #fff;
}
.ulist_offline{
    background: #424242;
    color: #fff;
  
}

/* ulist addon - end */

#main_input, input[type="text"], textarea {
    /* width
Specifies the width of the content area, padding area or border area (depending on 'box-sizing') of certain boxes.

זמין ברוב הדפדפנים הגדולים (Baseline מאז ינואר 2018)
מידע נוסף

לא להציג
: 100% !important; */
    max-width: 100% !important;
    border: 0px solid #ddd !important;
    /*border-radius: 20px !important;
    /* background: white !important; */
    /* box-sizing: border-box !important; */
    outline: none !important;
    /*font-size: 18px !important;   */
}


.input_row {
                display: flex;
                gap: 10px;
                margin-bottom: 10px;
            }

            /* טופס כניסת אורח מעודכן */
            .guest_login_section {
                width: 100%;
                max-width: 450px;
                margin: 0 auto;
            }


            .guest_form_inline {
             /* background: rgba(255, 255, 255, 0.1); */
                padding: 15px;
                border-radius: 15px;
             /* backdrop-filter: blur(10px); */
            }

            .input_wrapper {
                margin-bottom: 10px;
            }

            .guest_input {
                width: 100%;
                padding: 12px 20px;
                border: 2px solid #e0e0e0;
                border-radius: 25px;
                background: #ffffff;
                color: #000000;
                font-size: 15px;
                font-weight: 500;
                text-align: center;
                box-shadow: 0 2px 8px rgba(0,0,0,0.1);
                transition: all 0.3s ease;
                direction: rtl;
            }

            .guest_input:focus {
                outline: none;
                background: white;
                box-shadow: 0 4px 12px rgba(0,0,0,0.15);
                transform: translateY(-2px);
            }

            .input_row {
                display: flex;
                gap: 10px;
                margin-bottom: 10px;
            }

            .input_half {
                flex: 1;
            }

            .guest_select {
                width: 100%;
                padding: 12px 20px;
                border: none;
                border-radius: 25px;
                background: rgba(255, 255, 255, 0.95);
                font-size: 15px;
                text-align: center;
                box-shadow: 0 2px 8px rgba(0,0,0,0.1);
                cursor: pointer;
                transition: all 0.3s ease;
                direction: rtl;
            }

            .guest_select:focus {
                outline: none;
                background: white;
                box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            }

            /* עיצוב תיבת אישור תנאים */
            .terms_wrapper {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 10px 10px;
            }

            .terms_label {
                display: flex;
                align-items: center;
                cursor: pointer;
                position: relative;
                padding-right: 35px;
                user-select: none;
                direction: rtl;
                text-align: right;
            }

            .terms_checkbox {
                position: absolute;
                opacity: 0;
                cursor: pointer;
                height: 0;
                width: 0;
            }

            .checkmark {
                position: absolute;
                right: 0;
                height: 22px;
                width: 22px;
                background-color: rgba(255, 255, 255, 0.9);
                border-radius: 5px;
                box-shadow: 0 2px 5px rgba(0,0,0,0.1);
                transition: all 0.3s ease;
            }

            .terms_label:hover .checkmark {
                background-color: white;
                box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            }

            .terms_checkbox:checked ~ .checkmark {
                background-color: #00bcd4;
                box-shadow: 0 3px 10px rgba(0, 188, 212, 0.4);
            }

            .checkmark:after {
                content: "";
                position: absolute;
                display: none;
            }

            .terms_checkbox:checked ~ .checkmark:after {
                display: block;
            }

            .terms_label .checkmark:after {
                right: 7px;
                top: 3px;
                width: 6px;
                height: 11px;
                border: solid white;
                border-width: 0 3px 3px 0;
                transform: rotate(45deg);
            }

            .terms_text {
                color: ebeeef;
                font-size: 15px;
                line-height: 1.3;
                font-weight: bold;
               /* text-shadow: 0 2px 4px rgba(0,0,0,0.5); */
            }

            /* הודעת שגיאה */
            .error_message {
                background: rgba(244, 67, 54, 0.95);
                color: white;
                padding: 12px 20px;
                border-radius: 10px;
                text-align: center;
                margin-top: 10px;
                font-size: 14px;
                box-shadow: 0 3px 10px rgba(244, 67, 54, 0.3);
                animation: slideDown 0.3s ease;
            }

            .error_message i {
                margin-left: 8px;
            }

            @keyframes slideDown {
                from {
                    opacity: 0;
                    transform: translateY(-10px);
                }

                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            /* אנימציית רעידה */
            @keyframes shake {
                0%, 100% {
                    transform: translateX(0);
                }

                25% {
                    transform: translateX(-10px);
                }

                75% {
                    transform: translateX(10px);
                }
            }

            .shake {
                animation: shake 0.3s ease;
            }

            .recapcha_wrapper {
                display: flex;
                justify-content: center;
            }

            .cyan_btn {
                width: 100%;
                background: #216293 !important;
                color: white !important;
                font-size: 16px;
                font-weight: bold;
                padding: 12px 25px;
                transition: all 0.3s ease;
            }

            .cyan_btn:hover {
                background: #00a5bb !important;
                transform: translateY(-2px);
                box-shadow: 0 6px 20px rgba(0, 188, 212, 0.4);
            }

            .cyan_btn i {
                margin-left: 10px;
            }

@keyframes blinker {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

/* האנימציה של ההבהוב שלך */
@keyframes blinker {
    50% { opacity: 0; }
}

.live-button-blinking {
    animation: blinker 6s linear infinite;
    background-color: #ff0000;
    color: white;
    padding: 3px 8px;
    font-size: 12px;
    border: none;
    border-radius: 4px !important;
    display: none; /* ברירת מחדל */
    align-items: center;
    justify-content: center;
    cursor: pointer;
    direction: ltr;
}

/* מנעול זמן ב-CSS - ללא תלות ב-JS */
.keep-live[style*="display: block"] {
    display: block !important;
    animation: keepVisible 15s forwards;
}

@keyframes keepVisible {
    0% { display: block !important; opacity: 1; visibility: visible; }
    90% { display: block !important; opacity: 1; visibility: visible; }
    100% { /* כאן הוא יכול להיעלם אם השידור באמת נגמר */ }
}
/* מנעול CSS מוחלט לפי שם משתמש */
/* הוסף שורה כזו לכל משתמש שמשדר כרגע - זה יבוצע אוטומטית על ידי ה-JS */


.fa-video-camera {
    /* ... השאר את העיצוב הקיים שלך ... */
    
    /* התיקון להבהוב: */
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

/* כשהכפתור מקבל הוראת הסתרה, הוא ידע "להיעלם" לאט */
/* זה יכסה את העשירית שנייה של הריענון */
.fa-video-camera[style*="display: none"] {
    display: block !important; /* משאירים אותו ב-DOM */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease 0.5s !important; /* דיליי קטן לפני ההיעלמות */
}

/* כשהכפתור מוצג (דרך הסקריפט שלנו) */
.show-camera {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important; /* הופעה מיידית */
}
.keep-live {
    background-color: #ff0000;
    color: white;
    padding: 4px 8px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: none; /* ברירת מחדל */
    align-items: center;
}

.keep-live.show-camera {
    display: inline-flex !important; /* זה מה שמסדר את האייקון והטקסט בשורה */
    visibility: visible !important;
    opacity: 1 !important;
}

/* הבהוב עדין */
.live-button-blinking {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% { opacity: 0.7; }
}

.live-text-fix {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    margin-left: 18px !important; /* משאיר מקום לאייקון המצלמה מצד שמאל */
    display: inline-block !important;
}

.keep-live.fa-video-camera:before {
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 14px !important;
}

.keep-live.show-camera {
    display: inline-flex !important;
    background-color: #ff0000 !important;
    color: white !important;
    border-radius: 4px !important;
    padding: 3px 8px !important;
    border: none !important;
    visibility: visible !important;
}

/* 1. שינוי הרקע של כל תיבת הטופיק */
.topic_log {
    background-color: #f0f8ff !important; /* שנה לצבע הרקע הרצוי */
    border: 1px solid #add8e6 !important; /* מסגרת עדינה */
    border-radius: 10px !important; /* עיגול פינות */
}

/* 2. שינוי התמונה (האייקון) */
.tpicon {
    width: 60px !important;  /* שינוי רוחב התמונה */
    height: 60px !important; /* שינוי גובה התמונה */
    content: url('/meet/emoticon/food/קונדסון.gif') !important; /* נתיב לתמונה החדשה שלך */
}

/* 3. שינוי הפונט של הכותרת (Title) */
.tptitle {
    font-size: 18px !important; /* גודל הפונט של הכותרת */
    color: #333 !important;      /* צבע הכותרת */
   PADDING-RIGHT: 14PX;
}

/* 4. שינוי הפונט של תוכן ההודעה (Content) */
.tptext {
    font-size: 16px !important; /* גודל הפונט של הטקסט */
    color: #555 !important;      /* צבע הטקסט */
    line-height: 1.5 !important; /* מרווח בין השורות */
 PADDING-RIGHT: 12PX;
}


/* האייקון מוסתר כברירת מחדל */
.icmobile {
    display: none !important;
}

/* כשהוא פעיל, הוא מוצג */
.icmobile.mobile-active {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* טריק ה-60 שניות ב-CSS: אם הקלאס מוסר, האייקון יתפוגג לאט מאוד */
.icmobile:not(.mobile-active) {
    transition: opacity 60s step-end;
    opacity: 0;
}
.icmobile i {
    background: rgba(46, 204, 113, 0.15); /* רקע ירוק עדין מאוד */
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 16px !important;
    border: 1px solid rgba(46, 204, 113, 0.3);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* עיצוב כפתור הלייב החדש (2026) */
/* עיצוב הכפתור הירוק המורחב (2026) */
.gcall_live_btn {
    background-color: #2ecc71 !important;
    color: white !important;
    border-radius: 4px !important;
    /* הקטנו מ-8px ל-5px כדי להצר את הכפתור */
    padding: 3px 5px !important; 
    border: none !important;
    position: absolute !important;
    top: 14px !important;
    left: 34px !important;
    z-index: 12 !important;
    /* הגדרת רוחב מינימלי במידת הצורך כדי שיהיה זהה לאדום */
    min-width: 55px !important; 
    box-sizing: border-box !important;
}

/* האייקון מוצמד לקצה השמאלי */
.gcall-camera-icon:before {
    content: "\f03d" !important;
    font-family: FontAwesome !important;
    position: absolute !important;
    left: 4px !important; /* צמוד לשמאל */
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 13px !important;
}

/* הטקסט "בשידור" */
.gcall_live_btn .live-text-fix {
    margin-left: 17px !important; /* מרווח מהאייקון */
    font-family: Arial !important;
    font-weight: 600 !important;
    font-size: 10px !important;
    display: inline-block !important;
    white-space: nowrap !important;
}