/*
 +-------------------------------------------------------------------------+
 | Editado por kOz Felipe				                                   |
 +-------------------------------------------------------------------------+
 *
*/

:root {
    --unique: #a58760;
    --set: #19fa00;
    --simple: white;
    --rare: #fae675;
    --magic: #007bff;
    --crafted: orange;
    --tempered: #1e7e34;
    --broken: red;
    --enchanted: #b500b5;
    --socketed: #3B3B3B;
}

@keyframes cursor {
	0% {cursor: url("../cursor/1.png"), auto;}
	14% {cursor: url("../cursor/2.png"), auto;}
	28% {cursor: url("../cursor/3.png"), auto;}
	42% {cursor: url("../cursor/4.png"), auto;}
	57% {cursor: url("../cursor/5.png"), auto;}
	71% {cursor: url("../cursor/6.png"), auto;}
	85% {cursor: url("../cursor/7.png"), auto;}
	100% {cursor: url("../cursor/8.png"), auto;}
}
@-webkit-keyframes glow {
	0% {box-shadow: 0 0 6px 2px rgba(255, 40, 0, .2);}
	10% {box-shadow: 0 0 8px 2px rgba(255, 40, 0, .6);}
	20% {box-shadow: 0 0 10px 2px rgba(255, 40, 0, .8);}
	30% {box-shadow: 0 0 12px 2px rgba(255, 40, 0, 1);}
	40% {box-shadow: 0 0 14px 3px rgba(255, 40, 0, 1);}
	50% {box-shadow: 0 0 16px 4px rgba(255, 40, 0, 1);}
	60% {box-shadow: 0 0 14px 3px rgba(255, 40, 0, 1);}
	70% {box-shadow: 0 0 12px 2px rgba(255, 40, 0, 1);}
	80% {box-shadow: 0 0 10px 2px rgba(255, 40, 0, .8);}
	90% {box-shadow: 0 0 8px 2px rgba(255, 40, 0, .6);}
	100% {box-shadow: 0 0 6px 2px rgba(255, 40, 0, .4);}
}
@-webkit-keyframes glow2 {
	0% {box-shadow: 0 0 2px 1px rgba(255, 40, 0, .1);}
	10% {box-shadow: 0 0 4px 1px rgba(255, 40, 0, .1);}
	20% {box-shadow: 0 0 6px 1px rgba(255, 40, 0, .3);}
	30% {box-shadow: 0 0 8px 1px rgba(255, 40, 0, .6);}
	40% {box-shadow: 0 0 10px 1px rgba(255, 40, 0, .6);}
	50% {box-shadow: 0 0 12px 2px rgba(255, 40, 0, .6);}
	60% {box-shadow: 0 0 10px 1px rgba(255, 40, 0, .6);}
	70% {box-shadow: 0 0 8px 1px rgba(255, 40, 0, .6);}
	80% {box-shadow: 0 0 6px 1px rgba(255, 40, 0, .3);}
	90% {box-shadow: 0 0 4px 1px rgba(255, 40, 0, .1);}
	100% {box-shadow: 0 0 2px 1px rgba(255, 40, 0, .1);}
}
@font-face { 
	font-family: roboto-regular; 
	src: url('../fonts/diablo.ttf'); 
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
	.card, .breadcrumb, .jumbotron {
		background-color: rgba(0,0,0,.4);
		backdrop-filter: blur(4px);
		-webkit-backdrop-filter: blur(4px);
		border: none;
	}
}
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
	.card, .breadcrumb, .jumbotron {
		background-color: rgba(0,0,0,.6);
	}
}
@media (max-width: 992px) {
	#orbs td {
		padding: 0 !important;
	}
	.container {
		max-width: none !important;
	}
}
.nav-link.disabled {
    color: #6c757d !important;
}
.card-title {
	text-transform: uppercase;
	color: var(--unique);
	font-family: roboto-regular;
}
.small, small {
    font-size: 80% !important;
    font-weight: 400;
}
.large {
    font-size: 135% !important;
    line-height: 35px !important;
}
.armory .table {
	color: inherit;
	width: 100%;
}
.armory .table td, .armory .table th {
    padding: .25rem;
	text-align: left;
}
.texture-tab {
	background : url('../img/armory-assets/tab-inactive.png');
	background-repeat: no-repeat;
	background-size: 80px 30px;
	width: 80px;
    height: 30px;
	padding-top: 8px;
	color: white;
	font-family: 'Roboto Condensed';
	font-size: 11px;
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    text-shadow: 1px 1px 1px black;
    letter-spacing: 0.025em;
}
.texture-tab:not(.active):hover {
	color: var(--simple) !important;
	text-decoration: none;
}
.texture-tab.active:hover {
	color: var(--color-lightgold) !important;
	text-decoration: none;
}
.texture-tab.active {
	background : url('../img/armory-assets/tab-active.png');
	background-repeat: no-repeat;
	background-size: 80px 30px;
}
.table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
    border: 0;
}
.table {
	margin-bottom: 0;
}
.tooltip-inner {
    max-width: 100%;
}
.scroll_top {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}
.scroll_top button {
	background : url('../img/armory-assets/subir1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	border: 0;
	height: 40px;
	width: 40px;
}
.scroll_top button:hover {
	background : url('../img/armory-assets/subir2.jpg');
}
#status #evogold { display: none }
#swap1 {
	position: absolute;
    top: 15px;
    left: 15px;
    width: 68px;
    height: 20px;
}
#swap2 {
	position: absolute;
    top: 15px;
    left: 245px;
    width: 68px;
    height: 20px;
}
#chargif {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
}
#chargif img {
	max-height: 220px;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
}
#skilltabs {
	text-align: center;
	position: relative;
	width: 320px;
	margin: auto;
}
#skilltabs a {
	font-family: Athiti;
	font-size: 16px;
	color: white;
}
#skilltabs img {
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
}
#skilltabs div.points {
    position: absolute;
    width: 48px;
    height: 48px;
}
#tab1, #tab2, #tab3 {
	position: absolute;
    left: 230px;
    width: 85px;
    height: 96px;
}
#tab1 a, #tab2 a, #tab3 a {
    -ms-flex-align: center!important;
    align-items: center!important;
    display: -ms-flexbox!important;
    display: flex!important;
    height: 96px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#tab1 a:hover, #tab2 a:hover, #tab3 a:hover {
	color: var(--color-lightgold)!important;
}
#tab1 {
    top: 329px;
}
#tab2 {
    top: 221px;
}
#tab3 {
    top: 113px;
}
#tab4 {
	position: absolute;
	top: 61px;
    left: 230px;
    width: 79px;
    height: 52px;
}
#mercname {
	font-weight: bold;
}
#mercgif img {
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
}
#subtype {
	max-width: 120px;
}
div.points span {
	position: absolute;
    left: 42px;
    top: 41px;
    width: 21px;
}
div.i11, div.i12, div.i13 {top: 15px;}
div.i21, div.i22, div.i23 {top: 83px;}
div.i31, div.i32, div.i33 {top: 151px;}
div.i41, div.i42, div.i43 {top: 219px;}
div.i51, div.i52, div.i53 {top: 287px;}
div.i61, div.i62, div.i63 {top: 355px;}
div.i11, div.i21, div.i31, div.i41, div.i51, div.i61 {left: 15px;}
div.i12, div.i22, div.i32, div.i42, div.i52, div.i62 {left: 84px;}
div.i13, div.i23, div.i33, div.i43, div.i53, div.i63 {left: 153px;}
#orbs {
	width: 100%;
}
#orbs td {
	padding: 10px;
	text-align: center;
}
.globe.health { 
	background: url('../img/armory-assets/orbskull-life.png');
	background-repeat: no-repeat;
	background-size: 104px 89px;
}
.globe.mana {
	background: url('../img/armory-assets/orbskull-mana.png');
	background-repeat: no-repeat;
	background-size: 104px 89px;
}
.globe {
    display: table;
    vertical-align: middle;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
	width: 104px;
	height: 89px;
	margin: auto;
}
.globe div {
    display: table-cell;
    vertical-align: middle;
	text-align: center;
}
.title {
	font-size: 15px;
	font-family: roboto-regular;
	text-transform: uppercase;
	line-height: 18px;
}
.subtitle {
	font-size: 17px;
	font-family: Athiti;
	line-height: 20px;
}
.magic {
	color: var(--magic);
}
.rare {
	color: var(--rare);
}
.socketed {
	color: var(--socketed);
}
.tempered {
	color: var(--tempered);
}
.unique {
	color: var(--unique);
}
.set {
	color: var(--set);
}
.crafted {
	color: var(--crafted);
}
.simple {
	color: var(--simple);
}
.enchanted {
	color: var(--enchanted);
}
.broken {
	color: var(--broken);
}
.ethereal-true {
	opacity: .6;
}
.item {
	position: absolute;
}
.inv-item {
    background: rgba(11,11,38,.6); 
}
.inv-item .identified-false {
    background: rgba(36,0,0,.5); 
}
.item .socketed-items {
    display: none;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	z-index: 10;
}
.item .socketed-item {
    float: left;
}
.item .socketed-items.sockets-1 {
    top: 25%;
}
.item .socketed-items.sockets-1, .item .socketed-items.sockets-2, .item .socketed-items.sockets-3 {
    max-width: 28px;
}
.item .socketed-items.sockets-5 .socketed-position-2 {
    margin: 0 14px;
}
.item .socketed-items.sockets-4, .item .socketed-items.sockets-5 {
    max-width: 56px;
    top: 12.5%;
}
.item .socketed-items.sockets-5, .item .socketed-items.sockets-6 {
    max-width: 56px;
}
.socketed-item {
    width: 28px;
    height: 28px;
}
.pos-x-0{left:0}
.pos-x-1{left:28px}
.pos-x-2{left:56px}
.pos-x-3{left:84px}
.pos-x-4{left:112px}
.pos-x-5{left:140px}
.pos-x-6{left:168px}
.pos-x-7{left:196px}
.pos-x-8{left:224px}
.pos-x-9{left:252px}
.pos-y-0{top:0}
.pos-y-1{top:28px}
.pos-y-2{top:56px}
.pos-y-3{top:84px}
.pos-y-4{top:112px}
.pos-y-5{top:140px}
.pos-y-6{top:168px}
.pos-y-7{top:196px}
.pos-y-8{top:224px}
.pos-y-9{top:252px}
.pos-y-10{top:280px}
.pos-y-11{top:308px}
.cube-frame {
	background-image: url(../img/armory-assets/cubonovo.png);
    background-repeat: no-repeat;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
    padding: 20px;
    width: fit-content;
    margin: auto;
}
.inv-frame {
	background-image: url(../img/armory-assets/inv.png);
    background-repeat: no-repeat;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
    padding: 20px;
    width: fit-content;
    margin: auto;
}
.stash-frame {
	background-image: url(../img/armory-assets/bau.png);
    background-repeat: no-repeat;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
    padding: 20px;
    width: fit-content;
    margin: auto;
}
.equipped-grid {
    max-width: 320px;
    min-height: 255px;
    position: relative;
    margin: 0 auto;
}
.char-grid {
	background: url(../img/armory-assets/equip1.png);
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
}
.merc-grid, .golem-grid {
	background: url(../img/armory-assets/equip3.png);
	background-repeat: no-repeat;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
	margin: 0 auto -50px auto;
}
.inv-grid {
    width: 280px;
    height: 140px;
    position: relative;
    margin: 0 auto;
}
.stash-grid {
    width: 280px;
    height: 280px;
    position: relative;
    margin: 0 auto;
}
.cube-grid {
    width: 280px;
    height: 336px;
    position: relative;
    margin: 0 auto; 
}
.grid {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABi0lEQVR42r2Woa6EMBBFEYgKBAKBQPABKxAIBAKBQCAQCAQCgUDw/7Yvl+Sy01I2bN6m4gZaZnraYaZtEIah9qkgSRK/wCzL/ALLsvQLbNtW53nuDzgMg369Xv6Ay7JorNIbcNs2Pc/zV05RFB162n8Brut6OsRxfDqxjdJxiQDa4Mn3O/AJpGGapoY4OMrHJfrYQPQ5gYABSiMMIgeQK5KToK0Ec8W05wRugfYs+c4wR5E6B31LGWFUShnPCxBZuu/7JeZ0erfVo4Qi6PYfEvg5K5WRTN9Ab1d45+z6D/8pn1ug/HcytD/ZaQCUP17W4y9hF6BMeVm8LuiTXYV2F6AsCwnk4cwVy3KRfWY2R0Y52ZM9gRJi7zRyANnmYPZ3OSlnSAGUIbJnaYfPFc6nJRPgpODm7eV4AhCr9HoAe10hYN6BSBqvIaWmadK4VEF93xvPcRwPwU72w4d+TdNoXDtxKeO5CskMDmCMxIHg1HXdcami2MZgUFVVuq7rU+yH0Mb3oiiOq6erVP4AsXuiWsysDWoAAAAASUVORK5CYII=);
}
.item .item-image {
    max-width: 59px;
    max-height: 116px;
    vertical-align: middle;
    display: table-cell;
    position: relative;
}
.equipped-grid .item.pos-x-1 {
    left: 134px;
	top: 4px;
}
.equipped-grid .item.pos-x-2 {
    left: 205px;
	top: 31px;
}
.equipped-grid .item.pos-x-3 {
    left: 134px;
	top: 74px;
}
.equipped-grid .item.pos-x-4 {
    left: 19px;
	top: 37px;
	opacity: 1;
}
.equipped-grid .item.pos-x-5 {
    left: 249px;
	top: 37px;
	opacity: 1;
}
.equipped-grid .item.pos-x-6 {
    left: 91px;
	top: 177px;
}
.equipped-grid .item.pos-x-7 {
    left: 205px;
	top: 177px;
}
.equipped-grid .item.pos-x-8 {
    left: 134px;
	top: 176px;
}
.equipped-grid .item.pos-x-9 {
    left: 249px;
	top: 164px;
}
.equipped-grid .item.pos-x-10 {
    left: 19px;
	top: 164px;
}
.equipped-grid .item.pos-x-11 {
	left: 19px;
	top: 37px;
	opacity: 0;
}
.equipped-grid .item.pos-x-12 {
	left: 249px;
	top: 37px;
	opacity: 0;
}
.equipped-grid .item.pos-x-4, .equipped-grid .item.pos-x-5, .equipped-grid .item.pos-x-11, .equipped-grid .item.pos-x-12 {
    position: absolute;
    width: 59px;
    height: 112px;
    white-space: nowrap;
    text-align: center;
    z-index: 2;
    border-radius: 3px;
	display: inline-table;
}
.merc-grid .item.pos-x-4, .merc-grid .item.pos-x-5, .golem-grid .item.pos-x-4 {
	top: 7px;
}
.merc-grid .item.pos-x-9, .merc-grid .item.pos-x-10 {
	top: 124px;
}
.merc-grid .item.pos-x-3 {
	top: 66px;
}
.merc-grid .item.pos-x-8 {
	top: 155px;
}
.merc-grid .item.pos-x-6 {
	top: 122px;
}
.inv-grid .suprimento_infernal, .cube-grid .suprimento_infernal {
	animation: glow2 1.5s ease-in-out infinite alternate;
}
.char-grid .suprimento_infernal {
	animation: glow 1.5s ease-in-out infinite alternate;
}
.equipped-grid .item:hover {
	background: rgba(16,78,16,0.25);
}
.inv-item:hover {
	background: rgba(16,78,16,0.2);
}

.stash_icon .nav-link {
	margin-top: 40px;
}

.stash_icon, .stash_icon .nav-link {
	filter: brightness(70%);
}

.stash_icon .active, .stash_icon:hover {
	filter: brightness(100%) !important;
}