body {
  user-select: none;
}

.chat_message,.a  {
    -webkit-tap-highlight-color: transparent;
}
.xxyld {
width: 42px; height: 21px; margin-right:5px; 
}
.video-container {
  position: relative;
  padding-bottom: 70%;
  /* 16:9 aspect ratio */
  height: 0;
    
}

.video-container video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
	
	
.video-js{
  position: absolute !important;
  height: 100%;
  width: 100%;
}


#chat_right_data::-webkit-scrollbar{display:none}#chat_right_data{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:.21em}::-webkit-scrollbar-thumb{background:#a4a4a4}*{scrollbar-width:thin}
	
.user-box {
  position: relative;
    
}

.user-box input {
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  color: #000000;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  background: transparent;
    
    
}
.user-box label {
  position: absolute;
  top:-1px;
  left: 80%;
  padding: 5px 0;
  font-size: 15px;
  color: #545454;
  pointer-events: none;
  transition: .2s;
 
    
    
}

.user-box input:focus ~ label,
.user-box input:valid ~ label {
  top: -14px;
  left: 81%;
  color: #000000;
  font-size: 13px;
 
    
}

.k2_18 {
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 15px;
}

.k2_11{width: 25px; height: 25px; padding-top:3px;}
.k2_2{border-radius: 50px; border:1px solid #000000!important; }
.k2_3{background:#fff}
.k2_4{ margin-right:-1%; margin-top:10%; color:#000000; font-size:15px;}
.k2_5{padding:25%;}
.k2_6{ margin-top:-15%; margin-right:88%;}
.k2_60ak{ position:sticky; margin-top:-15%; margin-right:88%;}
.ketoXx{padding-left:35%;}

.k2_12{border-radius: 50px;}
.k2_13{font-size:40px; position: absolute; margin-top:-85px;  margin-right:60px;}
.k2_14{width: 90px; height: 90px; margin-top:15px; margin-left:-25px;}
.ketoXxX{padding-top:3%; padding-right:35%;}


.k2_19{margin-right: 6%; margin-left: 6%; }

.k2user-box {
  position: relative;
    
}

.k2user-box input {
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  color: #000000;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  background: transparent;
    
    
}
.k2user-box label {
  position: absolute;
  top:-1px;
  left: 90%;
  padding: 5px 0;
  margin-left:-3px;
  color: #545454;
  pointer-events: none;
  transition: .2s;
 
    
    
}

.k2user-box input:focus ~ label,
.k2user-box input:valid ~ label {
  top: -14px;
  left: 90%;
  color: #4d4d4d;
  font-size: 12px;
 font-weight:700
    
}

.K2_AaA { display:table; table-layout:fixed; width:95%; }


img[src$="a36.png"],img[src$="a37.png"],img[src$="a38.png"],img[src$="a39.png"],
img[src$="a40.png"],img[src$="a41.png"],img[src$="a42.png"],img[src$="a43.png"],
img[src$="a44.png"],img[src$="a45.png"],img[src$="a46.png"],img[src$="a47.png"],
img[src$="a48.png"] {
    height: 20px;
}

img[src$="a49.png"],
img[src$="a50.png"] {
    height: 19px;
}

img[src$="zz24.png"],
img[src$="zz25.png"] {
    height: 19px;
}

.pdetails_text.pro_rank img[src*="tag.gif"] {
  
    height: 30px; 
	margin-right:85px;
}






img[src$="n73.png"] {
    height: 16px;
    width: 20px;
}

img[src$="zz27.gif"] {
    height: 17px;
	width:14px
}
img[src$="zz33.gif"] {
    height: 17px;
	width:17px
}
img[src$="zz32.gif"] {
    height: 19px;
	width:23px
}
img[src$="zz31.gif"] {
    height: 18px;
	width:19px
}
img[src$="zz30.gif"] {
    height: 18px;
	width:19px
}
img[src$="zz28.gif"] {
	margin-bottom: -6px;
    height: 22px;
	width:26px
}
img[src$="zz29.gif"] {
	margin-bottom: -6px;
    height: 21px;
	width:21px
}

img[src$="zz16.png"] {
    height: 20px;
}
img[src$="zz17.gif"] {
    height: 21px;
	margin-bottom: -5px;
	width:22px
}
img[src$="zz15.gif"] {
    height: 16px;
	width:16px
}
img[src$="zz37.gif"] {
	margin-top: -5px;
    height: 23px;
	width:20px
}
img[src$="zz38.gif"] {
    height: 16px;
	width:16px
}
img[src$="zz39.gif"] {
	margin-top: -5px;
    height: 22px;
	width:25px
}
img[src$="EM66.png"] {
	margin-top:2px;
    height: 25px;
	width:40px
}

.ahmedkk2 {
  
    height:38px;

}


img[src$="ZH21.png"] {
    height: 25px;
    width: 22px;
}

img[src$="ZH22.png"] {
    height: 22px;
    width: 23px;
}


img[src$="ZH1.png"],img[src$="ZH2.png"],img[src$="ZH3.png"],img[src$="ZH4.png"],img[src$="ZH5.png"],
img[src$="ZH6.png"],img[src$="ZH7.png"],img[src$="ZH8.png"],img[src$="ZH9.png"],img[src$="ZH10.png"],
img[src$="ZH11.png"],img[src$="ZH12.png"],img[src$="ZH13.png"],img[src$="ZH14.png"],img[src$="ZH15.png"],
img[src$="ZH16.png"],img[src$="ZH17.png"],img[src$="ZH18.png"],img[src$="ZH19.png"],img[src$="ZH20.png"] {
    height: 24px;
    width: 25px;
    margin-top: -2px;
	margin-bottom: -6px;
}

#fontitSelectBoxIt {width: 150px;}

#bolditSelectBoxItText {width: 150px;}

.QColor_k2 {
    font-size: 1.5em; /* تكبير حجم الأرقام */
    font-family: 'Arial', sans-serif; /* تغيير الخط */
    font-weight: bold; /* جعل النص عريض */
    color: #fff; /* لون النص الافتراضي */
    background: none; /* إزالة الخلفية */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); /* إضافة ظل للنص */
    border-radius: 2em 1em 4em/0.5em 3em;
    animation: scaleUp 3s ease infinite, shake 1.5s ease infinite; /* إضافة تأثيرات التكبير والاهتزاز */
}

/* تأثيرات الألوان بناءً على النقاط */
.QColor_k2.red {
    animation: redColorChange 5s ease infinite;
}

.QColor_k2.blue {
    animation: blueColorChange 5s ease infinite;
}

.QColor_k2.green {
    animation: greenColorChange 5s ease infinite;
}

.QColor_k2.gold {
    animation: goldColorChange 5s ease infinite;
}

/* أنيميشن تغيير اللون الأحمر */
@keyframes redColorChange {
    0% {
        color: #ff0000; /* أحمر */
    }
    100% {
        color: #d20000; /* أحمر داكن */
    }
}

/* أنيميشن تغيير اللون الأزرق */
@keyframes blueColorChange {
    0% {
        color: #0037ff; /* أزرق */
    }
    100% {
        color: #001f7d; /* أزرق داكن */
    }
}

/* أنيميشن تغيير اللون الأخضر */
@keyframes greenColorChange {
    0% {
        color: #0a9d00; /* أخضر */
    }
    100% {
        color: #087c00; /* أخضر داكن */
    }
}

/* أنيميشن تغيير اللون الذهبي */
@keyframes goldColorChange {
    0% {
        color: #d4af37; /* ذهبي */
    }
    100% {
        color: #b58b27; /* ذهبي داكن */
    }
}

/* تأثير التكبير والتحول */
@keyframes scaleUp {
    0% {
        transform: scale(1); /* الحجم العادي */
    }
    50% {
        transform: scale(1.2); /* تكبير النص */
    }
    100% {
        transform: scale(1); /* العودة للحجم العادي */
    }
}

/* تأثير الاهتزاز */
@keyframes shake {
 0% { transform: skewX(-15deg); }
 5% { transform: skewX(15deg); }
 10% { transform: skewX(-15deg); }
 15% { transform: skewX(15deg); }
 20% { transform: skewX(0deg); }
 100% { transform: skewX(0deg); }
}


.ulist_container_k2 {
	display:table;
	padding:12px;

}

.ulist_item_k2 {
	
	margin-top:5px;
}

.rank-1 {
   background:linear-gradient(45deg,#560000 0%,#ffcc6c 50%,#b10000 100%)
}

.rank-2 { 
    background:linear-gradient(to right,#2af1c3,#ff7800)
}

.rank-3 {
    background:linear-gradient(to right,#062061,#abe2ff,#ffc5ef,#ec38bc)
}
.rank-4 {
    background:linear-gradient(to right,#ffe0e0,#d4a25a,#b5faa2,#3f002e)
}

.rank-5 {
    background:linear-gradient(45deg,#1e0056 0%,#ffdede 50%,#2cb100 100%)
}

.FQN {
  font-family: "Oldenburg", serif;
  font-weight: 400;
  font-style: normal;
  font-size:19px
}


.ulist_container_k2 {
  background: linear-gradient(to top,#000000,#8b0000,#000000)
}

.copy_button {
  background-color: #007bff;
  border: none;
  color: white;
  font-size: 16px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 3px;
  transition: background-color 0.1s ease;
  position: relative;
  flex-shrink: 0;
}

.copy_button:hover {
  background-color: #222222eb;
}

.copy_button i {
  font-size: 14px;
}

.Psearch_button {
  width: 30px;
  height: 30px;
  background-color: #eeeeee;
  border: 1px solid #505050;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.Psearch_button i {
  font-size: 16px;
  color: #333;
}

.Plisting_text {
  color:#000;
  font-size: 13px;
  word-wrap: break-word;
  min-height: 20px;
  display: flex;
  align-items: center;
  gap: 5px;
}


.spinner {
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top: 3px solid white;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: spin 1s linear infinite;
  display: none; 
  position: absolute;
}

#playPauseBtn > i.fa-play {
  position: relative;
  left: 0.75px;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.musPro {
  animation: shakeEvery30 8s ease infinite;
  display: flex;
  width: 20px;
  height: 20px;
  background-color: red;
  border-radius: 15%;
  align-items: center;
  justify-content: center;
  color: black;
  font-size: 13px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.musPro2 {
  background-color: #f44336;
  color: white;
  border: none;
  gap: 5px;
  min-width: 70px;
  flex-shrink: 0;
  font-size: 14px;
}

.musPro3 {
  background-color: #4CAF50;
  color: white;
  border: none;
  gap: 5px;
  min-width: 70px;
  flex-shrink: 0;
  font-size: 14px;
}

@keyframes shakeEvery30 {
  0%, 16.66% { transform: skewX(0deg); }
  20% { transform: skewX(-5deg); }
  23.33% { transform: skewX(5deg); }
  26.66% { transform: skewX(-5deg); }
  30% { transform: skewX(5deg); }
  33.33% { transform: skewX(0deg); }
  100% { transform: skewX(0deg); }
}

.fast1 {
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%; 
  background:rgba(0,0,0,0.5); z-index:9999;
  justify-content:center;
  align-items:flex-start;
  padding-top:50px;
}

.fast2 {
  background:#fff;
  padding:25px;
  border-radius:8px;
  max-width:400px;
  text-align:right;
  position:relative;
  direction:rtl;
}

.fast3 {
  margin-top:0;
  margin-bottom:15px;
  font-size:20px;
  text-align:center;
  color:darkred;
}

.fast4 {
  padding-right:20px;
  font-size:16px;
  line-height:1.6;
}