.wrapper {
	width: 100%;
	min-width: 1150px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow-x: hidden;
}
/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 50px;
	width:100%;
	background:#211b1b;
	background: linear-gradient(to bottom,rgb(53, 42, 42) 0,rgb(35, 27, 27) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#232323', GradientType=0);
	box-shadow:0 1px 2px #000;
	position: fixed;
	z-index:100;
}
.header-menu{
	min-width:1100px;
}
.servername{
	width:249px;
	height:50px;
	text-align:center;
	border-right: 1px solid #130e0e;
	font-size:26px;
	text-shadow: 1px 2px 5px #130e0e;
	font-weight:bold;
	padding-top:13px;
	color:#888;
	float:left;
}
.servername i{
	padding-right:10px;
}
.userbar-left{
	border-right: 1px solid #332929;
	float:left;
}
.servername a{
	color:#DDD;
	text-decoration:none;
	font-weight: 600;
    margin-left: -18px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.servername a:hover{
	color: #FFF;
    text-decoration: none;
    text-shadow: 0px 0px 20px #ad3a3a;
}

.userbar-left ul li{
	height:50px;
	float:right;
	border-left: 1px solid #332929;
	border-right: 1px solid #130e0e;
	padding:0 10px 0 10px;
	line-height: 50px;
}
.userbar-left ul li:hover{
	background:#332929;
}
.userbar{
	margin:0 12px 0 0;
	border-right: 1px solid #130e0e;
	border-left: 1px solid #332929;
	float:right;
}
.userbar ul li{
	height:50px;
	float:right;
	border-left: 1px solid #130e0e;
	border-right: 1px solid #332929;
	padding:0 10px 0 10px;
	line-height: 50px;
}
.userbar ul li:hover{
	background:#332929;
}

.userbar ul li span{
	color:#FFF;
	margin-left:3px;
}
.userbar ul li i{
	margin:0 5px 0 5px;
	color:#DDD;text-shadow:-1px -1px 1px #130e0e,1px 1px 1px #363636;
}
.balance-history{
	float:right;
	font-size:12px;
}
.balance-up{
	position:absolute;
	margin-left:50px;
	top:63px;
	padding:15px 15px 5px 15px;
	background:#130e0e;
	border-radius:4px;
	border:2px solid #332929;
}
.balance-up input{
	width:140px;
}
.balance-up:before{
	content:'';
	padding:8px;
	display:inline;
	position:absolute;
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	top:-9px;
	background:#130e0e;
	box-shadow:inset 2px 2px 0 0px #332929;
	left:70%;
	margin-left:-25px;
	
}

.show-change-server{
	cursor:pointer;
}
.change-server{
	position:absolute;
	top:50px;
	width:118px;
	margin-left:1px;
}
.change-server .server{
	text-align:center;
	padding:7px 0 7px 0;
	background: #130e0e;
	border: 1px solid #130e0e;
}
.change-server .server:hover{
	background-color: #332929;
	cursor:pointer;
}

.btn-success {
	background: #655353;
	padding:3px 5px 3px 5px;
	border-radius:3px;
	cursor:pointer;
	color:#FFF;
}
.btn-success:hover{
	background: #4e4242;
}
.btn-success:active{
	box-shadow:inset 0 0 6px rgba(66,66,66,0.7);
}
.btn-success22 {
	background: #ad3a3a;
	padding:3px 5px 3px 5px;
	border-radius:3px;
	cursor:pointer;
	color:#FFF;
}
.btn-success22:hover{
	background: #8e3d3d;
}

.btn-yellow {
	background: #ffc414;
	padding:3px 7px 3px 7px;
	border-radius:3px;
	cursor:pointer;
	color:#000;
}
.btn-yellow:hover{
	background: #e1ad13;
}
.btn-yellow:active{
	box-shadow:inset 0 0 6px rgba(66,66,66,0.7);
}

.btn-blue {
	background: #2E8AA5;
	padding:3px 7px 3px 7px;
	border-radius:3px;
	cursor:pointer;
	color:#FFF;
}
.btn-blue:hover{
	background: #2D768C;
}
.btn-blue:active{
	box-shadow:inset 0 0 6px rgba(66,66,66,0.7);
}

.btn-onl-red {
	background: #CA4B4B;
	padding:0px 5px 0px 5px;
	border-radius:3px;
	font-size: 11px;
	cursor:pointer;
	color:#FFF;
}
.btn-onl-red:hover{
	background: #E46A3C;
}
.btn-onl-red:active{
	box-shadow:inset 0 0 6px rgba(66,66,66,0.7);
}

.btn-onl-green {
	background: #1B9430;
	padding:0px 5px 0px 5px;
	border-radius:3px;
	font-size: 11px;
	cursor:pointer;
	color:#FFF;
}
.btn-onl-green:hover{
	background: #006712;
}
.btn-onl-green:active{
	box-shadow:inset 0 0 6px rgba(66,66,66,0.7);
}

.account{
	cursor:pointer;
}
.userbar-img img{
	padding-top:8px;
	width:36px;
	height:36px;
	cursor:pointer;
}
.userbar-img:hover{
	background:#332929;
}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
	margin: 0 auto;
	width:100%;
	min-width: 1150px;
	height: 50px;
	background: #1f1818;
	border-top: 1px solid #1A1A1A;
	position: fixed;
	bottom:0;
    z-index: 2;
}
.copyright {
	color:#6a6a6a;
	font-size:12px;
	float:right;
	padding:15px;
}
.copyright a{
	color:#DA3E48;
}
.copyright a:hover{
	color:#DA3E48;
}
.copyright span{
	color:#DA3E48;
	font-weight: 600;
	font-size: 13px;
}
.copyright span a{
	color:#DA3E48;
}
.copyright span a:hover, .copyright span a:focus{
	color: #DA3E48;
	text-decoration: underline;
}
.footer_up {
	margin: 0 auto 0;
	width:100%;
	min-width: 1150px;
	height: 51px;
	background: #211b1b;
	border-top: 1px solid #1A1A1A;
	position: fixed;
	top:0;
    z-index: 0;
}
.copyright_up {
	color:#6a6a6a;
	font-size:12px;
	float:right;
	padding:15px;
}
.copyright_up a{
	color:#DA3E48;
}
.copyright_up a:hover{
	color:#DA3E48;
}
.copyright_up span{
	color:#DA3E48;
}
.copyright_up span a{
	color:#DA3E48;
}
.copyright_up span a:hover, .copyright_up span a:focus{
	color: #DA3E48;
	text-decoration: underline;
}

/* ------------------ */
.info-bar{
	width:100%;
	height:75px;
	background:#211b1b;
	border-left: 1px solid #332929;
}
.page-title {
	font-size: 18px;
	font-weight:bold;
	color: #CCC;
	padding:15px 0 0 20px;
	/* text-shadow: -1px -1px 1px #000,1px 1px 1px #555; */
	float:left;
}
.loader{
	position:absolute;
	margin:56px 0 0 18px;
}

.stat-box{
	float:right;
	background:#332a2a;
	padding:5px 15px 5px 15px;
	margin:18px 5px 0 0;
	border-radius:3px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.stat-box:nth-last-child{
	margin-right:7px;
}
.stat-box:hover{
	background:#211b1b;
	box-shadow: inset 0 0 20px 2px #130e0e;
	cursor:pointer;
}
.badge{
	font-size:12px;
	color: #FFF;
	margin:5px;
	padding: 3px 6px;
	border-radius:3px;
	background-color: #9a8484;
}
.badge-orange{
	background-color: #e07a59;
}
.badge-green{
	background-color: #85a137;
}
.badge-blue{
	background-color: #ad3a3a;
}
.badge-yellow{
	background-color: #f89406;
}

.locale_2 {
z-index: 10;
width: 34px;
}
.locale_2 a{
display: inline-block;
}
.ru {
background:url(../img/ru.png);
width: 33px;
height: 22px;
display:block;
position: absolute;
opacity: 0.7;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.ru.active {
display:none;
}
.ru:hover {
opacity: 1;
}
.en {
background:url(../img/en.png);
width: 35px;
height: 22px;
display:block;
position: absolute;
opacity: 0.7;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.en.active {
display:none;
}
.en:hover {
opacity: 1;
}

.refresh_circle {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg));
-webkit-transition:all 400ms;   
-moz-transition:all 400ms;
-o-transition:all 400ms;
transition:all 400ms; 
}
.refresh_circle:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg));
}

.main_logo_auth {  
width: 223px;
height: 81px;
background:url(../img/logo_in_cp2.png) no-repeat center top;
position:absolute;
}
.main_logo_auth:after {
content:'';
width: 223px;
height: 81px;
background:url(../img/logo_in_cp2.png) bottom;
position:absolute;
left: 0px;
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-o-transform:scale(1.3);
transform:scale(1.3);
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
visibility:hidden;
opacity:0;
}
.main_logo_auth:hover:after {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:1;
visibility:visible;
}

.modal-dialog .brbrbr {
width: 1px;
height: 10px;
}
.stat_cp_bg_clan {
float: left;
position: relative;
left: 18px;
top: 0px;
width: 24px;
height: 14px;
text-align: right;
background-color: #000;
}
.stat_cp_bg_clan_2 {
position: relative;
top: -5px;
}