/* general colors */

a {color:orange;}

body {background:#ededed; color:#444;}

button { background:transparent; color:#fff; }

input, textarea, .post_input_container { background:#f2f2f2; border:1px solid #e6e6e6 !important; color:#000; }

/* background colors */
.background_box { background:#fff; color:#666;}

.user_count.offline-user-list{
box-shadow:0 0 3px #ccc;
background:url() 180px -19px no-repeat;
background-size:150px 50px;padding:10px 12px
background-attachment: fixed;
background-position: right;
}



.user_count.online-user-list{
box-shadow:0 0 3px #ccc;
background:url(https://i.imgur.com/nYxJ5cV.gif) 180px -19px no-repeat;
background-size:150px 50px;padding:10px 12px
background-attachment: fixed;
background-position: right;
}

.user_count{

	color: #fff; 

	background: linear-gradient(-45deg, #191714, #4834D4 );
}

.background_header,.top_background, .panel_top, .emo_head, .modal_top,.chat_footer, .chat_head {

	color: #fff; 

	background: linear-gradient(-45deg, #191714, #2234AE, #0C0C0C, #4834D4, #000000, #130F40,#04619F, #000000); 

	background-size: 400% 400%;

	-webkit-animation: Gradient 50s ease infinite;

	-moz-animation: Gradient 50s ease infinite;

	animation: Gradient 50s ease infinite;

 


}





@-webkit-keyframes Gradient {

	0% {

		background-position: 0% 50%

	}

	50% {

		background-position: 100% 50%

	}

	100% {

		background-position: 0% 50%

	}

}



@-moz-keyframes Gradient {

	0% {

		background-position: 0% 50%

	}

	50% {

		background-position: 100% 50%

	}

	100% {

		background-position: 0% 50%

	}

}



@keyframes Gradient {

	0% {

		background-position: 0% 50%

	}

	50% {

		background-position: 100% 50%

	}

	100% {

		background-position: 0% 50%

	}

}





/* login box */

.not_member { background:#ededed; color:#666; }



/* cookie box */

.cookie_wrap { background:#ddd; color:#666; }



/* back mains colors */

.back_theme { background:#03add8; color:#fff; }

.back_dark { background:#012832; color:#fff; }

.back_med { background:#ededed; color:#666; }

.back_lite { background:#f3f3f3; color:#666; }

.back_xlite { background:#fff; color:#666; }



/* button colors */

.theme_btn { background:#03add8; color:#fff; }

.default_btn { background:#012832; color:#fff; }

.dark_selected { background:#03add8; color:#fff; }

.ok_btn { background:#74b20e; color:#fff; }

.warn_btn { background:orange; color:#fff; }

.delete_btn { background:#cc0000; color:#fff; }

.sub_btn { background:#888; color:#fff; }



/* input option background colors */

.input_wrap { background:#fff; border-top:1px solid #ededed; }

.input_item { color:#999; }




/* modal */

.modal_menu, .tab_menu { background:#f3f3f3; color:#555; }

.modal_selected, .tab_selected { background:#012832; color:#fff; }

.modal_back { background-color:rgba(0,0,0,0.6); }



/*panel selected */

.panel_selected { background:#ededed; }



/* reg menu */

.reg_menu { color:#444; }

.reg_selected {  background:#ededed; color:#444; }



/* menu icon */

.page_menu_icon, .sub_menu_icon, .menui { color:#03add8; }



/* outside menu */

.sub_menu_item, .avitem { border-bottom:1px solid #ededed; background:#fff; color:#666;  }

.sub_menu_item:hover, .sub_menu_item:hover > .sub_menu_icon, .avitem:hover { background:#ededed; color:#666; }



/* inside menu */

.elem_in, .aclist, .status_option, .left_drop_item, .page_drop_item  { background:#f3f3f3; border-bottom:1px solid #ddd; }

.elem_in:hover, .aclist:hover, .status_option:hover, .left_drop_item:hover, .page_drop_item:hover { background:#e6e6e6; color:#666; }



/* page menu */

.page_menu_wrapper { background:#fff; }

.page_menu_item { border-bottom:1px solid #ededed; }

.page_menu_item:hover, .page_menu_item:hover > .page_menu_icon { background:#ededed; color:#666; }

.page_selected { color:#03add8 !important; }



/* text error colors */

.error { color:red; }

.success { color:#74b20e; }

.warn { color:orange; }



/* logs color private and main chat */

.log2 { background:#f8f8f8; }

.hunter_private:after { content: ''; position: absolute; left: 0; top: 15px; width: 0; height: 0; border: 14px solid transparent; border-right-color: #0084ff; border-left: 0; border-top: 0; margin-top: -11.5px; margin-left: -14px; }
.target_private:before {content: '';position: absolute;right: -14px;top: 15px;width: 0;height: 0;border: 14px solid transparent;border-left-color:#f1f0f0;border-right: 0;border-top: 0;margin-top: -11.5px;margin-left: -14px;}

.target_private {color:#3b5998; background:#f1f0f0;margin-right: 15px; position: relative;}
.target_private a { color:#fa8181; }
.hunter_private {color: #fff;background:#0084ff;margin-left: 15px; position: relative;}
.hunter_private a { color:#fff; }

/* text color  & date */

.sub_text, .date, .listing_text, .docu_description { color:#888; }

.sub_dark { color:#aaa; }

.input_text, .logs_date, .pdate, .ptdate, .cclear, .cdate { color:#ccc; }

.theme_color { color:#03add8; }

.liked  { background:#ededed; color:#666; }

.default_color { color:#012832; }

.user_count  { color:#03add8;}

.shadow_text { text-shadow:1px 1px #000; }

.system_text { background:#ededed; color:#666; }

.bustate { color:#999; }



/* notification colors */

.bnotify { background:red; color:#fff; }



/* elements */ 

.element_color, .player_options, .page_element, #private_box, .chat_side_panel, #side_menu, .modal_in { background:#fff; color:#444; }

.background_chat { background:#fff; }

.chat_panel { background:#fff; }



/* shadow */

.add_shadow, .page_element, #private_box, .page_menu_wrapper, .chat_side_panel, #side_menu, .sub_menu { box-shadow:0 0 1px 1px #ddd; }



/* no view elements */

.noview { background:#f1f1f1; border-bottom:1px solid #fff; }



/* borders css */

.border_right, #chat_left { border-right:1px solid #ededed; }

.border_left, #chat_right { border-left:1px solid #ededed; }

.border_bottom, .label_line, .panel_bar, .listing_element, .listing_half_element, .post_element, .list_element, .listing_reg, .left_list,.user_item_custom, .box_title { border-bottom:1px solid #ededed; }

.border_top{ border-top:1px solid #ededed; }

.full_border { border:1px solid #ededed; }



/* list element */

.sub_list_item, .sub_half_item, .reply_item, .ulist_item, .sub_list { background:#f3f3f3; color:#666; }

.sub_list_item:hover, .sub_half_item:hover, .ulist_item:hover { background:#ededed; }



/* 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 box color */

.selectboxit-list, .selectboxit-btn { background-color: #f2f2f2; color:#666;  border:1px solid #e6e6e6 !important; } /* background of select box */

.selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color: #ededed; color:#666; } /* color of sub menu hover */

.selectboxit-default-arrow { border-top: 4px solid #666; }

.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { background:#f2f2f2; color:#666; } /* background selected hover */

.selectboxit-options { background:#fff; border:1px solid #ccc; } /* background color of the options */

.selectboxit-list .selectboxit-option-anchor { color:#666; } /* color of sub menu item */



/* user color and special user color */

.offline { opacity:0.5; }

.user { color:#666; }

.chat_system { color:#999; }



/* list icon colors */

.boy { border-color:#03add8; }

.girl { border-color:#ff99ff;}

.nosex { border-color:#ccc; }



/* file music and upload */

.file_color, .file_color a { background:#03add8; color:#fff; }

.audio_color { background:#012832; color:#fff; }

.song_title { background:#03647d; color:#fff; }

.audio_progress { background:#fff; }

.audio_ball { background:#03add8; }



/* warning box */

.boom_warning { color:#8a6d3b; background:#fcf8e3; border:1px solid #faebcc; }

.boom_error { background:#f2dede; color:#a94442;; border:1px solid #ebccd1; }

.boom_success { color:#3c763d; background:#dff0d8; border:1px solid #d6e9c6; }

.boom_neutral { color:#31708f; background:#d9edf7; border:1px solid #bce8f1; }



/* admin box */

.sp_box { background:#ededed; color:#666; }

.sp_icon { background:#03add8; color:#fff; }



/* special log */

.topic_log { background:#d9f2e6; color:#0d261a; }

.seen { background:#ffe6f2; color:#330019; }



/* custom */

.login_sub_text, .login_title_text, .login_register_text  { text-shadow:1px 1px 1px #666; }





/*Private Pop Up*/

.animated, #notify_private, .chat_message,.ch_logs.bcolor1 .small_modal_in, .large_modal_in,#private_box,#main_emoticon,.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);

  }

}



.rotateIn,.ico_vip {

  -webkit-animation-name: rotateIn;

  animation-name: rotateIn;

}

@-webkit-keyframes slideInUp {

  from {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInUp {

  from {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible;

  }



  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.slideInUp, .chat_message.bcolor1 {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp;

}



.chat_system { color:#383838; font-weight: bold; }


/*custom css code*/

/* your custom style here */

.time-morning {
	background: url(../default_images/user_information/time-morning.png) 0 0 repeat-x
}
.time-afternoon {
	background: url(../default_images/user_information/time-afternoon.png) 0 0 repeat-x
}
.time-night {
	background: url(../default_images/user_information/time-night.png) 0 0 repeat-x
}
.peep_avatar_field_preview {
	width: 100px;
	height: 100px;
	position: relative;
	cursor: pointer;
	float: left
}
.peep_avatar_field_preview span {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 2px;
	top: 2px;
	background: url(images/chat_btn_close.png) no-repeat center top;
	cursor: pointer
}
.peep_avatar_field_preview img {
	width: 100px;
	height: 100px
}
.side_block_avatar {
	float: left;
	margin: 0 15px 5px 5px;
	position: relative;
	background-size: 100%
}
.side_block_avatar .peep_avatar {
	width: 42px!important;
	height: 42px!important;
	background: #ddd;
	padding: 4px
}
.side_block_avatar .peep_avatar img {
	width: 42px!important;
	height: 42px!important
}
.peep_greeting {
	position: relative;
	top: 20px;
	left: 0;
	font-size: 11px
}
#greeting_ico {
	width: 50px;
	height: 50px;
	z-index: 9;
	background-size: 100%!important;
	-webkit-background-size: 100%!important;
	-moz-background-size: 100%!important;
	-o-background-size: 100%!important;
	-ms-background-size: 100%!important;
	display: inline-block;
	position: absolute;
	top: 5px
}
.quick-report-side {
	float: left;
	padding: 10px 0;
	width: 100%
}
.quick-report-side>span {
	color: #a6a8b0;
	float: left;
	font-size: 12px;
	width: 100%
}
.quick-report-side>ul {
	display: inline;
	list-style: outside none none;
	margin: 0 -1px;
	padding: 0
}
.quick-report-side>ul>li {
	float: left;
	padding: 0 1px;
	width: 33.334%
}
.quick-report-side>ul>li>div {
	background: #30313e none repeat scroll 0 0;
	float: left;
	margin-top: 16px;
	padding: 11px 0 16px;
	text-align: center;
	width: 100%
}
.quick-report-side div>strong {
	color: #fff;
	float: left;
	font-size: 17px;
	font-weight: 500;
	width: 100%
}
.user-info-wrapper {
	display: block;
	margin: 0 32px;
	margin-bottom: 0;
	margin-left: 17px
}
.user-info-wrapper.sm {
	margin-left: 0;
	background: linear-gradient(rgba(41, 41, 95, .7), rgba(41, 41, 95, .7)), #29295f url(../default_images/user_information/user-info-background.jpg) no-repeat center;
	background-size: cover
}
.user-overlay {
	background: rgba(93, 83, 134, .8)
}
.user-info-wrapper .profile-wrapper {
	border-radius: 100px;
	position: relative
}
.user-info-wrapper .profile-wrapper.sm {
	overflow: visible;
	top: 10px;
	margin-bottom: 10px
}
.user-info-wrapper .profile-wrapper.sm img {
	width: 80px;
	height: 80px;
	border-radius: 5px;
	border-color: #fff
}
.user-info-wrapper .profile-wrapper .availability-bubble {
	height: 16px;
	width: 16px;
	border: 2px solid #30313e;
	position: absolute;
	bottom: 25px;
	right: -15px;
	border-radius: 100px
}
.user-info-wrapper .profile-wrapper .availability-bubble.online {
	background-color: #0aa699
}
.user-info-wrapper .profile-wrapper .availability-bubble.away {
	background-color: #fbb05e
}
.user-info-wrapper .profile-wrapper .availability-bubble.busy {
	background-color: #f35958
}
.user-info-wrapper .profile-wrapper .availability-bubble.offline {
	background-color: #8b91a0
}
.user-info-wrapper .user-info {
	color: #fff;
	display: inline-block;
	float: left;
	margin-left: 35px;
	margin-bottom: 10px
}
.user-info-wrapper .user-info.sm .status {
	margin-bottom: 20px;
	margin-top: 0
}
.user-info-wrapper .user-info .status {
	color: #929fa5;
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 2px;
	font-weight: 400
}
.user-info-wrapper .user-info .profile {
	float: right;
	display: inline
}
.user-info-wrapper .user-info .btn-set {
	margin-top: 10px
}
.user-info-wrapper .user-info {
	font-size: 18px;
	float: left
}
.user-info-wrapper .user-info .greeting {
	font-size: 19px;
	font-weight: 600;
	position: relative;
	top: 1.5px
}
.user-info-wrapper .user-info a {
	color: #fff
}
.user-info-wrapper .user-info a:hover {
	text-decoration: none
}
.user-info-wrapper .user-info .status-icon {
	margin: 0 5px
}
.user-info-wrapper .user-info .collapse {
	width: 18px;
	height: 18px;
	background-color: #50545c;
	position: absolute;
	right: 15px;
	margin-top: 10px
}
.user-info-wrapper .user-info .collapse i {
	position: relative;
	margin-top: -8px;
	top: -2px;
	left: 3px
}
.user-info-wrapper .user-info .collapse:hover {
	background-color: #000
}
.username2 {
	font-size: 18px;
	font-weight: 700;
	padding: 4px 0
}
.welcome-text {
	margin-top: 10px;
	margin-left: -35px;
	text-align: center;
	padding: 0 10px
}
.greeting_time {
	color: #fff;
	font-weight: 700;
	font-size: 14px
}
.greeting_message {
	color: #fff;
	font-weight: 400;
	font-size: 12px
}
.user_profile_header {
	background: linear-gradient(rgba(38, 1, 50, .7), rgba(38, 1, 50, .9)), rgba(38, 1, 50, .99) url(../default_images/user_information/user-info-background.jpg) no-repeat center;
	background-size: cover;
	position: relative
}



.chat_avatar img {

    border-radius: 10px 0 10px 0;

}







.user_item_avatar .acav {

    border-radius:10px 0px 10px 0;

}

.user_item_avatar img {

    border-radius: 10px 10px 10px 0;

    display: block;

    cursor: pointer;

}



/*next code*/



.my_notice{background:#030585;color:#fff!important;font-weight:700!important;padding:3px 10px;display:inline-block;line-height:1em;margin-top:2px;border-radius:20px}



.chat_message.chat_system{animation:flashingText 5s infinite}@keyframes flashingText{5%{color:red}5%{color:#33a8ff}10%{color:#ac33ff}15%{color:#d20fb1}20%{color:#6df609}49%{color:green}50%{color:blue}60%{color:#c39}70%{color:#603}80%{color:#0f0}99%{color:orange}100%{color:red}}

.userid1{padding:5px 10px;text-shadow:0 0 3px #f752a1,0 0 5px #f75ca7,0 0 9px #f767ac,0 0 20px #f96db0,0 0 25px #fb75b6,0 0 10px #fc7dbb,0 0 40px #ff8ec5;width:auto}



.peep_greeting{position:relative;top:20px;left:0;font-size:11px}#greeting_ico{width:50px;height:50px;z-index:9;background-size:100%!important;-webkit-background-size:100%!important;-moz-background-size:100%!important;-o-background-size:100%!important;-ms-background-size:100%!important;display:inline-block;position:absolute;top:5px}





.ch_logs>.my_text:after,.post_content:after{content:'';height:0}.modal_custom_title{background:0 0;color:#260132;padding:7px;border-radius:5px;border:3px solid #260132;display:inline}

.ch_logs>.my_text,.reply_content{vertical-align:top;display:block;overflow:visible;float:right}.ch_logs>

.my_text{padding:7px;width:calc(100% - 15px)!important;position:relative;border-radius:0 .4em .4em}

.ch_logs>.my_text:after{position:absolute;left:-11px;top:-1px;width:0;border:12px solid transparent;border-left:0}

.ch_logs,.log2{background:#f2f2f2!important}.ch_logs.log2>.my_text{background:#fff}.ch_logs>

.my_text{background:#fff;webkit-box-shadow:0 2px 1px -1px #bdbcbc;-moz-box-shadow:0 2px 1px -1px #bdbcbc;}

.ch_logs.log2>.my_text:after,.ch_logs>.my_text:after{border-right-color:#fff}.post_content{width:96%;padding:14px;overflow:visible;margin:15px 0;position:relative;background:#f5f5f5;border-radius:.4em;-moz-box-shadow:1.5px 1.5px 1px -1px #bdbcbc;webkit-box-shadow:1.5px 1.5px 1px -1px #bdbcbc;box-shadow:1.5px 1.5px 1px -1px #bdbcbc}@media screen and (max-width:748px){.post_content:after{margin-left:-24px}}@media screen and (min-width:749px){.post_content:after{margin-left:-16px}}.post_content:after{position:absolute;top:0;left:9%;width:0;border:12px solid transparent;border-bottom-color:#f5f5f5;border-top:0;margin-top:-12px}


.hunter_private:after { content: ''; position: absolute; left: 0; top: 15px; width: 0; height: 0; border: 14px solid transparent; border-right-color: #0084ff; border-left: 0; border-top: 0; margin-top: -11.5px; margin-left: -14px; }
.target_private:before {content: '';position: absolute;right: -14px;top: 15px;width: 0;height: 0;border: 14px solid transparent;border-left-color:#0a0a0a;border-right: 0;border-top: 0;margin-top: -11.5px;margin-left: -14px;}

.target_private {color:#fff; background:#0a0a0a;margin-right: 15px; position: relative;}
.target_private a { color:#fa8181; }
.hunter_private {color: #fff;background:#0084ff;margin-left: 15px; position: relative;}
.hunter_private a { color:#fff; }



/* list icon colors */

.ico_owner {color:#011626;text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-shadow:0 0 2px rgb(255,255,255),0 0 0 rgb(255,255,255),0 0 10px #13a923,0 0 28px rgb(20, 255, 181),0 0 30px #eee,0 0 10px rgb(20, 255, 249),0 0 150px rgb(20, 255, 234);animation: fa-spin 2s infinite cubic-bezier(1, 0.1, 0, 1.63);}



.ico_admin {color: #111111;text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-shadow:0 0 2px rgb(255,255,255),0 0 0 rgb(255,255,255),0 0 10px #13a923,0 0 28px rgb(20, 255, 181),0 0 30px #eee,0 0 10px rgb(20, 255, 249),0 0 150px rgb(20, 255, 234);/* animation: fa-spin 2s infinite cubic-bezier(1, 0.1, 0, 1.63); */}



.ico_mod {color: #b919d5;text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-shadow:0 0 2px rgb(255,255,255),0 0 0 rgb(255,255,255),0 0 10px rgb(255, 168, 20),0 0 28px rgb(255, 168, 20),0 0 30px rgb(255, 168, 20),0 0 10px rgb(255, 168, 20),0 0 150px rgb(255, 168, 20);}

.ico_user {color:#012e09;text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-shadow:0 0 2px rgb(255,255,255),0 0 0 rgb(255,255,255),0 0 10px rgb(255, 168, 20),0 0 28px rgb(255, 168, 20),0 0 30px rgb(255, 168, 20),0 0 10px rgb(255, 168, 20),0 0 150px rgb(255, 168, 20);}

.ico_vip {color: #942407;text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-shadow: 0 0 2px rgb(255,255,255), 0 0 0 rgb(255,255,255), 0 0 10px #ccc, 0 0 28px #abbaab, 0 0 30px #abbaab, 0 0 10px #abbaab, 0 0 150px #abbaab;}

.ico_dj {color:#8e0033;text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-shadow:0 0 2px rgb(255,255,255),0 0 0 rgb(255,255,255),0 0 10px rgb(255, 168, 20),0 0 28px rgb(255, 168, 20),0 0 30px rgb(255, 168, 20),0 0 10px rgb(255, 168, 20),0 0 150px rgb(255, 168, 20);}

.ico_uye {color:#075362;text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-shadow:0 0 2px rgb(255,255,255),0 0 0 rgb(255,255,255),0 0 10px rgb(255, 168, 20),0 0 28px rgb(255, 168, 20),0 0 30px rgb(255, 168, 20),0 0 10px rgb(255, 168, 20),0 0 150px rgb(255, 168, 20);}

.ico_bot {color: #000000;text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-shadow: 0 0 2px rgb(255,255,255), 0 0 0 rgb(255,255,255), 0 0 10px rgba(255, 168, 20, 0.34), 0 0 28px rgba(255, 168, 20, 0.47), 0 0 30px rgba(255, 168, 20, 0.53), 0 0 10px rgba(255, 168, 20, 0.47), 0 0 150px rgba(255, 168, 20, 0.48);}







.ico_radmin {color: #febe2d;animation: neon3 1.5s ease-in-out infinite alternate;}

.ico_sadmin {color: #d22b05;text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-shadow:0 0 2px rgb(255,255,255),0 0 0 rgb(255,255,255),0 0 10px #13a923,0 0 28px rgb(20, 255, 181),0 0 30px #eee,0 0 10px rgb(20, 255, 249),0 0 150px rgb(20, 255, 234);/* animation: fa-spin 2s infinite cubic-bezier(1, 0.1, 0, 1.63); */}

.ico_rmod {color: #2c0bdd;text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-shadow: 0 0 2px rgb(255,255,255), 0 0 0 rgb(255,255,255), 0 0 10px rgba(255, 168, 20, 0.34), 0 0 28px rgba(255, 168, 20, 0.47), 0 0 30px rgba(255, 168, 20, 0.53), 0 0 10px rgba(255, 168, 20, 0.47), 0 0 150px rgba(255, 168, 20, 0.48);}







.ico_guest { color:#666; }

.is_muted { color:#d9534f; }

.is_room_muted { color:#f0ad4e; }

.boy {border-color: #6f6bc6;}

.girl {border-color: #f26ac6;}

.nosex { border-color:rgb(102, 83, 64); }

.r_lock { color:#f0ad4e; }

.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;height:auto}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:#20292f;font-size:17px}div.gift-container:hover>div.gift-desc{background:#a703dc;color:#fff;}



::-webkit-scrollbar {
    width: .80em;
    height: .60em
}


::-webkit-scrollbar-track {
    background: #b8c0c8
}


/* scroller */

::-webkit-scrollbar-thumb {

	

	background: linear-gradient(-45deg, #13144D,#2C2EA1,#070AD4,#02048A);

}





.tamila_mteam_elem.user_square_elem img{width:80px;height:80px;border-radius:100px;margin:10px 0}
.user_square_elem_desc{background:#020488;color:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.user_square_elem_desc_name{margin:auto;padding:5px 0}.user_square_elem_desc_title{margin:auto;padding-bottom:5px}
.predefined_avatar_layout{height:auto;float:left;margin:2px;border:1px solid #e6e3e6}
.predefined_avatar{width:50px;height:50px;margin-bottom:-3px}@media screen and (max-width:785px){
.user_count.stories-user-list{box-shadow:0 0 3px #ccc;background:url(../../chat/default_images/stories-userlist.svg) 185px -7px no-repeat;background-size:50px 50px;padding:10px 12px}}@media screen and (max-width:640px){
.avatar_profile{height:100px}}.reg_menu ul li{border-top:1px solid #f3f3f3;border-right:1px solid #f3f3f3;border-left:1px solid #f3f3f3}#avatar_panel_tab{border:1px solid #f3f3f3;padding-left:5px;padding-right:5px}
.predefined_avatar_layout:hover{transform:scale(1.7);-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-o-transform:scale(1.7);z-index:10;background-color:#fff}.avatar_panel_scroll{max-height:290px;overflow:hidden auto}@media screen and (max-width:415px){.tamila_mteam_elem{width:103px!important;margin-left:0}}.tamila_mteam_elem{width:105px!important;height:auto!important;overflow:initial;margin:10px 9px;margin-left:0;text-align:center;border-radius:5px;background:#f1f0f0}










/*Own code*/

.user_item  {

    background: linear-gradient(to right, #fff 0%,#dbe6e6 100%);

    margin-bottom: 3px;

 

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);

    box-shadow: 0 1px 1px rgba(0,0,0,.05);

    border-top-right-radius: 8px;

    border-bottom-right-radius: 8px;

    border-right: solid #030ddd;

    border-right-width: 3px;