/* activity */
  #member_count_new{top:-4px;}
  /* chat */
  
  #message{width:100%!important;box-sizing:border-box;margin:0px;width:90%;height:45px;}
  .chat_left_side{float:left;width:70%;}
  .chat_right_side{float:right;width:30%;}
  .chat_name{font-size:9px;font-family: Verdana, sans-serif;}
  .chat_timesent{font-size:9px;color:#888888;font-family: Verdana, sans-serif;}
  .chat_clearer, .clearer{clear:both;}
  .chat_container_them{float:left;padding-top:1px;}  
  .chat_container_you{float:right;padding-top:1px;}
  .chat_bubble_them{	  
	  background-color:#b38b6d;
	  color:#000000;
	  padding:5px;
	  width:85%;
	  float:left;
	  margin-left:10px;
	  word-wrap: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
        box-sizing:border-box;
	  box-shadow: 1px 1px 2px rgba(0,0,0, 0.2);
	  
background: #fefff2; /* Old browsers */
background: -moz-linear-gradient(top,  #fefff2 0%, #effcc9 47%, #f4ffa3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefff2), color-stop(47%,#effcc9), color-stop(100%,#f4ffa3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefff2 0%,#effcc9 47%,#f4ffa3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefff2 0%,#effcc9 47%,#f4ffa3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefff2 0%,#effcc9 47%,#f4ffa3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefff2 0%,#effcc9 47%,#f4ffa3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefff2', endColorstr='#f4ffa3',GradientType=0 ); /* IE6-9 */
	  
  }
  
  .chat_bubble_you{
  	  	  
	  background-color:#66CCFF;
	  color:#000000;
	  float:right;
	  padding:5px;
	  width:85%;
	  margin-right:10px;
	  box-sizing:border-box;
	  word-wrap: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
	  box-shadow: 1px 1px 2px rgba(0,0,0, 0.2);
	  
background: #f0f9ff; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
	  
	} 
	
	.chat_bubble_them, .chat_item 		{  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
	
	#online_list		{list-style:none;margin-left:0px;padding-left:0px;}
	#online_list img 	{height:25px;width:25px;}
	#online_list li 	{font-size:14px;}
	#message {border-radius:3px;padding:5px;border-color:#cccccc;}
	.chat_client_container{background-color:rgba(250,250,250,1);color:#333333;max-width:900px;margin:0 auto;padding:5px;
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	
	}
	
.chat_client_container img {box-shadow: 1px 1px 2px rgba(0,0,0, 0.2);}

#online_info, #chat_contents{ height:400px;overflow-y:auto;overflow-x:hidden;width:100%;}

#online_info, .chat_send_container{margin-left:5px;padding-left:5px;}

#online_info{border-left:1px solid rgba(0,0,0,.3);}
.chat_message{width:100%;}
#chat_submit{}

/************************************* CHAT COMPONENTS ***************************************************/
   #message{}
  .chat_name{}
  .chat_timesent{color:#888888;}
  .chat_clearer{}
  .chat_container_them{}
  .chat_container_you{}
  .chat_bubble_them{
	  
	  background-color:#b38b6d;
	  color:#000000;
	  box-shadow: 1px 1px 2px rgba(0,0,0, 0.2);
	  
background: #fefff2; /* Old browsers */
background: -moz-linear-gradient(top,  #fefff2 0%, #effcc9 47%, #f4ffa3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefff2), color-stop(47%,#effcc9), color-stop(100%,#f4ffa3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefff2 0%,#effcc9 47%,#f4ffa3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefff2 0%,#effcc9 47%,#f4ffa3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefff2 0%,#effcc9 47%,#f4ffa3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefff2 0%,#effcc9 47%,#f4ffa3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefff2', endColorstr='#f4ffa3',GradientType=0 ); /* IE6-9 */
	  
  }
  
  .chat_bubble_you{
  	  	
	  background-color:#66CCFF;
	  color:#000000;

	  box-shadow: 1px 1px 2px rgba(0,0,0, 0.2);
	  
background: #f0f9ff; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
	  
	} 
	
	#online_list{}
	#online_list img {}
	#online_list li {}
	#message {}
	.chat_client_container{background-color:rgba(250,250,250,1);
							color:#333333;
							background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	
	}
	.chat_client_container img {box-shadow: 1px 1px 2px rgba(0,0,0, 0.2);}
	#online_info, #chat_contents{}
#online_info{border-left:1px solid rgba(0,0,0,.3);}
#chat_submit{}
#chat_contents, #online_info{margin-bottom:3px;}
/******************* CHAT GREY *****************/
.chat_client_container{border-radius:3px;}
#chat_contents{}
#online_info{}
#online_list li {color:#333333;}
#online_info{border-left:1px solid rgba(250,250,250,.3);}
#message{background-color:#F0F0F0;color:#333333;}
#online_list img {height:15px;width:15px;}
#chat_submit{}

.chat_bubble_you{background:none;background-color: #F0F0F0;}
.chat_bubble_them{background:none;background-color: #F0F0F0;}

/******************* CHAT Android *****************/
.chat_bubble_them, .chat_bubble_you {border-radius:0px;padding:0px;border-top:1px solid rgba(250,250,250,.3);background:none;border:none;box-shadow:none;padding:5px;}
.chat_container_you, .chat_container_them {height:40px;width:40px;}
.chat_bubble_you{text-align:right;}
.chat_timesent, .chat_name{font-size:9px;color:#888888;}
.chat_item {border-radius:0px;margin:0px;padding:0px;border-bottom: 1px solid #ddd;width:100%;clear:both;background-color:#FFFFFF;}
.chat_item .chat_container_them img, .chat_item .chat_container_you img {height:40px;width:40px;}
.chat_message{width:100%;}


/* notifications */
.streamCt{left:-5px;margin-right:-6px;}
#notification-activity-nav 							{max-width:350px;}
#notification-activity-nav .chat_container_them 	{white-space:normal;}
#notification-activity-nav .chat_bubble_them 		{}
#notification-activity-nav .chat_bubble_them, 
#notification-activity-nav .chat_bubble_you 		{padding:0px;width:280px;}
#notification-activity-nav .chat_container_them a 	{padding:0px;}
#notification_stream div.activity_image 			{max-width:100%;}
#notification_stream img.activity_img 				{max-width:200px;margin:5px 0 5px 0;}
.activity_img_name {word-wrap: break-word;max-width:100%;max-height:80px;overflow:hidden;text-overflow:ellipsis;}
#notification-activity-nav .activity_title 			{margin-right:45px;white-space:normal;max-height:52px;overflow:hidden;text-overflow:ellipsis;}
#notification-activity-nav .chat_item 				{font-size:14px;margin-bottom:5px;padding:5px;}
a.adminBar{padding-left:20px;padding-right:20px;padding-top:13px;}
#top_bar{height:42px;}
.nav-icon {font-size:20px;padding-right:0px;}
#admin_bar_login_info a {padding-left:10px;padding-right:10px;}
.navgroup .chat_item a, #admin_nav .navgroup .chat_item a {padding:0px;border:none;border-width:0px;display:inline;}
.navgroup .chat_name, #admin_nav .navgroup .chat_name, .navgroup .chat_timesent, #admin_nav .navgroup .chat_timesent {font-size:9px;}
.navgroup .chat_name a, #admin_nav .navgroup .chat_name a, .navgroup .chat_timesent a, #admin_nav .navgroup .chat_timesent a {font-size:9px;}
.navgroup .chat_item a, #admin_nav .navgroup .chat_item a, .chat_item a 		{color:#004f8c;}
.navgroup .chat_item a:hover, #admin_nav .navgroup .chat_item a:hover, .chat_item a:hover	{color:#09f;background:none!important;}

/* activity stream */
#activity_stream 							{width:480px;background-color:#dddddd;margin:0 auto;padding:10px;margin-top:10px;padding:10px;}
#activity_stream .chat_container_them img 	{max-width:60px;max-height:60px;}

#activity_stream .chat_container_them 		{width:40px;box-sizing:border-box;}
#activity_stream .chat_bubble_them 			{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#activity_stream .chat_bubble_them, 
#activity_stream .chat_bubble_you 			{padding:0px;width:400px;}
#activity_stream .chat_container_them a 	{padding:0px;}
#activity_stream .activity_title 			{white-space:normal;max-height:52px;overflow:hidden;text-overflow:ellipsis;color:#000000;}
#activity_stream .chat_message 				{color:#000000;}
#activity_stream .chat_item 				{font-size:14px;margin-bottom:10px;padding:10px;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;-webkit-border-radius: 3px;}
#activity_stream .chat_name					{font-size:18px;}
#activity_stream .chat_timesent				{font-size:12px;display:block;}
#activity_stream div.activity_image 		{width:400px;}
#activity_stream img.activity_img 			{max-width:400px;margin:5px 0 5px 0;}
#activity_stream .chat_clearer				{margin-bottom:5px;}
#activity_stream .chat_item:last-child
{
margin-bottom:0px;
}
 
/* growl notifications */

.growl .chat_item {width:350px;background-color:#eeeeee;margin:0 auto;padding:10px;border-radius:3px;margin-top:10px;font-size:14px;}
.growl .chat_container_them img {max-width:60px;max-height:60px;}

.growl .chat_container_them 	{width:40px;box-sizing:border-box;}
.growl .chat_bubble_them 		{padding:0px;}
.growl .chat_bubble_them, 
.growl .chat_bubble_you 		{width:80%;}
.growl .chat_container_them a {padding:0px;}
.growl .activity_img 			{max-height:40px;max-width:40px;vertical-align:middle;padding:5px;}
.growl .activity_title 		{margin-right:45px;white-space:normal;max-height:52px;overflow:hidden;text-overflow:ellipsis;}
.growl .activity_title 		{margin-right:45px;white-space:normal;max-height:52px;overflow:hidden;text-overflow:ellipsis;}
.growl_list {margin:0;padding:0;}
.growl {}

.navgroup li.profile::-webkit-scrollbar {
    width: 6px;
}
 
.navgroup li.profile::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); 
    border-radius: 3px;
}
 
.navgroup li.profile::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8); 
}
#edit-mode-preview-link .fa-check {font-size:14px;}

#profile_nav_img {padding-top:13px;}
#profile_nav_img img{width:20px!important;height:20px!important;padding:0px;vertical-align: middle;margin-bottom:8px;z-index:999;}
#profile_nav_link_li .fa-user {z-index:-1;}

/*.chat_bubble_them, .chat_bubble_you		{border:2px dashed #ff33cc;}
.chat_container_them, .chat_container_you 	{border:2px dashed #ff33cc;}*/
#social_sharing_links {
    display:inline-block;
}
.flat-button {
	padding: 14px 26px;	
	font-size: 14px;
	line-height: 100%;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	color: #fff;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	transition: background 0.1s ease-in-out;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
    border:0px;
}
.flat-button:active {
	padding-top: 15px;
        margin-bottom: -1px;
}
.flat-button, .flat-button:hover, .flat-button:active {
	outline: 0 none;
	text-decoration: none;
	color: #fff;
}

.flat-button.blue {
	background-color: #3fb8e8;
    color: #ffffff;
	box-shadow: 0px 3px 0px 0px #3293ba;
	color:#ffffff;
}
.flat-button.blue:hover {
	background-color: #1baae3;
}

.flat-button.blue:active {
	box-shadow: 0px 1px 0px 0px #3293ba;
}

.flat-button.red {
  background-color: #e55e28;
  color: #ffffff;
  box-shadow: 0px 3px 0px 0px #c34817;
  color:#ffffff;
}
.flat-button.red:hover {
  background-color: #da511a;
}

.flat-button.red:active {
  box-shadow: 0px 1px 0px 0px #c34817;
}

.flat-button.brand {
	background-color: #F26B23;
	box-shadow: 0px 3px 0px 0px #E5581B;
	color:#FFFFFF;
}
.flat-button.brand:hover {
	background-color: #E5581B;
}
.flat-button.brand:active {
	box-shadow: 0px 1px 0px 0px #F26B23;
}

.flat-button.small-button {
	padding:8px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:3px;
	font-size: 12px;
	font-weight: normal;
	text-shadow: none;
	border:none;
}

.link-button {
    background:none!important;
     border:none; 
     padding:0!important;
    
    /*optional*/
    font-family:arial,sans-serif; /*input has OS specific font-family*/
     color:#069;
     cursor:pointer;
}
.link-button:hover{
         text-decoration:underline;
}

.widg_90 .activity_img {max-width:100%;}

/* new profiles */
#profileContainer ol, #profileContainer ul {
	list-style: none;margin:0px;padding:0px;
}

/* card related items */
/* card structure */
#site_body .card {margin:0px 0px 10px 0px;}

.card {-webkit-box-sizing: border-box;
     					-moz-box-sizing: border-box;
          				box-sizing: border-box;          				          				
          				border: 1px solid;          				
          				-webkit-border-radius: 3px;
          				border-radius: 3px;          				
          				padding:0px;
          				overflow: hidden;          				
						}
.card .card-button 		{display:inline-block;text-transform:uppercase;}
.card .card_title 	{padding:10px 10px 0px 10px;line-height:26px;padding-bottom:10px;}
.card .card_actions	{margin-top:10px;padding:0px 0px 10px 0px;}
.card .card_header 	{background-size:cover;}
.card .card_body 	{padding:10px 10px 0px 10px;}

/* tile related items */
.tile{padding:10px 10px 10px 10px;border-bottom:1px solid #e0e0e0;}
.tile:last-child{border-bottom:none;}
.tile .heading {font-size:24px;}
.tile .description {font-size:14px;}

/* card styling */
/* basic card */
#card_list {font-family: 'Roboto', sans-serif;}
.card a {color:rgba(250,250,250,.87);}
.card a:hover {color:rgba(250,250,250,.4);}
.card .scrim {background:linear-gradient(to bottom, rgba(0,0,0,0.5) 10px, rgba(0,0,0,0.4) 40px,rgba(0,0,0,.3) 50px,rgba(0,0,0,.2) 60px,transparent 100%);height:100%;}
.card .card_footer a {color:rgba(0,0,0,.87);}
.card {font-size:14px;border-color: #e5e6e9 #dfe0e4 #d0d1d5;background-color:#FFFFFF;}
.card .card_title {font-size:34px;}
.card.community_card .card_title, .card.game_card .card_title {color:rgba(250,250,250,1);}
.card.community_card .card_header, 
.card.game_card .card_header 									{height:90px;background-size:cover;background-position:center center;}
.card.community_card .card_header								{height:140px;}
.card.game_card .timeplayed										{font-size:12px;}
.card.game_card .card_body										{height:40px;}
#site_body .card.game_card										{}
#site_body .card.character_card									{min-height:170px;box-sizing:border-box;}
#site_body .card.character_card									{background-repeat:no-repeat;background-size:110px 110px;}
#site_body .card.character_card.left							{background-position:left top;}
#site_body .card.character_card.right							{background-position:right top;}
#site_body .card.character_card.right a {margin:0px;}
#site_body .card.character_card.left .card_body,
#site_body .card.character_card.left .card_header				{padding-left:120px;text-align:left;}
#site_body .card.character_card .card_header .card_title		{padding:10px 0px 10px 0px;white-space: nowrap;overflow: hidden;}
#site_body .card.character_card.right .card_body, 
#site_body .card.character_card.right .card_header				{padding-right:120px;text-align:right;margin:0px;}
#site_body .card.character_card .card_body						{height:70px;}

.card a .community_card .card_title:hover {font-size:34px;color:rgba(250,250,250,.9);}
.card .subheader {font-size:16px;color:rgba(250,250,250,.87);}
.card .card_footer a.primary_button {color:rgba(27, 170, 227,1);padding:0px 10px 0px 10px;}
.card .card_footer a.primary_button:hover {color:rgba(27, 170, 227,.4);}
.card .card_footer a.secondary_button {padding:0px 10px 0px 10px;color:rgba(0, 0, 0,.87);}
.card .card_footer a.secondary_button:hover {color:rgba(0, 0, 0,.4);}
.fa-image-icon.twitch{width:15px;margin:0px 3px 0px 3px;text-align:center;}

/* blog card - temp */
#site_body .card.blog-card {padding:10px;}
/* award card */
#site_body .card.card-achievement .card_title {font-size: 34px;padding:10px 10px 10px 10px;}
#site_body .info-card .card_title{font-size:24px;}
#site_body .info-card .card_body{padding:0px 10px 10px 10px;}

/* card primary action */
#primary_action_container .card .card_header {height:auto;}
.card-primary-action .card_title {color:rgba(0,0,0,.87);}
.card-primary-action form {padding:10px 10px 10px 10px;}
.card-primary-action .alert{margin:10px 10px 10px 10px;}

.settings_list .alert{margin:10px 10px 10px 10px;}
.card a {color:rgba(0,0,0,.87);}
.card a:hover {color:rgba(0,0,0,.5);}

/* settings card */
#setting_card_list .card_title {color:rgba(0,0,0,.87);}
.setting_tile .setting-area .tile_action {text-align:right;}
#content-area .setting-area .col {padding:10px 10px 10px 0px;}
#setting_card_list label, #setting_card_list .flat-button {display:block;}

/* new form styling */
.card-primary-action label {display:block;}
label.required:after {padding:10px 10px 0px 10px;
	color:rgba(250,0,0,.87);
	content:" * ";
}

/*****
* Flex Grid
*/

/*
 * Removed gutters by default Due to a pixel rounding bug in IE 10+
 * Once Google puts variables back we can use these to customize the grid
:root {
  var-half-gutter-width: 0.5rem;
  var-gutter-compensation: -0.5rem;
  var-outer-margin: 2rem;
}
*/
.grid {
  padding-right: var( outer-margin, 0 );
  padding-left: var( outer-margin, 0 );
}
.row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: var( gutter-compensation, 0 );
  margin-left: var( gutter-compensation, 0 );
}
.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: row-reverse;
  -ms-flex-wrap: row-reverse;
  flex-wrap: row-reverse;
}
.column.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-flex-wrap: column-reverse;
  -ms-flex-wrap: column-reverse;
  flex-wrap: column-reverse;
}
.column-auto-hand,
.column-1-hand,
.column-2-hand,
.column-3-hand,
.column-4-hand,
.column-5-hand,
.column-6-hand,
.column-7-hand,
.column-8-hand,
.column-9-hand,
.column-10-hand,
.column-11-hand,
.column-12-hand,
.offset-1-hand,
.offset-2-hand,
.offset-3-hand,
.offset-4-hand,
.offset-5-hand,
.offset-6-hand,
.offset-7-hand,
.offset-8-hand,
.offset-9-hand,
.offset-10-hand,
.offset-11-hand,
.offset-12-hand {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: var( half-gutter-width, 0 );
  padding-left: var( half-gutter-width, 0 );
}
.column-auto-wall,
.column-auto-desk,
.column-auto-lap,
.column-auto-hand {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
}
.column-1-hand {
  -webkit-flex-basis: 8.333333333%;
  -ms-flex-preferred-size: 8.333333333%;
  flex-basis: 8.333333333%;
}
.column-2-hand {
  -webkit-flex-basis: 16.666666667%;
  -ms-flex-preferred-size: 16.666666667%;
  flex-basis: 16.666666667%;
}
.column-3-hand {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}
.column-4-hand {
  -webkit-flex-basis: 33.333333333%;
  -ms-flex-preferred-size: 33.333333333%;
  flex-basis: 33.333333333%;
}
.column-5-hand {
  -webkit-flex-basis: 41.666666667%;
  -ms-flex-preferred-size: 41.666666667%;
  flex-basis: 41.666666667%;
}
.column-6-hand {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.column-7-hand {
  -webkit-flex-basis: 58.333333333%;
  -ms-flex-preferred-size: 58.333333333%;
  flex-basis: 58.333333333%;
}
.column-8-hand {
  -webkit-flex-basis: 66.666666667%;
  -ms-flex-preferred-size: 66.666666667%;
  flex-basis: 66.666666667%;
}
.column-9-hand {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
}
.column-10-hand {
  -webkit-flex-basis: 83.333333333%;
  -ms-flex-preferred-size: 83.333333333%;
  flex-basis: 83.333333333%;
}
.column-11-hand {
  -webkit-flex-basis: 91.666666667%;
  -ms-flex-preferred-size: 91.666666667%;
  flex-basis: 91.666666667%;
}
.column-12-hand {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.offset-1-hand {
  margin-left: 8.333333333%;
}
.offset-2-hand {
  margin-left: 16.666666667%;
}
.offset-3-hand {
  margin-left: 25%;
}
.offset-4-hand {
  margin-left: 33.333333333%;
}
.offset-5-hand {
  margin-left: 41.666666667%;
}
.offset-6-hand {
  margin-left: 50%;
}
.offset-7-hand {
  margin-left: 58.333333333%;
}
.offset-8-hand {
  margin-left: 66.666666667%;
}
.offset-9-hand {
  margin-left: 75%;
}
.offset-10-hand {
  margin-left: 83.333333333%;
}
.offset-11-hand {
  margin-left: 91.666666667%;
}
.start-hand {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}
.center-hand {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.end-hand {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}
.top-hand {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.middle-hand {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.bottom-hand {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.around-hand {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.between-hand {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.first-hand {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}
.last-hand {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

@media only screen and (min-width: 48em) {
  .column-auto-lap {
	-webkit-flex-basis: 0%;
	-ms-flex-preferred-size: 0%;
	flex-basis: 0%;
  }
  .column-1-lap {
	-webkit-flex-basis: 8.333333333%;
	-ms-flex-preferred-size: 8.333333333%;
	flex-basis: 8.333333333%;
  }
  .column-2-lap {
	-webkit-flex-basis: 16.666666667%;
	-ms-flex-preferred-size: 16.666666667%;
	flex-basis: 16.666666667%;
  }
  .column-gs-lap {
	-webkit-flex-basis: 20%;
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
  }
  .column-3-lap {
	-webkit-flex-basis: 25%;
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
  }
  .column-4-lap {
	-webkit-flex-basis: 33.333333333%;
	-ms-flex-preferred-size: 33.333333333%;
	flex-basis: 33.333333333%;
  }
  .column-5-lap {
	-webkit-flex-basis: 41.666666667%;
	-ms-flex-preferred-size: 41.666666667%;
	flex-basis: 41.666666667%;
  }
  .column-6-lap {
	-webkit-flex-basis: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
  }
  .column-7-lap {
	-webkit-flex-basis: 58.333333333%;
	-ms-flex-preferred-size: 58.333333333%;
	flex-basis: 58.333333333%;
  }
  .column-8-lap {
	-webkit-flex-basis: 66.666666667%;
	-ms-flex-preferred-size: 66.666666667%;
	flex-basis: 66.666666667%;
  }
  .column-9-lap {
	-webkit-flex-basis: 75%;
	-ms-flex-preferred-size: 75%;
	flex-basis: 75%;
  }
  .column-10-lap {
	-webkit-flex-basis: 83.333333333%;
	-ms-flex-preferred-size: 83.333333333%;
	flex-basis: 83.333333333%;
  }
  .column-11-lap {
	-webkit-flex-basis: 91.666666667%;
	-ms-flex-preferred-size: 91.666666667%;
	flex-basis: 91.666666667%;
  }
  .column-12-lap {
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
  }
  .offset-1-lap {
	margin-left: 8.333333333%;
  }
  .offset-2-lap {
	margin-left: 16.666666667%;
  }
  .offset-3-lap {
	margin-left: 25%;
  }
  .offset-4-lap {
	margin-left: 33.333333333%;
  }
  .offset-5-lap {
	margin-left: 41.666666667%;
  }
  .offset-6-lap {
	margin-left: 50%;
  }
  .offset-7-lap {
	margin-left: 58.333333333%;
  }
  .offset-8-lap {
	margin-left: 66.666666667%;
  }
  .offset-9-lap {
	margin-left: 75%;
  }
  .offset-10-lap {
	margin-left: 83.333333333%;
  }
  .offset-11-lap {
	margin-left: 91.666666667%;
  }
  .start-lap {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: start;
  }
  .center-lap {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
  }
  .end-lap {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	text-align: end;
  }
  .top-lap {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
  }
  .middle-lap {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
  }
  .bottom-lap {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
  }
  .around-lap {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
  }
  .between-lap {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
  }
  .first-lap {
	-webkit-box-ordinal-group: 0;
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
  }
  .last-lap {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
  }

}

@media only screen and (min-width: 62em) {
  .column-auto-desk {
	-webkit-flex-basis: 0%;
	-ms-flex-preferred-size: 0%;
	flex-basis: 0%;
  }
  .column-1-desk {
	-webkit-flex-basis: 8.333333333%;
	-ms-flex-preferred-size: 8.333333333%;
	flex-basis: 8.333333333%;
  }
  .column-2-desk {
	-webkit-flex-basis: 16.666666667%;
	-ms-flex-preferred-size: 16.666666667%;
	flex-basis: 16.666666667%;
  }
  .column-gs-desk {
	-webkit-flex-basis: 20%;
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
  }  
  .column-3-desk {
	-webkit-flex-basis: 25%;
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
  }
  .column-4-desk {
	-webkit-flex-basis: 33.333333333%;
	-ms-flex-preferred-size: 33.333333333%;
	flex-basis: 33.333333333%;
  }
  .column-5-desk {
	-webkit-flex-basis: 41.666666667%;
	-ms-flex-preferred-size: 41.666666667%;
	flex-basis: 41.666666667%;
  }
  .column-6-desk {
	-webkit-flex-basis: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
  }
  .column-7-desk {
	-webkit-flex-basis: 58.333333333%;
	-ms-flex-preferred-size: 58.333333333%;
	flex-basis: 58.333333333%;
  }
  .column-8-desk {
	-webkit-flex-basis: 66.666666667%;
	-ms-flex-preferred-size: 66.666666667%;
	flex-basis: 66.666666667%;
  }
  .column-9-desk {
	-webkit-flex-basis: 75%;
	-ms-flex-preferred-size: 75%;
	flex-basis: 75%;
  }
  .column-10-desk {
	-webkit-flex-basis: 83.333333333%;
	-ms-flex-preferred-size: 83.333333333%;
	flex-basis: 83.333333333%;
  }
  .column-11-desk {
	-webkit-flex-basis: 91.666666667%;
	-ms-flex-preferred-size: 91.666666667%;
	flex-basis: 91.666666667%;
  }
  .column-12-desk {
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
  }
  .offset-1-desk {
	margin-left: 8.333333333%;
  }
  .offset-2-desk {
	margin-left: 16.666666667%;
  }
  .offset-3-desk {
	margin-left: 25%;
  }
  .offset-4-desk {
	margin-left: 33.333333333%;
  }
  .offset-5-desk {
	margin-left: 41.666666667%;
  }
  .offset-6-desk {
	margin-left: 50%;
  }
  .offset-7-desk {
	margin-left: 58.333333333%;
  }
  .offset-8-desk {
	margin-left: 66.666666667%;
  }
  .offset-9-desk {
	margin-left: 75%;
  }
  .offset-10-desk {
	margin-left: 83.333333333%;
  }
  .offset-11-desk {
	margin-left: 91.666666667%;
  }
  .start-desk {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: start;
  }
  .center-desk {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
  }
  .end-desk {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	text-align: end;
  }
  .top-desk {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
  }
  .middle-desk {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
  }
  .bottom-desk {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
  }
  .around-desk {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
  }
  .between-desk {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
  }
  .first-desk {
	-webkit-box-ordinal-group: 0;
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
  }
  .last-desk {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
  }

}

@media only screen and (min-width: 75em) {
  .column-auto-wall {
	-webkit-flex-basis: 0%;
	-ms-flex-preferred-size: 0%;
	flex-basis: 0%;
  }
  .column-1-wall {
	-webkit-flex-basis: 8.333333333%;
	-ms-flex-preferred-size: 8.333333333%;
	flex-basis: 8.333333333%;
  }
  .column-2-wall {
	-webkit-flex-basis: 16.666666667%;
	-ms-flex-preferred-size: 16.666666667%;
	flex-basis: 16.666666667%;
  }
  .column-gs-wall {
	-webkit-flex-basis: 20%;
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
  }  
  .column-3-wall {
	-webkit-flex-basis: 25%;
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
  }
  .column-4-wall {
	-webkit-flex-basis: 33.333333333%;
	-ms-flex-preferred-size: 33.333333333%;
	flex-basis: 33.333333333%;
  }
  .column-5-wall {
	-webkit-flex-basis: 41.666666667%;
	-ms-flex-preferred-size: 41.666666667%;
	flex-basis: 41.666666667%;
  }
  .column-6-wall {
	-webkit-flex-basis: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
  }
  .column-7-wall {
	-webkit-flex-basis: 58.333333333%;
	-ms-flex-preferred-size: 58.333333333%;
	flex-basis: 58.333333333%;
  }
  .column-8-wall {
	-webkit-flex-basis: 66.666666667%;
	-ms-flex-preferred-size: 66.666666667%;
	flex-basis: 66.666666667%;
  }
  .column-9-wall {
	-webkit-flex-basis: 75%;
	-ms-flex-preferred-size: 75%;
	flex-basis: 75%;
  }
  .column-10-wall {
	-webkit-flex-basis: 83.333333333%;
	-ms-flex-preferred-size: 83.333333333%;
	flex-basis: 83.333333333%;
  }
  .column-11-wall {
	-webkit-flex-basis: 91.666666667%;
	-ms-flex-preferred-size: 91.666666667%;
	flex-basis: 91.666666667%;
  }
  .column-12-wall {
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
  }
  .offset-1-wall {
	margin-left: 8.333333333%;
  }
  .offset-2-wall {
	margin-left: 16.666666667%;
  }
  .offset-3-wall {
	margin-left: 25%;
  }
  .offset-4-wall {
	margin-left: 33.333333333%;
  }
  .offset-5-wall {
	margin-left: 41.666666667%;
  }
  .offset-6-wall {
	margin-left: 50%;
  }
  .offset-7-wall {
	margin-left: 58.333333333%;
  }
  .offset-8-wall {
	margin-left: 66.666666667%;
  }
  .offset-9-wall {
	margin-left: 75%;
  }
  .offset-10-wall {
	margin-left: 83.333333333%;
  }
  .offset-11-wall {
	margin-left: 91.666666667%;
  }
  .start-wall {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: start;
  }
  .center-wall {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
  }
  .end-wall {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	text-align: end;
  }
  .top-wall {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
  }
  .middle-wall {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
  }
  .bottom-wall {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
  }
  .around-wall {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
  }
  .between-wall {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
  }
  .first-wall {
	-webkit-box-ordinal-group: 0;
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
  }
  .last-wall {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
  }

}

/******
* End Flex Grid
*/
/* v3 catchup styling */
  #calendar-option-bar{margin-bottom:10px;}
  .calendar-day {width:14.28571%;}
  .calendar-day{word-break: break-all;}
label{display:block;}
.button, input[type="submit"].button {
    /* make regular buttons appear as our buttons */
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1rem;
    background-color: #2ba6cb;
    border-color: #2285a2;
    color: white;
    transition: background-color 300ms ease-out;
    border:0px;
}
.button, input[type="submit"].button{
    padding: 7px 13px;
    font-size: 14px;
    line-height: 100%;
    text-shadow: 0 1px rgba(0, 0, 0, 0.4);
    color: #fff;
    display:inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.1s ease-in-out;
    -webkit-transition: background 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out;
    -ms-transition: background 0.1s ease-in-out;
    -o-transition: background 0.1s ease-in-out;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    color: #fff;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    background-color: #3fb8e8;
	background-image: none;
    box-shadow: 0px 3px 0px 0px #3293ba;
    margin:3px;
}

  .button:active {
      padding-top:8px;
      margin-bottom: -1px;
  }
  .button, .button:hover, .button:active {
      outline: 0 none;
      text-decoration: none;
      color: #fff;
  }

  .button.blue {
      background-color: #3fb8e8;
      color: #ffffff;
      box-shadow: 0px 3px 0px 0px #3293ba;
      color:#ffffff;
  }
  .button.blue:hover {
      background-color: #1baae3;
  }

  .button.blue:active {
      box-shadow: 0px 1px 0px 0px #3293ba;
  }
  .raidProgressWidgetBossName, .raidProgressWidgetStatus{color:#ffffff;}
  .button.btn-widget-config {
      padding: 3px 10px;
      box-shadow: none;
      margin-bottom: 0px;
  }
  .menu, .post_date, .post_since, .forum_pagination {
      font-size: 12px;
  }

  .raidProgressImage {
      color: #ffffff;
      font-size: 9px;
      font-weight: bold;
      height: 40px;
      letter-spacing: 1.5px;
      /* padding: 5px; */
      /* padding-right: 3px; */
      text-decoration: none;
      -moz-border-radius: 8px;
      /* border-radius: 8px; */
      /* margin-bottom: 1px; */
      text-shadow: 0px 0px 2px #000;
      border: 1px solid #292929;
  }
  .calendar-day:hover{cursor: pointer;border:1px solid rgba(250,250,250,.3);}
  #sub_nav_container {min-height:30px;}
  #sub_nav_container ul {list-style-type: none;margin: 0;padding: 0;}
  #sub_nav_container li {display:inline;float:left;}
  #sub_nav_container li a {display:block;padding:5px;background-color:rgba(0,0,0,.3);margin:3px;color:rgba(250,250,250,.875);
                                border-top:1px solid rgba(250,250,250,.3);border-left:1px solid rgba(250,250,250,.3);
                                border-right:1px solid rgba(250,250,250,.3);border-top-left-radius:3px;border-top-right-radius:3px;}
  #sub_nav_container li.active_tab a {color:rgba(0,0,0,.875);background-color:rgba(250,250,250,.8);}
  #sub_nav_container li a:hover {background-color:rgba(250,250,250,.5);}

  .tab_subnav_panel ul {list-style-type: none;margin: 0;padding: 0;display:inline-block;margin-left:10px;}
  .tab_subnav_panel li {display:inline;float:left;}
  .tab_subnav_panel li a {display:block;padding:5px;background-color:rgba(0,0,0,.05);margin:3px;color:rgba(250,250,250,.875);}
  .tab_subnav_panel li a:hover {background-color:rgba(0,0,0,.2);}

  .agenda-item{padding:5px;border-bottom:1px dashed rgb(90,90,90);border-top:none;border-left:none;border-right:none;}
  .rss_header_image               {height:100px;width:100%;margin:0 auto;background-size:cover;margin-bottom:5px;}

  .widg_32 .newsTitle {font-size:16px;}
  .widg_32 .micro {font-size:10px;display:block;}

  .adminAnnouncement {
      color:#000000;
  }

.config_option{display:inline-block;float:right;}
.config_option .fa {display:none;}
.widg_config_control_panel{width:100%;margin-bottom: 10px;}
.item_highlighter .widgetMenuTopLeft, .item_highlighter .widgetBodyTopLeft {cursor:inherit;}
.drag_handle{
    padding: 3px 10px 3px 10px;
    cursor:move;
    display: block;
    vertical-align: middle;
    text-align: left;
    font-weight: bold;
    background-color: #3FB8E8;
    color: #FFF;
    margin:0px 4px 4px 4px;
}
.social_login .social_box {
display: block;
clear: both;
padding: 10px;
margin-bottom: 10px;
overflow: hidden;
}
.social_login .icon_title {
color: #777;
}
.social_login .icon_title {
display: block;
padding: 5px 0;
float: left;
font-weight: bold;
font-size: 16px;
}
.social_login .fb .icon {
background-color: #3B5998;
}
.social_login .icon {
color: #FFF;
}
.social_login .icon {
display: block;
width: 10px;
padding: 5px 10px;
margin-right: 10px;
float: left;
font-size: 16px;
text-align: center;
}
.social_login .social_box {
background-color: #F4F4F2;
}
#adminBarFrame{font-size:11px;}
.widg_config_control_panel{margin-bottom:5px;}
#blog_post p {word-break: break-all;word-wrap: break-word;}
#div-gpt-ad-432758279560362811-4_ad_container{display:inline-block;width:auto !important;}

.payment_button {
  height: 48px;
  width: 170px;
  display: inline-block;
  margin-right: 10px;
  border: 1px solid #000000;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);
  background-size: 100% 100%;
}
.payment_button:hover {box-shadow: 0 3px 6px rgba(0,0,0,0.23), 0 3px 6px rgba(0,0,0,0.31);}
.payment_button:active {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}

.plan-name .title-label, .plan-cost .title-label{display:inline-block;min-width:100px;}
.crowd_transaction_info .crowd_user_handle {line-height:1;font-size:.87rem;}
.crowd_transaction_info .crowd_donation_info {line-height:2;}
.recent-header, .plan-header{border-bottom:1px solid rgba(60,60,60,.8);padding:0px 2px 0px 0px;margin:5px 0px;}
.recent_trans_block, .current_plan_block{padding:5px 0px 5px 0px;}
.crowd_pay_button{margin:0px;}

    .popup_form{top:5%;left:25%;max-width:none;}
  .popupHeader, .popup_title_header, .popup_title_header h3 {
      font-size: 16px;
      font-weight: bold;
      color: rgba(255,255,255,0.87);
  }

  .popupHeader .modal_close, .popup_title_header .modal_close a:link, .popup_title_header .modal_close a:visited {
      font-size: 16px;
      color: rgba(255,255,255,0.87);
  }

  .popupHeader .modal_close a:link, .popupHeader .modal_close a:visited, .popupHeader .modal_close a {
      color: rgba(255,255,255,0.87);
  }

  .popupHeader .modal_close {
      position: absolute;
      right: 0;
      top: 0;
      padding: 10px 15px;
      cursor: pointer;
  }

  .popupHeader .modal_close {
      background-color: #171717;
  }

  .popupContainer .popupBody, .popup_container .popupBodyContainer {
      padding: 10px;
      overflow: auto;
  }

  .crowd_pay_pop .popupBody, .popup_container .popupBodyContainer {
      background-color: #ffffff;
      color: rgba(0,0,0,0.87);
      text-align:left;
  }

  .popupContainer.crowd_pay_pop.paymentwall{

  }
  .popupContainer.crowd_pay_pop.paymentwall .popupBody {
      padding:0px;
  }

  .popup_container.crowd_pay_pop.paymentwall .popupBodyContainer {padding:0px;}