.hidden {
	display: none !important;
	visibility: hidden !important;
}

/** Style external links */
#chatMessageContainer .s-chat-message_content a::after {
	background-image: url(//static.wolvden.com/images/layout/chat/ico-external.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: ' ';
	display: inline-block;
	height: 11px;
	margin: 0 3px;
	vertical-align: middle;
	width: 10px;
}


#chatMessageContainer .s-chat-message_content a.s-chat__username::after,
#chatMessageContainer .s-chat-message_content a[href^="http://wolvden.com"]::after,
#chatMessageContainer .s-chat-message_content a[href^="https://wolvden.com"]::after,
#chatMessageContainer .s-chat-message_content a[href^="http://www.wolvden.com"]::after,
#chatMessageContainer .s-chat-message_content a[href^="https://www.wolvden.com"]::after,
#chatMessageContainer .s-chat-message_content a[href^="http://img.wolvden.com"]::after,
#chatMessageContainer .s-chat-message_content a[href^="https://img.wolvden.com"]::after,
#chatMessageContainer .s-chat-message_content a[href^="http://static.wolvden.com"]::after,
#chatMessageContainer .s-chat-message_content a[href^="https://static.wolvden.com"]::after,
#chatMessageContainer .s-chat-message_content a[href^="http://wolvdev.com"]::after,
#chatMessageContainer .s-chat-message_content a[href^="https://wolvdev.com"]::after,
#chatMessageContainer .s-chat-message_content a[href^="http://www.wolvdev.com"]::after,
#chatMessageContainer .s-chat-message_content a[href^="https://www.wolvdev.com"]::after,
#chatMessageContainer .s-chat-message_content a[href^="http://img.wolvdev.com"]::after,
#chatMessageContainer .s-chat-message_content a[href^="https://img.wolvdev.com"]::after,
#chatMessageContainer .s-chat-message_content a[href^="http://static.wolvdev.com"]::after,
#chatMessageContainer .s-chat-message_content a[href^="https://static.wolvdev.com"]::after {
	background: none;
	display: none;
	content: '';
}


#fraChatSettingsMenu {
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	cursor: default;
	font-size: 13px;
	padding: 12px;
	position: absolute;
	width: 214px;
	z-index: 9999999999;
	left: -99px;
	top: 28px;
}

.s-chat-sidebar #fraChatSettingsMenu {
	left: -138px;
	top: 36px;
}

/**
 * Default chat styles
 */

	.channelSwitcher {
		background: transparent;
		border: 0;
		cursor: pointer;
	}

	.s-chat-tooltip-icon {
		display: inline-block !important;
		font-family: 'Tahoma';
		font-size: 14px;
		font-weight: bold;
		line-height: 12px;
		padding: 0;
		padding-left: 1px;
		text-align: center;
	}

	.s-chat-message.hasContext {
		position: sticky;
		top: 0px;
		bottom: 0px;
		z-index: 999999;
	}

	.s-chat-message_stats {
		display: block;
		font-size: 12px;
		font-style: italic;
	}

	.s-chat-message_notice span {
		background-image: url(https://static.wolvden.com/images/layout/icons/unprotected.png);
		background-position: 1px 3px;
		background-repeat: no-repeat;
		background-size: 12px 12px;
		border-radius: 3px;
		font-weight: bold;
		padding: 1px 6px 1px 12px;
	}

	#label_currentChannel.paused::after {
		content: ' (paused)';
		font-style: italic;
		font-size: 80%;
	}

	#fra_chatContainer .channelMenu {
		display: inline-block;
		position: relative;
	}

	#fra_chatContainer .channelMenu .channelSwitcher {
		border-radius: 3px;
		display: inline-block;
		font-weight: 700;
		margin-right: 4px;
		padding: 3px 12px;
	}

	#fra_chatContainer #channelMessage {
		padding: 10px 0 18px 0;
	}

	#fra_chatContainer label {
		font-weight: bold;
		margin-right: 16px;
		cursor: pointer;
	}

	#fraChatSettings {
		display: inline-block;
		height: 16px;
		margin-left: 10px;
		padding: 0;
		position: relative;
		width: 16px;
		vertical-align: -3px;
	}

	.s-chat-sidebar #fraChatSettings {
		display: flex;
		flex-grow: 1;
		height: 32px;
		vertical-align: none;
	}

	#btnLoadNewMessages {
		border: 0;
		cursor: pointer;
		display: inline-block;
		float: none;
		height: 32px;
		width: 24px;
	}

	#fraChatSettingsMenu {
		border-radius: 4px;
		border: 1px solid #CCC;
		cursor: default;
		font-size: 13px;
		padding: 12px;
		position: absolute;
		width: 214px;
		z-index: 9999999999;
		left: -99px;
		top: 28px;
	}

	#fraChatSettingsMenu::before,
	#fraChatSettingsMenu::after {
		border: solid transparent;
		content: " ";
		height: 0;
		position: absolute;
		pointer-events: none;
		width: 0;
		bottom: 100%;
		left: 50%;
	}

	#fraChatSettingsMenu::after {
		border-width: 8px;
		margin-left: -8px;
	}

	#fraChatSettingsMenu::before {
		border-width: 9px;
		margin-left: -9px;
	}

	#fraChatSettingsMenu hr {
		margin: 6px 0;
	}

	#fraChatSettingsMenu label,
	#fraChatSettingsMenu a {
		cursor: pointer;
		display: block;
		font-weight: bold;
		padding: 6px;
		text-align: left;
		width: 100%;
	}

	.s-chat-sidebar #fraChatSettingsMenu::before,
	.s-chat-sidebar #fraChatSettingsMenu::after {
		left: 145px;
	}

	#txtChatContainer {
		position: relative;
		margin-bottom: 4px;
	}

	#txtChatContainer .emoteContainer {
		height: 24px;
		position: absolute;
		right: 6px;
		top: 2px;
	}

	.emoteList { left: -82px; }

	#txtChatContainer #lblCharacterCounter {
		font-size: 12px;
		font-style: italic;
		position: absolute;
		right: 4px;
		top: -20px;
	}

	#fra_chatContainer label.disabled {
		opacity: 0.5;
		cursor: default;
	}

	#fra_chatContainer #txtChatInput {
		border-width: 1px;
		border-style: solid;
		border-radius: 3px;
		height: 26px;
		padding: 2px;
		padding-right: 32px;
	}

	#fraInputNotice {
		border-radius: 3px;
		border-width: 1px;
		border-style: solid;
		cursor: pointer;
		height: 32px;
		line-height: 32px;
		padding: 0 6px;
		position: absolute;
		top: -32px;
		width: 100%;
		z-index: 999999;

		-webkit-transition: opacity 0s;
		-moz-transition: opacity 0s;
		-ms-transition: opacity 0s;
		-o-transition: opacity 0s;
		transition: opacity 0s;
		 opacity: 1;
	}


	#fraInputNotice.fadeout {
		-webkit-transition: opacity 1.5s ease-in-out;
		-moz-transition: opacity 1.5s ease-in-out;
		-ms-transition: opacity 1.5s ease-in-out;
		-o-transition: opacity 1.5s ease-in-out;
		transition: opacity 1.5s ease-in-out;
		opacity: 0;
	}

	#fra_chatContainer .pinned {
		font-weight: bold;
	}

	#fra_chatContainer #txtChatInput.pinned {
		text-indent: 24px;
	}

	#channelMessage {
		height: 74px;
	}

	#chatMessageContainer {
		border-radius: 4px;
		border-width: 1px;
		border-style: solid;
		overflow: hidden;
		position: relative;
	}

	.s-chat-error_screen {
		font-size: 14px;
		font-weight: bold;
		height: 100%;
		left: 0;
		padding: 12px;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
		z-index: 999999;
	}

	.s-chat-full .s-chat-error_screen {
		padding-top: 20%;
	}

	.s-chat-error_screen p {
		margin-bottom: 20px;
	}

	#chatMessagePinned {
		box-sizing: content-box;
		display: table;
		height: 42px;
		line-height: 24px;
		padding: 2px 4px;
		position: relative;
		text-indent: 32px;
		width: 100%;
	}

	#chatMessagePinned i {
		display: table-cell;
		vertical-align: middle;
	}

	#chatMessagePinned.s-chat-message__pinned {
		font-weight: bold;
	}

	#chatMessagePinned.s-chat-message__pinned .s-chat-message_content {
		display: table-cell;
		vertical-align: middle;
		min-height: 46px;
		padding-right: 6px;
	}

	#clearPinnedMessage {
		cursor: pointer;
		font-size: 16px;
		font-weight: bold;
		line-height: 46px;
		padding: 0 8px;
		position: absolute;
		right: 8px;
		top: 0;
		z-index: 9000;
	}

	#iconPinned {
		background: url(//static.wolvden.com/images/layout/chat/sticky.png);
		height: 20px;
		left: 4px;
		top: 4px;
		position: absolute;
		width: 20px;
		z-index: 99999999;
	}

	#iconPinned.hidden {
		display: none;
	}

	#chatMessageList {
		height: 500px;
		overflow: auto;
		scrollbar-width: thin;
	}

	#chatMessageList:empty::after {
		content: 'No messages to display';
		display: inline-block;
		text-align: center;
		width: 100%;
		padding: 20px;
	}

	#chatMessageList::-webkit-scrollbar-track {
		border-radius: 10px;
	}

	#chatMessageList::-webkit-scrollbar {
		width: 10px;
	}

	#chatMessageList::-webkit-scrollbar-thumb {
		border-radius: 0 0 4px 0;
		border: 1px solid #F4f4f4;
	}

	#chatMessageList.hasMenu::after {
		content: ' ';
		display: block;
		opacity: 0;
		height: 40px;
		width: 100%;
	}

		#fraListMenu {
			bottom: 0;
			height: auto;
			padding: 3px;
			position: absolute;
			width: calc(100% - 10px);
		}

	.s-chat-message {
		border-bottom: 1px solid transparent;
		border-top: 1px solid transparent;
		border-left: 6px solid transparent;
		padding: 4px 6px;
		position: relative;
		word-wrap: break-word; /* old name */
		overflow-wrap: break-word;
	}

	.s-chat-message_menu {
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: contain;
		border: 0;
		bottom: 4px;
		cursor: pointer;
		display: block;
		height: 16px;
		position: absolute;
		right: 8px;
		width: 18px;
	}

	.s-chat-message_timestamp {
		font-size: 13px;
		font-weight: normal;
		position: absolute;
		right: 6px;
		top: 4px;
	}

	.s-chat-message_content .s-chat__username {
		font-weight: normal;
	}

	.s-chat-message[data-flagstate="1"] .s-chat-message_timestamp::before {
		background-image: url(//static.wolvden.com/images/layout/chat/flag_red.png);
		background-repeat: no-repeat;
		background-size: contain;
		content: '';
		display: inline-block;
		height: 13px;
		margin-right: 2px;
		vertical-align: -2px;
		width: 16px;
	}

	.s-chat-message[data-flagstate="3"] .s-chat-message_timestamp::before {
		background-image: url(//static.lioden.com/img/flag_yellow.png);
		background-repeat: no-repeat;
		background-size: contain;
		content: '';
		display: inline-block;
		height: 16px;
		margin-right: 3px;
		vertical-align: -3px;
		width: 16px;
	}

	#fra_chatContainer .modMessage,
	.s-chat-message__mod {
		font-weight: bold;
	}

	.s-chat-message__icon {
		height: 15px;
		vertical-align: -3px;
	}

	.s-chat-roll {
		font-style: italic;
	}

	#context-chatMenu {
		border-radius: 4px;
		border-width: 1px;
		border-style: solid;
		cursor: default;
		width: 140px;

		position: absolute;
		padding: 4px;
		z-index: 90000;
	}

	#context-chatMenu::before,
	#context-chatMenu::after {
		border: solid transparent;
		content: " ";
		height: 0;
		position: absolute;
		pointer-events: none;
		width: 0;
		bottom: 46%;
		left: 100%;
	}

	#context-chatMenu::after {
		border-width: 8px;
		margin-top: -8px;
	}

	#context-chatMenu::before {
		border-width: 9px;
		margin-top: -9px;
	}

	#context-chatMenu .chatMenu-option,
	#fraChatSettingsMenu .chatMenu-option {
		border: 0;
		cursor: pointer;
		display: block;
		font-weight: bold;
		padding: 6px;
		text-align: center;
		width: 100%;
	}

	#fraChatSettingsMenu .chatMenu-option {
		text-align: left;
	}

	#context-chatMenu .disabled:hover,
	#fraChatSettingsMenu .disabled:hover {
		background-color: transparent;
		cursor: default;
	}

	#context-chatMenu .disabled,
	#fraChatSettingsMenu .disabled {
		opacity: 0.25;
	}

	#webConsole {
		width: 100%;
		position: fixed;
		bottom: 0;
		height: 90px;
		left: 0;
		overflow: auto;
		padding: 4px;
		z-index: 99999;
	}

	.s-chat-message_claim {
		position: absolute;
		padding: 4px 0;
		border-radius: 0 0 3px 3px;
		font-size: 11px;
		font-weight: bold;
		line-height: 6px;
		top: -1px;
		right: 160px;
		cursor: pointer;
		width: 2rem;
		text-align: center;
	}

	.s-chat-message_claim:empty {
		display: none;
	}

/**
 * Sidebar chat
 */

	#fraSidebarChat {
		overflow: hidden;
		/*padding-top: 56.25%;*/
		height: 620px;
		position: relative;
		width: 100%;
	}

	#fraSidebarChat iframe {
		border: 0;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	#fra_chatContainer {
		position: relative;
		z-index: 9000;
	}

	.s-chat-sidebar #chatMessageContainer {
		font-size: 13px;
	}

	.s-chat-sidebar #chatMessagePinned {
		font-size: 12px;
		height: auto;
		line-height: 20px;
		min-height: 32px;
		text-align: center;
		text-indent: 0;
	}

	.s-chat-sidebar #chatMessagePinned {
	}

	.s-chat-sidebar #chatMessagePinned.s-chat-message__pinned {
		background-position: 8px 0;
		text-align: left;
		text-indent: 25px;
		line-height: 16px;
	}

	.s-chat-sidebar .s-chat-message {
		padding: 4px 0;
		padding-bottom: 22px;
	}

	.s-chat-sidebar #chatMessageList {
		height: 400px;
	}

	.s-chat-sidebar .s-chat-message_claim {
		right: 6px;
	}

	.s-chat-sidebar .s-chat-message_timestamp {
		right: auto;
		top: auto;
		bottom: 0;
		left: 0;
		padding-bottom: 2px;
	}

	.s-chat-sidebar .s-chat-error_screen {
		padding-top: 90px;
	}

	.s-chat-sidebar .emoteList {
		bottom: 32px;
		left: -160px;
		top: auto;
	}

	.s-chat-sidebar .emoteList::after,
	.s-chat-sidebar .emoteList::before {
		bottom: auto;
		right: auto;
		left: 85px;
		top: 100%;
	}

	.s-chat-sidebar .channelMenu {
		margin-bottom: 6px;
	}

	.s-chat-sidebar #fraChatChannelMenu {
		border-radius: 2px;
		cursor: default;
		padding: 2px;
		position: absolute;
		width: 140px;
		z-index: 99999999;
	}

	.s-chat-sidebar #label_currentChannel {
		border-radius: 2px;
		cursor: pointer;
		font-weight: bold;
		min-width: 130px;
		padding: 4px 12px;
	}

	.s-chat-sidebar #label_currentChannel::after {
		content: '\25BC';
		position: absolute;
		right: 6px;
	}

	.s-chat-sidebar #label_currentChannel.paused {
		padding-left: 25px;
	}

	.s-chat-sidebar #label_currentChannel.paused::before {
		content: '\23F8';
		position: absolute;
		left: 6px;
		top: 6px;
	}

	.s-chat-sidebar .modOptions {
		display: inline-block;
		float: left;
		font-size: 13px;
		text-align: left;
		width: 150px;
	}

	.s-chat-sidebar .modOptions label {
		font-size: 13px;
		margin: 0;
		width: 150px;
	}

	#fraChatChannelMenu .channelSwitcher {
		text-align: left;
		width: 100%;
	}

	.s-chat-sidebar #fraInputNotice {
		bottom: 32px;
		height: auto;
		line-height: 24px;
		top: auto;
	}

	.s-chat__username.timeout::after {
		background: url(https://static.wolvden.com/images/layout/chat/hourglass.png);
		background-size: contain;
		content: ' ';
		display: inline-block;
		height: 14px;
		vertical-align: -2px;
		width: 14px;
	}

/**
 * Chat container when popped out
 */
body.chatPopout {
	padding: 12px;
}

.s-chat-popout {
	margin: auto;
	max-width: 845px;
	padding: 0;
}

.s-chat-popout h1 {
	margin-top: 0;
}

#fraCopyPlaceholder {
	position: absolute;
	left: -99999px;
	font-size: 12pt;
	border: 0;
	margin: 0;
	padding: 0;
}

/**
 * Formatting copied from main css
 */

#fra_chatContainer .btn-icon {
	display: -ms-flexbox;
	display: flex;
	float: right;
	border: 0;
	outline: 0;
	opacity: .45;
	padding: 0;
}

#fra_chatContainer .btn-icon:hover {
	opacity: 1;
}

.chatContainer .small{
	font-size:.6875rem;
}

.chatContainer .chat_row{
	padding:3px 5px 4px 6px;
}

.s-chat-sidebar .emoteInput{
	position:relative;
	left:-2px;
	margin-right:4px;
	height:100%;
	width:20px;
	border:none;
	outline:none;
	/*vertical-align:baseline;*/
	background-color:transparent;
	background-image:url(//static.wolvden.com/images/emotes/happy.png);
	background-repeat:no-repeat;
	background-position:0 45%;
	cursor:pointer
}

#txtChatMessage{
	padding-left:.5rem;
	padding-right:.5rem
}

.s-chat-sidebar .fa-lg {
	line-height: 30px;
}

body.hasModal > .container,
body.chatPopout.hasModal > .s-chat-full,
body.hasModal > .s-chat-sidebar {
	filter: blur(2px);
}

#modalClaimBG {
	cursor: pointer;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 999998;
}

.s-chat-sidebar ~ #modalClaimList {
    width: 100%;
    left: 0;
    margin-left: 0;
}

#modalClaimList {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 350px;
	margin-left: -175px;
	margin-top: -200px;
	height: 400px;
	z-index: 999999;
	border-radius: 6px;
	overflow: hidden;
}

#modalClaimList h3 {
	padding: 6px 6px;
}

.modal_claim-close {
	position: absolute;
	right: 12px;
	top: 6px;
}

.modal_claim-view {
	overflow: auto;
	padding: 6px;
	height: calc( 100% - 38px);
	width: 100%;
}
	.modal_claim-view ul {
		padding: 0;
	}

	.modal_claim-view li {
		list-style-type: none;
		padding: 4px;
	}