@font-face {
    font-family: "sa";
    src: url('./soa.eot');
}
@font-face {
    font-family: "sa";
    src: url('./soa.ttf'); 
}
@font-face {
    font-family: "eras-demi";
    src: url('./Eras_Demi_ITC.ttf');
}
@font-face {
    font-family: "co";
    src: url('./corleone.due.eot');
}
@font-face {
    font-family: "co";
    src: url('./corleone.due.ttf');
}
body
{
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	overflow-x:hidden;
	font-family: Verdana;
	background-size:cover;
	background-repeat-y:no-repeat;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background-color: #111110;
}

#syndicate_content {
	position: relative;
}

#header_container
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 760px;
	height: 115px;
	margin: 0px;
	z-index: 1;
}

#headerCentralized{
	max-width: 1140px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	/* height: 100%; */
	position: relative;
	z-index: 100;
	/* position: fixed; */
	transform-origin: top;
}
#loadedCharacterInfoWrapper{
	flex:1;
	display: flex;
	flex-direction: column;
	top: 10px;
	position: relative;
	height: 100%;
	align-items: center;
	pointer-events: all;
}
#headerLogo{

}

#characterCircleOverlay{
	background: url('../images/ui/crime-empire-profile-globe.png');
	width: 131px;
	height: 133px;
	position:absolute;
	display: none;
}
#characterPicWrapper{
	display: flex;
	position: relative;
	/* height: auto; */
}

#characterNameBanner{
	background: url('../images/ui/crime-empire-nameplate.png');
	width: 123px;
	height: 28px;
	text-align: center;
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	background-size: 100% 100%;
	top: 33px;
}
#characterExpLevelWrapper{
	width: 71px;
	height: 71px;
	position: absolute;
	top: 126px;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	align-content: center;
	/* flex-grow: 1; */
}
#headerCurrentSale{
 flex:1;
 display: flex;
 flex-direction: column;
 align-items: center;
 flex: 1;
 display: flex;
 flex-direction: column;
 top: 10px;
 position: relative;
 height: 100%;
 align-items: center;
 pointer-events: none;
}
#headerNavAndStats{
	display:flex;
	flex-direction:column;
	height: 152px;
	flex: 6;
	/* align-items: flex-end; */
	/* width: 74%; */
}
#headerTopRow{
	/* line-height: 34px; */
	/* flex: 5; */
	height: 46px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	z-index: 9;
	pointer-events: all;
}

#headerTopRow #gang::before,#headerTopRow #profile::before,#headerTopRow #chat::before,#headerTopRow #mademen::before,#headerTopRow #casino::before, #safewordslink::before{
	content:"";
	width: 23px;
	height: 100%;
	position: relative;
	/* left: -26px; */
	/* top: -4px; */
	display: flex;
	justify-content: center;
	/* align-self: center; */
	top: 25%;
}
#headerTopRow #gang::before{
	 background: url('../images/ui/crime-empire-search-player-icon.png') no-repeat 0 0;
}
#headerTopRow #profile::before{
	background: url('../images/ui/crime-empire-character-profile-icon.png') no-repeat 0 0;
}
#headerTopRow #chat::before{
	background: url('../images/ui/crime-empire-chat-icon.png') no-repeat 0 0;
}
#headerTopRow #mademen::before{
	background: url('../images/ui/crime-empire-leaderboards-icon.png') no-repeat 0 0;
}
#headerTopRow #casino::before{
	background: url('../images/ui/crime-empire-casino-icon.png') no-repeat 0 0;
}
#headerTopRow #safewordslink::before{
	background: url('../images/safewords/safe-icon.png') no-repeat 0 0;
	background-size: contain;
}
#headerMiddleRow{
	display:flex;
	justify-content:space-between;
	width: 100%;
	height: 41px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family:ubuntu;
	font-size: 19px;
	pointer-events: all;
}

#healthEnergyStamina{
	display:flex;
	width: 33.3%;
	justify-content: space-around;
	/* float: left; */
	/* align-items: center; */
	/* justify-items: center; */
	/* align-content: center; */
}
.character_stat_icon{
	width: 33px;
	height: 31px;
	/* background-size: 100% 100%; */
	background-repeat: no-repeat;
}
#characterPowerRating{
	background: url('../images/ui/crime-empire-header-center.png');
	width: 33.3%;
	height: 94px;
	/* top: 41%; */
	background-size: 100% 55%;
	position: relative;
	background-position-y: 54%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	color:White;
	font-weight:900;
}

#headerCashGold{
	width: 33.3%;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.character_stat_wrapper{
	position: relative;
	display:flex;
	/* justify-content: center; */
	/* align-content: center; */
	/* justify-items: center; */
	align-items: center;
	height: 100%;
	cursor: pointer;
}

#headerBottomRow{}
.topActionNav{
	background:url('../images/ui/crime-empire-button-main.png');
	width:166px;
	height:53px;
	display:flex;
	align-items:center;
	font-size: 18px;
	position: relative;
	font-family: ubuntu;
	color: white;
	cursor: pointer;
	pointer-events: all;
}
#navigation_bar div span{
	width:52;
	height:70px;
	/* flex: 1; */
	background-repeat: no-repeat;
}
#topNavTerritoryIcon{
	background:url('../images/ui/crime-empire-property-icon.png');
}
	
#topNavInventoryIcon{
	background:url('../images/ui/crime-empire-equipment-icon.png');
}
#topNavFamilyIcon{
	background:url('../images/ui/crime-empire-family-icon.png');
}
#topNavJobsIcon{
	background:url('../images/ui/crime-empire-crime-icon.png');
}
#topNavFightIcon{
	background:url('../images/ui/crime-empire-fight-icon.png');
}
.familyWarNav{
	/* background-color:red; */
	font-size: 13px;
	background: url(../images/ui/crime-empire-button-main-war.png);
}

#navigation_bar #territory, #navigation_bar #inventory, #navigation_bar #family, #navigation_bar #jobs, #navigation_bar #fight{/* flex: 2; */font-family: ubuntu;text-align: center;text-transform: uppercase;/* font-size: 18px; */font-weight: 900;width: 142px;}
#main_container
{
	position: absolute;
	top: 15%;
	/* left: 0px; */
	width: 100%;
	margin: 0px;
	/* background: #F3F3F3; */
	background: #111111;
	height: auto;
	background-position: top center;
	background-repeat: no-repeat;
	/* background-size: 100%; */
}

@media only screen and (max-width: 1300px) {
  #main_container {
    min-width: 100%;
  }
}
#newUserWrapper{
	position: relative;
    height: 100%;
}
#main_container_newuser
{
	position: relative;
	top: 143px;
	left: 0px;
	width: 77%;
	color: white;
	padding-bottom: 155px;
	margin: 0 auto;
	background-color: #111111;
}
#navigation_bar	
{position: relative;/*left: 8px;*/top: 26px;/* bottom: 30px; */width: 100%;height: 29px;z-index: 2;display: flex;justify-content: space-around;align-items: center;} 

#sub_nav_equipment
{
	position: absolute;
	right: 0px;
	bottom: 30px;
	width: 501px;
	height: 29px;
	z-index: 2;
	background: url('../images/ui/subnav_equipment.png')	
}
#header_content
{
	position: relative;
	width: 100%;
	height: 202px;
	/* top: -4px; */
	left: 0px;
	background: url('../images/ui/crime-empire-header-repeat.png');
	/* background-position:0px -20px; */
	display:flex;
	flex-direction: row;
	justify-content: center;
	z-index: 100000;
	position: fixed;
	top: 0;
	background-repeat: repeat-x;
	background-repeat-y: no-repeat;
	pointer-events: none;
	transform-origin: top;
}
@media screen and (max-height : 700px) {
/* 	#header_content{
		transform: scale(.75);
	} */
	#chat_header{
		height: 8% !important;
	}
	#chat_content{
		height: 83% !important;
	}
}
#character_information
{
	position: absolute;
	width: 160px;
	height: 93px;
	left: 80px;
	font-family: Verdana;
	color: white;
	font-size: 14px;
}
#character_name
{
	position: relative;
	/* left: 58px; */
	/* height: 23px; */
	font-weight: bold;
	font-size: 13px;
	color: white;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width:200px;
	/* top: -10px; */
}

#character_select_dd {
	position: absolute;
	top: 154px;
	left: 0px;
	width: 12px;
	height: 12px;
	background: url('../images/ui/dropdownarrow.jpg') no-repeat;
	cursor: pointer;
	display: none;
}
#character_select {
	position: absolute;
	top: 91px;
	left: 59px;
	width: 220px;
	font-size: 14px;
	display: none;
	overflow: hidden;
	text-align: left;
	line-height: 25px;
}
.character_select_item {
	height: 30px;
	color: red;
	border: 1px solid grey;
	background-color: black;
	/*opacity: 0.80;*/
	/*filter:alpha(opacity=80);*/
	cursor: pointer;
}
.character_select_item_over {
	color: white;
	background-color: grey;
}
.character_select_new {
	height: 32px;
	font-weight: bold;
	color: white;
	border: 1px solid grey;
	background-color: black;
	opacity: 0.80;
	filter: alpha(opacity=80);
	cursor: pointer;
	font-size: 15px;
	line-height: 16px;
	padding-left: 5px;
}

.character_select_newdon {
	height: 32px;
	font-weight: bold;
	color: gold;
	border: 1px solid goldenrod;
	background-color: black;
	opacity: 0.80;
	filter: alpha(opacity=80);
	cursor: pointer;
	font-size: 15px;
	line-height: 16px;
	padding-left: 5px;
}
.character_select_new_over {
	color: white;
	background-color: grey;
}
#character_level_wrapper{
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	color: white;
	/* font-weight: bold; */
	font-size: 107px;
	/* text-align: left; */
	font-family: ubuntu;
	height: 71px;
	width: 71px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
}
#character_level
{
	font-size: 23px;
}
#character_health
{
	position: absolute;
	top: 34px;
	width: 160px;
	height: 32px;	
	background-image: url('../images/ui/healthfull.png');
	padding-top: 8px;
	background-repeat: no-repeat;
	cursor: pointer;
}
#character_health_content
{
	position: relative;
	top: 10px;	
	cursor: pointer;
}

#character_faction
{
	/* position: absolute; */
	left: 58px;
	top: 26px;
	width: 150px;
	height: 15px;
	color: #969696;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	display: none;
}
#heal_info
{
	position: absolute;
    left: 12px;
    width: 95%;
    height: 22%;
    top: 35px;
    text-align: left;
    font-size: 11px;
    color: white;
}


#character_exp
{
	/* position: absolute; */
	left: 25px;
	top:69px;
	height: 15px;
	color: white;
	font-size: 14px;
	text-align: right;
	/* width: 167px; */
	font-family: eras-demi;
	display: none;
}

#character_expbar_empty
{
	position: relative;
	top: 0;
	left: 0;
	width: 71px;
	height: 71px;
	background-repeat: no-repeat;
	position: absolute;
	/* border: 1px solid #42413D; */
	/* padding-top: 0px; */
	background: url(../images/ui/crime-empire-level-back.png);
}

#character_expbar
{
	/* position: absolute; */
	bottom: 0;
	/* left: 0; */
	width: 55px;
	height: 55px;
	/* position: relative; */
	/* background-repeat: no-repeat; */
	/* background-color: #d5cb59; */
	/* background-image: linear-gradient(to bottom,#d5cb59,#988430); */
	/* background: url(../images/ui/crime-empire-level-white.png); */
	/* transform: rotate(0deg); */
	/* transform-origin: 35.5px 35.5px; */
	/* border-radius: 50%; */
	display: flex;
	/* align-items: center; */
	/* align-content: center; */
	justify-content: center;
	/* justify-items: center; */
	/* align-self: center; */
	z-index: 1;
}
#character_expbar svg{
	height: 100%;
	display: block;
}
#character_expbar::after{
	/* content:''; */
	background-color:white;
	width: 56px;
	height: 56px;
	position: absolute;
	border-radius:50%;
	z-index:999;
	align-self:center;
	justify-self:center;
	/* top: 11%; */
	/* left: 11%; */
}
#travel_italy {
    position: absolute;
    top: 0px;
    left: 315px;
    width: 151px;
    height: 23px;
    cursor: pointer;
    color: #d36624;
    text-align: center;
    line-height: 23px;
}
	

#travel_ny
{
    position: absolute;
    top: 0px;
    left: 315px;
    width: 151px;
    height: 23px;
    cursor: pointer;
    color: #d36624;
    text-align: center;
    line-height: 23px;
	
}
#travel_italy img, #travel_ny img{
	position: absolute;
    z-index: 0;
    left:0px;

}
#travel_italy span, #travel_ny span{
	width: 103px;
    left: 39px;
    font-size: 10px;
    position: absolute;
}
#travel_2
{
	position: absolute;
	top: 74px;
	left: 36px;
	width: 24px;
	height: 16px;
	cursor:pointer;
	
}
#energy_title
{
    position: absolute;
    color: rgb(192,192,192);
    font-size: 8px;
    top: 62px;
    left: 422px;
    z-index: 10;
    font-family: eras-demi;
}
#energy_expbar_empty
{
	position: absolute;
	top:70px;
	left: 422px;
	width: 138px;
	height: 13px;
	background-repeat: no-repeat;
	border: 1px solid #1f1f1f;
	padding-top: 0px;
	background-color: #0f0f0f;
	display: none;
}

#energy_expbar
{
	position: absolute;
	top:71px;
	left: 422px;
	width: 100px;
	height: 13px;
	/* background-image: url(../images/ui/expbarfull.png); */
	background-repeat: no-repeat;
	background-color: #c3323f;
	background-image: linear-gradient(to bottom,#c3323f,#8e1617);
	display: none;
}

#stamina_title
{
	position: absolute;
	color: rgb(192,192,192);
	font-size: 8px;
    top: 62px;
    left: 605px;
    z-index: 10;
    font-family: eras-demi;
}
#stamina_expbar_empty
{
	position: absolute;
	top:70px;
	left: 605px;
	width: 138px;
	height: 13px;
	background-repeat: no-repeat;
	border: 1px solid #1f1f1f;
	padding-top: 0px;
	background-color: #0f0f0f;
	display: none;
}

#stamina_expbar
{
	position: absolute;
	top:71px;
	left: 605px;
	width: 100px;
	height: 13px;
	/* background-image: url(../images/ui/expbarfull.png); */
	background-repeat: no-repeat;
	background-color: #c3323f;
	background-image: linear-gradient(to bottom,#c3323f,#8e1617);
	display: none;
}

#health_title
{
    position: absolute;
    color: rgb(192,192,192);
    font-size: 8px;
    top: 62px;
    left: 241px;
    z-index: 10;
    font-family: eras-demi;
}

#health_expbar_empty
{
    position: absolute;
    top:70px;
    left: 239px;
    width: 138px;
    height: 13px;
    background-repeat: no-repeat;
    border: 1px solid #1f1f1f;
    padding-top: 0px;
    background-color: #0f0f0f;
    display: none;
}

#health_expbar
{
	position: absolute;
	top:71px;
	left: 239px;
	width: 100px;
	height: 13px;
	/* background-image: url(../images/ui/expbarfull.png); */
	background-repeat: no-repeat;
	background-color: #c3323f;
	background-image: linear-gradient(to bottom,#c3323f,#8e1617);
	display: none;
}

#stats_content
{
	position: absolute;
	width: 655px;
	height:100px;
	top: 5px;
	left: 0px;
}

#status_table
{
	position: absolute;
	left: 250px;
	top: 5px;
}

.header_label
{
	color: white;
	/* font-size: 10px; */
	/* font-family: eras-demi; */
	/* font-weight: 100; */
}

#heal_button {
	position: absolute;
	top: 70px;
	left: 94px;
	width: 41px;
	height: 16px;
	cursor: pointer;
}

#character_health_value {
	/* position: absolute; */
	/* top: 69px; */
	/* left: 232px; */
	/* width: 140; */
	/* height: 15; */
	/* text-align: right; */
	/* font-size: 14px; */
	cursor: pointer;
}

#health_timer {
	position: absolute;
	top: 61px;
	left: 316px;
	font-size: 8px;
	display: none;
}

#energy_value {
	/* position: absolute; */
	/* top: 69px; */
	/* left: 418px; */
	/* width: 140; */
	/* height: 15; */
	/* text-align: right; */
	/* 	font-size: 14px; */
}

#energy_timer {
	position: absolute;
	top: 61px;
	left: 500px;
	font-size: 8px;
	display: none;
}

#bank_button {
	position: absolute;
	top: 70px;
	right: 129px;
	width: 41px;
	height: 16px;
	cursor: pointer;
}
#profile_new_msg
{
	position: absolute;
	left: 550px;
	height: 15px;
	color: white;
	background-color: #930000;
	z-index: 35;
	padding: 1px;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 25px;
border-radius: 25px;
}

#combat_msg
{
	position: absolute;
	left: 255px;
	height: 15px;
	top:15px;
	color: white;
	background-color: #930000;
	z-index: 55;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 25px;
	border-radius: 25px;
	display: none;
}

#cash_value {
	/* position: absolute; */
	/* top: 23px; */
	/* left: 535px; */
	color: white;
}

#income_value {
	position: absolute;
	top: 109px;
	left: 534px;
}

#income_timer {
    position: absolute;
    top: 36px;
    left: 534px;
    display: none;
}
#income_timer_timer {
	position: absolute;
	top: 25px;
	left: 692px;
	text-align: center;
	display: none;
}
#stamina_value {
	/* position: absolute; */
	/* top: 69px; */
	/* left: 602px; */
	/* width: 140; */
	/* height: 15; */
	/* text-align: right; */
	/* font-size: 14px; */
	cursor:pointer;
}

#stamina_timer {
	position: absolute;
	top: 61px;
	left: 683px;
	font-size: 8px;
	display: none;
}

#gang_value {
	position: absolute;
	top: 138px;
	left: 660px;
}

#main_content
{
	position: relative;
	/* top: 88px; */
	left: 0px;
	width: 100%;
	min-height: 1020px;
	z-index: 2;
	/* background: url('../images/ui/back_hq.jpg'); */
	background-repeat: no-repeat;
	margin: 0 auto;
	height: auto;
}
@media only screen and (max-width: 900px) {
  #main_content {
    width:100%;
  }
}  
#home {	
	/*width:30px;*/
}



#jobs
{	
	/*width:30px;*/

}

#fight
{	
	/*width:30px;*/


}

#territory   
{	
	/*width:60px;*/
}

#bank   
{	
	/*width:30px;*/
}

#inventory
{
	/*width:63px;*/
}

#hospital   
{	
	/*width:54px;*/
}

#fugitives
{
	/*width:50px;*/
}

#market
{
	/*width:65px;*/
}



#profile
{
	/*width:45px;*/
}

#gang
{
	/*width:53px;*/
}

#mademen
{
	/*width:61px;*/
}
.comingSoonCover{
	pointer-events:none;
}

.comingSoonCover:after
{
	content:"Coming Soon";
	position:absolute;
	background-color: #616161;
	transform: rotate(15deg);
	border: 1px black solid;
	color: black;
	opacity: .9;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	min-width: 83px;
}
.overviewBountyAvatarPic.comingSoonCover:after{
	font-size:20px;
	transform: rotate(5deg);
}

.top-nav{
	position: relative;
	font-family: ubuntu;
	font-size: 12px;
	color: white;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* width: 20%; */
	height: 100%;
	transition: all .2s;
}
.top-nav:active{
	/* background-color: #1b1b1b; */
	transform: scale(1.5);
}

.nav_selected {
	opacity: 1.0;
	color: rgb(255, 255, 255);
	cursor: pointer;
}

#character_pic {
	position: relative;
	cursor: pointer;
	width: 131px;
	height: 133px;
}
#character_pic::after{
	content: '';
	background: url(../images/ui/crime-empire-profile-globe.png);
	width: 134px;
	height: 134px;
	position: absolute;
	left: -1px;
	background-size: 100% 100%;
	top: -1px;
}
#character_pic img{
	border-radius: 50%;
	background: url(../images/ui/crime-empire-profile-globe.png);
	width: 130px;
	height: 130px;
}
#change_pic {
	position: absolute;
	top: 50px;
	left: 5px;
	font-family: Verdana;
	font-size: 20px;
	color: white;
	padding: 2px 8px 2px;
	text-align: center;
	background-color: #131313;
	border: 1px solid red;
	cursor: pointer;

}

#character_infected_pic {
	width: 45px;
	height: 45px;
	/* position: absolute; */
	/* top: 3px; */
	/* left: 5px; */
}

#bloody_hand
{
	width: 760px;
	height: 191px;	
	background-image: url('../images/ui/header1.png');	
}

.giftgold_popup{
	position:absolute;
	width: 205px;
	height: 100px;
	top: 240px;
	left: 270px;
	background: black;
	opacity: 0.80;
	filter:alpha(opacity=80);
	border: 1px solid red;	
}

.captcha_popup{
	position:absolute;
	width: 205px;
	height: 100px;
	top: 240px;
	left: 50%;
	background: black;
	opacity: 0.80;
	filter:alpha(opacity=80);
	border: 1px solid red;	
}
.captcha_popup_g{
	position: absolute;
    width: 100%;
    height: 329px;
    top: 240px;
    /* left: 38%; */
    background: black;
    /* opacity: 0.80; */
    border: 1px solid red;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}
#captcha_img{
	position:absolute;
	top: 25px;
	left: 20px;
}
#gold_img{
	position:absolute;
	top: 27px;
	left: 20px;
}


#bmwindow{
	position:absolute;
	display: none;
	width: 740px;
	height: 800px;
	top: 200px;
	left: 10px;
	background: black;
	opacity: 0.80;
	filter:alpha(opacity=80);
	border: 1px solid #7D7D7D;	
}
#bmw_title {
	position: relative;
	color: #AAA;
	font-size: 16px;
	font-weight: bold;
	top: 10px;
	left:0px;
	width:740px;
	text-align: center;
}
#bmw_close {
	position: absolute;
	top: 0px;
	left: 700px;
	display: block;
	width:20px;
	z-index:2;
	background-image:url("../images/ui/gb1.png");
	background-repeat:no-repeat;
	background-attachment:scroll;
	font-family:tahoma,verdana,arial,sans-serif;
	font-size: 18px;
	color: rgb(170, 170, 170);
	padding: 3px 4px;
	margin: 5px 2px 0px;
	text-align: center;
	background-color: black;
	border: 1px solid rgb(125, 125, 125);
	font-weight:bold;
	font-variant:small-caps;
	cursor: pointer;
}
#bmw_save {
	position: absolute;
	top: 764px;
	left: 500px;
	display: block;
	width:60px;
	height:23px;
	z-index:2;
	background-image:url("../images/ui/gb1.png");
	background-repeat:no-repeat;
	background-attachment:scroll;
	font-family:tahoma,verdana,arial,sans-serif;
	font-size: 14px;
	color: rgb(170, 170, 170);
	text-align: center;
	background-color: black;
	border: 1px solid rgb(125, 125, 125);
	font-weight:bold;
	font-variant:small-caps;
	cursor: pointer;
}
#bmw_open {
	position: absolute;
	top: 758px;
	left: 600px;
	display: block;
	width:70px;
	z-index:2;
	background-image:url("../images/ui/import.png");
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size: 70px 25px;
	font-family:tahoma,verdana,arial,sans-serif;
	font-size: 18px;
	color: rgb(170, 170, 170);
	padding: 3px 4px;
	margin: 5px 2px 0px;
	text-align: center;
	background-color: black;
	font-weight:bold;
	font-variant:small-caps;
	cursor: pointer;
	overflow:hidden;
	height:23px;
}
#file_browse{

margin-left:-145px;

opacity:0;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

}
#bmw_main {
	position: absolute;
	top: 40px;
	width: 732px;
	/*height: 750px;*/
	color: white;
	font-size: 0.7em;
	padding-top: 5px;
	border: 1px solid rgb(125, 125, 125);
	overflow-y: scroll;
	
	overflow-x: hidden;
	left: 3px;
	height:710px;
	-moz-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
	-o-user-select: text;
	user-select: text;
}

#bm_popup{
	position:fixed;
	display: none;
	width: 460px;
	height: 200px;
	top: 240px;
	left: 50%;
    margin-left: -230px;
	background: black;
	opacity: 0.80;
	filter:alpha(opacity=80);
	border: 1px solid #AAA;	
}
#bm_close {
	position: absolute;
	top: 150px;
	left:280px;
	width:100px;
	background-image:url("../images/ui/gb1.png");
	background-repeat:no-repeat;
	background-attachment:scroll;
	font-family:tahoma,verdana,arial,sans-serif;
	font-size: 15px;
	color: rgb(170, 170, 170);
	padding: 3px 4px;
	margin: 5px 2px 0px;
	text-align: center;
	background-color: black;
	border: 1px solid rgb(125, 125, 125);
	font-weight:bold;
	font-variant:small-caps;
	cursor: pointer;
}
#bm_save {
	position: absolute;
	top: 150px;
	left:100px;
	width:100px;
	background-image:url("../images/ui/gb1.png");
	background-repeat:no-repeat;
	background-attachment:scroll;
	font-family:tahoma,verdana,arial,sans-serif;
	font-size: 15px;
	color: rgb(170, 170, 170);
	padding: 3px 4px;
	margin: 5px 2px 0px;
	text-align: center;
	background-color: black;
	border: 1px solid rgb(125, 125, 125);
	font-weight:bold;
	font-variant:small-caps;
	cursor: pointer;	
}

#bm_Title {
	position: absolute;
	color: #AAA;
	font-size: 16px;
	font-weight: bold;
	top: 15px;
	width:460px;
	text-align: center;
}
#bm_modtext {
	position: absolute;
	color: #AAA;
	font-size: 14px;
	top: 50px;
	text-align: center;	
	left:35px;
}

#bm_comment {
	position: absolute;
	color: black;
	font-size: 16px;
	font-weight: bold;
	top: 70px;
	left:35px;
	text-align: left;	
}



#pic_popup{
	position:absolute;
	display: none;
	width: 460px;
	height: 300px;
	top: 240px;
	left: 130px;
	background: black;
	opacity: 0.80;
	filter:alpha(opacity=80);
	border: 1px solid red;	
}
#pic_close {
	position: absolute;
	color: white;
	font-size: 16px;
	font-weight: bold;
	top: 90px;
	left:280px;
	text-align: center;
	border: 1px solid red;
	width:100px;
	cursor:pointer;
}
#pic_save {
	position: absolute;
	color: white;
	font-size: 16px;
	font-weight: bold;
	top: 90px;
	left:100px;
	text-align: center;
	border: 1px solid red;
	width:100px;
	cursor:pointer;	
}
#pic_file {
	position: absolute;
	color: white;
	font-size: 16px;
	font-weight: bold;
	top: 53px;
	left: 10px;
	text-align: left;	
}
#pic_instructions {
	position: absolute;
	color: white;
	font-size: 12px;
	font-weight: bold;
	top: 5px;
	left:50px;
	text-align: center;
}
#pic_modtext {
	position: absolute;
	color: white;
	font-size: 10px;
	top: 122px;
	text-align: center;	
}
#name_inp {
	position: absolute;
	color: white;
	font-size: 16px;
	font-weight: bold;
	top: 190px;
	left:90px;
	text-align: left;	
}
#name_inp input {
	width:212px;
}
#name_check {
	position: absolute;
	color: white;
	font-size: 16px;
	font-weight: bold;
	top: 210px;
	left:305px;
	text-align: center;
	border: 1px solid red;
	width:100px;
	cursor:pointer;	
}
#name_change {
	position: absolute;
	color: white;
	font-size: 16px;
	font-weight: bold;
	top: 210px;
	left:270px;
	text-align: center;
	border: 1px solid red;
	width:180px;
	cursor:pointer;	
}
#name_result{
	position: absolute;
	color: white;
	font-size: 14px;
	top: 240px;
	text-align: center;	
	left:20px;
	width: 430px;
}
#info_popup{
	position:absolute;
	display: none;
	width: 460px;
	color:#5C5CFF;
	top: 240px;
	left: 130px;
	opacity: 0.80;
	filter:alpha(opacity=80);
	text-align: center;
}
#info_desc {
	position: relative;
	width: 515px;
	color:#5C5CFF;
	font-size: 32px;
	font-weight: bold;
	top: -10px;
	text-align: center;
}
#error_popup{
position: absolute;
   	display: none;
    width: 460px;
    top: 240px;

    filter: alpha(opacity=80);
    text-align: center;
    width: 100%;
    height: auto;
    min-height: 200px;
    background-color: black;
    border: 1px solid white;
}
#error_desc {
    position: relative;
    font-size: 32px;
    font-weight: bold;
    color: #5C5CFF;
    text-align: center;	
}
.row_divider {
	background: url('../images/ui/syn_divider.png');
	width: 760px;
	height: 1px;
	position: relative;
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
}
.big_row_divider {
	background: url('../images/ui/divide_big.png');
	width: 760px;
	height: 15px;
	position: relative;
	top: 0px;
	left: 0px;
}
.not_available {
	color: white;
	text-align: center;
	width: 605px;
	top: 20px;
	font-size: 15px;
	font-family: Verdana;
}
.timer
{
	font-size: 10px;
	color: grey;
	font-weight: bold;
}

#vault_header {
	cursor: pointer;
}
#vault_value {
	cursor: pointer;
	display: none;
}
#vault_popup
{
	position: absolute;
    top: 150px;
    left: 110px;
    color: white;
    background: url(../images/ui/bankl_popup.png);
    width: 535px;
    height: 367px;
    display: none;
    font-size: 12px;
    z-index: 5;
}
#vault_cash_available
{
	position: absolute;
    top: 325px;
    font-size: 20px;
    color: #7CEB0A;
    font-weight: bold;
    width: 295px;
    text-align: left;
    left: 240px;
}
#cash_header {
	cursor: pointer;
}
#cash_value {
	cursor: pointer;
}
#vault_deposit_amount
{

}
#vault_withdraw_amount
{

}
#vault_amount {
	position: relative;
	right: -56px;
	top: -4px;
}
#vault_deposit_button
{
	position: absolute;
	top: 190px;
	left: 29px;
	width: 133px;
	height: 30px;
	cursor: pointer;
}
#vault_withdraw_button
{
	position: absolute;
	top: 311px;
	left: 29px;
	width: 133px;
	height: 30px;
	cursor: pointer;
}
#cancel_vault_button
{
	position: absolute;
    top: 11px;
    right: 14px;
    width: 108px;
    height: 38px;
    cursor: pointer;
    font-weight: 900;
    text-align: center;
    line-height: 38px;

}
#blood_splatter {
	background: url('../images/ui/bloodsplatter.png');
	width: 760px;
	height: 800px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	background-size: 625px 685px;
	background-repeat: no-repeat;
	width: 580px;
	height: 490px;
}
#blood_splatter_desc1 {
	position: relative;
	top: 225px;
	left: 105px;
	color: white;
	font-family: sa;
	font-size: 74px;	
	width:540px;
	background-color:#250517
}
#blood_splatter_desc2 {
	position: relative;
	top: 225px;
	left: 305px;
	color: white;
	font-family: sa;
	font-size: 24px;
	text-align:center;
	background-color:#250517;
	width:320px;
	height:20;
	padding: 0px 10px 10px;	
}
#blood_splatter_black {
	background: url('../images/ui/achievment-back.png');
	background-repeat: no-repeat;
	width: 500px;
	height: 500px;
	position: absolute;
	top: 150px;
	left: 150px;
	display: none;
}
#heal_popup
{
	position: absolute;
    top: 300px;
    left: 110px;
    color: white;
    background-image: url(../images/ui/gb1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: black;
    border: 1px solid rgb(125, 125, 125);
    width: 480px;
    height: 260px;
    display: none;
    font-size: 12px;
    z-index: 5;
    overflow: hidden;
}
#heal_popup_close {
	position: absolute;
    top: -6px;
    right: -3px;
    display: block;
    width: 25px;
    height: 25px;
    background-color: black;
    font-size: 18px;
    color: rgb(199, 36, 36);
    padding: 3px 4px;
    margin: 5px 2px 0px;
    text-align: center;
    border: 1px solid rgb(125, 125, 125);
    font-weight: bold;
    font-variant: small-caps;
    cursor: pointer;
}
#heal_popup_desc
{
	position: relative;
	top: 250px;
	left: 10px;
	font-family:tahoma,verdana,arial,sans-serif;
	font-size: 15px;
	color: white;
	padding: 3px 4px;
	margin: 5px 2px 0px;
	background-color: black;
	cursor: pointer;
}
#heal_popup_title
{
	position: absolute;
    top: 0px;
    left: 5px;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 22px;
    color: white;
    padding: 3px 4px;
    margin: 5px 2px 0px;
    font-weight: bold;
}

#heal_popup_cash_button
{
	position: absolute;
	top: 43%;
	left: 3%;
	width: 40%;
	height: 26px;
	font-size: 16px;
	color: rgb(170, 170, 170);
	padding: 10px 5px 5px 5px;
	text-align: center;
	background-color: black;
	border: 1px solid rgb(0, 128, 0);
	cursor: pointer;
}
#heal_popup_cash_cost
{
	position: absolute;
	top: 31%;
	left: 7%;
	width: 34%;
	/* height: 12%; */
	font-size: 15px;
	color: green;
	font-weight: bold;
	/* padding-top: 5px; */
	text-align: center;
}
#heal_popup_gold_button
{
	position: absolute;
	top: 43%;
	right: 3%;
	width: 40%;
	height: 26px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	font-size: 16px;
	color: rgb(170, 170, 170);
	padding: 10px 5px 5px 5px;
	text-align: center;
	background-color: black;
	border: 1px solid rgb(243, 201, 37);
	cursor: pointer;
	overflow: hidden;
}
#heal_popup_gold_cost
{
	position: absolute;
	top: 31%;
	left: 60%;
	width: 27%;
	font-size: 15px;
	color: #f3c925;
	font-weight: bold;
	text-align: center;
}
#heal_popup_health_eq {
	position: absolute;
	top: 105px;
	left: 35px;
	width: 100px;
	height: 100px;
	color: white;
	font-family: Verdana;
	font-size: 12px;
	cursor: pointer;
}
#heal_popup_infection_serum_eq {
	position: absolute;
	top: 105px;
	left: 190px;
	width: 100px;
	height: 100px;
	color: white;
	font-family: Verdana;
	font-size: 12px;
	cursor: pointer;
}
#levelup_popup {
	background: url('../images/ui/levelup.jpg');
	width: 659px;
	height: 414px;
	position: absolute;
	top: 215px;
	left: 50px;
	display: none;
}
#levelup_popup_strength {
	position: absolute;
	top: 191px;
	left: 385px;
	width: 50px;
	height: 26px;
	color: #B31313;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
}
#levelup_popup_strength_plus {
	position: absolute;
	top: 195px;
	left: 438px;
	width: 23px;
	height: 22px;
	cursor: pointer;
}
#levelup_popup_toughness {
	position: absolute;
	top: 220px;
	left: 385px;
	width: 50px;
	height: 26px;
	color: #B31313;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
}
#levelup_popup_toughness_plus {
	position: absolute;
	top: 224px;
	left: 438px;
	width: 23px;
	height: 22px;
	cursor: pointer;
}
#levelup_popup_endurance {
	position: absolute;
	top: 250px;
	left: 385px;
	width: 50px;
	height: 26px;
	color: #B31313;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
}
#levelup_popup_endurance_plus {
	position: absolute;
	top: 254px;
	left: 438px;
	width: 23px;
	height: 22px;
	cursor: pointer;
}
#levelup_popup_finess {
	position: absolute;
	top: 281px;
	left: 385px;
	width: 50px;
	height: 26px;
	color: #B31313;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
}
#levelup_popup_finess_plus {
	position: absolute;
	top: 284px;
	left: 438px;
	width: 23px;
	height: 22px;
	cursor: pointer;
}
#levelup_popup_vilality {
	position: absolute;
	top: 309px;
	left: 385px;
	width: 50px;
	height: 26px;
	color: #B31313;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
}
#levelup_popup_vilality_plus {
	position: absolute;
	top: 313px;
	left: 438px;
	width: 23px;
	height: 22px;
	cursor: pointer;
}
#levelup_popup_available {
	color: #B31313;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}
#levelup_popup_remaining {
	position: relative;
	/*top: 361px;*/
	/*left: 389px;*/
	/*width: 70px;*/
	/*height: 40px;*/
	color: #B31313;
	text-align: center;
	font-weight: bold;
	font-size: 33px;
	margin:5px;
}
#levelup_popup_reset {
	position: relative;
    /*top: 375px;*/
    /*left: 489px;*/
    /*width: 40px;*/
    /*height: 16px;*/
    cursor: pointer;
    color: white;
    font-size: 12px;
    margin:5px;
}
#levelup_popup_save {
    position: relative;
    /*top: 365px;*/
    /*left: 537px;*/
    cursor: pointer;
    text-align: center;
    background-color: #131313;
    background: url(../images/ui/button_save.png);
    height: 33px;
    width: 120px;
    font-family: 'co';
    color: white;
    line-height: 33px;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-size: 25px;
}
#levelup_popup_stats {
	width: 120px;
	height: 28px;
	position: absolute;
	top: 234px;
	right: 37px;
	cursor: pointer;
}
#resetskills {
    position: absolute;
    top: 44px;
    right: 10px;
    cursor: pointer;
    font-family: Tahoma;
    font-size: 16px;
    color: white;
    font-weight: bold;
    /* padding: 2px 8px 2px; */
    text-align: center;
    background-color: #131313;
    background: url(../images/ui/reset_points.png);
    height: 101px;
    width: 121px;
}
#levelup_popup_close {
	position: absolute;
	top: 5px;
	right: 10px;
	cursor: pointer;
	font-family: Tahoma;
	font-size: 16px;
	color: white;
	font-weight: bold;
	padding: 2px 8px 2px;
	text-align: center;
	background-color: #131313;
	background: url('../images/ui/button_close.png');
	height:30px;
	width:105px;
	line-height: 30px;
}
#daily_popup {
	background: url('../images/ui/dailypop.jpg');
	width: 659px;
	height: 414px;
	position: absolute;
	top: 215px;
	left: 50px;
	display: none;
}
#daily_popup_cash {
	position: absolute;
	top: 175px;
	left: 260px;
	width: 398px;
	height: 40px;
	color: #74DE07;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
}
#daily_popup_items {
	position: absolute;
	top: 260px;
	left: 300px;
	width: 398px;
	height: 80px;
}
#daily_popup_close {
	position: absolute;
	top: 363px;
	left: 537px;
	width: 110px;
	height: 40px;
	cursor: pointer;
}
.daily_item {
	position: relative;
	width: 80px;
	height: 80px;
}
.notification {
	color: white;
	top:108px;
	background-color: blue;
	z-index: 34;
	position: absolute;
	padding: 1px;
	font-size: 11px;
	font-weight: bold;
}
.daily_pop_item_name {
	position: relative;
	top: 0px;
	left: 0px;
	width: 130px;
	text-align: center;
	font-size: 15px;
	color: white;
}
.daily_pop_item_image {
	position: relative;
	top: 2px;
	width: 60px;
	height: 60px;
	left: 5px;
}
.daily_pop_item_atk {
	position: relative;
	top: -54px;
	left: 66px;
	width: 65px;
	color: white;
	font-size: 13px;
}
.daily_pop_item_def {
	position: relative;
	top: -50px;
	left: 66px;
	width: 65px;
	color: white;
	font-size: 13px;
}
#request_sent_popup {
	background: url('../images/ui/request_success.png');
	width: 401px;
	height: 275px;
	position: absolute;
	top: 350px;
	left: 175px;
	display: none;
}
#request_sent_popup_close {
	position: absolute;
	top: 219px;
	left: 275px;
	width: 110px;
	height: 40px;
	cursor: pointer;
}
.gift_popup {
	background: url('../images/ui/giftpop.png');
	width: 659px;
	height: 414px;
	position: absolute;
	top: 215px;
	left: 50px;
}
.gift_popup_from {
	position: absolute;
	top: 110px;
	left: 338px;
	color: white;
	font-size: 12px;
}
.gift_popup_item {
	position: absolute;
	top: 200px;
	left: 329px;
	width: 88px;
	height: 82px;
}
.gift_popup_stats {
	position: absolute;
	top: 200px;
	left: 440px;
	width: 205px;
	height: 82px;
	color: white;
	line-height: 25px;
}
.gift_popup_close {
	position: absolute;
	top: 363px;
	left: 537px;
	width: 110px;
	height: 40px;
	cursor: pointer;
}
#supplies_sent_popup
{
	position: absolute;
	top: 280px;
	left: 185px;
	color: white;
	background: url('../images/ui/supplies_sent.png');
	width: 401px;
	height: 275px;
	display: none;
	font-size: 12px;
	z-index: 5;
}
#supplies_sent_popup_close {
	position: absolute;
	top: 219px;
	right: 16px;
	display: block;
	width: 109px;
	height: 39px;
	cursor: pointer;
}

.drsElement {
 position: absolute;
 border: 1px solid #333;
}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
*/
.drsMoveHandle {
 height: 20px;
 background-color: #CCC;
 border-bottom: 1px solid #666;
 cursor: move;
}

/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.dragresize {
 position: absolute;
 width: 5px;
 height: 5px;
 font-size: 1px;
 background: #EEE;
 border: 1px solid #333;
}

/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/
.dragresize-tl {
 top: 1px;
 left: 1px;
 cursor: nw-resize;
}
.dragresize-tm {
 top: 1px;
 left: 50%;
 margin-left: 1px;
 cursor: n-resize;
}
.dragresize-tr {
 top: 1px;
 right: 1px;
 cursor: ne-resize;
}

.dragresize-ml {
 top: 50%;
 margin-top: -4px;
 left: 1px;
 cursor: w-resize;
}
.dragresize-mr {
 top: 50%;
 margin-top: -4px;
 right: 1px;
 cursor: e-resize;
}

.dragresize-bl {
 bottom: 1px;
 left: 1px;
 cursor: sw-resize;
}
.dragresize-bm {
 bottom: 1px;
 left: 50%;
 margin-left: -4px;
 cursor: s-resize;
}
.dragresize-br {
 bottom: 1px;
 right: 1px;
 cursor: se-resize;
}
#supportTicketCategory{
	position: absolute;
	top: 262px;
	right: 228px;
}
#replyRequested{
	position: relative;
}
#replyEmail{
	display:none;
	position: absolute;
	top: 306px;
	right: 168px;
}
#replyRequestedContainer{
	position: absolute;
	top: 284px;
	right: 191px;
	color: black;
}
#responseEmailContainer{
	display:none;
	position: absolute;
    top: 312px;
    right: 346px;
    color: black;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

}

.mce-tinymce{
	left: 279px;
    top: 95px;
}
#buffs{
	position: absolute;
	top: 1px;
	left: 497px;
	width:500px;
	height:20px;
	border: 0px solid red;
	z-index: 999;
	display: none;
}
#buff1{
	position: red;
	top: 00px;
	width:20px;
	height:20px;
	/*border: 0px solid red;*/
	/*background-color: black;*/
	float: left;
}
#buff2{
	position: relative
	top: 00px;
	width:20px;
	height:20px;
	/*left:24px;*/float: left;
	border: 0px solid red;
}
#buff3{
	position: relative;
	top: 00px;
	width:20px;
	height:20px;
	/*left:48px;*/float: left;
	border: 0px solid red;
}
#buff4{
	position: relative;
	top: 00px;
	width:20px;
	height:20px;
	/*left:72px;*/float: left;
	border: 0px solid red;
}
#buff5{
	position: relative;
	top: 00px;
	width:20px;
	height:20px;
	/*left:96px;*/float: left;
	border: 0px solid red;
}
#buff6{
	position: relative;
	top: 00px;
	width:20px;
	height:20px;
	/*left:120px;*/float: left;
	border: 0px solid red;
	z-index: 999;
}
#buff7{
	position: relative;
	top: 00px;
	width:20px;
	height:20px;
	/*left:144px;*/float: left;
	border: 0px solid red;
	z-index: 999;
}
#buff8{
	position: relative;
	top: 00px;
	width:20px;
	height:20px;
	/*left:144px;*/float: left;
	border: 0px solid red;
	z-index: 999;
}
#buff9{
	position: relative;
	top: 00px;
	width:20px;
	height:20px;
	/*left:164px;*/float: left;
	border: 0px solid red;
	z-index: 999;
}
#buff10{
	position: relative;
	top: 00px;
	width:20px;
	height:20px;
	/*left:184px;*/float: left;
	border: 0px solid red;
	z-index: 999;
}
#buff11{
	position: relative;
	top: 00px;
	width:20px;
	height:20px;
	/*left:204px;*/float: left;
	border: 0px solid red;
	z-index: 999;
}
#buff12{
	position: relative;
	top: 00px;
	width:20px;
	height:20px;
	/*left:224px;*/float: left;
	border: 0px solid red;
	z-index: 999;
}
#buff13{
	position: relative;
	top: 00px;
	width:20px;
	height:20px;
	/*left:244px;*/float: left;
	border: 0px solid red;
	z-index: 999;
}

#buff14{
	border-color:red;
	color: red;
	display: none;
}
#buff15{
	border-color: #6363ff;
    color: #6363ff;
}
#buff16{
	border-color:green;
    color: green;
}
#buff17{
	border-color:yellow;
    color: yellow;
}

.activityBuffs{
	position: relative;
	top: -2px;
	width: 14px;
	height: 14px;
	float: left;
	border: 2px solid;
	border-radius: 5px;
	z-index: 999;
	font-size: 11px;
	display: flex;
	justify-content: center;
	font-weight: 900;
	margin-left: 3px;
	display: none;
}

#notAllowed{
	position:absolute;
	left:50%;
	top:300px;
	width:500px;
	margin-left:-250px;
	background-color:grey;
	padding:20px;
	display:none;
}

#luxPopup{
    display: none; 
    width: 664px;
    height: 761px;
    background: url('../images/whatisluxcom.png');
    position: fixed;
    top: 78px;
    left: 0px;
    z-index: 999;
    border: 50px solid rgb(0, 0, 0);
    border: 50px solid rgba(0, 0, 0, .85);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    cursor:pointer;
}

#luxClose{
	display: none;
    width: 25px;
    height: 25px;
    position: fixed;
    right: 51px;
    top: 131px;
    cursor: pointer;

    z-index: 9999
}

#luxVerification{
    display: none; 
    width: 664px;
    height: 688px;
    background: url('../images/whatisluxcom2.png');
    position: fixed;
    top: 78px;
    left: 0px;
    z-index: 999;
    border: 50px solid rgb(0, 0, 0);
    border: 50px solid rgba(0, 0, 0, .85);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    cursor:pointer;
}
#kickstarterName{
	position: absolute;
    top: 483px;
    left: 18px;
    width: 294px;
    height: 53px;
    font-size: 27px;
    background: transparent;
    border: none;
}

#pledgeAmount{
	position: absolute;
    top: 483px;
    left: 338px;
    width: 303px;
    height: 53px;
    font-size: 27px;
    background: transparent;
    border: none;
}

#sendForVerification{
	width: 226px;
    height: 51px;
    position: absolute;
    top: 581px;
    right: 23px;
    cursor: pointer;
}

#sysmessageKickstarter{
	width: 335px;
    cursor: pointer;
    position: absolute;
    background: url('../images/lux-kickstarter.png');
    height: 127px;
    background-size: 100%;
    left: -33px;
    border: 1px solid white;
    top: 9px;
}

#wrapper{
	position: relative;
	/* margin: 0 auto; */
	width: 100%;
	/* 	background-color: black; */
	display: flex;
	justify-items: center;
	flex-direction: column;
	align-items: center;
	height: auto;
	position: fixed;
	z-index: 99;
	min-width: 1000px;
}
#cash_icon{
	/* position: absolute; */
	background: url('../images/ui/crime-empire-cash-icon.png');
	width: 33px;
	height: 31px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	/* top:65px; */
	/* left:220px; */
	cursor: pointer;
}
#gold_icon{
	/* position: absolute; */
	background: url('../images/ui/crime-empire-gold-icon.png');
	width: 33px;
	height: 31px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	/* top:65px; */
	/* left:220px; */
	cursor: pointer;
}
#health_icon{
	/* position: absolute; */
	background: url('../images/ui/crime-empire-health-icon.png');
	width: 33px;
	height: 31px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	/* top:65px; */
	/* left:220px; */
	cursor: pointer;
}
#energy_icon{
	/* position: absolute; */
	background: url('../images/ui/crime-empire-energy-icon.png');
	/* width:20px; */
	/* height:20px; */
	/* background-size: 100% 100%; */
	/* background-repeat: no-repeat; */
	/* top:65px; */
	/* left:403px; */
}
#stamina_icon{
	/* position: absolute; */
	background: url('../images/ui/crime-empire-stamina-icon.png');
	/* width:20px; */
	/* height:20px; */
	/* background-size: 100% 100%; */
	/* background-repeat: no-repeat; */
	/* top:65px; */
	/* left:585px; */
	/* cursor:pointer; */
}
#level_icon{
	width:20px;
	height:20px;
	top: 6px;
	left: 5px;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	position: absolute;
	background: url(../images/ui/crime-empire-level-front.png);
	background-size: 100% 100%;
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	z-index: 2;
}

.mob_button{
    background-image: url(../images/ui/gb1.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 15px;
    color: rgb(170, 170, 170);
    padding: 3px 4px;
    margin: 5px 2px 0px;
    text-align: center;
    background-color: black;
    border: 1px solid rgb(125, 125, 125);
    font-weight: bold;
    font-variant: small-caps;
    cursor: pointer;
    background-size: 100% 100%;
}


.fbloginbackground{
	background: url(../images/ui/blur_mob.jpg);
	background-size: 100% 100%; 
	background-position: top center;
	height: 1080px;
	background-size: cover;
}

.header_title{
	text-transform: uppercase;
}

#lookingforanedge{
	position: absolute;
    color: grey;
    top: 43px;
    left: 19px;
    font-size: 11px;
    font-weight: 900;
    width: 180px;
    font-family: tahoma;
}
#pickupsome{
	position: absolute;
    font-style: italic;
    color: grey;
    left: 19px;
    top: 103px;
    font-size: 11px;
    font-weight: 900;
}
#hqfeaturedweapons{
	position: absolute;
    font-family: 'co';
    color: #ce7e33;
    top: 113px;
    left: 31px;
    font-size: 32px;
}
#availableJobs{
	font-family: 'co';
    color: #c7c8c8;
    position: absolute;
    top: 11px;
    left: 13px;
    font-size: 17px;
}

#popup_achievement_earned{
	color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    position: absolute;
    top: 25px;
    left: 108px;
    text-align: center;
    width: 351px;
    font-size: 29px;
    font-weight: 900;
    font-family: fantasy;
}

#levelup_popup_title{
    position: absolute;
    color: white;
    font-family: 'co';
    top: 11px;
    left: 25px;
    font-size: 37px;
    text-align: right;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#levelup_popup_description{
	position: absolute;
    color: white;
    font-family: tahoma;
    font-weight: 900;
    font-size: 14px;
    left: 255px;
    top: 144px;
    width: 381px;

}
#levelup_popup_attack_power_title{
	position: absolute;
	top:189px;
}
#levelup_popup_attack_power_description{
	position: absolute;
	top:200px;
	
}
#levelup_popup_defense_power_title{
	position: absolute;
	top:218px;
}
#levelup_popup_defense_power_description{
	position: absolute;
	top:229px;
}
#levelup_popup_max_health_title{
	position: absolute;
	top:247px;
}
#levelup_popup_max_health_description{
	position: absolute;
	top:258px;
}
#levelup_popup_max_energy_title{
	position: absolute;
	top: 276px;
}
#levelup_popup_max_energy_description{
	position: absolute;
	top: 287px;
}
#levelup_popup_max_stamina_title{
	position: absolute;
	top: 305px;
}
#levelup_popup_max_stamina_description{
	position: absolute;
	top: 316px;
}
.skill_point_title{
	font-family: fantasy;
    color: white;
    right: 283px;
    text-align: right;
    font-size: 25px;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.skill_point_description{
	color: white;
    font-size: 12px;
    left: 466px;
}
#levelup_popup_remaining_title{
	position: relative;
    /*bottom: 16px;*/
    color: white;
    /*right: 283px;*/
    text-transform: uppercase;
    text-align: right;
    margin:5px;
}
#levelup_popup_bottom_wrapper{
	display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 662px;
    align-content: space-around;
    bottom: 27px;
    position: absolute;
}

#resetall_title{
	font-size: 12px;
    width: 100%;
    position: absolute;
    top: 2px;
    color:yellow;
}
#resetall_subtitle{
	font-size: 10px;
    position: absolute;
    top: 15px;
    width: 100%;
}
#resetall_description{
	font-size: 12px;
    position: absolute;
    top: 33px;
    width: 100%;
}
#skillpointreset_buynow{
	position: absolute;
    top: 78px;
    left: 2px;
    width: 64px;
}
#header_available_gold{
    /* position: absolute; */
    color: #FADB62;
    /* font-weight: bold; */
    /* font-size: 14px; */
    /* right: 282px; */
    /* top: 29px; */
    cursor: pointer;
    /* text-align: right; */
}
#header_available_gold::before {
    /* content:""; */
    /* background: url('../images/ui/gold_small.png') no-repeat 0 0; */
    /* width: 20px; */
    /* height: 20px; */
    /* position: absolute; */
    /* left: -18px; */
    /* top: 2px; */
}
#header_available_gold::after {
/*     content: "+";
    padding: 2px;
    margin: 0 0 0 5px!important;
    color: white;
    border: 1px solid #6d6d6d ;
    height: 8px;
    width: 9px;
    line-height: 9px;
    display: inline-block;
    font-size: 10px;
    vertical-align: middle; */
}

#profileItem{
	width: 62px;
    height: 62px;
    background-size: 100% 100%;
}

#heal_box_stamina_refill{
	position: absolute;
	top: 73%;
	left: 54%;
	width: 40%;
	height:auto;
	min-height: 26px;
	font-size: 16px;
	color: rgb(170, 170, 170);
	padding: 10px 5px 5px 5px;
	text-align: center;
	background-color: black;
	border: 1px solid rgb(255, 125, 13);
	cursor: pointer;
}
#heal_box_stamina_refill_cost{
	position: absolute;
	top: 64%;
	left: 57%;
	width: 34%;
	/* height: 12%; */
	font-size: 15px;
	color: #f3c925;
	font-weight: bold;
	/* padding-top: 5px; */
	text-align: center;
}
#heal_box_suicide_pill{
	position: absolute;
	top: 73%;
	left: 3%;
	width: 40%;
	height:auto;
	min-height: 26px;
	font-size: 16px;
	color: rgb(170, 170, 170);
	padding: 10px 5px 5px 5px;
	text-align: center;
	background-color: black;
	border: 1px solid rgb(74, 74, 74);
	cursor: pointer;
}
#heal_box_suicide_pill_amount{
	position: absolute;
	top: 64%;
	left: 7%;
	width: 34%;
	/* height: 12%; */
	font-size: 15px;
	color: green;
	font-weight: bold;
	/* padding-top: 5px; */
	text-align: center;
}

#bestValueSafeHouse{
	position: absolute;
	right: 21px;
	color: white;
	top: 26px;
	font-size: 12px;
	display: none;
}

#bestValueName{
	font-weight:900;
	color:#22b8e4
}

.safehouse_best_value{
	background-color:#002935 !important;
}

#healBoxExtras{
	position: absolute;
    left: 154px;
    cursor: pointer;
    top: 16px;
    font-size: 9px;
    text-decoration: underline;
}
#healBoxExtras span{
	vertical-align:top;
	font-size:6px;
}
#footerbottom{
    position: fixed;
    bottom: 0;
    height: 35px;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 -3px 20px 0px black;
    background-color: #222;
}

#footerunder{

    position: relative;
    height: 80px;
    width: 100%;
    z-index: 999999;
    background: black;
}

#copytext{
	position: absolute;
	right:20px;
	color:white;
	font-size:12px;
	line-height: 35px;

}

.flashred {
  animation: pulse .5s infinite alternate;
}

@keyframes pulse {
  0% {
   color: white;
  }
  100% {
    color: red;
    
  }
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.unlockedHealBox{
	background: url('../images/ui/unlocked.png') no-repeat 0 0;
}

.lockedHealbox{
	background: url('../images/ui/locked.png') no-repeat 0 0;
}

#healboxLockUnlock{
	position: absolute;
	width:29px;
	height:35px;
	right: 51px;
    top: 5px;
    cursor: pointer;
}

#superrewards{
	position: relative;
    top: 0px;
    z-index: 9999;
    width: 100%;
    background-color: black;
}
#hourlySpecialPercentage{
	font-size: 15px;
	color: white;
	text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000;
	left: 0px;
	position: relative;
}
#more, #hourlySpecialItem{
	font-size:12px;
	left: -6px;
	position: relative;
}
#hourlySpecialTimerGoldWindow{
	position:absolute;
	bottom: 9px;
	font-size:12px;
	left: 29px;
}

#support{
	background:url('../images/ui/crime-empire-support-icon.png') no-repeat 0 0;
	width:79px;
	height:24px;
	left: -8px;
	position: relative;
	visibility: hidden;
	pointer-events: none;
}

.switch {
  margin-left:5px;
  position: relative;
  display: inline-block;
  width: 80px;
  height:35px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
   border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 2px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #3Ec383;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(48px);
  -ms-transform: translateX(48px);
  transform: translateX(48px);
}

.slider:after
{
 content:'OFF';
 color: white;
 display: block;
 position: absolute;
 transform: translate(-50%,-50%);
 top: 50%;
 left: 50%;
 font-size: 10px;
 font-family: Verdana, sans-serif;
}

input:checked + .slider:after
{  
  content:'ON';
}
#hospital_flyout{
	top: 88px;
	left: 156px;
}

#gym_flyout{
    top: 92px;
    left: 371px;
}

#pub_flyout{
	top: 92px;
	left: 246px;
}
#bank_flyout{
	top: 92px;
	left: 726px;
}
.header_stats_flyout{
	width: 234px;
	position:absolute;
	background-color: #171b1d;
	z-index: 104;
	box-shadow: 6px 6px rgba(0, 0, 0, 0.5);
	border-image-source: linear-gradient(#141516, #646266) !important;
	border-image-slice: 1 !important;
	border-top: none !important;
	overflow: hidden;
	 /* Safari */
	
	 /* Safari */
	transition: border .2s ease-out, max-height .2s ease-out;
}
.flyout_section{
	position: relative;
	height: 90px;
	border-bottom: 3px #060809 solid;
}
.buy_cash_section{
	background-image: url(../images/ui/bank/crime-empire-bank4.png);
	background-repeat: no-repeat;
	/* top: 3px; */
	position: relative;
	height: 59px !important;
	display: flex;
	justify-content: center;
	align-items: center;
}
.flyout_title_image{
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
}
.flyout_title{
	padding-top:5px;
	display:flex;
	justify-content:center;
	align-items:baseline;
	color:white
}
#hospital_flyout .flyout_section .flyout_title .flyout_title_image{
	background-image: url('../images/ui/hospital/crime-empire-hospital1.png');
	background-repeat:no-repeat;
	padding-right:5px;
}
#bank_flyout .flyout_section .flyout_title .flyout_title_image{
	background-image: url('../images/ui/bank/crime-empire-bank1.png');
	background-repeat:no-repeat;
	padding-right:5px;
}
#gym_flyout .flyout_section .flyout_title .flyout_title_image{
	background-image: url('../images/ui/gym/crime-empire-gym1.png');
	background-repeat:no-repeat;
	padding-right:5px;
}
#pub_flyout .flyout_section .flyout_title .flyout_title_image{
	background-image: url('../images/ui/pub/crime-empire-pub1.png');
	background-repeat:no-repeat;
	padding-right:5px;
}
#bank_flyout .flyout_section{
	height: 65px;
}
#bank_flyout .flyout_section.withdraw, #bank_flyout .flyout_section.deposit{
	height: 95px;
}
#bank_vault_amount{
	color:white;
	width:100%;
	text-align:center;
	background-color:#09090A;
	top:5px;
	position:relative;
	font-size:22px;
	line-height:30px;
}
.stats_auto_status{
	font-family:ubuntu;
	background-color:black;
	color:white;
	display:flex;
	justify-content:center;
	align-items:center;
	height: 41px;
}

.fly_sec_title_row{
	display:flex;
	justify-content: center;
	align-items: baseline;
	height: 35%;
	margin-top: 3%;
}

.fly_sec_icon{
	width: 17px;
	height: 17px;
	background-size: 100% 100%;
	display:inline-block;
	background-repeat: no-repeat;
	top: 3px;
	position: relative;
}
#flyout_deposit_icon{
	background-image: url('../images/ui/bank/crime-empire-bank3.png');
	background-repeat:no-repeat;
	top: 3px;
	position: relative;
}
#flyout_take_icon{
	background-image: url('../images/ui/bank/crime-empire-bank2.png');
	background-repeat:no-repeat;
	top: 3px;
	position: relative;
}
#flyout_cash_heal_icon{
	background-image: url('../images/ui/hospital/crime-empire-hospital2.png');
	background-repeat:no-repeat;
	top: 3px;
	position: relative;
}
#flyout_gold_heal_icon{
	background-image: url('../images/ui/hospital/crime-empire-hospital3.png');
	background-repeat:no-repeat;
	top: 3px;
	position: relative;
}
#flyout_gold_stamina_icon{
	background-image: url('../images/ui/gym/crime-empire-gym2.png');
	background-repeat:no-repeat;
	top: 3px;
	position: relative;
}
#flyout_gold_energy_icon{
	background-image: url('../images/ui/pub/crime-empire-pub2.png');
	background-repeat:no-repeat;
	top: 3px;
	position: relative;
}
.fly_sec_name{
	color:white;
	font-size: 16px;
	padding-left: 5px;
	padding-right: 5px;
}

.fly_sec_detail{
	color:grey;
	font-size:9px
}

.flyout_row_action{
	height: 40%;
	display: flex;
	justify-content: space-around;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	align-items: baseline;
	position: relative;
	top: -5px;
}
#bank_flyout .flyout_row_Action{
	top:5px;
	height: 30px;
}
.flyout_row_action input{
	width: 100%;
	height: 27px;
}
.flyout_result{
	height: 25%;
	color: white;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
}
#withdraw_info.flyout_result{
	height: 35%;
}

#deposit_info.flyout_result{
	height: 35%;
}

.flyout_cost_cash_icon{
	display:inline-block;
	width:25px;
	height:30px;
	background-image:url('../images/ui/crime-empire-cash-small.png');
	background-size:100% 100%;
	top: 9px;
	position: relative;
}
.flyout_cost_gold_icon{
	display: inline-block;
	width:25px;
	height:25px;
	background-image:url('../images/ui/crime-empire-gold-small.png');
	background-size:100% 100%;
	top: 9px;
	position: relative;
}
.flyout_action_button{
	width: 57px;
	height: 25px;
	cursor: pointer;
	line-height: 25px;
	text-align: center;
	/* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
	font-family: Ubuntu;
	text-transform: uppercase;
	border: 2px solid white;
	border-image-slice: 1;
	/* flex: 1 1 0; */
}
#bank_flyout .flyout_action_button{
	width: 32%;
	/* left: 17px; */
	color: #86B036;
	border-color: #86b036;
	border-radius: 4px;
	font-size: 16px;
}
#bank_flyout #gold_cash{
	color: #D5C154 !important;
	border-image-source: linear-gradient(#fdf0ad, #e1b202);
	background-color: #151716;
	box-shadow: 5px 5px rgba(0,0,0,1);
	width: 80%;
	margin: 0 auto;
}
.flyout_cost{
	/* flex: 1 1 0; */
	font-family: ubuntu;
	width: 20%;
}
#bank_flyout .flyout_cost{
	/* flex: 1 1 0; */
	font-family: ubuntu;
	width: 56%;
}
.flyout_cost_amount{
	display: flex;
	align-items: baseline;
	width: 46%;
	justify-content: center;
}
#cash_heal{
	color: #5d7e12;
	border:#5d7e12 2px solid;
	background-color: #151716;
	box-shadow:5px 5px rgba(0,0,0,1);
	width: 33&;
}

#gold_heal{
	color: #D5C154;
	border-image-source: linear-gradient(#fdf0ad, #e1b202);
    background-color: #151716;
    box-shadow:5px 5px rgba(0,0,0,1);
}


.achievementPopup{
	position:fixed;
	bottom:15%;
	width: 491px;
	height: 93px;
	border-radius: 49px;
	background-color: #040404;
	animation: slide-in-blurred-bottom 2s, slide-out-blurred-top .5s 8s;
	/* animation-duration: 2s; */
	/* width: 93px; */
	overflow: hidden;
	/* display: none; */
	animation-fill-mode: forwards;
	z-index: 100000000;
	pointer-events: none;
}

.achievementTrophy{
	width: 93px;
	height: 93px;
	background-image: url('../images/ui/AchievementTrophy.png');
	/* left: -3px; */
	position: absolute;
	/* left: 0px; */
	-webkit-animation: slide-out-right .5s cubic-bezier(0.600, -0.280, 0.735, 0.045) 2.75s both;
	animation: slide-out-right .5s cubic-bezier(0.600, -0.280, 0.735, 0.045) 2.75s both;
}
.achievementEarned{
	color:white;
	color: #ffffff;
	font-family: Ubuntu;
	font-size: 30px;
	font-weight: 400;
	position:absolute;
	width: 500px;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	padding-left:3%;
	-webkit-animation: fade-out-right 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 3s both;
	animation: fade-out-right 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 3s both;
}
.achievementInformation{
	display:flex;
	justify-content: flex-start;
	flex-direction:row;
	align-content: center;
}
.achievementImage{
	background-image: url('../images/ui/achievements/Bounties.png');
	width:93px;
	height:93px;
	width: 19%;
	background-size: 150% 100%;
	background-repeat: no-repeat;
	border-radius: 50%;
	-webkit-animation: puff-in-center 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715) 3.1s both;
	animation: puff-in-center 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715) 3.1s both;
}

.achievementNameDesc{
	width: 59%;
	color:white;
	align-self:center;
	margin-left: 3%;
	-webkit-animation: puff-in-center 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715) 3.2s both;
	animation: puff-in-center 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715) 3.2s both;
}

.achievementName{
	color: #ffffff;
	font-family: Ubuntu;
	font-size: 20px;
	font-weight: 400;
}

.achievementDescription{
	color: #999999;
	font-family: Ubuntu;
	font-size: 14px;
	font-weight: 400;
}
.achievementRewards{
	width: 20%;
	display: flex;
	justify-content: center;
	color: #ffffff;
	font-family: Ubuntu;
	font-size: 30px;
	font-weight: 300;
	/* line-height: 91.72px; */
	/* text-transform: uppercase; */ /* Text style for "1" */
	/* letter-spacing: -0.57px; */
	align-items: center;
	/* position:relative; */
}
.achievementReward{
	display:flex;
	justify-content:center;
}
.achievementRewardSP{
	width: 100%;
	text-align: end;
	position:relative;
	padding-right: 10px;
	-webkit-animation: puff-in-center 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715) 3.3s both;
	animation: puff-in-center 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715) 3.3s both;
	display: none;
}
.achievementRewardGP{
	width: 100%;
	text-align: end;
	position:relative;
	-webkit-animation: puff-in-center 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715) 3.5s both;
	animation: puff-in-center 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715) 3.5s both;
	display: none;
}
.achievementRewardMM{
	width: 101%;
	text-align: end;
	position:relative;
	padding-right: 10px;
	-webkit-animation: puff-in-center 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715) 3.4s both;
	animation: puff-in-center 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715) 3.4s both;
	display: none;
}
.achievementRewardCC{
	width: 101%;
	text-align: end;
	position:relative;
	padding-right: 10px;
	-webkit-animation: puff-in-center 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715) 3.4s both;
	animation: puff-in-center 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715) 3.4s both;
	display: none;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-9-20 16:16:48
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes roll-in-blurred-bottom{0%{-webkit-transform:translateY(800px) rotate(720deg);transform:translateY(800px) rotate(720deg);-webkit-filter:blur(50px);filter:blur(50px);opacity:0}100%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:1}}@keyframes roll-in-blurred-bottom{0%{-webkit-transform:translateY(800px) rotate(720deg);transform:translateY(800px) rotate(720deg);-webkit-filter:blur(50px);filter:blur(50px);opacity:0}100%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:1}}
@-webkit-keyframes slide-out-blurred-top {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-300px) scaleY(2) scaleX(0.2);
            transform: translateY(-300px) scaleY(2) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}
@keyframes slide-out-blurred-top {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-300px) scaleY(2) scaleX(0.2);
    transform: translateY(-300px) scaleY(2) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0;
    display:none;
  }
}


@-webkit-keyframes slide-right{0%{
	-webkit-transform:translateX(0);
	transform:translateX(0)
	}
	100%{
		-webkit-transform:translateX(900px);
		transform:translateX(900px)}
	}@keyframes slide-right{
		0%{-webkit-transform:translateX(0);
		transform:translateX(0)
	}100%{
		-webkit-transform:translateX(900px);
		transform:translateX(900px)
		}
	}
@keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
    width:93px;
  }
  40% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
    transform:rotate(0deg);
    width:93px;
  }
  70%{
	transform:rotate(360deg);
	width:93px;
  }
  100%{
	width:491px;
	transform:rotate(360deg);
  }
}
@-webkit-keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
}
@keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
}

@-webkit-keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
}
@keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
}
@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(2px);
            filter: blur(2px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(2px);
            filter: blur(2px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}


#underpopupcoverup{
	position: fixed;
	background-color: rgba(0,0,0,.8);
	width: 100%;
	height: 100%;
	/* pointer-events: none; */
	top: 0;
	display: none;
	left: 0;
}

.newUserWrapper{
	position: relative;
    /* top: 88px; */
    left: 0px;
    width: 100%;
    min-height: 1020px;
    z-index: 2;
    /* background: url(../images/ui/back_hq.jpg); */
    background-repeat: no-repeat;
    margin: 0 auto;
    height: auto;
}

.newUserHeader{
	width: 100%;
    padding-top: 20.55%;
    background-position: center;
    background-size: cover;
    background-color: #111111;
    position: relative;
    background-image: url(../images/ui/welcome-to-crime-empire.png);
}

.dailySpecialEquipmentEarned{
	width: 96%;
	text-align:right;
	position:absolute;
	bottom: 26%;
	font-size: calc(6px + .5vw);
}
#newuser_container{
	display:flex;
	flex-direction:column;
	width: 91%;
	margin-left: 4%;
	margin-top: 25px;
	/* background-color: grey; */
}


.newUserCharacterImage{
	position:absolute;
	top:-1%;
	right: -12%;
	width: 36%;
}

.newsContainer{
	display:flex;
	flex-direction:row;
	border-bottom:1px solid grey;
	width: 100%;
	flex-wrap: wrap;
	/* overflow-x: scroll; */
	-webkit-touch-callout: none; /* iOS Safari */
	/* -webkit-user-select: none; */ /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
	justify-content: center;
}

.newsStory{
	display:flex;
	flex-direction:column;
	width:297px;
	height:327px;
	padding: 1%;
	margin: 2%;
	width: 27%;
	min-width: 281px;
	background-color: #222222;
}

.newsStory.clickable {}

.newStoryImage{
	width: 100%;
	height:139;
	background-position:center;
	background-size:contain;
}

.newStoryTitle{
	text-shadow: 2px 4px 0 rgba(0, 0, 0, 0.5);
	color: #ffffff;
	font-family: Ubuntu;
	font-size: 24px;
	font-weight: 500;
	/* line-height: 69px; */
	letter-spacing: -0.6px;
	/* top: 10px; */
	position: relative;
	padding-top: 14px;
}

.newStoryDate{
	color: #575757;
	font-family: "Ubuntu - Light Italic";
	font-weight: 300;
}

.newStoryMessage{font-family:"Ubuntu";top: 25px;position: relative;}

.letterFromTheCreatorsHeader{
	width: 100%;
    padding-top: 20.55%;
    background-position: center;
    background-size: cover;
    background-color: #111111;
    position: relative;
    background-image: url(../images/ui/welcomeSeparator.png);
}

.letterFromTheCreators{
	display: flex;
	flex-direction: column;
	width: 91%;
	padding-top:20px;
	/* margin: 0 auto; */
	padding-left: 4%;
}

.authMessage{
	font-size:20px;
	text-shadow:2px;
	color:white;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	box-shadow: 4px 6px 0 rgba(0, 0, 0, 0.5);
	background-color:grey;
}

.loginChoices{
	display:flex;
	justify-content:center;
	width:50%;
	padding-top: 50px;
	height: 100%;
	flex-direction: column;
}

#leaderboards{
	display:none;
	transform-origin: center top;
	height: 61%;
	/* overflow-y: scroll; */
	max-height: 642px;
}

#casinoPopup{
	display:none;
	/* width: 880px; */
	/* height: 800px; */
	/* min-width: 880px; */
}



[class^=tooltip]{
	position: relative;
	display: inline-block;
}

.tooltiptop:before {
  margin-bottom: -11px; }

.tooltiptop:before, .tooltiptop:after {
  bottom: 100%;
  left: 50%;
  z-index:10000000;
  overflow:visible;
  }

.tooltiptop:before {
  left: calc(50% - 6px); }

.tooltiptop:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }

.tooltiptop:hover:before {
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  transform: translateY(1px);
  }

.tooltiptop:hover:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  -moz-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px); }

  [class*="tooltip"]:before, [class*="tooltip"]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
    }
  [class*="tooltip"]:hover:before, [class*="tooltip"]:hover:after {
    visibility: visible;
    opacity: 1;
    /* color: white; */
    }
  [class*="tooltip"]:hover:before, [class*="tooltip"]:hover:after {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    transition-delay: 50ms; }
  [class*="tooltip"]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 10px solid transparent;
    z-index: 1000001;
    border-top-color: #222222;
    /* box-shadow: 10px 10px 5px #00000087; */
    }
  [class*="tooltip"]:after {
  	border-top: 1px solid black;
  	border-left: 1px solid black;
  	border-right: 1px solid black;
  	background: #222222;
  	color: white;
  	padding: 15px;
  	font-size: calc(5px + .5vw);
  	font-family: Ubuntu;
  	line-height: calc(5px + .5vw);
  	white-space: nowrap;
  	font-weight: 900;
  	-webkit-text-stroke: initial;
  	text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  	border-radius: 5px;
  	/* width: 200px; */
  	/* max-width: 200px; */
  	white-space: pre;
  	text-align: center;
  	box-shadow: 10px 10px 5px #00000087;
  	}
  [class*="tooltip"][data-tooltip]:after {
    content: attr(data-tooltip);
    }

[data-tooltip='']:before,
[data-tooltip='']:after {
  display: none !important; }

#safewordInput{
	width: 50%;
    height: 50px;
    font-size: calc(10px + 1.7vw);
    font-family: Ubuntu;
}
#checkSafeWord{
	width: 25%;
    display: flex;
    height: 50px;
    box-shadow: 4px 6px 0 rgba(0, 0, 0, 0.5), inset 0 0 0 1px #322e29;
    border-radius: 2px;
    border: 1px solid #ead7b6;
    background-color: #141615;
    justify-content: space-around;
    align-items: center;
    cursor: pointer;
    margin-left: 8px;
    color: white;
    cursor: pointer;
}
#safeWordInput{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	width: 100%;
	padding-top: 4%;
}
#safewordResultMessage{
	width:100%;
	color: white;
	text-align: center;
	padding-top: 5%;
	text-shadow: 1px 1px 5px black, -1px -1px 5px black, -1px 1px 5px black, 1px -1px 5px black;
}
#safewordSundayWords{
	width: 100%;
	display:flex;
	height:100%;
	justify-content: space-between;
	justify-self: center;
	margin: 0;
	position: relative;
	padding-left: 10%;
	padding-right: 10%;
	font-size: calc(15px + 1vw);
	color: white;
	flex-wrap: wrap;
	padding-top: 7%;
}
#safewordSundayWords span{
	width:50%;
}
#hourlySpecials, #dailyEvents{
	pointer-events:all;
	cursor:pointer;
}
.picDefaultProfilePicture{
	padding-top:25px
}
.picDefaultProfilePicture{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.picDefaultProfilePicture img{
	width: 24%;
	border-radius:100%;
	border:3px black solid;
	margin: 3%;
}
.picDefaultProfilePicture img:hover{
	border:3px #717171 solid;	
}
.defaultPicChosen{
	border: 3px solid white !important;
}

#profileContent .picDefaultProfilePicture{
	height: 84%;
	overflow: scroll;
}


#dailyEventsTimer{
	position:absolute;
	bottom: 9px;
	font-size:12px;
	left: 29px;
}

.stats_auto_status:before{
	content:"";
	display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../images/ui/crime-empire-gold-small.png);
    background-size: 100% 100%;

    position: relative;
}



  .tooltipbottom:before {
  margin-top: -11px; }

.tooltipbottom:before, .tooltipbottom:after {
  top: 100%;
  left: 50%; }

.tooltipbottom:before {
  left: calc(50% - 6px); }

.tooltipbottom:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }

.tooltipbottom:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

.tooltipbottom:hover:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  -moz-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px); }

#promoCode span{
	    width: 10%;
	    height: 21px;
	    box-shadow: 4px 6px 0 rgba(0, 0, 0, 0.5);
	    border-radius: 3px;
	    border: 1px solid #393a3e;
	    background-color: #0e0f13;
	    color: #ffffff;
	    font-family: Ubuntu;
	    font-size: calc(15px + .1vw);
	    font-weight: 400;
	    line-height: 47.51px;
	    text-transform: uppercase;
	    letter-spacing: -0.65px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin: 0px 10px;
}

#promoCode{
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding-top: 10px;
    font-family: Ubuntu;
}