/* Предефайн */
a{
	cursor: pointer;
}
body{
	padding: 0px;
	margin: 0px;
}
/* Шрифты */
@font-face {
	font-family: FSEP;
	src: url(/style/new/css/online-shop/FSElliotPro.otf);
}
@font-face {
	font-family: FSEPL;
	src: url(/style/new/css/online-shop/FSElliotProLight.otf);
}
/* Сами стили */
.dev1-shop *{
	font-family: FSEP, arial;
	vertical-align: top;
}
.dev1-shop{
	font-family: FSEP, arial;
	/*width: 800px;*/
	margin: 0 auto;
	padding: 30px;
}
.dev1-shop-item{
	font-weight: bold;
	background-color: #DDE5FB;
	border: 3px solid #C6CFE8;
	font-size: 0px;
	margin-bottom: -3px;
	min-width: 590px;
	display: block;
}
.dev1-shop-item > div{
	vertical-align: top;
	display: inline-block;
	height: 96px;
}
.dev1-shop-item-img-large{
	position: relative;
	width: 120px;
	display: block !important;
	align-items: center;
}
.dev1-shop-item-img-large > div{
	margin: 0 auto;
	width: 120px;
	height: 120px;
	background-size: contain;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
}
.dev1-shop-item-img{
	position: relative;
	width: 102px;
	display: inline-flex !important;
	align-items: center;
}
.dev1-shop-item-img > div{
	margin: 0 auto;
	width: 70px;
	height: 70px;
	border-radius: 4px;
	box-shadow: 0px 0px 16px #C6CFE8;
	background-size: contain;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
}
.dev1-shop-splitter{
	border-right: 3px solid #C6CFE8;
}
.dev1-shop-item-des > main {
	margin-left: 10px;
	margin-bottom: 16px !important;
}
.dev1-shop-item-des > main > span{
	margin: 0px;
	padding: 0px;
	font-size: 22px;
	display: block;
}
.dev1-shop-item-btn{
	float: right;
	border-left: 3px solid #C6CFE8;
}
.dev1-shop-secondary-nav button, .dev1-shop-modal-button-square, .dev1-shop-cards button, .dev1-shop-cards-button, .dev1-button{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	width: 100%;
	height: 32px;
	border-radius: 4px;
	color: #FFF;
	border: 0px;
	margin: 5px 19px;
	width: 138px;
	cursor: pointer;
	font-size: 17px;
	white-space: nowrap;
}
.dev1-shop-modal-button-square{
	width: 320px !important;
	height: 48px !important;
}
.dev1-shop-secondary-nav button, .dev1-shop-modal-button-square, .dev1-shop-cards button, .dev1-shop-cards-button, .dev1-btn-teal{
	background-color: #27B3B2;
}
.dev1-admin-button{
	background-color: #E13F3F !important;
}
.dev1-common-button{
	background-color: #5d4776 !important;
}
.dev1-shop-secondary-nav button:hover, .dev1-button:hover{
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
}
.dev1-shop-secondary-nav button:active, .dev1-button:active{
	box-shadow: inset 0px 0px 8px rgba(0,0,0,0.5);
}
.dev1-btn-blue{
	background-color: #5B7CD5;
}
.dev1-center-flex{
	display: inline-flex !important;
	align-items: center;
}
.dev1-shop-item-description{
	font-size: 16px !important;
	font-weight: normal !important; 
	padding-left: 5px;
}
.dev1-shop-interface{
	padding: 38px 0px;
}
.dev1-shop-interface input, select{
	display: inline-block !important;
	font-family: FSEPL !important;
	font-size: 18px;
}
.dev1-shop-interface input:hover, .dev1-shop-interface select:hover{
	border: 1px solid #777;
}
.dev1-shop-interface input{
	height: 40px;
	padding: 10px 20px;
	border-radius: 20px;
	border: 1px solid #A7A7A7;
	width: calc(100% - 245px);
	/*
		Картинощки на фоне, по возможности можно даже сделать анимации.
	*/
	background-image: url(images/search.png);
	background-position: center right+10px;
	background-repeat: no-repeat;
}
.dev1-shop-interface input::placeholder{
	color: #D8D8D8;
}
.dev1-shop-interface select{
	padding-left: 10px;
	width: 220px;
	height: 40px;
	border-radius: 5px;
	margin-left: 21px;
	background-color: unset;
	border: 1px solid #A7A7A7;
	/*
		Картинощки на фоне, по возможности можно даже сделать анимации.
	*/
	background-image: url(images/select.png);
	background-position: center right+7px;
	background-repeat: no-repeat;
	/*
		Селект это достаточно всратый элемент, поэтому отрубаем нахер всю его стили
	*/
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
.dev1-shop-item-des{
	max-width: 340px;
	text-align: left;
}
.dev1-shop-infobox{
	font-family: FSEPL;
	font-size: 18px;
	background-color: #DDE5FB;
	border-radius: 3px;
	padding: 16px 30px;
	text-align: center;
	font-family: FSEPL;
}
.dev1-count{
	position: absolute;
	width: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
	background-color: #FFF;
	border-radius: 50%;
	top: 26px;
	left: 72px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	background-color: #E8E7E7;
}
.dev1-modal-enhanced{
	font-family: FSEP, sans-serif;
	position: relative;
	padding: 0px !important;
	width: 520px !important;
	max-width: 520px !important;
}
.dev1-modal-enhanced .head{
	text-align: center;
}
.dev1-modal-enhanced .head h1{
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 35px;
}
.dev1-modal-enhanced .dclose{
	position: absolute;
	width: 35px;
	height: 35px;
	border: unset;
	top: 0px;
	right: 0px;
	background-image: url(images/cross.png);
	background-color: #3BC5C4;
	cursor: pointer;
	transition: 0.3s;
}
.dev1-modal-stripe{
	margin: 0 auto;
	background-color: #3BC5C4;
	height: 2px;
	margin-bottom: 10px;
}
.dev1-modal-enhanced .dev1-shop-infobox{
	margin: 12px 72px;
}
.dev1-modal-enhanced .dev1-shop-item-img{
	width: auto;
}
.dev1-modal-enhanced .dev1-shop-item-img div{
	box-shadow: unset;
}
.dev1-light-teal{
	color: #3BC5C4;
}
.dev1-shop-infobox .dev1-button{
	margin: 5px auto !important;
}
.dev1-button-long{
	width: 170px;
}
.dev1-modal-enhanced .dev1-button{
	height: 38px;
}
.dev1-modal-foo{
	width: 100%;
	margin: 0px 72px;
	display: inline-flex;
	margin-bottom: 30px;
}
.dev1-modal-foo *{
	vertical-align: top;
}
.dev1-modal-foo .dev1-button{
	display: inline-block;
	margin: 0px;
	margin-left: 20px;
}
.dev1-modal-enhanced input{
	padding: 8px;
	border: 1px solid #A7A7A7;
	border-radius: 5px;
	width: calc(100% - 323px);
	font-size: 16px;
}
.dev1-modal-enhanced input[type=number]{
	padding: 4px 8px;
	border: 1px solid #A7A7A7;
	border-radius: 0px;
	width: 60px;
	font-size: 16px;
}
.dev1-modal-enhanced input[type=number]:focus{
	border: 1px solid #000;
}
.dev1-modal-enhanced input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
}
.dev1-modal-enhanced input[type=number]::-webkit-inner-spin-button, 
.dev1-modal-enhanced input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}
.dev1-shop-server{
	background-size: cover;
	border-radius: 14px;
	width: 202px;
	height: 202px;
	margin-right: 64px;
	/* box-shadow: 2px 2px 8px rgba(0,0,0,0.2); */
}
.dev1-shop-header{
	display: inline-flex;
	width: calc(100% - 128px);
	margin: 64px;
	margin-top: 16px;
}
.dev1-shop-header > div{
	display: block;
	position: relative;
}
.dev1-shop-header a{
	text-decoration: none !important;
}
.dev1-nomargin *{
	margin: 0 !important;
}
.dev1-button-outline{
	background-color: unset;
	border: 1px solid #A7A7A7;
	display: block;
	width: 100%;
	height: 32px;
	color: #000;
	margin: 5px 19px;
	width: 138px;
	cursor: pointer;
	font-family: FSEP;
	font-size: 17px;
}
.dev1-button-outline:hover{
	border: 1px solid #777;
	background-color: #eee;
}
.dev1-content-block > *{
	display: block;
	width: 100%;
}
.dev1-convex-top{
	border-radius: 8px 8px 0px 0px;
}
.dev1-convex-bottom{
	border-radius: 0px 0px 8px 8px;
}
.dev1-mt-m1{
	margin-top: -1px !important;
}
/* Экспериментальные стили */
.dev1-shop-primary-nav{
	display: inline-flex;
	width: 100%;
}
.dev1-shop-secondary-nav{
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(5, 1fr);
	width: 100%;
	margin-top: 10px;
}
.dev1-shop-primary-nav button{
	margin: 0px;
	border: 0px !important;
	height: 46px;
	cursor: pointer;
	outline: none !important;
	background-color: #dde5fb;
	margin-right: 10px;
	font-size: 20px;
	width: inherit;
	min-width: max-content;
	border-radius: 5px;
}
.dev1-shop-secondary-nav button i{
	margin: 4px 10px 0px 0px;
}
.dev1-shop-primary-nav button:last-child {
    margin-right: 0px !important;
}
.active-tab{
	background-color: #BACCFE !important;
}
.active-cat{
	background-color: #289C9B !important;
}
.dev1-shop-primary-nav button:hover{
	background-color: #CCDDFF !important;
}
.dev1-shop-primary-nav button:focus{
	background-color: #BACCFE !important;
}
.dev1-shop-secondary-nav button{
	display: inline-block !important;
	margin: 0px !important;
	width: 100% !important;
	border-radius: 5px;
}
.dev1-button:hover{
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
}
.dev1-button:active{
	box-shadow: inset 0px 0px 8px rgba(0,0,0,0.5);
}
.dev1-shop-secondary-nav button:focus{
	box-shadow: unset;
	background-color: #40AAAA;
}
/* Toggle-Class'ы при смене страниц */
.dev1-shop-primary-focus{
	background-color: #BACCFE;
}
.dev1-shop-secondary-focus{
	box-shadow: unset;
	background-color: #289C9B;
}
/* -------------------------------- */
.dev1-shop-cards{
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(4, 1fr);
	width: 100%;
}
.dev1-shop-cards > div{
	position: relative;
	display: flex;
	justify-content: center;
	width: 100% !important;
	margin: 0px !important;
	background-color: #DDE5FB;
	min-height: 237px;
}
.dev1-shop-cards > div p{
	font-family: FSEP;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	margin: 8px 4px;
}
.dev1-card-image{
	width: 100px;
	height: 100px;
	background: #FFF no-repeat center;
	background-size: 64px;
	border-radius: 50%;
	box-shadow: 0px 0px 10px #bbb;
	position: absolute;
	top: 0px;
	margin-top: 50px;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}
.item-case{
	background-size: 75%;
	background-position: center;
	background-repeat: no-repeat;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}
.dev1-card-image p{
	position: absolute;
	margin: 0px !important;
	left: 50%;
	bottom: -10px;
	transform: translate(-50%, 0); /* 3D ? */
	padding: 4px 0;
	width: 40px;
	font-weight: bold;
	background-color: #FFF;
	border-radius: 3px;
	box-shadow: 0 3px 3px #bbb;
}
.dev1-shop-cards button, .dev1-shop-cards-button{
	position: absolute;
	bottom: 0px;
	font-family: Arial !important;
	border-radius: unset !important;
	width: calc(100% - 24px);
	margin: 0px 0px 33px 0px!important;
	font-size: 16px;
	transition: 0.3s;
	display: flex;
	justify-content: center;
	gap: 4px;
	align-items: center;
}
.dev1-shop-cards button i{
	transform: scale(90%);
}
.dev1-shop-cards button:hover, .dev1-shop-cards-button:hover{
	background-color: #23D0CF;
}
.dev1-shop-cards button:active, .dev1-shop-cards-button:active{
	transition: 0s;
	background-color: #1F7574;
}
.dev1-shop-cards h5{
	position: absolute;
	bottom: 0px;
	font-size: 13px !important;
	background-color: #FD6472;
	text-align: center;
	line-height: 21px;
	color: #fff;
	padding: 0px 5px; 
	width: 70%;
	margin-bottom: 12px;
	display: flex;
	justify-content: center;
	gap: 4px;
	align-items: center;
}
.dev1-shop-cards h5 i{
	transform: scale(89%);
	padding-top: 2px;
}
.dev1-shop-cards h5 strike{
	padding: 0px 4px;
	display: flex;
	justify-content: center;
	gap: 4px;
	align-items: center;
}
.dev1-big-title{
	font-size: 26px;
	font-weight: bold;
}
.dev1-i-number{
	display: inline-flex;
	line-height: unset !important;
} 
.dev1-i-number > *{
	display: inline-block;
	line-height: unset !important;
}
.dev1-i-number .controls{
	margin-left: -16px;
}
.dev1-i-number .controls button{
	color: #777;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	display: block;
	vertical-align: top;
	border: unset;
	background-color: unset;
	width: 16px;
}
.dev1-i-number .controls button:hover{
	color: #000;
}
.dev1-mb-20{
	margin-bottom: 20px !important;
}
.dev1-mb-30{
	margin-bottom: 30px !important;
}
.dev1-shop-modal-button-square{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	font-family: Arial !important;
	border-radius: unset !important;
	width: max-content;
	height: max-content;
	margin: 20px auto;
	font-size: 19px;
	transition: 0.3s;
	box-shadow: 0px 2px 4px #CCC;
	margin-bottom: 16px !important;
}
.dev1-shop-modal-button-square:hover{
	background-color: #23D0CF;
	box-shadow: 0px 2px 8px #CCC;
}
.dev1-shop-modal-button-square:active{
	transition: 0s;
	background-color: #1F7574;
	box-shadow: unset;
}
.dev1-shop-cards-mini > div{
	height: 180px !important;
	min-height: 180px !important;
}
.dev1-shop-cards-mini > div > p{
	font-size: 14px;
}
.dev1-modal-wide{
	width: 700px !important;
	max-width: 700px !important;
}
.dev1-scroll-content{
	margin-top: 20px;
	height: 380px;
	max-height: 380px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0px 20px;
}
.dev1-shop-cards > div > .sale{
	position: absolute;
	top: -10px;
	right: -10px;
	width: 35px;
	height: 35px;
	background-color: #FD6472;
	border-radius: 50%;
	color: #FFF;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dev1-w100{
	width: 100%;
}
.dev1-shop-info{
	display: flex;
	width: calc(100% - 268px);
	justify-content: center;
	align-items: center;
	text-align: center;
}
.dev1-shop-info a{
	width: 100%;
	font-size: 22px;
}
.dev1-shop-info a > *{
	vertical-align: middle;
}
.dev1-shop-info a > i{
	margin-right: 8px !important;
}
.dev1-infobox-outline{
	position: absolute;
	border: 1px solid #A7A7A7;
	border-radius: 8px;
	padding: 8px;
	bottom: 0px;
}
.dev1-servername{
	height: unset !important;
	line-height: 48px;
	font-size: 30px !important;
}
/* Адаптивность (бутстрепы бутстрепами но сделать самому лучше)*/
@media only screen and (max-width: 860px) {
	.dev1-shop{
		width: unset;
	}
}
@media only screen and (max-width: 760px) {
	.dev1-shop-secondary-nav{
		grid-template-columns: repeat(4, 1fr);
	}
}
@media only screen and (max-width: 700px) {
	.dev1-shop-header{
		display: block;
		margin: 0px;
		width: 100%;
	}
	.dev1-shop-server, .dev1-shop-info{
		display: block !important;
		margin: 64px auto;
	}
	.dev1-shop-info{
		width: 100%;
		height: 200px;
	}
	.dev1-shop-primary-nav{
		display: grid;
		grid-gap: 10px;
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
	}
	.dev1-shop-secondary-nav{
		grid-template-columns: repeat(3, 1fr);
	}
	.dev1-shop-cards{
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (max-width: 600px) {
	.dev1-shop-secondary-nav{
		grid-template-columns: repeat(2, 1fr);
	}
	.dev1-shop-cards{
		grid-template-columns: repeat(2, 1fr);
	}
	.dev1-shop-interface *{
		display: block !important;
		width: 100% !important;
		margin: 0px 0px 0px 0px !important;
	}
	.dev1-shop-interface input{
		width: calc(100% - 40px) !important;
		margin-bottom: 20px !important;
	}
}
@media only screen and (max-width: 500px) {
	.dev1-shop-primary-nav{
		display: block;
	}
	.dev1-shop-primary-nav button{
		margin-top: 10px;
	}
}
/*.server_online{
	padding: 15px 0px 0px 0px;
}*/
.admin-item button{
	margin: 0px !important;
	width: 100%;
}
.dev1-shop-cards > div > .add{
	position: absolute;
	bottom: -10px;
	left: -10px;
	width: 35px;
	height: 35px;
	background-color: #FD6472;
	border-radius: 50%;
	color: #FFF;
	font-size: 14px;
	display: none;
	justify-content: center;
	align-items: center;
}
.dev1-shop-cards > div > .edit{
	position: absolute;
	top: -10px;
	left: -10px;
	width: 35px;
	height: 35px;
	background-color: #FD6472;
	border-radius: 50%;
	color: #FFF;
	font-size: 14px;
	display: none;
	justify-content: center;
	align-items: center;
}
.dev1-shop-cards > div > .delete{
	position: absolute;
	bottom: -10px;
	right: -10px;
	width: 35px;
	height: 35px;
	background-color: #FD6472;
	border-radius: 50%;
	color: #FFF;
	font-size: 14px;
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 2;
}
.dev1-shop-cards > div:hover > .edit, .dev1-shop-cards > div:hover > .delete{
	display: flex;
}
.big-plus{
	height: 237px !important;
	font-size: 64px !important;
	color: #666 !important;
	background-color: unset !important;
}
.dev1-shop-group-desc{
	width: 50%;
	overflow-y: scroll;
	background: linear-gradient(to left,#e7f2f2 90%, #89c4c457 100%);
	height: 550px;
	max-height: 550px;
	overflow-x: hidden;
}
.dev1-shop-group-desc .clearfix{
	padding: 16px;
}
.dev1-modal-long{
	width: 900px !important;
	max-width: 900px !important;
}
.dev1-f-center{
	display: flex;
	align-items: center;
	justify-content: center !important;
}
.dev1-d-block{
	display: block !important
}
/*размеры шрифтов кнопок купить (да) */
.dev1-buy-md{
	font-size: 15.2px !important;
}
.dev1-buy-sm{
	font-size: 13px !important;
}
/*загрузка из винды*/
.item-loader{
	align-items: center;
}
.microsoft-loader{
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.microsoft-loader div {
  animation: microsoft-loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.microsoft-loader div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #666;
  margin: -4px 0 0 -4px;
}
.microsoft-loader div:nth-child(1) {
  animation-delay: -0.036s;
}
.microsoft-loader div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.microsoft-loader div:nth-child(2) {
  animation-delay: -0.072s;
}
.microsoft-loader div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.microsoft-loader div:nth-child(3) {
  animation-delay: -0.108s;
}
.microsoft-loader div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.microsoft-loader div:nth-child(4) {
  animation-delay: -0.144s;
}
.microsoft-loader div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.microsoft-loader div:nth-child(5) {
  animation-delay: -0.18s;
}
.microsoft-loader div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.microsoft-loader div:nth-child(6) {
  animation-delay: -0.216s;
}
.microsoft-loader div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.microsoft-loader div:nth-child(7) {
  animation-delay: -0.252s;
}
.microsoft-loader div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.microsoft-loader div:nth-child(8) {
  animation-delay: -0.288s;
}
.microsoft-loader div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes microsoft-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.clearfix .item{
	flex-grow: 1;
	min-width: 152px;
	max-width: 152px;
	height: 100px;
	/*display: flex;*/
	box-sizing: border-box;
	text-align: center;
	align-items: bottom;
	justify-content: center;
	border: 1px solid #666;
	background-position: center;
	background-size: 32px;
	background-repeat: no-repeat;
	image-rendering: crisp-edges;
	cursor: pointer;
}
.clearfix .item .icon{
	height: 64px;
	background-color: #fff !important;
	background-position: center;
	background-size: 64px;
	background-repeat: no-repeat;
	image-rendering: crisp-edges;
}
.clearfix .item .name{
    width: 100%;
    height: 36px;
    color: #fff;
    align-items: center;
	display: flex;
	justify-content: center;
	margin-top: -2px;
	text-shadow: 1px 1px 2px #000;
}
.d-flex{
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.donate-gray{
	background-color: #666;
}
.donate-gray:hover{
	background-color: #888;
}
.donate-upgrade{

}
.xrarity-1 {
	border-color: #3850b8 !important;
	background-color: #3850b8 !important;
}
.xrarity-2 {
	border-color: #601977 !important;
	background-color: #601977 !important;
}
.xrarity-3 {
	border-color: #c11a8e !important;
	background-color: #c11a8e !important;
}
.xrarity-4 {
	border-color: #a11a27 !important;
	background-color: #a11a27 !important;
}
.xrarity-5 {
	border-color: #ecd41a !important;
	background-color: #ecd41a !important;
}
.xrarity-COMMON{
	--rarity-color: #55FF55;
	border-color: var(--rarity-color) !important;
	background-color: var(--rarity-color) !important;
}
.xrarity-RARE{
	--rarity-color: #55FFFF;
	border-color: var(--rarity-color) !important;
	background-color: var(--rarity-color) !important;
}
.xrarity-EPIC{
	--rarity-color: #FF55FF;
	border-color: var(--rarity-color) !important;
	background-color: var(--rarity-color) !important;
}
.xrarity-MYTHIC{
	--rarity-color: #FF5555;
	border-color: var(--rarity-color) !important;
	background-color: var(--rarity-color) !important;
}
.xrarity-LEGENDARY{
	--rarity-color: #FFAA00;
	border-color: var(--rarity-color) !important;
	background-color: var(--rarity-color) !important;
}
.dev1-shop-cards i{
	vertical-align: center;
	align-items: center;
	justify-content: center;
	align-self: center;
	text-align: center;
	display: flex !important;
}
.dev1-item-useless{
	filter: saturate(50%);
	opacity: 0.7;
}
.dev1-item-purchased{
	filter: hue-rotate(90deg) !important;
}
.dev1-item-status-purchased{
	background-color: #ffa700 !important;
}
i.dev1-i-emerald{
	width: 16px;
	height: 16px;
	background-image: url(images/emerald.svg);
	background-size: contain;
	background-position: center;
}
.dev1-classname-item .edit:hover .popup{
	display: block;
}
.dev1-classname-item .popup{
	display: none;
	position: absolute;
	background-color: #fff;
	top: 25px;
	left: 25px;
	width: 140px;
	z-index: 2;
	box-shadow: 0px 3px 10px #00000030;
}
.dev1-classname-item .popup a{
	display: block;
	width: 100%;
	line-height: 32px;
	margin: 0px 4px;
	color: #666 !important;
}
.dev1-classname-item .popup a:hover{
	background-color: #eee !important;
	color: #000 !important;
}
.dev1-item-hidden{
	opacity: 0.8;
}
.tree ul li:last-child::before{
	background: #e7f2f2 !important;
}
.text-center-wrap{
	display: block !important;
	text-align: center !important;
	margin-bottom: 20px !important;
}
.dev1-button-gift-mini{
	width: 49px !important;
	height: 48px !important;
    position: sticky;
    float: right;
    margin-top: -64px !important;
    z-index: 21;
    filter: hue-rotate(90deg) !important;
    display: block;
	font-family: Arial !important;
	border-radius: unset !important;
	font-size: 21px;
	transition: 0.3s;
	padding: 8px 10px;
	color: #FFF;
	background-color: #27B3B2;
	box-shadow: 0px 2px 4px #CCC;
	border-left: 1px solid #FFF;
}
.dev1-button-gift-mini:hover{
	background-color: #23D0CF;
	box-shadow: 0px 2px 8px #CCC;
}
.dev1-button-gift-mini:active{
	transition: 0s;
	background-color: #1F7574;
	box-shadow: unset;
}
.dev1-button-gift{
	width: 100%;
	height: 48px !important;
    z-index: 21;
    filter: hue-rotate(90deg) !important;
    display: block;
	font-family: Arial !important;
	border-radius: unset !important;
	font-size: 19px;
	transition: 0.3s;
	padding: 8px 10px;
	color: #FFF;
	background-color: #27B3B2;
	box-shadow: 0px 2px 4px #CCC;
}
.dev1-button-gift:hover{
	background-color: #23D0CF;
	box-shadow: 0px 2px 8px #CCC;
}
.dev1-button-gift:active{
	transition: 0s;
	background-color: #1F7574;
	box-shadow: unset;
}
.item-case .dev1-card-image{
	box-shadow: unset !important;
	background-color: transparent !important;
}
.modal-new_payment-info i{
	margin-bottom: -3px;
	margin-left: 2px;
}