#depotinbox_inner{
	width:100%;
	position:relative;
	z-index:1;
	filter:drop-shadow(2px 2px 10px rgba(0,0,0,0.3));
}

#depotinbox_containerAnimation{
	width:320px;
	height:320px;
	image-rendering:pixelated;
	position:absolute;
	background-size:320px 320px;
	left:-4px;
	top:0;
	z-index:0;
	opacity:0.1;
	display:none;
}

#depotinbox_main{
	width:160px;
	height:260px;
	float:left;
}

#depotinbox_container{
	width:160px;
	height:200px;
	position:relative;
}

#depotinbox_topbar{
	width:160px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

#depotinbox_topbar_container{
	width:130px;
	height:14px;
	display:flex;
}

#depotinbox_topbar_containericon{
	width:14px;
	height:14px;
	background-size:14px 14px;
	image-rendering:pixelated;
}

#depotinbox_topbar_containername{
	width:111px;
	height:14px;
	margin-left:5px;
	overflow: hidden;
	text-transform:capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:16px;
	color:#aaa;
	user-select:none;
}

#depotinbox_updirectory{
	width:16px;
	height:16px;
	position:static;
	margin:0;
	margin-right:2px;
	opacity:0.3;
}

#depotinbox_updirectory{
	cursor:pointer;
}
#depotinbox_updirectory:hover{
	border-color:#555;
}

#depotinbox_pagebar{
	width:160px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.depotinbox_pagechange{
	width:20px;
	height:20px;
	position:static;
	margin:0;
	cursor:pointer;
	opacity:0.3;
}
.depotinbox_pagechange:hover{
	border-color:#555;
}

#depotinbox_pagetext{
	width:100px;
	height:14px;
	overflow: hidden;
	text-align:center;
	text-transform:capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:16px;
	color:#aaa;
	user-select:none;
}

.slot_depotinbox:nth-child(1){top:0px;left:0;}
.slot_depotinbox:nth-child(2){top:0px;left:40px;}
.slot_depotinbox:nth-child(3){top:0px;left:80px;}
.slot_depotinbox:nth-child(4){top:0px;left:120px;}
.slot_depotinbox:nth-child(5){top:40px;left:0;}
.slot_depotinbox:nth-child(6){top:40px;left:40px;}
.slot_depotinbox:nth-child(7){top:40px;left:80px;}
.slot_depotinbox:nth-child(8){top:40px;left:120px;}
.slot_depotinbox:nth-child(9){top:80px;left:0;}
.slot_depotinbox:nth-child(10){top:80px;left:40px;}
.slot_depotinbox:nth-child(11){top:80px;left:80px;}
.slot_depotinbox:nth-child(12){top:80px;left:120px;}
.slot_depotinbox:nth-child(13){top:120px;left:0;}
.slot_depotinbox:nth-child(14){top:120px;left:40px;}
.slot_depotinbox:nth-child(15){top:120px;left:80px;}
.slot_depotinbox:nth-child(16){top:120px;left:120px;}
.slot_depotinbox:nth-child(17){top:160px;left:0;}
.slot_depotinbox:nth-child(18){top:160px;left:40px;}
.slot_depotinbox:nth-child(19){top:160px;left:80px;}
.slot_depotinbox:nth-child(20){top:160px;left:120px;}

.slot_container:hover{
	cursor:pointer;
}
.slot_container:hover .slot_container_enter{
	display:block;
}

.slot_container_enter{
	width:16px;
	height:16px;
	position:absolute;
	left:-4px;
	top:-8px;
	background-image:url(../img/container_enter.png?a=2);
	background-size:16px 16px;
	user-select:none;
	pointer-events:none;
	display:none;
	opacity:0.8;
	image-rendering:pixelated;
	z-index:8;
}