#tabs #ul-tabs.avatar-tabs {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.05);
}
.avatar-content {
	display: inline-block;
	margin: 0;
	white-space: nowrap;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;


	/*width: 51vw;*/
	min-width: 155px;
	vertical-align: top;
	/*float: right;*/
	/*min-height: 287px;*/

	position: relative;
    width: 100vw;
    max-width: 720px;
    top: 0px;
    height: 100vh;
    max-height: calc(100vh - 459px);
}
.avatar-slot, .avatar-subscription {
	text-align: center;
    border: 2px solid #ccc;
    border-top: 3px solid #ccc;
    border-radius: 5px;
    padding: 20px 10px;	
	background-color: white;
	width: 150px;
	min-height: 200px;
	position: relative;
	overflow:hidden;
	filter: drop-shadow(1px 1px 2px rgba(255, 102, 153,.6));

    margin-right: 10px;
    margin-bottom: 15px;
    float: left;
}
.avatar-subscription.active {
    border: 2px solid #00AADD;
    border-top: 3px solid #00AADD;
	z-index: 10;
}
.avatar-slot:not(.n):after {
	content:'';
    background-color: black;
    opacity: .5;
    border-radius: 100%;
    width: 50px;
    height: 10px;
    position: absolute;
    bottom: 55px;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    left: 50%;
    z-index: 0;
    filter: blur(7px) drop-shadow(0px 0px 0px rgba(0,0,0,.2));
    -webkit-filter: blur(7px) drop-shadow(0px 0px 0px rgba(0,0,0,.2));
    -moz-filter: blur(7px) drop-shadow(0px 0px 0px rgba(0,0,0,.2));
    -ms-filter: blur(7px) drop-shadow(0px 0px 0px rgba(0,0,0,.2));
    -o-filter: blur(7px) drop-shadow(0px 0px 0px rgba(0,0,0,.2));
    -webkit-transform: translate(-50%,0);
}
.item-list .avatar-slot .slot-position {
	margin: 40px;
    height: 50px;
    width: 50px;
    line-height: 40px;
    font-weight: bold;
    font-size: 1.5em;
    color: #ccc;

}
.avatar-slot.activated:before {
    content: '#' attr(data-character);
    background-color: #00aadd;
    color: white;
    position: absolute;
    padding: 3px 35px;
    transform: rotate(-45deg);
    font-size: .8em;
    left: -30px;
    top: 5px;
}
.avatar-slot.activated {
	border-color: #00aadd;

}
.avatar-slot:hover {
	border-color: #00aadd;
	color: #00aadd:
}
.avatar-slot canvas {
	background-repeat: no-repeat;
	max-height: 125px;
    min-width: 255px;
	background-size: 125px;
	transform-origin: 65px;
	pointer-events: none;
}
.slot-cost {
	position: absolute;
    width: 125px;
	left: 50%;
    text-align: center;
    transform: translateX(-50%);
}
[aria-describedby="avatar-dressingroom"] {
	margin-top: 0px;
	min-height: 100vh;
}
.item-list {
	/*background-image: url('images/avatar/mosha-icon.png');
	background-repeat: no-repeat;
	background-position: 90% 98%;
    background-size: 40px;*/
	padding-bottom: 15px;
}
.item-list, .avatar-equipped, .stats-list {
	display: block;
    /*max-width: calc(100vw - 168px);*/
	width: 100%;
	min-width: 186px;
    margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
    white-space: normal;
    text-align: left;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-o-user-select: none;
	overflow-y: auto;
	overflow-x: hidden;
	transition: height .05s;
	height: 100%;
}
.inventory-list {
    margin: 0;
	padding: 30px;
	height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    max-width: 100vw;
    min-width: 360px;
	list-style: none;
	max-height: calc(100vh - 149px);
}

#avatar-dressingroom .item-list, #avatar-dressingroom .stats-list {
	    width: 100vw;
    overflow-y: auto;
    overflow-x: hidden;
	text-align: center;
	max-width: 720px;
}
#avatar-dressingroom .stats-list {
	    margin-left: -35px;
}
#avatar-dressingroom .item-list {
	padding: 25px 35px;
}
.item-list::-webkit-scrollbar,
.friend-chat-wrapper::-webkit-scrollbar,
.avatar-equipped::-webkit-scrollbar,
.refine-inventory-items::-webkit-scrollbar,
.stats-list::-webkit-scrollbar,
.table-body.table-body-play::-webkit-scrollbar,
#post-box::-webkit-scrollbar {
	height: 4px;
	width: 5px;
}
.profile-hovercard .table-back.table-play::-webkit-scrollbar,
.trade-item-list::-webkit-scrollbar,
.shop-items-list::-webkit-scrollbar,
.shop-car-list::-webkit-scrollbar,
.shop-bag-list::-webkit-scrollbar {
	width: 5px;
	cursor: pointer;
}
.mementos-timeline .table-back::-webkit-scrollbar, .mementos-timeline .memento-timeline-ul::-webkit-scrollbar {
	height: 5px;
	cursor: pointer;
}
.mementos-timeline .table-back::-webkit-scrollbar-thumb, .mementos-timeline .memento-timeline-ul::-webkit-scrollbar-thumb {
    border: solid 3px transparent;
    background-color: #c8c8c8;
}

.item-list::-webkit-scrollbar-corner,
.friend-chat-wrapper::-webkit-scrollbar-corner,
.avatar-equipped::-webkit-scrollbar-corner,
.refine-inventory-items::-webkit-scrollbar-corner,
.stats-list::-webkit-scrollbar-corner,
.trade-item-list::-webkit-scrollbar-corner,
.shop-bag-list::-webkit-scrollbar-corner,
.shop-items-list::-webkit-scrollbar-corner,
.shop-car-list::-webkit-scrollbar-corner {
    background-color: #fff;
}
.profile-hovercard .table-back.table-play::-webkit-scrollbar-corner, .profile-hovercard .table-back.table-play::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.item-list::-webkit-scrollbar-thumb,
.friend-chat-wrapper::-webkit-scrollbar-thumb,
.avatar-equipped::-webkit-scrollbar-thumb,
.refine-inventory-items::-webkit-scrollbar-thumb,
.stats-list::-webkit-scrollbar-thumb,
.table-body.table-body-play::-webkit-scrollbar-thumb,
#post-box::-webkit-scrollbar-thumb {
    border: solid 3px transparent;
    background-color: #c8c8c8;
}

.profile-hovercard .table-back.table-play::-webkit-scrollbar-thumb,
.trade-item-list::-webkit-scrollbar-thumb,
.shop-items-list::-webkit-scrollbar-thumb,
.shop-bag-list::-webkit-scrollbar-thumb,
.shop-car-list::-webkit-scrollbar-thumb {
	opacity: 0;
}
	.profile-hovercard .table-back.table-play:hover::-webkit-scrollbar-thumb,
	.trade-item-list:hover::-webkit-scrollbar-thumb,
	.shop-items-list:hover::-webkit-scrollbar-thumb,
	.shop-bag-list:hover::-webkit-scrollbar-thumb,
	.shop-car-list:hover::-webkit-scrollbar-thumb {
		background-color: rgba(0,0,0,.10);
		opacity: 1;
	}

.profile-hovercard .table-back.table-play::-webkit-scrollbar-track,
.item-list::-webkit-scrollbar-track,
.friend-chat-wrapper::-webkit-scrollbar-track,
.avatar-equipped::-webkit-scrollbar-track,
.refine-inventory-items::-webkit-scrollbar-track,
.stats-list::-webkit-scrollbar-track,
.trade-item-list::-webkit-scrollbar-track,
.shop-bag-list::-webkit-scrollbar-track,
.shop-items-list::-webkit-scrollbar-track,
.shop-car-list::-webkit-scrollbar-track,
.table-body.table-body-play::-webkit-scrollbar-track {
    background-color: transparent;
}

.table-buttons {
	text-align: center;
	padding: 5px 10px;
	background-color: white;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	position: relative;
	z-index: 100;
	max-width: 720px;
	/*width:100%;*/
}
.shop-wrapper {
    width: 100%;
    /*max-height: calc(100vh - 176px);
    min-height: 285px;*/
    overflow: hidden;
}
#Shop-System .shop-items-list {
	border-left: 1px solid rgba(0,0,0,.1);
}
.shop-items-list, .shop-car-list, .shop-bag-list {
	list-style: none;
	margin: 0px;
	padding: 0;
    /*height: 100vh !important;
    max-height: calc(100vh - 138px);
    min-height: 195px;*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-o-user-select: none;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: rgba(255,255,255,.3);
}
	.shop-items-list li, .shop-car-list li, .trade-item-list-selected li {
		border-bottom: 1px solid rgba(0,0,0,0.05);
		background-color: rgba(255,255,255,.1);
		height: 50px;
		padding: 5px 10px 5px 55px;
		background-position: 5px;
		line-height: 40px;
		position: relative;
		font-weight: bold;
		white-space: nowrap;
		vertical-align: top;
		pointer-events: none;
		list-style: none;
		text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
	}
	.shop-items-list li.item, .shop-car-list li.item, .trade-item-list-selected li.item, li a.item {
		cursor: pointer;
	}
	.shop-items-list li.item .item-counter {
		left: 31px;
		top: 10px;
	}
	.trade-item-list-selected li.item {
		height: 60px;
		padding-left: 60px;
		line-height: 50px;
	}
	.item-list .button-wrapper {
		margin: 1px 7px 0px;
		line-height: 21px;
		background-color: white;
	}
	.item-list .button-wrapper.left {
		margin-left: 1px;
	}
	.item-list .button-wrapper.right {
		margin-right: 1px;
	}
	.item-list li.item.editor, .item-list li.item.editor:hover, .item-list li.item.editor:active, li a.item:hover  {
		border-color: #FF6699;
		background-color: white;
	}
	.shop-items-list li.item.active, .shop-car-list li.item.active,
	.shop-items-list li.item.active:hover, .shop-car-list li.item.active:hover,
	.trade-item-list-selected li.item.active, .trade-item-list-selected li.item.active,
	.trade-item-list-selected li.item.active:hover, .trade-item-list-selected li.item.active:hover {
		background-color: rgba(0, 170, 221, 0.1);
	}
	.item.active img, .shop-bag-list li.item.active, .shop-bag-list li.item.active:hover, .shop-items-list li.item.active canvas, .shop-car-list li.item.active canvas, .trade-item-list-selected li.item.active canvas, .inventory-list li.item.active, .refine-inventory-list li.item.active  {
		border-color: #00aadd;
	}
	.shop-bag-list li.item.sorting, .inventory-list li.item.sorting {
		border-color: #00aadd;
		border-width: 4px;
	}

	.shop-item-name {
		display: inline-block;
		width: 40%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		font-size: .9em;
		color: #212121;
		pointer-events: auto;
	}
	.shop-item-name:hover {
		color: #212121;
		text-decoration: underline;
	}
	.shop-items-list li canvas, .shop-items-list li img, .shop-car-list li canvas, .shop-car-list li img, .shop-item-random img, .trade-item-list-selected li canvas, .trade-item-list-selected li img  {
		background-color: white;
		border: 2px solid #D8D8D8;
		border-radius: 100%;
		width: 40px !important;
		height: 40px !important;
		position: absolute;
		left: 5px !important;
		top: 4px !important;
		background-position: center center;
		pointer-events: auto;
	}
	.trade-item-list-selected li canvas, .trade-item-list-selected li img {
		width: 45px !important;
		height: 45px !important;
	}
	.shop-item-random {
		position: absolute;
		top: 0;
		left: 0;
		transform: scale(0.9);
		transition: transform .1s;
		z-index: 1;
	}
	.shop-item-random:hover {
		/*transform: scale(1.05);*/
	}
	.shop-item-random img:hover {
		border-color: #00aadd;
	}
	.shop-bag-list li.item:hover, .shop-items-list li.item:hover, .shop-car-list li.item:hover {
		/*background-color: rgba(0,0,0,.02);*/
	}
	.shop-bag-list.droppable:after, .shop-items-list.droppable:after, .shop-car-list.droppable:after, .inventory-list.target:after {
		border: 2px solid #00aadd;
		border-radius: 0px;
		content: '';
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		bottom: 0;
		left: 0;
		/*max-height: 382px;*/
	}
	.inventory-list.target:after {
		border: 0px;
		/*max-height: 285px;*/
	}
	.shop-title-header {
		border-bottom: 1px solid rgba(0,0,0,0.04);
		box-shadow: 0 2px 4px rgba(0, 0, 0, .02);
		display: block;
		height: 50px;
		margin: 0px;
		padding: 10px 15px;
		background-color: rgba(232, 232, 232, .5);
		font-size: 1.1em;
		font-weight: bold;
		font-variant: small-caps;
		/*line-height: 34px;*/
		position: relative;
		width: 100%;
		text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
		white-space: nowrap;
	}
	/*#Shop-System .shop-title-header {
		width: 360px;
	}*/
	.shop-price-holder {
		font-size: .9em;
		font-weight: normal;
		font-weight: bold;
		padding-right: 15px;
		line-height: 40px;
		display: inline-block;
		text-align: right;
		min-width: 100px;
		pointer-events: none;
		top: 5px;
		right: 0;
		position: absolute;
				font-family: 'num', 'Lato', Helvetica Neue, sans-serif !important;

	}
	.shop-total {
		display: inline-block;
		position: absolute;
		right: 0;
		top: 5px;
		height: 40px;
		width: 200px;
		line-height: 42px;
		font-size: 1.1em !important;
	}
	.shop-price-holder .shop-item-price {
		width: 85%;
		min-width: 50px;
		font-size: 1em;
		margin-bottom: 2px;
		background-color: rgba(255,255,255,.5);
				font-family: 'num', 'Lato', Helvetica Neue, sans-serif !important;
		pointer-events: fill;
	}
	.shop-container {
		width: 100%;
		height: 100%;
		margin-top:85px;
	}
	.shop-items-list li.sorting {
		width: 42px !important;
		height: 42px !important;
		overflow: hidden;
		padding: 0;
		padding: 0px;
		text-indent: -9999px !important;
		border-radius: 100%;
		opacity: .9;
		border: 4px solid #00aadd;
	}
	.shop-items-list li.sorting canvas {
		top: -1px !important;
		left: -1px !important;
	}
	.item.sorting img {
		top: 0px;
		left: 0px;
	}
	.item.sorting span {
		display: none;
	}

/*.trade-item-list {
	padding: 5px;
    display: inline-block;
    height: 40px;
    max-width: 250px;
	min-width: 98px;
    width: 100%;
    margin: 0px;
    line-height: 35px;
	font-size: .9em;
	overflow-x: auto;
	overflow-y: hidden;
	border-radius: 30px;
	background-color: whiteSmoke;
}*/
.trade-item-list-selected {
    display: block;
    max-width: 360px;
    height: calc(100vh - 250px);
    min-height: 370px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	min-width: 360px;
}
.trade-item-list-selected.started, .trade-item-list-selected.accepted {
    min-height: 300px;
	overflow-y: hidden;
	height: calc(100vh - 250px);
}
.appbox [aria-describedby="avatar-dressingroom-pop"] {
	background: rgba(255, 255, 255, .95);
}
#avatar-dressingroom {
	width: auto;
	max-width: 720px;
	min-width: 360px;
	background: linear-gradient(rgba(255, 255, 255, .95), #F5F5F5);
	margin-top: -20px;
}
#avatar-dressingroom .table-container {
	margin: 0;
	border: 0;
    max-width: 720px;
	/*overflow: hidden;*/
}
.avatar-table-buttons {
	height: 70px;
    position: absolute;
	width: 100%;
    padding: 5px 15px;
    text-align: center;
	z-index: 10000;
}
#avatar-dressingroom {
	cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), default;
}

	.item-list.loading:before, .table.loading:before, .ul-tabs li.active a.loading:before, #dashboard-wrapN.loading:before, #dashboard-wrapP.loading:before, .loading[role="notifications-block"]:before, #register-content.loading:before, #avatar-dressingroom.loading:before  {
		content: '';
		border-radius: 3px;
		background-color: #00AADD;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 4px;
		animation: progresss 1.5s 1 ease;
		z-index: 1;
	}
	.item-list.loading:before {
		top: 0;
	}
	.table.loading:before, #dashboard-wrapN.loading:before, #dashboard-wrapP.loading:before {
		top: 70px;
		z-index: 1;
	}
	.mosha-container:before {
		top: calc(100% - 4px) !important;
	}
	.loading[role="notifications-block"]:before {
		top: 0px;
		z-index: 1;
	}

.item-list li.item, .avatar-equipped li.item, .trade-item-list li.item, .stock-list li.item, .shop-list li.item, .inventory-list li.item, .refine-inventory-list li.item, #shortCuts-menu li.item, .shortcut-menu li.item, .chat-footer li.item, [role="item-image-putty"].item {
	display: inline-block;
	position: relative;
	float: left;
	margin: 13px;
	background-color: white;
	border: 2px solid white;
	height: 45px;
	width: 45px;
	border-radius: 100%;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.15);
	cursor: pointer;
	text-indent: -99999px;
	background-repeat: no-repeat;
	background-position: center center;
	pointer-events: fill;
	font-family: "ITCAvantGardePro-Md", Arial, Helvetica, sans-serif;
    color: white;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
	font-size: 0.85em;
	z-index: 1;
	outline: none;
}
	[role="item-image-putty"].item {
		float: none;
		margin: 15px;
		transform: scale(1.3);
	}
	#avatar-dressingroom .item-list li.item {
		cursor: url('cursor/target.png'), url(cursor/target.cur), pointer;
		    margin: 13px;
	}
	#avatar-dressingroom .item-list li.item:hover > canvas, .touchable:hover, .inventory-list li.item:hover > canvas, .about-footer .button-wrapper:hover  {
		transform: scale(1.2);
		transition: transform .1s;
	}
	#avatar-dressingroom .item-list li.item:active > canvas, .touchable:active {
		cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer;
		transform: scale(1.2);
		transition: transform .1s;
	}
	.stock-list li.item, .shop-list li.item, .stocklist-item {
		border-color: #E8E8E8;
		box-shadow: none;
	}
	.stock-list li.item canvas, .shop-list li.item  canvas, .stocklist-item canvas {
		pointer-events: none;
	}
	.stock-list li.item.active, .shop-list li.item.active, .stocklist-item.active {
		border-color: #00aadd;
	}
	.stock-list li.item:hover, .shop-list li.item:hover, .stocklist-item:hover {
		border-color: #D8D8D8;
	}
	#shortCuts-menu li.item, .touchable, .chat-footer li.item, .shortcut-menu li.item {
		background-color: rgba(255,255,255,1);
		border: 2px solid rgba(255,255,255,.5);
		cursor: url(cursor/pointer.cur), url(cursor/pointer.cur), pointer;
		float:none;
	}
	.chat-footer li.item, #shortCuts-menu li.item {
		float: left;
	}
	.item-list li.item:hover, .item-list li.item.active, .trade-item-list li.item:hover, .trade-item-list li.item.active, .stock-list li.item:active, .shop-list li.item:active, .inventory-list li.item:hover, .refine-inventory-list li.item:hover, #shortCuts-menu li.item:hover {
		border-color: #00AADD;
	}
	#shortCuts-menu li.item.active, .chat-footer li.item.active, #shortCuts-menu li.item:hover, .emoji-selector li.emoji-menu:hover .avatar-positions li:hover, .avatar-positions li.active  {
		background-color: white;
		border-color: #00AADD;
		cursor: url('cursor/target.png'), url(cursor/target.cur), pointer;
		transform: scale(1.2);
	}
	#shortCuts-menu li.item.active:active, .chat-footer li.item.active:active, .shortcut-menu li.item:active {
		cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer;
	}
	.item-list li img {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	li.item canvas {
		position: absolute;
		top: -2px;
		left: -2px;
	}
	.npc .shop-items-list li.item canvas {
		position: relative;
		left: 50% !important;
		margin-left: -25px !important;
		width: 50px !important;
		height: 50px !important;
		background-color: white;
		border: 2px solid #D8D8D8;
		border-radius: 100%;
		background-position: center center;
		pointer-events: none;
	}
	.npc .shop-items-list li .shop-item-name {
		font-size: 1em;
		width: 100%;
		pointer-events: none;
	}
	.npc .shop-items-list li .shop-price-holder {
		font-size: 1em;
		position: absolute;
		left: 0px;
		top: calc(100% - 40px);
		display: block;
		text-align: center;
		padding: 0 15px;	
		pointer-events: none;
		font-family: 'num', 'Lato', Helvetica Neue, sans-serif !important;
		color: white;
		background-color: #ff6699;
		text-shadow: none;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	#shortCuts-menu li canvas, .chat-footer li canvas {
		top: -7px;
		left: -7px;
	}

.item-list li.noitem {
	position: absolute;
	top: 10px;
	left: 10px;
	text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
}
.item-content2 {
	min-width: 220px !important;
	vertical-align: top;
    height: 100%;
	overflow: hidden;
    margin: -1px 0 15px;
    padding: 0px;
	list-style: none;
}
.item-content-description {
	padding: 10px;
    position: relative;
    top: 0px;
    right: 0px;
    white-space: normal;
    min-height: 100px;
    font-size: .9em;
    border-left: 1px solid whitesmoke;	
}
.stats-list {
	margin-top: 1px;
	vertical-align: top;
	overflow: hidden;
	height: 100%;
    border-bottom: 2px solid whitesmoke;
    overflow-y: auto;
}
.stat-input {
	border-radius: 30px;
    background-color: whitesmoke;	
	height: 35px;
    line-height: 30px;
    border: 2px solid #eee;
	    width: 200px;
}
.stats-list.l2 li, .item-content2 li  {
	text-align: left;
    width: 50%;
    float: left;
	position: relative;
}
.stats-list.l3 li  {
	text-align: left;
    width: 33%;
    float: left;
	position: relative;
	border-bottom: 0px;
    text-align: center;
}
#item-viewer {
	height: 100%;
    max-height: calc(100vh - 69px);
}
#item-viewer .comment-table {
	    margin: -50px 0px;
}
	.npc .shop-items-list {
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		pointer-events: fill;
		height: 215px;
		cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), default;
	}
	.npc .shop-items-list li {
		text-align: center;
		position: relative;
		height: 180px;
		margin: 10px;
		background-color: rgba(255, 255, 255, 0.75);
		border-radius: 3px;
		border: 2px solid whiteSmoke;
		/*box-shadow: 2px 2px 2px rgba(255, 102, 153, 0.5);*/
		display: inline-block;
		width: 190px;
		pointer-events: fill;
		padding: 25px 10px;
		cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), default;
	}
	.npc .shop-items-list li:hover, .npc .shop-items-list li.active {
		border-color: #00aadd;
	}
	.npc .shop-items-list li:active {
		box-shadow: none;
		cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer;
	}
	.item-content2 li {
		text-align: left;
		width: 100%;
	}
.item-like-button {
    float: right;
    min-width: 75px;
    text-align: left;
}
.stats-list li {
    display: block;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid whiteSmoke;
    white-space: nowrap;
	line-height: 46px;
	padding: 0 10px;
	text-align: center;
}
.li-statlist {
	margin-top: -1px;
	display: inline-block;
	vertical-align: top;
	min-width: 360px;
	width: 100%;
}
.item-layer-name, .stats-list li label {
    min-width: 150px;
    /*max-width: 232px;*/
    width: 100%;
    text-align: center;
    font-weight: bold;
    height: 47px;
    font-size: .7em;
    margin: 0;
    background-color: #E6F4FF;
	line-height: 24px;
	position: relative;
	padding-right: 0 10px;
	z-index: 10;
	/*border-radius: 0px 0px 40px 0px;*/
	border: 1px solid #E8E8E8;
    border-top: 0px;
    border-left: 0px;
}
.stats-list li label {
	border-radius: 100%;
	border: 1px solid #E8E8E8;
    height: 32px;
    width: 32px;
	/*line-height: 22px;*/
	margin: 3px;
    min-width: 32px;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.15);
	font-variant: small-caps;
	/*float: left; */
}
.item-layer-name {
    height: 35px;
	line-height: 32px;
    margin: 0;
	float: left;
    white-space: nowrap;
    font-size: .7em;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .07);
	position: relative;
	border: 2px solid #AFDAFF;
	width: 100%;
	padding: 0px !important;
	cursor: url(cursor/pointer.cur), url(cursor/pointer.cur), default;
	border-radius: 25px;
}
.item-layer-name span, .avatar-equipped li.scaled, #avatar-dressingroom .avatar-positions li {
	cursor: url('cursor/target.png'), url(cursor/target.cur), pointer;
}
.item-layer-name span:active, , .avatar-equipped li.scaled:active, #avatar-dressingroom .avatar-positions li:active  {
	cursor: url('cursor/holding.png'), url(cursor/holding.cur), pointer;
}
.item-layer-container {
	padding: 45px 0 10px;
	display: block;
}
.item-hair-container  {
    position: relative;
    display: inline-block;
    z-index: 10;
    /*top: -37.5px;
	left: -5px;*/
    vertical-align: top;
    min-width: 164px;
    max-width: 164px;
    width: calc(100% - 164px);
	padding: 5px;
    text-align: center;
}
.item-hair-container li.item {
    float: none;
    margin: 0 auto;
}
.item-hair-container ol {
    padding: 0px;
	list-style: none;
}
.stats-list li span.stat {
	display: inline-block;
	width: 35%;
    text-align: center;
	font-family: 'num', 'Lato';
    color: #373a3c;
	/*font-size: .8em;*/
	font-weight: bold;
	position: relative;
}
.stats-list.l2 li span.stat {
	width: 70px;
}
.stat-header {
    padding: 0px 10px;
	height: 40px;
	font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    margin-bottom: 5px;
	text-align: center;
	min-width: 186px;
}
.stat-header {
    /*padding: 6px 10px;
	height: 50px;
	font-weight: bold;
	text-align: center;
    border-top: 2px solid #E8E8E8;
	font-variant: small-caps;
	min-width: 186px;*/
    font-size: .9em;
	display: none;
    text-align: center;
    padding: 7px 0;
    background-color: whitesmoke;
    border-bottom: 1px solid #E8E8E8;
    margin: 0px 0 1px 0;
}
.stat-footer label {
    height: 100%;
    margin: 0;
    line-height: 28px;	
}
.header-points, [role="monster-stats"] .stat {
    display: block;
    position: relative;
    height: 45px;
    width: 50%;
    line-height: 70px;
    font-size: .75em;
    font-weight: bold;
    text-align: center;
    min-width: 45px;
}
.item-layer-name.header-points {
    line-height: 33px;
    height: 37px;	
}
.stats-header-title {
	padding: 10px;
    font-size: 1em;
    border-bottom: 2px solid #E8E8E8;
    background-color: whitesmoke;
	font-family: "ITCAvantGardePro-Md", "Lato", Arial, Helvetica, sans-serif;
	margin: 0px;
}
.circle-dot {
	border: 1px solid #D8D8D8;
	width: 25px;
	height: 25px;
	display: inline-block;
	border-radius: 100%;
    vertical-align: middle;
	margin: 0 10px;
    margin-top: -2px;
	cursor: pointer;
	text-align: center;
	line-height: 21px;
	font-style: normal;
}
.button-wrapper .circle-dot {
	font-size: 1.5em;
	width: 30px;
	height: 30px;
	border: 0px;
    margin: -1px -4px;
}
.circle-dot:hover {
	color: #00aadd;
	border-color: #00aadd;
}
.circle-dot:active {
	color: #ff6699;
	border-color: #ff6699;
}
.circle-dot.minus:before {
	content: '─';
	font-family: 'num';
	font-weight:bold;
}
.circle-dot.plus:before, .before-plus:before {
	content: '+';
	font-family: 'num';
	font-weight:bold;
}
.before-plus:before {
	float: left;
}
.before-div:before {
	content: '/';
	font-weight: bold;
	float: left;
}
.stat-save {
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 100%;
	background-color: #00AADD;	
	margin: 0 5px;
	border: 1px solid rgba(255,255,255,.2);
    z-index: 100;
	box-shadow: 0 6px 13px 0 rgba(0,0,0,.23);
	line-height: 28px;
	text-align: center;
	font-family: 'num', 'Lato', Helvetica Neue, sans-serif;
	font-size: .9em;
	font-weight: bold;
	cursor: pointer;
	position: relative;
	transition: transform .1s;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	user-select: none;
	/*transform: rotate(-90deg);*/
}
	.stat-save:hover {
		transform: scale(1.1);
	}
	.stat-save:active {
		background-color: #0d82b3;
	}
	.stat-save:before {
	    content: '';
		width: 90%;
		height: 70%;
		background-color: rgba(255,255,255,.15);
		position: absolute;
		left: 0;
		border-radius: 100%;
	}
	.stat-save:after {
	    content: '';
		width: 0;
		height: 0;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 8px solid white;
		margin: -2px 0 2px 2px;
		cursor: pointer;
		transition: all .2s;
		vertical-align: middle;
		display: inline-block;
		text-indent: -999999px;
		zoom: 1;
		*display:inline;
	}

#dressingTab-stats.active span {
	border-color: #00AADD !important;
    border-width: 2px !important;
    color: #00AADD;
}
#dressingTab-skills.active span {
	border-color: #00AADD !important;
    border-width: 2px !important;
    color: #00AADD;
}

#avatar-dressroom {
	vertical-align: top;
	position: relative;


	max-height: 377px;
	/*cursor: url('cursor/default.cur'), url(cursor/default.cur), default;*/
	cursor: default;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-o-user-select: none;

	/*width: calc(100% - 180px);*/
    max-width: 720px;
    display: block;
    min-height: 300px;
    padding: 0px;

	background-image: url('images/avatar/avatar-spots.png');
	background-repeat: no-repeat;
	background-position: 7px 36px;
}
.profile-hovercard #avatar-dressroom {
	height: 143px;
	min-height: 143px;
    width: 150px;
    padding-bottom: 0px;
    text-align: center;
}
.profile-hovercard .avatar-content {
	height: 160px !important; overflow-y: auto;
	background-color: white;
}
.profile-hovercard .avatar-content::-webkit-scrollbar {
	width: 5px;
}
.profile-hovercard .avatar-content::-webkit-scrollbar-thumb {
	width: 5px;
	background-color: rgba(0,0,0,.1);
}
.preview-list {
	height: 170px;
	width: 150px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	position: relative;
	z-index: 1;
	/*cursor: url('cursor/default.cur'), url(cursor/default.cur), default;*/
	cursor: pointer;
	margin: 0 auto;
	-webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.25));
    filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=1,OffY=1,Color='#252525');
	transition: all .1s;
}
	.preview-clone {
		position: absolute;
	}
	.preview-list:after {
		content: '';
		background-color: black;
		opacity: .5;
		border-radius: 100%;
		width: 50px;
		height: 10px;
		position: absolute;
		bottom: 20px;
		-webkit-transform: translate(-50%,0);
		transform: translate(-50%,0);
		left: 50%;
		z-index: -1;
		filter: blur(7px) drop-shadow(0px 0px 0px rgba(0,0,0,.2));
		-webkit-filter: blur(7px) drop-shadow(0px 0px 0px rgba(0,0,0,.2));
		-moz-filter: blur(7px) drop-shadow(0px 0px 0px rgba(0,0,0,.2));
		-ms-filter: blur(7px) drop-shadow(0px 0px 0px rgba(0,0,0,.2));
		-o-filter: blur(7px) drop-shadow(0px 0px 0px rgba(0,0,0,.2));
		-webkit-transform: translate(-50%,0);	
	}
	.preview-list.loading li {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.preview-list.loading:before, .table-buttons.loading:before, .shop-header.loading:before, .loading[role="splash-background"]:before, #mosha-online-pop.loading:after {
		content: '';
		border-radius: 3px;
		background-color: #00AADD;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 4px;
		animation: progresss 1.5s 1 ease;
	}
	.preview-list.loading:before {
		bottom: -10px;
	}
	#mosha-online-pop.loading:after {
	    z-index: 1000000;
	}
	.table-buttons.loading:before {
		top: -3px;
	}

	.preview-list li, .preview-clone li {
		height: 170px;
		width: 150px;
		position: absolute;
		overflow: hidden;
	}
	.preview-list li.preview-image {
		height: 170px;
		width: 150px;
		text-align: center;
		position: relative;
		left: 0;
		transform: translate3d(0,0,0);
		-webkit-transform: translate(0,0);
		background-repeat: no-repeat;
		transition: all .3s;
	}	
	.canvas-clean {
		top: 0px;
		position: absolute;
		-webkit-filter: opacity(0);
		filter: opacity(0);
	}
	.canvas-clean.preview-list li {
		height: 340px !important;
	}
	.profile-hovercard .preview-list {
		transform: scale(.8);
		margin: 0;
		position: absolute;
		transform-origin: center center;
	}
	.profile-hovercard .preview-image {
		/*transform: scale(.8);*/
	}
	.profile-hovercard .avatar-content {
		/*max-width: 230px;*/
		width: 100%;
		min-height: 160px;
	}

.avatar-positions, .trade-info {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: .9em;
	text-align: center;
	padding: 5px 2.5px;
	height: 50px;
    background-color: whitesmoke;
    border-bottom: 1px solid #E8E8E8;
    border-top: 1px solid white;
	position: relative;
	z-index: 10000;
}
.avatar-manage {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: .9em;
	text-align: center;
	padding: 5px 0;
	height: 50px;
    background-color: whitesmoke;
    border-bottom: 1px solid #E8E8E8;
    border-top: 1px solid white;
position: relative;
}

.avatar-submenu {
	padding: 0;
}
	.avatar-positions li, .avatar-manage li {
		display: inline-block;
		margin: 1px 5px;
		padding: 5px;
		height: 35px;
		width: 35px;
		border: 2px solid #D8D8D8;
		background-color: #ffffff;
		border-radius: 100%;
		text-align: center;
		line-height:22px;
		/*cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), default;*/
		cursor: pointer;
		vertical-align: top;
		position: relative;
		-webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.15));
		filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.15));
	}
	.editor-manager .item:not(.editor) {
		opacity: .5;
		pointer-events: none;
	    -webkit-filter: grayscale(100%);
	    -moz-filter: grayscale(100%);
	    -ms-filter: grayscale(100%);
	    -o-filter: grayscale(100%);
	    filter: grayscale(100%);
	    filter: gray; /* IE 6-9 */
	    filter: grayscale(100%); /* IE 6-9 */
	}
	.avatar-positions li:hover, .avatar-positions li.active {
		border-color: #00AADD;
	}
	.avatar-positions li[role="item-manage"]:hover {
		border-color: #FF6699;
	}
	.avatar-tabs li#dressingTab-0b a:hover {
		color: #FF6699;
	}
		.avatar-positions li:hover > .icon-sitstand, .avatar-positions li.active > .icon-sitstand {
			background-position: -357px -97px;
		}
		.avatar-positions li:hover > .icon-frontback, vatar-positions li.active > .icon-frontback {
			background-position: -277px -97px;
		}
		.avatar-positions li:hover > .icon-flip, .avatar-positions li.active > .icon-flip {
			background-position: -421px -97px;
		}
		.avatar-positions li:hover > .icon-expression, .avatar-positions li.active > .icon-expression {
			background-position: -343px -128px;
		}
		.avatar-positions li:hover > .icon-nude, .avatar-positions li.active > .icon-nude {
			background-position: -404px -128px;
		}
		.avatar-positions li:hover > .icon-wb, .avatar-positions li.active > .icon-wb {
			background-position: -227px -326px;
		}
		.avatar-positions li:hover > .icon-qmark, .avatar-positions li.active > .icon-qmark {
			background-position: -54px -239px;
		}
		.avatar-positions li:hover > .icon-gift, .avatar-positions li.active > .icon-gift {
			background-position: -227px -371px;
		}
		.avatar-positions li:hover > .icon-delete, .avatar-positions li.active > .icon-delete {
			background-position: -232px -1px;
		}

.avatar-expressions {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: .9em;
}
	.avatar-expressions li {
		padding: 5px;
		margin-bottom: -1px;
		text-align: center;
		line-height: 34px;
		background-color: white;
		height: 40px;
		line-height: 25px;
		border-top: 1px solid whiteSmoke;
		border-bottom: 1px solid whiteSmoke;
		cursor: pointer;
	}
		.avatar-expressions li:hover, .avatar-expressions li:active, .avatar-expressions li.active {
			background-color: #00AADD;
			color: white;
		}
		.avatar-expressions li.active {
			cursor: default;
		}
.avatar-tabs {
    /*box-shadow: 1px 1px 4px rgba(0, 0, 0, .07);*/
	background-color: transparent !important;
    /*border-top: 1px solid #d8d8d8;*/
}
#cstats-list, [role="monster-stats"], [role="subscription-perks"] {
/*    min-height: 265px;
    min-width: 180px;
    position: absolute;
    top: 0px;
    right: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 180px;
    height: 265px;
    width: 180px !important;
    border-bottom: 0px;
    font-size: .75em;
    border: 2px solid #afdaff;
    border-radius: 10px;
    padding: 0px 5px;
    background-color: #eef7ff;
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
	transition: .15s all;
    z-index: 1000000;
	    box-shadow: -2px 1px 4px rgba(0, 0, 0, .1);
*/
    position: absolute;
    top: -15px;
    width: 25%;
    max-width: 137px;
    max-height: 235px;
    overflow: hidden;
    margin: 15px 0px 0px 0;
    transform: scale(1.25);
    transform-origin: left top;
    pointer-events: fill;
    right: 35px;
    border: 1px solid #F5F5F5;
    border-right: 0px;
    border-top: 1px solid white;
    border-bottom-left-radius: 3px;
	background-color: rgba(255, 255, 255, .5);
	/*filter: drop-shadow(1px 1px 2px rgba(255, 102, 153,.6));*/
}
[role="monster-stats"], [role="subscription-perks"], [role="subscription-plans"] {
	position: relative;
    max-width: 720px;
    width: 100%;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    transform: scale(1);
	height: 100%;
}
#cstats-list:before {
    content: 'Stats';
    font-variant: all-petite-caps;
    font-weight: bold;
    font-size: .85em;
    position: relative;
    width: 100%;
    border-bottom-left-radius: 3px;
    padding-left: 5px;
    background-color: whitesmoke;
    display: block;
    margin-bottom: -10px;
}
#cstats-list li {
	max-width: 50%;
    float: left;
}
[role="monster-stats"] li, [role="subscription-perks"] li, [role="subscription-plans"] li {
	display: inline-block;
    width: 32%;
    padding: 0px 25px 15px;
    text-align: center;
    position: relative;
	white-space: nowrap;
}
[role="subscription-perks"], [role="subscription-plans"] {
	max-height: 100%;
	height: auto;
}
[role="subscription-perks"] {
	padding-top: 20px;
}
[role="subscription-perks"] li {
	margin-top: 25px;
	width: 48%;
}
[role="monster-stats"] .stat {
	width: 100%;
}
[role="subscription-plans"] {
    padding: 0px;
}
[role="subscription-plans"] li, [role="subscription-goals"] li {
	padding: 0px;
}
[role="subscription-plans"] h3, [role="subscription-goals"] h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    padding: 1rem;
    line-height: 1.2;
}
[role="subscription-plans"] nav {
    width: 100%;
    height: 175px;
	position: relative;
}
[role="subscription-plans"] nav i {
	background-repeat: no-repeat; 
	background-position: center center;
	animation-duration: 25s; 
	display: block; 
	-webkit-mask-box-image: -webkit-radial-gradient(center, black 10%, transparent 75%);
	mask-image: radial-gradient(black 10%, transparent 75%);
	position: absolute;
	width: 110%; height: 145%; 
	background-size: 190%; 
	z-index: -1; 
	top: -80px;left: 50%;     margin-left: -125px;
	visibility:hidden;
	min-width: 250px;
}
.sub-price {
	font-size: 1.75em; display: block; text-align: center;
}
.sub-list {
    text-align: left;
    padding: 10px;
}
.sub-list li {
    text-align: left;
    padding: 10px;
	display: inline-block;
	text-align: center;
    white-space: normal;
}
#cstats-list li label, [role="monster-stats"] li label {
    position: absolute;
    color: #BEA6E4;/**/
    font-variant: all-petite-caps;
	font-weight: bold;
	font-size: .85em;
	/*text-shadow: 1px 1px 2px #F69, 0px 0px 15px white, 0 0 0.2em cyan, 0px 0px 15px white;*/
}
[role="monster-stats"] li label {
	left: 50%;
    transform: translateX(-50%);
    font-size: 1rem;
	line-height: 25px;
}

/*#cstats-list.active {
	right: 0px;
}
#cstats-list li {
    height: 53px;
    vertical-align: top;
    line-height: 44px;
    float: left;
    width: 50%;
}*/
/*#cstats-list li .header-points {
    font-weight: bold;
	width: 52%;
	position: relative;
}
#cstats-list li label {
	width: 40%;
}*/
.avatar-equipped {
    height: 45px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    z-index: 1;
    min-width: 360px;
    width: 100vw;
    max-width: 720px;
    margin: 0px;
    border-radius: 0px;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    position: absolute;
    top: -50px;
    margin-left: 0px;
    border-left: 0px;
    border-right: 0px;
    width: 25%;
    max-width: calc(100% - 5px);
	height: 290px;
	pointer-events: none;

    max-width: 90px;
	min-width: 90px;
	top: 0px;
	height: 250px;
	background-position: 7px 37px;
	overflow-x: hidden;
}
.avatar-equipped li[data-layer="7"] {
    top: 145px;
    right: 47.5px;
    position: absolute;
	z-index: 3 !important;
}
/*.avatar-equipped li[data-layer="7"]:after,
.avatar-equipped li[data-layer="11"]:after,
.avatar-equipped li[data-layer="19"]:after,
.avatar-equipped li[data-layer="28"]:after,
.avatar-equipped li[data-layer="27"]:after,
.avatar-equipped li[data-layer="29"]:after,
.avatar-equipped li[data-layer="30"]:after,
.avatar-equipped li[data-layer="12"]:after {
	content: '';
    position: absolute;
    background-color: #00AADD;
    height: 225px;
    width: 8px;
    top: -225px;
    right: 15px;
}*/
.avatar-equipped li[data-layer="11"], .avatar-equipped li[data-layer="8"], .avatar-equipped li[data-layer="18"]  {
    top: 110px;
    right: 47.5px;
    position: absolute;
	z-index: 2 !important;
}
.avatar-equipped li[data-layer="16"] {
    top: 195px;
    right: 22.5px;
    position: absolute;
	/*border-color: #ff6699 !important;*/
	z-index: 11 !important;
}
.avatar-equipped li[data-layer="17"] {
	top: 162px;
    right: 22.5px;
    position: absolute;
	/*border-color: #ff6699 !important;*/
	z-index: 10 !important;
}
.avatar-equipped li[data-layer="19"] {
    right: 47.5px;
	top: 75px;
    position: absolute;
	z-index: 5 !important;
}
.avatar-equipped li[data-layer="21"] {
    right: 22px;
    top: 127px;
    position: absolute;
	z-index: 4 !important;
	/*border-color: #ff6699 !important;*/
}
.avatar-equipped li[data-layer="27"] {
    top: 145px;
    right: -2.5px;
    position: absolute;
	z-index: 4 !important;
}
.avatar-equipped li[data-layer="49"] {
    top: 215px;
    right: 47.5px;
    position: absolute;
	z-index: 1 !important;
}
.avatar-equipped li[data-layer="28"] {
    top: 110px;
    right: -2.5px;
    position: absolute;
	z-index: 4 !important;
}
.avatar-equipped li[data-layer="29"] {
    top: 180px;
    right: 47.5px;
    position: absolute;
    z-index: 10 !important;
}
.avatar-equipped li[data-layer="30"] {
    right:-2.5px;
	top: 75px;
    position: absolute;
	z-index: 5 !important;
}
.avatar-equipped li[data-layer="34"],
.avatar-equipped li[data-layer="12"] {
    right: -2.5px;
    top: 180px;
    position: absolute;
	z-index: 3 !important;
}
.avatar-equipped li[data-layer="41"] {
    right: 22.5px;
    top: 93px;
    position: absolute;
	z-index: 5 !important;
	/*border-color: #ff6699 !important;*/
}
.avatar-equipped li[data-layer="48"] {
	right: -2.5px;
    position: absolute;
    top: 215px;
}
.equip-button {
    margin: 6px 7px;
    position: absolute;
    z-index: 10000;
    bottom: 53px;
    background-color: white;
    font-size: .8em;
    width: 100px;
    line-height: 31px;
    border: 2px solid #00aadd;
    /* color: white; */
    font-weight: bold;
    /* font-variant: small-caps; */
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,.15);
}
	.equip-button:before  {
		height: 35%;
		position: absolute;
		left: 0px;
		top: 0px;
		background-color: rgba(255,255,255,.25);
		border-radius: 30px;
		content: '';
		width: 100%;
	}
	/*.avatar-equipped:before {
		content: attr(data-title);
		font-size: .7em;
		position: absolute;
		white-space: nowrap;
		top: 0px;
		left: 10px;
		font-variant: small-caps;
		text-shadow: 1px 0px 1px white;
		font-weight: bold;
	}
	.avatar-equipped li.scaled:first-child, .avatar-equipped li.scaled:nth-child(2) {
	    -webkit-transform: scale(.55);
	    transform: scale(.55);
		margin-top: 5px;
		margin-left: 0px;
	}*/
	.avatar-equipped li.scaled {
		transform: scale(.6);
		z-index: 1;
		vertical-align: top;
		transform-origin: center;
		margin: -2px 0px 0px 0px !important;
		float: none;
		filter: drop-shadow(1px 1px 2px rgba(255, 102, 153,.6));
		transition: .15s all;
		cursor: pointer;
	}
	.avatar-equipped li.scaled:hover {
		transform: scale(.7);
	}
	.avatar-equipped li.scaled:before, .trade-item-list-selected.accepted li:before, .trade-item-list-selected.started li:before, li.item.item-refine[data-user-item]:hover > #refine-item-level:before  {
	    content: '';
		background-image: url('images/icons-mosha.png');
		background-repeat: no-repeat;
		background-position: -232px 0;
		width: 12px;
		height: 13px;
		transition: opacity .1s;
		opacity: 0;
		transform: scale(1.5);
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 10;
	}
	.trade-wrapper {
		overflow: hidden;
		position: relative;		
	}
	.trade-item-list-selected.accepted li:before, .trade-item-list-selected.started li:before {
		left: 45px;
		top: 5px;
		transform: scale(1);
		cursor: pointer;
	}
	.avatar-equipped li.scaled:hover:before, .trade-item-list-selected li:hover:before {
	    opacity: 1;
	}
	.avatar-equipped li.active {
		border-color: #00aadd;
	}

.longpress {
	-webkit-transition: all 1.1s !important; /* Safari */
    transition: all 1.1s !important;
	background-color: #D8D8D8 !important;
}

/* Trade */
[id^='Trade-System'] .trade-container {
    margin: 0;
    border: 0px;
	height: calc(100vh - 140px);
	margin-top: 0px !important;
	box-shadow: none;
}
.trade-container {
    max-width: 720px;
    min-width: 360px;
	height: calc(100vh - 99px);
}
[id^='Trade-System'] .trade-info {
	border-radius: 0px;
	height: 100px;
	padding-top: 20px;
}
.trade-info li {
	min-width: 85px;
	width: 49%;
	text-align: center;
	vertical-align: top;
    max-height: 60px;
	float: left;
}
.trade-info-title {
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 7px;
}
.trade-info-header {
	display: block;
	text-align: center;
	font-size: .9em;
}

.trade-from, .trade-to, .shop-bag, .shop-content, .shop-car {
	display: table-cell;
	vertical-align: top;
}
.trade-from, .trade-to {
	max-width: 50%;
}
.trade-from {
	border-right: 2px solid #e8e8e8;
}
.shop-content.user {
	max-height: calc(100vh - 478px);
	height: 100vh;
}
#shop-viewer .shop-car {
	height: calc(100vh - 501px);
}

#shop-viewer .shop-content.user {
	max-height: calc(100vh - 456px);
	height: 100vh;
}
.shop-bag, .shop-content, .shop-car {
    width: 100%;
    display: block;
    height: 100%;
    min-height: 140px;
	height: calc(100vh - 436px);
    width: 100vw;
    max-width: 720px;
	overflow-x: hidden;
    overflow-y: auto;
}
.shop-car.special, .shop-car.npc, .shop-car.user {
	height: calc(100vh - 521px);
}
.shop-car {
	height: calc(100vh - 501px);
}
.npc.shop-content {
    height: 215px;
}
.shop-bag {
	max-height: 170px;
}
#Shop-System {
	overflow: hidden;
}
#Shop-System .shop-bag, #Shop-System .shop-content, #Shop-System .shop-car {
	/*max-width: 360px;*/
	/*height: 367px;*/
}
.trade-ready {
    position: absolute;
    height: 100%;
    max-width: 360px;
    width: 100vw;
    max-height: 100%;
    top: 0px;
    background-color: rgba(255,255,255,.7);
    z-index: 100;
    background-image: url(images/icon-ready.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.trade-muns {
	width: 100%; 
	min-width: 95px; 
	max-width: 212px;
}
.trade-avatar {
	min-width: 180px;
	width: 50vw;
	max-width: 324px;
	vertical-align: top;
	padding: 5px 12px;
    max-height: 50px;
	border-bottom: 1px solid #D8D8D8;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);;
}
.trade-picture {
	width: 65px;
	height: 65px;
	max-height: 80px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: top center;
	display: inline-block;
	border: 2px solid #D8D8D8;
	border-radius: 100%;
	overflow: hidden;
	-webkit-transition: all .2s; /* Safari */
    transition: all .2s;
    background-size: cover;
}
.trade-username {
	font-weight: bold;
	margin-left: 4px;
    display: inline-block;
    width: 50%;
    text-align: left;
    vertical-align: top;
    line-height: 40px;
}
.trade-muns-label {
	height: 50px;
    font-weight: bold;
    text-align: center;
    line-height: 44px;
    margin: 0px 6px;
}
.sprite {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.shop-buttons {
	/*border-width: 2px; 
	border-color: #212121;
	height: 50px;
	z-index: 101;*/

	text-align: center;
	padding: 10px 5px 5px;
    border-top: 1px solid rgba(0,0,0,0.35);
	height: 65px;
}
.shop-buttons button {
    width: 35%;
    text-align: right;
    outline: none !important;
}
.shop-buttons button a, .shop-buttons button span.price-holder {
    display: inline-block;
    height: 28px;
    padding: 0px;
    width: 50%;
    border: 0px;
	min-width: 100px;
}

.item-counter {
	position: absolute;
    top: 0;
    right: -5px;
    display: block;
    height: 12px;
    width: 15px;
    text-indent: 0;
    font-size: 1em;
    font-variant: small-caps;
    font-style: normal;
    font-weight: bold;
    text-align: right;
	line-height: 0;
}
.item-shop-counter {
    font-size: .9em;
    font-style: normal;
    font-weight: bold;
    padding-right: 15px;
    line-height: 40px;
    display: inline-block;
    text-align: right;
    min-width: 100px;
    pointer-events: none;
    top: -15px;
    right: 65px;
    position: relative;
    font-family: 'num', 'Lato', Helvetica Neue, sans-serif !important;
}
.item-shop-counter:before {
    content: 'x';
	position: relative;
    font-family: 'num', 'Lato', Helvetica Neue, sans-serif !important;
}

.offer-name {
	/*text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;*/ color: #00AADD;  font-size: 1.3em;  margin-top: -5px; display: block; font-weight: 300;
}
.download-hero, .share-hero {
	width: 25px; height: 30px; position: absolute;
	margin: 7.5px 0 0;
}

.download-hero {
	top: -45px; right: 95px;
}
.share-hero {
	top: -45px; right: 45px;	
}
#avatar-dressingroom-pop .loader, #resend-password-pop .loader {
	display: none !important;
}
[aria-describedby="avatar-dressingroom-pop"] .ui-dialog-titlebar, [aria-describedby="avatar-dressingroom"] .ui-dialog-titlebar {
	background-color: transparent;
	border-color: transparent;
}
@media screen and ( max-width: 720px ){
	.avatar-positions {
		max-width: 100vw;
		width: 100%;
	}	
	/*.shop-content.user {
		max-width: 65vw;
		max-height: 322px;
		width: 100%;
	}	*/
	/*.shop-bag .shop-title-header {
		max-width: 35vw;
	}*/
	/*.shop-content.user .shop-title-header {
		max-width: 65vw;
		width: 100%;
	}*/
	/*#avatar-dressroom, .avatar-content {
		height: 100%;
		/*min-height: 235px;
		max-height: 247px;
		min-height: 377px;
		max-height: 377px;
	}*/
	.trade-from, .table-to {
		max-width: 50vw;
	}
	.trade-item-list-selected.started, .trade-item-list-selected.accepted, .trade-item-list-selected {
		max-width: 50vw;
		min-width: 180px;
		width: 50vw;
	}
	/*#avatar-dressroom {
		width: calc(100% - 180px);
	}
	#equipped-list {
		left: calc(50% - 90px);
	}*/

}
@media screen and ( max-width: 700px ){
	/*#cstats-list {
		right: -140px;
		color: transparent;
		position: fixed;
		top: 45px;
		cursor: url('cursor/pointer.cur'), url(cursor/pointer.cur), default;
		pointer-events: fill;
	}
	#cstats-list:before {
		content: 'My Stats';
		color: #222;
		transform: rotate(-90deg);
		position: absolute;
		left: -115px;
		top: 50%;
		font-size: 1.7em;
		font-weight: bold;
		text-shadow: 1px 1px 2px #F69, 0px 0px 15px white, 0 0 0.2em cyan, 0px 0px 15px white;
		margin-top: -13px;
		font-variant: all-small-caps;
		height: 100%; 
		width: 265px;
		background: red; 
		display: block;
		text-align: center;
		pointer-events: none;
	}
	#cstats-list.active:before {
		content: '';
		color: transparent;
	}
	#cstats-list.active {
		color: #222;
	}*/

	/*[role="subscription-plans"] nav i {
		margin-left: -40px;
	}*/

}

@media screen and ( max-width: 650px ){
	#avatar-dressingroom #shortCuts-menu {
	    border-bottom: 2px solid #00aadd;
	}
	#inventory-room .avatar-content {
		min-height: 235px;
	}
	/*.trade-item-list-selected.started {
		height: 194px;
	}*/
	/*.trade-item-list-selected.accepted {
		height: 194px;
	}*/
	.trade-item-list {
		min-width: 110px;
		width: 62%;	
	}
	.trade-ready {
		max-width: 50%;
	}	
	input[type="number"].trade-muns {
		width: 65%;
		min-width: 100px;
	}
}
@media screen and ( max-width: 650px ){
	/*.shop-items-list .shop-item-name {
		width: 25%;
	}*/
	/*#Shop-System .shop-title-header, .shop-title-header {
		max-width: 325px;
		width: 50vw;
	}	*/
	.shop-buttons {
		position: fixed;
		width: 100vw;
		bottom: 0;
	}
	/*.shop-bag, .shop-content, .shop-car {
		height: calc(100vw - 63px);
	}*/	
	.stats-list li span.stat {
		/*width: 60%;*/
	}
	#cstats-list {
		transform: scale(1);
		right: 0px;
	}
	/*#cstats-list:not(.active):after{
		content: 'Stats';
		background-image: url();
		border: 2px solid rgba(0,0,0,.15);
		height: 35px;
		width: 35px;
		border-radius: 100%;
		position: absolute;
		color: #BEA6E4;
		font-variant: all-petite-caps;
		font-weight: bold;
		font-size: .85em;
		line-height: 27px;
		text-align: -webkit-center;
	}
	#cstats-list.active {
		left: 0px;
		height: initial;
		margin-top: 0px;
	}*/
}
@media screen and ( max-width: 570px ){
	/*.stats-list.l2 li {
		text-align: left;
		width: 100%;
	}*/
	/*.stats-list li span.stat {
		width: 40%;
	}*/
}
@media screen and ( max-width: 520px ){
	.table.loading:before, #dashboard-wrapN.loading:before, #dashboard-wrapP.loading:before {
		top: 50px;
	}
	.li-statlist {
		max-width: 100vw !important;
		display: block;
		width: 100%;
		margin-left: 0px !important;
		border-left: 0px !important;
	}

	[aria-describedby="avatar-dressingroom-pop"] .ui-dialog-title, [aria-describedby="avatar-dressingroom"] .ui-dialog-title {
		display:none;
	}

}

@media screen and ( max-width:450px ){
	/*.shop-wrapper {
		height: 100vw;
		max-height: auto;
	}*/
	.shop-item-name {
		max-width: 35%;
		font-size: .70em;
	}
	/*#Shop-System .shop-bag, #Shop-System .shop-content, #Shop-System .shop-car {
		height: 364px;
	}*/
	/*#Shop-System .shop-bag-list, #Shop-System .shop-items-list, #Shop-System .shop-car-list {
		max-height: 324px;
	}*/
	/*.stats-list li span.stat {
		max-width: 25%;
	}*/
}

@media screen and ( max-width:400px ){
	/*.stats-list li span.stat {
		width: 40px;
	}*/
	.shop-owner.stats-list.l2 li {
		float: none;
		width: 100%;
	}
	#avatar-dressroom {
		background-position: 7px 36px;
	}
}
@media screen and ( max-height:575px ){
	
	.table-buttons:not(.table-container) {
		position: fixed;
		bottom: 0px;
		width: 100%;
		margin-left: -1px;
	}
	.user.shop-content {
		position: fixed;
		bottom: 46px;
		background-color: white;
		margin-left: -1px;
	}

}
@media screen and ( max-width:360px ){
	[role="subscription-plans"] nav i {
		margin-left: -120px;
	}
	
}

