.ipsIcon {
border: 1px solid #021724;
box-shadow: inset 1px 1px 0 rgba(147, 147, 147, 0.33);
}
.ibicon img {
border: 1px solid #021724;
box-shadow: inset 1px 1px 0 rgba(147, 147, 147, 0.33);
}

.ipsIconLink:hover, .ipsIcon:hover {
border-color: #28BEFF;
}
.hero_icon {
background: rgba(1,29,42,0.5);
border: 1px solid #2A7092;
-webkit-box-shadow: #1A4A62 0px 0px 5px;
box-shadow: #1A4A62 0px 0px 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin:1px;
padding:2px
}

#tooltip,#tooltip-item,#tooltip-gear{
	display:none;
	color:#FEFEFE;
	width:370px!important;
	padding:15px;
	background: rgba(8, 10, 16, 0.9);
	position:absolute;
	border: 1px solid #CCEFF4;
	border-radius:5px;
	z-index:9999;
	box-shadow: 0 0 15px rgba(50, 181, 255, 0.5);
	text-align:left;
}
#tooltip p{margin:0;line-height:20px}
#tooltip .highlight,.highlight{color:#39C}
#tooltip .req{color:red}
#tooltip.custom{width:auto}
#tooltip.custom p{margin-top:0}
#tooltip .offense{color:#983200}
#tooltip .defense{color:#46a3ee}
#tooltip .utility{color:#329832}
#tooltip .spell-name{display:block;color:#39c;font-size:21px;text-align:center}
#tooltip .nextRank,#tooltip .rank{color:#fc3}
#tooltip .type{display:block;color:#F90;text-align:center;line-height:24px;font-weight:400;font-size:12px}
#tooltip .intro{color:#CCC}
#tooltip hr{margin:5px 0;border:0!important;border-top:1px solid #333!important}
#tooltip .second{margin-top:0}
	
.tp-item-name{
	text-align:center;
	display:block;
	font-weight: bold;
}

.tp-item-name.enhanced:before{color:#9028BA; content:"ENHANCED "}	
.tp-item-name.blessed:before{content:"Blessed "}

.tp-item-type{
	text-align:center;
	display:block;
	font-weight: bold;
	padding-top: 5px;
}
.tp-items-slots{
	display:block;text-align:center;
	padding-top:5px;
}
.tp-item-slot{
	width:36px;
	height:36px;
	padding: 0 6px;
	display:inline-block;
	margin-top: 5px;
}

.tp-item-desc{
	color: #FFA100;
	text-align: center;
	display: block;	
	padding-right:2px;
	padding-left:2px
}
.tp-item-cosmic{
	color: #B8C312;
	text-align: left;
	display: block;	
	padding-right:2px;
	padding-left:2px
}
.bonus-info{ color:#A67135}
.ench-info{	color:#946394}
.tp-ht,.startech-info{	color:#D24B2B;}
.tp-h,.tp-b{color:#398FDB}
.tp-m,.dra2 {color:#9028BA}
.tp-g{color:#00F4B3}
.tp-l{color:#F39302}
.tp-c,.dra3{color:#00F4F4}
.tp-u{color:#B57B38}
.tp-rl{color:#E242A3}
.tp-rp{color: #FF8182;}
.tp-sl{color:#F7E392}
.tp-cm {color:#D7E315}
.tp-o,.dra4 {color:#E09637}
.tp-dg{color:#27A700}
.tp-sy{color: #C3A550}
.tp-y,.dra1{color:#F3D31B}
.tp-r,.dra5 {color:#FD0000}
.tp-p{color:#DA90DB}
.tp-w{color:#D0EBE2}
.tp-item-visual{color:#390}
.tp-item-level,.tp-item-right{
	font-size: 14px;
	display:block;
	text-align:right;
	clear: right;
}
.tp-item-date,.tp-item-id,.tp-item-price,.tp-item-left{
	text-align:left;
	font-size: 14px;
	clear:left;
	float:left;
}
.tp-item-price{clear:right;float:right;}
#tooltip-item hr,#tooltip-gear hr{
	margin:5px 0!important;
	color: rgba(51,51,51,0.6)!important;
	border:0;
	border-top: solid 2px!important;
	display: block;
	margin-bottom: 7px!important;
}

.dra1[disabled],.dra2[disabled],.dra3[disabled],
.dra4[disabled],.dra5[disabled]{
	color:gray;
}

.type_1,.type_2,.type_3,.type_4,.type_5,.type_6,.type_7,.type_8,.type_9,.type_10,
.type_11,.type_12,.type_13,.type_14,.type_15,.type_16,.type_17,.type_18,.type_19,.type_20,
.type_21,.type_22,.type_23,.type_24,.type_25,.type_26,.type_27,.type_28,.type_29,.type_30{
	box-shadow: 0px 0px 3px #0B4970;
	display: block;
	width: 42px;
	height: 42px;
}
.type_47 {
  display: block;
  width: 48px;
  height: 48px;
  background: url(/img/achievements_rewardbanner_blue_png.png)no-repeat center center;
  border-radius: 3px;
  box-shadow: inset 1px 1px 0 rgba(147, 147, 147, 0.33);
  position: relative;
}
.type_47 img{
  display: block;
  width: 40px;
  height: 40px;
  box-shadow: inset 1px 1px 0 rgba(147, 147, 147, 0.33);
  background: rgba(11, 36, 47, 0.66) no-repeat center center;
  border: 1px solid rgba(2, 23, 36, 0.57);
  position: absolute;
  left: 3px;
  top: 3px;
}
.apoint {
  display: block;
  width:68px;
  height:32px;
  background: url(/img/achievements_achievement_point_reward_bg_green.png)no-repeat center center;
  text-align: center;
  line-height: 32px;
  color: white;
}
.type_3 {
background: url(/img/orange_back.png) no-repeat center center;
}
.type_20 {
background: url(/img/cyan_back.png) no-repeat center center;
}
.type_1, .type_13, .type_15 ,.type_24, .type_27  {
background: url(/img/pink_back.png) no-repeat center center;
}
.type_11,.type_14, .type_16, .type_18, .type_19, .type_22, .type_25, .type_28, .type_30{
background: url(/img/purpure_back.png) no-repeat center center;
}
.type_5,.type_17,.type_21,.type_29{
background: url(/img/gold_back.png) no-repeat center center;
}
.count_val{
	position: absolute;
	right: 2px;
	bottom: 1px;
	color: white;
	text-shadow: 2px 2px 0px black;
	font-size: 12px;
}
.type_6,.type_26 {
/*background: radial-gradient(circle at center,#B670B6,#291B29);*/
background: url(/img/uru_back.png) no-repeat center center;
}
.type_8 {
background: url(/img/rel_back.png) no-repeat center center;
}
.type_4,.t_cosmic {
background: url(/img/cosmic_back.png) no-repeat center center;
}
.type_9,.t_blessed {
background: url(/img/leg_back.png) no-repeat center center;
}
.t_common{
background: url(/img/white_back.png) no-repeat center center;
}
.t_uncommon{
background: url(/img/green_back.png) no-repeat center center;
}
.t_rare{
background: url(/img/blue_back.png) no-repeat center center;
}
.t_epic{
background: url(/img/purpure_back.png) no-repeat center center;
}
.tp-click{
position: absolute;
text-shadow: 1px 1px 2px black;
left: 0px;
top: -20px;
}
.costume{
position: absolute;
left: 430px;
top: -70px;
}

.ibicon{
position: absolute;
left: -50px;
top: 0px;
background-color: black;
	border: 1px solid #CCEFF4;
	border-radius:5px;
	padding:2px;
	box-shadow: 0 0 15px rgba(50, 181, 255, 0.5);	
}
.ibicon2 {
position: absolute;
left: 14px;
top: 14px;
width: 40px;
height: 40px;
}
.ibicon4 {
position: absolute;
right: 14px;
top: 14px;
width: 40px;
height: 40px;
}
.ibicon3 {
position: absolute;
left: 14px;
top: 14px;
}
.islot2 {
position: absolute;
right: 15px;
top: 10px;
text-align: right;
width: 44px;
}
.islot3 {
position: absolute;
right: 15px;
top: 10px;
width: 60px;
}
.tp-item-name.ibname2{
	padding-left: 54px;
	padding-right: 54px;
	min-height: 44px;
}
.tp-item-name.ibname3{
	padding-left: 65px;
	padding-right: 65px;
	min-height: 44px;
}
.cyber{
    display: flex;
    align-items: flex-end;
    padding-bottom: 10px;
    padding-top: 6px;
    background: url(/img/cyber_clear.png) no-repeat bottom;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 8px;
    height: 20px;
}
.cyber.cyb_green.full{background-image:url(/img/cyber_green.png);}
.cyber.cyb_blue.full{background-image:url(/img/cyber_blue.png);}
.cyber.cyb_epic.full{background-image:url(/img/cyber_epic.png);}
.cyber.cyb_cosmic.full{background-image:url(/img/cyber_cosmic.png);}
.cyber.cyb_uniq.full{background-image:url(/img/cyber_uniq.png);}

.cyber .cyb_title{
	padding-left: 5px;
    padding-bottom: 3px;
    height: auto;
    line-height: 1.2;
    word-wrap: break-word;
    white-space: normal;
	display: -webkit-box; display: -moz-box; display: box;
    -webkit-line-clamp: 2; -moz-line-clamp: 2; line-clamp: 2;
    -webkit-box-orient: vertical; -moz-box-orient: vertical;  box-orient: vertical;
    overflow: hidden;
    padding-right: 30px;
}
.cyber .cyb_num{float:right;padding-right:5px;}
.cyb_green{color:#22A900}
.cyb_blue {color:#00A7FB}
.cyb_epic {color:#CB00FE}
.cyb_cosmic {color:#BABA00}
.cyb_uniq {color:#BE7500}

.cosmic{color:#B8C312}
.green {color: #390;}
.blue {color:#358ADD;}
.gold {color:#FE9800;}

/*------font Play-Num -----*/
@font-face{font-family:'Play-Num';
src:url('https://itembase.mhbugle.com/skins/marvelheroes/fonts/Play-Num.ttf') format('truetype');
font-weight:normal;font-style:normal;}
@font-face{font-family:'Play-Num-Bold';
src:url('https://itembase.mhbugle.com/skins/marvelheroes/fonts/Play-Num-Bold.ttf') format('truetype');
font-weight:normal;font-style:normal;}
@media all{
.xfont-bold{font-family: 'Play-Num-Bold', sans-serif;font-size:15px;}
.xfont-regular{font-family:'Play-Num', sans-serif;font-size:15px;}
}
#tooltip,#tooltip-item,#tooltip-gear{
	font: 14px/20px 'Play-Num', sans-serif;
}
	
.tp-item-name{font: 21px/28px 'Play-Num-Bold', sans-serif;}
.tp-item-type{font: 13px/13px 'Play-Num', sans-serif;
font-weight: bold;}
.tp-item-level{font-family: 'Play-Num', sans-serif;font-size: 14px;}
.tp-item-date,.tp-item-id,.tp-item-price{font-family: 'Play-Num', sans-serif;font-size: 14px;}

.t_panel{
	width: 250px;
	height: 250px;
	font-family: 'Play-Num', sans-serif;  
	position: relative;
	font-weight: bold;
	text-transform: uppercase;  
	margin: 0 auto;
}
.t_panel .t_slot{
    position: absolute;
	width: 40px;
	height: 40px;
    box-shadow: none;
	display:block;
}
.t_panel .t_slot img{
	box-shadow: inset 1px 1px 0 rgba(147, 147, 147, 0.33);
	width: 40px;
	height: 40px;	
}
.t_panel .t_slot.inactive img{    
	display:none;
}
.t_panel .s_img {
  display: block;
  position: absolute;
  width: 136px;
  height: 136px;
  left: 59px;
  top: 56px;
}
.t_panel .s_text{
  position: absolute;
  top: 2px;
  text-shadow: 1px 1px 0px black;
  font-size: 11px;
  text-align: center;
  width: 40px;
  overflow: hidden;
  height: 35px;
  line-height: 12px;
 }
.t_powerbar{	
	display: block;
	padding-left: 7px;
	opacity: 1.0;
	height: 44px;
}  
.t_powerbar .power_slot {
  display: block;
  width: 44px;
  height: 44px;
  float: left;
  position: relative;
}
.t_powerbar .power_slot .power_icon {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  left: 2px;
  top: 2px;
  box-shadow: inset 1px 1px 0 rgba(147, 147, 147, 0.33);
}
.mission_info li {
    background: url(/img/mission_checkbox.png) no-repeat left top;
    padding: 2px 0px 5px 25px;
    list-style: none;
    margin: 0;
    height: 20px;
    color: #B9B9B9;
	overflow: hidden;
}
.row{background-color:rgba(51, 51, 51, 0.6);position:relative; display:block; width:100%; padding-left:2px; padding-right:2px}
.row:nth-child(2n){background: none;}
.col{ display:table-cell;}
.col:nth-child(2n-1){width:185px;}
.col:only-of-type{width:100%}
.col:nth-child(2n){text-align:right;width:185px}
.b-icon{
	border: 1px solid #021724;
    box-shadow: inset 2px 2px 2px rgba(147, 147, 147, 0.33);
    width: 128px;
    height: 128px;
    display: inline-block;
	background-size: contain;
}
.b-icon img { width: 128px;    height: 128px;}

.type_hero {border: 2px solid #AAE2FF;display: block; width: 71px;}
.type_hero img{width:69px;height:69px;}
.dt-grid {display:inline-block;float:left;padding-left: 4px;padding-right: 4px;}
.dt-grid div { display: inline-block; width: 26px; height:26px; margin-right:8px;opacity:0.3; cursor:pointer}
.dt-grid .m-gr { background:url(/img/m_grid.png);}
.dt-grid .m-l { background:url(/img/m_list.png);}
.dt-grid div:hover {opacity:1.0}
.dt-grid div.active {opacity:1.0}
.grid-m {width:100%;}
.grid-m td {display:none;}
.grid-m .type_hero {width: 138px;height:138px;position:relative; }
.grid-m .type_hero.have3d:before{content:"";display: block;width: 40px;height: 32px;background: url(/assets3d/have3d.png)center;position: absolute;right: 3px;top: 3px;}
.grid-m .type_hero img{width:136px; height:136px; background:#2c384c;}
.grid-m td:nth-child(1){display:block !important; padding:4px 4px; width: 148px; height: 142px;text-align: center;}
.grid-m td:nth-child(2){display:block !important; padding:4px 4px; width: 148px; height: 18px; overflow:hidden; text-align:center}
.grid-m tr{display:inline-block !important;  }
.grid_hide{display:block;}
.grid_show{display:none;}
.grid-m .grid_hide{display:none;}
.grid-m .grid_show{display: inline-block;}