/* main tag settings */



.nightmode .user_style { color:#FFFFFF !important; }
.nightmode .content { color:#FFFFFF !important; }




body					{	background-color:#008000;border:none;	}
body,td				{	font-size:14px;font-family:verdana;color:#000; }

.nightmode body	{	background-color:#006000;	}
.nightmode body, .nightmode td				{	color:#EEE; }

hr						{	color:#008000;height:1px;	}

a:link, a:visited	{	color:#0000FF;text-decoration:underline;	}
a:hover				{	color:#0000FF;text-decoration:underline;	}

iframe				{		}

.user_style.username, .model_title, .mcs_handle {
	text-shadow: 0 0 2px #BBBB;
}

.nightmode .user_style.username, .nightmode .model_title, .nightmode .mcs_handle {
	text-shadow: 0 0 2px #DDD;
}

.topic_text { text-shadow: 0 0 2px #CCC; }


#online_broadcasters_header {
/*
	min-height:calc(100% - 350px);
*/
}

.online_broadcasters {
/*
	background-color:white;
*/
}

.player_body {
/*
	background-color:white;
*/
}

.player_shadow {
	position:absolute;
}
.player_shadow_top {
	z-index:100;
	top:0px;
	left:0px;
	width:100%;
	height:5px;
	box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.3);
	border-radius: 1px 1px 0px 0px;
}
.player_shadow_left {
	top:0px;
	left:0px;
	width:5px;
	height:100%;
	box-shadow: inset 1px 0px 1px 0px rgba(0,0,0,0.3);
}
.player_shadow_right {
	top:0px;
	right:0px;
	width:5px;
	height:100%;
	box-shadow: inset -1px 0px 1px 0px rgba(0,0,0,0.3);
}

.player_corner_outer {
	position: absolute;
	height: 10px;
	width: 10px;
	overflow: hidden;
	z-index: 101;
}
.player_corner {
	border: 5px solid #008000;
	height: 15px;
	width: 15px;
	border-radius: 10px;
	position: absolute;
}
.player_corner_top_left_outer     { top: -2px; left: -2px; }
.player_corner_top_left           { top: -3px; left: -3px; }
.player_corner_top_right_outer    { top: -2px; right: -2px; }
.player_corner_top_right          { top: -3px; right: -3px; }
.player_corner_bottom_right_outer { bottom: -2px; right: -2px; }
.player_corner_bottom_right       { bottom: -3px; right: -3px; }
.player_corner_bottom_left_outer  { bottom: -2px; left: -2px; }
.player_corner_bottom_left        { bottom: -3px; left: -3px; }

.pm_input_container { border-radius: 5px; border: 2px solid #00BB00; margin: 0px 5px 5px 10px; }

.chat_register {
	display: inline-block;
	border: 1px solid #6666;
	padding: 10px;
	background-color: rgba(255,255,255,0.15);
	border-radius: 3px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
	margin: 5px 3px 5px 0px;
}

.online_model_controls_top_trim {
	height: 4px;
	width: calc(100% + 10px);
	position: absolute;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.12);
	top: -5px;
	left: -10px;
}

.highlight_chat_mouseover {
	background-color:#FFFF0033 ! important;
	transition:background-color .1s ease-out;
}

.highlight_chat_lastChat {
	background-color:#AAAAAA33;
	transition:background-color .1s ease-out;
}

.sprite-icons{line-height:0;font-size:1px;background-image:url('/files/images/misc/sprite-icons2.png');background-repeat:no-repeat}

.selected_box {
	background: initial ! important;
	background-color: #FFBB ! important;
	box-shadow: 0px 0px 2px 2px #DDDD;
	/*transform: scale(1.015, 1.015);*/
}

.MfcProgressBar_container_style { border:solid 1px #55CC55; }
.MfcProgressBar_style   { background-color:#77CC77; }

.mfc_header { display:block ! important; }

.y_foot { display:block; }

.primary_background_color {  background-color:#008000; }
.primary_heading_color {  color:#008000; 	 }

.page_box_container { }

.main { border-radius: 5px; }

.main_td_left { background:white url('/files/styles/mfc/images/top/top-main-l.gif') repeat-y fixed left; }
/*.main_td_center { background: white url('/files/styles/mfc/images/top/top-main-t.gif') repeat-x scroll top left; padding-top: 3px; } */

.main_td_center {
	position: relative;
	overflow: hidden;
}

.main_iframe {
	box-shadow: 0px 0px 6px #0008 inset;
	border-radius: 5px;
}

.main_iframe_container {
	  background-color: white;
	  border-radius: 5px;
	  padding-left: 0px;
	  padding-top: 0px;
	  margin-left: 4px;
	  margin-right: 5px;
}

.nightmode .main_iframe_container {
	  background-color: #161616;
}

.main_content {
	border-radius:3px;
	box-shadow: 0px 0px 6px #0008 inset;
	position:absolute; width:100%;height:100%;
	background: url(/files/images/misc/chat_bg.jpg) no-repeat bottom right fixed;
/*
	background-color:white;
	border-radius: 5px;
*/
	background: white linear-gradient(90deg, #00000011 0%, #FFF 70%, #FFF 100%);
   overflow: hidden;
}

.nightmode .main_content {
	background-image: none;
/*	background-color:#161616; */
	background: #161616 linear-gradient(90deg, #FFFFFF07 0%,  transparent 30%, transparent 80%, #FFFFFF07 100%);
}


.footer_include a:link, .footer_include a:visited { text-decoration:none;	}

.img_border			{ border-radius:4px; } 
/*
.avatar_border		{ border-radius:13px;     box-shadow: 0px 0px 3px rgba(0,0,0,0.2); }
*/
.tiny_avatar_border		{ border-radius:4px;     box-shadow: 0px 0px 3px rgba(0,0,0,0.2); }
.livesnap_border	{ border-radius:2.5px;     box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.17); }
img.tiny_livesnap_border	{ border-radius:2.5px;     box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.17); }

/*video { border-radius: 0px 0px 6px 0px; }*/
.mfc_video_embed {     border-radius: 4px; }

.room_header_bg {
	position: absolute;
	width: calc(100% + 15px);
	left: -15px;
	height: calc(100% + 10px);
	top: -5px;
	opacity: 0.08;
	border-radius: 0px 6px 6px 0px;
}

/*
.video_container {
	overflow:hidden;
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
}
*/
.videoplayerjs div.video-js {
	border-radius: 2.5px;
}
.videoplayerjs video {
	border-radius: 2.5px;
   box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.17);
}

.user_menu_avatar { border-radius: 5px; }

.reveal_header_bg { background-image:url('/files/styles/mfc/images/top/top-header-tl-slim.jpg');width:626px;height:43px; }
.logo_hidden_header { position:absolute;top:1px;left:-2px; content:url(/files/images/misc/myfreecams_logo_hidden_header.png); }

.highlight			{	background-color:#FFFFFF;font-weight:bold;border:1px outset;margin:1px;padding:3px;
						}

.highlight_bg	{	background-color:#ffff0088;	}
.highlight_fg	{	color:yellow;	}
.highlight_fgbg	{	color:black; background-color:#ffff0088;	}
.emphasized_fg	{	color:#060; text-shadow: 0 0 3px #CCC8;	}
.emphasized_bg	{	background-color:#ECECEC;	}
.emphasized_bg2	{	background-color:#FFF;	}
.MfcSidebarPanel_sTitleClass	{	color:blue; margin-left:10px;	}
.text_input	{	color:#000;background-color:#FFF; }

.content				{	font-size:11px;	}

.outer_body	{	
	color:#FFFFFF;
	background-color:#008000;
	margin-bottom: 3px;
	/*height: calc(100% - 3px);*/
}

.outer_body.mfc_main	{	
	background: #008000 linear-gradient(90deg, #007000 0%, #009000 70%, #007000 100%);
}

.nightmode.outer_body			{	
	color:#FFFFFF;
	background: #006600 linear-gradient(90deg, #005000 0%, #007000 70%, #005000 100%);
	margin-bottom: 3px;
}

.light_on_dark_frame_text { text-shadow: 0px 0px 15px rgba(0,0,0,0.75); }

.outer_body a:link,.outer_body a:visited, .outer_body a:active {	color:#FFFFFF;	}

.outer_body .heading	{	padding:0px 0px 2px 7px;font-weight:bold;font-size:17px;color:white;position:relative;position:relative;	}
.outer_body .content	{	font-size:12px;color:white;padding:7px 0px 15px 25px;	}


.feature_window input[type='button'],
.feature_window input[type='reset'],
.feature_window input[type='submit'] { padding:5px 15px; border-radius:5px;}

.feature_window input[type='text'],
.feature_window input[type='password'],
.feature_window input[type='email'],
.feature_window select,
.feature_window input[type='button'],
.feature_window textarea
{ padding:5px;border-radius:5px;border:1px solid #BBB; }

.feature_window input[type='text']:focus,
.feature_window input[type='password']:focus, 
.feature_window input[type='button']:focus, 
.feature_window input[type='email']:focus,
.feature_window select:focus,
.feature_window textarea:focus
{ box-shadow: 0px 0px 3px 3px #00800033; }


.pmenu      {  position:relative;height:19px;   }
.pmenu_icon {  position:absolute;top:1px;left:0px;width:16px;text-align:center;  }

.footer_include	{
							padding:2px 5px 2px 7px;
							text-align:right;
							font-size:11px;
						}


.inner_body			{
							margin:10px 6px 0px 6px;
							background-color:#FFFFFF;
							border:0px;
						}

.inner_body.iframe_window {
	background-color:transparent;
}

/*
.inner_body td, .inner_body div { color:#000000; }
*/
/*
.main_content { color:#000000; }
*/

/* BEGIN: reset div colors for videoplayer.js */
.video_container div { color:unset; }
.video_container div.video-js { color: #fff; }

/* END: reset div colors for videoplayer.js */
.inner_body a:link,.inner_body a:visited, .inner_body a:active {	color:#0000FF;	}
.inner_body a:hover	{ color:#0000CC; }
.inner_body	.heading		{	font-size:13px;font-weight:bold;  }
.inner_body	.content		{	font-size:11px;padding:10px 10px 10px 10px;color:black;	}



/* alt container */

.container,.container td			{ 	color:#000000;background-color:inherit;	}
.container_outer_content			{ 	color:#000000;	}

.container_css3	{
	padding:6px 5px;
	border-radius: 4px;
	/*background: linear-gradient(90deg, transparent 0%, transparent 70%, #0000000C 100%);*/
	background: radial-gradient(ellipse at center, transparent 70%, #00000018 100%);
	box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.3);
}

/*.dhtml_window .container	{ background-color: #FFFFFF ! important; } */
.dhtml_window .container_css3	{ background-color: #FFF; }
/*.nightmode .dhtml_window .container	{ background-color: #222222 ! important; } */
.nightmode .container_css3	{
	background-color: #222;
/*	background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.025) 100%); */
	background: radial-gradient(ellipse at center, transparent 50%, #FFFFFF08 100%);
}


.container_wrapper	{	padding:3px 3px 0px 3px; color:#000000;	}
.container_wrapper td	{	color:#000000;	}
.container {
							background-color:#FFFFFF;
						}
/*
.dhtml_window .container { background: transparent; }
*/

.container div.heading {
							position:relative;
							color:#008000;
							font-weight:bold;
							font-size:17px;
							margin:2px 10px 13px 0px;
							padding:1px 1px 1px 10px;
						}
.container .small_heading {
							font-weight:normal;
							font-size:11px;
							padding:0px 0px 5px 2px;
							color:#008000;
							text-decoration:none;
						}
.container .small_heading img {
		margin-bottom: -1px;
}
.container .alt_heading {
							padding:6px 6px 10px 6px;
							color:#008000;
							font-weight:bold;
							font-size:27px;
						}
.container .icon {
							float:left;
							margin-right:4px;
}
.container .text {
							margin-top: 25px;
							margin:6px;
							border-bottom:1px dotted #E2ECD4;
							vertical-align: super;
							
}

.container .content,.container .content td, .container th {
							color:black;
						}
.container .content	{
							margin:7px 15px 15px 10px;
						}

.content2, .content2 td {
							margin-bottom:10px;
						}
.container .content,.container .content td {
							font-size:12px;
}
.container a:link, .container a:active, .container a:visited {
							color:#0000FF;font-weight:normal;text-decoration:underline;
						}
.container a:hover	{
}





.content_container,.content_container td			{ 	color:#000000;	}

.content_container_wrapper	{	padding:3px; }

.content_container_css3	{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #00BB00;
}

.content_container_table_td	{	background-color:#FFFFFF;	}
.content_container_outer_content	{		}

.content_container_inner_content {
							margin:3px 0px 0px 0px;
						}
.content_container .heading {
							position:relative;
							font-weight:bold;
							font-size:1px;
							padding:0px;
							color:#008000;
							border:0px dashed red;
						}
.content_container .content {
							border:0px dashed blue;
							position: relative;
							font-size:12px;
							padding:0px 12px 16px 70px;
						}
.content_container .icon {
							position:absolute;
							top:10px;left:11px;
							border:0px dashed red;
}
.content_container .text {
							font-size:17px;
							margin:6px;
							padding-left:20px;
							vertical-align: super;
}


.nightmode .popup_content_box { background-color:#333 ! important; }


.popup_container_wrapper	{	padding:3px; }

.popup_container_css3	{
	padding:15px 15px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0px solid #00A000;
	box-shadow:3px 5px 15px rgba(0,0,0,0.85);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=155, Color='#112211')";
	filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=155, Color='#112211')";
   opacity:0;
   animation: popup_container_css3_fade_in .08s cubic-bezier(0.5,0,.5,1) forwards;
	transform: scale(0.99);
}
.popup_image .popup_container_css3	{
	padding:10px 10px;
}
@keyframes popup_container_css3_fade_in { 0% { } 100% { opacity: 1; transform: scale(1); } }

.popup_container_table_td	{		}
.popup_container_outer_content	{
	background: linear-gradient(0deg, rgb(255 255 255 / 0.90) 5%,rgb(255 255 255) 10%, rgb(255 255 255) 90%, rgb(255 255 255 / 0.90) 100%);
	color:black ! important;
}

.popup_image .popup_container_outer_content	{
	background: linear-gradient(0deg, rgb(255 255 255 / 0.70) 0%, rgb(255 255 255) 50%, rgb(255 255 255 / 0.70) 100%);
}
.nightmode .popup_image .popup_container_outer_content	{
	background: linear-gradient(0deg, rgba(0 0 0 / 0.60) 0%, rgb(0 0 0) 50%, rgb(0 0 0 / 0.60) 100%);
}


.nightmode .popup_container_outer_content	{
	background: linear-gradient(0deg, rgb(0 0 0 / 0.80) 5%,rgb(0 0 0) 10%, rgb(0 0 0) 90%, rgb(0 0 0 / 0.80) 100%);
}
.popup_container_outer_content.video_controls	{
	background: linear-gradient(0deg, rgb(255 255 255) 70%, rgb(255 255 255 / 0.80) 100%);
	border:1px solid #fff;
}

.nightmode .popup_container_outer_content.video_controls	{
	background: linear-gradient(0deg, rgb(0 0 0) 70%, rgb(0 0 0 / 0.80) 100%) !important;
	border:1px solid #111;
}

.popup_container_inner_content {
							margin:3px 0px 0px 0px;
						}
.popup_container .heading {
							position:relative;
							font-weight:bold;
							font-size:14px;
							padding:3px 3px 3px 3px;
							color:#008000;
						}
.popup_container .content,.popup_container .content td {
							font-size:12px;margin:12px 12px;
						}
.popup_container_img_tr	{  height:6px;	}
.popup_container_img_bl	{  width:6px;	}
.popup_container_img_tl	{  width:7px;	}
.popup_container_img_br	{  height:6px;	}

.popup_container a:link,.popup_container a:visited, .popup_container a:active {	color:#0000FF;	}
.popup_container a:hover {	color:#0000CC;	}



.PopUserMenu_menu_column { border-radius:5px; background-color:#f2f6ee; }
.nightmode .PopUserMenu_menu_column { background-color:#333; }





.input_container		{	font-size:1px;	}
.input_container_wrapper	{	padding:0px; }

.input_container_css3	{
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:2px solid #FFFFFF;
}

.input_container_table	{	}
.input_container_table_td	{ background-color:white ! important;	}
.input_container_outer_content	{	}

.input_container select, .input_container input, .input_container textarea	{
							font-size:12px;border:0px;font-weight:bold;color:#475E26;
						}
.input_container input	{	border:0px;margin:0px;float:left;	}

.hide_select_wrapper		{	overflow:hidden;height:16px;margin:1px;	}
.hide_select_wrapper	select {	position:absolute;width:102%;top:-2px;left:-2px;	}





.menu_container div	{
						}
.menu_container_wrapper	{ padding:2px; }
.menu_container, .menu_container  td, .menu_container font, .menu_container div,
	.menu_container a:link,.menu_container a:visited	{		}
.menu_container_table a:hover {		}
.menu_container_table_td	{	background-color:#86B147;color:white;padding:0px;margin:0px;	}
.menu_container_outer_content	{	background-color:#86B147;font-size:14px; }
.menu_container_outer_content, .menu_container_outer_content td {
							font-size:13px;
						}
.menu_container_inner_content { padding:3px 0px 0px 0px; }
.menu_container a:link,.menu_container a:visited, .menu_container a:active {		}
.menu_container a:hover	{		}
.menu_container input	{ font-size:11px; }

.menu_container .heading {
							position:relative;
							font-weight:bold;
							font-size:15px;
							border-bottom:2px solid #8FBD4C;
							padding:3px 3px 3px 3px;
							color:white;
						}
.menu_container .small_heading {
							font-weight:bold;
							font-size:10px;
							border-bottom:1px solid #8FBD4C;
							padding:2px 0px 2px 2px;
							color:white;
							text-decoration:none;
						}
.menu_container .exe_heading {
							margin:0px;
							font-weight:bold;
							font-size:15px;
							border-bottom:0px solid #8FBD4C;
							padding:0px 3px 0px 3px;
							color:white;
							text-decoration:none;
						}
.menu_container .content,.menu_container .content td {
							font-size:11px;margin:12px 12px;
						}

.menu_container_button	{
							color:white;
							background-color:#80A944;
							font-weight:bold;
							font-size:11px;
							border:2px outset #80A944;
						}
.menu_container .emphasize {
							color:white;
							background-color:#7BA341;
						}
.menu_container .img_border {
							border:1px solid #CCCCCC;
						}


/*
.friends_private_messages * {
							font-size:10px;font-weight:bold;
						}
*/

.online_friends *	{
						}
.offline_friends *	{
						}


.emoticon_field	{	padding:4px; }
.emoticon_field a:link,.emoticon_field a:visited,.emoticon_field a:active,.emoticon_field a:hover	{	color:black;	}

/*
	.chat_table			{	background:white url(/files/styles/mfc/images/misc/chat_background.jpg) no-repeat scroll bottom right;	}
*/

.people_contents { font-size:14px; }

.chat_input			{	font-size:19px;background-color:transparent;color:#1A2F3E;border:0px;	}
#chat_input_td { padding-right: 3px; }
.chat_title			{ }	
.chat_chat_title	{		}
.chat_people_title	{		}
.chat_chat_box		{	
						}
.chat_chat_box_wrapper	{ 	}
.chat_people_box_wrapper	{ 	}
.chat_people_box	{	
						}

.in_chat_avatar { border-radius:2px;margin-bottom:-2px;margin-right:-1px;cursor:pointer; }
.mfc_title_line .title_line_avatar { box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5); }

#people_content_td {
	background-color: rgba(0,0,0,0.035);
}
.people_contents		{		}

.chat_private_message		{		}
.chat_private_message_title {		}
.chat_private_message_list	{		}

.private_message_header,.private_message_header td {		}

.chat_friends			{		}
.chat_friends_title	{		}
.chat_friends_list	{		}
.chat_friends			{		}
.chat_friends a:link,.chat_friends a:visited		{	color:blue;	}
.chat_friends a:hover	{	color:blue;	}

.chat_friends_box_wrapper	{		}
.chat_friends_box	{
						}

.hide_usernames_pm .username_container { display:none; }
.hide_avatars_pm .in_chat_avatar { display:none ! important; }
.hide_usernames_chatroom .username_container { display:none; }
.hide_avatars_chatroom .in_chat_avatar { display:none ! important; }

.private_message_contents		{		}
.private_message_input input	{		}
.private_message_username_input 	{		}
.friends_private_messages	{
							padding:3px 0px 0px 0px;
							margin:0px;
						}

.window_button_container	{
							position:relative;
							height:26px;
}

.floating_windows_list {
	display: none;
	position: absolute;
	border: 1px solid #BBB;
	height: 53px;
	width: 150px;
	padding: 5px 5px 5px 10px;
	z-index: 100;
	top: 18px;
	border-radius: 4px;
	left: 6px;
	display: block;
	background-color: white;
	box-shadow:0px 5px 12px #445544;
}

.homepage_online_links,.homepage_online_links a:link,.homepage_online_links a:hover,.homepage_online_links a:visited	{		}

.video_status_text *		{	font-size:14px;	}

.mini_popup_header_container {  padding-bottom:10px;position:relative; }
.mini_popup_header		{
	padding:5px;color:#008800;font-size:15px;font-weight:bold;
	box-shadow: 0px 0px 7px 5px white;
	background-color: white;
}
.nightmode .mini_popup_header { box-shadow: 0px 0px 7px 5px black;background-color: black; }
.mini_popup_content		{	padding:10px;	}



/*
.model_list_notes { background-color: #99FF99AA; }
.model_list_pvt { background-color: #E5E5E5AA; }
.model_list_grp { background-color: #99FF99AA; }
.model_list_idle { background-color: #F3F3F3AA; }
.model_list_new_model { background-color: #FFFF00AA; }
.model_list_friend { background-color: #FFCCCCAA; }
.model_list_hidden { background-color: #7777FFAA; }
.model_list_bookmark { background-color: #FFDDBBAA; }
.model_list_recommend { background-color: #CCEECCAA; }
.model_list_popular { background-color: #BBBBFFAA; }
.model_list_custom_alert { background-color: #EEEEEEAA; }
.model_list_trending { background-color: #FFCC88AA; }
.model_list_history { background-color: #CCCCCCAA; }
.model_list_region_top { background-color: #CCCCDDAA; }
*/

.model_list_notes        { background: radial-gradient(ellipse at center, transparent 30%, #99FF99 80% ); }
.model_list_pvt          { background: radial-gradient(ellipse at center, transparent 30%, #E5E5E5 80% ); }
.model_list_grp          { background: radial-gradient(ellipse at center, transparent 30%, #99FF99 80% ); }
.model_list_idle         { background: radial-gradient(ellipse at center, transparent 30%, #F3F3F3 80% ); }
.model_list_new_model    { background: radial-gradient(ellipse at center, transparent 30%, #FFFF00 80% ); }
.model_list_friend       { background: radial-gradient(ellipse at center, transparent 30%, #FFCCCC 80% ); }
.model_list_hidden       { background: radial-gradient(ellipse at center, transparent 30%, #7777FF 80% ); }
.model_list_bookmark     { background: radial-gradient(ellipse at center, transparent 30%, #FFDDBB 80% ); }
.model_list_recommend    { background: radial-gradient(ellipse at center, transparent 30%, #CCEECC 80% ); }
.model_list_popular      { background: radial-gradient(ellipse at center, transparent 30%, #BBBBFF 80% ); }
.model_list_custom_alert { background: radial-gradient(ellipse at center, transparent 30%, #EEEEEE 80% ); }
.model_list_trending     { background: radial-gradient(ellipse at center, transparent 30%, #FFCC88 80% ); }
.model_list_history      { background: radial-gradient(ellipse at center, transparent 30%, #CCCCCC 80% ); }
.model_list_region_top   { background: radial-gradient(ellipse at center, transparent 30%, #CCCCDD 80% ); }

.nightmode .model_list_notes        { background: radial-gradient(ellipse at center, transparent, #99FF99 150% ); }
.nightmode .model_list_pvt          { background: radial-gradient(ellipse at center, transparent, #E5E5E5 150% ); }
.nightmode .model_list_grp          { background: radial-gradient(ellipse at center, transparent, #99FF99 150% ); }
.nightmode .model_list_idle         { background: radial-gradient(ellipse at center, transparent, #F3F3F3 150% ); }
.nightmode .model_list_new_model    { background: radial-gradient(ellipse at center, transparent, #FFFF00 150% ); }
.nightmode .model_list_friend       { background: radial-gradient(ellipse at center, transparent, #FFCCCC 150% ); }
.nightmode .model_list_hidden       { background: radial-gradient(ellipse at center, transparent, #7777FF 150% ); }
.nightmode .model_list_bookmark     { background: radial-gradient(ellipse at center, transparent, #FFDDBB 150% ); }
.nightmode .model_list_recommend    { background: radial-gradient(ellipse at center, transparent, #CCEECC 150% ); }
.nightmode .model_list_popular      { background: radial-gradient(ellipse at center, transparent, #BBBBFF 150% ); }
.nightmode .model_list_custom_alert { background: radial-gradient(ellipse at center, transparent, #EEEEEE 150% ); }
.nightmode .model_list_trending     { background: radial-gradient(ellipse at center, transparent, #FFCC88 150% ); }
.nightmode .model_list_history      { background: radial-gradient(ellipse at center, transparent, #CCCCCC 150% ); }
.nightmode .model_list_region_top   { background: radial-gradient(ellipse at center, transparent, #CCCCDD 150% ); }


.MfcDhtmlWindow_table td {
	position:relative;
}

.MfcDhtmlWindow_container	{
	background:#008000 url(/files/styles/mfc/images/misc/palms_bg5.jpg) no-repeat scroll top left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px outset #009900;
	-webkit-user-select: none;
}
.MfcDhtmlWindow_container_fadein	{
	animation: MfcDhtmlWindow_container_fade_in .085s cubic-bezier(0.5,0,.5,1) forwards;
	opacity: 0;
	transform: scale(0.985);
}
@keyframes MfcDhtmlWindow_container_fade_in { 0% { opacity: 0; } 100% { opacity: 1; transform: scale(1); } }


.MfcDhtmlWindow_container_shadow	{
	-webkit-box-shadow:4px 12px 40px 10px #112211;
	-moz-box-shadow:2px 12px 40px 10px #112211;
	-ms-box-shadow:2px 12px 40px 10px #112211;
	box-shadow:2px 12px 40px 10px #112211;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=155, Color='#112211')";
	filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=155, Color='#112211')";
}

.MfcDhtmlWindow_inner_container	{
	padding:0px 3px;
	background-color:#FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow:inset 0px 1px 3px 0px rgb(0 0 0 / 30%);
}

.dhtml_window .MfcDhtmlWindow_inner_container {
	background: transparent;
}

.MfcDhtmlWindow_plain_inner_container	{
	background: url(/images/svg/loading_white_faded.svg) no-repeat scroll 50% 85%;
	background-size: 120px;
	animation: MfcDhtmlWindow_plain_inner_container_fade_out 2s cubic-bezier(1,0,0,1) forwards;
   /*
	opacity:0;
	animation: MfcDhtmlWindow_plain_inner_container_fade_in .3s cubic-bezier(1,0,0,1) forwards;
	*/
}
@keyframes MfcDhtmlWindow_plain_inner_container_fade_in { 0% { opacity:0; } 90% { opacity:0; } 100% { opacity: 1; } }
@keyframes MfcDhtmlWindow_plain_inner_container_fade_out { 0% { background-size:120px } 90% { background-size:120px; } 100% { background-size:0px; } }

.MfcDhtmlWindow_plain_inner_container iframe {
	transition: opacity 0.08s cubic-bezier(0.5,0,.5,1);
}

.MfcDhtmlWindow_controls {
	position:relative;
}

.MfcDhtmlWindow_mobile_controls {
	right:21px;
	top:3px;
	font-size:25px;
}


.MfcDhtmlWindow_grip_td {
	height:22px;
	padding-bottom:7px;
}

.MfcDhtmlWindow_icon {
	position:absolute;
	left:15px;
	top:11px;
}

.MfcDhtmlWindow_mobile_icon {
	top:28px;
	left:25px;
}

.MfcDhtmlWindow_heading {
	position:absolute;
	left:37px;
	top:10px;
	color:white;
	font-weight:bold;
	font-size:13px;
}

.MfcDhtmlWindow_mobile_heading {
	left:47px;
	top:24px;
	font-size:15px;
}

.MfcDhtmlWindow_close {
	cursor:pointer;
	position:absolute;
}

.MfcDhtmlWindow_standard_close {
	top: -1px;
	right: -6px;
	height: 35px;
	width: 35px;
	background: url(/files/images/icons/close.png) no-repeat scroll center center;
}

.MfcDhtmlWindow_mobile_close {
/*
	background: url(/files/images/icons/close_large.png) no-repeat scroll center bottom;
	top:-8px;
	right:-10px;
	height:54px;
	width:80px;
*/
}

/*
.MfcDhtmlWindow_minimize {
	border:0px solid red;
	background: url(/files/images/icons/minimize.png) no-repeat scroll center center;
	cursor:pointer;
	position:absolute;
	top:6px;
	right:25px;
	height:22px;
	width:30px;
}

.MfcDhtmlWindow_mobile_minimize {
	top:23px;
	right:50px;
}
*/

.MfcDhtmlWindow_minimize {
	border:0px solid red;
	cursor:pointer;
	position:absolute;
	font-size:11px;
	color: white;
	top:10px;
	right:60px;
	height:22px;
	width:60px;
	text-decoration:underline;
}

.MfcDhtmlWindow_popout {
	top: 8px;
	cursor: pointer;
	position: absolute;
}
.MfcDhtmlWindow_popout img {
	height:16px;
}
.MfcDhtmlWindow_mobile_minimize {
	font-size:14px;
	top:-10px;
	vertical-align:bottom;
	right:80px;
	padding:34px 10px 0px 10px;
	border:0px dashed white;
}

.MfcDhtmlWindow_controls {
	position:absolute;
	right:13px;
	top:1px;
	height:15px;
	width:50px;
	font-weight:bold;
	font-size:16px;
}


.MfcDhtmlWindow_header {
	opacity:0.4;
	filter:alpha(opacity=40); 
	background-color:#003000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
   position: absolute;
	height:22px;
	width:100%;
   top:7px;
}

.MfcDhtmlWindow_grip_move {
	cursor:move;
	border:0px dashed yellow;
   position: absolute;
	height:30px;
	width:calc(100% - 135px);
	left:20px;
   top:2px;
}

.MfcDhtmlWindow_mobile_grip_move {
}

.MfcDhtmlWindow_grip div {
	border:0px dashed yellow;
	position:absolute;
}

.MfcDhtmlWindow_grip_top {
	width: calc(100% - 30px);
	height: 20px;
	left: 15px;
	top: -19px;
	cursor:n-resize;
}
@media (pointer:coarse) {
	.MfcDhtmlWindow_grip_top {
	}
}

.MfcDhtmlWindow_mobile_grip_top {
}

.MfcDhtmlWindow_grip_top_left {
	width: 30px;
	height: 30px;
left: -15px;
	top: -16px;
	cursor:nw-resize;
}

.MfcDhtmlWindow_mobile_grip_top_left {
}

.MfcDhtmlWindow_grip_top_right {
	width: 30px;
	height: 30px;
	right: -20px;
	top: -17px;
	cursor:ne-resize;
}

.MfcDhtmlWindow_mobile_grip_top_right {
}

.MfcDhtmlWindow_grip_bottom {
	width: calc(100% - 10px);
	height: 30px;
	left: 5px;
	bottom: -15px;
	cursor:s-resize;
	font-size:1px;
}

.MfcDhtmlWindow_mobile_grip_bottom {
}

.MfcDhtmlWindow_grip_left {
	width: 30px;
	height: calc(100% - 30px);
	left: -25px;
	top: 15px;
	cursor:w-resize;
	font-size:1px;
}

.MfcDhtmlWindow_mobile_grip_left {
}

.MfcDhtmlWindow_grip_right {
	width: 30px;
	height: calc(100% - 30px);
	right: -25px;
	top: 15px;
	cursor:e-resize;
	font-size:1px;
}

.MfcDhtmlWindow_mobile_grip_right {
}

.MfcDhtmlWindow_grip_bottom_left {
	width: 30px;
	height: 30px;
	left: -15px;
	bottom: -15px;
	cursor:sw-resize;
	font-size:1px;
}

.MfcDhtmlWindow_mobile_grip_bottom_left {
}

.MfcDhtmlWindow_grip_bottom_right {
	width: 30px;
	height: 30px;
	right: -15px;
	bottom: -15px;
	cursor:se-resize;
	font-size:1px;
}

.MfcDhtmlWindow_mobile_grip_bottom_right {
}


.model_list_loading	{	color:#008000; border:2px solid #008000; background-color:white;	}
.nightmode .model_list_loading	{	color:#FFFFFF; border:none; background-color:#000000; }


.model_list_settings_value  {	font-size:10px;line-height:15px;vertical-align:middle;padding-right:10px;white-space:nowrap;	 }

.model_list_settings_box_on_white	{	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#F8F8F8;border:1px solid #DDE8DD;padding:10px 3px 10px 10px;margin:0px 10px 10px 0px;		 }
.model_list_settings_box_on_white td {	font-size:11px; color: #000; }
.nightmode .model_list_settings_box_on_white td { color: #EEE; }
.model_list_settings_box_on_gray	 {	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#FFFFFF;	 }

.model_list_settings_box_title  {  font-size:11px;font-weight:bold;padding-bottom:10px; }
.model_list_content					  {	font-size:11px; }

.model_list_image_holder {
	 position:relative;
}

.model_list_camsnap_holder {
	 position:relative;height:90px;width:120px;
}

.model_list_camsnap_holder .camsnap_menu_button {
	 z-index:5;color:#515739;position:absolute;left:2px;top:76px;font-size:9px !important;white-space:nowrap;
}

.toggle_checkbox {
	cursor:pointer;
	font-size: 10px; 
	transition:background-color 0.05s linear;
}
.toggle_checkbox:hover, .toggle_checkbox:active {	background-color:#EBEBEB;	}

.search_offline_model_result	 {	margin:20px 0px; padding:5px 5px; background-color:#EEEEEE; font-size:15px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; }

.channel_members_guest_count { font-size:11px;color:#555555; }

.mobile_feed_overlay {
	 white-space:nowrap;color:white;background-color:#F66;font-weight:bold;font-size:10px;border-radius:2px;padding:2px;
}

.tag_container_tags { padding-left:15px; }

.search_section { position:relative; }
.search_section a { position:absolute;top:-50px; }

.chat_room_input { background-color:#FFFFFF;-moz-opacity:0.55;opacity:0.55; }

.guest_basic_chat_icon { color:black;background-color:white;font-size:9px;height:16px;width:16px;text-align:center;border-radius:8px;line-height:16px; text-align:center; font-weight:bold; }


/* Over 18 Popup */

#oapopup {
	background: transparent;
	position: relative;
}

#oapopup .oapopup-landing_legal_text {
	display: none;
	font-size: 14pt;
	background-color: #00000022;
	border-radius: 10px;
	margin: 10px;
	padding: 10px;
}

#oapopup .oapopup-body {
	white-space: nowrap;
	line-height: 26px;
	padding: 30px 30px 10px;
	font-size: 16px;
	font-family: Helvetica;
}

#oapopup.mobile .oapopup-body {
	font-size: 26px;
}

#oapopup.mobile .button_desktop_extra {
	display: none;
}

#oapopup .oapopup-footer {
	text-align: left;
	padding: 18px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
}

#oapopup .btn {
	text-decoration: none;
	display: inline-block;
	*display: inline;
	padding: 4px 14px;
	margin-bottom: 0;
	margin-left: 5px;
	*margin-left: .3em;
	font-size: 14px;
	line-height: 20px;
	*line-height: 20px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #bbbbbb;
	*border: 0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
			border-radius: 4px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

#oapopup.desktop #enter_desktop {
	width: 260px;
}

#oapopup.mobile #leave_site {
	color:#999;
}

#oapopup.mobile .btn {
	font-size: 28px;
	padding: 25px 14px;
	margin:30px 0px;
}

#oapopup .btn:hover {
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}

#oapopup .enter {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #008d00;
  background-image: -moz-linear-gradient(top, #009600, #008000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009600), to(#008000));
  background-image: -webkit-linear-gradient(top, #009600, #008000);
  background-image: -o-linear-gradient(top, #009600, #008000);
  background-image: linear-gradient(to bottom, #009600, #008000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff009600', endColorstr='#ff008000', GradientType=0);
  border-color: #008000 #008000 #003400;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #008000;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#oapopup.mobile #enter_desktop {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #52b452, #419341);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52b452), to(#419341));
  background-image: -webkit-linear-gradient(top, #52b452, #419341);
  background-image: -o-linear-gradient(top, #52b452, #419341);
  background-image: linear-gradient(to bottom, #52b452, #419341);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52b452', endColorstr='#ff51a351', GradientType=0);
  border-color: #419341 #419341 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #419341;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#oapopup .enter:hover, #oapopup .enter:active {
  color: #ffffff;
  background-color: #008000;
  *background-color: #006700;
}

#oapopup.mobile #enter_desktop:hover, #oapopup.mobile #enter_desktop:active {
  color: #ffffff;
  background-color: #419341;
  *background-color: #499249;
}

#oapopup #enter_mobile, #oapopup .button_site {
	display: none;
}

#oapopup.mobile .button_site {
	display: inline;
	font-weight:bold;
}

#oapopup.mobile a, #oapopup.mobile #enter_mobile {
	margin-bottom: 10px;
	display: block;
}

/*
	 ColorBox Core Style:
	 The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{color: #444;position:absolute; top:0; left:0; z-index:9999; overflow:hidden; z-index:10000;}
#cboxOverlay{width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
	 User Style:
	 Change the following styles to modify the appearance of ColorBox.  They are
	 ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#111;}
#colorbox{outline:0;}
	 #cboxContent{overflow:visible;}
		  .cboxIframe{background:#fff;}
		  #cboxError{padding:50px; border:1px solid #ccc;}
		  #cboxLoadedContent{background: #fff; padding:0;}
		  #cboxLoadingGraphic{}
		  #cboxLoadingOverlay{background:#fff;}
		  #cboxLoadingOverlay, #cboxLoadedContent {-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;}


.room_helper_table .command {
	font-size:12px;
	fint-weight:bold;
}

.room_helper_table .description {
	font-size:11px;
	padding-left:20px;
	padding-bottom:10px;
}



.countdownUI_heading {
	 font-weight:bold;
	 margin-bottom:10px;
	 padding:5px;
}

.countdownUI_heading.start {
	 background-color:#F5F5F5;
}

.countdownUI_heading.edit_counter {
	 color:red;
	 background-color:yellow;
}

.countdownUI_message {
	 padding-bottom: 10px;
}

.countdownUI_message .message {
	 background-color:yellow;
	 padding:5px;
}

.countdownUI_message .progress {
	 background-color:#F5F5F5;
	 padding:5px;
}

.countdownUI_form_container input[type=text] {
	 width:60px ! important;
}

.countdownUI_display_container {
	 margin-bottom:10px;
}

.countdownUI_control_container {
	 margin-bottom:10px;
}

.countdownUI_control_subcontainer {
	 margin-top:10px;
	 margin-left:10px;
}

.word_wrap {
	overflow-wrap: break-all;
	overflow-wrap: break-word;

	word-wrap: break-all;
	word-wrap: break-word;

	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}




.model_menu_bar_icons   {    width:14px;  height: 14px; margin-bottom:-6px; cursor:pointer;padding:2px;border:2px solid transparent; }
.selected_model_menu_bar_icons { border:1px solid #8888;background-color:#8881;box-shadow: inset 1px 1px 1px 1px #8883; border-radius: 3px; }

.model_menu_bar_animations { border:2px solid transparent; border-radius:5px; }
.selected_model_menu_bar_icons_animations  { border:1px solid #8888;background-color:#8881;box-shadow: inset 1px 1px 1px 1px #8883; border-radius: 3px; }

/*
.online_broadcaster_controls a:*	{	text-decoration:none;	}
.online_broadcaster_controls a:link, .online_broadcaster_controls a:visited	{	text-decoration:none ! important;	}
.online_broadcaster_controls a:hover				{	text-decoration:none ! important;	}
*/

#initial_loading_message_container {
	color: #008000;
}

.spinner > div {
	background-color: #008000;
}

#header_id {
	height: 79px;
}


.MfcInChatPromo_MFCShare_logo
{
	margin-bottom: -1px;
	height:12px;
	border-radius:0px ! important;
}


.MFCShare_inChat {
	position:relative;
	border: 1px solid #00800088;
	border-radius: 8px;
	background-color: rgba(251, 251, 251, 0.5);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	margin:10px 10px 10px 5px;
	min-height: 43px;
	animation: MFCSHARECARD1 .3s 1;
	transition: background-color .3s, box-shadow .3s;
}

.MFCShare_inChat:before {
	content: '';
	display:block;
	position: absolute;
	width: 100%;
	height:43px;
	background-image:url('https://assets.mfcimg.com/images/svg/MFC_Share.svg');
	background-position:right;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.06;
	animation: MFCSHARECARD2 1s 1;
}

.MFCShare_inChat:hover {
	background-color: rgba(221, 245, 221, 0.45);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	transition: background-color .3s, box-shadow .3s;
}
.MFCShare_inChat table {
	width:100%;
	height: 35px;
	border-spacing: 0px;
	border-collapse: separate;
}

.MFCShare_inChat td {
	vertical-align: top;
	position:relative;
}

.MFCShare_inChat_content {
	vertical-align: middle !important;
	width:100%;
	padding: 5px 5px 5px 10px;
}

.MFCShare_inChat a {
	text-decoration: none ! important;
}

.MFCShare_inChat_logo {
	display: inline-block;
	color:black;
   font-size: 12px;
}

.MFCShare_inChat_logo img {
	height: 10px;
}
	

.MFCShare_inChat_img {
	height: 35px;
	border: 3px solid rgba(255,255,255,0.75);
	border-radius: 7px 0px 0px 7px;
	max-width:none ! important;
}

.MFCShare_inChat_type {
	color:black;
	font-size: 12px;
}
.MFCShare_inChat_token_amount {
	color:black;
	font-size: 12px;
}

.MFCShare_inChat_title {
	color:#008000;
	font-size: 13px;
}
.MFCShare_inChat_username {
	font-weight:bold;
	font-family: "Noto Sans","Verdana","Montserrat","Helvetica Neue", Helvetica, Arial, sans-serif;
	display:inline;
   /* font-size: 16px; */
}
.MFCShare_inChat_url {
	display:inline;
	font-size: 12px;
	color: gray;
}
.MFCShare_inChat a, .MFCShare_inChat b, .MFCShare_inChat span, .MFCShare_inChat_logo {
	text-shadow:0 0 10px #fff;
}

@keyframes MFCSHARECARD1 {
	0% {height:0; opacity: 0; transform: skew(-30deg, 0deg); overflow: hidden; }
	50% { opacity:1; transform: skew(0deg, 0deg); }
	100% {height: 43px; }	
}

@keyframes MFCSHARECARD2 {
	0% {background-position:left; background-size: initial; opacity:0.12; }
	50% { opacity:0.03; }
	100% {background-position:right; background-size: contain; opacity: 0.07; }	
}


.TwitterCard_inChat {
	position:relative;
	border: 1px solid #00900088;
	border-radius: 8px;
	background-color: rgba(255, 251, 251, 0.5);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	margin:10px 10px 10px 5px;
}

.TwitterCard_inChat table {
	width:100%;
	height: 50px;
	border-spacing: 0px;
	border-collapse: separate;
}

.TwitterCard_inChat td {
	vertical-align: top;
	position:relative;
}

.TwitterCard_inChat_content {
	width:100%;
	padding:2px 10px 21px 10px;
}

.TwitterCard_inChat a {
	text-decoration: none ! important;
}

.TwitterCard_inChat_domain {
	position: absolute;
	right: 15px;
	bottom: 5px;
	height: 10px;
}

.TwitterCard_inChat_domain {
	position: absolute;
	font-size:11px;
	font-weight:bold;
	right: 15px;
	bottom: 5px;
	height: 10px;
}

.TwitterCard_inChat_img {
	height: 50px;
	border: 1px inset #DDD;
	border-radius: 5px 0px 0px 5px;
	max-width:none ! important;
}

.TwitterCard_inChat_title {
	color:black;
	font-weight:bold;
	font-size: 13px;
}

.TwitterCard_inChat_description {
	color:#555;
   font-size: 10px;
	padding: 5px;
}

.TwitterCard_inChat_url {
	display:inline;
	font-size: 12px;
	color: gray;
}


.pm_history_contents {
	border-radius: 5px;
	background-color: #EEE;
	padding: 10px;
	margin: 10px;
}

.chat_overlay_mode .pm_history_contents {
	background-color: rgba(238, 238, 238, 0.50);
}

.inlineEmotePreview_div {
	background-color: white;
	border-radius:5px;
	border:1px solid #88888888;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
	max-height: 180px;
	overflow: auto;
	padding:10px;
	bottom:40px;
}
.inlineEmotePreview_div .selected {
	background-color:#FFFF0033;
}
.inlineEmotePreview_div div {
	border-radius:5px;
}
.inlineEmotePreview_div img {
	border-radius:2px;
}
.inlineEmotePreview_div .primary {
	background-color:#88888811;
	font-weight:bold;
}
.inlineEmotePreview_div .primary img {
	height: 50px;
	width: 200px;
	object-fit: contain;
}
.inlineEmotePreview_div .partial {
	cursor:pointer;
	padding-left:5px;
	color:#888888;
	font-size:11px;
}
.inlineEmotePreview_div .partial:hover {
	background-color:#FFFF0033;
}
.inlineEmotePreview_div .partial img {
	width: 200px;
	max-height: 40px;
	object-fit: contain;
}
.nightmode .inlineEmotePreview_div {
	background-color: black;
	color: white;
}

.tippy-backdrop { background-color:#FFF; }
.tippy-tooltip { color:black; font-size: 11px; border: 1px solid #CDC; box-shadow:1px 4px 4px #999; }

/* mobile elements that shouldn't be showing on www */
.header_mobile { display:none; overflow:hidden; }


.quick_tip {
	padding: 10px;
	width: 400px;
	display:flex;
}
.quick_tip_amounts {
	flex:1;
	margin-right: 15px;
	position:relative;
}
.quick_tip_amounts p {
	text-align: center;
	width: 200px;
}
.quick_tip_custom_amt {
	position:absolute;
	bottom: 0;
	width: 200px;
	text-align: center;
	left: 0;
	bottom: -8px;
}
.quick_tip_options {
	flex:1;
}
.quick_tip_foot {
	position:absolute;
	bottom:-3px;
	left:0px;
	width:100%;
	color:#777777;
	text-align: center;
}
.quick_tip_token_msg {
	width: 200px;
	text-align: center;
}
.quick_tip textarea {
	width: 195px;
	height:21px;
}
.quick_tip .buttons {
	text-align: center;
	position: relative;
	margin:10px 0 16px 0;
}
.quick_tip .buttons .disabled {
	opacity: 0.5;
}
.quick_tip .buttons .tip_again {
	width:188px;
}

.quick_tip_message {
	position: absolute;
	top:0;
	left:0;
	font-size: 13px;
	background-color: #FFFFAA;
	color: black;
	padding: 10px 20px;
	border-radius: 5px;
	box-shadow: 0 10px 10px 0 rgba(34,36,38,.5);
	opacity:0;
	transition: visibility 0s, opacity 0.2s ease
}

.quick_tip .buttons button {
	margin:2px;
	font-size:15px;
	cursor:pointer;
	width: 60px;
	height: 28px;
	background: linear-gradient(0deg,#060,#070 50%);
	border: 1px solid #060!important;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 rgba(34,36,38,.15);
	color: #fff;
	text-shadow: 1px 1px #060;
	transition: box-shadow .2s, background .3s, text-shadow .3s;
}

.quick_tip .buttons button:hover {
	background: linear-gradient(0deg,#060,#070 60%);
	box-shadow: 0 2px 2px 0 rgba(0,10,0,.35);
	text-shadow: 1px 1px #020;
	transition: box-shadow .2s, background .3s, text-shadow .3s;
}

.quick_tip .buttons input {
	width: 60px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	margin: 2px;
}

.quick_tip .buttons input:focus {
	color: #060;
}

.quick_tip .user_style.quick_tip_to {
	font-size: 13px;
}

.quick_tip label {
	display:block;
	height:19px;
	line-height:19px;
	margin-left:12px;
}
.quick_tip label input[type=checkbox] {
	position: relative;
	top: 2px;
}


.new_arrival {
	opacity: 1;
	animation: fade 1.5s ease-out;
}
@keyframes fade {
	0% { opacity: 0; }
	100% { opacity: 1; }
}


.mbd_insert_region {
//visibility:hidden;
	opacity:0;
	position: absolute;
	left: -12px;
	top: 0px;
	width: 40px;
	height: 100%;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,0,1) 10%, rgba(255,255,255,0) 100%);
	/*transition: opacity .01s ease;*/
}

.mbd_insert_effect {
	opacity: 1;
	animation: slide .15s ease-out;
}

@keyframes slide {
	0% { opacity:0; }
	100% { opacity: 1; }
}

.nightmode div::-webkit-scrollbar {
	background: transparent url(https://assets.mfcimg.com/files/ico/clear.gif) repeat-y !important;
	width: 17px;
}
.nightmode div::-webkit-scrollbar-track, {
	background: transparent url(https://assets.mfcimg.com/files/ico/clear.gif) repeat-y !important;
}
.nightmode div::-webkit-scrollbar-thumb {
	border: 5px solid #FFF0;
	border-radius: 8px;
	background: #AAA8;
	background-clip: padding-box;
}

.cute_scrollbars::-webkit-scrollbar {
	background: transparent url(https://assets.mfcimg.com/files/ico/clear.gif) repeat-y !important;
	width: 17px;
}
.cute_scrollbars::-webkit-scrollbar-track {
	background: transparent url(https://assets.mfcimg.com/files/ico/clear.gif) repeat-y !important;
}
.cute_scrollbars::-webkit-scrollbar-thumb {
	border: 5px solid #FFF0;
	border-radius: 8px;
	background: #8888;
	background-clip: padding-box;
}
	
.nightmode .cute_scrollbars::-webkit-scrollbar {
	background: transparent url(https://assets.mfcimg.com/files/ico/clear.gif) repeat-y !important;
	width: 17px;
}
.nightmode .cute_scrollbars::-webkit-scrollbar-track, {
	background: transparent url(https://assets.mfcimg.com/files/ico/clear.gif) repeat-y !important;
}
.nightmode .cute_scrollbars::-webkit-scrollbar-thumb {
	border: 5px solid #FFF0;
	border-radius: 8px;
	background: #8885;
	background-clip: padding-box;
}

#videochat_container_td_before_outer {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1200px;
	height: 550px;
	-webkit-mask-image: linear-gradient(to bottom, transparent 0px, black 50px, black 600px);
}
#videochat_container_td_before {
	width: 1200px;
	height: 550px;
	-webkit-mask-image: linear-gradient(to right, transparent 0px, black 200px, black 1200px);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.chat_command_repeat {
	transition: opacity 0.1s ease-out;
}

.subc_pm_friend_flash
{
	animation: subc_pm_friend_effect 2s ease-in-out;
}
@keyframes subc_pm_friend_effect {
	0% { box-shadow:0px 0px 0px #f70; }
	25% { box-shadow:0px 0px 6px #f70; }
	100% { box-shadow:0px 0px 0px #f70; }
}


.no_background { -webkit-mask-image: unset ! important; }

.TagsTopicPopup { width: 400px; }