/* your custom style here */

  /* button themes refresh */
.small_button_refresh { font-size:12px; min-width:150px; padding:5px 10px;  border-radius:30px; background: rgba(255, 0, 0, 0.65); color: rgba(255, 255, 255, 1);  }
.mod_button_theme_btn:hover { background: rgba(59, 255, 0, 0.65); color: rgba(0, 0, 0, 1);}
  /* button themes refresh end */

.ch_logs, .chat_system, .my_text .username{
	font-size:16px;
}
/* switch element */
.switch_item { display:table; table-layout:fixed; width:100%; padding:12px; }
.switch_item_switch { display:table-cell; vertical-align:middle; width:60px; }
.switch_item_text { display:table-cell; vertical-align:middle; }
.switch_wrap { display:block; width:50px; margin:0 auto;}
.bswitch { display:table; width:50px; padding:2px; border-radius:100px; }
.bball_wrap { display:table-cell; vertical-align:middle; }
.bball { width:24px; height:24px; border-radius:50%; display:block; }
.offswitch { background:#ccc; }
.onswitch{ background:#74b20e; }
.onball { background:#fff; margin-left:22px; }
.offball { background:#fff; margin-left:0px; }


/* table and cell css */
.btable { display:table; table-layout:fixed; width:100%; }
.btable_auto { display:table; table-layout:auto; }
.btable_height { display:table; table-layout:fixed; width:100%; height:100%; }
.bcell { display:table-cell; }
.bcell_auto { display:table-cell; width:1%; white-space:nowrap; }
.brow { display:table-row; }
.brow_center  { display:table-row; vertical-align:center; }
.bcell_mid { display:table-cell; vertical-align:middle; }
.bcell_mid_center { display:table-cell; vertical-align:middle; text-align:center; }
.bcell_mid_auto { display:table-cell; vertical-align:middle; width:1%; white-space:nowrap; }
.bcell_mid_right { display:table-cell; vertical-align:middle; text-align:right; }
.bcell_mid_left { display:table-cell; vertical-align:middle; text-align:left; }
.bcell_top { display:table-cell; vertical-align:top; }
.bcell_bottom { display:table-cell; vertical-align:bottom; }


.gift-container{border:1px solid #ccc;text-align:center}div.gift-container:hover{border:1px solid #777}div.gift-container img{padding:10px 5px 5px;}div.gift-desc{padding: 5px 3px;text-align:center;background:#260132;font-size: 13px;color:#fff;}.gift-responsive{padding:6px;float:left;width:25%}@media only screen and (max-width:700px){.gift-responsive{width:33%;margin:6px 0}}@media only screen and (max-width:500px){.gift-responsive{width:33%}}p.giftheading{padding-bottom:5px;text-align:center;color:#ffffff;font-size:17px}div.gift-container:hover>div.gift-desc{background:#a703dc;color:#fff;}
.gift_img {
	border-radius:12px;
	max-width:100px;
	max-height:auto;
}
/*shadow_avatar*/
.info {
    border-radius: 5px;
    background: #b000;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
div.gift-container img{
	padding:10px 5px 5px;
	width:75px;
	height:75px
}
div.gift-desc {
    padding: 5px 3px;
    text-align: center;
    background: #aa0000 !important;
    font-size: 13px;
    color: #fff;
}
.gift-responsive{
	padding:6px;
	float:left;
	width:25%
}
@media only screen and (max-width:700px){
	.gift-responsive{width:33%;margin:6px 0}
}
@media only screen and (max-width:500px){
	.gift-responsive{width:33%}
}
.gift-container {
	border:1px solid #069;
	text-align:center;
	cursor:pointer;
}
.drop_list { display:none; cursor:pointer; }
.ucount { border-radius:50px; font-size:12px; }
.ocount { color: #000000;}
.nameWave {
	background-size: 200% 100%;
	background-position: 0 0;
	-webkit-animation: nameWave 3s linear infinite normal;
	animation: nameWave 3s linear infinite normal
}

.clip {
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

@keyframes nameWave {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 100% 0
	}
}

@keyframes wardan{to{background-position:200% center;}
}
.sedraname{color:#fff;font-size:15px;font-weight:700;background:linear-gradient(to right, #750b9c 10%, #fff 50%, #b330e3 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:sed 1.5s linear infinite;display:inline-block;}
@keyframes sed{to{background-position:200% center;}
}
.ammarname{color:#fff;font-size:15px;font-weight:700;background:linear-gradient(to right, crimson 10%, #000 50%, crimson 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:ammar 1.5s linear infinite;display:inline-block;}
@keyframes ammar{to{background-position:200% center;}
}
@keyframes sm_3600{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-3600px, 0px, 0px);}
}
@keyframes sm_756{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-756px, 0px, 0px);}
}
@keyframes sm_3456{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-3456px, 0px, 0px);}
}
@keyframes sm_1512{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-1512px, 0px, 0px);}
}
@keyframes sm_1800{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-1800px, 0px, 0px);}
}
@keyframes sm_960{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-960px, 0px, 0px);}
}
@keyframes sm_2880{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-2880px, 0px, 0px);}
}
@keyframes a_1800{100%{background-position:-1800px center;}
}
@keyframes a_3456{100%{background-position:-3456px center;}
}


.nameWave {
    background-size: 200% 100%;
    background-position: 0 0;
    -webkit-animation: nameWave 3s linear infinite normal;
    animation: nameWave 3s linear infinite normal;
}
.clip {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes sm_3600 { 100% { background-position: -3600px center;}}
@keyframes sm_2304 { 100% { background-position: -2304px center;}}
@keyframes a_3456 { 100% { background-position: -3456px center;}}
@keyframes a_3024 { 100% { background-position: -3024px center;}}
@keyframes a_3600 { 100% { background-position: -3600px center;}}
@keyframes a_720 { 100% { background-position: -720px center;}}
@keyframes a_1800 { 100% { background-position: -1800px center;}}
@keyframes a_720 { 100% { background-position: -720px center;}}


@keyframes wardan{to{background-position:200% center;}
}
.sedraname{color:#fff;font-size:15px;font-weight:700;background:linear-gradient(to right, #750b9c 10%, #fff 50%, #b330e3 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:sed 1.5s linear infinite;display:inline-block;}
@keyframes sed{to{background-position:200% center;}
}
.ammarname{color:#fff;font-size:15px;font-weight:700;background:linear-gradient(to right, crimson 10%, #000 50%, crimson 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:ammar 1.5s linear infinite;display:inline-block;}
@keyframes ammar{to{background-position:200% center;}
}
@keyframes sm_3600{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-3600px, 0px, 0px);}
}
@keyframes sm_756{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-756px, 0px, 0px);}
}
@keyframes sm_3456{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-3456px, 0px, 0px);}
}
@keyframes sm_1512{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-1512px, 0px, 0px);}
}
@keyframes sm_1800{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-1800px, 0px, 0px);}
}
@keyframes sm_960{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-960px, 0px, 0px);}
}
@keyframes sm_2880{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-2880px, 0px, 0px);}
}
@keyframes a_1800{100%{background-position:-1800px center;}
}
@keyframes a_3456{100%{background-position:-3456px center;}
}
.se_switch_wrap {
    display: block;
    width: 24px;
    margin: 0 auto;
}


.se_bball {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
}

.se_bswitch {
    display: table;
    width: 24px;
    padding: 2px;
    border-radius: 100px;
}

.se_switch_item_switch {
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
}

.se_onball {
    background: #fff;
    margin-left: 10px;
}

.se_chat_box{
	border-radius: 3px;
	background: #0f556b;
	vertical-align: middle;
	padding: 6px 10px;
	margin-top: 5px;
	cursor: pointer;
	display: flex;
	align-items : center;
	justify-content: center;
	padding-right: 10px;
}

.se_chat_box i{
	color: #fab490;
	font-size: 31px;
}

.se_chat_box_main{
	display:inline-block;
}

.se_text {
	text-align:center;
	display: inline-block;
	color: #e6e6e6;
	font-weight: bold;
	margin-left: 8px;
}

.se_text img{
	height:16px;
	vertical-align: middle;
	margin-left: 5px;
}

.se_text2 {
    text-align:center;
    color: #000000;
    background: #68a2b8;
    border-radius: 5px;
    margin-left: 8px;
    margin-top: 5px;
}


.sound_container{
	vertical-align: middle;
	text-align: center;
}

.se_box{
	border: 1px solid #012832;
	background: #fafafa;
	width: 111px;
	margin: 3px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-radius: 10px;
	box-shadow: 1px 1px 1px white;
}

.se_box_actions{
	width: 100%;
	display: inline-block;
	padding: 6px;
	vertical-align: middle;
	text-align: center;
}

.se_box_text{
	height: 25px;
	border: 1px solid #012832;
	background: #012832;
	color: #fff;
	font-size: 10px;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	text-overflow: ellipsis;
	display: flex;
	align-items : center;
	justify-content: center;
}


.se_button_container{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}


.se_button{
	width: 40px;
	height: 40px;
	display: inline-block;
	background: #012832;
	color: #fff;
	vertical-align: middle;
	border-radius: 50%;
	text-align: center;
	font-size: 15px;
	margin: 2px;
	padding-top: 12px;
	cursor: pointer;
}


.se_button_text{
	width: 40px;
	display: inline-block;
	color: #012832;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
	margin: 2px;
}
.user_count {
    border-bottom:1px solid #ffffff;
    clip-path:polygon( 0% 96%,20px 0%,calc(100% - 0px) 5%,90% 100%,100% 100%,100% 100%,100% 100%,100% 100% );
    font-size: 11px;
	color:rgba(255, 255, 255, 0.92);
    font-weight:bold;
    padding:2px;
    margin:5px;
    width:92%;
    margin-left:4%;
	cursor:pointer;
	table-layout:fixed;
    text-align:center;   
}

.user_item {
    border: 1px  dashed #ffffff;   
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;    
    border-right-width: 2px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;    
    border-left-width: 1px;
}

.rooms {
    border-bottom:1px solid #ffffff;
    clip-path:polygon( 0% 96%,20px 0%,calc(100% - 0px) 5%,90% 100%,100% 100%,100% 100%,100% 100%,100% 100% );
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-left: 0%; 
    padding-top: 3px;
    cursor: pointer;
    font-size: 14px;
    margin-top: 9px;

}

.social-icons-container .wp-icon {
width:30px;
height:30px;
border-radius:40%;
text-align:center;
line-height:30px;
vertical-align:middle;
color:#ffffff;
margin-right:5px;
margin: 4px;	
font-size:16px;

}

.social-icons-container .fa-facebook{background:#3b5998}
.social-icons-container .fa-facebook-f{background:#3b5998}
.social-icons-container .fa-linkedin{background:#0077b5}
.social-icons-container .fa-twitter{background:#1da1f2}
.social-icons-container .fa-instagram{background:#d6249f;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);box-shadow:0 3px 10px rgba(0,0,0,.25)}
.social-icons-container .fa-google-plus{background:#d04338}
.social-icons-container .fa-youtube{background:red}
.social-icons-container .fa-pinterest{background:#bd081c}
.social-icons-container .fa-spotify{background:#2ead2e}
.social-icons-container .fa-at{background:#faaf00}
.social-icons-container .fa-tiktok{background:#000000}
.social-icons-container .bi-tiktok{background:#000000}


/**
 * Tabs
 */
.tabs {
	width:100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tabs label {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: block;
  padding: 4px;
  cursor: pointer;
  color: #000;
    background: rgba(193, 224, 232, 0);
  background-image: linear-gradient(rgb(255, 255, 255), rgb(49, 48, 48));
 

  font-weight: bold;
}

.tabs .tab {
  -webkit-box-ordinal-group: 100;
      -ms-flex-order: 99;
          order: 99;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  display: none;
  padding: 5px;
  background: rgba(7, 1, 34, 0.94);
}

.tabs input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.tabs input[type="radio"]:checked + label {
  background: rgba(96, 230, 208, 0);
  background-image:linear-gradient(rgba(0, 0, 0, 0.72), rgb(251, 251, 251));
}

.tabs input[type="radio"]:checked + label + .tab {
  display: block;
}		
	
#sendgift_content {
    position: relative;
}
#sendgift_content {
    margin: 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: black;
    line-height: 1;
}
#sendgift_content #mainholder {
   width: 101%;
    height: 200px;
    overflow-y: scroll;
}
#sendgift_content .scrollbars {
    scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}
#sendgift_content .gift {
    position: relative;
    display: inline-block;
    margin: 2px;
    width: 75px;
    height: 75px;
    border: 1px solid rgba(43, 43, 43, .2);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    cursor: pointer;
}
#sendgift_content .giftimage {
    width: 75px;
    height: 75px;
}

.giftImageSize {
  display: block;
  max-width:75px;
  max-height:75px;
  width: auto;
  height: auto;
}






/* START CUSTOM CSS */
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated, #notify_private, #notify_friends, .chat_message,.ch_logs.bcolor1 .small_modal_in, .large_modal_in,#private_box,.ico_vip, .my_mood {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#notify_private {
  -webkit-animation-iteration-count: 20;
  animation-iteration-count: 20;
}


.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    /*! -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); */
    /*! animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); */
    /*! -webkit-transform: translate3d(0, 0, 0); */
    /*! transform: translate3d(0, 0, 0); */
  }

  40%,
  43% {
    /*! -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); */
    /*! animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); */
    /*! -webkit-transform: translate3d(0, -30px, 0); */
    /*! transform: translate3d(0, -30px, 0); */
  }

  70% {
    /*! -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); */
    /*! animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); */
    /*! -webkit-transform: translate3d(0, -15px, 0); */
    /*! transform: translate3d(0, -15px, 0); */
  }

  90% {
    /*! -webkit-transform: translate3d(0, -4px, 0); */
    /*! transform: translate3d(0, -4px, 0); */
  }
}

.bounce, #notify_private{
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}



@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp, .my_mood{
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig,#main_emoticon {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight,#private_box, .small_modal_in, .large_modal_in {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes flipInX {
  from {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, 90deg); */
    /*! -webkit-animation-timing-function: ease-in; */
    /*! animation-timing-function: ease-in; */
    /*! opacity: 0; */
  }

  40% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, -20deg); */
    /*! -webkit-animation-timing-function: ease-in; */
    /*! animation-timing-function: ease-in; */
  }

  60% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, 10deg); */
    /*! opacity: 1; */
  }

  80% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, -5deg); */
  }

  to {
    /*! -webkit-transform: perspective(400px); */
    /*! transform: perspective(400px); */
  }
}

@keyframes flipInX {
  from {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, 90deg); */
    /*! -webkit-animation-timing-function: ease-in; */
    /*! animation-timing-function: ease-in; */
    /*! opacity: 0; */
  }

  40% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, -20deg); */
    /*! -webkit-animation-timing-function: ease-in; */
    /*! animation-timing-function: ease-in; */
  }

  60% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, 10deg); */
    /*! opacity: 1; */
  }

  80% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, -5deg); */
  }

  to {
    /*! -webkit-transform: perspective(400px); */
    /*! transform: perspective(400px); */
  }
}



/* logs color private and main chat */
.ch_logs.log2 .my_text { display:block; padding: 4px; overflow: visible;	width: calc(100% - 25px) !important; position: relative;	float: right; box-shadow: 1px -1px 4px -2px #6a696945;background-color:#0000003b;border: 1px solid rgba(215, 253, 253, 0.53);border-top: 0px;	border-radius: .4em; right: 5px;}
.ch_logs.log2 .my_text:after{ content: ''; position: absolute; left: 0; top: 30px; width: 0; height: 0; border: 14px dashed transparent; border-right-color: rgba(255, 255, 255, 0.50); border-left: 0; border-top: 0; margin-top: -11.5px; margin-left: -14px; }
.ch_logs .my_text { display:block; padding: 4px; overflow: visible;	width: calc(100% - 25px) !important; position: relative; float: right; box-shadow: 1px -1px 4px -2px #6a696945;background-color: rgba(19, 18, 18, 0.48);border:1px solid rgba(117, 255, 107, 0.37);border-top: 0px;	border-radius: .4em; right: 5px;}
.ch_logs .my_text:after{ content: ''; position: absolute; left: 0; top: 30px; width: 0; height: 0; border: 14px dashed transparent; border-right-color: rgba(255, 255, 255, 0.50); border-left: 0; border-top: 0; margin-top: -11.5px; margin-left: -14px; }		
.target_private {color:#fff; background:#4d656b;}
.hunter_private {color:#fff; background:#0e5434;}


.system .cname .username {
 display:none
}

.ch_logs {
 padding:8px;
 word-wrap:break-word;
 display:table;
 width:100%;
 table-layout:fixed;
 max-width:100%;
 overflow:hidden
}

.drop_list {
  display: none;
  cursor: pointer;
  position: absolute;
  margin-left:10px;
  z-index: 99999;
  border: 1px solid #00232c;
  /*border-radius: 6px;*/
  width:200px;
}

  ____                _   _             _   _                 _   
 |  _ \    __ _    __| | (_)   ___     | | | |   ___    ___  | |_ 
 | |_) |  / _` |  / _` | | |  / _ \    | |_| |  / _ \  / __| | __|
 |  _ <  | (_| | | (_| | | | | (_) |   |  _  | | (_) | \__ \ | |_ 
 |_| \_\  \__,_|  \__,_| |_|  \___/    |_| |_|  \___/  |___/  \__|