/* general colors */
a {color:orange;}
body {background:#ededed; color:#060606;}
button { background:transparent; color:#fff; }
input, textarea, .post_input_container { background:#f6f6f6; border:1px solid #e6e6e6 !important; }
.setdef { color:#333; }

/* item with background no effect */
.bback { background:rgb(0,0,0,0.05); }

/* item with background no effect with border */
.bbackb { background:rgb(0,0,0,0.05); border:1px solid rgb(0,0,0,0.08); }

/* item with no background and hover effect */
.bhover:hover, .bhoverr:hover { background:rgba(255, 255, 255, 0.33); }

.fmenu_item{
    border: 2px double #fffc;
    background: whitesmoke;
    color: black;
    margin-top: 10px;
}
/* item with background and hover effect */
.bbackhover { background:rgb(0,0,0,0.05); }
.bbackhover:hover { background:rgb(0,0,0,0.025); }

/* item width background and hover effect with a border */
.bbackhoverb { background:rgb(0,0,0,0.05); }
.bbackhoverb:hover { background:rgb(0,0,0,0.025); border:1px solid rgb(0,0,0,0.08); }

/* item with no background with line separator and hover effect */
.blisting { border-bottom: 1px solid rgb(0,0,0,0.08); }
.blisting:hover { background: rgb(0,0,0,0.05); }
.bblisting { border-bottom: 1px solid rgb(0,0,0,0.08); background: #ffffff;}
.bblisting:hover { background: rgb(0, 0, 0); color: white;}

/* item with no background with line separator */
.blist { border-bottom: 1px solid rgb(0,0,0,0.08); }

/* private panel top */
.back_ptop { background:linear-gradient(100deg,#000f1a,#003257),repeating-linear-gradient(45deg,rgb(162, 162, 162) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%); color:#fff; background-blend-mode: overlay;}

/* page menu & page sub menu */
.bpmenu:hover { background: rgb(255,255,255,0.1); }
.bsub { background:rgb(0,0,0,0.1); }
.bsub:hover { background:rgb(0,0,0,0.2); }

/* sub menus for card, logs, wall, news */
.bmenu, .submenu { border-bottom:1px; background: white; color: #000; solid rgb(0,0,0,0.05); }
.bmenu:hover, .submenu:hover { background:rgb(0,0,0,0.05); }

/* box shadow */
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed { box-shadow:0 1px 3px rgba(0, 0, 0, 0.09); }

/* main item selected for panel and box */
.bselected { background:rgb(0,0,0,0.08); }

/* reg menu selected item */
.rselected { background:rgba(255, 255, 255, 0.64); }

/* page selected */
.pselected { color:#03add8; }

/* current item selected */
.cselected, .liked { background:rgb(0,0,0,10.05); color: white;}

/* paginate item selected */
.pag_btn { background:rgb(0,0,0,0.05); color:#666; }
.pagselected, .pag_btn:hover { background:rgb(0,0,0,0.10); }

/* count and gold tag */
.gtag { background:#fff; border:1px solid rgb(0,0,0,0.08); }

/* border color for separator and items border */
.bborder { border-bottom:1px solid rgba(0, 0, 0, 0.09); text-align: center;}
.tborder { border-top:1px solid rgb(0,0,0,0.08); }
.lborder, .ppanel { border-left:1px solid rgb(0,0,0,0.08); }
.rborder { border-right:1px solid rgb(0,0,0,0.08); }
.fborder { border:1px solid rgba(0, 0, 0, 0.12); background: white;}

/* float top color */
.float_top { border-bottom:1px solid rgb(0,0,0,0.08); }
.float_ctop { border-bottom:1px solid rgb(0,0,0,0.08); color: #fff;background-blend-mode: overlay;/*! background: white; */}

/* headers colors and top box colors */
.bhead {   background: linear-gradient(125deg,#044267,#000),repeating-linear-gradient(45deg,rgb(161, 161, 161) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);color: #fff;background-blend-mode: overlay;}
.modal_top { background:#222; color:#fff; }
.pro_top {   background: linear-gradient(125deg,#044267,#000),repeating-linear-gradient(45deg,rgb(161, 161, 161) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);color: #fff;background-blend-mode: overlay;}
.foot { background:#222; color:#fff; }

/* background major element panel, page menu, float menu, modal, chat boxes */
.backglob { background:#fff; }
.back_chat { background:#f6f6f657; }
.back_priv { background:#fff; }
.back_panel { background:#fff; }
.back_menu {  background: white;}
.back_pmenu { background:#292929; color:#fff; }
.back_box {  background: linear-gradient(185deg,#24256b,#000),repeating-linear-gradient(45deg,rgba(161, 161, 161, 0.48) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);color: #fff;background-blend-mode: overlay;background: white;}
.back_input { background:#fff; border-top:1px solid rgb(0,0,0,0.08); background: linear-gradient(100deg,#000f1a,#003257),repeating-linear-gradient(45deg,rgb(162, 162, 162) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);background-blend-mode: overlay;}
.back_modal { background:#fff; }
.page_element { background:#fff; }
.back_quote { background:linear-gradient(125deg,#044267,#000),repeating-linear-gradient(45deg,rgb(161, 161, 161) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%); background-blend-mode: overlay;color: white;}

.clevel {
  background:#6a6a6a;
}
.user_item {
  background:linear-gradient(135deg,#fff,#f8fbff);
  border:1px solid rgba(255, 255, 255, 0.5);
}


.over_modal_in {
  background: linear-gradient(135deg, #fff, #e6e6e6);
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  padding: 20px;
  color: #2c2c2c;
  max-width: 500px;
  width: 95%;
  position: relative;
  animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}

#notification_menu_content{
    background: whitesmoke
}
/* main theme color */
.theme_color { color:#03add8; }
.default_color { color:#222; }
.error  { color:#d60606; }
.success { color:#74b20e; }
.warn { color:orange; }

/* button colors */
.theme_btn, .back_theme { background:linear-gradient(125deg,#044267,#000),repeating-linear-gradient(45deg,rgb(161, 161, 161) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%); color:#fff; background-blend-mode: overlay;}
.default_btn, .back_default { background:#222; color:#fff; width: ;}
.defaultd_btn { background:#333; color:#fff; }
.ok_btn { background:#74b20e; color:#fff; }
.warn_btn { background:orange; color:#fff; }
.delete_btn { background:#cc0000; color:#fff; }
.send_btn { color:#fff; }

/* default username color */
.user { color:#232323; }

/* chat system messsage text color */
.chat_system { color:#040303; }

/* opacity for offline users in list */
.offline { opacity:0.5; }

/* menu icon */
.menui { color:#000; }
.subi { color:#000; }

/* wall reply background */
.reply_item { background:#f6f6f6; }

/* main post item option wall and news */
.main_post_item { color:rgb(0,0,0,0.5); }

/* input option background colors */
.input_item { color:#999; }

.hunt_quote,
.target_private {
  color: #fff;
  background: linear-gradient(135deg, #2d2c3c, #070709);
  border-radius: 0 12px;
  padding: 8px;
  margin: 6px 0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: visible;
}

.hunter_private,
.targ_quote {
  color: #2c3e50;
  background: linear-gradient(135deg, #fff, #e9e9e9);
  border-radius: 0 12px;
  padding: 8px;
  margin: 6px 0;
  box-shadow: 0 2px 6px rgba(122, 122, 123, 0.27);
  position: relative;
  overflow: visible;
}

.hunt_quote::before,
.target_private::before,
.hunter_private::before,
.targ_quote::before {
  content: "❤";
  position: absolute;
  font-size: 15px; 
  color: #ff3366;
  text-shadow: 0 3px 6px rgba(0,0,0,0.5); 
  animation: heartFloat 2.5s ease-in-out infinite;
  top: -5px;
  left: 1%;
  transform: translateX(-50%);
}

.hunt_quote::after,
.target_private::after,
.hunter_private::after,
.targ_quote::after {
  content: "❤";
  position: absolute;
  font-size: 15px;
  color: #ff6699;
  text-shadow: 0 3px 6px rgba(0,0,0,0.5);
  animation: heartFloat 3s ease-in-out infinite;
  bottom: -16px;
  left: 95%;
  transform: translateX(-50%);
}
@keyframes heartFloat {
  0% {
    transform: translateX(-50%) scale(0.9);
    opacity: 1;
  }
  50% {
    transform: translateX(-50%) scale(1.3) translateY(-6px);
    opacity: 0.9;
  }
  100% {
    transform: translateX(-50%) scale(1);
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .hunt_quote,
  .target_private,
  .hunter_private,
  .targ_quote {
    font-size: 14px;
    padding: 6px;
  }
  .hunt_quote::before,
  .target_private::before,
  .hunter_private::before,
  .targ_quote::before,
  .hunt_quote::after,
  .target_private::after,
  .hunter_private::after,
  .targ_quote::after {
    font-size: 16px; 
  }
}

/* quote in chat background */
.cquote {  background:rgb(0,0,0,0.05) !important; }
.cqname { color:#000; }
.cqmess { color:#666; }

/* tab menu */
.tab_menu { background:#fff; box-shadow:0 1px 3px rgb(0,0,0,0.2); }
.tab_menu_item { }
.tab_selected { background:rgb(0,0,0,0.08); }

/* modal menu */
.modal_mback { background:rgb(0,0,0,0.04); }
.modal_mborder { border-bottom: 1px solid rgb(0,0,0,0.08); }
.modal_selected { background:rgb(0,0,0,0.08); }

/* back transparency background for modal box */
.modal_back { background-color:rgba(0,0,0,0.4); }

/* chat logs */
.log2 { background:rgba(0, 0, 0, 0); /*! padding: 4px; */}
.topic_log { background:#222; color:#fbfbfb; }
.sys_log { line-height: 1.4em;padding: 8px;display: inline-block;max-width: 100%;background: #ffffffd1 !important;border-radius: 8px;margin-top: 2px;}

/* upload progress */
.bprogress { background:#74b20e; color:#fff; }

/* notification colors */
.bnotify { background:red; color:#fff; }
.foot_notify, .head_notify { border:1px solid #fff; }

/* date colors */
.sub_date { color:#000; }
.sub_chat, .sub_priv { color:#000; }

/* secondary text color */
.sub_text, .list_mood { color:#6f6f6f; }
/* profile likes */
.plikes { background-color:rgba(100,100,100,0.3); color:#fff; }

/* spinner color */
.bspin { color:rgb(0,0,0,0.3); }

/* special chat item */
.my_notice { color:#fff; background:#03add8; }
.system_text { background:#ededed; color:#666; }

/* outside pages background */
.back_page { background:#222; color:#fff; }

/* video background color */
.post_video { background:rgb(0,0,0,1); }

/* slider */
.boom_slider .ui-widget-content { background: #ededed; }
.boom_slider .ui-state-default { background: #999 !important; }
.boom_slider .ui-state-active { background: #999 !important; }
.boom_slider .ui-slider-range { background:#ccc; }

/* select input color */
.selectboxit-list, .selectboxit-btn { background-color: #f6f6f6; color:#666;  border:1px solid #e6e6e6 !important; }
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color: #ededed; color:#666; }
.selectboxit-default-arrow { border-top: 4px solid #666; }
.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { background:#f6f6f6; color:#666; }
.selectboxit-options { background:#fff; border:1px solid #ccc; }
.selectboxit-list .selectboxit-option-anchor { color:#666; }

/* chat_message */

.chat_log.log2 .my_text {
}

.ch_logs {
 margin-top:10px;
 margin-bottom:3px;
 padding:6px !important;
 border-radius:10px;
 border:1px dashed #ecd2eb00;
 border-right:4px solid #e2e2e2;
 border-left:5px solid #00102d;
 background: #e0e0e038;
}
.ch_logs.log2 {
 margin-top: 10px;
 margin-bottom: 3px;
 padding:6px !important;
 border-radius:10px;
 border:1px dashed #ecd2eb00;
 border-right:4px solid #2e263f;
 border-left:5px solid #b4b4b4;
  background: linear-gradient(to right, #ffffff1c, #ffffffc8); 
}
.chat_message {
 line-height:1.4em;
 padding:0 5px;
 display:inline-block;
 max-width:100%;
 /*! background:#4b3b3b4a !important; */
 border-radius:8px 0 8px 8px;
 margin-top: 2px;
}
/* Ex.theme */
.panel_bar {
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  border-bottom:3px solid #000 !important;
  background:linear-gradient(125deg,#044267,#000),repeating-linear-gradient(45deg,rgb(161, 161, 161) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);
  background-blend-mode:overlay;
  color:#fff
}
.room_celem {
  border-radius:12px;
  margin-bottom:10px;
  outline:0;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(139,69,19,.1);
  background: white
}s
.room_celem:last-child {
  margin-bottom:0
}
.room_celem:hover {
  border:1px solid #FFF;
  border-bottom:1px solid #FFF !important;
  background:linear-gradient(135deg,#000,#000) !important;
  box-shadow:0 4px 15px rgba(255, 255, 255, 0.3);
  color: white;
}
.chat_rlist,pad15,left_keep {
  background: linear-gradient(125deg,#044267,#000),repeating-linear-gradient(45deg,rgb(161, 161, 161) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);
  background-blend-mode: overlay;
}
.room_ccount {
  margin-left:1px;
  background:linear-gradient(135deg,#8B4513,#A0522D);
  color:#fff;
  border:2px solid #D2691E;
  font-weight:700;
  font-size:10px;
  display:inline-block;
  padding:2px 6px;
  border-radius:8px;
  direction:rtl;
  text-align:left;
  float:left
}
.bback,
.bbackb,
.bbackhover,
.bbackhoverb,
.blisting:hover,
.bmenu:hover,
.submenu:hover {
  background:rgba(48, 47, 55, 0.09);
}
.room_ctag[src="default_images/rooms/user_count.svg"] {
  width:18px;
  height:18px;
  border:2px solid #1E86D2;
  border-radius:5px
}
#personal_account {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 15px;
  padding: 15px;
}

#personal_more {
  display: none;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 15px;
  padding: 10px 7px;
}

#personal_account .proitem,
#personal_more .proitem {
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 10px;
  flex-direction: column;
  min-height: 120px;
  transition: all 0.3s ease;
  /*! border: 1px solid rgba(139, 69, 19, 0.2); */
  background: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  text-align: center;
  box-shadow: 1px 2px 8px #a3abc994;
}

#personal_account .proitem:hover,
#personal_more .proitem:hover {
  background: linear-gradient(125deg,#044267,#000),repeating-linear-gradient(45deg,rgb(161, 161, 161) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);
  background-blend-mode: overlay;
  color: white;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

#chat_left_menu .fmenu_item:hover .fmenu_icon,
#chat_left_menu .fmenu_item:hover .fmenu_text,
#chat_left_menu .fmenu_item:hover i,
#chat_main_menu .fmenu_item:hover .fmenu_icon,
#chat_main_menu .fmenu_item:hover .fmenu_text,
#chat_main_menu .fmenu_item:hover i,
#personal_account .proitem:hover .bcell_mid,
#personal_account .proitem:hover .proicon,
#personal_more .proitem:hover .bcell_mid,
#personal_more .proitem:hover .proicon {
  color: #fff !important;
}

#personal_account .proitem .bcell_mid,
#personal_more .proitem .bcell_mid {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

#personal_account .proitem .proicon,
#personal_more .proitem .proicon {
  font-size: 26px;
  margin-bottom: 8px;
  transition: color 0.3s ease;
}

#personal_account .proitem:nth-child(2) .proicon,
#personal_more .proitem:nth-child(10) .proicon,
#personal_more .proitem:nth-child(2) .proicon {
  color: #271635;
}

#personal_account .proitem:nth-child(3) .proicon,
#personal_more .proitem:nth-child(3) .proicon {
  color: #bd5a7b;
}

#personal_account .proitem:nth-child(5) .proicon,
#personal_more .proitem:nth-child(5) .proicon {
  color: #df1775;
}

#personal_account .proitem:nth-child(6) .proicon,
#personal_more .proitem:nth-child(6) .proicon {
  color: #87cefa;
}

#personal_account .proitem:nth-child(7) .proicon,
#personal_more .proitem:nth-child(7) .proicon,
#right_panel_bar .panel_bar_item i.fa-camera,
#right_panel_bar .panel_option i.fa-camera-retro {
  color: #516182;
}

#personal_account .proitem:nth-child(8) .proicon,
#personal_more .proitem:nth-child(8) .proicon {
  color: #575d74;
}

#personal_more[style*="display: block"] {
  display: grid !important;
  padding: 10px 7px;
}

/* تحسينات للشاشات الصغيرة */
@media (max-width: 768px) {
  #personal_account,
  #personal_more {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px;
    padding: 10px;
  }
  
  #personal_account .proitem,
  #personal_more .proitem {
    min-height: 100px;
    padding: 12px 8px;
  }
  
  #personal_account .proitem .proicon,
  #personal_more .proitem .proicon {
    font-size: 22px;
    margin-bottom: 6px;
  }
}

@media (max-width: 480px) {
  #personal_account,
  #personal_more {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  
  #personal_account .proitem,
  #personal_more .proitem {
    min-height: 90px;
    padding: 10px 5px;
  }
}
.bhover:hover,
.bhoverr:hover,
.cselected,
.liked {
  background:rgba(164, 164, 164, 0.15);
}
.bbackhover:hover,
.bbackhoverb:hover {
  background:rgba(242, 242, 242, 0.69);
}
#container_provisitors .user_count9,
#container_user .user_count9 {
  justify-content:center;
  border-radius:10px;
  font-size:11px!important;
  display:flex;
  padding:2px;
  white-space:nowrap;
  margin-left:auto;
  font-weight:700;
  font-family:"Noto Kufi Arabic",sans-serif!important
}
.chat_footer,
.chat_head {
 color:#fff;
 font-family:flat-jooza;
 border-bottom:1px solid #a2b4c7;
 outline: 1px dashed #939393;
 outline-offset: -5px;
 background: linear-gradient(125deg,#000,#044267),repeating-linear-gradient(45deg,rgb(161, 161, 161) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);
 background-blend-mode: overlay;
}
.bfoot {
  color: #fff;
  font-family: flat-jooza;
  border-bottom: 1px solid #1b1725;
  outline: 1px dashed #c3c3c5;
  outline-offset: -5px;
  background: linear-gradient(100deg,#043d67,#000),repeating-linear-gradient(45deg,rgb(162, 162, 162) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);
  background-blend-mode: overlay;
}

#menu_container_inside {
    background: url(https://media.istockphoto.com/photos/beautiful-babys-breath-border-on-the-romantic-pink-background-picture-id1021650986);
    background-size: auto;
    background-position: 100% 71%;
}
#inside_wrap_chat {
  height:100%;
  overflow:hidden;
  position:relative
}
#inside_wrap_chat::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:250px;
  height:300px;
  background-image:url('https://i.pinimg.com/236x/32/2d/c5/322dc55f5e2b47e90c950ca3a8edc270.jpg');
  background-repeat:no-repeat;
  background-position:top left;
  opacity:.8;
  pointer-events:none;
  z-index:0
}
@media (max-width:768px) {
  #inside_wrap_chat::before {
    width:188px;
    height:32%;
    background-image:url('https://i.pinimg.com/736x/15/a8/30/15a830c589d3944fbfe5cfe7f324c19f.jpg');
    background-repeat:no-repeat;
    background-position:top left;
    background-size:cover;
    opacity:.3
  }
}

.background_box {
    background: linear-gradient(to top, #ffe5e900, #ffd6ee91) !important;
    color: #666;
}

#chat_right,
#chat_left {
    background: #fff;
}

.top_background,
.background_header,
.panel_top,
.emo_head,
.modal_top {
    background-size: auto;
    background-position: 100% 75%;
    color: #fff;
    background: linear-gradient(125deg,#044267,#000),repeating-linear-gradient(45deg,rgb(161, 161, 161) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);
    background-blend-mode: overlay;
}

.head_option,
.chat_footer_item,
#main_mob_menu,
.head_logo,
.chat_head_logo {
    border-radius: 2px;
    color: #fff;
}

.left_item,
#right_panel_bar {
    /*! background: #ffffff85; */
}
.user_item {
 background:#f6f6f6;
 border-right:3px solid #c8c8c8;
 margin-bottom:5px;
 margin-top:5px;
 box-shadow:0 1px 2px 0 #eee;
 border-radius: 25px 0;
 
}
.my_notice {
    outline: 1px dashed #fff;
    /*! text-shadow: 0px 0px 3px #6b6b6b; */
    outline-offset: -2px;
    color: #fff;
    background: linear-gradient(125deg,#044267,#000),repeating-linear-gradient(45deg,rgb(161, 161, 161) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);
    padding: 4px 11px;
    display: inline-block;
    line-height: 1em;
    margin-top: 2px;
    /*! border-radius: 3px; */
    font-weight: normal;
    background-blend-mode: overlay;
}

.my_text {
    /*! background: linear-gradient(to right, #85858505, #65606017); */
}
#container_news,
#container_wall {
    background: linear-gradient(to top, #fff, #fffffff0);
    border-radius: 10px;
    box-shadow: 0px 0px 5px -2px white;
    padding: 0px 10px;
}

.empty_zone {
    background-color: #ffffff85;
}
.left_list {
    background: linear-gradient(to top, #ecc8d47a, transparent);
    margin-bottom: 5px;
}

.left_item_text,
.left_item {
    text-shadow: 0 0px 3px #f3d5b8;
    font-weight: 600;
    color: #c43a7a;
    font-size: 16px;
}

.user_count {
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    background: linear-gradient(125deg,#044267,#000),repeating-linear-gradient(45deg,rgb(161, 161, 161) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);
    background-position: 0% 20%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    outline: 2px dashed;
    outline-offset: -4px;
    outline-color: #f6f5f6;
    box-shadow: 0px 0px 5px -51px #514961;
    color: #fff ;
    background-blend-mode: overlay;
}

#ev_search_container {
    background-color: rgba(255, 255, 255, 0.527);
    padding: 15px 12px 15px 11px;
}
.chat_left_menu_wrap {
    margin-top: 10px;
}

.onair_color {
    color: #7b077d;
    text-shadow: 0 1px 0 rgb(255, 214, 214);
    font-size: 18px;
}

.online_color {
    color: #7b077d;
    text-shadow: 0 1px 0 rgb(255, 214, 214);
    font-size: 18px;
}

.offline_color {
    color: #646464;
    text-shadow: 0 1px 0 rgb(255, 214, 214);
    font-size: 18px;
}

.ex_btn {
    background: #7b077d;
    color: white;
    border-radius: 25px 0;
}
.fl_bg {
  background: #ffffffe3;
  border-radius: 20px;
}
#chat_left_data {
  background-color: rgba(255, 255, 255, 0.96); 
}
#chat_left_menu,
#chat_main_menu {
  background:linear-gradient(100deg,#000f1a,#003257),repeating-linear-gradient(45deg,rgb(162, 162, 162) 0,rgba(125, 125, 125, 0.12) 10px,#0000 10px,#65626229 40px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0,rgba(255, 255, 255, 0.05) 1px,transparent 20px,transparent 40px),linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);
  background-blend-mode:overlay;
}