#channel,
#channelInput {
	color: #acf2f6;
	font-size: 12px
}

#myPUGP,
#myPlusGP {
	top: 221px
}

#buttonCharge2,
#buttonChargeShop,
#buttonChargeShop1,
#buttonCreateRoom,
#buttonJoin,
#buttonMyInfo,
#buttonQuickJoin,
#buttonShop,
#buttonShopFromRoom {
	width: 62px;
	height: 62px
}

#OptionsLineTheme,
#btnDownloadMap,
#btnFriends,
#changePassLink,
#fps,
#ranking_panel td,
.GOption,
.GOption2,
.WeatherFall,
.friendListName,
.myInfoRelText,
.nowrap,
.playerListName,
.roomTitle,
.score_state,
.turn_line_name,
.ui-dialog .ui-dialog-title,
.ui-tabs .ui-tabs-nav li {
	white-space: nowrap
}

#BrokerHelp,
#CreateRoomMode,
#channel_player,
#fps,
#myCash,
#myCash2,
#myGP,
#myGP2,
#myGold,
#myGold2,
#myInfoBox,
#myName2,
#myName3,
#myPUG,
#myPUGP,
#myPlusGP,
#GPguild,
#GPmedalla,
#powerMark,
#revive_hand,
#guide_hand,
#roomTutorialBack,
#roomTutorialStart,
#turn_timer,
#turns_list,
#wind_meter2,
.Alt,
.AnimScaleOut,
.BonusMsg,
.EventGameMsg1,
.EventGameMsg2,
.EventGameMsg3,
.disabledBtn,
.gameMode,
.noPointerEvents,
.roomMap,
.status,
.tipsy {
	pointer-events: none
}

.DialogLayer,
.screen,
body,
html {
	width: 100%;
	height: 100%
}

#game_over,
#shop_delete_avatar,
.PlayerMobile,
.ShotTrace,
.gumbao-chat-icon,
.screen,
.ui-icon {
	background-repeat: no-repeat
}

#friendsList,
#guildMembersList {
	top: 305px;
	width: 211px;
	z-index: 13;
	background-color: rgba(0, 0, 60, .25);
	left: 584px
}

#myPUG,
#myPUGP {
	background: #f66;
	right: 12px
}

#myCash,
#myCash2,
#myGold,
#myGold2 {
	text-align: right;
	font-weight: 700;
	right: 70px
}

#room2,
#room3 {
	top: 75px
}

#room1,
#room3,
#room5,
#room7 {
	left: 265px
}

#BrokerLogout,
:root *>.alertify-hidden,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

#buttonShop,
#buttonShopFromRoom {
	background-position: -252px -177px
}

#createRoomPasswordInput,
#createRoomTitle {
	width: 190px;
	background-color: transparent;
	padding-left: 4px;
	color: #acf2f6
}

#buttonRoomsListDown,
#buttonRoomsListUp {
	left: 540px;
	width: 34px;
	height: 43px;
	background-position: -223px -355px
}

#roomButtonReady,
#roomButtonStart {
	left: 234px;
	top: 209px;
	width: 96px;
	height: 85px
}

#weatherSlot0,
#weatherSlot1,
#weatherSlot2,
#weatherSlot3,
#weatherSlot4 {
	width: 19px;
	top: 13px
}

#powerBar,
#walkBar {
	width: 1px;
	left: 241px
}

#btnEsc,
#btnPass {
	top: 58px;
	width: 58px
}

#btnDown,
#btnUp {
	height: 70px;
	opacity: .4
}

#all_chat,
#team_chat {
	left: 248px;
	width: 31px;
	top: -29px
}

#container,
#game_over {
	width: 800px;
	height: 600px
}

#score2,
#score3 {
	top: 257px
}

#score4,
#score5 {
	top: 359px
}

#score1,
#score3,
#score5,
#score7 {
	left: 295px
}

#NewUser2,
#btnDown,
#btnUp {
	left: 150px
}

#NewUser2,
#btnDown,
#btnShoot,
#btnUp {
	width: 150px
}

#NewUser2,
#btnLeft,
#btnRight,
#btnShoot {
	height: 150px
}

#infoChat,
#infoClose {
	top: 282px;
	height: 31px
}

#score0,
#score1 {
	top: 151px
}

#gp_team_b,
#score6,
#score7 {
	top: 465px
}

.TermsArea,
.alertify,
.alertify-log,
.shop_item_timer {
	font-family: Arial, sans-serif
}

#ReplayPanel,
#ranking_data2,
.ui-datepicker-rtl {
	direction: rtl
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
mark,
menu,
nav,
object,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

#btnDownloadMap,
#btnFriends {
	top: -518px;
	padding: 4px;
	line-height: 6px
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

@font-face {
	font-family: Emoji;
	src: local('Segoe UI Emoji'), local('Apple Color Emoji'), local('Noto Color Emoji');
	unicode-range: U+2130-3300, U+1F000-1F9FF
}

@font-face {
	font-family: SpecialI;
	src: local('Verdana');
	unicode-range: U+49
}

body,
html {
	background-color: #000;
	margin: 0;
	padding: 0;
	color: #fff
}

body,
input {
	font-family: Emoji, Verdana, sans-serif
}

body {
	line-height: 1;
	background: center center/cover no-repeat fixed #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	cursor: url(/static/images/arrow.png), default
}

#game_over,
.screen {
	background-size: cover
}

body.if-ie {
	cursor: url(/static/images/arrow.ani), default
}

.NoSelect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.CanSelect {
	-webkit-touch-callout: text!important;
	-webkit-user-select: text!important;
	-khtml-user-select: text!important;
	-moz-user-select: text!important;
	-ms-user-select: text!important;
	user-select: text!important
}

a:link {
	color: orange;
	text-decoration: none
}

a:visited {
	color: #f85
}

a:active {
	color: red
}

#container {
	position: fixed;
	left: 0;
	top: 0;
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	margin-left: auto;
	margin-right: auto
}

#channelInput,
#roomInput {
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

.HandCursor {
	cursor: url(/static/images/hand.cur), move!important
}

.screen,
.ui-menu-icons,
.ui-resizable {
	position: relative
}

#BrokerFacepile,
#FullScreenButton,
#GameShare,
#ReplayRestartBtn2,
#ShareWindow,
#SortBtnAtk,
#SortBtnDef,
#SortBtnDig,
#SortBtnItem,
#SortBtnLife,
#SortBtnPop,
#SortBtnShld,
#SortBtnTime,
#buy_panel1,
#camera,
#channel,
#channelInput,
#channelInputAlt,
#gameChat,
#gameInput,
#gameItemSlot0,
#gameItemSlot1,
#gameItemSlot2,
#gameItemSlot3,
#gameItemSlot4,
#gameItemSlot5,
#gameScreen,
#game_back,
#game_front,
#gameui,
#howtoplay,
#howtoplayClose,
#itemDual,
#itemDualP,
#itemWindT,
#itemSlot0,
#itemSlot1,
#itemSlot2,
#itemSlot3,
#itemSlot4,
#itemSlot5,
#itemTeleport,
#lobby_channel,
#message_over_items,
#myInfoBox,
#powerBar,
#powerMark,
#powerMarkArea,
#revive_hand,
#guide_hand,
#roomButtonInvite,
#score_panel,
#score_panel_a,
#score_panel_b,
#gol_panel,
#gol_panel_a,
#gol_panel_b,
#shopFilterMyAvatar,
#shopSearchBtn,
#sky_markers,
#thor,
#turn_timer,
#walkBar,
#weatherSlot0,
#weatherSlot1,
#weatherSlot2,
#weatherSlot3,
#weatherSlot4,
#wind_meter2,
.Alt,
.DialogLayer,
.FilterBtn,
.Ion,
.Particle,
.Player,
.PlayerHPBox,
.PlayerMobile,
.PlayerRank,
.ReduecdDef,
.Shot,
.ShotTrace,
.WeatherFall,
.country,
.digit0,
.draggable,
.mobileName,
.shopButton,
.shopNeedLevel,
.shop_item_note,
.shop_my_item_stat,
.tipsy,
.tipsy-arrow,
.ui-helper-zfix,
.ui-tooltip,
.weatherDiv {
	position: absolute
}

#channelInput {
	left: 104px;
	top: 576px;
	width: 449px;
	height: 16px;
	background: 0 0;
	border: 1px solid transparent
}

#channelInput:focus,
#gameInput:focus,
#roomInput:focus,
.chatDialogInput:focus {
	border: 1px solid orange;
	background-color: #001839
}

#channelInputAlt {
	left: 540px;
	top: 578px
}

.emoji,
.emojione {
	width: 12px;
	height: 12px;
	vertical-align: bottom
}

#myInfoBox {
	left: 584px;
	top: 89px;
	width: 207px;
	height: 180px;
	background: rgba(140, 140, 140, .5);
	border-radius: 10px;
	box-shadow: white 0 0 15px, white 0 0 15px inset;
    border: 2px solid white;
}

.SepH {
	height: 1px;
	margin: 2px auto 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(90, 90, 200, .5), rgba(0, 0, 0, 0))
}

#channel {
	left: 18px;
	top: 458px;
	width: 537px;
	height: 116px
}

#channel .viewport {
	width: 522px;
	height: 116px;
	overflow: hidden;
	position: relative
}

#channel .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	word-wrap: break-word;
	width: 522px
}

#channel .scrollbar,
#friendsList .scrollbar,
#guildMembersList .scrollbar,
#playersList .scrollbar,
#roomChat .scrollbar,
#shop_my_items_container .scrollbar {
	position: relative;
	float: right;
	width: 13px;
	padding-top: 11px
}

#gameChatHtml .gumbao-chat-type0,
#gameChatHtml .gumbao-chat-type4 {
	color: #fff;
	text-shadow: #000 -1px 0 2px, #000 0 1px 2px, #000 1px 0 2px, #000 0 -1px 2px
}

.gumbao-chat-type2 {
	color: #ef9c10;
	text-shadow: #6b2918 -1px 0 2px, #6b2918 0 1px 2px, #6b2918 1px 0 2px, #6b2918 0 -1px 2px
}

.gumbao-chat-type3 {
	color: #84b5ff;
	text-shadow: #525a73 -1px 0 2px, #525a73 0 1px 2px, #525a73 1px 0 2px, #525a73 0 -1px 2px
}

.gumbao-chat-type4 {
	color: #eef
}

.gumbao-chat-type5 {
	color: #debdef;
	text-shadow: #8c4ab5 -1px 0 2px, #8c4ab5 0 1px 2px, #8c4ab5 1px 0 2px, #8c4ab5 0 -1px 2px
}

.gumbao-chat-type6 {
	color: #ffde9c;
	text-shadow: #de4c18 -1px 0 2px, #de4c18 0 1px 2px, #de4c18 1px 0 2px, #de4c18 0 -1px 2px
}

.gumbao-chat-type7 {
	color: #88cbba;
	text-shadow: #000 -1px 0 2px, #000 0 1px 2px, #000 1px 0 2px, #000 0 -1px 2px
}

.gumbao-chat-type8 {
	color: #ffb673;
	text-shadow: #7d3a03 -1px 0 2px, #7d3a03 0 1px 2px, #7d3a03 1px 0 2px, #7d3a03 0 -1px 2px
}

.gumbao-chat-type9 {
	color: #9cffde;
	text-shadow: #41594a -1px 0 2px, #41594a 0 1px 2px, #41594a 1px 0 2px, #41594a 0 -1px 2px
}

.gumbao-chat-type12 {
	color: #fcc;
	text-shadow: red -1px 0 5px, red 0 1px 5px, red 1px 0 5px, red 0 -1px 5px
}

.gumbao-chat-type13 {
	color: #fc6;
	text-shadow: #f33 -1px 0 4px, #f33 0 1px 4px, #f33 1px 0 4px, #f33 0 -1px 4px
}

.gumbao-chat-type10 {
	color: #f80;
	text-shadow: #525a73 -1px 0 2px, #525a73 0 1px 2px, #525a73 1px 0 2px, #525a73 0 -1px 2px
}

.gumbao-chat-type11 {
	color: #f80;
	text-shadow: #000 -1px 0 2px, #000 0 1px 2px, #000 1px 0 2px, #000 0 -1px 2px
}

.gumbao-chat-type17 {
	color: #9ff;
	text-shadow: #00f -1px 0 1px, #00f 0 1px 1px, #00f 1px 0 1px, #00f 0 -1px 1px
}


.gumbao-chat-type18 {
	color: rgb(159, 211, 253);
	text-shadow: #00f -1px 0 1px, #00f 0 1px 1px, #00f 1px 0 1px, #00f 0 -1px 1px
}

#room_players,
.blackShadow {
	text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000
}

.gumbao-chat-icon {
	float: left;
	width: 12px;
	height: 12px;
	background-image: url(/static/images/ranks3.png);
	margin-right: 3px
}

.gumbao-chat-icon1 {
	background-position: 0 -710px
}

.gumbao-chat-icon2 {
	background-position: -13px -710px
}

.gumbao-chat-icon3 {
	background-position: -26px -710px
}

.gumbao-chat-icon5 {
	background-position: -52px -710px
}

.gumbao-chat-icon6 {
	background-position: -65px -710px
}

.gumbao-chat-icon7,
.gumbao-chat-icon9 {
	background-position: -104px -710px
}

.gumbao-chat-icon13,
.gumbao-chat-icon8 {
	background-position: -91px -710px
}

.gumbao-chat-icon12 {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAB3RJTUUH3gEZFQgsFH1hKgAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAGNSURBVHjalZJNSxtRGIWfTO7M1AkaPyakgtqVtLtAuvQPdN+NUJBCu6sfBTduRHDjzgpCd4Xu/AsKBaFQcBVqdxaLtCIt2EnqmMzMzdyZ+EZQ6tID58J7uee8XxfuiUL/2IPFsm0vuZ4azVT6OcasFYq4XtFeV1rNJJ30vKnN5jPYLuzCypNqdePR0xpMViA4JTj6pntYll+r2wxX4eSMk4NDvgetZTVWLi+M2wo8G4Yc6CrGRiyXriQflvshF0o24wOKXzCvnEpltPvjGOdLAEcicGOwUsil1sN9MRDBucY0NT0YsYzvfw0siKKE9CKERB5LzIAw1uT/QpJIE8hrsWoUZ30/6pW851nYIpOqjDAXgTFiLhQfWsKfwiDj7fWUPtXrO+7Z8WypG+KVQD2QJCLKRBBH8Ff4u82HFzmvVV9w2WjMdR5PJ60LXjrtEEfLvMUqzSCU0tsJ7/dzlm73cIOPEw9fZe3LdybuDPbjPKMpnH/TY+fO4v7HllJT2pitfo/S/vIq/Lnvb7iDK2R3noY07Xa9AAAAAElFTkSuQmCC)!important
}

.gumbao-chat-icon17 {
	background-position: -78px -710px
}

.HD .gumbao-chat-icon1 {
	background-position: -878px -1002.5px
}

.HD .gumbao-chat-icon2 {
	background-position: -891px -1002.5px
}

.HD .gumbao-chat-icon3 {
	background-position: -903px -1002.5px
}

.HD .gumbao-chat-icon4 {
	background-position: -915px -1002.5px
}

.HD .gumbao-chat-icon5 {
	background-position: -928px -1002.5px
}

.HD .gumbao-chat-icon6 {
	background-position: -940px -1002.5px
}

.HD .gumbao-chat-icon7,
.HD .gumbao-chat-icon9 {
	background-position: -978px -1002.5px
}

.HD .gumbao-chat-icon13,
.HD .gumbao-chat-icon8 {
	background-position: -965px -1002.5px
}

.HD .gumbao-chat-icon12 {
	background-position: -981px -1016px
}

.HD .gumbao-chat-icon17 {
	background-position: -953px -1002.5px
}

.blackShadow2 {
	text-shadow: -2px 0 4px #000, 0 2px 4px #000, 2px 0 4px #000, 0 -2px 4px #000, 0 -1px 4px #000, 1px 0 4px #000
}

.whiteShadow {
	text-shadow: -1px 0 2px #fff, 0 1px 2px #fff, 1px 0 2px #fff, 0 -1px 2px #fff
}

.lt-ie10 .whiteShadow {
	background-color: #fff
}

.goldShadow {
	text-shadow: -1px 0 2px #634910, 0 1px 2px #634910, 1px 0 2px #634910, 0 -1px 2px #634910
}

.lt-ie10 .goldShadow {
	background-color: #634910
}

.cashShadow {
	text-shadow: #083863 -1px 0 1px, #083863 0 1px 1px, #083863 1px 0 1px, #083863 0 -1px 1px
}

.lt-ie10 .cashShadow {
	background-color: #083863
}

.cashText {
	color: #8bc2ee;
	text-shadow: #083863 -1px 0 1px, #083863 0 1px 1px, #083863 1px 0 1px, #083863 0 -1px 1px, -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000
}

#playersList {
	position: absolute;
	left: 584px;
	top: 305px;
	width: 211px;
	height: 223px
}

#friendsList .viewport,
#guildMembersList .viewport,
#playersList .viewport {
	width: 198px;
	height: 223px;
	overflow: hidden;
	position: relative
}

#friendsList .overview,
#guildMembersList .overview,
#playersList .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	width: 100%
}


#container.Lobby.Auto #itemsSelection,
#container.Lobby.Auto #friendsList,
#container.Lobby.Auto #guildMembersList {
    box-shadow: white 0 0 15px, white 0 0 15px inset;
    border: 2px solid white;
    left: 582px
}




.playerListItem {
	position: relative;
	margin-bottom: 3px;
	height: 15px
}

.friendListItem.selected,
.guildMemberListItem.selected,
.playerListItemSelected {
	background-color: beige
}

.playerListRank {
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 15px
}

.playerListName {
    position: absolute;
    left: 25px;
    top: 0;
    font-size: 11px;
    color: white;
    overflow: hidden;
    height: 15px;
    padding: 2px
}

#itemsSelection {
	position: absolute;
	left: 585px;
	top: 306px;
	width: 209px;
	height: 220px;
	z-index: 13;
	background-color: rgba(0, 0, 60, .5)
}

#itemsSelection.InRoom {
	top: 256px;
	background-color: inherit
}

#itemsSelectText {
	position: absolute;
	top: 44px;
	width: 100%;
	text-align: center
}

#friendsList {
	position: absolute;
	height: 223px
}

#friendsList.InGame,
#guildMembersList.InGame {
	top: 293px
}

#container.Game #friendsList,
#container.Game #guildMembersList,
#container.Shop #friendsList,
#container.Shop #guildMembersList {
	box-shadow: #000 0 0 15px, #000 0 0 15px inset
}

.scrollbar {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAEsAQMAAAAioqsYAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAACpJREFUKM9j+P+DoYGDoYmDoZ2Dob+DYf4Jhv0vgCJAcYjUKBpFo4imCAA7QqZEVSOs/wAAAABJRU5ErkJggg==) no-repeat rgba(150, 150, 150, .5)
}

.track {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJAQMAAADTtDQpAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAACFJREFUCNdj+P+DoYGDYf8LhvknGPo7GNo5GJo4gCJAcQCUUQo9cuz/KAAAAABJRU5ErkJggg==) 0 100% no-repeat;
	height: 100%;
	width: 13px;
	position: relative;
	padding: 0 10px
}

.thumb,
.thumb .end {
	width: 23px;
	overflow: hidden
}

.thumb {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAEsAgMAAABs6XGyAAAACVBMVEUAAAAAAAAdSWtsRpV/AAAAAXRSTlMAQObYZgAAAB1JREFUOMtjmBrawBAa6jCKR/EoHsUDgkVDGYgFAICmCSRPNiU/AAAAAElFTkSuQmCC) 50% 100% no-repeat;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: -5px
}

#room2,
#room4,
#room6,
.friendListPhoto,
.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.thumb .end {
	background-position: 50% 0!important;
	height: 5px
}

#guildMembersList {
	position: absolute;
	height: 223px;
	font-size: 12px;
	text-align: center
}

.friendListItem,
.guildMemberListItem {
	position: relative;
	height: 30px
}

.friendListItem.odd,
.guildMemberListItem.odd {
	background-color: rgba(0, 0, 0, .5)
}

.friendListPhoto {
	position: absolute;
	top: 0;
	height: 30px;
	width: 40px;
	text-align: center;
	overflow: hidden
}

.friendListRank {
	position: absolute;
	top: 0;
	left: 40px;
	width: 25px;
	height: 15px
}

.friendListName {
	position: absolute;
	left: 68px;
	top: 2px;
	font-size: 11px;
	color: #fff;
	overflow: hidden;
	height: 15px
}

.friendListGP,
.friendListLocation {
	top: 17px;
	position: absolute;
	color: #fff;
	font-size: 11px;
	height: 15px;
	overflow: hidden;
	white-space: nowrap
}

.friendListGP {
	left: 40px;
	width: 70px
}

.friendListLocation {
	left: 117px
}

#friendsListExtra,
#guildRoomTabExtra {
	position: absolute;
	left: 584px;
	top: 249px;
	width: 190px;
	height: 36px;
	background-color: #39639c;
	padding: 10px;
	display: none
}

.span_rank {
	display: inline-block;
	vertical-align: middle;
	color: transparent;
	text-shadow: none;
	font-size: 0
}

.span_rank2 {
	display: inline-block;
	position: relative;
	top: 3px
}

.rank {
	width: 25px;
	height: 15px;
	background-repeat: no-repeat
}

.rank0 {
	background-position: 0 -723px
}

.rank1 {
	background-position: -26px -723px
}

.rank2 {
	background-position: -52px -723px
}

.rank3 {
	background-position: -78px -723px
}

.rank4 {
	background-position: -104px -723px
}

.rank5 {
	background-position: -130px -723px
}

.rank6 {
	background-position: -156px -723px
}

.rank7 {
	background-position: -182px -723px
}

.rank8 {
	background-position: -208px -723px
}

.rank9 {
	background-position: -234px -723px
}

.rank10 {
	background-position: -260px -723px
}

.rank11 {
	background-position: -286px -723px
}

.rank12 {
	background-position: -312px -723px
}

.rank13 {
	background-position: 0 -739px
}

.rank14 {
	background-position: -26px -739px
}

.rank15 {
	background-position: -52px -739px
}

.rank16 {
	background-position: -78px -739px
}

.rank17 {
	background-position: -104px -739px
}

.rank18 {
	background-position: -130px -739px
}

.rank19 {
	background-position: -156px -739px
}

.rank20 {
	background-position: -182px -739px
}

#roomButtonChangeTeam,
.BrokerChannel.BrokerChannelOnline,
.HD #buttonQuickJoin,
.lightning1,
.mobile0-0,
.mobile1-0,
.mobile2-0,
.mobile3-0,
.mobile4-0,
.mobile5-0,
.rank21,
.thor-0,
.ui-icon-carat-1-n {
	background-position: 0 0
}

.rank22 {
	background-position: -208px -739px
}

.rank23 {
	background-position: -234px -739px
}

.rank24 {
	background-position: -260px -739px
}

.rank25 {
	background-position: -312px -739px
}

.rank26 {
	background-position: -286px -739px
}

.rank27 {
	background-position: -26px 0
}

.rank28 {
	background-position: -52px 0
}

.rank29 {
	background-position: -78px 0
}

.rank30 {
	background-position: -104px 0
}

.rank31 {
	background-position: -130px 0
}

.HD .rank0 {
	background-position: -878px -1015px
}

.HD .rank1 {
	background-position: -903.5px -1015px
}

.HD .rank2 {
	background-position: -929px -1015px
}

.HD .rank3 {
	background-position: -954.5px -1015px
}

.HD .rank4 {
	background-position: -878px -1030.5px
}

.HD .rank5 {
	background-position: -903.5px -1030.5px
}

.HD .rank6 {
	background-position: -929px -1030.5px
}

.HD .rank7 {
	background-position: -954.5px -1030.5px
}

.HD .rank8 {
	background-position: -878px -1046px
}

.HD .rank9 {
	background-position: -903.5px -1046px
}

.HD .rank10 {
	background-position: -929px -1046px
}

.HD .rank11 {
	background-position: -954.5px -1046px
}

.HD .rank12 {
	background-position: -878px -1061.5px
}

.HD .rank13 {
	background-position: -903.5px -1061.5px
}

.HD .rank14 {
	background-position: -929px -1061.5px
}

.HD .rank15 {
	background-position: -954.5px -1061.5px
}

.HD .rank16 {
	background-position: -878px -1077px
}

.HD .rank17 {
	background-position: -903.5px -1077px
}

.HD .rank18 {
	background-position: -929px -1077px
}

.HD .rank19 {
	background-position: -954.5px -1077px
}

.HD .rank20 {
	background-position: -878px -1092.5px
}

.HD .rank21 {
	background-position: -903.5px -1092.5px /*dorado*/
}

.HD .rank22 {
	
	background-position: -903.5px -1139px
}

.HD .rank23 {

	background-position: -929px -1092.5px;
}

.HD .rank24 {
	
	background-position: -954.5px -1092.5px
}

.HD .rank25 {
	
	background-position: -878px -1108px
}

.HD .rank26 {

	background-position: -903.5px -1108px /*dragon blanco ahora*/
}

.HD .rank27 {
	
	background-position: -929px -1108px
}

.HD .rank28 {
	
	background-position: -954.5px -1108px
}

.HD .rank29 {
	
	background-position: -878px -1123.5px
}

.HD .rank30 {
	
	background-position: -903.5px -1123.5px
}

.HD .rank31 {
	
	background-position: -929px -1123.5px
}

.HD .rank32 {
	background-position: -954.5px -1123.5px
}


#myName2,
#myName3,#myRankEffect {
	position: absolute;
	left: 592px;
	top: 97px
}

#myPowerUser {
    position: absolute;
    left: 582px;
    top: 74px;
    font-size: 11px;
    color: #fca;
    text-align: center;
    width: 211px;
}

#myNyxcafe {
    width: 30px;
    height: 30px;
    top: 90px;
    right: 12px;
    background-position: -0px -63px;
}

.myNyxcafeTeamBlue {
    width: 25px;
    height: 15px;
    top: 1px;
    right: 29px;
    position: absolute;
}

.nyxcafe {
    background: url(/static/images/season2/gamelist_cafe.png);
    position: absolute;
}

.caferesult {
    width: 52px;
    height: 30px;
    top: -4px;
    left: -145px;
}



.myNyxcafeTeamBlue2 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe2 {
    background: url(/static/images/season2/vip1.png);
    position: absolute;
    transform: scale(0.3);
}




.myNyxcafeTeamBlue3 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe3 {
    background: url(/static/images/season2/vip2.png);
    position: absolute;
    transform: scale(0.3);
}





.myNyxcafeTeamBlue4 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe4 {
    background: url(/static/images/season2/vip3.png);
    position: absolute;
    transform: scale(0.3);
}


.myNyxcafeTeamBlue5 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe5 {
    background: url(/static/images/season2/vip4.png);
    position: absolute;
    transform: scale(0.3);
}


.myNyxcafeTeamBlue6 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe6 {
    background: url(/static/images/season2/vip5.png);
    position: absolute;
    transform: scale(0.3);
}




.myNyxcafeTeamBlue7 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe7 {
    background: url(/static/images/season2/vip6.png);
    position: absolute;
    transform: scale(0.3);
}



.myNyxcafeTeamBlue8 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe8 {
    background: url(/static/images/season2/vip7.png);
    position: absolute;
    transform: scale(0.3);
}


.myNyxcafeTeamBlue9 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe9 {
    background: url(/static/images/season2/vip8.png);
    position: absolute;
    transform: scale(0.3);
}




.myNyxcafeTeamBlue10 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe10 {
    background: url(/static/images/season2/vip9.png);
    position: absolute;
    transform: scale(0.3);
}



.myNyxcafeTeamBlue11 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

.nyxcafe11 {
    background: url(/static/images/season2/vip10.png);
    position: absolute;
    transform: scale(0.3);
}

.myNyxcafeTeamBlue12 {
    width: 150px;
    height: 150px;
    top: 1px;
    right: 57px;
    position: absolute;
}

/*
.nyxcafe12 {
    background: url(/static/images/season2/vip112.png);
    position: absolute;
    transform: scale(0.4);
}
*/

.nyxcafe12 {
  background: url(/static/images/season2/vip112.png);
  position: absolute;
  transform-origin: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: scale(0.370);
}

@keyframes nyxPulseGlow {
  0% {
    transform: scale(0.370);
    filter:
      brightness(1.15) contrast(1.05)
      drop-shadow(0 0 10px  rgba(255,255,255,0.95))
      drop-shadow(0 0 22px  rgba(210,235,255,0.75)) 
      drop-shadow(0 0 42px  rgba(190,225,255,0.55))
      drop-shadow(0 0 70px  rgba(170,215,255,0.35));
  }
  100% {
    transform: scale(0.352);
    filter:
      brightness(1.06) contrast(1.03)
      drop-shadow(0 0 8px   rgba(255,255,255,0.85))
      drop-shadow(0 0 18px  rgba(210,235,255,0.55))
      drop-shadow(0 0 34px  rgba(190,225,255,0.38))
      drop-shadow(0 0 56px  rgba(170,215,255,0.25));
  }
}

@media (prefers-reduced-motion: reduce) {
  .nyxcafe12 { animation: none; }
}



.viptext{
	font-family: sans-serif;
	position: absolute;
    bottom: -7px;
    font-size: 30px;
    text-align: center;
    width: 100px;
    color: white;
    left: 28px;
    text-shadow: -2px 0 4px black, 0 2px 4px black, 2px 0 4px black, 0 -2px 4px black, 0 -1px 4px black, 1px 0 4px black;
    filter: drop-shadow(0 0 2px magenta);
}




#infoWinRateTorneo{
	position: absolute;
	left: 400px;
	top: 192px
}

#infoWinTorneo{
	position: absolute;
	left: 400px;
	top: 212px;
}

#infoLossTorneo{
	position: absolute;
	left: 400px;
	top: 231px;
}

#infoKey12{
	position: absolute;
	left: 322px;
	top: 231px;
}

#infoKey10 {
	position: absolute;
	left: 322px;
	top: 194px;
	font-size: 10px
}









#myGP,
#myGP2 {
	position: absolute;
	right: 84px;
	top: 221px;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	z-index: 9
}

#myPUG,
#myPUGP,
#myPlusGP,
#GPguild {
	position: absolute;
	font-size: 8px;
	border-radius: 5px;
	padding: 1px;
	display: none;
	color: #fff
}

#GPmedalla {
	position: absolute;
	font-size: 8px;
	border-radius: 5px;
	padding: 1px;
	display: none;
	color: #fff
}

#myPUG {
	top: 250px
}

#myPlusGP {
	right: 43px;
	background: #ff6
}

#GPguild{
	right: 44px;
	top: 208px;
	background: lime;
}

#GPmedalla{
	right: 13px;
	top: 208px;
	background: #C32AFF;
}

#myCash,
#myCash2,
#myGold,
#myGold2,
#roomsList {
	font-size: 11px;
	position: absolute
}

#myCash,
#myCash2 {
	top: 235px;
	color: #8bc2ee
}

#myGold,
#myGold2 {
	top: 250px;
	color: #ffea4a
}

#CreateRoomMode,
#CreateRoomPlayers {
	left: 190px;
	font-weight: 900;
	width: 100px
}

#channel_player {
	position: absolute;
	left: 679px;
	top: 218px
}

#roomsList {
	left: 15px;
	top: 130px;
	width: 540px;
	color: #fff
}

.room {
	position: absolute;
	background-position: 0 -543px;
	width: 251px;
	height: 62px;
	display: none
}

.HD .room {
	background-position: 0 -110px;
	background-size: 1000px 1500px
}

.powerUserRoom {
	background-position: 0 -1845px
}

.HD .powerUserRoom {
	background-position: -251.5px -110px
}


.powerUserRoom2 {
	background-position: 0 -1845px;

}


/*
.HD .powerUserRoom2 {
	background-position: -251.5px -110px
}

*/

.HD .powerUserRoom2::before {
	content: '';
	position: absolute;
	width: 22px;
    height: 18px;
	background-image: url(/static/images/season2/gamelist_cafe.png);
	background-position: 0 -30px;
	left: 130px;
	top:3px;
	z-index: 100;
}


/*
.HD .powerUserRoom2.roomExtraInfo {
	background-position: -251.5px -172.5px
}

*/

.roomExtraInfo {
	background-position: 0 -1665px;
	width: 251px;
	height: 148px;
	z-index: 2;
	opacity: 1!important
}

.HD .roomExtraInfo {
	background-position: 0 -172.5px
}

.powerUserRoom.roomExtraInfo {
	background-position: 0 -2050px
}

.HD .powerUserRoom.roomExtraInfo {
	background-position: -251.5px -172.5px
}




#updater,
.BrokerDesc,
.BrokerRanks,
.roomExtraInfoSlot {
	position: absolute;
	color: #000
}

.roomExtraInfoSlot0 {
	left: 10px;
	top: 65px
}

.roomExtraInfoSlot1 {
	left: 135px;
	top: 65px
}

.roomExtraInfoSlot2 {
	left: 10px;
	top: 85px
}

.roomExtraInfoSlot3 {
	left: 135px;
	top: 85px
}

.roomExtraInfoSlot4 {
	left: 10px;
	top: 105px
}

.roomExtraInfoSlot5 {
	left: 135px;
	top: 105px
}

.roomExtraInfoSlot6 {
	left: 10px;
	top: 125px
}

.roomExtraInfoSlot7 {
	left: 135px;
	top: 125px
}

#itemSlot0,
#room0 {
	left: 0;
	top: 0
}

#room1,
#room_item_buddy_tab2 .pmsOnHold,
#tournament_info,
.ui-slider-vertical .ui-slider-range-max,
.ui-spinner-up {
	top: 0
}

#dialog_join_room_div .AlertBox,
#room4,
#room5,
#touch_ui {
	top: 150px
}

#room6,
#room7 {
	top: 225px
}

#roomsList.rooms8 {
	top: 156px
}

.rooms8 #room2,
.rooms8 #room3 {
	top: 70px
}

.rooms8 #room4,
.rooms8 #room5 {
	top: 140px
}

.rooms8 #room6,
.rooms8 #room7 {
	top: 210px
}

.roomNumber {
	position: absolute;
	left: 2px;
	top: 7px;
	width: 30px;
	height: 12px
}

#roomInput,
.roomTitle {
	height: 16px;
	position: absolute
}

.roomTitle {
	left: 38px;
	top: 5px;
	width: 144px;
	overflow: hidden;
	line-height: 15px;
	padding-left: 2px
}

#NewUser2Text,
.WeatherFall {
	line-height: 25px;
	text-align: center
}

.maxPlayers,
.numPlayers {
	width: 10px;
	color: #000;
	font-size: 14px;
	position: absolute;
	top: 6px
}

.numPlayers {
	left: 213px
}

.maxPlayers {
	left: 233px
}

.status {
	position: absolute;
	left: 8px;
	top: 33px
}

.status-waiting {
	width: 89px;
	height: 27px;
	background-position: 0 -606px
}

.HD .status-waiting {
	background-position: -504px -174.5px;
	width: 89px;
	height: 25px
}

.status-playing {
	width: 86px;
	height: 27px;
	background-position: -90px -606px
}

.HD .status-playing {
	background-position: -504px -201px;
	width: 89px;
	height: 25px
}

.status-full {
	width: 42px;
	height: 27px;
	left: 30px;
	background-position: -177px -606px
}

.HD .BrokerChannel.BrokerChannelFull .BrokerChannelFullIcon,
.HD .status-full {
	background-position: -504px -227.5px;
	width: 89px;
	height: 25px;
	left: 8px
}

.gameMode {
	position: absolute;
	left: 208px;
	top: 17px
}

.roomMap {
	position: absolute;
	left: 59px;
	top: 18px;
	width: 213px;
	height: 49px;
	transform: scale(.6)
}

.roomLock {
	position: absolute;
	left: 147px;
	top: 33px
}

.roomLocked {
	background-position: -220px -606px;
	width: 20px;
	height: 21px
}

.iconMode0,
.iconMode1,
.iconMode2,
.iconMode3,
.iconMode4,
.iconMode5,
.iconMode6{
	width: 44px;
	height: 41px
}

.HD #RoomOptionsModeLocked,
.HD #dialogCreateLocked,
.HD .imgLock,
.HD .roomLocked {
	background-position: -660px -324.5px
}

.allowWatch {
	position: absolute;
	left: 188px;
	top: 8px;
	font-size: 12px
}

#dialogCreateRoom {
	position: absolute;
	top: 120px;
	left: 222px;
	width: 341px;
	height: 258px;
	background-position: 0 -755px;
	box-shadow: 3px 3px 10px 0 #000;
	border-radius: 6px;
	z-index: 998
}

.HD #dialogCreateRoom {
	background-position: 0 -321px;
	background-size: 1000px 1500px
}

#createRoomTitle {
	position: absolute;
	left: 114px;
	top: 41px;
	border: 0;
	height: 15px
}

#BrokerLogout {
	position: absolute;
	right: 12px;
	bottom: 5px;
	width: 55px;
	height: 51px;
	background-position: -56px -303px
}

#BrokerScreen,
#dialog_change_name_div,
#dialog_join_room_div,
#roomScreen,
#shopScreen,
.alertify-cover-hidden,
.alertify-isHidden,
.alertify-logs-hidden,
.animate>span:after,
.hide,
.playerInRoom,
.progress-circle.p0 .value-bar,
.progress-circle:not(.over50) .first50-bar,
.ui-helper-hidden,
.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
	display: none
}

.HD #BrokerLogout {
	background-position: -682.5px 0
}

#logoutFBlabel {
	position: absolute;
	bottom: 7px;
	right: 77px;
	font-size: 13px;
	border: 1px dashed #000;
	border-radius: 5px;
	padding: 3px;
	text-align: center
}

#event_button,
#facebook_post {
	width: 62px;
	height: 62px;
	color: #ffd273;
	font-size: 9px;
	position: absolute;
	text-align: center;
	top: 7px
}



#buttonStart1v1 {
    left: 300px;
    transform: translateX(-50%);
    top: 190px;
    text-align: center
}

#buttonStart2v2 {
    left: 300px;
    transform: translateX(-50%);
    top: 245px;
    text-align: center
}

#buttonStart2v2 .BetaImg {
    position: absolute;
    top: -10px;
    right: -17px;
    width: 32px;
    height: 32px;
    background: url('/static/images/beta.png') no-repeat center;
    background-size: contain
}

#room_auto_match_btn {
	position: absolute;
	left: 92px;
	top: 404px;
	text-align: center;
	min-width: 275px
}

#room_auto_match_btn2 {
	position: absolute;
	right: 70px;
	bottom: 5px;
	width: 28px;
	height: 28px;
	border: 2px solid #000;
	padding: 11px;
	border-radius: 10px
}

#buttonCreateTeam {
    left: 300px;
    transform: translateX(-50%);
    top: 300px;
    text-align: center;
}

#buttonCreateTeam.LoveServer {
	min-width: 273px;
	text-align: left
}

#buttonStart1v1.LoveServer {
	text-align: left;
	min-width: 301px
}

#buttonCreateTeam.No1v1Btn,
#buttonJoinTeam.No1v1Btn {
	margin-top: -40px
}

#buttonStart1v1.Only1v1Btn {
	margin-top: 70px
}

#buttonStart1v1.Only1v1BtnPrix {
	margin-top: -6px
}

#gameChat .overview,
#roomChat .overview {
	margin: 0;
	word-wrap: break-word;
	list-style: none
}

#buttonJoinTeam {
    left: 300px;
    transform: translateX(-50%);
    top: 340px;
    text-align: center
}


#buttonCreateRoom {
	position: absolute;
	left: 144px;
	top: 7px;
	background-position: 0 -177px
}

.HD #buttonCreateRoom {
	background-position: -62.5px 0
}

#buttonJoin {
	position: absolute;
	left: 226px;
	top: 7px;
	background-position: 0 -240px
}

.HD #buttonJoin {
	background-position: -125px 0
}

#buttonQuickJoin {
	position: absolute;
	left: 308px;
	top: 7px;
	background-position: -63px -177px
}

#buttonMyInfo {
	position: absolute;
	left: 390px;
	top: 7px;
	background-position: -126px -177px
}

.HD #buttonMyInfo {
	background-position: -187.5px 0
}

#buttonShop {
	position: absolute;
	left: 472px;
	top: 7px
}

.HD #buttonShop,
.HD #buttonShopFromRoom {
	background-position: -250px 0
}

#buttonShopFromRoom {
	position: absolute;
	left: 600px;
	bottom: 5px;
	border-radius: 5px;
	transform: scale(.83);
	transform-origin: left bottom
}

#buttonCharge2 {
	position: absolute;
	left: 554px;
	top: 7px
}

.chargeBtn {
	background-position: -189px -177px
}

.HD .chargeBtn {
	background-position: -312.5px 0
}

#buttonChargeShop {
	position: absolute;
	left: 50px;
	top: 128px
}

#buttonChargeShop1 {
	position: absolute;
	left: 160px;
	top: 532px
}

#facebook_post {
	left: 636px;
	background-position: -126px -240px
}

.HD #facebook_post {
	background-position: -437.5px 0
}
.button-match-time {
    font-size: 11px;
    color: white;
    vertical-align: middle;
    margin-left: 10px;
    min-width: 33px;
    display: inline-block;
}
#event_button {
	left: 718px;
	background-position: -63px -240px
}

.HD #event_button {
	background-position: -375px 0
}

.buttonGlow {
	box-shadow: 0 0 8px 8px #ff0!important;
	border-radius: 10px
}

.blinkingGlow {
	border-radius: 10px;
	animation: 1s ease-in infinite alternate blinking_glow_anim;
	-webkit-animation: 1s ease-in infinite alternate blinking_glow_anim
}

@keyframes blinking_glow_anim {
	50% {
		box-shadow: 0 0 0 0 #ff0;
		transform: rotate(0)
	}
	100% {
		box-shadow: 0 0 8px 8px #ff0;
		transform: rotate(10deg)
	}
}

@-webkit-keyframes blinking_glow_anim {
	50% {
		box-shadow: 0 0 0 0 #ff0;
		-webkit-transform: rotate(0)
	}
	100% {
		box-shadow: 0 0 8px 8px #ff0;
		-webkit-transform: rotate(10deg)
	}
}

.squeeze_anim {
	animation: .1s squeeze_anim;
	-webkit-animation: .1s squeeze_anim
}

@keyframes squeeze_anim {
	from {
		transform: scaleY(1)
	}
	to {
		transform: scaleY(.01)
	}
}

@-webkit-keyframes squeeze_anim {
	from {
		-webkit-transform: scaleY(1)
	}
	to {
		-webkit-transform: scaleY(.01)
	}
}

.grayspin {
	animation: 1s linear infinite grayspin_anim;
	-webkit-animation: 1s linear infinite grayspin_anim
}

@keyframes grayspin_anim {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes grayspin_anim {
	from {
		-webkit-transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(360deg)
	}
}

#dialogCreateRoomButtonOK {
	position: absolute;
	right: -32px;
	bottom: -7px
}

#dialogCreateRoomButtonCancel {
	position: absolute;
	left: -39px;
	bottom: -7px
}

#CreateRoomNumPlayersPrev {
	position: absolute;
	left: 181px;
	top: 114px
}

#CreateRoomNumPlayersNext {
	position: absolute;
	left: 290px;
	top: 114px
}

#CreateRoomModePrev {
	position: absolute;
	left: 181px;
	top: 135px
}

#CreateRoomModeNext {
	position: absolute;
	left: 290px;
	top: 135px
}

#buttonShopBack {
    position: absolute;
    left: 628.5px;
    top: 496px;
    width: 134px;
    height: 133px;
    background-image: url(/static/images/backBtn.png);
    transform: scale(0.4);
}

#CreateRoomPrivateCheckbox {
	position: absolute;
	left: 45px;
	top: 64px
}

#CreateRoomPlayers {
	position: absolute;
	top: 112px;
	text-align: center;
	color: #ff6
}

#CreateRoomMode {
	position: absolute;
	top: 132px;
	text-align: center
}

.gameMode0 {
	color: #35f78c
}

.gameMode1 {
	color: #ffac0d
}

.gameMode2 {
	color: #ff07f1
}

.gameMode3 {
	color: #52c6f6
}

.gameMode5 {
	color: #52c6f6
}

.gameMode4 {
	color: RED
}

.gameMode6 {
	color: lime;
}

#CreateRoomModeIcon {
	position: absolute;
	left: 45px;
	top: 164px
}

.iconMode6 {
	background-position: -168px -303px
}

.iconMode4 {
	background-position: -168px -303px
}



.HD .iconMode4 {
	background-position: -166.5px -63.5px;
	width: 43px
}

.HD .iconMode6 {
	background-position: -166.5px -63.5px;
	width: 43px
}

.iconMode0 {
	background-position: -168px -303px
}

.iconMode1 {
	background-position: -213px -303px
}

.iconMode2 {
	background-position: -258px -303px
}

.iconMode3 {
	background-position: -168px -303px;
	filter: hue-rotate(165deg)
}

.iconMode5 {
	background-position: -168px -303px;
	filter: hue-rotate(165deg)
}

.HD .iconMode0 {
	background-position: -166.5px -63.5px;
	width: 43px
}

.HD .iconMode1 {
	background-position: -211.5px -63.5px
}

.HD .iconMode2 {
	background-position: -257.5px -63.5px;
	width: 43px
}

.HD .iconMode3 {
	background-position: -302.5px -63.5px;
	filter: none
}

.HD .iconMode5 {
	background-position: -302.5px -63.5px;
	filter: none
}

#CreateRoomPassword {
	position: absolute;
	left: 33px;
	top: 85px;
	background-position: 0 -677px;
	width: 277px;
	height: 17px
}

.HD #CreateRoomPassword {
	background-position: -342px -328px
}

#createRoomPasswordInput {
	position: absolute;
	left: 81px;
	border: 0;
	height: 15px
}

.SD .buttonOK {
	background: url(/static/images/ok.png);
	width: 180px;
	height: 59px;
	-moz-transform: scale(.5);
	-o-transform: scale(.5);
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.buttonOK:hover {
	filter: brightness(1.25)
}

.SD .buttonCancel:active,
.SD .buttonOK:active {
	transform: scale(.47)
}

.HD .buttonOK {
	width: 90px;
	height: 29.5px;
	background-position: -851px -92.5px
}

.HD .buttonOK:active {
	transform: scale(.96)
}

.SD .buttonCancel {
	background-image: url(/static/images/cancel.png);
	width: 209px;
	height: 59px;
	-moz-transform: scale(.5);
	-o-transform: scale(.5);
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.buttonCancel:hover {
	filter: brightness(1.4)
}

.HD .buttonCancel {
	width: 90px;
	height: 29.5px;
	background-position: -851px -122.5px
}

.HD .buttonNext,
.HD .buttonPrev {
	width: 18px;
	height: 18px;
	margin-left: -5px!important;
	margin-top: -5px!important
}

.HD .buttonCancel:active {
	transform: scale(.94)
}

.buttonPrev {
	background-position: -241px -606px;
	width: 9px;
	height: 9px
}

.HD .buttonPrev {
	background-position: -620.5px -326.5px
}

.buttonNext {
	background-position: -251px -606px;
	width: 9px;
	height: 9px
}

.HD .buttonNext {
	background-position: -640px -326.5px
}

.checkboxOff {
	background-position: 0 -695px;
	width: 101px;
	height: 13px
}

.HD .checkboxOff {
	background-position: -504px -278px
}

.checkboxOn {
	background-position: -102px -695px;
	width: 101px;
	height: 14px
}

.HD .checkboxOn {
	background-position: -504px -262px
}

.CheckboxOff {
	background-position: 0 -695px;
	width: 14px;
	height: 14px
}

.CheckboxOn {
	background-position: -102px -695px;
	width: 14px;
	height: 14px
}

#buttonRoomsListUp {
	position: absolute;
	top: 205px
}

.HD #buttonRoomsListUp {
	background-position: -95.5px -63.5px;
	width: 33px
}

#buttonRoomsListDown {
	position: absolute;
	top: 310px;
	transform: scaleY(-1)
}

.HD #buttonRoomsListDown {
	background-position: -130.5px -63.5px;
	transform: none
}

#roomScreen {
	color: #fff;
	font-size: 12px
}

#roomNumber {
	position: absolute;
	left: 50px;
	top: 5px;
	width: 30px;
	height: 12px
}

#roomTitle {
	position: absolute;
	left: 93px;
	top: 5px;
	width: 450px;
	height: 15px
}

#roomButtonBack {
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 57px;
	height: 54px;
	background-position: 0 -66px
}

#roomButtonBack:hover {
	background-position: -58px -66px
}

#roomButtonBack:active {
	background-position: -116px -66px
}

.HD #roomButtonBack {
	background-position: -752px -561.5px
}

.HD #roomButtonBack:hover {
	background-position: -810.5px -561.5px
}

.HD #roomButtonBack:active {
	background-position: -869px -561.5px
}

#roomButtonChangeTeam {
	position: absolute;
	left: 297px;
	top: 351px;
	width: 28px;
	height: 27px
}

.HD #roomButtonChangeTeam {
	background-position: -752px -495.5px;
	width: 27px;
	height: 27px
}

#roomButtonChangeTeam:hover {
	background-position: -28px 0
}

#roomButtonChangeTeam:active {
	background-position: -57px 0
}

.HD #roomButtonChangeTeam:hover {
	background-position: -780.5px -495.5px
}

.HD #roomButtonChangeTeam:active {
	background-position: -809px -495.5px
}

.buttonMobile {
	width: 33px;
	height: 37px;
	background-position: 0 -28px
}

.HD .buttonMobile {
	background-position: -752px -524px;
	width: 35px;
	height: 36px
}

.buttonMobile:hover {
	background-position: -34px -28px
}

.buttonMobile:active {
	background-position: -68px -28px
}

.HD .buttonMobile:hover {
	background-position: -788.5px -524px
}

.HD .buttonMobile:active {
	background-position: -825px -524px
}

#lobbyButtonMobile {
	position: absolute;
	left: 530px;
	top: 100px
}

#roomButtonMobile {
	position: absolute;
	left: 241px;
	top: 345px
}

#roomButtonReady {
	position: absolute;
	background: url(/static/images/ready2.gif) no-repeat;
	z-index: 20
}

#roomButtonStart {
	position: absolute;
	background: url(/static/images/start2.gif) no-repeat;
	z-index: 10
}

.playerInRoom {
	width: 223px;
	height: 95px
}

.SideA .roomPlayerRank {
	position: absolute;
	left: 0;
	top: 0;
	width: 25px;
	height: 15px
}

.SideA .roomPlayerName {
	position: absolute;
	left: 0;
	top: 0;
	width: 235px;
	height: 15px;
	z-index: 25;
}


.roomPlayerName.animated {
	animation: parpadeoColor 2s infinite alternate;
	text-shadow: 0 0 15px 8px white;
	
}

#roomOwner {
    position: absolute;
    right: 10px;
    top: 5px;
    white-space: nowrap
}
.MissionsBtn {
    position: absolute;
    background-image: url(/static/images/season2/starBtn2copia.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 55px;
    height: 51px;
}

#MissionsBtnLobby {
    left: 664px;
    top: 542px;
}


#itemsSelection.InRoom #MissionsBtnRoom {
    display: block;
}

#MissionsBtnRoom {
    left: 75px;
    top: 214px;
    display: none;
}


#MissionsCenterWindow {
    width: 530px;
   	height: 565px;
    left: 400px;
    top: 100px;
    z-index: 111;
    display: none;
   
     box-shadow: 0 0 10px 2px rgba(255, 0, 0, 0.8), 0 0 20px 4px rgba(255, 0, 0, 0.6), 0 0 30px 6px rgba(255, 0, 0, 0.4); /* Resplandor rojo neón */

}



.roomPlayerName.animated::before {
	content: '';
	width: 45px;
	height: 45px;
	position: absolute;
	background: url(/static/images/season2/download.gif) no-repeat scroll 0 0 transparent;
	top: -11px;
	left: 10%;

}

@keyframes parpadeoColor {
	0% {
		color: white;
		text-shadow: 0 0 15px 8px white;
	}
	100% {
		color: #8A2BE2;
		text-shadow: 0 0 15px 8px white;
	}
}









.vipTagImage {
    width: 20px; /* Ajusta el tamaño si es necesario */
    height: auto;
    vertical-align: middle; /* Alinea con el texto */
    margin-left: 5px; /* Añade un pequeño margen a la izquierda si es necesario */
    position: relative;
    top: -2px; /* Subir la imagen un poco */
    transform: scale(1.3);
}

.vipTagImage2 {
    width: 20px; /* Ajusta el tamaño si es necesario */
    left: 35px;
    height: auto;
    vertical-align: middle; /* Alinea con el texto */
    margin-left: 5px; /* Añade un pequeño margen a la izquierda si es necesario */
    position: relative;
    top: -10px; /* Subir la imagen un poco */
    transform: scale(1.5);
}


.vipTag {
    color: gold;
    font-weight: bold;
    margin-left: 5px; /* Para dejar espacio entre el nombre y "VIP" */
}






.SideA .roomPlayerInfo,
.chatDialogProfile {
	width: 43px;
	height: 30px;
	background-position: -260px -216px
}

.SideA .roomPlayerInfo {
	position: absolute;
	left: -16px;
	top: 34px;
	z-index: 21;
	transform: scale(.65) rotate(270deg)
}

.SideA .roomPlayerMaster,
.SideA .roomPlayerNotReady,
.SideA .roomPlayerReady {
	width: 77px;
	height: 78px;
	z-index: 2;
	bottom: 0;
	position: absolute;
	right: 0
}

.chatDialogProfile {
	position: absolute;
	left: 228px;
	bottom: 12px
}

.SideA .roomPlayerNotReady {
	background-position: 0 -121px
}

.HD .SideA .roomPlayerNotReady {
	background-position: -752px -617px
}

.SideA .roomPlayerReady {
	background-position: -78px -121px
}

.HD .SideA .roomPlayerReady {
	background-position: -830.5px -617px
}

.SideA .roomPlayerMaster {
	background-position: -156px -121px
}

.HD .SideA .roomPlayerMaster {
	background-position: -909px -617px
}

.SideA .roomPlayerShadow {
	position: absolute;
	left: 58px;
	bottom: 0;
	width: 78px;
	height: 10px;
	background-position: -155px 0
}

.SideA .roomPlayerMyself {
	position: absolute;
	left: -3px;
	top: 67px;
	display: none
}

.SideA .roomPlayerMobile {
	position: absolute;
	left: 100px;
	top: 88px
}

.SideB .roomPlayerName,
.SideB .roomPlayerRank {
	top: 0;
	height: 15px;
	position: absolute;
	left: 10px
}

.FlipH {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH"
}

.SideB .roomPlayerRank {
	width: 25px
}

.roomForSale {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 45px;
    height: 45px;
    background-image: url(/static/images/evento.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideB .roomPlayerName {
	width: 235px;
	z-index: 25
}

.SideB .roomPlayerInfo {
	position: absolute;
	right: -16px;
	top: 34px;
	width: 43px;
	height: 30px;
	background-position: -260px -216px;
	z-index: 21;
	transform: scale(.65) rotate(90deg)
}

.SideB .roomPlayerMaster,
.SideB .roomPlayerNotReady,
.SideB .roomPlayerReady {
	width: 77px;
	height: 78px;
	position: absolute;
	left: 0;
	bottom: 0
}

.HD .chatDialogProfile,
.HD .roomPlayerInfo {
	background-position: -654.5px -156px
}

.SideB .roomPlayerNotReady {
	background-position: 0 -200px;
	z-index: 2
}

.HD .SideB .roomPlayerNotReady {
	background-position: -752px -696.5px
}

.SideB .roomPlayerReady {
	background-position: -78px -200px;
	z-index: 2
}

.HD .SideB .roomPlayerReady {
	background-position: -830.5px -696.5px
}

.SideB .roomPlayerMaster {
	background-position: -156px -200px;
	z-index: 2
}

.HD .SideB .roomPlayerMaster {
	background-position: -909px -696.5px
}

.SideB .roomPlayerShadow {
	position: absolute;
	right: 58px;
	bottom: 0;
	width: 78px;
	height: 10px;
	background-position: -155px 0
}

.SideA .roomPlayerBalloon,
.SideB .roomPlayerBalloon {
	position: absolute;
	bottom: 55px;
	background-color: #fff;
	min-width: 30px;
	text-shadow: none;
	color: #000;
	padding: 5px;
	max-width: 300px;
	opacity: .9;
	display: none;
	z-index: 33;
	word-wrap: break-word
}

.HD .SideA .roomPlayerShadow,
.HD .SideB .roomPlayerShadow {
	background-position: -837.5px -495.5px
}

.SideB .roomPlayerMyself {
	position: absolute;
	right: -3px;
	top: 67px;
	display: none;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH"
}

.ItemBtn:active,
.ItemBtn:hover,
.light_button:active,
.light_button:hover {
	filter: brightness(1.3);
	cursor: pointer
}

.roomPlayerMyself {
	width: 28px;
	height: 19px;
	background: url(data:image/gif;base64,R0lGODlhHAATANUpAAAAALWlUrWmUrWqWrWtWrWqY7WtY7WuY7Wqa7Wta7Wua7Wqc7Wtc7Wuc7Wqe7Wte7Wue//ve7WqhLWthLWuhLWyhLW1hP/vjP/zhP/3hP/3jP/zlP/3lP/3nP/3pf/zrf/3rf/7rf//rf/3tf/3vf/7vf//vf/7xv//xgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJDwApACwAAAAAHAATAAAGs0CAcEgsClPIpDJlbBaXSyFqOhmiqlIsAJqUTq9eLHXIZQJIaHQ1vVaToUKTfG4B0O3y+jEKGPn/Iw99foJ/gntdACCLjIuCjI+Ob0hCIpaXlwwAmZuWmohCHqKjpJqjpqKfW2Ydra6uCQCwsq2xoAAcubq5sbq9vJNmF8PEFwYAxMfJwWYazs/H0ADSiIkZ19cEANja3MyU297h2uPf4BHoAUMR6kLs5uBOTmXx8k/0KUEAACH5BAkPACkALAAAAAAcABMAAAa4QIBwCEgRj8WUcrlEOpHMqBBFnRBR1mk2GTUCqNVh+Isddr2kdDqrtrbNUoBpTrfI63eTXRgf+f8jDwCAgn+CfE0AIIuMi4KNj45wXiKVlpYMAJeZmHBCHqChopmjAKGZfEIdq6ysCQCtr66eABy2t7avuLq5k0IXwMEXBgDCxMHEiEpCGs3OxM4a0M3JXMsAGdnZBELa3N6TidoZ3N3k5uXWiRHsAUQR7kLw4UxP9spdTl5PZ0tBAAAh+QQJDwApACwAAAAAHAATAAAGwkCAcAhIEYvHlHK5PAqNziSzCUChJscrUfucQq1coRUrDnuFpDSJDFCT3cOp0ESnW+b1e9107yqFI4GCDwCCgYSGhH5CII2OIISPkACPikVQIpmamQwAmyKdm51PQh6mp6edqB6qqUcdsLGwCQCyHbSytKQAHL2+HLS/wLy+updCF8nKBgDKyczOzIsAGtXV0tYazNnSl38AGeEZBEPi5ODh597f5kTp5eNxcgAREQFH9kT5fkxRUFHyzkhJIsVLiiAAACH5BAkPACkALAAAAAAcABMAAAa8QIBwSBSmUsWjcllsGptLJgA1KVKtVWMUOb0OUV4hOAvYCkloMpqkTg+jQpPcZInP64A5/a0Ujv5/DwCAgYOEglpcIIuMgoyLjo+IZVwilpciDACYmZuYmk8AHqOko5qlHqeloEMdrq8dCQCwsbOwsqEcuruyu7q9vriUQhfFxQYAxsfJysiJQhrRGs7S09DSzpRHQhndBEPdGd/c3nx9AOXg4kTp2ucRAUXw8vGJUkRc+FBb+VpJ/e6iBAEAIfkECQ8AKQAsAAAAABwAEwAABrpAgHBIBKRSxaNyiSw6m0TmUoiaEKtFrFB6pGoBqC/4yxWSzlbAmZRWo4dSoWlusgDodTndvp0CRoCAD3+Bg4GCcEpCIIyNg40gj5CDfU0il5giDACZm5maiUIeo6Sjm6WnqHBCHa2uHQkAr7GvsKEAHLm6sbocvL2xlUIXxMQGAMUXx8nKiV0AGtEax9LTQtXHlc8Z3ARC3Bne393OigDk4+Lp5eYRAUTuRfHafk5RT1xQW0n6RvkpQQAAIfkEBQ8AKQAsAAAAABwAEwAABrxAgHBIBKSKqaRyeSw6nUym8HSSDKtErDCqnFKtgO9Va+QKSWgSBZBes9HushRQqtcr9Htev52P/oAOAIGDhH1dAB+Kix8QiYqOjI6HTSGWl5YLAJeamJqHQh6io6MNAKWnqH1CHa2urQgArrGvsaAAG7m6Gwq4ub27vZRCF8XGBQDHycqUTRrPzwcA0NLQGtLNTRjbGAMA3N7f2+FyS0IZ6OHpQ+vZSUIREQJD8kT17u9P+vj5+01DXJYEAQA7) no-repeat;
	z-index: 20
}

.roomBotRemove,
.roomBotSelect {
	left: 136px;
	width: 82px;
	z-index: 26;
	top: 0;
	height: 19px
}

.itemDual,
.itemDualP,
.itemWindT,
.itemNone,
.itemTeleport {
	width: 69px;
	height: 31px
}

.SideB .roomPlayerMobile {
	position: absolute;
	right: 100px;
	top: 88px
}

.SideA .roomPlayerBalloon {
	left: 55px;
	border: 1px solid #000;
	border-radius: 8px
}

.bg1 {
	background-color: #ffd!important;
	box-shadow: 0 0 8px 4px #f04
}

.bg2 {
	background-color: #efe!important;
	box-shadow: 0 0 8px 4px #4f4
}

.bg3 {
	background-color: #efe!important;
	box-shadow: 0 0 18px 8px #1F7CE6; /* celeste */
	
}


.SideB .roomPlayerBalloon {
	right: 55px;
	border: 1px solid #000;
	border-radius: 8px
}

#gameInput,
#roomInput {
	border: 0;
	background-color: transparent
}

.SideA .roomPlayerBalloonTip,
.SideB .roomPlayerBalloonTip {
	bottom: 48px;
	height: 8px;
	z-index: 34;
	position: absolute;
	display: none;
	width: 9px;
	opacity: .9
}

.roomBotSelect {
	position: absolute;
	background-position: 0 -279px;
	display: none
}

.HD .roomBotSelect {
	background-position: -751px -776px
}

.roomBotRemove {
	position: absolute;
	background-position: 0 -299px;
	display: none
}

.HD .roomBotRemove {
	background-position: -917px -776px
}

.GamePlayerBalloon a:link,
.MainTheme,
.roomPlayerBalloon a:link,
.t-wait {
	color: #00f
}

.GamePlayerBalloon a:visited,
.roomPlayerBalloon a:visited {
	color: purple
}

.SideA .roomPlayerBalloonTip {
	left: 80px;
	background-position: -837.5px -514.5px
}

.SideB .roomPlayerBalloonTip {
	right: 80px;
	background-position: -847.5px -514.5px
}

#playerInRoom0 {
	position: absolute;
	left: 5px;
	top: 113px
}

#playerInRoom2 {
	position: absolute;
	left: 5px;
	top: 210px
}

#playerInRoom4 {
	position: absolute;
	left: 5px;
	top: 307px
}

#playerInRoom6 {
	position: absolute;
	left: 5px;
	top: 404px
}

#playerInRoom1 {
	position: absolute;
	left: 336px;
	top: 113px
}

#playerInRoom3 {
	position: absolute;
	left: 336px;
	top: 210px
}

#playerInRoom5 {
	position: absolute;
	left: 336px;
	top: 307px
}

#playerInRoom7 {
	position: absolute;
	left: 336px;
	top: 404px
}

#room_timer {
	position: absolute;
	left: 261px;
	top: 386px;
	background-position: -127px -11px;
	width: 50px;
	height: 48px;
	display: none
}

#room_timer_text {
	text-align: center;
	width: 46px;
	margin-top: 19px;
	font-size: 14px;
	font-weight: 700;
	color: #b5d68c
}

#roomInput {
	left: 94px;
	top: 578px;
	width: 464px;
	font-size: 12px;
	color: #adf7f7;
	z-index: 111
}

#roomChat {
	position: absolute;
	left: 8px;
	top: 502px;
	width: 553px;
	height: 75px
}

#roomChatHtml {
	font-size: 12px;
	color: #b5efd6
}

#roomChat .viewport {
	width: 538px;
	height: 75px;
	overflow: hidden;
	position: relative
}

#roomChat .overview {
	position: absolute;
	left: 0;
	top: 0;
	width: 538px
}

#itemDual {
	left: 29px;
	top: 121px
}

#itemTeleport {
	left: 111px;
	top: 121px
}

.itemNone {
	background: rgba(150, 150, 150, .5)
}

.itemTeleport {
	background-position: -343px 0
}

#itemDualP {
	left: 29px;
	top: 158px
}
#itemWindT {
	left: 111px;
	top: 158px
}

.itemDualP {
	background-position: -69px 0
}

.HD .itemWindT {
    background-image: url(/static/images/items2.png);
    background-position: -172px 0px;
    background-size: auto;
}

.HD .itemDual {
	background-position: -480px -1382.5px
}

.HD .itemDualP {
	background-position: -480px -1414px
}

.HD .itemTeleport {
	background-position: -480px -1445.5px
}

.ItemBtn:active,
.light_button:active {
	margin: 1px 0 0 1px
}

.ItemBtn.Pressed {
	box-shadow: inset 0 0 3px 3px #0f0
}

#itemSlot1 {
	left: 35px;
	top: 0
}

#itemSlot2 {
	left: 70px;
	top: 0
}

#itemSlot3 {
	left: 105px;
	top: 0
}

#itemSlot4 {
	left: 140px;
	top: 0
}

#itemSlot5 {
	left: 175px;
	top: 0
}

#gameItemSlot0 {
	left: 291px;
	top: 7px
}

#gameItemSlot1 {
	left: 326px;
	top: 7px
}

#gameItemSlot2 {
	left: 361px;
	top: 7px
}

#gameItemSlot3 {
	left: 396px;
	top: 7px
}

#gameItemSlot4 {
	left: 431px;
	top: 7px
}

#gameItemSlot5 {
	left: 466px;
	top: 7px
}

#weatherSlot0 {
	left: 522px;
	height: 19px
}

#weatherSlot1 {
	left: 544px;
	height: 19px
}

#weatherSlot2 {
	left: 567px;
	height: 19px
}

#weatherSlot3 {
	left: 589px;
	height: 19px
}

#weatherSlot4 {
	left: 612px;
	height: 19px
}

.weather-0 {
	background-position: -321px -115px
}

.weather-1 {
	background-position: -461px -155px
}

.weather-2 {
	background-position: -341px -115px
}

.weather-3 {
	background-position: -361px -115px
}

.weather-4 {
	background-position: -381px -115px
}

.weather-5 {
	background-position: -401px -115px
}

.weather-6 {
	background-position: -421px -115px
}

.weather-7 {
	background-position: -441px -115px
}

.weather-8 {
	background-position: -461px -115px
}

.HD .weather-0 {
	background-position: -201.5px -1317px
}

.HD .weather-1 {
	background-position: -201.5px -1337.5px
}

.HD .weather-2 {
	background-position: -222px -1317px
}

.HD .weather-3 {
	background-position: -242.5px -1317px
}

.HD .weather-4 {
	background-position: -263px -1317px
}

.HD .weather-5 {
	background-position: -242.5px -1337.5px
}

.HD .weather-6 {
	background-position: -263px -1358px
}

.HD .weather-7 {
	background-position: -263px -1337.5px
}

.HD .weather-8 {
	background-position: -222px -1337.5px
}

.weatherDiv {
	width: 128px;
	margin-left: -64px;
	height: 3050px;
	top: -1525px;
	animation: .5s linear infinite weatherMove
}

.weatherDiv3 {
	background-image: url(/static/images/sunforce.png)
}

.weatherDiv4 {
	background-image: url(/static/images/lightningforce.png)
}

.weatherDiv5 {
	background-image: url(/static/images/blackforce.png)
}

.weatherDiv6 {
	background-image: url(/static/images/randomforce.png);
	animation: 10s linear infinite weatherMove2
}

.weatherDiv7 {
	background-image: url(/static/images/mirrorforce.png);
	top: -600px
}

.weatherDiv8 {
	background-image: url(/static/images/tornado.png)
}

@keyframes weatherMove {
	12.5%,
	from {
		background-position-y: 0
	}
	12.501%,
	25% {
		background-position-y: -64px
	}
	25.001%,
	37.5% {
		background-position-y: -128px
	}
	37.501%,
	50% {
		background-position-y: -192px
	}
	50.001%,
	62.5% {
		background-position-y: -256px
	}
	62.501%,
	75% {
		background-position-y: -320px
	}
	75.001%,
	87.5% {
		background-position-y: -384px
	}
	100%,
	87.501% {
		background-position-y: -448px
	}
}

@keyframes weatherMove2 {
	from {
		background-position-y: 0
	}
	to {
		background-position-y: -512px
	}
}

.WeatherFall {
	top: 0;
	background: url(/static/images/weatherFall.gif) center top no-repeat;
	width: 80px;
	height: 25px;
	font-size: 10px;
	margin-left: -40px
}

#message_over_items {
	left: 291px;
	top: 7px;
	width: 209px;
	height: 31px;
	display: none
}

#message_over_items.items_locked {
	background-position: 0 -243px
}

#message_over_items.sudden_death {
	background-position: -210px -243px
}

.HD #message_over_items.items_locked {
	background-position: 0 -1451.5px
}

.HD #message_over_items.sudden_death {
	background-position: -210px -1451.5px
}

#gameScreen {
	display: none;
	width: 100%;
	height: 100%
}

#gameInput {
	left: 290px;
	bottom: 93px;
	width: 455px;
	color: #acf2f6;
	font-size: 12px;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

#gameInput:hover {
	
	background-color: rgba(0, 0, 255, .1)
	
}

#gameChat {
	left: 10px;
	top: 10px;
	width: 600px;
	height: 111px;
	color: #acf2f6;
	font-size: 12px
}

#gameChat .viewport {
	width: 576px;
	height: 111px;
	overflow: hidden;
	position: relative;
	direction: rtl
}

#gameChat .overview {
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 2px;
	width: 364px;
	direction: ltr
}

#gameChat .scrollbar {
	background-color: transparent;
	position: relative;
	float: left;
	width: 15px;
	padding-top: 11px
}

.overview {
	padding-top: 2px;
	padding-bottom: 1px
}

#gameui {
	left: 0;
	top: 516px;
	width: 800px;
	height: 85px;
	background-position: 0 -29px
}

.HD #gameui {
	background-position: 0 -1231.5px
}

#powerBar {
	bottom: 17px;
	height: 19px;
	background-color: #de1821;
	background-position: 0 -223px
}

.HD #powerBar {
	background-position: 0 -1422.5px
}

#walkBar {
	bottom: 4px;
	height: 9px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAJCAIAAAB8JNGzAAAAB3RJTUUH3gQLEAQia0vRrgAAAAlwSFlzAAAnEAAAJxABlGlRGQAAAARnQU1BAACxjwv8YQUAAAAdSURBVHjaY+hZeo6JgYGB6f7zH2AaGb9/fx9EAwCckQeLx8doUQAAAABJRU5ErkJggg==) repeat-x #6b8cc6
}

.HD #walkBar {
	background-position: 0 -1442px
}

#powerMarkArea {
	left: 241px;
	bottom: 0;
	width: 400px;
	height: 38px
}

#powerMark {
	left: 200px;
	width: 11px;
	height: 23px;
	margin-left: -6px;
	background-position: -294px -166px
}

.HD #powerMark {
	background-position: -263px -1378.5px
}

#turn_timer {
	top: 0;
	left: 675px;
	background-image: url('/static/images/turn_timer.png');
	background-position: 0 -1900px;
	width: 125px;
	height: 100px;
	display: none;
	-webkit-transition: background-position .2s linear;
	transition: background-position .2s linear
}

#game_back {
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden
}

#game_front {
	width: 0;
	height: 100%;
	z-index: 2
}

#revive_hand {
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	background: rgba(255, 0, 0, .5);
	border-radius: 50px;
	border: 2px solid #000
}

#revive_hand.CanRevive {
	background: rgba(0, 255, 0, .5)
}

#wind_meter2 {
	top: -26px;
	left: 334px;
	opacity: .8!important;
	transform-origin: 50% 50%;
	transform: scale(.5)
}

#game_over,
.Player {
	-webkit-transform: translate3d(0, 0, 0);
	display: none
}

.Player {
	width: 160px
}

.ColorTeamA {
	color: #ff9e6b;
	text-shadow: #734529 -1px 0 1px, #734529 0 1px 1px, #734529 1px 0 1px, #734529 0 -1px 1px
}

.ColorTeamB {
	color: #bdcfcf;
	text-shadow: #394d6b -1px 0 1px, #394d6b 0 1px 1px, #394d6b 1px 0 1px, #394d6b 0 -1px 1px
}

.PlayerRank {
	top: 17px;
	left: -40px;
	width: 25px;
	height: 15px
}

.ReduecdDef {
	top: -6px;
	left: 30px;
	font-size: 11px;
	color: #9cffde;
	text-shadow: #06f -1px 0 1px, #06f 0 1px 1px, #06f 1px 0 1px, #06f 0 -1px 1px
}

.PlayerHPBox {
	top: 10px;
	left: -40px;
	width: 76px;
	height: 3px;
	border: 1px solid #fff;
	background-color: #292c29;
	z-index: 1
}

.PlayerHP,
.PlayerShield {
	left: 0;
	height: 3px;
	position: absolute;
	top: 0
}

.PlayerHP {
	background-color: #63b64a;
	width: 76px
}

.PlayerShield {
	background-color: #00f;
	width: 0
}

.PlayerAimCircle {
	position: absolute;
	margin-left: -43px;
	margin-top: -43px
}

.GamePlayerBalloon {
	position: absolute;
	left: -20px;
	bottom: 77px;
	background-color: #fff;
	min-width: 24px;
	max-width: 160px;
	border: 1px solid #000;
	color: #000;
	border-radius: 8px;
	padding: 5px;
	opacity: 0;
	font-size: 11px;
	word-wrap: break-word
}

#new_img,
.Turn {
	left: -16px;
	display: none
}

.Turn {
	position: absolute;
	bottom: 100px;
	width: 32px;
	height: 29px
}

#btnEsc,
#btnPass,
.DamageDigit {
	height: 21px;
	position: absolute
}

.TurnAnim {
	-webkit-animation: 1s linear infinite alternate move;
	-moz-animation: 1s linear infinite alternate move;
	animation: 1s linear infinite alternate move
}

@keyframes dmgFly {
	from {
		top: 0;
		opacity: 1
	}
	10%,
	40% {
		top: -30px;
		opacity: 1
	}
	to {
		top: -30px;
		opacity: 0
	}
}

.DamageEffect {
	position: absolute;
	z-index: 150
}

.DamageDigit {
	width: 20px;
	animation: 5s linear forwards dmgFly
}

.DamageDigitRed0 {
	background-position: -572px -199px
}

.DamageDigitRed1 {
	background-position: -593px -199px
}

.DamageDigitRed2 {
	background-position: -614px -199px
}

.DamageDigitRed3 {
	background-position: -635px -199px
}

.DamageDigitRed4 {
	background-position: -656px -199px
}

.DamageDigitRed5 {
	background-position: -677px -199px
}

.DamageDigitRed6 {
	background-position: -698px -199px
}

.DamageDigitRed7 {
	background-position: -719px -199px
}

.DamageDigitRed8 {
	background-position: -740px -199px
}

.DamageDigitRed9 {
	background-position: -761px -199px
}

.DamageDigitRed- {
	background-position: -782px -199px
}

.DamageDigitBlue0 {
	background-position: -572px -221px
}

.DamageDigitBlue1 {
	background-position: -593px -221px
}

.DamageDigitBlue2 {
	background-position: -614px -221px
}

.DamageDigitBlue3 {
	background-position: -635px -221px
}

.DamageDigitBlue4 {
	background-position: -656px -221px
}

.DamageDigitBlue5 {
	background-position: -677px -221px
}

.DamageDigitBlue6 {
	background-position: -698px -221px
}

.DamageDigitBlue7 {
	background-position: -719px -221px
}

.DamageDigitBlue8 {
	background-position: -740px -221px
}

.DamageDigitBlue9 {
	background-position: -761px -221px
}

.DamageDigitBlue- {
	background-position: -782px -221px
}

.DamageDigitBlueP {
	background-position: -782px -176px
}

.DamageDigitGreen0 {
	background-position: -572px -243px
}

.DamageDigitGreen1 {
	background-position: -593px -243px
}

.DamageDigitGreen2 {
	background-position: -614px -243px
}

.DamageDigitGreen3 {
	background-position: -635px -243px
}

.DamageDigitGreen4 {
	background-position: -656px -243px
}

.DamageDigitGreen5 {
	background-position: -677px -243px
}

.DamageDigitGreen6 {
	background-position: -698px -243px
}

.DamageDigitGreen7 {
	background-position: -719px -243px
}

.DamageDigitGreen8 {
	background-position: -740px -243px
}

.DamageDigitGreen9 {
	background-position: -761px -243px
}

.DamageDigitGreenP {
	background-position: -782px -243px
}

#ss_shot_background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .8;
	display: none
}

#ss_shot_background.sudden_death {
	background-color: #060;
	opacity: .5
}

.UIGoldDigit {
	background-position: -801px 0;
	width: 13px;
	height: 13px;
	position: absolute;
	top: 66px;
	transition: 1s ease-in-out
}

#btnShot1,
#btnShot2,
#btnShotSS,
.imgS1 {
	width: 35px;
	height: 35px
}

#btnLeft,
#btnRight {
	width: 70px;
	position: absolute;
	opacity: .4;
	top: 100px
}

.UIGoldDigit.NoTransition {
	transition: none
}

.HD .UIGoldDigit {
	background-position: -981px -319px
}

#UIGoldDigit0 {
	left: 760px
}

#UIGoldDigit1 {
	left: 747px
}

#UIGoldDigit2 {
	left: 734px
}

#UIGoldDigit3 {
	left: 721px
}

#UIGoldDigit4 {
	left: 708px
}

#btnShot1 {
	position: absolute;
	left: 12px;
	top: 21px
}

#btnShot1,
.imgS1 {
	background-position: 0 -115px
}

#scores_lose_a,
#scores_lose_b {
	top: 24px;
	background-position: -200px -708px;
	width: 200px;
	height: 64px
}

#btnShot1:hover {
	background-position: -36px -115px
}

#btnShot1:active {
	background-position: -72px -115px!important
}

#btnShot1.Pressed {
	background-position: -108px -115px
}

.HD #btnShot1,
.HD .imgS1 {
	background-position: 0 -1316px
}

.HD #btnShot1:hover {
	background-position: -35.5px -1316px
}

.HD #btnShot1:active {
	background-position: -71px -1316px!important
}

.HD #btnShot1.Pressed {
	background-position: -106.5px -1316px
}

#btnShot2 {
	position: absolute;
	left: 55px;
	top: 21px;
	background-position: 0 -151px
}

#btnShot2:hover {
	background-position: -36px -151px
}

#btnShot2:active {
	background-position: -72px -151px!important
}

#btnShot2.Pressed {
	background-position: -108px -151px
}

.HD #btnShot2 {
	background-position: 0 -1351.5px
}

.HD #btnShot2:hover {
	background-position: -35.5px -1351.5px
}

.HD #btnShot2:active {
	background-position: -71px -1351.5px!important
}

.HD #btnShot2.Pressed {
	background-position: -106.5px -1351.5px
}

#btnShotSS {
	position: absolute;
	left: 98px;
	top: 21px;
	background-position: 0 -187px
}

#btnShotSS:hover {
	background-position: -36px -187px
}

#btnShotSS:active {
	background-position: -72px -187px!important
}

#btnShotSS.Pressed {
	background-position: -108px -187px
}

.HD #btnShotSS {
	background-position: 0 -1387px
}

.HD #btnShotSS:hover {
	background-position: -35.5px -1387px
}

.HD #btnShotSS:active {
	background-position: -71px -1387px!important
}

.HD #btnShotSS.Pressed {
	background-position: -106.5px -1387px
}

#btnPass {
	left: 75px;
	background-position: -144px -115px
}

.HD #btnPass {
	background-position: -142px -1316px
}

#btnEsc {
	left: 12px;
	background-position: -144px -137px
}

.HD #btnEsc {
	background-position: -142px -1337.5px
}

#btnFriends {
	position: absolute;
	left: 600px;
	opacity: .5;
	font-size: 10px
}

#btnDownloadMap {
	position: absolute;
	left: 522px;
	opacity: .5;
	font-size: 10px
}

#touch_ui {
	position: absolute;
	left: 430px;
	width: 350px;
	height: 350px;
	display: none;
	z-index: 5
}

#btnShoot {
	position: absolute;
	left: 100px;
	top: 100px;
	background: url(/static/images/touch_ui.png) -100px -100px no-repeat;
	opacity: .4
}

#btnDown:hover,
#btnLeft:hover,
#btnRight:hover,
#btnShoot:hover,
#btnUp:hover {
	opacity: .6
}

#btnDown.active,
#btnLeft.active,
#btnRight.active,
#btnShoot:active,
#btnUp.active {
	opacity: .8
}

#btnLeft {
	left: 100px;
	background: url(/static/images/touch_ui.png) 0 -100px no-repeat
}

#btnRight {
	left: 280px;
	background: url(/static/images/touch_ui.png) -280px -100px no-repeat
}

#btnUp {
	position: absolute;
	top: 0;
	background: url(/static/images/touch_ui.png) -100px 0 no-repeat
}

#btnDown {
	position: absolute;
	top: 280px;
	background: url(/static/images/touch_ui.png) -100px -280px no-repeat
}

#last_power_mark {
	position: absolute;
	left: 240px;
	top: 67px;
	margin-left: -4px;
	background-position: -294px -159px;
	width: 9px;
	height: 6px;
	transition: left 1s ease-out;
	z-index: 1
}

.HD #last_power_mark {
	background-position: -221px -1413px
}

#all_chat {
	position: absolute;
	height: 25px;
	background-position: -265px -197px
}

.HD #all_chat {
	background-position: -199px -1360px
}

#team_chat {
	position: absolute;
	height: 25px;
	background-position: -233px -197px;
	display: none;
	-webkit-transition: .15s ease-in-out;
	transition: .15s ease-in-out
}

#help_btn,
.dnd_btn {
	width: 25px;
	height: 25px;
	border-radius: 15px;
	text-align: center
}

.HD #team_chat {
	background-position: -199px -1386.5px
}

.rankEffect {
    position: absolute;
    width: 25px;
    height: 15px;
    background-size: cover;
    background-image: url(/static/images/rank_effect.webp);
}

#team_chat:hover {
	box-shadow: 0 0 10px 10px #ff0
}

#team_chat:active,
.dnd_btn.on:active {
	box-shadow: 0 0 10px 10px #0f0
}

#help_btn {
	position: absolute;
	left: 215px;
	top: -31px;
	font-size: 24px;
	background: rgba(255, 255, 0, .3);
	display: none
}

#game_dnd_btn {
	position: absolute;
	left: 215px;
	top: -59px
}

#friends_list_dnd_btn {
	position: absolute;
	left: 163px;
	top: 6px
}

.dnd_btn {
	font-size: 14px;
	background: rgba(0, 255, 0, .3);
	color: #0f0;
	line-height: 24px
}

.score,
.score_me {
	width: 380px;
	position: absolute
}

.dnd_btn.on {
	background: rgba(255, 0, 0, .3);
	color: #f93;
	font-size: 10px;
	line-height: 22px
}

.pmsOnHold {
	position: absolute;
	top: -4px;
	right: 0;
	background-color: #fa3e3e;
	border-radius: 3px;
	color: #fff;
	padding: 1px 2px;
	line-height: 9px;
	font-size: 9px;
	display: none
}

.score_bonus_gold,
.score_bonus_gp,
.score_gold,
.score_gp,
.score_name {
	font-size: 11px;
	position: absolute;
	font-weight: 700
}

.glow_button2:hover,
.glow_button:hover,
.glow_button_anim:hover {
	box-shadow: 0 0 10px 10px #ff0!important
}

.glow_button2:active,
.glow_button:active,
.glow_button_anim:active {
	box-shadow: 0 0 10px 10px #9f9!important
}

.glow_button_anim {
	-webkit-transition: box-shadow .15s ease-in-out;
	-moz-transition: box-shadow .15s ease-in-out;
	transition: box-shadow .15s ease-in-out;
	cursor: pointer
}

.glow_button2 {
	cursor: pointer;
	border-radius: 15px
}

#game_over {
	position: absolute;
	left: 0;
	top: 0
}

#scores_lose_a {
	position: absolute;
	left: 115px
}

#scores_lose_b {
	position: absolute;
	left: 485px
}

#scores_lose_a.win,
#scores_lose_b.win {
	background-position: 0 -708px
}

.HD #scores_lose_a,
.HD #scores_lose_b {
	background-position: -550.5px -1441px;
	width: 194px;
	height: 57px;
	top: 32px
}

.HD #scores_lose_a.win,
.HD #scores_lose_b.win {
	background-position-y: -1382.5px
}

.score {
	background-position: 0 -601px;
	height: 106px;
	display: none
}

.HD .score {
	background-position: -746px -1338.5px;
	width: 254px;
	height: 79px
}

.HD #score0,
.HD #score2,
.HD #score4,
.HD #score6 {
	left: 126px
}

.HD #score1,
.HD #score3,
.HD #score5,
.HD #score7 {
	left: 421px
}

.score_me {
	left: 0;
	top: 0;
	background-position: -381px -601px;
	height: 106px
}

.HD .score_me {
	background-position: -746px -1419px;
	width: 254px;
	height: 79px
}

.score_rank {
	position: absolute;
	left: 145px;
	top: 10px;
	width: 25px;
	height: 15px
}

.HD .score_rank {
	left: 19px
}

.score_name {
	left: 140px;
	top: 7px;
	width: 300px;
	color: #ffca41
}

.score_gold,
.score_gp {
	top: 33px
}

.HD .score_name,
.stat_digit1 {
	left: 15px
}

.score_gp {
	left: 140px;
	color: #fff
}

.HD .score_gp {
	left: 17px
}

.score_gold {
	left: 190px;
	color: #ffd273
}

.HD .score_gold {
	left: 64px
}

.score_bonus_gp {
	left: 285px;
	top: 29px;
	color: #f4c
}

.HD .score_bonus_gold,
.HD .score_bonus_gp {
	left: 159px
}

.score_bonus_gold {
	left: 285px;
	top: 49px;
	color: #f96
}

.score_state {
	position: absolute;
	color: #f09;
	font-size: 38px;
	font-weight: 700
}

.score_state_computer {
	left: 148px;
	top: 20px;
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	transform: rotate(-20deg)
}

.HD .score_state_computer {
	left: 22px
}

.score_state_left {
	left: 214px;
	top: 23px;
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	transform: rotate(-20deg)
}

.HD .score_state_left {
	left: 88px
}

.score_state_rankup {
	left: 160px;
	top: 40px
}

.HD .score_state_rankup {
	left: 34px
}

.score_mvp {
	position: absolute;
	left: 170px;
	top: 46px;
	color: #ff0;
	text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000, 0 0 10px #ff0, 0 0 10px #ff0;
	display: none;
	background: url(/static/images/mvp22.png) 0 0/cover;
	width: 61px;
	height: 25px
}

.score_tasa {
	position: absolute;
	left: 170px;
	top: 46px;
	color: #ff0;
	text-shadow: -1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000, 0 0 10px #ff0, 0 0 10px #ff0;
	display: none;
	background: url(/static/images/cafecito.png) 0 0/cover;
	width: 61px;
	height: 25px
}

#game_click_to_revive,
#game_replay,
#loginTitle,
#registerTitle,
.AlertBoxTitle {
	text-shadow: #000 -2px 0 4px, #000 0 2px 4px, #000 2px 0 4px, #000 0 -2px 4px, #000 -1px 0 1px, #000 0 1px 1px, #000 1px 0 1px, #000 0 -1px 1px
}

.HD .score_mvp {
	left: 43px
}
.HD .score_tasa {
	left: 110px
}

#turns_list {
	position: absolute;
	left: 2px;
	bottom: 86px;
	width: 200px;
	border: 1px solid #000;
	padding-bottom: 1px;
	overflow: hidden;
	transform: translateZ(0)
}

#ConnectWithGumbao,
#ConnectWithPassword {
	left: 26px;
	width: 194px;
	border-radius: 2px;
	height: 25px
}

.turn_list_title {
	color: #fff;
	font-size: 11px;
	padding-bottom: 2px
}

.turn_line {
	position: relative;
	height: 15px;
	display: none;
	margin-left: 3px;
	margin-right: 2px
}

.turn_line_name,
.turn_line_number,
.turn_line_rank {
	position: absolute;
	height: 15px
}

.turn_line_number {
	top: 0;
	left: 0;
	width: 11px
}

.turn_line_number0 {
	background-position: -572px -183px
}

.turn_line_number1 {
	background-position: -584px -183px
}

.turn_line_number2 {
	background-position: -596px -183px
}

.turn_line_number3 {
	background-position: -608px -183px
}

.turn_line_number4 {
	background-position: -620px -183px
}

.turn_line_number5 {
	background-position: -632px -183px
}

.turn_line_number6 {
	background-position: -644px -183px
}

.turn_line_number7 {
	background-position: -656px -183px
}

.HD .turn_line_number0 {
	background-position: -371px -1389px
}

.HD .turn_line_number1 {
	background-position: -382.5px -1389px
}

.HD .turn_line_number2 {
	background-position: -394px -1389px
}

.HD .turn_line_number3 {
	background-position: -405.5px -1389px
}

.HD .turn_line_number4 {
	background-position: -417px -1389px
}

.HD .turn_line_number5 {
	background-position: -428.5px -1389px
}

.HD .turn_line_number6 {
	background-position: -440px -1389px
}

.HD .turn_line_number7 {
	background-position: -451.5px -1389px
}

.turn_line_number_a {
	background-color: #f7a539
}

.turn_line_number_b {
	background-color: #8cb5de
}

.turn_line_rank {
	left: 13px;
	top: 0;
	width: 25px
}

.turn_line_name {
	left: 40px;
	top: 2px;
	margin-left: 1px;
	width: 121px;
	color: #ffca41;
	font-size: 12px
}

.turn_line_name_a {
	color: #f7a539
}

.turn_line_name_b {
	color: #8cb5de
}

.AlertBoxContent,
.AlertBoxTitle,
.turn_line_delay {
	position: absolute;
	color: #fff
}

.turn_line_delay {
	right: 1px;
	top: 2px;
	font-size: 10px
}

.turn_line_me {
	background-color: rgba(148, 140, 132, .75)
}

.AlertBoxBackground {
	position: absolute;
	width: 800px;
	height: 600px;
	background-color: #000;
	opacity: .5;
	z-index: 997
}





#ConnectWithPassword:hover,
#FullScreenButton:hover,
.AlertBox {
	opacity: 1
}

.AlertBox {
	position: absolute;
	left: 235px;
	top: 165px;
	width: 300px;
	height: 176px;
	z-index: 999;
	background-position: 0 0
}

.HD .AlertBox {
	background-position: -680px -318px;
	background-size: 1000px 1500px
}

.AlertBoxTitle {
	left: 23px;
	top: 8px;
	font-size: 16px
}

.AlertBoxContent {
	left: 0;
	top: 45px;
	padding-left: 30px;
	padding-right: 45px;
	font-size: 12px;
	z-index: 2
}

.AlertBoxCancel,
.AlertBoxOK {
	z-index: 3;
	position: absolute;
	bottom: -7px;
	display: none
}

.AlertBoxOK {
	right: -30px
}

.AlertBoxCancel {
	left: -37px
}

.GOption,
.GOption2,
.InlineRank,
.ShareButton,
.ShareGameBtn,
.cancelwait,
.ranking_btn {
	display: inline-block
}

.AlertBold {
	color: #f90
}

.HD #DragonDialogOK,
.HD #RoomOptionsOK,
.HD #dialogCreateRoomButtonOK,
.HD #dialogGiftOK,
.HD #dialog_change_name_ok,
.HD #dialog_change_title_ok,
.HD #dialog_join_room_ok,
.HD #roomMobileSelectCancel {
	right: 10px;
	bottom: 7px
}

.HD #DragonDialogCancel,
.HD #RoomOptionsCancel,
.HD #dialogCreateRoomButtonCancel,
.HD #dialogGiftCancel,
.HD #dialog_change_name_cancel,
.HD #dialog_change_title_cancel,
.HD #dialog_join_room_cancel {
	left: 10px;
	bottom: 7px
}

#DragonDesignerOK {
	position: absolute;
	right: 8px;
	top: 32px;
	z-index: 9
}

#DragonDesignerTypeAnimation {
	margin-top: 2px;
	margin-left: -22px;
	width: 273px;
	height: 81px;
	font-size: 9px
}

#ConnectWithFacebook {
	position: absolute;
	left: 58px;
	top: 68px;

}

#ConnectWithPassword {
	position: absolute;
	top: 400px;
	background-position: 0 -444px;
	opacity: .4
}

#ConnectWithGumbao {
	position: absolute;
	top: 70px;
	background: url('/static/images/login_with_Gumbao.png')
}

.loginBtnInfo {
	position: relative;
	left: 197px;
	top: 6px;
	color: #fff;
	font-size: 10px
}

#NewUser1 {
	position: absolute;
	left: -189px;
	top: -42px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48dGl0bGU+TGF5ZXIgMTwvdGl0bGU+PHBhdGggc3Ryb2tlPSIjMDAwMDAwIiBmaWxsPSIjZmZmZjAwIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS1saW5lam9pbj0ibnVsbCIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIGQ9Im0zLjMgMTAwLjdsOTUuMy05NS44IDk1LjMgOTUuOCAtNDcuNyAwIDAgOTYuMyAtOTUuMyAwIDAtOTYuMyAtNDcuNyAwIDAgMHoiIHRyYW5zZm9ybT0icm90YXRlKDg5LjgyNjkgOTguNjEwNiAxMDAuOTM1KSIvPjwvc3ZnPg==);
	width: 200px;
	height: 200px
}

#NewUser1Text {
	position: relative;
	left: 20px;
	top: 65px;
	font-size: 20px;
	line-height: 30px
}

#NewUser2 {
	position: absolute;
	top: -29px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48c3R5bGU+LmF7ZmlsbDojZmYwO3N0cm9rZTojMDAwO3N0cm9rZS1saW5lY2FwOnVuZGVmaW5lZDtzdHJva2UtbGluZWpvaW46dW5kZWZpbmVkO3N0cm9rZS13aWR0aDo1O3N0cm9rZS1kYXNoYXJyYXk6MH08L3N0eWxlPjxwYXRoIGNsYXNzPSJhIiBkPSJtNzcuOCAxNDYuNGwtMC4xLTM1LjUtNzIuMiAwLjItMC4yLTcwLjkgNzIuMi0wLjItMC4xLTM1LjUgNzIgNzAuNy03MS42IDcxLjF6Ii8+PC9zdmc+);
	animation: 1s ease-in-out infinite alternate moveLeftRight_anim
}

#NewUser2Text {
	position: absolute;
	left: 6px;
	top: 49px;
	font-size: 14px;
	font-family: cursive;
	width: 118px
}

#BrokerHelp {
	position: absolute;
	display: none
}

@keyframes moveLeftRight_anim {
	from {
		left: 200px
	}
	to {
		left: 150px
	}
}

@keyframes huerotate {
	from {
		filter: hue-rotate(0)
	}
	to {
		filter: hue-rotate(360deg)
	}
}

#ranking_panel {
	position: fixed;
	left: -330px;
	top: 0;
	height: 100%;
	width: 300px;
	color: #fff;
	font-size: 12px;
	z-index: 101;
	background: rgba(0, 0, 0, .4);
	transition: left .25s ease-in-out
}

#ranking_panel td {
	vertical-align: middle;
	height: 15px;
	padding: 2px;
	overflow: hidden
}

#ranking_title {
	font-weight: 700;
	text-align: center;
	font-size: 13px
}

#CollectStars,
#RoomOptionsAvatars,
#RoomOptionsMapName,
#RoomOptionsMode,
#RoomOptionsWind,
#gp_rate,
#gp_team_a,
#gp_team_b,
#infoRelationBonus,
#ranking_title2,
.Center,
.ContactFB,
.Nav,
.alertify-inner,
.buy_option,
.howto1,
.myInfoRelText {
	text-align: center
}

#ranking_btns {
	padding-left: 3px
}

.ranking_btn {
	background-color: #0d4eb1;
	padding: 3px 6px;
	margin: 3px 0;
	border-radius: 5px;
	font-size: 12px;
	border: 1px solid #000
}

.howto3,
.howto4 {
	margin-right: 10px
}

.ranking_btn:hover {
	background-color: #003899;
	cursor: pointer
}

.ranking_btn:active {
	border: 1px solid #fff;
	background-color: #8dc
}

.ranking_btn.selected {
	border: 1px solid #fff;
	background-color: rgb(0, 68, 110)
}

.ranking_me {
	background-color: #789
}

.ranking_gp,
.ranking_num {
	width: 1px;
	text-align: right
}

.ranking_rank {
	width: 1px
}

.ranking_name {
	max-width: 100px
}

#ranking_data2 {
	clear: both;
	height: calc(100% - 89px);
	overflow: auto;
	text-align: left
}

#ReplayPanel2,
#ranking_data,
#ranking_home {
	direction: ltr;
	text-align: left
}

#next_avatar_line,
#ranking_data table,
#show_more_friends_button,
.slidecontainer,
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%
}

#room_avatars,
#room_game_mode,
#room_turn_time,
#room_wind {
	width: 100px;
	text-align: center
}

#ShareURL,
#changeNameDiv {
	width: 265px
}

#myGFPhotoDiv,
#myPhotoDiv,
#notificationBtn {
	width: 35px;
	height: 35px
}

.flexcroll {
	scrollbar-face-color: #367cd2;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #fff
}

.flexcroll::-webkit-scrollbar {
	width: 12px
}

.flexcroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.flexcroll::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(0, 192, 255, .8);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

#ranking_panel_open {
	font-size: 11px;
	line-height: 8px;
	color: #d3d3d3;
	position: absolute;
	top: 50%;
	margin-top: -36px;
	width: 72px;
	height: 10px;
	background: rgba(100, 100, 100, .5);
	text-align: center;
	padding-top: 3px;
	z-index: 102;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	-o-transform-origin: left bottom;
	transform-origin: left bottom;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	transition: left .25s ease-in-out
}

@media(min-height:700px) and (min-width:1100px) {
	#ranking_panel_open {
		font-size: 13px;
		line-height: 11px;
		margin-top: -50px;
		width: 100px;
		height: 13px;
		background: rgba(100, 100, 100, .5);
		text-align: center;
		padding-top: 2px
	}
}

#ranking_panel_open:active {
	margin-left: 0;
	filter: brightness(1.6)
}

#dialog_change_name_ok {
	position: absolute;
	right: -35px;
	bottom: -7px
}

#dialog_change_name_cancel {
	position: absolute;
	left: -42px;
	bottom: -7px
}

#myInfoProfile {
	position: absolute;
	color: inherit;
	left: 10px;
	top: 55px;
	line-height: 5px;
	font-size: 7px;
	font-weight: 400
}

#room_avatars,
#room_wind {
	position: absolute;
	color: red;
	font-weight: 600;
	left: 390px
}

#dialogGiftOK,
#dialog_change_title_ok,
#dialog_join_room_ok {
	position: absolute;
	right: -31px;
	bottom: -7px
}

#dialogGiftCancel,
#dialog_change_title_cancel,
#dialog_join_room_cancel {
	position: absolute;
	left: -38px;
	bottom: -7px
}

#join_room_input {
	margin-left: 8px;
	width: 125px
}

#join_password_input {
	width: 125px
}

.input_field {
	background-color: #524a7b;
	color: #acf2f6;
	padding: 1px 3px
}

#dialogGift {
	display: none;
	position: absolute;
	z-index: 44
}

#dialogGift .AlertBox {
	top: 130px;
	left: 307px
}

#giftUsername {
	width: 110px
}

#giftMessage {
	width: 200px
}

#dialogGiftBuyRoom {
	position: absolute;
	top: -10px;
	right: 10px;
	text-align: right
}

.BuyRoom {
	color: #0ff;
	background: #00f
}

#ground_canvas {
	position: absolute;
	width: 1409px;
	height: 760px
}

#game_click_to_revive,
#game_replay {
	position: absolute;
	top: 400px;
	font-size: 36px;
	color: #fff;
	display: none;
	width: 800px;
	text-align: center;
	pointer-events: none
}

#revive_panel {
	position: absolute;
	background: rgba(0, 0, 255, .2)
}

#thor_laser {
	position: absolute;
	top: -15px;
	width: 500px;
	height: 30px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAB3RJTUUH3gQLDzQv3cZ/rQAAAAlwSFlzAAAnEAAAJxABlGlRGQAAAARnQU1BAACxjwv8YQUAAABKSURBVHjaY2Bg+M/LxMXFwAkiuJg4OSEsKAHkciFxsYmBdDBcuvT/ChMDAwMTs6hogyLT9+8M35m+fYMRQO4PJC42MTgXaMh/KQBXYCrEWIxApwAAAABJRU5ErkJggg==) repeat-x;
	display: none
}

#thor_lvl {
	position: absolute;
	right: -70px;
	top: 30px;
	color: #f73918;
	font-size: 14px
}

#thor_damage {
	position: absolute;
	right: -70px;
	top: 47px;
	color: #ff5a42;
	font-size: 12px
}

.lightning {
	position: absolute;
	width: 64px;
	height: 1024px;
	margin-left: -32px;
	margin-top: -1024px;
	background: url(/static/images/lightnings.png) repeat-y
}

.lightning2,
.ui-icon-carat-1-s {
	background-position: -64px 0
}

.lightning3,
.ui-icon-carat-2-n-s {
	background-position: -128px 0
}

.lightning4 {
	background-position: -192px 0
}

#room_game_mode {
	position: absolute;
	top: 29px;
	left: 389px
}

#room_players {
	position: absolute;
	left: 381px;
	top: 43px;
	width: 115px;
	color: #ff6;
	text-align: center
}

#room_avatars {
	top: 58px;
	font-size: 12px
}

#shopSetBonusActiveText {
    position: absolute;
    right: 612px;
    top: 13px;
    z-index: 12;
    font-size: 10px;
    color: peachpuff;
}

#room_wind {
	top: 73px;
	font-size: 12px
}

#room_turn_time,
#room_turn_time_text,
.shop_item_timer {
	font-weight: 700;
	position: absolute
}

#room_turn_time_text {
	right: 425px;
	top: 83px
}

#room_turn_time {
	left: 390px;
	top: 87px;
	color: #fff;
	font-size: 12px
}

#room_change_title_button {
	position: absolute;
	left: 16px;
	top: 3px;
	width: 15px;
	height: 15px;
	background-position: -85px -9px
}

.HD #room_change_title_button {
	background-position: -857px -507.5px
}

#room_options_button {
	position: absolute;
	left: 507px;
	top: 26px;
	width: 55px;
	height: 83px;
	background-position: -178px -11px
}

.HD #room_options_button {
	background-position: -927.5px -532.5px
}

#room_map {
	position: absolute;
	left: 14px;
	top: 55px;
	width: 213px;
	height: 49px
}

.room_map_fix {
	left: 37px!important;
	top: 37px!important
}

.room_options_button_fix {
	top: 15px!important
}

.light_button.roomExtraInfo {
	filter: brightness(1)
}

.light_button.grayscale:active,
.light_button.grayscale:hover {
	filter: grayscale(100%) brightness(1.3)
}

.opacityButton2:hover,
.opacity_button:hover {
	opacity: .5;
	cursor: pointer
}



.ShopSetLoad.Disabled,
.ShopSetInfo.Disabled {
    display: none;
    opacity: .2
}

.shopSetNameInput {
    position: absolute;
    left: 36px;
    top: 4px;
    font-size: 10px;
    width: 126px
}


.ShopSetInfo {
    position: absolute;
    font-size: 10px;
    left: 95px;
    top: 18px
}

.ShopSetSave {
    position: absolute;
    font-size: 10px;
    left: 45px;
    top: 18px
}

.shopSetNameOK {
    position: absolute;
    left: 175px;
    top: 5px;
    font-size: 16px
}

.shopSetNameCancel {
    position: absolute;
    left: 9px;
    top: 5px;
    font-size: 16px
}

.opacity_button:active {
	margin: 1px 0 0 1px;
	opacity: .5;
	cursor: pointer
}

.opacity_button.noOpacity {
	opacity: 1!important
}

.opacityButton2:active {
	opacity: .5;
	filter: brightness(1.5);
	cursor: pointer
}

#slice_drag_button {
	position: absolute;
	left: 207px;
	top: 42px;
	width: 30px;
	height: 30px;
	background-position: -231px -159px
}

#slice_drag_button.drag {
	background-position: -262px -159px;
	width: 31px
}

.HD #slice_drag_button {
	background-position: -231.5px -1358px
}

.HD #slice_drag_button.drag {
	background-position: -231.5px -1389.5px;
	width: 30px
}

#map_bg {
	position: absolute;
	display: none
}

.shot_img {
	background: url(/static/images/shots.png) no-repeat
}

.shot_img_0 {
	background-position: 0 0;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px
}

.shot_img_1 {
	background-position: 0 -30px;
	width: 38px;
	height: 18px;
	margin-left: -19px;
	margin-top: -9px
}

.shot_img_2,
.shot_img_3 {
	height: 27px;
	margin-top: -13px
}

.ContactName,
.ContactTitle {
	margin-top: 8px;
	font-weight: 700
}

.shot_img_2 {
	background-position: 0 -48px;
	width: 30px;
	margin-left: -15px
}

.shot_img_3 {
	background-position: 0 -75px;
	width: 59px;
	margin-left: -29px
}

.thor-1 {
	background-position: -159px 0
}

.thor-2 {
	background-position: -318px 0
}

.thor-3 {
	background-position: -477px 0
}

.thor-4 {
	background-position: -636px 0
}

.thor-5 {
	background-position: -795px 0
}

.thor-6 {
	background-position: -954px 0
}

.thor-7 {
	background-position: -1113px 0
}

.thor-8 {
	background-position: -1272px 0
}

.thor-9 {
	background-position: -1431px 0
}

.thor-10 {
	background-position: -1590px 0
}

.thor-11 {
	background-position: -1749px 0
}

.thor-12 {
	background-position: -1908px 0
}

.thor-13 {
	background-position: -2067px 0
}

.thor-14 {
	background-position: -2226px 0
}

.thor-15 {
	background-position: -2385px 0
}

.thor-16 {
	background-position: -2544px 0
}

.thor-17 {
	background-position: -2703px 0
}

.thor-18 {
	background-position: -2862px 0
}

.thor-19 {
	background-position: -3021px 0
}

.mobile0-1 {
	background-position: -36px 0
}

.mobile0-2 {
	background-position: -72px 0
}

.mobile0-3 {
	background-position: -108px 0
}

.mobile0-4,
.ui-icon-carat-2-e-w {
	background-position: -144px 0
}

.mobile0-5 {
	background-position: -180px 0
}

.mobile0-6 {
	background-position: -216px 0
}

.mobile0-7 {
	background-position: -252px 0
}

.mobile0-8 {
	background-position: -288px 0
}

.mobile0-9 {
	background-position: -324px 0
}

.mobile0-10 {
	background-position: -360px 0
}

.mobile0-11 {
	background-position: -396px 0
}

.mobile0-12 {
	background-position: -432px 0
}

.mobile0-13 {
	background-position: -468px 0
}

.mobile0-14 {
	background-position: -504px 0
}

.mobile0-15 {
	background-position: -540px 0
}

.mobile0-16 {
	background-position: -576px 0
}

.mobile0-17,
.mobile4-12 {
	background-position: -612px 0
}

.mobile1-1 {
	background-position: -55px 0
}

.mobile1-2 {
	background-position: -110px 0
}

#ShareToNewTab,
.mobile1-3 {
	background-position: -165px 0
}

#buttonOptions,
#buttonOptionsRoom {
	background-position: 0 -303px;
	width: 55px;
	height: 51px
}

.mobile1-4 {
	background-position: -220px 0
}

.mobile1-5 {
	background-position: -275px 0
}

.mobile1-6 {
	background-position: -330px 0
}

.mobile1-7 {
	background-position: -385px 0
}

.mobile1-8 {
	background-position: -440px 0
}

.mobile1-9 {
	background-position: -495px 0
}

.mobile1-10 {
	background-position: -550px 0
}

.mobile1-11 {
	background-position: -605px 0
}

.mobile1-12 {
	background-position: -660px 0
}

.mobile1-13 {
	background-position: -715px 0
}

.mobile1-14 {
	background-position: -770px 0
}

.mobile1-15 {
	background-position: -825px 0
}

.mobile1-16 {
	background-position: -880px 0
}

.mobile1-17 {
	background-position: -935px 0
}

.mobile1-18 {
	background-position: -990px 0
}

.mobile2-1 {
	background-position: -67px 0
}

.mobile2-2 {
	background-position: -134px 0
}

.mobile2-3 {
	background-position: -201px 0
}

.mobile2-4 {
	background-position: -268px 0
}

.mobile2-5 {
	background-position: -335px 0
}

.mobile2-6 {
	background-position: -402px 0
}

.mobile2-7 {
	background-position: -469px 0
}

.mobile2-8 {
	background-position: -536px 0
}

.mobile2-9 {
	background-position: -603px 0
}

.mobile2-10 {
	background-position: -670px 0
}

.mobile2-11 {
	background-position: -737px 0
}

.mobile2-12 {
	background-position: -804px 0
}

.mobile2-13 {
	background-position: -871px 0
}

.mobile2-14 {
	background-position: -938px 0
}

.mobile2-15 {
	background-position: -1005px 0
}

.mobile2-16 {
	background-position: -1072px 0
}

.mobile2-17 {
	background-position: -1139px 0
}

.mobile2-18 {
	background-position: -1206px 0
}

.mobile2-19 {
	background-position: -1273px 0
}

.mobile3-1 {
	background-position: -43px 0
}

.mobile3-2 {
	background-position: -86px 0
}

.mobile3-3 {
	background-position: -129px 0
}

.mobile3-4 {
	background-position: -172px 0
}

.mobile3-5 {
	background-position: -215px 0
}

.mobile3-6 {
	background-position: -258px 0
}

.mobile3-7 {
	background-position: -301px 0
}

.mobile3-8 {
	background-position: -344px 0
}

.mobile3-9 {
	background-position: -387px 0
}

.mobile3-10 {
	background-position: -430px 0
}

.mobile3-11 {
	background-position: -473px 0
}

.mobile3-12 {
	background-position: -516px 0
}

.mobile3-13 {
	background-position: -559px 0
}

.mobile3-14 {
	background-position: -602px 0
}

.mobile3-15 {
	background-position: -645px 0
}

.mobile3-16 {
	background-position: -688px 0
}

.mobile3-17 {
	background-position: -731px 0
}

.mobile3-18 {
	background-position: -774px 0
}

.mobile3-19 {
	background-position: -817px 0
}

.mobile4-1 {
	background-position: -51px 0
}

.mobile4-2 {
	background-position: -102px 0
}

.mobile4-3 {
	background-position: -153px 0
}

.mobile4-4 {
	background-position: -204px 0
}

.mobile4-5 {
	background-position: -255px 0
}

.mobile4-6 {
	background-position: -306px 0
}

.mobile4-7 {
	background-position: -357px 0
}

.mobile4-8 {
	background-position: -408px 0
}

.mobile4-9 {
	background-position: -459px 0
}

.mobile4-10 {
	background-position: -510px 0
}

.mobile4-11 {
	background-position: -561px 0
}

.mobile4-13 {
	background-position: -663px 0
}

.mobile4-14 {
	background-position: -714px 0
}

.mobile4-15 {
	background-position: -765px 0
}

.mobile4-16 {
	background-position: -816px 0
}

.mobile4-17 {
	background-position: -867px 0
}

.mobile4-18 {
	background-position: -918px 0
}

.mobile4-19 {
	background-position: -969px 0
}

.mobile4-20 {
	background-position: -1020px 0
}

.mobile4-21 {
	background-position: -1071px 0
}

.mobile4-22 {
	background-position: -1122px 0
}

.mobile4-23 {
	background-position: -1173px 0
}

.mobile4-24 {
	background-position: -1224px 0
}

.mobile4-25 {
	background-position: -1275px 0
}

.mobile4-26 {
	background-position: -1326px 0
}

.mobile4-27 {
	background-position: -1377px 0
}

.mobile4-28 {
	background-position: -1428px 0
}

.mobile4-29 {
	background-position: -1479px 0
}

.mobile4-30 {
	background-position: -1530px 0
}

.mobile4-31 {
	background-position: -1581px 0
}

.mobile4-32 {
	background-position: -1632px 0
}

.mobile4-33 {
	background-position: -1683px 0
}

.mobile4-34 {
	background-position: -1734px 0
}

.mobile4-35 {
	background-position: -1785px 0
}

.mobile4-36 {
	background-position: -1836px 0
}

.mobile4-37 {
	background-position: -1887px 0
}

.mobile4-38 {
	background-position: -1938px 0
}

.mobile4-39 {
	background-position: -1989px 0
}

.mobile5-1 {
	background-position: -37px 0
}

.mobile5-2 {
	background-position: -74px 0
}

.mobile5-3 {
	background-position: -111px 0
}

.mobile5-4 {
	background-position: -148px 0
}

.mobile5-5 {
	background-position: -185px 0
}

.mobile5-6 {
	background-position: -222px 0
}

.mobile5-7 {
	background-position: -259px 0
}

.mobile5-8 {
	background-position: -296px 0
}

.mobile5-9 {
	background-position: -333px 0
}

.mobile5-10 {
	background-position: -370px 0
}

.mobile5-11 {
	background-position: -407px 0
}

.mobile5-12 {
	background-position: -444px 0
}

.mobile5-13 {
	background-position: -481px 0
}

.mobile5-14 {
	background-position: -518px 0
}

.mobile5-15 {
	background-position: -555px 0
}

.mobile5-16 {
	background-position: -592px 0
}

.mobile5-17 {
	background-position: -629px 0
}

.mobile5-18 {
	background-position: -666px 0
}

.mobile5-19 {
	background-position: -703px 0
}

#buttonShopExit {
	position: absolute;
	left: 14px;
	top: 541px;
	width: 36px;
	height: 50px;
	background-position: -91px -233px
}

.HD #buttonShopExit {
	background-position: -747.5px -40.5px
}

#buttonShopBuy {
	left: 534px;
	top: 493px;
	width: 72px;
	height: 82px;
	background-position: -232px -245px
}

.HD #buttonShopBuy {
	background-position: -711.5px -92px
}

#buttonShopHead {
	left: 281px;
	top: 493px;
	width: 35px;
	height: 31px;
	background-position: 0 -202px
}

.HD #buttonShopHead {
	background-position: -593.5px -52.5px;
	width: 37px;
	height: 33px;
	top: 495px
}

#buttonShopBody {
	left: 344px;
	top: 493px;
	width: 37px;
	height: 31px;
	background-position: -35px -202px
}

.HD #buttonShopBody {
	background-position: -632px -52.5px;
	width: 37px;
	height: 33px;
	top: 495px
}

#buttonShopGlass {
	left: 407px;
	top: 495px;
	width: 33px;
	height: 31px;
	background-position: -72px -204px
}

.HD #buttonShopGlass {
	background-position: -670.5px -52.5px;
	width: 37px;
	height: 33px
}

#buttonShopFlag {
	left: 470px;
	top: 493px;
	width: 30px;
	height: 33px;
	background-position: -105px -200px
}

.HD #buttonShopFlag {
	background-position: -709px -52.5px;
	width: 37px;
	height: 33px;
	top: 495px
}

#buttonShopBackground {
	left: 285px;
	top: 551px;
	width: 57px;
	height: 26px;
	background-position: -253px -208px
}

.HD #buttonShopBackground {
	background-position: -594.5px -87px;
	width: 57px;
	height: 33px;
	top: 545px
}

#buttonShopForeground {
	left: 371px;
	top: 545px;
	width: 57px;
	height: 33px;
	background-position: -311px -201px
}

.HD #buttonShopForeground {
	background-position: -653px -87px;
	width: 57px;
	height: 33px;
	left: 374px
}

#buttonShopExItem {
	left: 456px;
	top: 549px;
	width: 39px;
	height: 28px;
	background-position: -213px -204px
}

.HD #buttonShopExItem {
	background-position: -653px -121.5px;
	width: 57px;
	height: 33px;
	top: 545px
}

#buttonShopPrev {
	left: 636px;
	top: 496px;
	width: 37px;
	height: 28px;
	background-position: -135px -202px
}

.HD #buttonShopPrev {
	background-position: -568px -121.5px;
	width: 41px;
	height: 33px
}

#buttonShopNext {
	left: 714px;
	top: 496px;
	width: 37px;
	height: 28px;
	background-position: -172px -202px
}

.HD #buttonShopNext {
	background-position: -610.5px -121.5px;
	width: 41px;
	height: 33px
}


.shop_item0 {
    left: 259px;
    top: 26px
}

.shop_item1 {
    left: 434px;
    top: 26px;

}

.shop_item2 {
    left: 609px;
    top: 26px
}

.shop_item3 {
    left: 259px;
    top: 178px
}

.shop_item4 {
    left: 434px;
    top: 178px
}

.shop_item5 {
    left: 609px;
    top: 178px
}

.shop_item6 {
    left: 259px;
    top: 330px
}

.shop_item7 {
    left: 434px;
    top: 330px
}

.shop_item8 {
    left: 609px;
    top: 330px
}



.shop_item {
	position: absolute;
	width: 169px;
	height: 148px
}

.HD .shop_item {
	background-position: -341.5px -346px
}

.shop_item:active {
	margin-left: 2px;
	margin-top: 2px
}

.shop_item.selected {
	background-position: -169px 0
}

.HD .shop_item.selected {
	background-position: -511px -346px
}

.shop_item_icon,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.shop_item_icon_ha,
.shop_item_icon_hm {
	width: 15px;
	height: 11px;
	background-position: 0 -149px
}

.shop_item_icon_ba,
.shop_item_icon_bm {
	width: 18px;
	height: 13px;
	background-position: -15px -149px
}

.shop_item_icon_ga,
.shop_item_icon_gm {
	width: 18px;
	height: 11px;
	background-position: -33px -149px
}

.shop_item_icon_fa {
	width: 16px;
	height: 13px;
	background-position: -51px -149px
}

.SD .shop_item_icon_fm {
	width: 16px;
	height: 13px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAAB3RJTUUH4AwZBxoR7aOImgAAAAlwSFlzAAAnEAAAJxABlGlRGQAAAARnQU1BAACxjwv8YQUAAAFvSURBVHjajZJNSwJRFIbfMzOpabmoVm7ya2zRstbRDwghaN+mP9CqiNb2U2rbJxT5A4KgiKTCGVFLEDSodOHHOKd7h1CnSfKFyzkznPvwnnMuYUjMjGg8xR2aAoGhoYWS+UQYISISNUOKxZNcLBi4fGlIHGytibnkCgf5HWUz9yfIBbAo4MSD4xCIFZGFcXiSheWrYTa5ygH+QMW8p5EAhupEwyihpzWwEF1E5lSWRHAkQKy0ENbXhKMaqsYNeQAEe5CzinwhD7J90BNxAZLwEJa2zrCX7iCSWGZZ9gvQ63shW7RDXecrbxbBImfFEtHCRnoHn+YteYbIUPooZwasOn+l9a6/CuV8Fyq3xeW7/hzcQ0Rg4EX7gjVRR+8iAx834Rfn1Xz0bMIFaCkzP/dttK+2MW1XUCo8j3wHHgX1dZZSU5sy4L8jpQwD5Bqvc3AsjysXYNKuYz9bQdgujw1w9Tcf01m+xjfzYay+5Rq/AZdrqfDmdry1AAAAAElFTkSuQmCC)!important
}

.SD .shop_item_icon_ff {
	width: 16px;
	height: 13px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAAB3RJTUUH4AwZBxoSdKrZIAAAAAlwSFlzAAAnEAAAJxABlGlRGQAAAARnQU1BAACxjwv8YQUAAAClSURBVHjaY2RAAv///2dIYZL/jyw2599DRgYcgJGRkYEFWQCkGaiBgWHPBRQxfAaxYBO8NX01wgW7NuI1CKsBd+/eBdPKyspww3AZhNUAfAaVBcYwqGWGwgxixGsAukEw0OXmD3bBXPRAJATWXjqOETMEDYBpwhUTLIQ04ksHGCCZUe4/CEBpBkIYBJgwTEFKRMQADAOQExExAMV/IKeT4m9QXgAAeWprQrDQiegAAAAASUVORK5CYII=)!important
}

.shop_item_icon_hf {
	width: 15px;
	height: 11px;
	background-position: -67px -149px
}

.shop_item_icon_bf {
	width: 18px;
	height: 13px;
	background-position: -82px -149px
}

.shop_item_icon_gf {
	width: 18px;
	height: 11px;
	background-position: -100px -149px
}

.shop_item_icon_1a {
	width: 16px;
	height: 12px;
	background-position: -153px -152px
}

.shop_item_icon_2a {
	width: 16px;
	height: 12px;
	background-position: -136px -152px
}

.shop_item_icon_xa {
	width: 16px;
	height: 16px;
	background-position: -119px -149px
}

.HD .shop_item_icon_hm {
	background-position: -878px -966px;
	width: 13px;
	height: 10px
}

.HD .shop_item_icon_hf {
	background-position: -891.5px -966px;
	width: 13px;
	height: 10px
}

.HD .shop_item_icon_ha {
	background-position: -905px -966px;
	width: 13px;
	height: 10px
}

.HD .shop_item_icon_bm {
	background-position: -918.5px -966px;
	width: 18px;
	height: 13px
}

.HD .shop_item_icon_bf {
	background-position: -937px -966px;
	width: 18px;
	height: 13px
}

.HD .shop_item_icon_ba {
	background-position: -955.5px -966px;
	width: 18px;
	height: 13px
}

.HD .shop_item_icon_ga,
.HD .shop_item_icon_gf,
.HD .shop_item_icon_gm {
	width: 18px;
	height: 9px;
	margin-top: 1px
}

.HD .shop_item_icon_gm {
	background-position: -915.5px -979.5px
}

.HD .shop_item_icon_gf {
	background-position: -934px -979.5px
}

.HD .shop_item_icon_ga {
	background-position: -952.5px -979.5px
}

.HD .shop_item_icon_fm {
	background-position: -878px -976.5px;
	width: 12px;
	height: 13px
}

.HD .shop_item_icon_ff {
	background-position: -890.5px -976.5px;
	width: 12px;
	height: 13px
}

.HD .shop_item_icon_fa {
	background-position: -903px -976.5px;
	width: 12px;
	height: 13px
}

.HD .shop_item_icon_1a {
	background-position: -878px -990px;
	width: 16px;
	height: 12px
}

.HD .shop_item_icon_2a {
	background-position: -894.5px -990px;
	width: 16px;
	height: 12px
}

.HD .shop_item_icon_xa {
	background-position: -974px -966px;
	width: 16px;
	height: 16px;
	
	

}

.shop_item_timer {
	left: 13px;
	top: 24px;
	color: #000;
	z-index: 9;
	font-size: 15px;
	text-shadow: -1px 0 2px #fff, 0 1px 2px #fff, 1px 0 2px #fff, 0 -1px 2px #fff
}

.RedButton,
.refresh_button_friends {
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .3)
}

.shop_item_name {
	position: absolute;
	left: 5px;
	top: 5px;
	font-size: 10px;
	color: #fff
}

.shop_item_cash,
.shop_item_gold {
	right: 16px;
	font-size: 11px;
	font-weight: 700
}

.shop_item_image {
	position: absolute;
	left: 85px;
	top: 94px
}

.shop_item_stat {
	position: absolute;
	z-index: 9
}

.shop_item_stat0 {
	left: 123px;
	top: 101px
}

.shop_item_stat1 {
	left: 89px;
	top: 101px
}

.shop_item_stat2 {
	left: 55px;
	top: 101px
}

.shop_item_stat3 {
	left: 21px;
	top: 101px
}

.shop_item_stat4 {
	left: 123px;
	top: 86px
}

.shop_item_stat5 {
	left: 89px;
	top: 86px
}

.shop_item_stat6 {
	left: 55px;
	top: 86px
}

.shop_item_stat7 {
	left: 21px;
	top: 86px
}

.stat_digit1,
.stat_digit2 {
	top: 1px;
	position: absolute
}

.stat_icon {
	position: absolute;
	width: 14px;
	height: 14px
}

.stat_icon_time {
	background-position: 0 -173px
}

.stat_icon_dig {
	background-position: -14px -173px
}

.stat_icon_atk {
	background-position: -28px -173px
}

.stat_icon_life {
	background-position: -42px -173px
}

.stat_icon_def {
	background-position: -56px -173px
}

.stat_icon_item {
	background-position: -70px -173px
}

.stat_icon_shld {
	background-position: -84px -173px
}

.stat_icon_pop {
	background-position: -98px -173px
}

.stat_icon_time- {
	background-position: 0 -187px
}

.stat_icon_dig- {
	background-position: -14px -187px
}

.stat_icon_atk- {
	background-position: -28px -187px
}

.stat_icon_life- {
	background-position: -42px -187px
}

.stat_icon_def- {
	background-position: -56px -187px
}

.stat_icon_item- {
	background-position: -70px -187px
}

.stat_icon_shld- {
	background-position: -84px -187px
}

.stat_icon_pop- {
	background-position: -98px -187px
}

.HD .stat_icon_time {
	background-position: -878px -935px
}

.HD .stat_icon_dig {
	background-position: -892.5px -935px
}

.HD .stat_icon_atk {
	background-position: -907px -935px
}

.HD .stat_icon_life {
	background-position: -921.5px -935px
}

.HD .stat_icon_def {
	background-position: -936px -935px
}

.HD .stat_icon_item {
	background-position: -950.5px -935px
}

.HD .stat_icon_shld {
	background-position: -965px -935px
}

.HD .stat_icon_pop {
	background-position: -979.5px -935px
}

.HD .stat_icon_time- {
	background-position: -878px -950.5px
}

.HD .stat_icon_dig- {
	background-position: -892.5px -950.5px
}

.HD .stat_icon_atk- {
	background-position: -907px -950.5px
}

.HD .stat_icon_life- {
	background-position: -921.5px -950.5px
}

.HD .stat_icon_def- {
	background-position: -936px -950.5px
}

.HD .stat_icon_item- {
	background-position: -950.5px -950.5px
}

.HD .stat_icon_shld- {
	background-position: -965px -950.5px
}

.HD .stat_icon_pop- {
	background-position: -979.5px -950.5px
}

.stat_digit2 {
	left: 21px
}

.digit1 {
	position: absolute;
	left: 6px
}

.digit2 {
	position: absolute;
	left: 12px
}

.digit3 {
	position: absolute;
	left: 18px
}

.stat_font {
	width: 6px;
	height: 11px
}

#shop_my_cash,
#shop_my_gold,
.shop_item_cash,
.shop_item_gold {
	height: 12px;
	width: 150px;
	text-align: right
}

#OptionsLeave,
#OptionsOK {
	top: 216px;
	width: 116px;
	height: 17px
}

#BrokerTitle,
#ChargeWelcomeMsg,
#RoomOptionsPlayers,
#create_guild_name,
#roomInfo6,
#roomsPage,
.ContactLang,
.ContactName,
.ContactTitle,
.RedButton,
.howto4,
.refresh_button_friends {
	text-align: center
}

.stat_font0 {
	background-position: 0 -162px
}

.stat_font1 {
	background-position: -6px -162px
}

.stat_font2 {
	background-position: -12px -162px
}

.stat_font3 {
	background-position: -18px -162px
}

.stat_font4 {
	background-position: -24px -162px
}

.stat_font5 {
	background-position: -30px -162px
}

.stat_font6 {
	background-position: -36px -162px
}

.stat_font7 {
	background-position: -42px -162px
}

.stat_font8 {
	background-position: -48px -162px
}

.stat_font9 {
	background-position: -54px -162px
}

.HD .stat_font0 {
	background-position: -911px -991px
}

.HD .stat_font1 {
	background-position: -917.5px -991px
}

.HD .stat_font2 {
	background-position: -924px -991px
}

.HD .stat_font3 {
	background-position: -930.5px -991px
}

.HD .stat_font4 {
	background-position: -937px -991px
}

.HD .stat_font5 {
	background-position: -943.5px -991px
}

.HD .stat_font6 {
	background-position: -950px -991px
}

.HD .stat_font7 {
	background-position: -956.5px -991px
}

.HD .stat_font8 {
	background-position: -963px -991px
}

.HD .stat_font9 {
	background-position: -969.5px -991px
}

.shop_item_cash {
	position: absolute;
	top: 117px;
	color: #8bc2ee
}

.shop_item_gold {
	position: absolute;
	top: 131px;
	color: #ffd273
}

#shop_player {
	position: absolute;
	left: 117px;
	top: 97px
}

#shop_my_stats {
	position: absolute;
	left: 27px;
	top: 24px
}

#shop_my_items_container {
	position: absolute;
	left: 11px;
	top: 227px;
	width: 219px;
	height: 248px
}

#shop_my_items_container .viewport {
	width: 204px;
	height: 248px;
	overflow: hidden;
	position: relative
}

#shop_my_items_container .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0
}

.DragonScroll .viewport::-webkit-scrollbar-button:vertical:increment {
	height: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKAQMAAABVIEaHAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaOBg+P8DRO5/wTD/BEN/B0M7B0MTB0QcAKO0CsWeIfXOAAAAAElFTkSuQmCC)
}

.DragonScroll .viewport::-webkit-scrollbar-button:vertical:decrement {
	height: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKAQMAAABVIEaHAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAACFJREFUCNdj+P+DoYGDoYmDoZ2Dob+DYf4Jhv0vgCIQcQChpArF4r18lgAAAABJRU5ErkJggg==)
}

.DragonScroll .viewport::-webkit-scrollbar-button:vertical:increment:hover {
	background-color: #9098b5
}

.DragonScroll .viewport::-webkit-scrollbar-button:vertical:decrement:hover {
	background-color: #9098b5
}

.DragonScroll .viewport::-webkit-scrollbar-thumb {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABAQMAAAA/57ZEAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAtJREFUCNdjsH8AAAFhASARw1fIAAAAAElFTkSuQmCC)
}

.DragonScroll .viewport::-webkit-scrollbar-thumb:hover {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABAQMAAAA/57ZEAAAABlBMVEUAAAAgMEA0sIhMAAAAAXRSTlMAQObYZgAAAAtJREFUCNdjsH8AAAFhASARw1fIAAAAAElFTkSuQmCC)
}

.DragonScroll .viewport::-webkit-scrollbar-track {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABAQMAAAA/57ZEAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAtJREFUCNdjaOAAAAELAIku6lhPAAAAAElFTkSuQmCC)
}

.DragonScroll .viewport::-webkit-scrollbar-track:hover {
	background-color: #9098b5
}

.DragonScroll .viewport::-webkit-scrollbar {
	width: 13px
}

#shop_my_items_number {
	position: absolute;
	left: 210px;
	top: 212px;
	width: 30px;
	height: 15px
}

.shop_my_item {
	position: relative;
	width: 204px;
	height: 31px;
	background-position: -204px -327px
}

.shop_my_item_cash,
.shop_my_item_gift {
	left: 159px;
	width: 36px;
	position: absolute;
	top: 2px
}

#RoomOptionsMessage,
#dialogCreateMessage,
.vortex {
	width: 200px;
	position: absolute
}

.shop_my_item.selected {
	background-position: -204px -358px
}

.HD .shop_my_item {
	background-position: -751px -815px
}

.HD .shop_my_item.selected {
	background-position: -751px -846.5px
}

.shop_my_item_cash {
	height: 27px;
	background-position: -37px -333px
}

.shop_my_item_cash.selected {
	background-position: -37px -361px
}

.HD .shop_my_item_cash {
	background-position: -915.5px -878px
}

.HD .shop_my_item_cash.selected {
	background-position: -915.5px -906.5px
}

.shop_my_item_gift {
	height: 27px;
	background-position: 0 -333px
}

.shop_my_item_gift.selected {
	background-position: 0 -361px
}

.HD .shop_my_item_gift {
	background-position: -878px -878px
}

.HD .shop_my_item_gift.selected {
	background-position: -878px -906.5px
}

.shop_my_item_icon {
	position: absolute;
	left: 15px;
	top: 4px
}

.shop_my_item_name {
	position: absolute;
	left: 36px;
	top: 4px;
	font-size: 10px;
	color: #295a9c
}

#shop_my_cash,
#shop_my_gold,
.buy_option {
	font-size: 11px;
	position: absolute;
	font-weight: bold;
}

.shop_my_item.selected .shop_my_item_name {
	color: #fff
}

.shop_my_item_equip.equipped {
	position: absolute;
	left: -1px;
	top: 7px;
	width: 10px;
	height: 17px;
	background-position: 0 -233px
}

.HD .shop_my_item_equip.equipped {
	background-position: -572.5px -52.5px
}

.shop_my_item_stat0 {
	left: 172px;
	top: 15px
}

.shop_my_item_stat1 {
	left: 142px;
	top: 15px
}

.shop_my_item_stat2 {
	left: 112px;
	top: 15px
}

.shop_my_item_stat3 {
	left: 82px;
	top: 15px
}

.shop_my_item_stat4 {
	left: 52px;
	top: 15px
}

.shop_my_item_stat5 {
	left: 22px;
	top: 15px
}

.shop_my_item_stat6 {
	left: 172px;
	top: 1px
}

.shop_my_item_stat7 {
	left: 142px;
	top: 1px
}

#shop_my_cash {
	right: 612px;
	top: 143px;
	color: #8bc2ee
}

#shop_my_gold {
	right: 612px;
	top: 157px;
	color: #ffd273
}

#shop_buy_dialog {
	position: absolute;
	left: 210px;
	top: 127px;
	width: 386px;
	height: 353px;
	background-position: 0 -389px;
	 background-color: transparent;
	border: 0;
	display: none;
	z-index: 22
}

#TOSLinks {
    text-align: left;
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 40px
}

.SetNameCat {
    color: lightgreen
}

#tournamentTreeZ {
    position: absolute;
    left: -963px;
    top: -4248px;
    transition: transform .5s ease-out
}

#tournamentTree {
    width: 2500px;
    height: 9000px;
    z-index: -1;
    display: none;
    background: radial-gradient(circle,rgba(0,0,0,0.2) 0,rgba(0,0,0,0) 20%)
}

#buttonRegister {
    position: absolute;
    left: 300px;
    transform: translateX(-50%);
    top: 270px;
    text-align: center
}

#tournament_timer_footer {
    position: absolute;
    left: 122px;
    top: 250px;
    text-align: center;
    width: 330px;
    color: #ff0;
    display: none;
    font-size: 14px;
    pointer-events: none
}

#tournamentTree.CanMove {
    cursor: move
}

.TreeNode {
    position: absolute;
    font-size: 10px;
    width: 100px;
    height: 15px;
    white-space: nowrap;
    overflow: hidden;
    z-index: 3
}

.TreeLine {
    position: absolute;
    border: beige 2px solid;
    border-radius: 5px;
    z-index: 1
}

.TreeLineWinner {
    border-color: lime;
    z-index: 2
}

.TreeLineLoser {
    border-color: gray
}

.TreeLineFight {
    border-color: red;
    z-index: 2
}

.TreeLineWaiting {
    border-color: yellow;
    z-index: 2
}

.TreeTrophy {
    position: absolute;
    left: 1130px;
    top: 4376px;
    width: 240px;
    text-align: center;
    font-size: 60px
}

.TreeGift {
    position: absolute;
    left: 1220px;
    top: 4536px;
    width: 60px;
    text-align: center;
    font-size: 44px
}

#OlympicsGiftsWindow {
    display: none;
    position: absolute;
    left: 11px;
    top: 88px;
    width: 506px;
    height: 310px;
    box-shadow: 3px 3px 10px 3px #000;
    border-radius: 5px;
    border: 2px solid darkorange;
    background: rgba(50,0,0,0.75);
    font-size: 11px;
    z-index: 9;
    padding: 10px
}

#GiftsOK {
    position: absolute;
    right: 15px;
    bottom: 15px
}

#channelScreen {
    pointer-events: none
}

#channelScreen * {
    pointer-events: auto
}

#TreeInfo {
    position: absolute;
    left: 1130px;
    bottom: 4628px;
    font-size: 10px;
    width: 240px;
    line-height: 15px;
    text-align: center;
    z-index: 2
}

.NodeGame {
    border: 1px solid red;
    background: lightpink;
    border-radius: 5px;
    text-align: center;
    line-height: 15px;
    overflow: visible;
    cursor: pointer
}

.NodePrepare {
    border: 1px solid red;
    background: lightpink;
    border-radius: 5px;
    text-align: center;
    line-height: 15px
}

.NodeUnknown {
    border: 2px dashed gray;
    background: beige;
    text-align: center;
    line-height: 13px;
    text-shadow: none;
    color: black;
    width: 96px;
    height: 13px
}

#registeredPlayersInfo {
    position: absolute;
    left: 10px;
    top: 93px;
    color: #ff8;
    font-size: 9px
}

#registeredPlayersList {
    position: absolute;
    left: 5px;
    top: 88px;
    width: 566px;
    height: 334px;
    border: #0f9afd 3px solid;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    display: none;
    grid-template-columns: repeat(auto-fit,minmax(90px,1fr));
    align-content: end;
    overflow: hidden;
    pointer-events: none
}

.PlayerInList {
    font-size: 8px;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none !important
}

.PlayerInList .rank {
    height: 9px;
    position: relative;
    top: 1px;
    pointer-events: none !important
}

#olympicsMsg {
    position: absolute;
    left: 139px;
    top: 372px;
    width: 300px;
    height: 38px;
    border: 2px solid fuchsia;
    border-radius: 10px;
    color: white;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    padding: 5px;
    display: none;
    box-shadow: 3px 3px 10px 3px #000;
    background: #7900c3;
    background: linear-gradient(130deg,#f00,#fff,#00f);
    background-size: 200% 200%;
    animation: gradientAnimation 2s infinite
}

@keyframes gradientAnimation {
    0 {
        background-position: 10% 0
    }

    50% {
        background-position: 90% 100%
    }

    100% {
        background-position: 10% 0
    }
}

.HeartLeft {
    position: absolute;
    left: 0;
    top: -16px;
    width: 100px;
    text-align: center;
    z-index: -1;
    font-size: 17px;
    line-height: 17px;
    pointer-events: none
}

.HeartRight {
    position: absolute;
    left: 0;
    top: 15px;
    width: 100px;
    text-align: center;
    z-index: -1;
    font-size: 17px;
    line-height: 17px;
    pointer-events: none
}

.hpLeft {
    position: absolute;
    left: 0;
    top: -15px;
    width: 100px;
    text-align: center;
    pointer-events: none;
    color: white
}

.hpRight {
    position: absolute;
    left: 0;
    top: 16px;
    width: 100px;
    text-align: center;
    pointer-events: none;
    color: white
}

.GLeft {
    position: absolute;
    right: 60px
}

.GRight {
    position: absolute;
    left: 43px
}

#centerMeBtn {
    position: absolute;
    left: 397px;
    top: 430px;
    line-height: 22px;
    color: #fe0;
    font-size: 15px;
    padding: 0 6px;
    border: black solid 2px;
    border-radius: 5px;
    background-color: rgba(0,40,120,0.7);
    display: none
}

#centerMeBtn:hover {
    background-color: rgba(120,120,120,0.5);
    cursor: pointer
}

#centerMeBtn:active {
    background-color: rgba(40,180,120,0.5);
    border: black solid 1px
}

#cropTreeBtn {
    position: absolute;
    left: 358px;
    top: 430px;
    color: #fe0;
    padding: 2.5px 6px 1.5px 6px;
    border: black solid 2px;
    border-radius: 5px;
    background-color: rgba(0,40,120,0.7);
    display: none
}

#cropTreeBtn:hover {
    background-color: rgba(120,120,120,0.5);
    cursor: pointer
}

#cropTreeBtn:active {
    background-color: rgba(40,180,120,0.5);
    border: black solid 1px
}

#treeZoom {
    position: absolute;
    left: 443px;
    top: 437px;
    font-size: 10px;
    color: lime;
    text-align: center;
    width: 50px
}

.AnimTrans {
    transition: transform .5s ease-out
}

.ES {
    display: none
}

.HD #shop_buy_dialog {
	background-position: -491.5px -878px
}

#shop_buy_dialog .shop_item_icon {
	left: 156px;
	top: 33px
}

#shop_buy_dialog .shop_item_name {
	left: 177px;
	top: 36px
}

#shop_buy_dialog .shop_item_image {
	left: 234px;
	top: 140px
}

#buy_cash_week {
	left: 85px;
	top: 235px;
	width: 93px;
	color: #8bc2ee
}

#buy_cash_month {
	left: 181px;
	top: 235px;
	width: 93px;
	color: #8bc2ee
}

#buy_cash_perm {
	left: 277px;
	top: 235px;
	width: 93px;
	color: #8bc2ee
}

#buy_gold_week {
	left: 85px;
	top: 265px;
	width: 93px;
	color: #ffd273
}

#buy_gold_month {
	left: 181px;
	top: 265px;
	width: 93px;
	color: #ffd273
}

#buy_gold_perm {
	left: 277px;
	top: 265px;
	width: 93px;
	color: #ffd273
}

#buy_cancel_btn {
	position: absolute;
	left: 332px;
	top: 324px;
	width: 40px;
	height: 23px;
	background-position: -112px -304px
}

.HD #buy_cancel_btn {
	background-position: -553px -94px;
	height: 26px
}

#select_bot_div {
	position: absolute;
	left: 220px;
	width: 340px;
	top: 204px;
	background: url(/static/images/bg_blue.jpg) #001839;
	opacity: .9;
	padding: 10px;
	z-index: 12;
	display: none;
	border: 2px solid #000;
	border-radius: 3px
}

.bs_line {
	height: 15px;
	padding: 5px
}

.bs_line:hover {
	background: #634910
}

.bs_rank {
	position: absolute;
	left: 10px
}

.bs_name {
	position: absolute;
	left: 40px
}

.bs_gp {
	position: absolute;
	left: 150px;
	color: #ff0
}

.bs_atk_icon,
.bs_locked {
	position: absolute;
	left: 200px
}

.bs_atk {
	position: absolute;
	left: 215px
}

.bs_def_icon {
	position: absolute;
	left: 235px
}

.bs_def {
	position: absolute;
	left: 250px
}

.bs_life_icon {
	position: absolute;
	left: 270px
}

.bs_life {
	position: absolute;
	left: 285px
}

.bs_dig_icon {
	position: absolute;
	left: 305px
}

#ConnectWithGoogle{
	position: absolute;
	width: 246px;
	height: 40px;
	cursor: pointer;
	top: 68px;
	left: 58px;
    background-image: url('/static/images/fotoGoogle.png');
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat; 
}



.bs_dig {
	position: absolute;
	left: 320px
}

#add_bot_button {
	position: absolute;
	left: 417px;
	width: 82px;
	height: 19px;
	background-position: -83px -279px
}

.HD #add_bot_button {
	background-position: -834px -776px
}

.vortex {
	background: url(/static/images/vortex.png) no-repeat;
	height: 200px
}

#RoomOptionsModeLocked,
#dialogCreateLocked,
.imgLock {
	background-position: -220px -606px
}

#vortex0,
#vortex2,
#vortex4,
#vortex6 {
	left: 5px
}

#vortex1,
#vortex3,
#vortex5,
#vortex7 {
	left: 356px
}

#dialog_graphic {
	position: absolute;
	left: 260px;
	top: 110px
}

#dialogCreateMessage {
	left: 104px;
	top: 161px;
	color: #000;
	font-size: 12px
}

#RoomOptionsModeLocked,
#dialogCreateLocked,
.imgLock {
	width: 20px;
	height: 21px
}

#dialogCreateLocked {
	position: absolute;
	left: 231px;
	top: 129px;
	display: none
}

#RoomOptionsModeLocked {
	position: absolute;
	left: 147px;
	top: 57px;
	display: none
}

#RoomOptionsMessage {
	left: 160px;
	top: 80px;
	color: #000;
	font-size: 11px
}

.event_button_text {
	position: absolute;
	bottom: 8px;
	width: 100%
}

#buttonOptions {
	position: absolute;
	left: 594px;
	top: 542px
}

#buttonOptionsRoom {
	position: absolute;
	left: 674px;
	top: 544px
}

.HD #buttonOptions,
.HD #buttonOptionsRoom {
	background-position: -571.5px 0
}

#buttonChannels {
	position: absolute;
	left: 733px;
	top: 542px;
	width: 55px;
	height: 51px;
	background-position: -112px -303px
}

.HD #buttonChannels {
	background-position: -627px 0
}

#OptionsDialog {
	position: absolute;
	left: 241px;
	top: 221px;
	width: 317px;
	height: 247px;
	background: #314a5a;
	z-index: 100;
	display: none;
	font-size: 10px;
	color: #cecece;
	border: 1px solid #000;
	box-shadow: 5px 5px 30px 10px #000, inset 0 2px 1px #7394b5;
	transform-origin: 0 0
}

.OptionsDialogTitle {
	position: absolute;
	left: 3px;
	top: 4px;
	width: 76px;
	height: 19px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAATCAMAAAANkRs7AAAAllBMVEUAAAAxMTH////GxsbOzs69vb0pQlopQlK1tbXv7++cnJyUlJRjY2OlpaVSWlhSUlJKUlIxQkopOUqMjIpzc3Otra2EhIRaWmMxQloxQlJKSkpCSko8Qko8QkIpOULn5+fe3t7W1tLGxs6YmJB7gIBra2taWlY5OTGlraVrc3NjY2taY2NKUlpCSlIpQkoxOUopOTkpKSHDpOH8AAAAAXRSTlMAQObYZgAAAT5JREFUOMutVNeOhDAMDNgh9N6Wsr1cL///c0fYSKFcdHuCebBkjz04kwgiUdbua0PWwSY8WNZTtIoWO1s7hP1pFbUtWpQC9RkrF2sZxQ4AISw/6mi5mGsdgdKX7bMZLlQyjDi3aHBLIAPwB4zW4Z92vRVhuj/dWq1HMNTSdZUcr8849u4B4iH/dvloN/w5GOBSukKsq0855lIEwLw687ExphWi5u5+NCbSo+kGic1Zx7v2+/EgoiYSsYnIJTfoJj4A0KtrO17HsDg2xNHmUYjxRNFBAgpopo7jZTyTXqijNtlURhIAgmk6HvbHfERMXMtvYiHN0osNgI6wdNo6P6zSAhIV7VdlI6BvDF0ficl6X5G5Nu4mhBnxhfvWEDK5aRGnD0H2ScgHHCV2kvobosT96w/+FuuqjZmaFyv+jR+G/Q6sEDWEjgAAAABJRU5ErkJggg==) no-repeat
}

#OptionsBG {
	position: absolute;
	top: 57px;
	left: 14px
}

.OptionTitle1 {
	color: #ffc65a
}

.GOption {
	width: 100px
}

.GOption2 {
	width: 70px
}

.RadioOff,
.RadioOn {
	width: 10px;
	height: 10px
}

#OptionsOK {
	position: absolute;
	left: 175px;
	background-position: -117px -1262px
}

.HD #OptionsOK {
	background-position: -503px -292.5px
}

#OptionsLeave {
	position: absolute;
	left: 27px;
	background-position: 0 -1262px
}

.HD #OptionsLeave {
	background-position: -503px -310px
}

.RadioOn {
	background-position: -234px -1262px
}

.HD .RadioOn {
	background-position: -699px -156px
}

.ShopSetLoad {
    position: absolute;
    font-size: 10px;
    left: 150px;
    top: 18px;
}

.RadioOff {
	background-position: -245px -1262px
}

.HD .RadioOff {
	background-position: -699px -166.5px
}

#OptionsLangEN {
	position: absolute;
	left: 95px;
	top: 117px
}

#OptionsLangES {
	position: absolute;
	left: 160px;
	top: 117px
}

#OptionsText1 {
	position: absolute;
	left: 14px;
	top: 29px
}

#OptionsDrag {
	position: absolute;
	left: 99px;
	top: 25px;
	width: 114px;
	height: 27px;
	cursor: pointer
}

#OptionsShootingModeDrag {
	position: absolute;
	left: 34px;
	top: 0
}

#OptionsText2 {
	position: absolute;
	left: 48px;
	top: 0
}

#OptionsText4,
#OptionsText5 {
	position: absolute;
	left: 0;
	top: 15px;
	color: #9df
}

#OptionsSlice {
	position: absolute;
	left: 226px;
	top: 25px;
	width: 91px;
	height: 27px;
	cursor: pointer
}

#OptionsShootingModeSlice {
	position: absolute;
	left: 9px;
	top: 0
}

#OptionsText3 {
	position: absolute;
	left: 24px;
	top: 0
}

#OptionsTextEN {
	position: absolute;
	left: 110px;
	top: 117px;
	cursor: pointer;
	color: #fff
}

#OptionsTextES {
	position: absolute;
	left: 175px;
	top: 117px;
	cursor: pointer;
	color: #fff
}

#OptionsLineTheme {
	margin: 11px 0;
	height: 15px
}

#buttonAllBuddyList1 {
	position: absolute;
	left: 582px;
	top: 275px
}

.buttonAllBuddyList1 {
	width: 73px;
	height: 30px;
	background-position: 0 -1286px
}

.buttonAllBuddyList1.BuddyList {
	background-position: 0 -1317px;
	width: 66px
}

.buttonAllBuddyList1.Guild {
	background-position: 0 -1814px;
	width: 69px
}

.HD .buttonAllBuddyList1 {
	background-position: -785px 0;
	width: 64.5px
}

.HD .buttonAllBuddyList1.BuddyList {
	background-position: -785px -30.5px;
	width: 64.5px
}

.HD .buttonAllBuddyList1.Guild {
	background-position: -785px -61px;
	width: 64.5px
}

#buttonAllBuddyList2 {
	position: absolute;
	left: 655px;
	top: 275px
}

#buttonAllBuddyList2.BuddyList,
#room_item_buddy_tab2.BuddyList {
	left: 648px
}

#buttonAllBuddyList2.room_item_buddy_tab2.Guild,
#room_item_buddy_tab2.Guild {
	left: 653px
}

#buttonAllBuddyList2.buttonAllBuddyList2.Guild {
	left: 650px
}

.HD #buttonAllBuddyList2,
.HD #buttonAllBuddyList2.BuddyList,
.HD #buttonAllBuddyList2.buttonAllBuddyList2.Guild,
.HD #buttonAllBuddyList2.room_item_buddy_tab2.Guild,
.HD #room_item_buddy_tab2,
.HD #room_item_buddy_tab2.BuddyList,
.HD #room_item_buddy_tab2.Guild {
	left: 646px
}

.buttonAllBuddyList2 {
	width: 70px;
	height: 30px;
	background-position: -73px -1286px
}

.buttonAllBuddyList2.BuddyList {
	background-position: -66px -1317px;
	width: 78px
}

.buttonAllBuddyList2.Guild {
	background-position: -68px -1814px;
	width: 76px
}

.HD .buttonAllBuddyList2,
.HD .room_item_buddy_tab2 {
	background-position: -849px 0;
	width: 82px
}

.HD .buttonAllBuddyList2.BuddyList,
.HD .room_item_buddy_tab2.BuddyList {
	background-position: -849px -30.5px;
	width: 82px
}

.HD .buttonAllBuddyList2.Guild,
.HD .room_item_buddy_tab2.Guild {
	background-position: -849px -61px;
	width: 82px
}

#buttonAllBuddyList3 {
	position: absolute;
	left: 725px;
	top: 275px
}

.HD #buttonAllBuddyList3,
.HD #room_item_buddy_tab3 {
	left: 727px
}

.buttonAllBuddyList3 {
	width: 72px;
	height: 30px;
	background-position: -143px -1286px
}

.buttonAllBuddyList3.BuddyList {
	background-position: -143px -1317px
}

.buttonAllBuddyList3.Guild {
	background-position: -143px -1814px
}

.HD .buttonAllBuddyList3,
.HD .room_item_buddy_tab3 {
	background-position: -930px 0;
	width: 70px
}

.HD .buttonAllBuddyList3.BuddyList,
.HD .room_item_buddy_tab3.BuddyList {
	background-position: -930px -30.5px;
	width: 70px
}

.HD .buttonAllBuddyList3.Guild,
.HD .room_item_buddy_tab3.Guild {
	background-position: -930px -61px;
	width: 70px
}

#room_item_buddy_tab1 {
	position: absolute;
	left: 582px;
	top: 218px
}

.room_item_buddy_tab1 {
	background-position: -234px 0;
	width: 74px;
	height: 30px
}

.room_item_buddy_tab1.BuddyList {
	background-position: -234px -31px;
	width: 66px
}

.room_item_buddy_tab1.Guild {
	background-position: -234px -62px;
	width: 72px
}

.HD .room_item_buddy_tab1 {
	background-position: -785px -91.5px;
	width: 64.5px
}

.HD .room_item_buddy_tab1.BuddyList {
	background-position: -785px -122px;
	width: 64.5px
}

.HD .room_item_buddy_tab1.Guild {
	background-position: -785px -152.5px;
	width: 64.5px
}

#room_item_buddy_tab2 {
	position: absolute;
	left: 655px;
	top: 218px
}

.room_item_buddy_tab2 {
	width: 71px;
	height: 30px;
	background-position: -307px 0
}

.room_item_buddy_tab2.BuddyList {
	background-position: -300px -31px;
	width: 78px
}

.room_item_buddy_tab2.Guild {
	background-position: -305px -62px;
	width: 73px
}

#room_item_buddy_tab3 {
	position: absolute;
	left: 725px;
	top: 218px
}

.room_item_buddy_tab3 {
	width: 72px;
	height: 30px;
	background-position: -377px 0
}

.room_item_buddy_tab3.BuddyList {
	background-position: -377px -31px
}

.room_item_buddy_tab3.Guild {
	background-position: -377px -62px
}

#playerInfoDialog {
	position: absolute;
	left: 37px;
	top: 143px;
	width: 491px;
	height: 327px;
	background-position: 0 -319px;
	display: none;
	z-index: 30
}

#guild_leave,
.GuildName,
.GuildNameTeamA,
.GuildNameTeamB,
.RedButton,
.chatSpacer,
.rank_emoji {
	display: inline-block
}

.HD #playerInfoDialog {
	background-position: 0 -904px
}

#infoLoading {
	position: absolute;
	left: 200px;
	top: 11px;
	font-size: 30px;
	font-weight: 800;
	color: orange
}

#infoAddBuddy {
	position: absolute;
	left: 229px;
	top: 285px;
	width: 22px;
	height: 25px;
	background-position: -216px -1286px
}

.HD #infoAddBuddy {
	background-position: -495.5px -72.5px
}

#infoGuildInvite {
	position: absolute;
	left: 110px;
	top: 275px;
	width: 55px;
	height: 44px;
	background-position: -193px -1476px
}

.HD #infoGuildInvite,
.HD .chatDialogGuildInvite {
	background-position: -439px -63.5px
}

#infoChat {
	position: absolute;
	left: 329px;
	width: 28px;
	background-position: -304px -215px
}

.HD #infoChat {
	background-position: -594.5px -156px
}

#infoClose {
	position: absolute;
	left: 429px;
	width: 29px;
	background-position: -334px -215px
}

.HD #infoClose,
.HD .chatDialogClose {
	background-position: -624px -156px
}

#infoProfile {
	position: absolute;
	left: 172px;
	top: 97px;
	color: inherit
}

#LoginSubmit {
	height: 34px
}

#infoName {
	position: absolute;
	left: 75px;
	top: 200px;
	width: 85px;
	height: 54px;
	overflow: hidden;
	padding-left: 1px
}

.prixGanadosContainer {
	position: absolute;
    left: 175px;
    top: 78px;
}




.prixGanadosContainer img {
    max-width: 30px; /* Ajusta según el tamaño deseado de la imagen */
    height: auto; /* Mantiene la relación de aspecto */
}

#infoRanking {
	position: absolute;
	left: 250px;
	top: 135px
}

#infoGender {
	position: absolute;
	left: 250px;
	top: 154px
}

#infoGP {
	position: absolute;
	left: 250px;
	top: 173px
}

#infoWinRate {
	position: absolute;
	left: 250px;
	top: 192px
}

#infoDamage {
	position: absolute;
	left: 400px;
	top: 173px
}

#infoWin {
	position: absolute;
	left: 250px;
	top: 211px
}

#infoLose {
	position: absolute;
	left: 250px;
	top: 230px
}

#infoGuild {
	position: absolute;
	left: 400px;
	top: 136px
}

#infoGuildJob {
	position: absolute;
	left: 400px;
	top: 155px
}

#infoRank {
	position: absolute;
	left: 45px;
	top: 200px
}

#infoImageDiv {
	position: absolute;
	left: 34px;
	top: 78px;
	width: 124px;
	height: 106px;
	box-shadow: 0 0 5px 5px #6badde;
	cursor: pointer;
	overflow: hidden
}

#infoKey1 {
	position: absolute;
	left: 176px;
	top: 135px
}

#infoKey2 {
	position: absolute;
	left: 176px;
	top: 154px
}

#infoKey3 {
	position: absolute;
	left: 176px;
	top: 173px
}

#infoKey4 {
	position: absolute;
	left: 176px;
	top: 194px;
	font-size: 10px
}

#infoKey5 {
	position: absolute;
	left: 322px;
	top: 175px;
	font-size: 9px
}

#infoKey6 {
	position: absolute;
	left: 176px;
	top: 212px
}

#infoKey11 {
	position: absolute;
	left: 322px;
	top: 212px
}

#infoKey7 {
	position: absolute;
	left: 176px;
	top: 231px
}

#infoKey8 {
	position: absolute;
	left: 322px;
	top: 136px
}

#infoKey9 {
	position: absolute;
	left: 322px;
	top: 154px
}

.ChatDialog {
	position: absolute;
	left: 212px;
	top: 138px;
	width: 375px;
	height: 324px;
	background-position: 0 -647px;
	z-index: 20
}

.HD .ChatDialog {
	background-position: 0 -579.5px
}

.chatDialogName {
	position: absolute;
	left: 50px;
	top: 10px
}

.chatDialogClose {
	position: absolute;
	left: 325px;
	top: 282px;
	width: 29px;
	height: 31px;
	background-position: -334px -215px
}

.chatDialogEsc {
	position: absolute;
	left: 325px;
	top: 314px;
	font-size: 9px;
	color: #faa
}

.chatDialogInput,
.chatDialogText {
	position: absolute;
	font-size: 13px;
	color: #acf2f6
}

.chatDialogDelete {
	position: absolute;
	left: 26px;
	top: 288px;
	width: 32px;
	height: 25px;
	background-position: -239px -1286px
}

.HD .chatDialogDelete {
	background-position: -519px -72.5px
}

.chatDialogGuildKick {
	position: absolute;
	left: 118px;
	top: 280px;
	width: 46px;
	height: 36px;
	background-position: -198px -1593px
}

.HD .chatDialogGuildKick {
	background-position: -504px -99px
}

.chatDialogGuildInvite {
	position: absolute;
	left: 115px;
	top: 276px;
	width: 55px;
	height: 44px;
	background-position: -193px -1476px
}

.chatDialogInput {
	left: 9px;
	top: 248px;
	width: 341px;
	background-color: transparent;
	border: 0;
	padding: 6px;
	height: 16px
}

.chatDialogText {
	left: 15px;
	top: 44px;
	width: 347px;
	height: 195px
}

#filter_friends,
.roomBuddy {
	background-position: -94px -355px;
	width: 64px
}

#RoomOptionsMapImage,
#RoomOptionsMapLock {
	left: 47px;
	width: 213px;
	height: 49px;
	top: 171px
}

.chatDialogText .viewport {
	width: 317px;
	height: 198px;
	overflow: hidden;
	position: relative
}

.chatDialogText .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	word-wrap: break-word;
	width: 330px
}

.chatDialogText .scrollbar {
	background-color: transparent;
	position: relative;
	float: right;
	width: 15px;
	padding-top: 11px
}

#dialog_room_options {
	position: absolute;
	left: 94px;
	top: 111px;
	width: 375px;
	height: 383px;
	background-position: 0 -972px;
	z-index: 31
}

.HD #dialog_room_options {
	background-position: -375.5px -494.5px
}

@media(max-height:590px) {
	#dialog_room_options {
		transform: scale(1.25)
	}
}

@media(max-height:500px) {
	#dialog_room_options {
		transform: scale(1.5)
	}
}

#RoomOptionsModePrev {
	position: absolute;
	left: 88px;
	top: 63px
}

#RoomOptionsModeNext {
	position: absolute;
	left: 212px;
	top: 63px
}

#RoomOptionsMode {
	position: absolute;
	left: 105px;
	top: 61.5px;
	width: 100px
}

#RoomOptionsModeIcon {
	position: absolute;
	left: 233px;
	top: 48px
}

#RoomOptionsNumPlayersPrev {
	position: absolute;
	left: 88px;
	top: 108px
}

#RoomOptionsNumPlayersNext {
	position: absolute;
	left: 212px;
	top: 108px
}

#RoomOptionsPlayers {
	position: absolute;
	left: 97px;
	top: 106px;
	width: 115px;
	color: #ff6
}

#RoomOptionsMapPrev {
	position: absolute;
	left: 88px;
	top: 153px
}

#RoomOptionsMapNext {
	position: absolute;
	left: 212px;
	top: 153px
}

#RoomOptionsMapName {
	position: absolute;
	left: 100px;
	top: 151.5px;
	color: #6f9;
	width: 110px
}

#RoomOptionsMapImage {
	position: absolute
}

#RoomOptionsMapLock {
	position: absolute;
	background: rgba(128, 128, 128, .5)
}

#RoomOptionsMapLockImg {
	position: absolute;
	left: 100px;
	top: 13px
}

#RoomOptionsMapLockBtn {
	position: absolute;
	left: 15px;
	top: 14px;
	font-size: 9px;
	padding: 0 5px
}

#RoomOptionsAvatars {
	position: absolute;
	left: 100px;
	top: 262px;
	width: 110px
}

#RoomOptionsAvatarsGP {
	position: absolute;
	left: 135px;
	top: 238px;
	color: #ff0
}

#RoomOptionsAvatarsPrev {
	position: absolute;
	left: 88px;
	top: 263px
}

#RoomOptionsAvatarsNext {
	position: absolute;
	left: 212px;
	top: 263px
}

#RoomOptionsWind {
	position: absolute;
	left: 100px;
	top: 309px;
	width: 110px
}

#RoomOptionsWindGP {
	position: absolute;
	left: 135px;
	top: 287px;
	color: #ff0
}

#RoomOptionsWindPrev {
	position: absolute;
	left: 88px;
	top: 311px
}

#RoomOptionsWindNext {
	position: absolute;
	left: 212px;
	top: 311px
}

#RoomOptionsCancel {
	position: absolute;
	left: -30px;
	bottom: -6px
}

#RoomOptionsOK {
	position: absolute;
	right: -23px;
	bottom: -6px
}

#RoomOptionsRandomTeams {
	position: absolute;
	left: 239px;
	top: 105px;
	background-color: #07f;
	padding: 2px;
	border-radius: 9px
}

#RoomOptionsRandomTeamsLock {
	position: absolute;
	left: 239px;
	top: 101px
}

#RoomOptionsRandomTeamsRank {
	position: absolute;
	left: 237px;
	top: 117px
}

#RoomOptionsTele,
#RoomOptionsTeleLock {
	position: absolute;
	left: 284px;
	top: 237px
}

#RoomOptionsTeleRank {
	position: absolute;
	left: 282px;
	top: 254px
}

#RoomOptionsS1,
#RoomOptionsS1Lock {
	position: absolute;
	left: 238px;
	top: 283px
}

#RoomOptionsS1Rank {
	position: absolute;
	left: 238px;
	top: 303px
}

#RoomOptionsDualP,
#RoomOptionsDualPLock {
	position: absolute;
	left: 284px;
	top: 287px
}

#RoomOptionsDualPRank {
	position: absolute;
	left: 282px;
	top: 304px
}

#RoomOptionsTurnTime {
	position: absolute;
	left: 250px;
	top: 135px;
	padding: 2px 10px;
	font-size: 9px
}

#RoomOptionsTurnTimeLock {
	position: absolute;
	left: 240px;
	top: 133px
}

#RoomOptionsTurnTimeRank {
	position: absolute;
	left: 238px;
	top: 151px
}

#PlayCustomMap {
	position: absolute;
	left: 269px;
	top: 171px;
	font-size: 9px;
	padding: 0 5px
}

#GetCustomMaps {
	position: absolute;
	left: 269px;
	top: 199px;
	font-size: 9px;
	padding: 0 5px
}

#RoomS1Disabled {
	position: absolute;
	left: 270px;
	top: 45px
}

#RoomRandomTeams {
	position: absolute;
	left: 235px;
	top: 110px
}

.roomBuddy {
	position: absolute;
	left: 100px;
	top: 33px;
	height: 46px
}

#filter_guild,
.roomGuildMember {
	background-position: -159px -355px;
	width: 63px;
	height: 46px
}

#LoginOR1,
#loginTitle {
	width: 347px
}

.HD .roomBuddy {
	background-position: -348px -63.5px;
	width: 44px;
	height: 41px
}

.roomGuildMember {
	position: absolute;
	left: 136px;
	top: 33px
}

.HD #filter_guild,
.HD .roomGuildMember {
	background-position: -393.5px -63.5px;
	width: 44px;
	height: 41px
}

#myPhotoDiv {
	position: absolute;
	left: 588px;
	top: 116px;
	z-index: 10;
	overflow: hidden
}

#myGFPhotoDiv.glow_button_anim,
#myPhotoDiv.glow_button_anim {
	height: 35px;
	cursor: pointer
}

#myGFPhotoDiv {
	position: absolute;
	right: 10px;
	top: 116px;
	z-index: 10;
	overflow: hidden
}

#myGFStatus {
	position: absolute;
	right: -6px;
	top: 100px;
	z-index: 11
}

#myGFName {
	position: absolute;
	right: -8px;
	top: 150px;
	z-index: 11
}

#infoGFPhotoDiv {
	position: absolute;
	right: 28px;
	top: 71px;
	width: 62px;
	height: 53px;
	overflow: hidden
}

#infoGFPhotoDiv.glow_button_anim {
	height: 53px;
	cursor: pointer
}

#infoGFStatus {
	position: absolute;
	right: 11px;
	top: 53px
}

#infoGFName {
	position: absolute;
	right: 9px;
	top: 123px
}

.roomPlayerPhoto {
	position: absolute;
	left: 155px;
	top: 16px;
	width: 62px;
	height: 53px;
	z-index: 22
}

.roomPlayerPhoto .glow_button_anim {
	height: 53px
}

.infoImageS {
	box-shadow: 0 0 3px 3px #6badde
}

#lovePanel {
	position: absolute;
	left: 360px;
	top: 100px;
	width: 200px;
	height: 350px;
	background: #bc8f8f;
	border: 3px solid #8b4513
}

.myInfoRelText {
	font-size: 8px;
	font-style: italic;
	color: #fff;
	margin-left: -20px;
	width: 100px
}

.myInfoRelText1 {
	position: absolute;
	top: -17px
}

.myInfoRelText2 {
	position: absolute;
	top: 52px
}

.heartBrokenIcon,
.relationshipIcon,
.relationshipIconE,
.relationshipIconM {
	width: 16px;
	height: 16px;
	position: relative;
	display: inline-block
}

.relationshipIcon {
	background-image: url(/static/images/heart_icon.png);
	top: 3px
}

.HD .relationshipIcon {
	background-position: -981px -1029.5px
}

.relationshipIconE {
	background: url(/static/images/red_ring_icon.png);
	top: 3px
}

.HD .relationshipIconE {
	background-position: -981px -1064.5px
}

.relationshipIconM {
	background: url(/static/images/blue_ring_icon.png);
	top: 3px
}

.HD .relationshipIconM {
	background-position: -981px -1082px
}

.heartBrokenIcon {
	background: url(/static/images/heart_broken_icon.png);
	top: 3px
}

.HD .heartBrokenIcon {
	background-position: -981px -1047px
}

#infoRelationBtn {
	position: absolute;
	right: 95px;
	top: 74px;
	padding: 0 3px;
	font-size: 8px
}

#infoRelationBonus {
	position: absolute;
	left: 382px;
	top: 33px;
	width: 100px;
	font-size: 7px;
	color: #ff0
}

#gp_team_a {
	position: absolute;
	left: 228px;
	top: 465px;
	color: #ff0
}

#gp_team_b {
	position: absolute;
	left: 291px;
	color: #ff0
}

#gp_rate {
	position: absolute;
	left: 264px;
	top: 449px;
	color: #ff0
}

.howto1 {
	font-weight: 700;
	text-decoration: underline;
	color: #f60
}

.howto2 {
	font-weight: 700;
	color: #ffeb90
}

.howto3 {
	padding: 10px;
	color: #fa1
}

.howto4 {
	padding: 5px 10px 10px;
	color: #fff0d0
}

#BrokerPlayer,
.UsernameAboveDialog {
	padding-top: 3px;
	font-size: 12px;
	position: absolute;
	height: 22px;
	text-align: center
}

#filter_all,
#filter_friends,
#filter_waiting {
	height: 46px;
	position: absolute
}

#guild_create {
	margin-left: 68px;
	width: 71px;
	height: 71px;
	background-position: -72px -1521px
}

.HD #guild_create {
	background-position: -500px 0;
	background-size: 1000px 1500px
}

#create_guild_name {
	width: 150px
}

#guild_leave {
	width: 56px;
	height: 36px;
	background-position: -245px -1593px
}

.HD #guild_leave {
	background-position: -504px -136px
}

.GuildName {
	color: #f7a539
}

.GuildNameTeamA {
	color: #f09
}

.GuildNameTeamB {
	color: #09f
}

#BrokerWindow {
	position: absolute;
	left: 82px;
	top: 104px;
	width: 636px;
	height: 388px;
	border: 2px solid #000;
	border-radius: 20px;
	color: #fff;
	z-index: 999;
	background: rgba(20, 20, 140, .6);
	background-size: cover;
	box-shadow: 5px 10px 30px 10px #000, inset 1px 2px 4px #7394b5;
	/*background-image: url(/static/images/themes/dragonball/bg_full.jpg);*/
}

#BrokerPlayer {
	left: 200px;
	top: 80px;
	width: 400px;
	border: 2px solid #000;
	border-radius: 40px 40px 0 0;
	color: #fff;
	z-index: 998;
	background: rgba(20, 20, 240, .8);
	background-size: cover;
	box-shadow: 5px 5px 30px 10px #000, inset 1px 2px 4px #7394b5
}

#channelName,
#prixPoints {
	top: 430px;
	font-size: 15px
}

.UsernameAboveDialog {
	left: -20px;
	top: -35px;
	width: 290px;
	border: 2px solid #000;
	border-radius: 40px 40px 0 0;
	color: #fff;
	z-index: -3;
	background: rgba(50, 50, 150, .7);
	background-size: cover;
	box-shadow: inset 1px 2px 4px #7394b5
}

#BrokerTitle {
	position: absolute;
	left: 0;
	top: 10px;
	width: 100%;
	color: #fff
}

#BrokerTotalPlayers {
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: #fff
}

.BrokerChannel {
    position: absolute;
    width: 190px;
    height: 70px;
    background: url(/static/images/servers.png?3) 0 -72px no-repeat;
}

#BrokerChannel0 {
	display: none !important;
	left: 16px;
	top: 40px
}

#BrokerChannel1 {
	display: none !important;
	left: 223px;
	top: 40px
}

#BrokerChannel2 {
	left: 430px;
	top: 40px;
	display: none !important;
}

#BrokerChannel3 {
	left: 16px;
    top: 40px;
}

#BrokerChannel4 {
	left: 223px;
	top: 40px
}

#BrokerChannel5 {
	background-image: url(/static/images/server1.webp) !important;
	background-repeat: no-repeat;
	background-size: cover;
	left: 430px;
	top: 40px
}

#BrokerChannel6 {
	display: none !important;
	left: 16px;
	top: 214px
}

#BrokerChannel7 {
	left: 119px;
	top: 127px;
}

#BrokerChannel8 {
	/*
    background-repeat: no-repeat;
    background-image: url(/static/images/torneo.png);
    background-size: cover;
    */
	left: 327px;
	top: 127px;
}

#BrokerChannel9 {
	left: 16px;
	top: 301px
}

#BrokerChannel10 {
	left: 223px;
	top: 301px
}

#BrokerChannel11 {
	left: 430px;
	top: 301px
}

#BrokerChannel12 {
	left: 16px;
	top: 388px
}

#BrokerChannel13 {
	left: 223px;
	top: 388px
}

#BrokerChannel14 {
	left: 430px;
	top: 388px
}

.BrokerChannel.BrokerChannelFull {
	color: #9cf
}

.BrokerChannel.BrokerChannelFull .BrokerChannelFullIcon {
	position: absolute;
	top: 38px;
	left: 11px;
	width: 42px;
	height: 20px;
	background-position: -177px -606px
}

.BrokerChannelName {
	position: absolute;
	left: 5px;
	top: 8px;
	color: #fff;
	font-size: 14px
}

.BrokerNumPlayers2 {
	position: absolute;
	left: 110px;
	top: 31px;
	height: 7px;
	background: #0f0;
	width: 0
}

.BrokerMaxPlayers2 {
	position: absolute;
	left: 109px;
	top: 30px;
	height: 7px;
	background: #00f;
	border: 1px solid #000;
	width: 74px
}

.BrokerRanks {
	left: 60px;
	top: 43px;
	font-size: 22px
}

.BrokerDesc {
	left: 10px;
	top: 48px;
	font-size: 12px;
	width: 178px
}

#BrokerRefresh {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 34px;
	height: 20px;
	background-position: -302px -1593px
}

.HD #BrokerRefresh {
	background-position: -552.5px -72.5px
}

#filter_all {
	left: 20px;
	top: 28px;
	background-position: 0 -355px;
	width: 46px
}

#filter_waiting {
	left: 70px;
	top: 28px;
	background-position: -47px -355px;
	width: 46px
}

#filter_normal {
	position: absolute;
	left: 137px;
	top: 78px
}

#filter_boss {
	position: absolute;
	left: 187px;
	top: 78px
}

#filter_same {
	position: absolute;
	left: 237px;
	top: 78px
}

#filter_score {
	position: absolute;
	left: 287px;
	top: 78px
}

#filter_friends {
	left: 20px;
	top: 78px
}

#filter_guild {
	position: absolute;
	left: 70px;
	top: 78px
}

.HD #filter_all {
	background-position: 0 -63.5px;
	width: 45.5px;
	height: 45px
}

.HD #filter_waiting {
	background-position: -47.5px -63.5px;
	width: 46px;
	height: 45px
}

.HD #filter_friends {
	background-position: -348.5px -63.5px;
	width: 43px;
	height: 41px
}

#roomsPage {
	position: absolute;
	left: 536px;
	top: 270px;
	min-width: 40px
}

.iconMode3.selectedFilter {
	filter: hue-rotate(165deg) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

.iconMode5.selectedFilter {
	filter: hue-rotate(165deg) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

.HD .iconMode3.selectedFilter,
.selectedFilter {
	filter: drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

.HD .iconMode5.selectedFilter,
.selectedFilter {
	filter: drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

.selectedFilter.light_button:hover {
	filter: brightness(1.3) drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

#dialogCharge {
	position: absolute;
	left: 200px;
	top: 100px;
	width: 400px;
	height: 350px;
	border: 4px solid #000;
	border-radius: 40px;
	padding: 20px;
	display: none;
	background: url(/static/images/bg_cash.jpg) #dde
}

#dialogChargeClose {
	position: absolute;
	right: 10px;
	top: 10px
}

.buttonClose {
	background-position: -197px -478px;
	width: 39px;
	height: 39px;
	border-radius: 20px
}

.TBG,
.TBGnBorder {
	background: rgba(0, 0, 0, .5)!important
}

.HD .buttonClose {
	background-position: -738px 0
}

#channelName {
	position: absolute;
	left: 18px;
	color: #fff;
	padding: 5px
}

#prixPoints {
	position: absolute;
	right: 243px;
	height: 22px;
	line-height: 22px;
	color: #fe0;
	padding: 0 0 0 6px;
	border: 2px solid #000;
	border-radius: 5px;
	background-color: rgba(0, 40, 120, .7);
	display: none
}

#resetPrixPoints {
	height: 22px;
	padding: 0 6px
}

.TBGnBorder {
	border: 2px solid #000!important;
	border-radius: 5px;
	box-shadow: 0 0 4px #f80
}

.TBGW {
	background: rgba(150, 150, 150, .5)
}

#roomInfoBG {
	position: absolute;
	left: 2px;
	top: 2px;
	width: 572px;
	height: 109px;
	background: rgba(100, 100, 100, .5);
	border-radius: 18px
}

#roomItemsBG {
	position: absolute;
	left: 582px;
	top: 247px;
	width: 215px;
	height: 283px
}

#roomInfo1 {
	position: absolute;
	right: 410px;
	top: 27px;
	color: #f4b
}

#roomInfo2 {
	position: absolute;
	right: 410px;
	top: 41px;
	color: #09f
}

#roomInfo3 {
	position: absolute;
	right: 410px;
	top: 55px;
	color: #ff0
}

#roomInfo4 {
	position: absolute;
	right: 410px;
	top: 69px;
	color: #9f0
}

#roomInfo5 {
	position: absolute;
	left: 613px;
	top: 294px;
	font-size: 18px
}

#roomInfo6 {
	position: absolute;
	left: 583px;
	top: 354px;
	font-size: 18px;
	width: 213px
}

#shopTitle {
	position: absolute;
	left: 460px;
	text-shadow: red -20px 0 40px, red 0 20px 40px, red 20px 0 40px, red 0 -20px 40px, red -1px 0 1px, red 0 1px 1px, red 1px 0 1px, red 0 -1px 1px;
	font-size: 24px;
	font-weight: 800;
	color: #fff
}

#shopMyBox {
	position: absolute;
	left: 4px;
	top: 6px;
	width: 210px;
	height: 171px;
	background: rgba(140, 140, 140, .5);
	border-radius: 10px
}

#shopInvTitle {
	position: absolute;
	left: 75px;
	top: 185px
}

#shopInvBox {
	position: absolute;
	left: 4px;
	top: 204px;
	width: 229px;
	height: 318px
}



#chargeWindow {
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -400px;
	z-index: 1500;
	width: 820px;
	height: 897px;
	display: none;
	background: rgba(0, 50, 100, .95);
	border: 4px solid #000;
	border-radius: 20px 20px 0 0;
	font-size: 12px;
	transform-origin: center top;
	transition: width .2s ease-in-out;
	transform: scale(0.9);
}

@media(max-width:900px) {
	#chargeWindow {
		transform: scale(.9)
	}
}

@media(max-width:799px) {
	#chargeWindow {
		transform: scale(.8)
	}
}

@media(max-width:720px) {
	#chargeWindow {
		transform: scale(.7)
	}
}

@media(max-width:620px) {
	#chargeWindow {
		transform: scale(.6)
	}
}

@media(max-width:535px) {
	#chargeWindow {
		transform: scale(.5)
	}
}

@media(max-width:445px) {
	#chargeWindow {
		transform: scale(.4)
	}
}

@media(max-width:1150px) {
	#chargeWindow.large {
		transform: scale(.9)
	}
}

@media(max-width:1030px) {
	#chargeWindow.large {
		transform: scale(.8)
	}
}

@media(max-width:920px) {
	#chargeWindow.large {
		transform: scale(.7)
	}
}

@media(max-width:800px) {
	#chargeWindow.large {
		transform: scale(.6)
	}
}

@media(max-width:680px) {
	#chargeWindow.large {
		transform: scale(.5)
	}
}

@media(max-width:570px) {
	#chargeWindow.large {
		transform: scale(.4)
	}
}

#chargeWindow.large {
	width: 1100px;
	margin-left: -550px
}

#charge_pin_btn {
	background: url(/static/images/payment_options.png?7) 0 -175px no-repeat;
	top: 10px;
	left: 490px
}

#buypin_btn {
	top: 10px;
	left: 170px;
	background: url(/static/images/payment_options.png?7) 0 -105px no-repeat
}

#charge_bitcoin_btn {
	top: 10px;
	left: 330px;
	background: url(/static/images/payment_options.png?7) no-repeat
}

#charge_dbz_btn {
	top: 10px;
	left: 10px;
	background: url(/static/images/payment_options.png?7) 0 -455px no-repeat
}

#moneda_dbz_btn {
	top: 50px;
	left: 10px;
	width: 155px;
	height: 35px;
	background-color: #E3E4E5;
	border-radius: 10px;
	display: flex;
  	justify-content: center; /* Centra horizontalmente */
  	align-items: center; /* Centra verticalmente */
	color: #15FA15;
	font-size: 17px;
	font-weight: 700;
	font-family: 'Comic Sans MS', 'Comic Sans', cursive;
	text-shadow: -2px 0 4px black, 0 2px 4px black, 2px 0 4px black, 0 -2px 4px black, 0 -1px 4px black, 1px 0 4px black;
}

#moneda_dbz_btn:hover {

	background-color: white;
	border-radius: 10px;
}




#moneda_dbz_btn2 {
	top: 50px;
	left: 170px;
	width: 155px;
	height: 35px;
	background-color: #E3E4E5;
	border-radius: 10px;
	display: flex;
  	justify-content: center; /* Centra horizontalmente */
  	align-items: center; /* Centra verticalmente */
	color: #15FA15;
	font-size: 17px;
	font-weight: 700;
	font-family: 'Comic Sans MS', 'Comic Sans', cursive;
	text-shadow: -2px 0 4px black, 0 2px 4px black, 2px 0 4px black, 0 -2px 4px black, 0 -1px 4px black, 1px 0 4px black;
}

#moneda_dbz_btn2:hover {

	background-color: white;
	border-radius: 10px;
}





#moneda_dbz_btn3 {
	top: 10px;
	left: 330px;
	width: 155px;
	height: 35px;
	background-color: #E3E4E5;
	border-radius: 10px;
	display: flex;
  	justify-content: center; /* Centra horizontalmente */
  	align-items: center; /* Centra verticalmente */
	color: #15FA15;
	font-size: 17px;
	font-weight: 700;
	font-family: 'Comic Sans MS', 'Comic Sans', cursive;
	text-shadow: -2px 0 4px black, 0 2px 4px black, 2px 0 4px black, 0 -2px 4px black, 0 -1px 4px black, 1px 0 4px black;
}

#moneda_dbz_btn3:hover {

	background-color: white;
	border-radius: 10px;
}











#paymentwall_btn {
	top: 55px;
	left: 10px;
	background: url(/static/images/payment_options.png?7) 0 -70px no-repeat
}

#reseller1_btn {
	top: 10px;
	left: 170px;
	background: url(/static/images/payment_options.png?7) 0 -420px no-repeat
}

#reseller2_btn {
	top: 10px;
	left: 330px;
	background: url(/static/images/payment_options.png?7) 0 -385px no-repeat
}

#charge_myinfo_btn {
	top: 55px;
	left: 490px;
	background: url(/static/images/payment_options.png?7) 0 -140px no-repeat
}

#new_charge {
	left: 144px;
	top: -11px;
	display: block;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-ms-transfcharge_pin_btnorm: rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg)
}

.ChargeFrame {
	width: 100%;
	height: 807px
}

#ChargeWelcomeMsg {
	font-size: 30px;
	margin: 180px auto 0
}

.seller_button {
	position: absolute;
	width: 153px;
	height: 34px
}

#chargeWindowPayment {
	margin-top: 92px
}

#ShareWindowClose,
#chargeWindowClose {
	position: absolute;
	right: -15px;
	top: -15px
}

#new_img {
	position: absolute;
	top: -2px;
	width: 90px;
	height: 51px;
	background-position: -252px -1715px
}

#NameChangeLittle {
	font-size: 8px
}

#Face8ookLike {
	position: absolute;
	left: 246px;
	top: 434px
}

.fb_iframe_widget iframe {
	bottom: 0!important
}

.fb_edge_widget_with_comment span.fb_send_button_form_widget {
	top: -240px!important
}

.fb_iframe_widget_lift {
	z-index: 20!important
}

#Tweeter {
	position: absolute;
	left: 382px;
	top: 428px
}

#GooglePlus {
	position: absolute;
	left: 489px;
	top: 428px
}

.rank_emoji {
	transform: scale(.8);
	height: 12px;
	margin-left: -2px;
	margin-right: -2px
}

.wordBreak {
	word-break: break-all
}

.chatSpacer {
	width: 2px
}

#updater {
	right: 4px;
	top: 4px;
	background-color: #fec;
	z-index: 12000;
	padding: 3px;
	box-shadow: 0 0 3px 3px red;
	font-size: 11px;
	display: none
}

#cashBonus1,
#cashBonus2 {
	top: 20px;
	font-size: 12px
}

.ContactTitle {
	color: #ffffe0;
	font-size: 18px;
	border-bottom: 1px solid #aaa
}

.ContactName {
	color: #ff0;
	font-size: 16px
}

.ContactLang,
.TermsArea {
	font-size: 11px;
	color: #fff
}

.ContactLang {
	font-weight: 400;
	font-style: italic
}

#freecashWindow td,
.ContactFB a {
	padding: 5px
}

.TermsArea {
	background-color: transparent;
	width: 100%;
	height: 80%;
	border: 0
}

.refresh_button_friends {
	border: 1px solid #25729a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: arial, helvetica, sans-serif;
	padding: 10px;
	font-weight: 700;
	color: #fff;
	background-color: #3093c7;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3093c7), color-stop(100%, #1c5a85));
	background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
	background-image: linear-gradient(top, #3093c7, #1c5a85);
	font-size: 15px;
	width: 138px
}

.refresh_button_friends:hover {
	border: 1px solid #1c5675;
	background-color: #26759e;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #26759e), color-stop(100%, #133d5b));
	background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
	background-image: -moz-linear-gradient(top, #26759e, #133d5b);
	background-image: -ms-linear-gradient(top, #26759e, #133d5b);
	background-image: -o-linear-gradient(top, #26759e, #133d5b);
	background-image: linear-gradient(top, #26759e, #133d5b)
}

.refresh_button_friends:active {
	border: 1px solid #1c5675;
	background-color: #26759e;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #133d5b), color-stop(100%, #26759e));
	background-image: -webkit-linear-gradient(top, #133d5b, #26759e);
	background-image: -moz-linear-gradient(top, #133d5b, #26759e);
	background-image: -ms-linear-gradient(top, #133d5b, #26759e);
	background-image: -o-linear-gradient(top, #133d5b, #26759e);
	background-image: linear-gradient(top, #133d5b, #26759e)
}

.RedButton {
	border: 1px solid #72021c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 6px;
	color: #fff;
	background-color: #a90329;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a90329), color-stop(100%, #6d0019));
	background-image: -webkit-linear-gradient(top, #a90329, #6d0019);
	background-image: -moz-linear-gradient(top, #a90329, #6d0019);
	background-image: -ms-linear-gradient(top, #a90329, #6d0019);
	background-image: -o-linear-gradient(top, #a90329, #6d0019);
	background-image: linear-gradient(top, #a90329, #6d0019);
	font-size: 14px;
	vertical-align: top
}

.BonusMsg,
.EventGameMsg1,
.EventGameMsg2,
.EventGameMsg3 {
	top: 240px;
	font-size: 60px;
	opacity: 0;
	position: absolute;
	left: 0;
	font-weight: 700;
	text-align: center;
	width: 800px
}

.RedButton:active,
.RedButton:hover {
	border: 1px solid #450111;
	background-color: #77021d
}

.gumbao-chat-line audio,
.ui-button,
.ui-spinner,
.ui-spinner-input {
	vertical-align: middle
}

.RedButton:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #77021d), color-stop(100%, #3a000d));
	background-image: -webkit-linear-gradient(top, #77021d, #3a000d);
	background-image: -moz-linear-gradient(top, #77021d, #3a000d);
	background-image: -ms-linear-gradient(top, #77021d, #3a000d);
	background-image: -o-linear-gradient(top, #77021d, #3a000d);
	background-image: linear-gradient(top, #77021d, #3a000d)
}

.RedButton:active {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3a000d), color-stop(100%, #77021d));
	background-image: -webkit-linear-gradient(top, #3a000d, #77021d);
	background-image: -moz-linear-gradient(top, #3a000d, #77021d);
	background-image: -ms-linear-gradient(top, #3a000d, #77021d);
	background-image: -o-linear-gradient(top, #3a000d, #77021d);
	background-image: linear-gradient(top, #3a000d, #77021d)
}

@keyframes move {
	from {
		bottom: 100px
	}
	to {
		bottom: 70px;
		transform: scale(1.2)
	}
}

@-moz-keyframes move {
	from {
		bottom: 100px
	}
	to {
		bottom: 70px;
		-moz-transform: scale(1.2)
	}
}

@-webkit-keyframes move {
	from {
		bottom: 100px
	}
	to {
		bottom: 70px;
		-webkit-transform: scale(1.2)
	}
}

@keyframes text_anim {
	100%,
	from {
		opacity: 0;
		transform: translate(-50px, 0) scale(.1) rotate(-40deg)
	}
	5%,
	95% {
		opacity: .85;
		transform: translate(0, 0) scale(1) rotate(0)
	}
}

@-moz-keyframes text_anim {
	100%,
	from {
		opacity: 0;
		-moz-transform: translate(-50px, 0) scale(.1) rotate(-40deg)
	}
	5%,
	95% {
		opacity: .85;
		-moz-transform: translate(0, 0) scale(1) rotate(0)
	}
}

@-webkit-keyframes text_anim {
	100%,
	from {
		opacity: 0;
		-webkit-transform: translate(-50px, 0) scale(.1) rotate(-40deg)
	}
	5%,
	95% {
		opacity: .85;
		-webkit-transform: translate(0, 0) scale(1) rotate(0)
	}
}

@keyframes event_anim {
	100%,
	from {
		opacity: 0;
		transform: translate(-50px, 0) scale(.1) rotate(40deg)
	}
	25%,
	75% {
		opacity: .85;
		transform: translate(0, 0) scale(1) rotate(0)
	}
}

@-moz-keyframes event_anim {
	100%,
	from {
		opacity: 0;
		-moz-transform: translate(-50px, 0) scale(.1) rotate(40deg)
	}
	25%,
	75% {
		opacity: .85;
		-moz-transform: translate(0, 0) scale(1) rotate(0)
	}
}

@-webkit-keyframes event_anim {
	100%,
	from {
		opacity: 0;
		-webkit-transform: translate(-50px, 0) scale(.1) rotate(40deg)
	}
	25%,
	75% {
		opacity: .85;
		-webkit-transform: translate(0, 0) scale(1) rotate(0)
	}
}

@keyframes bonus_msg_anim {
	from {
		opacity: 0;
		transform: translate(-50px, 0) scale(.1) rotate(40deg)
	}
	25%,
	75% {
		opacity: .85;
		transform: translate(0, 0) scale(1) rotate(0)
	}
	100% {
		opacity: 0;
		transform: translate(0, 0) scale(1) rotate(0)
	}
}

@-moz-keyframes bonus_msg_anim {
	from {
		opacity: 0;
		-moz-transform: translate(-50px, 0) scale(.1) rotate(40deg)
	}
	25%,
	75% {
		opacity: .85;
		-moz-transform: translate(0, 0) scale(1) rotate(0)
	}
	100% {
		opacity: 0;
		-moz-transform: translate(0, 0) scale(1) rotate(0)
	}
}

@-webkit-keyframes bonus_msg_anim {
	from {
		opacity: 0;
		-webkit-transform: translate(-50px, 0) scale(.1) rotate(40deg)
	}
	25%,
	75% {
		opacity: .85;
		-webkit-transform: translate(0, 0) scale(1) rotate(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 0) scale(1) rotate(0)
	}
}

.text_anim {
	animation: 7s linear text_anim;
	-moz-animation: 7s linear text_anim;
	-webkit-animation: 7s linear text_anim
}

#no_win_bonus {
	position: absolute;
	left: 587px;
	top: 72px;
	background-color: #222;
	color: #fe6001;
	width: 200px;
	padding: 3px;
	display: none
}

#UltimatePayBuyButton {
	width: 356px;
	height: 95px;
	background: url(/static/images/UltimatePay2.png);
	margin: 50px 200px;
	transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out
}

#UltimatePayBuyButton:hover {
	box-shadow: 0 0 50px #00f;
	-webkit-box-shadow: 0 0 50px #00f;
	-moz-box-shadow: 0 0 50px #00f;
	transform: scale(1.1) rotate(-5deg);
	-webkit-transform: scale(1.1) rotate(-5deg);
	-moz-transform: scale(1.1) rotate(-5deg);
	-o-transform: scale(1.1) rotate(-5deg);
	cursor: pointer
}

.EventGameMsg1 {
	color: #f48;
	animation: 10s linear event_anim;
	text-shadow: #000 -20px 0 40px, #000 0 20px 40px, #000 20px 0 40px, #000 0 -20px 40px, #000 -1px 0 1px, #000 0 1px 1px, #000 1px 0 1px, #000 0 -1px 1px
}

.EventGameMsg2,
.EventGameMsg3 {
	animation: 2s linear event_anim
}

.EventGameMsg2 {
	color: #cf4;
	text-shadow: #000 -10px 0 20px, #000 0 10px 20px, #000 10px 0 20px, #000 0 -10px 20px, #000 -1px 0 1px, #000 0 1px 1px, #000 1px 0 1px, #000 0 -1px 1px
}

.BonusMsg,
.EventGameMsg3 {
	text-shadow: #000 -20px 0 40px, #000 0 20px 40px, #000 20px 0 40px, #000 0 -20px 40px, #000 -1px 0 1px, #000 0 1px 1px, #000 1px 0 1px, #000 0 -1px 1px
}

.EventGameMsg3 {
	color: #f3f
}

.BonusMsg {
	animation: 2s linear bonus_msg_anim
}

#cashBonus1 {
	position: absolute;
	left: 190px;
	font-weight: 700;
	color: #ff0;
	animation: 1s linear infinite alternate move;
	-moz-animation: 1s linear infinite alternate move;
	-webkit-animation: 1s linear infinite alternate move
}

#cashBonus2 {
	position: absolute;
	left: 350px;
	font-weight: 700;
	color: #ff0;
	animation: 1s linear infinite alternate move;
	-moz-animation: 1s linear infinite alternate move;
	-webkit-animation: 1s linear infinite alternate move
}

#DragonThemeDialog {
	display: none;
	font-size: 11px;
	z-index: 2222
}

#DragonThemeDialog .DragonWindowBody {
	padding: 10px
}

#DragonThemeDialog .DragonWindowBody2 {
	padding: 10px
}

#DragonThemeDialog input {
	width: 389px
}

#OptionsTheme {
	font-size: 10px
}

#themeFull {
	width: 462px;
	height: 100px
}

.animRotate {
	animation: 20s infinite animRotate;
	-webkit-animation: 20s infinite animRotate
}

@keyframes animRotate {
	100%,
	from {
		transform: rotate(0) scale(1.3)
	}
	10% {
		transform: rotate(0) scale(1)
	}
	20%,
	90% {
		transform: rotate(-15deg)
	}
	30%,
	80% {
		transform: rotate(15deg)
	}
	40% {
		transform: rotate(-370deg)
	}
	50% {
		transform: rotate(-350deg)
	}
	60% {
		transform: rotate(-365deg)
	}
	70% {
		transform: rotate(-355deg)
	}
}

@-webkit-keyframes animRotate {
	100%,
	from {
		-webkit-transform: rotate(0) scale(1.3)
	}
	10% {
		-webkit-transform: rotate(0) scale(1)
	}
	20%,
	90% {
		-webkit-transform: rotate(-15deg)
	}
	30%,
	80% {
		-webkit-transform: rotate(15deg)
	}
	40% {
		-webkit-transform: rotate(-370deg)
	}
	50% {
		-webkit-transform: rotate(-350deg)
	}
	60% {
		-webkit-transform: rotate(-365deg)
	}
	70% {
		-webkit-transform: rotate(-355deg)
	}
}

#muteBtn {
	position: absolute;
	right: 11px;
	top: 3px;
	background-image: url(/static/images/mute-button.png?2);
	width: 50px;
	height: 50px
}

#shareTimer {
	position: absolute;
	left: 50%;
	top: 88px;
	margin-left: -45px;
	background-image: url(/static/images/fb-share-button.png);
	width: 90px;
	height: 23px
}

.popButton {
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out
}

.popButton:hover {
	transform: scale(1.5);
	-webkit-transform: scale(1.5)
}

.alertify,
.alertify-log,
.alertify-show,
.anim_ease {
	-webkit-transition: .5s cubic-bezier(.175, .885, .32, 1.275);
	-moz-transition: .5s cubic-bezier(.175, .885, .32, 1.275);
	-ms-transition: .5s cubic-bezier(.175, .885, .32, 1.275);
	-o-transition: .5s cubic-bezier(.175, .885, .32, 1.275);
	transition: .5s cubic-bezier(.175, .885, .32, 1.275)
}

.alertify-hide {
	-webkit-transition: 250ms cubic-bezier(.6, -.28, .735, .045);
	-moz-transition: 250ms cubic-bezier(.6, -.28, .735, .045);
	-ms-transition: 250ms cubic-bezier(.6, -.28, .735, .045);
	-o-transition: 250ms cubic-bezier(.6, -.28, .735, .045);
	transition: 250ms cubic-bezier(.6, -.28, .735, .045)
}

.alertify-cover {
	position: fixed;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.alertify {
	position: fixed;
	z-index: 99999;
	top: 50px;
	left: 50%;
	width: 550px;
	margin-left: -275px;
	opacity: 1
}

.alertify-hidden {
	-webkit-transform: translate(0, -300px);
	-moz-transform: translate(0, -300px);
	-ms-transform: translate(0, -300px);
	-o-transform: translate(0, -300px);
	transform: translate(0, -300px);
	opacity: 0;
	display: none
}

.alertify-logs {
	position: fixed;
	z-index: 5000;
	bottom: 10px;
	right: 10px;
	width: 300px
}

.alertify-log {
	display: block;
	margin-top: 10px;
	position: relative;
	right: -300px;
	opacity: 0
}

.alertify-log-show {
	right: 0;
	opacity: 1
}

.alertify-log-hide {
	-webkit-transition: .5s cubic-bezier(.6, -.28, .735, .045);
	-moz-transition: .5s cubic-bezier(.6, -.28, .735, .045);
	-ms-transition: .5s cubic-bezier(.6, -.28, .735, .045);
	-o-transition: .5s cubic-bezier(.6, -.28, .735, .045);
	transition: .5s cubic-bezier(.6, -.28, .735, .045);
	-webkit-transform: translate(300px, 0);
	-moz-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	-o-transform: translate(300px, 0);
	transform: translate(300px, 0);
	opacity: 0
}

.alertify-dialog {
	padding: 25px
}

.alertify-resetFocus,
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.alertify-text {
	margin-bottom: 15px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%
}

.alertify-button,
.alertify-button:active,
.alertify-button:hover,
.alertify-button:visited {
	text-decoration: none;
	border: 0;
	line-height: 1.5;
	font-size: 100%;
	display: inline-block;
	cursor: pointer;
	margin-left: 5px
}

@media only screen and (max-width:680px) {
	.alertify,
	.alertify-logs {
		width: 90%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	.alertify {
		left: 5%;
		margin: 0
	}
}

.alertify {
	background: padding-box #fff;
	border: 10px solid rgba(0, 0, 0, .7);
	border-radius: 8px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
	-webkit-background-clip: padding;
	-moz-background-clip: padding
}

.alertify-text {
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 4px
}

.alertify-button {
	border-radius: 4px;
	color: #fff;
	font-weight: 700;
	padding: 6px 15px;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .5);
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
	background-image: linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0))
}

.alertify-button:focus,
.alertify-button:hover {
	outline: 0;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	background-image: linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0))
}

.alertify-button:focus {
	box-shadow: 0 0 15px #2b72d5
}

.alertify-button:active {
	position: relative;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.alertify-button-cancel,
.alertify-button-cancel:focus,
.alertify-button-cancel:hover {
	background-color: #fe1a00;
	border: 1px solid #d83526
}

.alertify-button-ok,
.alertify-button-ok:focus,
.alertify-button-ok:hover {
	background-color: #5cb811;
	border: 1px solid #3b7808
}

.alertify-log {
	background: rgba(0, 0, 0, .9);
	padding: 15px;
	border-radius: 4px;
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, .5)
}

.alertify-log-error {
	background: rgba(254, 26, 0, .9)
}

.alertify-log-success {
	background: rgba(92, 184, 17, .9)
}

.alertify-message {
	color: #000
}

.StartGame,
.yellowBtn:link,
.yellowBtn:visited {
	color: #333
}

.grayscale {
	filter: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImRlc2F0dXJhdGUiPjxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiLz48L2ZpbHRlcj48L3N2Zz4%3D#desaturate);
	filter: gray;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.StartGame {
    position: absolute;
    box-shadow: inset -2px -1px 5px -2px #fff6af;
    background-color: #ffec64;
    background: linear-gradient(to bottom,#ffec64 0,#ffab23 100%);
    border-radius: 24px;
    border: 2px solid #fa2;
    color: #333;
    font-family: Trebuchet MS,sans-serif;
    font-size: 24px;
    font-weight: bold;
    padding: 2px 20px;
    text-decoration: none;
    text-shadow: 2px 1px 0 #fe6
}

.StartGame:hover {
    background-color: #ffab23;
    background: linear-gradient(to bottom,#ffab23 0,#ffec64 100%)
}

@keyframes spiner {
	from {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

@-moz-keyframes spiner {
	from {
		-moz-transform: rotate(0)
	}
	100% {
		-moz-transform: rotate(360deg)
	}
}

@-webkit-keyframes spiner {
	from {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

#hourglass {
	background-image: url(/static/images/hourglass.png);
	width: 133px;
	height: 200px;
	margin: 20px auto;
	animation: 1s linear infinite spiner;
	-moz-animation: 1s linear infinite spiner;
	-webkit-animation: 1s linear infinite spiner
}

.Spin75 {
	animation: .75s linear infinite spiner;
	-moz-animation: .75s linear infinite spiner;
	-webkit-animation: .75s linear infinite spiner
}

#rankingOffset {
	width: 39px
}

#tournament_waiting {
	position: absolute;
	left: 100px;
	top: -400px;
	width: 400px;
	height: 312px;
	background-color: #ffd;
	text-align: center;
	z-index: 20;
	border: 5px solid #630;
	color: #000;
	display: none
}


#tournament_info2 {
	padding: 5px;
	color: #ff6;
	font-size: 9px;
	background: rgba(0, 0, 0, .4);
	border-radius: 10px;
	position: absolute;
	display: none
}

#tournament_info {
    position: absolute;
    top: 0;
    padding: 3px;
    color: #ff6;
    display: none;
    font-size: 9px;
    background: rgba(0,0,0,0.2);
    border-radius: 10px;
    width: 368px;
    text-align: center
}


#tournament_info2 {
	left: 7px;
	bottom: 143px
}

#tournament_timer_header {
	position: absolute;
	left: 140px !important;
	top: 150px;
	text-align: center;
	width: 330px;
	color: #ff0;
	display: none;
	font-size: 18px
}

#tournament_timer {
	position: absolute;
	left: 140px !important;
	top: 175px;
	text-align: center;
	width: 330px;
	color: #ff0;
	display: none;
	font-size: 42px;
	animation:  scaleout_anim 2000ms ease-in-out infinite alternate;
}

#tournament_timer.InPrix {
	top: 137px;
	color: #0f0;
	animation: .5s ease-in-out infinite alternate scaleout_anim
}

@keyframes scaleout_anim {
	from {
		transform: scale(1)
	}
	to {
		transform: scale(1.1)
	}
}

.cancelwait {
	-moz-box-shadow: inset 0 1px 0 0 #f5978e;
	-webkit-box-shadow: inset 0 1px 0 0 #f5978e;
	box-shadow: inset 0 1px 0 0 #f5978e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #f24537), color-stop(1, #c62d1f));
	background: -moz-linear-gradient(center top, #f24537 5%, #c62d1f 100%);
	background-color: #f24537;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #d02718;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: 700;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 1px 1px 0 #810e05
}

.ShareGameBtn,
.blueBtn {
	text-shadow: 0 -1px 1px rgba(0, 0, 0, .25)
}

.cancelwait:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #c62d1f), color-stop(1, #f24537));
	background: -moz-linear-gradient(center top, #c62d1f 5%, #f24537 100%);
	background-color: #c62d1f
}

.cancelwait:active {
	position: relative;
	top: 1px
}

#CancelWaiting {
	position: absolute;
	left: 155px;
	top: 299px
}

#CancelWaiting2 {
	position: absolute;
	left: 120px;
	top: 316px
}

#display_name {
	width: 130px
}

#team_search {
	position: absolute;
	left: 343px;
	top: 133px;
	display: none
}

.FastLobbyServer {
	background-position: 0 -142px!important
}

#EventoLetrasWindow {
  display:none;
  position: absolute;
  width: 100%;          
  height: 100%;         
  max-width: 800px; 
  max-height: 600px;
  z-index: 2000;
}

#EventoLetrasClose {
  position:absolute; right:8px; top:8px; width:24px; height:24px; cursor:pointer; z-index: 2002;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
}

#EventoLetrasBody{
	position:absolute; left:0; top:0; width:100%; height:100%; z-index:2001;
}


.LoveLobbyServer {
	position: absolute;
    width: 190px;
    height: 70px;
    background-repeat: no-repeat;
	background-image: url("/static/images/navidad2025.webp");
	background-size: cover;
	/*background-position: 0 -285px !important*/
}

.PrixServer {
	background-position: 0 -213px!important
}

.HalloweenServer {
	background-position: 0 -355px!important
}

.XmasServer {
	background-position: 0 -426px!important
}

.EasterServer {
	background-position: 0 -497px!important
}

.BirthdayServer {
    background-repeat: no-repeat;
    background-size: cover;
	background-image: url("/static/images/server0.webp");
}

.MedicServer {
	background-position: 0 -639px!important
}

.NewYearServer {
	position: absolute;
    width: 190px;
    height: 70px;
    background-repeat: no-repeat;
	background-image: url("/static/images/torneo.png");
}

.SummerServer {
	position: absolute;
    width: 190px;
    height: 70px;
	background-repeat: no-repeat;
    background-image: url(/static/images/prix.webp);
    background-size: cover;
	
}

.emo {
	width: 10px;
	height: 10px;
	transform: scale(1.2)
}

#roomMobileSelect {
	position: absolute;
	left: 25px;
	top: 40px;
	width: 515px;
	height: 450px;
	background: rgba(0, 30, 50, .75);
	z-index: 99;
	display: none;
	border-radius: 15px;
	padding:5px;
}


.GlowTextButtonAnim {
    -webkit-transition: text-shadow .15s ease-in-out;
    -moz-transition: text-shadow .15s ease-in-out;
    transition: text-shadow .15s ease-in-out;
    cursor: pointer
}

.GlowTextButtonAnim:hover {
    text-shadow: 0 0 10px #ff0, 0 0 10px #ff0, 0 0 10px #ff0
}

.GlowTextButtonAnim:active {
    text-shadow: 0 0 10px #9f9, 0 0 10px #9f9
}

#shop_security_lock {
    position: absolute;
    right: 586px;
    top: 145px;
    font-size: 20px
}

#ShowSC {
    font-size: 13px;
    padding: 0 4px
}

.SecurityLock.Unlocked {
    opacity: .2
}

.SecurityLock.Unset {
    opacity: .1
}









#roomMobileSelectCancel {
	position: absolute;
	bottom: -3px;
	right: -39px;
	cursor: pointer;

}

.mobileSelectBtn {
	position: relative;
	width: 70px;
	height: 70px;
	background: rgba(0, 70, 30, .75);
	border: 3px solid #0f9;
	border-radius: 15px;
	float: left;
	margin: 12px
}

#GameOverMyGP,
#GameOverMyGPGot,
#GameOverMyGPNext,
#GameOverMyGold,
#GameOverMyGoldGot,
#LoginLang,
#LoginMute,
#LoginOR1,
#LoginPart,
#LoginSap,
#LoginWindow,
#RegisterPart,
#buttonSendGift,
#buy_panel2,
#buy_panel3,
#buy_ui,
#changePassLink,
#changePassword,
#loginTitle,
#registerTitle,
#shop_my_items_stats,
#slidersection1,
#slidersection2,
.shot_item_note_text,
.tooltip,
.ui-slider-handle,
.ui-slider-range,
.volume {
	position: absolute
}

.mobileSelectBtn:hover {
	background: rgba(70, 70, 0, .75)
}

.mobileSelectBtn:active {
	background: rgba(40, 120, 0, .75)
}

.mobileName {
	left: -15px;
	top: 73px;
	width: 100px;
	text-align: center;
	font-size: 16px;
	color: #ff0
}

#shopFilterMyAvatar {
	left: 15px;
	top: 479px;
	font-size: 11px;
	width: 131px;
	border: 1px solid #000;
	padding: 2px;
	height: 13px
}

#shopSearchBtn {
	color: #000;
	left: 155px;
	top: 479px;
	width: 20px;
	height: 20px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAABZVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADMzMzKyspMTEyNjY2WlpYrKytUVFQFBQXIyMjl5eW+vr4HBwe6urqzs7NmZmYcHBwXFxfCwsKjo6NycnI9PT0TExPExMQ4ODi9vb2mpqaampp9fX1CQkIyMjLa2trFxcW/v7+pqamhoaGKioqAgIB6enptbW1dXV0pKSklJSUMDAzb29u2traxsbGtra3Vpp2dnZ2Tk5OHh4d1dXVjY2NHR0coKCgiIiJ0HQwKAgDh4eHX19fQ0NDNxcPciXl5eXlsZ2ZxXltJSUnmYUhISEjoVDjeTzQwMDDJMBOUIw6SIw1/HgxXFQg9DgUlCQO7UniPAAAAJ3RSTlMAdwX84KyDXuX4vIwPxH0Y8+vWmZVJRywLzq9xbjElCvKxompQRjlh6j2+AAACFElEQVQ4y42TV3faQBBGBaKDuwG3OD3fLijqAtFDB9Nxr7HTe09+f0QERwGDj++L5uFqzszODMPY3U6ff5u5gbUNGCyFblDmcXX5/Tc8C7MVD358fPPlD/yzFRbfDsnr92AfzlSW8fPzIaUx3LszS9nC1a/Ld1TMYc42BXfA6HmFBdAkeQFTcYQNJ7TqQzxBzyLTiMNnvo0DDTKdHXjNglYRIWKBSyY4jjO+nJznuH2N41QShcNUgshkxR7KSUB4lgG4NBBLQcgTHqumElhCgXSuKc/FbJwNMiZOdMiRXsrrerzW1fWjiK6ninrMKMUTGCpu4w96HXIGJzNkYVGok2pClGWZ1mRZTMhytpqgtAc3M2IObRLNJRWlL8cVpVBSlPYpTw8Er7UBNpSpmh4vt0FSmLNGFWaVPdoeU4oqzcFmKfZlNElW1DSN7mlaVdW0WpaqfW/YUgIOvCV0ghaW7ZayOZgk/3SMrgCn/f8kRbIjYBLWctxGElKPTtCIKdi07qBEyRRSWB+lecwKn/jibmW3xZvUK5VXHZ4vwXPXNMz1jEiSqMCEk6QTGJiK6bjQj0pSC4sul8uBriq9yGHdiG1WT/O4OJZexrBoHwwsokpqejRlq6fM6cHx+b893ED5ZL/Zm7zQBQ/i5zkB80b8iMXXDxfwTh5faAkG99cGsZ8F4N1iJtn2+5zuYXHBB76VJ8yt+QuSIH6C2k1b7QAAAABJRU5ErkJggg==) 0 0/20px 20px no-repeat
}

.shopNeedLevel {
	left: 20px;
	bottom: 10px
}
.hhh{
  position: absolute;
  top: 0;
  left: 0;
  color: transparent; /* opcional si no quieres que se vea */
  z-index: -1;	
}

#SortBtnPop {
	left: 12px;
	top: 503px
}

#SortBtnTime {
	left: 33px;
	top: 503px
}

#SortBtnAtk {
	left: 55px;
	top: 503px
}

#SortBtnDef {
	left: 77px;
	top: 503px
}

#SortBtnLife {
	left: 99px;
	top: 503px
}

#SortBtnItem {
	left: 121px;
	top: 503px
}

#SortBtnDig {
	left: 143px;
	top: 503px
}

#SortBtnShld {
	left: 165px;
	top: 503px
}

#FilterBtnHead {
	left: 11px;
	top: 211px
}

#FilterBtnBody {
	left: 34px;
	top: 210px
}

#FilterBtnEyes {
	left: 60px;
	top: 211px
}

#FilterBtnFlag {
	left: 85px;
	top: 210px
}

#FilterBtnBG {
	left: 105px;
	top: 211px
}

#FilterBtnFG {
	left: 130px;
	top: 211px
}

#FilterBtnEX {
	left: 155px;
	top: 207px
}

#FilterBtnAll {
	left: 185px;
	top: 210px;
	width: 20px;
	height: 14px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOBAMAAADd6iHDAAAAKlBMVEUAAAAAAAD////e3t7GxsbWpUr/xkrGxs6cnJze3uf/xkLn3t7OxsrepUplJs/zAAAAAXRSTlMAQObYZgAAAHNJREFUCNdjYGAQBAIBBhBgVJLoEHYEM4WUFBuVjwiABZWUhJTFC8GCRkpKymDVQspOSkqKQiWCQP0mQkAVSsYuAkC22LJAJSXN6SBDxNIuAlVvgTADgUywqBSIqW1yEGSyoFhoaCDEbsaloYFABhhAnAMAv0kURDrmDiQAAAAASUVORK5CYII=)
}

.HD #FilterBtnAll {
	background-position: -976px -988px
}

.FilterActive,
.SortActive {
	box-shadow: inset 0 0 4px 0 rgba(255, 255, 0, .7), 0 0 2px 2px rgba(255, 255, 0, .7)
}

#howtoplay {
	display: none;
	left: 185px;
	top: 100px;
	width: 431px;
	height: 329px;
	background: url(/static/images/howtoplay.png) no-repeat rgba(200, 155, 155, .85);
	border-radius: 40px;
	border: 3px solid #000
}

#howtoplayClose {
	right: -10px;
	top: -10px
}

.tipsy-ne .tipsy-arrow,
.tipsy-se .tipsy-arrow {
	right: 10px
}

#FullScreenButton {
	width: 32px;
	height: 32px;
	top: 10px;
	right: 10px;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAB3RJTUUH3QkVFCMsn/1wowAAAAlwSFlzAAAIMAAACDABDKU4JQAAAARnQU1BAACxjwv8YQUAAAFzSURBVHja7VXLSgNBEOz1AzQmq/kVRYJ68BLxLmJEgh5yjJ8k+BkeDIhGY4yIvyEGFYWslL2zWXcevTMRr9Ztt7tqZmq6ewguErRIAI7w5SbTrPQyCXLo++SBK2ELdCgAnPgF+qh46TUMQx7cYLGUHmMUNhEYoCrSl/BQdgsJOrz5AkPUHPoyHrWMK2YkuYByHhVeucAIsUGv48mgL/C/VipBxb2jahjU0+gRO2PR1X+WIL1s2OP8lC9YMXawgXebnkm4RqUnHWPV8WALHzZdvqo627kmRpq4CNKzE/8+8g8LfzSRa76PhhjZQS9cBbEqpFesO5FtfIrzQh9h3A3304J9w6aR1VR1mM0LTQIHhAn2ph9mP57rZ8elFrnNRw4O02YCS+zyxzyupY772dudLYF21s5QEm1jDaFlLIkButl8lkZaScdZEqUz0dOwkgTNTpcl5qyM02jsE4ie6czWNOF5GVV28GnzP67H4cfVIyHRgW9V3Erh8bjrfQAAAABJRU5ErkJggg==);
	opacity: .5;
	z-index: 1400;
	display: none
}

#roomButtonInvite {
	left: 238px;
	top: 160px;
	width: 76px;
	text-align: center;
	background: #30f;
	border: 3px solid #fff;
	padding: 3px;
	border-radius: 5px;
	font-size: 15px
}

#GameShare {
	left: 325px;
	top: 541px;
	width: 150px;
	text-align: center;
	background: #30f;
	border: 3px solid #fff;
	padding: 7px;
	border-radius: 5px
}

#ReplayRestartBtn2 {
	left: 316px;
	top: 423px;
	font-size: 26px;
	padding: 13px;
	border-radius: 20px;
	display: none
}

#ShareWindow {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 400px;
	height: 128px;
	background: #1e5799;
	background: linear-gradient(to bottom, #1e5799 0, #2989d8 50%, #207cca 51%, #7db9e8 100%);
	border: 4px solid #fff;
	border-radius: 20px;
	z-index: 99;
	display: none;
	box-shadow: 4px 4px 10px 3px #000
}

.GPEventIndicator {
    position: absolute;
    left: 14px;
    top: 29px;
    background: linear-gradient(135deg,#ffd700,#ffa500);
    color: #000;
    padding: 1px 6px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 11px;
    z-index: 1;
    text-shadow: 0 0 2px rgba(255,255,255,0.5);
    border: 2px black dashed
}

.GPEventIndicator300 {
    background-image: url(/static/images/300GP.webp);
    background-size: contain;
    position: absolute;
    left: 9px;
    top: 26px;
    width: 83px;
    height: 25px;
}

.GPEventIndicator200 {
    background-image: url(/static/images/200GP.webp);
    background-size: contain;
    position: absolute;
    left: 3px;
    top: 25px;
    width: 90px;
    height: 28px
}
#ShareToTwitter {
	background-position: -33px 0
}

#ShareToEmail {
	background-position: -99px 0
}

.ShareButton {
	width: 32px;
	height: 32px;
	margin: 29px;
	background: url(/static/images/share.png) no-repeat
}

#ShareURL {
	border-color: #b9b9b9;
	color: #666;
	padding: 2px;
	margin: 22px 0 0 20px
}

#CopyToClipboardText {
	color: #000;
	margin: 0 20px 20px;
	font-size: 12px
}

.ShareGameBtn {
	cursor: pointer;
	background-color: #019ad2;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(#33bcef, #019ad2);
	background-image: linear-gradient(#33bcef, #019ad2);
	border-radius: 5px;
	padding: 0 5px;
	border: 1px solid #66f;
	height: 13px
}

#Dragon2D,
#Dragon2D canvas,
.tipsy-inner {
	background-color: #000
}

.ShareGameBtn:hover,
.slider:hover {
	filter: brightness(1.15)
}

.ShareGameBtn:active {
	opacity: .75
}

.CopyBtn {
	font-size: 7px;
	margin-right: 2px
}

.tipsy {
	font-size: 14px;
	padding: 5px;
	z-index: 100000
}

.tipsy-inner {
	color: #fff;
	max-width: 200px;
	padding: 5px 8px 4px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

.tipsy-arrow {
	width: 0;
	height: 0;
	line-height: 0;
	border: 5px dashed #000
}

.tipsy-n .tipsy-arrow,
.tipsy-ne .tipsy-arrow,
.tipsy-nw .tipsy-arrow {
	border-left-color: transparent;
	border-right-color: transparent
}

.tipsy-arrow-n {
	border-bottom-color: #000
}

.tipsy-arrow-s {
	border-top-color: #000
}

.tipsy-n .tipsy-arrow,
.tipsy-ne .tipsy-arrow,
.tipsy-nw .tipsy-arrow {
	top: 0;
	border-bottom-style: solid;
	border-top: 0
}

.tipsy-arrow-e {
	border-left-color: #000
}

.tipsy-arrow-w {
	border-right-color: #000
}

.tipsy-n .tipsy-arrow,
.tipsy-s .tipsy-arrow {
	left: 50%;
	margin-left: -5px
}

.tipsy-nw .tipsy-arrow,
.tipsy-sw .tipsy-arrow {
	left: 10px
}

.tipsy-s .tipsy-arrow,
.tipsy-se .tipsy-arrow,
.tipsy-sw .tipsy-arrow {
	border-top-style: solid;
	border-bottom: 0;
	border-left-color: transparent;
	border-right-color: transparent;
	bottom: 0
}

.tipsy-e .tipsy-arrow,
.tipsy-w .tipsy-arrow {
	margin-top: -5px;
	border-top-color: transparent;
	border-bottom-color: transparent;
	top: 50%
}

.tipsy-e .tipsy-arrow {
	right: 0;
	border-left-style: solid;
	border-right: 0
}

.tipsy-w .tipsy-arrow {
	left: 0;
	border-right-style: solid;
	border-left: 0
}

.shake_anim {
	-webkit-animation: 120ms linear 3 shake;
	-moz-animation: 120ms linear 3 shake;
	-o-animation: 120ms linear 3 shake;
	-ms-animation: shake 120ms linear 3;
	animation: 120ms linear 3 shake
}

@-webkit-keyframes shake {
	from {
		margin-top: 0
	}
	100%,
	25% {
		margin-top: -2px
	}
	50% {
		margin-top: 2px
	}
}

@-moz-keyframes shake {
	from {
		margin-top: 0
	}
	100%,
	25% {
		margin-top: -2px
	}
	50% {
		margin-top: 2px
	}
}

@-o-keyframes shake {
	from {
		margin-top: 0
	}
	100%,
	25% {
		margin-top: -2px
	}
	50% {
		margin-top: 2px
	}
}

@-ms-keyframes shake {
	from {
		margin-top: 0
	}
	100%,
	25% {
		margin-top: -2px
	}
	50% {
		margin-top: 2px
	}
}

@keyframes shake {
	from {
		margin-top: 0
	}
	100%,
	25% {
		margin-top: -2px
	}
	50% {
		margin-top: 2px
	}
}

.AlertBig {
	background-color: #3a92c8!important;
	background: -webkit-radial-gradient(circle, #94d2f8, #3a92c8)!important;
	background: -moz-radial-gradient(circle, #94d2f8, #3a92c8)!important;
	background: -ms-radial-gradient(circle, #94d2f8, #3a92c8)!important;
	left: 100px!important;
	top: 150px!important;
	width: 600px!important;
	height: 300px!important
}

#BrokerFacepile,
.ui-slider-vertical .ui-slider-range-min,
.ui-spinner-down {
	bottom: 0
}

.shop_item_note {
	left: 105px;
	top: 16px;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NSIgaGVpZ2h0PSI1MCI+PHRpdGxlPkxheWVyIDE8L3RpdGxlPjx0aXRsZT5MYXllciAxPC90aXRsZT48cGF0aCBzdHJva2U9IiMwMDAwMDAiIGZpbGw9IiNmZmZmMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0ibTcyLjcgMzEuOGwtOC4zIDAuNCAtMi4yIDEwLjIgLTcuMy0yLjUgLTEwLjYgNy44IC00LTQuNiAtMTcuNCA1LjUgMi4zLTcuOCAtMTUuNy0yLjggNC45LTQuMiAtMTAuOC03LjggNy44LTEuOSAtMi40LTEwLjIgOC4xIDEuMSA2LjctOS40IDUuOSAzLjcgMTMuNy01LjYgMS44IDUuMSAxNi40LTAuMSAtMi44IDQuOSAxMy44IDUuNSAtNi42IDMuMiA2LjkgOS40IDAgMCAwIDAgMCAwIDAgMCAwMHoiLz48L3N2Zz4=);
	width: 75px;
	height: 50px;
	z-index: 12
}

.shot_item_note_text {
	top: 20px;
	color: red;
	font-weight: 700;
	text-align: center;
	width: 100%;
	font-size: 13px;
	font-family: arial, helvetica, sans-serif
}

.shot_item_note_text2 {
	top: 13px
}

.buy_btn {
	border: 2px solid #000;
	padding: 4px;
	background: #eee;
	width: 73px!important;
	margin-left: 5px;
	margin-top: -7px
}

#buy_panel1 {
	right: 13px;
	top: 294px;
	width: 249px;
	height: 17px;
	color: #fff;
	font-size: 16px
}

#buy_panel2,
#buy_panel3 {
	left: 8px;
	width: 143px;
	height: 17px;
	color: #fff;
	font-size: 12px
}

#buy_panel2 {
	top: 116px;
	text-align: center
}

#buy_panel3 {
	top: 30px;
	text-align: center
}

.glow_button {
    cursor: pointer;
}

#buy_option1,
#buy_option2,
#buy_option3 {
	position: absolute;
	top: 203px;
	width: 84px;
	height: 19px;
	font-size: 15px;
	text-align: center
}

#buttonSendGift {
	left: 40px;
	top: 47px;
	width: 81px;
	height: 64px
}

#buttonSendGift:hover {
	background-position: -82px 0;
	width: 84px;
	cursor: pointer
}

.RankingVideoBtn.FB {
    filter: hue-rotate(220deg) brightness(1.5);
}

.HD #buttonSendGift {
	background-position: -801.5px -1232.5px
}

.HD #buttonSendGift:hover {
	background-position: -884px -1232.5px
}

#buy_option1 {
	left: 90px;
	color: #fede71
}

#buy_option2 {
	left: 186px;
	color: #5ff
}

#buy_option3 {
	left: 282px;
	color: #64f567
}
#turn_list_title{
    color: white;
    font-size: 11px;
    padding-bottom: 2px;
    display: flex;
}

#turn_number {
    flex: 1;
    text-align: center;
    color: #b4ffb4;
    font-size: 10px;
    line-height: 11px;
}

#turn_number.sd {
    color: indianred;
}

#turn_delay_type {
    margin: 0;
}

.Rule {
    display: inline-block;
    background-color: #495d7b;
    padding: 2px 5px;
    margin: 2px;
    border-radius: 5px;
    border: 1px solid black;
}

#shopSetBonusActive {
    display: none;
    position: absolute;
    left: 192px;
    top: 12px;
    width: 20px;
    height: 14px;
    z-index: 12
}

.ShopSetBtn {
    position: absolute;
    left: 12px;
    top: 23px;
    width: 20px;
    height: 14px;
    cursor: pointer
}

.ShopSetBtn.row2 {
    left: 12px;
    top: 38px
}

.SetBonusPopup {
    color: pink;
    font-size: 10px;
    background: black;
    padding: 2px;
    border-radius: 3px;
    position: absolute;
    white-space: nowrap;
    top: -1px;
    left: 18px;
    display: none
}

.ShopSetBtn:hover .SetBonusPopup {
    display: block
}

.AvatarsIcon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOBAMAAADd6iHDAAAAKlBMVEUAAAAAAAD////e3t7GxsbWpUr/xkrGxs6cnJze3uf/xkLn3t7OxsrepUplJs/zAAAAAXRSTlMAQObYZgAAAHNJREFUCNdjYGAQBAIBBhBgVJLoEHYEM4WUFBuVjwiABZWUhJTFC8GCRkpKymDVQspOSkqKQiWCQP0mQkAVSsYuAkC22LJAJSXN6SBDxNIuAlVvgTADgUywqBSIqW1yEGSyoFhoaCDEbsaloYFABhhAnAMAv0kURDrmDiQAAAAASUVORK5CYII=)
}

.HD .AvatarsIcon {
	/*
    background-position: -976px -988px;
    */
}

.hasSetBonus {
    filter: hue-rotate(225deg) drop-shadow(0 0 5px rgba(255, 0, 255, 1))
}


#buy_ui,
#shop_my_items_stats {
	font-size: 10px
}

#buy_ui {
	bottom: 2px;
	left: 2px;
	color: #fff
}

#slidersection1 {
	left: 68px;
	top: 3px;
	width: 160px
}

#slidersection2 {
	left: 68px;
	top: 27px;
	width: 160px
}

.RankingVideoBtn {
    height: 15px;
    vertical-align: bottom;
    cursor: pointer;
}



.shopSetBack {
    width: 20px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}

#shopSetName {
    position: absolute;
    top: 7px;
    left: 260px;
    display: none;
    font-size: 12px;
    white-space: nowrap;
}

.stat_icon_set_bonus {
    position: initial;
    display: inline-block;
    vertical-align: text-top
}

.setBonusTitle {
    background-color: #b3b;
    border: 2px solid #fcf;
    border-radius: 5px;
    padding: 2px 9px;
    color: #fe7;
}

.tooltip {
	z-index: 5;
	display: block;
	top: -25px;
	width: 35px;
	height: 20px;
	color: #fff;
	text-align: center;
	font: 10pt Tahoma, Arial, sans-serif;
	border-radius: 3px;
	border: 1px solid #333;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: -moz-linear-gradient(top, rgba(69, 72, 77, .5) 0, rgba(0, 0, 0, .5) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(69, 72, 77, .5)), color-stop(100%, rgba(0, 0, 0, .5)));
	background: -webkit-linear-gradient(top, rgba(69, 72, 77, .5) 0, rgba(0, 0, 0, .5) 100%);
	background: -o-linear-gradient(top, rgba(69, 72, 77, .5) 0, rgba(0, 0, 0, .5) 100%);
	background: -ms-linear-gradient(top, rgba(69, 72, 77, .5) 0, rgba(0, 0, 0, .5) 100%);
	background: linear-gradient(top, rgba(69, 72, 77, .5) 0, rgba(0, 0, 0, .5) 100%)
}

.blueBtn,
.fieldInfo,
.registerButton,
.volume,
.yellowBtn {
	display: inline-block
}

#LoginFBStatus,
#LoginOR1,
.fieldInfo {
	font-style: italic
}

.ui-slider-handle,
.volume {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAACWCAMAAAAc0dNcAAABDlBMVEUAAAAAAAAlAAAAAAD/AAARERH/AAD/////AAD/AAAAAAAAAAAAAAAYGBiampoAAAAAAAAAAAAAAAD////////T09SBgYEvLzB9fX3w7/A0NDT///88Li4AAADY2Nj///8yMjKysrL/AACFhYWnp6fp6en/AADY2Nj/AACoqKjX19f/29v/EBDbysr/Ghrm5ubq6uv/AAB3eHhubW5iYmL4+Ph0c3RlZWVoaGju7u/S09Tx8vJOTk4/PT309PXg4eKGhoZubm7Pz9HX2Nnc3N7CwsVZWFmJiYmAgICBgIHHyMr7+/w0NDVaWlo0NDQ2NjdcXFxcXV16envbFxfpERG5ur11V1iCZGSdbW2Vfn7y8478AAAAL3RSTlMADQMSCwcXmcriO2FqerEjcUsvYwfkoZ/niOEXKFakNmDDB6S8/m/kj7nno9mp/nq5RXUAAAJaSURBVEjH7JJbC4IwFIBHmNZzQVe6PUTQBTbF+aBgL6bQVUXr//+RNiQanZ3HHgq/px0+xnT7yBdYYNOqZSjCbC9fS6NNFWWKqaEOBlgrY7OnCFWNhwEQlcr8CIrj+RLkNCvgjhO3vTKnFAjCGYvTuzAm+cBmh/Ch3RNdb4U4p4TnWNZ6RzPX03/0Zrt39D9qjAZ95HJIt/Neo3eNvg/+pjUAWaIeWaKWWeBHRAJK9B3uQCNLdFNWGVhiGO+hkSUewkQaWCK3k1RjLMHcZR7RMp2IEvXIEhFEiTUIv1yij5booSVytESrLvGveLJLh0YAAkEQBCX5nFhOvLn8kwKDbIOiih8/rt9LXJTYlDiUGEocSixKbEo8tsSP9khclHhS4lBiKDGUGEosSgwlFiUWJbYk3tdPu+oigxWHQSAMY8WLmtgEkltOLZTdi3PxMA4oRL0k577/q6xt7LYs7H+cj/8TZ4Rc9FkvUvyZn2TXT9bB1Hfy9AnYMFOA7CPtNA/swzR87Q5jWjMG566DeKsu++7IriVTQHTzr5B1GIIL4EskBAjUsVelJ8CKcgGyENzet5JQk40R0EEhi67mpsQh05BqMrhinSNCRH3o+JnWI7bFnflBNNSp9yn6CPAgqBtRU1p9yhH8FqEy+Fa8LaC3TwC+PFvUtzUI00FO0YL1ZUvZAnZGHP/hywVjJXEtZVszXRbelsCMuhJYm7b7/e7hqkyVtdKoZyLIW7XBrMdaaRF8VF1/g2DrfdTIj1caMlKdH1HSNPASMm5GKeVoOGuqNxOMc87Ee/5vfgAzqIxU77cT4QAAAABJRU5ErkJggg==)!important;
	background-repeat: no-repeat
}

.volume {
	width: 25px;
	height: 25px;
	right: -5px;
	top: -7px;
	background-position: 0 -75px
}

.ui-slider-handle {
	z-index: 2;
	width: 25px!important;
	height: 25px!important;
	cursor: pointer;
	background-color: transparent!important;
	background-position: 0 -125px!important;
	font-weight: 700;
	color: #1c94c4;
	outline: 0;
	top: -7px!important;
	margin-left: -12px!important;
	border: none!important
}

.ui-slider-range {
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #eaeaea));
	background: -webkit-linear-gradient(top, #fff 0, #eaeaea 100%);
	background: -o-linear-gradient(top, #fff 0, #eaeaea 100%);
	background: -ms-linear-gradient(top, #fff 0, #eaeaea 100%);
	background: linear-gradient(top, #fff 0, #eaeaea 100%);
	border: 0;
	top: 0;
	height: 100%;
	border-radius: 25px
}

.blueBtn,
.blueBtn:active,
.blueBtn:hover,
.yellowBtn,
.yellowBtn:hover {
	background-repeat: repeat-x
}

#shop_my_items_stats {
	left: 15px;
	top: 482px
}

#changePassLink {
	left: 10px;
	top: 74px;
	border: 1px solid gray;
	padding: 6px 10px;
	font-size: 7px;
	line-height: 5px;
	font-family: Emoji, Arial, sans-serif;
	font-weight: 400
}

#loginTitle,
#registerTitle {
	top: 14px;
	font-size: 24px;
	color: #fff;
	text-align: center
}


#changePassword {
	left: 20px;
	top: 143px;
	opacity: .3;
	width: 300px
}

#LoginWindow {
    width: 700px;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    border-radius: 20px;
    box-shadow: #000 10px 10px 50px 10px;
    z-index: 199;
    background-image: -ms-linear-gradient(top left,#03ffff 0,#05008f 100%);
    background-image: -moz-linear-gradient(top left,#03ffff 0,#05008f 100%);
    background-image: -o-linear-gradient(top left,#03ffff 0,#05008f 100%);
    background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0,#03ffff),color-stop(1,#05008f));
    background-image: -webkit-linear-gradient(top left,#03ffff 0,#05008f 100%);
    background-image: linear-gradient(to bottom right,#03ffff 0,#05008f 100%);
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif
}

#LoginLang,
#LoginMute {
	left: -3px;
	border: 3px solid #000;
	cursor: pointer
}

#LoginWindow.InFacebookCanvas {
	width: 350px!important;
	height: 200px!important;
	margin-left: -184px!important
}

#LoginMute {
	top: 47px;
	background-color: #ff0
}

#LoginLang {
	top: 93px;
	width: 25px;
	height: 21px;
	background-color: #00f;
	text-align: center;
	color: #fff;
	padding-top: 4px
}

#registerTitle {
	width: 348px;
	left: 352px;
}

#LoginPart {
	left: 30px;
	top: 158px
}

.inputField {
	font-size: 18px;
	padding: 4px 10px;
	border-color: #bdc7d8;
	border-radius: 5px;
	margin: 5px
}

.blueBtn,
.yellowBtn {
	padding: 5px 10px;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	font-family: Arial, sans-serif;
	cursor: pointer
}

#LoginUsername {
	width: 250px
}

#LoginPass {
	width: 175px
}

#name,
#password {
	width: 270px
}

.blueBtn {
	border: 1px solid #057ed0;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	background-color: #019ad2;
	background-image: -webkit-linear-gradient(#33bcef, #019ad2);
	background-image: linear-gradient(#33bcef, #019ad2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	color: #fff!important
}

.blueBtn:hover {
	background-color: #0271bf;
	background-image: -webkit-linear-gradient(#2daddc, #0271bf);
	background-image: linear-gradient(#2daddc, #0271bf);
	border-color: #096eb3
}

.blueBtn:active {
	background-color: #2daddc;
	background-image: -webkit-linear-gradient(#0271bf, #2daddc);
	background-image: linear-gradient(#0271bf, #2daddc);
	border-color: #096eb3
}

.yellowBtn {
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
	border-radius: 4px;
	background-color: #fd9a0f;
	background-image: -webkit-linear-gradient(top, #fee94f, #fd9a0f);
	background-image: linear-gradient(top, #fee94f, #fd9a0f);
	border-color: #fa2;
	text-decoration: none;
	color: #333
}

.yellowBtn:hover {
	background-color: #fd9512;
	background-image: -webkit-linear-gradient(top, #fedc4d, #d80);
	background-image: linear-gradient(top, #fedc4d, #d80);
	border-color: #ec8b11
}

.remember {
	font-size: 11px;
	color: #cc5;
	margin-left: 2px
}

.resetPass a {
	font-size: 14px;
	color: #0cf;
	padding-left: 8px
}

#WindowBG {
    position: absolute;
    left: -4000px;
    width: 10000px;
    top: -4000px;
    height: 10000px;
    background: rgba(0, 0, 0, 0.25);
    z-index: 14;
    display: none
}


#LoginWindowBG {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	z-index: 99
}

#LoginOR1 {
	left: 0;
	top: 122px;
	font-size: 18px;
	text-align: center
}

/*
#LoginSap {
	left: 347px;
	width: 5px;
	height: 300px;
	background: #000
}
*/
#RegisterPart {
	left: 374px;
	top: 47px;
}

.RegisterSelect {
	border: 1px solid #bdc7d8;
	font-size: 13px;
	height: 30px;
	padding: 5px
}

.formLine {
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 18px
}

.fieldInfo {
	font-size: 11px;
	width: 165px
}

.ui-helper-zfix,
.ui-widget-overlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.registerButton {
    text-align: center;
    border-color: #3b6e22 #3b6e22 #2c5115;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 1px;
    position: relative;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);
    font-family: 'Freight Sans Bold','lucida grande',tahoma,verdana,arial,sans-serif!important;
    font-weight: 400!important;
    text-rendering: optimizelegibility;
    font-size: 19px;
    line-height: 126%;
    padding: 7px 25px;
    background: -webkit-gradient(linear,center top,center bottom,from(#67ae55),to(#578843));
    background: -webkit-linear-gradient(top,#67ae55,#578843);
    background-color: #69a74e;
    box-shadow: inset 0 1px 1px #a4e388
}


.registerButton:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#79bc64), to(#578843));
	background: -webkit-linear-gradient(top, #79bc64, #578843)
}

.behindDialog {
	-webkit-filter: grayscale(50%);
	-moz-filter: grayscale(50%);
	-ms-filter: grayscale(50%);
	filter: grayscale(50%)
}

.errorlist {
	color: red;
	text-align: left
}

#GameOverMyGPGot {
	right: 0;
	width: 800px;
	text-align: center;
	top: 170px;
	font-size: 30px;
	color: #fff
}

#GameOverMyGP {
	right: 0;
	width: 800px;
	text-align: center;
	top: 200px;
	font-size: 70px;
	color: #fff
}

#GameOverMyGPNext,
#GameOverMyGoldGot {
	font-size: 30px;
	right: 0;
	width: 800px;
	text-align: center
}

#GameOverMyGPNext {
	top: 270px;
	color: #f3c
}

#GameOverMyGoldGot {
	top: 370px;
	color: #ffea4a
}

#GameOverMyGold {
	right: 0;
	width: 800px;
	text-align: center;
	top: 400px;
	font-size: 65px;
	color: #ffea4a
}

#chat_divs {
	position: relative;
	z-index: 110
}

.ghost {
	opacity: .5;
	animation: 2s linear infinite grayspin_anim;
	-webkit-animation: 2s linear infinite grayspin_anim;
	transform-origin: 10px -20px;
	-webkit-transform-origin: 10px -20px
}

#score_panel {
	right: 7px;
	top: -59px;
	width: 133px;
	height: 54px;
	background: url(/static/images/score_panel2.png)
}

#score_panel_a {
	left: 45px;
	top: 8px;
	font-size: 36px;
	color: #f08
}

#score_panel_b {
	left: 105px;
	top: 8px;
	font-size: 36px;
	color: #42f
}

.country {
	font-size: 7px;
	color: #fff
}

.ShotTrace {
	-webkit-transform-origin: left 50%;
	-moz-transform-origin: left 50%;
	-ms-transform-origin: left 50%;
	-o-transform-origin: left 50%;
	transform-origin: left 50%
}

.AnimEnterScaleIn,
.AnimEnterScaleIn15,
.AnimScaleOut {
	transform-origin: 50% 50%!important
}


/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
	content: "";
	display: table;
	border-collapse: collapse
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-clearfix {
	min-height: 0
}

.ui-helper-zfix {
	opacity: 0;
	filter: Alpha(Opacity=0)
}

.ui-front {
	z-index: 100
}

.ui-state-disabled {
	cursor: default!important
}

.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden
}

.ui-widget-overlay {
	position: fixed
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0
}

.ui-accordion .ui-accordion-icons,
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
	padding-left: .7em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	text-align: center;
	overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
	text-decoration: none
}

.ui-button-icon-only {
	width: 2.2em
}

button.ui-button-icon-only {
	width: 2.4em
}

.ui-button-icons-only {
	width: 3.4em
}

button.ui-button-icons-only {
	width: 3.7em
}

.ui-button .ui-button-text {
	display: block;
	line-height: normal
}

.ui-button-text-only .ui-button-text,
input.ui-button {
	padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em
}

.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px
}

.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary,
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
	left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
	right: .5em
}

.ui-buttonset {
	margin-right: 7px
}

.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em
}

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
	top: 1px
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px
}

.ui-datepicker .ui-datepicker-next {
	right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center
}


.ItemHelpBtn {
    position: absolute;
    left: 12px;
    top: 120px
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: 700;
	border: 0
}

.ui-datepicker td {
	border: 0;
	padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em;
	width: auto;
	overflow: visible
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0;
	padding: 1px;
	height: 20px
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: 0;
	overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer
}

.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: 0
}

.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
	margin: 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0;
	font-weight: 400
}

.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-focus {
	font-weight: 400;
	margin: -1px
}

.ui-menu .ui-state-disabled {
	font-weight: 400;
	margin: .4em 0 .2em;
	line-height: 1.5
}

.ui-menu .ui-state-disabled a {
	cursor: default
}

.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em
}

.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em
}

.ui-menu .ui-menu-icon {
	position: static;
	float: right
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
	background: url(images/animated-overlay.gif);
	height: 100%;
	opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none
}


.youtube-logo {
    height: 20px; /* Cambia el tamaño del logo */
    vertical-align: middle;
    margin-right: 5px; /* Espaciado del logo */
}

/* Ajusta el tamaño del iframe */
.responsive-iframe {
    width: 90%; /* Ajusta el ancho al 90% del contenedor */
    max-width: 250px; /* Ancho máximo reducido */
    height: 150px; /* Altura ligeramente más pequeña */
    border: none;
    display: block;
    margin: 10px auto; /* Centra los videos */
}






.ui-resizable-handle {
	position: absolute;
	font-size: .1px;
	display: block
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted #000
}

.ui-slider {
	position: relative;
	text-align: left
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit
}

.ui-slider-horizontal {
	height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.ui-slider-vertical {
	width: .8em;
	height: 100px
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0
}

.ui-spinner-input {
	border: 0;
	background: 0;
	color: inherit;
	padding: 0;
	margin: .2em 22px .2em .4em
}

.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0
}

.ui-spinner a.ui-spinner-button {
	border-top: 0;
	border-bottom: 0;
	border-right: 0
}

.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0
}

.ui-spinner .ui-icon-triangle-1-s {
	background-position: -65px -16px
}

.ui-tabs {
	position: relative;
	padding: .2em
}

#DragonRecorderStatus,
#LoginFBStatus,
#LoginHelpArrow,
#Mic,
#buy_gift_btn,
#gameBcm,
#lobbyBcm,
#next_avatar,
#next_avatar_particles,
#notificationBtn,
#pplink,
#roomBcm,
#shopPages,
#shop_delete_avatar,
#toslink,
.DragonWindow,
.DragonWindowClose {
	position: absolute
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text
}

#myLoginFB,
.poolBtn,
.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: 0
}

.ui-tooltip {
	padding: 8px;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
	border-width: 2px
}

.ui-widget {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em
}

#next_avatar,
.Alt,
.AvNotif {
	font-family: Arial, sans-serif;
	text-align: center
}

.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em
}

.ui-widget-content {
	border: 1px solid #aaa;
	background: url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;
	color: #222
}

.ui-widget-content a,
.ui-widget-header a {
	color: #222
}

.ui-widget-header {
	border: 1px solid #aaa;
	background: url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc;
	color: #222;
	font-weight: 700
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #e6e6e6;
	font-weight: 400;
	color: #555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555;
	text-decoration: none
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
	border: 1px solid #999;
	background: url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada;
	font-weight: 400;
	color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaa;
	background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;
	font-weight: 400;
	color: #212121
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x #fbf9ee;
	color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec;
	color: #cd0a0a
}

.ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error a,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a
}

.Bold,
.ContextMenuDefaultAction,
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35)
}

.ui-icon {
	width: 16px;
	height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png)
}

.ui-state-active .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-blank {
	background-position: 16px 16px
}

.ui-icon-carat-1-ne {
	background-position: -16px 0
}

.ui-icon-carat-1-e {
	background-position: -32px 0
}

.ui-icon-carat-1-se {
	background-position: -48px 0
}

.ui-icon-carat-1-sw {
	background-position: -80px 0
}

.ui-icon-carat-1-w {
	background-position: -96px 0
}

.ui-icon-carat-1-nw {
	background-position: -112px 0
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px
}

.ui-icon-arrow-1-s {
	background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
	background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px
}

.ui-icon-arrow-4 {
	background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px
}

.ui-icon-extlink {
	background-position: -32px -80px
}

.ui-icon-newwin {
	background-position: -48px -80px
}

.ui-icon-refresh {
	background-position: -64px -80px
}

.ui-icon-shuffle {
	background-position: -80px -80px
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px
}

.ui-icon-folder-open {
	background-position: -16px -96px
}

.ui-icon-document {
	background-position: -32px -96px
}

.ui-icon-document-b {
	background-position: -48px -96px
}

.ui-icon-note {
	background-position: -64px -96px
}

.ui-icon-mail-closed {
	background-position: -80px -96px
}

.ui-icon-mail-open {
	background-position: -96px -96px
}

.ui-icon-suitcase {
	background-position: -112px -96px
}

.ui-icon-comment {
	background-position: -128px -96px
}

.ui-icon-person {
	background-position: -144px -96px
}

.ui-icon-print {
	background-position: -160px -96px
}

.ui-icon-trash {
	background-position: -176px -96px
}

.ui-icon-locked {
	background-position: -192px -96px
}

.ui-icon-unlocked {
	background-position: -208px -96px
}

.ui-icon-bookmark {
	background-position: -224px -96px
}

.ui-icon-tag {
	background-position: -240px -96px
}

.ui-icon-home {
	background-position: 0 -112px
}

.ui-icon-flag {
	background-position: -16px -112px
}

.ui-icon-calendar {
	background-position: -32px -112px
}

.ui-icon-cart {
	background-position: -48px -112px
}

.ui-icon-pencil {
	background-position: -64px -112px
}

.ui-icon-clock {
	background-position: -80px -112px
}

.ui-icon-disk {
	background-position: -96px -112px
}

.ui-icon-calculator {
	background-position: -112px -112px
}

.ui-icon-zoomin {
	background-position: -128px -112px
}

.ui-icon-zoomout {
	background-position: -144px -112px
}

.ui-icon-search {
	background-position: -160px -112px
}

.ui-icon-wrench {
	background-position: -176px -112px
}

.ui-icon-gear {
	background-position: -192px -112px
}

.ui-icon-heart {
	background-position: -208px -112px
}

.ui-icon-star {
	background-position: -224px -112px
}

.ui-icon-link {
	background-position: -240px -112px
}

.ui-icon-cancel {
	background-position: 0 -128px
}

.ui-icon-plus {
	background-position: -16px -128px
}

.ui-icon-plusthick {
	background-position: -32px -128px
}

.ui-icon-minus {
	background-position: -48px -128px
}

.ui-icon-minusthick {
	background-position: -64px -128px
}

.ui-icon-close {
	background-position: -80px -128px
}

.ui-icon-closethick {
	background-position: -96px -128px
}

.ui-icon-key {
	background-position: -112px -128px
}

.ui-icon-lightbulb {
	background-position: -128px -128px
}

.ui-icon-scissors {
	background-position: -144px -128px
}

.ui-icon-clipboard {
	background-position: -160px -128px
}

.ui-icon-copy {
	background-position: -176px -128px
}

.ui-icon-contact {
	background-position: -192px -128px
}

.ui-icon-image {
	background-position: -208px -128px
}

.ui-icon-video {
	background-position: -224px -128px
}

.ui-icon-script {
	background-position: -240px -128px
}

.ui-icon-alert {
	background-position: 0 -144px
}

.ui-icon-info {
	background-position: -16px -144px
}

.ui-icon-notice {
	background-position: -32px -144px
}

.ui-icon-help {
	background-position: -48px -144px
}

.ui-icon-check {
	background-position: -64px -144px
}

.ui-icon-bullet {
	background-position: -80px -144px
}

.ui-icon-radio-on {
	background-position: -96px -144px
}

.ui-icon-radio-off {
	background-position: -112px -144px
}

.ui-icon-pin-w {
	background-position: -128px -144px
}

.ui-icon-pin-s {
	background-position: -144px -144px
}

.ui-icon-play {
	background-position: 0 -160px
}

.ui-icon-pause {
	background-position: -16px -160px
}

.ui-icon-seek-next {
	background-position: -32px -160px
}

.ui-icon-seek-prev {
	background-position: -48px -160px
}

.ui-icon-seek-end {
	background-position: -64px -160px
}

.ui-icon-seek-first,
.ui-icon-seek-start {
	background-position: -80px -160px
}

.ui-icon-stop {
	background-position: -96px -160px
}

.ui-icon-eject {
	background-position: -112px -160px
}

.ui-icon-volume-off {
	background-position: -128px -160px
}

.ui-icon-volume-on {
	background-position: -144px -160px
}

.ui-icon-power {
	background-position: 0 -176px
}

.ui-icon-signal-diag {
	background-position: -16px -176px
}

.ui-icon-signal {
	background-position: -32px -176px
}

.ui-icon-battery-0 {
	background-position: -48px -176px
}

.ui-icon-battery-1 {
	background-position: -64px -176px
}

.ui-icon-battery-2 {
	background-position: -80px -176px
}

.ui-icon-battery-3 {
	background-position: -96px -176px
}

.ui-icon-circle-plus {
	background-position: 0 -192px
}

.ui-icon-circle-minus {
	background-position: -16px -192px
}

.ui-icon-circle-close {
	background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px
}

.ui-icon-circle-check {
	background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px
}

.ui-widget-overlay,
.ui-widget-shadow {
	background: url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;
	opacity: .3;
	filter: Alpha(Opacity=30)
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
	border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
	border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
	border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
	border-bottom-right-radius: 4px
}

.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	border-radius: 8px
}

#lobby_channel {
	left: 17px;
	bottom: 4px;
	width: 85px;
	background: #ddf
}

.fbfan {
	border: 0;
	overflow: hidden;
	height: 70px
}

.Alt {
	top: 0;
	left: 0;
	color: #fff;
	font-size: 14px;
	background: #000;
	display: none;
	text-shadow: none;
	font-weight: 400;
	min-width: 10px
}

#fps.canvas,
#freecashWindow thead,
#next_avatar_name,
#next_avatar_timer,
.Alt.Alt2,
.yellow {
	color: #ff0
}

#LoginHelp,
.AvNotif,
.TotalUnread {
	color: #fff;
	position: absolute
}

#torneoPos1,
#torneoPos10,
#torneoPos11,
#torneoPos12,
#torneoPos13,
#torneoPos14,
#torneoPos15,
#torneoPos16,
#torneoPos17,
#torneoPos18,
#torneoPos19,
#torneoPos2,
#torneoPos20,
#torneoPos21,
#torneoPos22,
#torneoPos23,
#torneoPos24,
#torneoPos25,
#torneoPos26,
#torneoPos27,
#torneoPos28,
#torneoPos29,
#torneoPos3,
#torneoPos30,
#torneoPos31,
#torneoPos4,
#torneoPos5,
#torneoPos6,
#torneoPos7,
#torneoPos8,
#torneoPos9 {
	color: #d3d3d3
}

.AvNotif {
	top: -4px;
	right: -7px;
	font-size: 9px;
	background: red;
	display: none;
	border-radius: 20px;
	min-width: 7px;
	line-height: 8px;
	padding: 2px
}

#ranking_panel_open .Alt {
	transform: rotate(-90deg)
}

#shop_delete_avatar {
	left: 198px;
	top: 483px;
	width: 25px;
	height: 33px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAhCAMAAAAbHvCRAAABm1BMVEUAAABjgrVKXYRjbYRjfbWcrtalstZjea1KYYycqs5abZRjcYxCWXulrtZrgr1jgr2Ek7Vada1jdZxabZxKVWs6TGuMm71rhr1adaVacZxSbZxSYHtCVHtSWmsxQVo6RFKcrs6Ups6cpsWUosWMl7Vaea1acaVjdZRjcZRSaZRSZJRjaXtaZHMvQGMxPlCtut6cps6Eka1jfa1zhKVrfaVaa4xKZYxaaIRSZIRaaXtKWXs6THNaYGtSWWM6RWNCS1otOE7e5ffW2ubO1ObFyd6UpsWJlr17jq17ia2cn6t7haJreZxaaZRKYpRrdYxjbYxSZYxCVoQ6UntSXXNCVXNCUXMxRWtCTWNKT106RVopNUoeLEfm6fva3++ltt7BxtaxtMWcor2UoL2UoLVaebWpqLGMkq1zhq17iqVjd6VScaVzgpxzfZxjeZxSaZxKZ5xrd5RjaYRaY3trb3NKWXNCUWtra2M6SWMpPVpCSVKtvua1vs6MnsVrhsWEjrWEjqVSbaWMhpRzfZRKXYxCXYxKYYQxSXM6PUIhLTpuvSuaAAAAAXRSTlMAQObYZgAAAlxJREFUKM9VkuWSIjEURtNJu2DdjbszDO4DA+Pu7u7usu67j7090MDu+ZFKfaeSW7m5oA33dH//9HX0sAP8B4scue3e/kPHi/NZirLNOBKV5Km+jYGj0c39aS+lp2VH42A0PntwsNfbH/ri7xt4PypqNaYfr0o+UZvFTVr9fu9AREtl/ONBTOHjHAeAa9KEYaf2o43+GS2G63ElxzHNJAJoThGWnc+7mzsW7C3F35y2jEDpWoNj5t2+7ZQiVDR4/gUBzm5S9gHDaaAe1i+z8vBXFLDxIIX9A0WJ0A5nYghMLgdEqyVIpakAZRZFqxi0QpqGaxMArHw3pdNma9AyExEpKq0x04rpQQAAtB7QNurWVwuEdD5WAW9UlvB2lchPGvLVWCeo45KV92k1GG62wi5eXlyoLqnGUSiWIbTzC3J1ccHpzENnj2q6L94Z4PMfO+9co/PxKu+ML3OquUmMhD6EIC3LPOx6LJ7f1Vj1ttvERTgheA1ZXUoXzrpPHDXQoDS/lRknCbdheIv0FoZ9U6sV1SCJ1B2ThNfwSSD9No8f9XCqCdeIkXGB8LJDAjFsY1J3ruaQsK/EWMhNeHI+wn0+zYytdAOVjt/E0DFDeIoegkEZZiqOmoZzEcZsUvAVk8JgIeO7dYWbprTKGHMMaWSTpNGmM86vtmYxumT0hRhSZ0iSqQfPmNQqA1AsO3TpVgwjnNgGvylNa8LGrrpyg4mRS4G8md4rrCPQojJrhjYuzPp1tscHu/LRbVbKuJ7mlXbCyJx6pAlaXrw+0+vPrsouVbThOuclSSpxreAvPbNiK6OX708AAAAASUVORK5CYII=)
}

.HD #shop_delete_avatar {
	background-position: -594.5px -219px
}

#buy_gift_btn {
	left: 17px;
	top: 322px;
	color: #ff0
}

#Mic {
	left: 520px;
	bottom: 2px;
	z-index: 120
}

.MicButton {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAMAAADaFm2tAAAAXVBMVEVWheT///9cieVymej3+f3+/v/7/P7z9v2kvvCduO91nOlqk+fm7ftvl+hXheTY4/i6zfSTse3p7/tlkOZjj+ZXhuTs8fvQ3ffH1/auxfKYtO6Ws+6JqeyIqex+ouowNxdcAAAAhklEQVQI123OxxaDIBBA0WEcOlJE7Pr/n5nIgazydncxBd68Ucp46J3EGJ1deWLf3Nw48pd8bBxYbfhDk7ATk4GdbJ+1tIMWz9w2P0LDKKJPknOZfBQDlI3u+lW5aSsA1kllEa2SztY7q1hCWMTaDuMVpYwXQg9D+AEPrSen9YGVmViNMsAHqlUGC96mVo4AAAAASUVORK5CYII=) center center no-repeat #5685e4;
	width: 40px;
	height: 18px;
	border-radius: 3px;
	border: 1px solid #009
}

.btnNo,
.btnRetry,
.btnYes {
	width: 60px;
	height: 28px;
	margin: 1px;
	display: inline-block
}

.btnRetry,
.btnYes {
	border: 1px solid #000;
	border-radius: 7px
}

.MicButton.CanClick:hover {
	-webkit-filter: hue-rotate(245deg);
	-moz-filter: hue-rotate(245deg);
	-ms-filter: hue-rotate(245deg);
	-o-filter: hue-rotate(245deg);
	filter: hue-rotate(245deg)
}

.MicButton.recording {
	-webkit-filter: hue-rotate(125deg);
	-moz-filter: hue-rotate(125deg);
	-ms-filter: hue-rotate(125deg);
	-o-filter: hue-rotate(125deg);
	filter: hue-rotate(125deg)
}

.MicButton.recording:hover {
	-webkit-filter: hue-rotate(175deg);
	-moz-filter: hue-rotate(175deg);
	-ms-filter: hue-rotate(175deg);
	-o-filter: hue-rotate(175deg);
	filter: hue-rotate(175deg)
}

#DragonRecorderStatus {
	left: 458px;
	bottom: 22px;
	z-index: 121
}

.btnYes {
	background: url(/static/images/yes.png) center center no-repeat #5685e4
}

.btnRetry {
	background: url(/static/images/retry.png) center center no-repeat #5685e4
}

.btnNo {
	background: url(/static/images/no.png) center center no-repeat #5685e4;
	border: 1px solid #000;
	border-radius: 7px
}

.gumbao-chat-line {
	min-height: 14px;
	margin-top: -2px;
	line-height: 12px
}

.BtnBcm {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAB3RJTUUH5AcKDh0T7dDPiAAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAA5nSURBVHja7VhpkB3Vef1u76/fm7fNm1WzSYwUWZKlIQShBQyS7MIhUNiF5QpVJKmkbJdJvBQkTpHEWCGQhdgW2KRs40K2qYKyjE3ZVkxBJT+wBJKQ0IJKYpBGGs2MRrO9fe+9b06/N0ijKYNEkh/+4a7qmTfzbvc9fe75znduE/2WH2zxP1bcsCNlVKsbBS71MGJ5Lrl7J4a/MftbAbBz+Zc/InHpa5zTasf2XEEUmED8TSL/oenxb51ZfHFn/wMfZ4KwQ5DiG1ynSromUTwWJ5GV3hAYPX744GO/+L8CFN/90Nr7lW5yvIcHB/vvuvfTmyL33bsp2tvTFh0fz62czZRXJjo3nagVD80tvDgS3zjIGLuNCVqP71vEuEfM98j3Xcn1eG97/7Z8euqvzhP9lAfjt2/fLq5evVoYHh7mHxigErr+UyFd/fw9n1gf+ru/2crXrulmH17dyfVwiE1O1pZdnMyu7EzdcqxcfiO9GKAghHqIHCLukuc6xJgUkZTYoO9Zy9q7sxcyM3tHg/EARh8EXHAIlz5xSjDO5f6+GMmyxHzfp1Sqhf3l5zbzz392M638vf4tZcv+VseyL625dLHAJFzYkInPBXI5+Y7vQx0+WbZInsM3Ksx66JN3PfwxzrnQmKVxbheb5wdgMBK/KeRztrGrq719/R/0cD2kMMfxSBTFBpMoGDZybm6pZTkro4lbDlYKB/Lh2IZB4vxWSYn2iIpAsqowSRFFH0tdq1chcE7RluhSjzvX/WT3vslz55pMEr0dLDiAPnLtAI3K4bHuvi3ry2U+VK2W2aaNyzE3Jw9sKIrMliyJkWG49PapqQ7GeKyUP7CHCWtTqKJtLYmOvlgqQS3JVhIUnQyLc9PBehMTNT1Gnm30ZnO1HonWTldrRycAzG+C2wFW23G+97JfQbMW2pCu1SvXu47WJUs+/9DKLiZJIrmuR7GYTqoi0qnhGbmzM7r67OlXHrPNXl2StT9q6+4f6OrroNbOTqx7iEybmCDJIocuHadOtmUT97WlTODXJRLrJ4rFQ+ebM94GebTh995rA1gpHbgoqTcWS5Xy1tk5U4+2qLRieQcXILbge8vy6PndB91qzXxrevLVZ4hCKrG2uweWDy5bsaqHBgZ78RAqSaJEydYWkhSFW6Q6FUMQPZbEati9nmv3tOqrxz5WtWaG6Wfu+4ELDunyx0DsjGenn3zB41+MHj9+9l//w7JS0CH75N1DDXH/6uVhIZevCoVC5bl5zmUX1SFLAsUiMnW3qyS4AMhjABmnTCLCLmaq8iSlyYImuSOQyiJbmODxE0s2f4Omhl++mgYXAGS8qYlH/MLMU8+oAw+Ih98cedD3/BX5osUqFYu98OKRQJOH4nH9lfxMcE0yDplKEgDqukTRiEolVaLOtgi1pXQa0rqoZrpsbDLLc9mqc35kSinkfMpOj2x1eLXc1vNFrI4IQbB22zTIsG0SfB5lAivjwQ9bpR+el67EG4i3ecyOP/F0d/+D1vDpC/f//cNjKyVR4KGQehQ3eXJu7MmzzVEtrVh92fehNsenas2mQtGEblySJY1WDeqUiCmUL7Swi9Om/Koi0/G3Z2hyTiVfsDfLgrUc4oF5CLIoyaQFjY3TALx1XPbpXyyixQCvPKYndv6of/BvT4uqcCuQZxzOXga4mUsCDmlh3FMUBYE0TA56qVQqk2nUSdU4LV0aozZZoaV9EWpPoaTlEF+2vNvpaJeVyXPTbemJdJttO6SGQhRu0UnRdJLUGFlmfqVVn/uTkP5g5X0A3iolk2v1Sr40yTTtF1ZZzFWrX88uHOHZtstkxQe7FFYVkqAS26zRxMUc1cGooIZpfMqiflhUHAU30Btmy5dF5YRapV/zMk2PjlClXCFZSVE4EqdkRxvJoTBVKz4VM7XrLaO6Q9q+/QXxv18/cOfgssQnQG9fPmd4pu2iun3Jc7kE9rnvcT/eLsjtPQ8NV+q1XZkLTx1oUigGa4K8AJPGErlgo5TL0fmR85SeK5JhCpRsb6W5EqOOVgDs0um6fokNLuuhsbOzFIu3ULFcIx3aHRrqpZs2rKP2zqQzOjohHzoop44U7JR0+OSRG6NR9aGwHtvQ1ZUibY3c8DtRYhSYi6JIFDCUztTpnTMXNvhpvz+x4q8/OzLyzTGAE2HUMHQiFxrwLZfsukkWWFGw9vVyiWRdp6msSbmSTdm8RflKK9ULFpmeAoBx0rIBwBANLo3TzTd20ECfJp2IttPU6Dk65FZQxR7fjCpc99GtH6KbN/VxTZMZ2hwFlRkAg9+iN4vQluG/9Eqr8KPn9m7L5yv3gb9HyTaKPtc9TRVRtRoQOo0CqeRK5IPNTDRNdS5T3VfQ9BlNhSSaySD1ODVK5zFW0SiEuRRZIAG2zsGIgEpR9BC+E/HgLgBy6nQdz7jzD9eEhtZ1s/dSZG8PeoSu0Z5fvekD95+mLwAgZQvk9DghTaCOVMCZSJEwKhS0emDVQbJxLQPMGtCZjLDDqViqoq2WKJ8rU7VuAHgwxqTR8Tzte3OaRrNLaHq6RNN5e94HkUAEsDU1XSQApKCq+Ly38/kPwc+QplAhXwVTLUIiHu57+1jwzckiUberaSIAoqlgMk0NLAeTejLuZZNRq5GQyxJcCvAZ2NIo8LxqKY9qNxrsIf7Q2TNpyhRPkZacRNCo0OxYM8RLnkgHQ7LwmZ+8eBQ3Nvm6tb1BR0HvREU6bvO0XZqdLfNX940i0cy4nkPfaz6CcalNNVqN55LrmMiEWEamoyE305wBQJZRIxERLhGOkcIYSa5LAggQRBlGKKLTWFScS5Obm6OKUaZaodwEKIb0X9uGsevkyfGvFIqctUSGG8XRED6STDAzsAIoY7OzuLhi7LHK5lNNWGvieBipMRgRS5HQTfQWnFFSUdWebZJRLRODLzoACZUGroxZZejQagCUJBXsQngONFjBkjOkJxBi2ciUAcCJE48U25d+6ZtChZ2ePXZig2k4LcK8EgNgAmNOUJCKJBRVRTkDkg5mMt851xzRkWgAhP8x3DgU0imZ6KBENEUesxr91wcQDQasA3yLrJICZ0JoIA9bAyaIAEmNhwmpKkXh+8lIDNp1aSJzkc4bF5q9OD327WCv8QOiVc+Fkre0LSwOw3UNKu/K/+bSiYJBQQqCbamC3CKFsXGKUyreTjWnACupNqQSwzImwi0U08NBAKayUSWsKGKc24hyOnSpA2BHMkV9bT3cgv9XUThjc1O0qJMM20Z+eGoxjNbWv2gRIslwxvNKdPEJ44qAAbqbfRgFIsLfEAaDFQDbYCsKA4ffIbRGwGJY1ZE5tWCvgAquYawBoCYykRL0S4rAMzU97Bp+RfZFLL0UpfftxTfc8LRcs8fW1i3/XogstVTUXtOHvnqklK2NXAyAiswLyrNuujQ1hwkNmUqgRkKiEQUEXPijioki0KWqag2rQQLm6D3IA1heqEPE6YHlumlSplSkusfkYq1M2fJswXEKc+8NEC1w5vChexJJ/asa8dWwDDukCveJsjDpK8I/YsSzeEQZBSm48Lea4UFrPmEzDYByo8qCIkBcQ5fhpEFnviTwkmM6RbOucCTvZLwPOof9gFEohGozWTxEUCAlqlYLbwk+fX8hQDbvFjg+Gus+cuhR2/PuQMS67oHPbKX16weUffvP0i/3HBuQZfmx6fMA6PG6pEle3XRoNlMhy5WpBh9Fgg1yHe7mkw2mfPzmnsXdus0KlbJSyKc5GkdRF+S8JkvctC0pUyhQsYoO5HsDoiCO45rnSzPf3S0tBveRbV+/sVSqPjWXqQzdcfuQeveda+mOj69GC1RYJCL777wzIwyfzvc044yVh485DmyhVKzhJmhrNXPe4OGBMrqHjD0KYo7rWI5VLyn1ugDrMdFr3P3J1s5dES1iW06m3Uax1KBJ7rsxUZBKlmPsb3aSyz5LQxsevjWXLT2zpHdw8FP3dNBdd6yidWv73n0AsMCFyckMz+Uyk83LCgVZjLn1uo1OVMCyePBJAGWBPWFfLEBfEH/NNZhrVBSjMAs/5Gh12QOOae8af+fR3/hqxF3wecESb++r1/2dK5avHLx9W5d7/+e2SEFlBWxA0VQq1/nP95xkJ05N2rW6ubN5TcVGoPANpJg5pBLLERshQUORSEwh7D65zW00l5rsWhJ80SXHKO23jfo/lfM/eI2u4bgEsGdZ/5+ZdfvDt93STV+4f2ujOwQeFSSaYG/83I8Ps2ee3UupZOSUqIZ+nG1wmAijj4vwLUR9g9BLSIPg1SDHu3bQ4pjhGbJVQ6YwER7qpeOe7zwOcP91WVq8aVdXBdiX/P2ujm55oC/WpBnxPQiiwXrt+uE+/vzut4I3XWcmpwtfSE/szAQb71Ao1Rpk1cCMfQRC28d4eJ2JgnBqBdcsFmUOL8NyIiBU99uO+Xhx7vuvXJ5+BwB+OpCPd1WA05OFOaPGaS7d3/wCrQm64gFz+/bPslIpP1Uo1r6cnnjiDaInGmPCyZYEEitKADIIuoJlQT9o/LUKs4pZ2S5kkOvqqMzqceTBfwe4/1xQlLRwk3ZVgBcmcs/qunz7awfyA+MTLzWEXq7abP+B05TP515PJfSvzYzvfHXhxYqiIKBw5rtBknbgX6bvM+Zxz5dFT234Gwr9gMv9f8tNL9wDb59/afVT72oArwioN938z3+czZX/fGa2pIswe1GS6rLETpbK1vfsytNnF1zT0My7LzAlObHB8+oIpLAJZDEJ1atqCVhGGbrgj4yO7Pxfv8icZ7D5VuHQ6/+wGw3uxbYlG1cF/aha9/LFue9MLHqgBYIWG3/yRsdwKVhqVQ52t2badwvDkih9e0vLipdGLzMnXitziwA2qmh+8qNOZuroifcYv6jagnnmVwuaUBC3wuE47lYex5/fPXXssZ+fvWL8tQP73fH/dfwPdB4/gjRrnUIAAAAASUVORK5CYII=);
	background-size: cover;
	width: 20px;
	height: 20px
}

#lobbyBcm {
	left: 557px;
	top: 575px
}

#roomBcm {
	left: 560px;
	top: 578px
}

#gameBcm {
	left: 217px;
	top: 489px
}

.AnimEnterFromBottom {
	-webkit-animation: .5s AnimEnterFromBottom;
	animation: .5s forwards AnimEnterFromBottom
}

@keyframes AnimEnterFromBottom {
	from {
		transform: translate(0, 1000px)
	}
	to {
		transform: translate(0, 0)
	}
}

@-webkit-keyframes AnimEnterFromBottom {
	from {
		transform: translate(0, 1000px)
	}
	to {
		transform: translate(0, 0)
	}
}

.AnimEnterScaleIn {
	animation: .4s forwards AnimEnterScaleIn
}

@keyframes AnimEnterScaleIn {
	from {
		transform: scale(0) rotate(45deg)
	}
	to {
		transform: scale(1) rotate(0)
	}
}

@-webkit-keyframes AnimEnterScaleIn {
	from {
		transform: scale(0) rotate(45deg)
	}
	to {
		transform: scale(1) rotate(0)
	}
}

.AnimEnterScaleIn15 {
	animation: .4s forwards AnimEnterScaleIn15
}

@keyframes AnimEnterScaleIn15 {
	from {
		transform: scale(0) rotate(45deg)
	}
	to {
		transform: scale(1.5) rotate(0)
	}
}

@-webkit-keyframes AnimEnterScaleIn15 {
	from {
		transform: scale(0) rotate(45deg)
	}
	to {
		transform: scale(1.5) rotate(0)
	}
}

.AnimScaleOut {
	animation: .2s forwards AnimScaleOut
}

@keyframes AnimScaleOut {
	from {
		transform: scale(1) rotate(0)
	}
	to {
		transform: scale(0) rotate(45deg)
	}
}

.AnimEnterFadeIn {
	 animation: AnimEnterFadeIn .2s
}

.AnimEnterFadeIn4 {
	animation: .4s forwards AnimEnterFadeIn
}

.AnimEnterFadeInLong {
	animation: 2s forwards AnimEnterFadeIn
}

@-webkit-keyframes AnimEnterFadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes AnimEnterFadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.AnimEnterFadeOut {
	animation: .2s AnimEnterFadeOut;
	transform-origin: 50% 50%
}

@keyframes AnimEnterFadeOut {
	0 {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-webkit-keyframes AnimEnterFadeOut {
	0 {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.ForceHW {
	-webkit-transform: translateZ(0)
}

#notificationBtn {
	top: 100px;
	right: 0;
	z-index: 99
}

.SD #notificationBtn {
	background-image: url(/static/images/zicon_48.png)
}

.HD #notificationBtn {
	background-position: -942.5px -92.5px
}

.TotalUnread {
	font-size: 14px;
	top: -2px;
	right: 6px;
	background: red;
	padding: 3px;
	border-radius: 21px
}

#next_avatar_particles {
	right: 10px;
	bottom: -1px;
	z-index: 999
}

#next_avatar {
	font-size: 11px;
	color: #adff2f;
	right: 10px;
	bottom: -1px;
	background: rgba(0, 50, 200, .9);
	border-radius: 10px 10px 0 0;
	padding: 4px 8px;
	border: 1px solid #000;
	box-shadow: 2px 4px 20px 7px #000
}

#shopPages {
	left: 661px;
	top: 505px;
	font-size: 12px;
	color: #000;
	text-align: center;
	width: 70px
}

#LoginHelp {
	left: 0;
	top: -190px;
	width: 630px;
	padding: 15px;
	border: 3px solid #000;
	border-radius: 20px;
	background: #00bfff;
	background: linear-gradient(to bottom, #7abcff 0, #60abf8 44%, #4096ee 100%)
}

.LoginHelpTitle {
	color: orange;
	font-size: 20px
}

#LoginHelpArrow {
	left: -60px
}

.LoginHelpLink {
	color: #0ff!important;
	text-decoration: underline!important
}

#LoginFBStatus {
	left: 0;
	top: 69px;
	width: 347px;
	font-size: 16px;
	text-align: center;
	color: #ddf
}

#pplink,
#toslink {
	right: 0;
	font-size: 10px
}

#LoginFBStatus.FBFail {
	left: 27px;
	width: 321px;
	color: #fca;
	font-size: 14px
}

.FBLoader {
	background-image: url(/static/images/me.gif);
	width: 28px;
	height: 19px;
	vertical-align: text-bottom;
	display: inline-block
}

.inputFieldD {
	width: 162px;
	padding: 0
}

#toslink {
	top: 320px
}

#pplink {
	top: 332px
}

#GenderF:focus,
#GenderM:focus,
#female:focus,
#male:focus {
	outline: #8f8 solid 5px
}

.DragonWindow {
	border: 2px solid #000;
	border-radius: 10px;
	color: #fff;
	z-index: 11;
	box-shadow: 5px 5px 20px 5px #000, inset 0 0 0 1px #fff;
	transform-origin: 0 0;
	background: #5ba5f5;
	background: -moz-linear-gradient(top, #5ba5f5 0, #5b7ff5 100%);
	background: -webkit-linear-gradient(top, #5ba5f5 0, #5b7ff5 100%);
	background: linear-gradient(to bottom, #5ba5f5 0, #5b7ff5 100%)
}

.DragonWindowTitleBar {
	height: 26px;
	line-height: 26px;
	border-radius: 10px 10px 0 0;
	padding: 0 15px;
	box-shadow: inset 0 0 0 1px #fff;
	background: #39af1b;
	background: -moz-linear-gradient(left, #39af1b 0, #0a7cf7 100%);
	background: -webkit-linear-gradient(left, #39af1b 0, #0a7cf7 100%);
	background: linear-gradient(to right, #39af1b 0, #0a7cf7 100%)
}

.DragonWindowClose {
	width: 48px;
	height: 20px;
	right: 10px;
	top: 2px;
	z-index: 100;
}

.SD .DragonWindowClose {
	background-image: url(/static/images/close.png)
}

.HD .DragonWindowClose {
	background-position: -942.5px -142px
}

.DragonWindowBody {
	padding: 5px;
	font-size: 14px;
}

.DragonWindowBody2 {
	font-size: 14px;
	background-color: rgba(0, 0, 0, 0.9);
	height: 565px;
	position: absolute;
	width:530px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#freecashWindow {
	display: none;
	width: 635px;

	left: 80px;
	top: 100px
}

.meter {
	height: 12px;
	position: relative;
	background: #555;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 2px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .3);
	-moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .3);
	box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .3)
}

.meter>span {
	display: block;
	height: 100%;
	border-radius: 20px;
	background-color: #2bc253;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2bc253), color-stop(1, #54f054));
	background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
	-webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .4);
	-moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .4);
	box-shadow: inset 0 2px 9px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .4);
	position: relative;
	overflow: hidden
}

.animate>span>span,
.meter>span:after,
.stripes {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	background-size: 50px 50px;
	-webkit-animation: 2s linear infinite move_stripes;
	-moz-animation: 2s linear infinite move_stripes;
	animation: 2s linear infinite move_stripes;
	border-radius: 20px;
	overflow: hidden
}

@-webkit-keyframes move_stripes {
	0 {
		background-position: 0 0
	}
	100% {
		background-position: 50px 50px
	}
}

@-moz-keyframes move_stripes {
	0 {
		background-position: 0 0
	}
	100% {
		background-position: 50px 50px
	}
}

.orange>span {
	background-color: #f1a165;
	background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
	background-image: -webkit-linear-gradient(#f1a165, #f36d0a)
}

.red>span {
	background-color: #f0a3a3;
	background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
	background-image: -webkit-linear-gradient(#f0a3a3, #f42323)
}

.nostripes>span:after,
.nostripes>span>span {
	-webkit-animation: none;
	-moz-animation: none;
	background-image: none
}

.meterText {
	position: absolute;
	top: 0;
	width: 100%;
	font-size: 11px;
	text-align: center;
	line-height: 16px
}

#CollectCashBtn,
.PassPremiosBtn {
	width: 61px;
	height: 61px;
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-top: 2px;
	border: 1px solid;
}

#GuideMain,
#GuideRanks {
	padding-left: 60px;
	margin-left: 15px;
	width: 192px;
	line-height: 50px
}

#TouchBarMsg,
#TouchShot {
	position: absolute;
	box-shadow: 4px 4px 15px 7px #310;
	opacity: .8;
	color: #00008b;
	z-index: 777;
	display: none;
	background: #feccb1;
	background: -moz-radial-gradient(center, ellipse cover, #feccb1 0, #f17432 50%, #ea5507 51%, #fb955e 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #feccb1 0, #f17432 50%, #ea5507 51%, #fb955e 100%)
}

.SD #CollectCashBtn {
	background-image: url(/static/images/collectcash2.png);
	background-position: -1px -1px
}

.HD #CollectCashBtn,
.HD .PassCashBtn {
	background-position: -851px -153.5px
}

#CollectCashBeta {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	background: url(/static/images/beta.png)
}

.QuestionMark {
	width: 17px;
	height: 17px;
	background: url(/static/images/qmark.png);
	display: inline-block;
	vertical-align: bottom
}

.SD .QuestionMark {
	background-image: url(/static/images/qmark.png)
}

.HD .QuestionMark {
	background-position: -576px -156px
}


.abs {
    position: absolute;
    z-index: 9
}

.EmptyStar,
.FullStar {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle
}

.SD .EmptyStar {
	background-image: url(/static/images/star-empty-24.png)
}

.HD .EmptyStar {
	background-position: -913.5px -179px
}

.SD .FullStar {
	background-image: url(/static/images/star-full-24.png)
}

.HD .FullStar {
	background-position: -913.5px -153.5px
}

.PrixTimer {
	position: absolute;
	left: 3px;
	top: 47px
}

.BrokerRanksSize {
	left: 110px
}

.poolBtn {
	width: 16px;
	height: 16px;
	background: no-repeat #696969;
	margin-left: 4px;
	padding: 0 8px 0 24px;
	border-radius: 4px;
	box-shadow: inset 0 0 1px 0 #000
}

.poolBtnYes {
	background-image: url(/static/images/emo/yes.png)
}

.poolBtnNo {
	background-image: url(/static/images/emo/no.png)
}

.poolBtn1 {
	background-image: url(/static/images/emo/1.png)
}

.poolBtn2 {
	background-image: url(/static/images/emo/2.png)
}

.poolBtn3 {
	background-image: url(/static/images/emo/3.png)
}

.poolBtn4 {
	background-image: url(/static/images/emo/4.png)
}

.ContextMenu {
	position: absolute;
	background: url(/static/images/contextmenu.png) repeat-y #f0f0f0;
	border: 1px solid #979797;
	min-width: 160px;
	padding: 2px;
	box-shadow: inset 0 0 0 2px #f5f5f5;
	z-index: 999;
	color: #000
}

.ContextMenuAction {
	border: 1px solid transparent;
	padding: 3px 3px 3px 30px;
	font-size: 12px;
	cursor: pointer
}

.ContextMenuAction:hover {
	background: rgba(230, 240, 255, .4);
	background: linear-gradient(to bottom, rgba(242, 248, 255, .4) 0, rgba(216, 235, 255, .4) 100%);
	border: 1px solid #aecff7;
	border-radius: 2px;
	box-shadow: inset 0 0 0 1px #f5f5f5
}

#TouchShot {
	top: 40%;
	bottom: 0;
	left: 40px;
	width: 80px;
	height: 80px;
	border-radius: 80px;
	border: 1px solid #000;
	text-align: center;
	font-size: 13px;
	background: radial-gradient(ellipse at center, #feccb1 0, #f17432 50%, #ea5507 51%, #fb955e 100%);
	animation: 1s ease-in infinite alternate blinking_glow_anim;
	-webkit-animation: 1s ease-in infinite alternate blinking_glow_anim
}

#TouchBarMsg,
.itemTimerText {
	font-size: 12px;
	text-align: center
}

#TouchShot.active {
	animation: .5s ease-in infinite alternate blinking_glow_anim;
	-webkit-animation: .5s ease-in infinite alternate blinking_glow_anim;
	background: #f3c5bd;
	background: -moz-radial-gradient(center, ellipse cover, #f3c5bd 0, #e86c57 50%, #ea2803 51%, #f60 75%, #c72200 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #f3c5bd 0, #e86c57 50%, #ea2803 51%, #f60 75%, #c72200 100%);
	background: radial-gradient(ellipse at center, #f3c5bd 0, #e86c57 50%, #ea2803 51%, #f60 75%, #c72200 100%)
}

#TouchBarMsg {
	bottom: 11px;
	left: 172px;
	width: 60px;
	height: 27px;
	border-radius: 5px;
	border: 1px solid #000;
	line-height: 13px;
	background: radial-gradient(ellipse at center, #feccb1 0, #f17432 50%, #ea5507 51%, #fb955e 100%);
	animation: 1s ease-in infinite alternate blinking_glow_anim;
	-webkit-animation: 1s ease-in infinite alternate blinking_glow_anim
}

#itemTimer,#itemTimer2,#itemTimer3,
.itemTimerText {
	border-radius: 50px;
	position: absolute
}

.OptionText {
	position: relative;
	top: -3px
}

#OptionRendererLabel {
	margin-left: 20px
}

#OptionRenderer {
	font-size: 10px;
	margin-top: 5px;
	vertical-align: bottom;
	margin-left: 7px;
	width: 112px
}

#theme_select {
	font-size: 11px;
	margin-left: 4px
}

.iHaveAvatar {
	filter: sepia(100%)
}




#itemTimer2 {
    right: 10px;
    top: 110px;
    background: white;
    width: 59px;
    height: 59px;
    z-index: 1;
    display: none
}


#itemTimer3 {
    right: 10px;
    top: 200px;
    background: white;
    width: 59px;
    height: 59px;
    z-index: 1;
    display: none
}




#InstallAppBanner {
     border: 1px solid black;
    border-radius: 20px;
   margin: 0 10px;
    padding: 10px;
    background: rgba(100, 150, 255, 0.3);
    text-align: center; /* Centra el texto y los elementos en línea */
}

#InstallAppBanner span{
	position: relative;
	top: -5px;
}


#InstallAppBanner {
    margin-top: -15px;
}

#InstallAppBanner img {
    display: block;
    margin: 0 auto;
    border-radius: 10px;
}

#BannerHome {
	border-width: 1px;
    border-style: solid;
    border-color: black;
    border-image: initial;
    border-radius: 20px;
    margin: 0px 10px;
    padding: 10px;
    background: rgba(100, 150, 255, 0.3);
}

#BannerHome {
    margin-top: 20px;
    margin-bottom: 15px;
}

#BannerHome img{
	width: 100%;
    margin-top: 6px;
    border-radius: 10px;
}


#itemTimer {
    right: 10px;
    top: 20px;
    background: white;
    width: 59px;
    height: 59px;
    z-index: 1;
    display: none
}

#shopMaxStats {
    position: absolute;
    left: -11px;
    top: 90px;
    font-size: 9px;
    color: #fac;
    text-align: center;
    z-index: 12
}

#shopPowerIcon {
    position: absolute;
    display: none;
    left: 142px;
    top: 67px;
    background-image: url(/static/images/powerpotion64.png);
    width: 55px;
    height: 64px;
    transform: scale(0.3);
    z-index: 12
}




.itemTimerImg {
    position: absolute;
    left: 16px;
    top: 14px;
    height: 64px;
    transform: scale(0.5);
    transform-origin: 0 0
}

.itemTimerImg.egg {
    background-image: url(/static/images/luckyegg64.png);
    width: 55px
}

.itemTimerImg.power {
    background-image: url(/static/images/powerpotion64.png);
    width: 55px
}

.itemTimerImg.nyx {
    background-image: url(/static/images/nyxcafe64.png);
    width: 55px
}


.itemTimerText {
    position: absolute;
    left: 4px;
    top: 61px;
    background: white;
    color: black;
    border-radius: 50px;
    width: 52px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    padding: 2px 0
}

.progress-circle {
    font-size: 11px;
    margin: 2px;
    position: relative;
    padding: 0;
    width: 55px;
    height: 55px;
    background-color: #f8b741;
    border-radius: 50%;
    line-height: 5em
}




#GameWatchers,
#GuideLobby,
#GuideLogin,
#GuideServers,
#GuideShop,
#buttonRadar,
#chargeMyUserID,
#myLoginFB,
#premio-Torneo,
#radarPremios,
#roomTutorialBack,
#roomTutorialBack div,
#roomTutorialStart,
#roomTutorialStart div,
#timer_room,
#timer_room_header,
#tosDiv,
.TorneoTimer,
.WatchersBtn,
.left-half-clipper,
.progress-circle.over50 .first50-bar,
.progress-circle:after,
.radarEsferas,
.radarPlayers,
.value-bar {
	position: absolute
}

.progress-circle:after {
    border: 0;
    top: 5px;
    left: 5px;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    background-color: white;
    content: " "
}

.left-half-clipper,
.value-bar {
	border-radius: 50%;
	width: 5em;
	height: 5em
}

.left-half-clipper {
	clip: rect(0, 5em, 5em, 2.5em)
}

.progress-circle.over50 .left-half-clipper {
	clip: rect(auto, auto, auto, auto)
}

.value-bar {
	clip: rect(0, 2.5em, 5em, 0);
	border: .45em solid #53777a;
	box-sizing: border-box
}

.Female,
.Male {
	width: 22px;
	height: 21px;
	vertical-align: sub;
	display: inline-block
}

.progress-circle.over50 .first50-bar {
	clip: rect(0, 5em, 5em, 2.5em);
	background-color: #53777a;
	border-radius: 50%;
	width: 5em;
	height: 5em
}

.progress-circle.p1 .value-bar {
	transform: rotate(4deg)
}

.progress-circle.p2 .value-bar {
	transform: rotate(7deg)
}

.progress-circle.p3 .value-bar {
	transform: rotate(11deg)
}

.progress-circle.p4 .value-bar {
	transform: rotate(14deg)
}

.progress-circle.p5 .value-bar {
	transform: rotate(18deg)
}

.progress-circle.p6 .value-bar {
	transform: rotate(22deg)
}

.progress-circle.p7 .value-bar {
	transform: rotate(25deg)
}

.progress-circle.p8 .value-bar {
	transform: rotate(29deg)
}

.progress-circle.p9 .value-bar {
	transform: rotate(32deg)
}

.progress-circle.p10 .value-bar {
	transform: rotate(36deg)
}

.progress-circle.p11 .value-bar {
	transform: rotate(40deg)
}

.progress-circle.p12 .value-bar {
	transform: rotate(43deg)
}

.progress-circle.p13 .value-bar {
	transform: rotate(47deg)
}

.progress-circle.p14 .value-bar {
	transform: rotate(50deg)
}

.progress-circle.p15 .value-bar {
	transform: rotate(54deg)
}

.progress-circle.p16 .value-bar {
	transform: rotate(58deg)
}

.progress-circle.p17 .value-bar {
	transform: rotate(61deg)
}

.progress-circle.p18 .value-bar {
	transform: rotate(65deg)
}

.progress-circle.p19 .value-bar {
	transform: rotate(68deg)
}

.progress-circle.p20 .value-bar {
	transform: rotate(72deg)
}

.progress-circle.p21 .value-bar {
	transform: rotate(76deg)
}

.progress-circle.p22 .value-bar {
	transform: rotate(79deg)
}

.progress-circle.p23 .value-bar {
	transform: rotate(83deg)
}

.progress-circle.p24 .value-bar {
	transform: rotate(86deg)
}

.progress-circle.p25 .value-bar {
	transform: rotate(90deg)
}

.progress-circle.p26 .value-bar {
	transform: rotate(94deg)
}

.progress-circle.p27 .value-bar {
	transform: rotate(97deg)
}

.progress-circle.p28 .value-bar {
	transform: rotate(101deg)
}

.progress-circle.p29 .value-bar {
	transform: rotate(104deg)
}

.progress-circle.p30 .value-bar {
	transform: rotate(108deg)
}

.progress-circle.p31 .value-bar {
	transform: rotate(112deg)
}

.progress-circle.p32 .value-bar {
	transform: rotate(115deg)
}

.progress-circle.p33 .value-bar {
	transform: rotate(119deg)
}

.progress-circle.p34 .value-bar {
	transform: rotate(122deg)
}

.progress-circle.p35 .value-bar {
	transform: rotate(126deg)
}

.progress-circle.p36 .value-bar {
	transform: rotate(130deg)
}

.progress-circle.p37 .value-bar {
	transform: rotate(133deg)
}

.progress-circle.p38 .value-bar {
	transform: rotate(137deg)
}

.progress-circle.p39 .value-bar {
	transform: rotate(140deg)
}

.progress-circle.p40 .value-bar {
	transform: rotate(144deg)
}

.progress-circle.p41 .value-bar {
	transform: rotate(148deg)
}

.progress-circle.p42 .value-bar {
	transform: rotate(151deg)
}

.progress-circle.p43 .value-bar {
	transform: rotate(155deg)
}

.progress-circle.p44 .value-bar {
	transform: rotate(158deg)
}

.progress-circle.p45 .value-bar {
	transform: rotate(162deg)
}

.progress-circle.p46 .value-bar {
	transform: rotate(166deg)
}

.progress-circle.p47 .value-bar {
	transform: rotate(169deg)
}

.progress-circle.p48 .value-bar {
	transform: rotate(173deg)
}

.progress-circle.p49 .value-bar {
	transform: rotate(176deg)
}

.progress-circle.p50 .value-bar {
	transform: rotate(180deg)
}

.progress-circle.p51 .value-bar {
	transform: rotate(184deg)
}

.progress-circle.p52 .value-bar {
	transform: rotate(187deg)
}

.progress-circle.p53 .value-bar {
	transform: rotate(191deg)
}

.progress-circle.p54 .value-bar {
	transform: rotate(194deg)
}

.progress-circle.p55 .value-bar {
	transform: rotate(198deg)
}

.progress-circle.p56 .value-bar {
	transform: rotate(202deg)
}

.progress-circle.p57 .value-bar {
	transform: rotate(205deg)
}

.progress-circle.p58 .value-bar {
	transform: rotate(209deg)
}

.progress-circle.p59 .value-bar {
	transform: rotate(212deg)
}

.progress-circle.p60 .value-bar {
	transform: rotate(216deg)
}

.progress-circle.p61 .value-bar {
	transform: rotate(220deg)
}

.progress-circle.p62 .value-bar {
	transform: rotate(223deg)
}

.progress-circle.p63 .value-bar {
	transform: rotate(227deg)
}

.progress-circle.p64 .value-bar {
	transform: rotate(230deg)
}

.progress-circle.p65 .value-bar {
	transform: rotate(234deg)
}

.progress-circle.p66 .value-bar {
	transform: rotate(238deg)
}

.progress-circle.p67 .value-bar {
	transform: rotate(241deg)
}

.progress-circle.p68 .value-bar {
	transform: rotate(245deg)
}

.progress-circle.p69 .value-bar {
	transform: rotate(248deg)
}

.progress-circle.p70 .value-bar {
	transform: rotate(252deg)
}

.progress-circle.p71 .value-bar {
	transform: rotate(256deg)
}

.progress-circle.p72 .value-bar {
	transform: rotate(259deg)
}

.progress-circle.p73 .value-bar {
	transform: rotate(263deg)
}

.progress-circle.p74 .value-bar {
	transform: rotate(266deg)
}

#ReplaySpeed,
.progress-circle.p75 .value-bar {
	transform: rotate(270deg)
}

.progress-circle.p76 .value-bar {
	transform: rotate(274deg)
}

.progress-circle.p77 .value-bar {
	transform: rotate(277deg)
}

.progress-circle.p78 .value-bar {
	transform: rotate(281deg)
}

.progress-circle.p79 .value-bar {
	transform: rotate(284deg)
}

.progress-circle.p80 .value-bar {
	transform: rotate(288deg)
}

.progress-circle.p81 .value-bar {
	transform: rotate(292deg)
}

.progress-circle.p82 .value-bar {
	transform: rotate(295deg)
}

.progress-circle.p83 .value-bar {
	transform: rotate(299deg)
}

.progress-circle.p84 .value-bar {
	transform: rotate(302deg)
}

.progress-circle.p85 .value-bar {
	transform: rotate(306deg)
}

.progress-circle.p86 .value-bar {
	transform: rotate(310deg)
}

.progress-circle.p87 .value-bar {
	transform: rotate(313deg)
}

.progress-circle.p88 .value-bar {
	transform: rotate(317deg)
}

.progress-circle.p89 .value-bar {
	transform: rotate(320deg)
}

.progress-circle.p90 .value-bar {
	transform: rotate(324deg)
}

.progress-circle.p91 .value-bar {
	transform: rotate(328deg)
}

.progress-circle.p92 .value-bar {
	transform: rotate(331deg)
}

.progress-circle.p93 .value-bar {
	transform: rotate(335deg)
}

.progress-circle.p94 .value-bar {
	transform: rotate(338deg)
}

.progress-circle.p95 .value-bar {
	transform: rotate(342deg)
}

.progress-circle.p96 .value-bar {
	transform: rotate(346deg)
}

.progress-circle.p97 .value-bar {
	transform: rotate(349deg)
}

.progress-circle.p98 .value-bar {
	transform: rotate(353deg)
}

.progress-circle.p99 .value-bar {
	transform: rotate(356deg)
}

.progress-circle.p100 .value-bar {
	transform: rotate(360deg)
}

#myLoginFB {
	z-index: 99;
	left: 50px;
	top: 54px;
	width: 297px;
	height: 55px
}

.pmMe {
	color: #bfb
}

.pmNotMe {
	color: #eff
}

#RoomWatchers {
	bottom: 171px;
	right: 495px;
	z-index: 1
}

#GameWatchers {
	bottom: 124px;
	left: 250px
}

.WatchersBtn {
	font-size: 12px;
	text-shadow: none
}

img.emoji {
	height: 1em;
	width: 1em;
	margin: 0 .05em 0 .1em;
	vertical-align: -.1em
}

.Male {
	background: url(/static/images/gender.png) no-repeat
}

.Female {
	background: url(/static/images/gender.png) -23px 0 no-repeat
}

#chargeMyUserID {
	top: 35px;
	right: 0;
	text-align: center;
	width: 172px;
	cursor: initial
}

.betaTheme {
	display: none;
	color: red
}

.slider {
	-webkit-appearance: none;
	appearance: none;
	height: 9px;
	outline: 0;
	transition: filter .2s;
	border: 1px solid #aaa;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: inset 0 0 3px 1px #888
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border: 1px solid #333;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: inset 0 0 3px 3px #888
}

.slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	cursor: pointer;
	border: 1px solid #333;
	border-radius: 15px;
	background-color: #fff;
	box-shadow: inset 0 0 3px 3px #888
}

#ReplayPanel {
	padding: 5px;
	overflow: auto;
	clear: both;
	height: calc(100% - 23px);
	text-align: left
}

#ReplayPauseBtn,
#ReplayRestartBtn {
	font-size: 30px;
	height: 50px;
	width: 62px
}

#ReplaySlider {
	width: 95%
}

#ReplayTime {
	font-size: 16px
}

#ReplayTimeTD {
	text-align: center;
	width: 100%
}

#ReplaySpeed {
	position: relative;
	top: 109px;
	width: 150px
}

.ReplaySpeedLine1 {
	margin-left: 70px
}

.ReplaySpeedLine {
	margin: 11px 11px 11px 93px
}

#formLineGender {
	margin: 5px 28px
}

#formLineSubmit {
	margin: 15px;
	text-align: center
}

.CurAutoTheme {
	color: #ff4500
}

#roomTutorialBack {
	right: 19px;
	bottom: 35px;
	display: none
}

#roomTutorialBack svg {
	width: 153px;
	height: 106px
}

#roomTutorialBack div {
	top: 11px;
	padding: 7px 17px;
	color: #fff
}

#roomTutorialStart {
	left: 229px;
	top: 152px;
	display: none;
	z-index: 11
}

#roomTutorialStart svg {
	width: 101px;
	height: 70px
}

#roomTutorialStart div {
	top: 0;
	padding: 6px 10px;
	color: #fff
}

#gameguidelink {
	font-size: 2em
}

#tosDiv {
	left: 3px;
	bottom: 3px;
	font-size: 1em;
}

.Guide {
	background: url(/static/images/help.svg?2) 0 0/50px 50px no-repeat;
	width: 50px;
	height: 50px
}

#timer_room,
#timer_room_header,
.TorneoTimer {
	text-align: center;
	width: 330px;
	display: none
}

#GuideMain,
#GuideRanks,
#radarContainer {
	display: inline-block
}

#GuideMain {
	font-size: 22px
}

#GuideRanks {
	font-size: 20px
}

#fps,
#torneoPos1,
#torneoPos10,
#torneoPos11,
#torneoPos12,
#torneoPos13,
#torneoPos14,
#torneoPos15,
#torneoPos16,
#torneoPos17,
#torneoPos18,
#torneoPos19,
#torneoPos2,
#torneoPos20,
#torneoPos21,
#torneoPos22,
#torneoPos23,
#torneoPos24,
#torneoPos25,
#torneoPos26,
#torneoPos27,
#torneoPos28,
#torneoPos29,
#torneoPos3,
#torneoPos30,
#torneoPos31,
#torneoPos4,
#torneoPos5,
#torneoPos6,
#torneoPos7,
#torneoPos8,
#torneoPos9 {
	font-size: 8px;
	position: absolute
}

#GuideLogin {
	left: 324px;
	top: -25px
}

#GuideServers {
	left: 40px;
	top: -25px
}

#GuideLobby {
	right: 84px;
	bottom: 7px
}

#GuideShop {
	left: 78px;
	bottom: 11px
}

#fps {
	left: 1px;
	display: none;
	z-index: 999
}

#fps.webgl {
	color: #9f9
}

#tournament_info2 img {
    height: 264px;
    width: 550px
}

#torneoPos1 {
    top: 13px;
    left: 21px;
}

#torneoPos2 {
    top: 42px;
    left: 21px;
}

#torneoPos3 {
    top: 73px;
    left: 21px;
}

#torneoPos4 {
    top: 102px;
    left: 21px;
}

#torneoPos5 {
    top: 136px;
    left: 21px;
}

#torneoPos6 {
    top: 164px;
    left: 21px;
}

#torneoPos7 {
    top: 193px;
    left: 21px;
}

#torneoPos8 {
    top: 223px;
    left: 21px;
}

#torneoPos9 {
    top: 13px;
    left: 480px;
}

#torneoPos10 {
    top: 42px;
    left: 480px;
}

#torneoPos11 {
    top: 73px;
    left: 480px;
}

#torneoPos12 {
    top: 102px;
    left: 480px;
}

#torneoPos13 {
    top: 136px;
    left: 480px;
}

#torneoPos14 {
    top: 164px;
    left: 480px;
}

#torneoPos15 {
    top: 193px;
    left: 480px;
}

#torneoPos16 {
    top: 223px;
    left: 480px;
}

#torneoPos17 {
    top: 45px;
    left: 112px;
}

#torneoPos18 {
    top: 71px;
    left: 112px;
}

#torneoPos19 {
    top: 165px;
    left: 111px;
}

#torneoPos20 {
    top: 192px;
    left: 109px;
}

#torneoPos21 {
    top: 45px;
    left: 393px;
}

#torneoPos22 {
    top: 71px;
    left: 393px;
}

#torneoPos23 {
    top: 165px;
    left: 393px;
}

#torneoPos24 {
    top: 191px;
    left: 393px;
}

#torneoPos25 {
    top: 102px;
    left: 182px;
}

#torneoPos26 {
    top: 135px;
    left: 181px;
}

#torneoPos27 {
    top: 102px;
    left: 324px;
}

#torneoPos28 {
    top: 135px;
    left: 324px;
}

#torneoPos29 {
    top: 93px;
    left: 256px;
}

#torneoPos30 {
    top: 142px;
    left: 262px;
}

#torneoPos31 {
    top: 198px;
    left: 267px;
}

.TorneoTimer {
	left: 266px;
	top: 150px;
	color: #ff0;
	font-size: 18px
}

#timer_room {
	left: 117px;
	font-size: 30px;
	top: 140px;
	color: red;
	animation: .5s ease-in-out infinite alternate scaleout_anim
}

#timer_room_header {
	left: 120px;
	top: 120px;
	color: #ff0;
	font-size: 15px
}

.t-win {
	color: #0f0
}

.t-lose {
	color: #6d0019
}

#premio-Torneo {
	left: 360px;
	top: 178px
}

#PassBtnContainer,
#PassCashContainer,
#PassImgContainer {
	display: flex;
	justify-content: space-around
}

#PassBtn,
.PassCashBtn {
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle
}

#PassBtn {
	width: 100px;
	height: 60px;
	margin-top: 3rem
}

.PassCashBtn {
	width: 61px;
	height: 61px;
	margin-top: 2px;
	background-image: url(/static/images/themes/DragonBall/stuff_HD.webp);
	background-size: 1000px 1500px;
	background-position: -851px -153.5px
}

.intermitente {
	filter: drop-shadow(0 0 10px yellow) drop-shadow(0 0 10px yellow);
	animation: .9s infinite resplandorAnimation
}

@keyframes resplandorAnimation {
	0%,
	100% {
		filter: drop-shadow(0 0 10px yellow) drop-shadow(0 0 10px yellow)
	}
	50% {
		filter: drop-shadow(0 0 0px yellow) drop-shadow(0 0 0px yellow)
	}
}

.yellows>span {
	border-radius: 0;
	background-color: #edf0a3;
	background-image: -moz-linear-gradient(top, #edf0a3, #fe0);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #edf0a3), color-stop(1, #fe0));
	background-image: -webkit-linear-gradient(#edf0a3, #fe0)
}

.meterBack {
	height: 20px;
	padding: 0;
	border-radius: 0;
	background-image: linear-gradient(90deg, #dcdfe6 10%, #383a3d 10%, #383a3d 20%, #dcdfe6 20%, #dcdfe6 30%, #383a3d 30%, #383a3d 40%, #dcdfe6 40%, #dcdfe6 50%, #383a3d 50%, #383a3d 60%, #dcdfe6 60%, #dcdfe6 70%, #383a3d 70%, #383a3d 80%, #dcdfe6 80%, #dcdfe6 90%, #383a3d 90%, #383a3d 100%)!important
}

#buttonRadar {
	left: 664px;
	top: 542px;
	width: 55px;
	height: 55px
}

.HD #buttonRadar {
	background-position: -939.5px -165px
}

#radarContainer {
	position: relative;
	text-align: center
}

.radarPlayers {
	left: 190px;
	top: 100px;
	color: #fff
}

.radarEsferas {
	left: 160px;
	top: 95px
}

#radarPremios {
	left: 400px;
	top: 150px
}

.TorneoTimerServers {
	position: absolute;
	left: 3px;
	top: 47px
}

.updates {
	margin-top: 5rem;
}

#gol_panel {
	right: 7px;
	top: -59px;
	width: 133px;
	height: 54px;
	background: url(/static/images/gol_panel.png)
}

#gol_panel_a {
	left: 22px;
	top: 4px;
	font-size: 36px;
	color: #ff9200;
}

#gol_panel_b {
	left: 88px;
	top: 5px;
	font-size: 36px;
	color: #42f;
}

#ranking_btn_event {
    background: linear-gradient(#FFB6C1, #FFC0CB);
}


#RoomMapsContainer {
	display: none;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 861px;
	height: 950px;
	transform: scale(0.6);
	z-index: 99999;
	position: absolute;
	left: -140px;
	top: -180px;
	border-radius: 10px
}

.Map {
	background-image: url(/static/images/maps/minimaps.png?4);
	background-repeat: no-repeat;
	margin-left: 32px;
	margin-right: 32px;
	margin-bottom: 16px;
	width: 213px;
	height: 49px;
	cursor: pointer;
	transform: scale(1.3);
}


        .Map.selected {
            border: 3px solid #FFD700;
            transform: scale(1.3);
            transition: transform 0.3s ease-in-out;
            z-index: 1000;
        }
        .Map:hover {
            transform: scale(1.36);
            transition: transform 0.3s ease-in-out;
                z-index: 111 !important;
        }
        .MapOverlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.5);
            color: white;
            text-align: center;
            padding: 5px;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }












.Torneo2TimerServers {
	position: absolute;
	left: 3px;
	top: 47px
}

#tournament_info2 button {
	background: #00bb1d;
	border-radius: 5px;
	width: 72px;
	height: 9px;
	font-size: 7px;
	color: #000;
	font-family: revert;
	border: none;
	text-align-last: center
}

#guide {
	width: 60px;
	height: 60px;
	left: 740px;
	top: 234px;
	position: absolute;
	/*background-image: url(/static/images/guide_use.png);*/
}

#guide:hover {
	transform: scale(1.1, 1.1);
	filter: drop-shadow(0 0 4px yellow) drop-shadow(0 0 4px yellow)
}

#guide_hand {
	margin-left: -30px;
	margin-top: -23px;
	width: 60px;
	height: 46px;
	left: 740px;
	top: 234px;
	/* position: absolute; */
	background-image: url(/static/images/guide_use.png);
}

#toslink2 {
	font-size: 1.7em;
}

#pplink2 {
	font-size: 1.7em;
}

#pplink3 {
	position: absolute;
	left: 37px;
	bottom: 5px;
	font-size: 14px;
	color: #0cf;
}