/***************************************************************************/
/*                                                                         */
/*                         الــمــؤسـس احـــــــمــــــد الاســـــــــــد                         */
/*                                                                         */
/***************************************************************************/
body {
  user-select: none;
}
.cavatar,.avav,.avatar_profile,.fancybox-image,
.pzeka,.empty_zone_icon,.xxyld,.pzk22,.state_profile,
.pro_ranking,.avatar_menu,.lazyboom,.emo_select,.default_btn,
.emocc,.bck22,.status_icon,.icon_status,.avavatar,.paint_icon,.skk22,
.you_tumb,.like_icon,.fancybox,.chat_image,.list_status{
  -webkit-user-drag: none;
  user-drag: none;
  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: 28px; 
}






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$="ZH24.png"],img[src$="ZH27.png"],
img[src$="ZH19.png"],img[src$="ZH20.png"] {
    height: 24px;
    width: 25px;
    margin-top: -2px;
	margin-bottom: -6px;
}
img[src$="ZH25.gif"] {
    height: 25px;
    width: 22px;
    margin-top: -2px;
}
img[src$="ZH26.gif"] {
    height: 25px;
    width: 22px;
    margin-top: -2px;
}

img[src$="zz41.gif"],
img[src$="zz42.gif"] {
    height: 19px;
}

#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;
}

.theme_btn2 {
    background:#ff0000;
    color:#ffffff
}

.bcell_online {

    color:#ff0000
}

.k203 {
    color:#ff0000;
    background:#333333;
    padding:2px 10px;
    display:inline-block;
    border-radius:8px;
}


.k2bo22 {
		padding: 5px 5px;
		margin: 0 auto;
		width: 90%;  
}

.k200,.k201,.k202 {
    color:#ffe700;
    background:#333333;
    padding:5px;
    display:inline-block;
    line-height:0em;
    margin-top:5px;
    border-radius:20px;
    font-weight:400
}

@media (max-width: 768px) {
    .k2bo22 {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .k2bo22 > div {
        flex: 1 1 48%;
        box-sizing: border-box;
        text-align: center;
    }
}

.Keto_notice {
    color:#ffffff;
    background:#333333;
    padding:3px 10px;
    display:inline-block;
    line-height:1em;
    margin-top:2px;
    border-radius:20px;
    font-weight:400
}

.hon {
display:none;
}

.apad15 {
    padding:15px 15px 0px ;

}




/*      == == ==       */	  



.pro_rank{
    color: transparent;
}

.brow .interactive {
    pointer-events: auto;
}

.profile_name_wrapper {display: flex;align-items: center;gap: 8px;margin-bottom: 8px;}
.state_profilex {
    width:16px;
    height:16px;
    bottom:5px;
    right:5px;
    z-index:30;
    border:2px solid #fff;
    border-radius:50px
}

.fancybox-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: black;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f900;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-wrap {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    padding: 0 !important;
    margin: 0 !important;
    pointer-events: none !important;
}

.fancybox-skin,
.fancybox-inner {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    pointer-events: none !important;
}

.fancybox-image {
    width: auto !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block;
    pointer-events: auto !important;
}
      
.fancybox-close {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 36px;
    height: 36px;
    z-index: 8040;
    pointer-events: auto !important;
}
	  
.large_modal_in {
    margin: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
	position: fixed !important; 
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.top_background,.background_header,.chat_head,.chat_footer,.panel_top,.emo_head,.modal_top {
    background:#2f63ff;
    color:#fff
}


.fa-smile-o,.fa-plus,.k2black { color: #000000; }

.input_wrap { 
    background: #F5F5F5; 
    border-top: 1px solid #ededed;
    padding: 10px 0;
    min-height: 70px;
}

#content{
    width:100%;
    height:100%;
    padding-top:4px;
    padding-right:3px;
    margin-left: -8px;
    float:left;
    font-size:16px;
    border-radius:0;
    background:#F5F5F5;
    border:1px solid #F5F5F5!important;
    border-bottom:2px solid red!important
}


.fa-smile-o,.fa-plus,.k2black { color: #000000; }

.input_wrap { 
    background: #F5F5F5; 
    border-top: 1px solid #ededed;
    padding: 10px 0;
    min-height: 70px;
}

#message_content{
    width:100%;
    height:100%;
    padding-bottom:0px;
    padding-right:3px;
    margin-left: -8px;
    float:left;
    font-size:16px;
    border-radius:0;
    background:#F5F5F5;
    border:1px solid #F5F5F5!important;
    border-bottom:2px solid red!important
}
	
#priv_input_extra {
    width:auto;
    position:absolute;
    bottom:25px;
    left:0;
    z-index:100;
    padding:3px;
    display:none;
    border-radius:5px;
    max-width:240px
}


.bnd1 {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	direction: rtl;
	width: 100%;
	box-sizing: border-box;
	padding: 16px;
	border-radius: 15px;
	border: 2px solid transparent;
	background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #ff00cc, #3333ff, #00ffcc);
	background-origin: border-box;
	background-clip: padding-box, border-box;
}
	
.bnd2 { font-size:15px; margin: 0; white-space: nowrap; flex-shrink: 0; min-width: 90px; text-align: right; }
.bnd3 { font-size:15px; margin: 0; white-space: nowrap; flex-shrink: 0; min-width: 90px; text-align: right; }
.bnd4 { margin: 0; flex-shrink: 0; white-space: nowrap; padding: 3px 12px; width: auto; min-width: max-content; }


.user_count {
    background: linear-gradient(135deg, #001fab 0%, #2049cb 100%) !important;
    border: 1px solid #00ff33 !important; 
    border-radius: 4px !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;
}

.user_count .bcell, .user_count .bcell_online {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 14px !important; 
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

.user_count .ucount {
    padding: 3px 10px !important;
    font-size: 12px !important;
}

.user_count:has(.bcell_online) {
    display: none !important;
}

.user_item,.user_item_custom {
    background: transparent !important;
    border: 1px solid rgb(0 31 255) !important;
    border-radius: 50px !important;
    margin-bottom: 5px !important;
    padding: 4px 12px !important;
    display: table !important;
    transition: all 0.3s ease-in-out !important;
}

.user_item:hover, .user_item_custom:hover {
    border-color: #4e91df !important;
    background: transparent !important;
    box-shadow: 0 0 10px rgb(0 23 255 / 40%) !important;
}

.user_item_avatar .acav {
    border: 1px solid rgb(255 0 0) !important;
    animation: userPulse 2s infinite !important;
}

@keyframes userPulse {
    0% {
        box-shadow: 0 0 0 0 rgb(255 0 0);
    }
    70% {
        box-shadow: 0 0 0 5px rgba(157, 78, 223, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(157, 78, 223, 0);
    }
}

.dm1 { position: absolute; top: 75px;  left:20px; border: 3px solid #transparent; z-index: 1; }
.dm2 { font-size:24px; position: absolute; top: 92px;  left:70px; border: 3px solid #transparent; z-index: 1; }
.dm6 { 
    display:none; 
    position: fixed; 
    top: 0; left: 0; right: 0; bottom: 0; 
    background: rgba(0,0,0,0.6); 
    justify-content: center; 
    align-items: center; 
    z-index: 99999;
}
.dm7 { 
    background: #fff; 
    padding: 10px; 
    border-radius: 2px; 
    width: 90%;
    box-shadow: 0 0 10px rgba(0,0,0,0.3); 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
    text-align: right; 
    position: relative; 
    margin-top: -200px;
}
.dm8 { 
    display: flex; 
    justify-content: flex-start; 
    gap: 10px; 
    position: absolute; 
    bottom: 20px; 
    left: 20px; 
    margin-bottom: -5px;
}
.dm9 { 
    background:#28a745;
    color:white;
    padding:0px 35px;
    border:none;
    border-radius:5px;
}
.dm10 { 
    background:#dc3545;
    color:white;
    padding:0px 35px;
    border:none;
    border-radius:5px;
}

.dm11 { width:35px; height:35px; margin-right:6px; margin-top:3px; }
.dm12 { text-align: center; background: #fff3cd; color: #856404; border-top: 1px solid #ffeeba; font-weight: bold; }
.dm13 {
	background-color: white;
	width:100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 20px;
}
.dm14 { font-family: Arial, sans-serif; color: #333; margin-bottom: 10px; }
.dm15 { font-family: Arial, sans-serif; color: #555; font-size: 18px; margin-bottom: 20px; }
.dm16 { width: 150px; margin-bottom: 20px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
.dm17 {
	display:inline-block;
	padding: 12px 25px;
	background-color: #4285F4;
	color: white;
	text-decoration: none;
	border-radius: 5px;
	font-family: Arial,sans-serif;
	font-size: 16px;
	margin-bottom: 20px;
}
.dm21 { width: 120%; height: 120%;  margin-left:-10%; margin-top:-15%; }

.selectboxit-option-icon-container { display: none !important; }

.sub_k2_a1 {
    width:60px;
    height:60px;
    padding:5px;
}
.sub_k2_a1:hover {
    padding:0;
    transition:all 0.3s
}