@-webkit-keyframes Loading-Rotation {
	from {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
	}
	to {
		-webkit-transform: translate(-50%, -50%) rotate(359deg);
	}
}
*,
*::after,
*::before {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
	color: #555555;
}

html {
	font-size: 62.5%;
}

.scroller {
	overflow-y: scroll;
	scrollbar-color: #0B172F #E4E4E4;
	width: 8px;
}

* {
	scrollbar-width: thin;
	scrollbar-color: #0B172F #E4E4E4;
}

*::-webkit-scrollbar {
	width: 8px;
}

*::-webkit-scrollbar-track {
	background: #E4E4E4;
}

*::-webkit-scrollbar-thumb {
	max-height: 2rem;
	background-color: #0B172F;
	border-radius: 20rem;
}

body {
	direction: rtl;
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #555555;
}

ul {
	list-style: none;
}

.container {
	max-width: 128rem;
	margin: 0 auto;
}

@media screen and (max-width: 1300px) {
	body {
		padding: 0 4rem;
	}
}
@media screen and (max-width: 1000px) {
	body {
		padding: 0;
	}
}
body {
	line-height: 1.7;
	font-family: "Yekan", sans-serif;
}

@font-face {
	font-family: Yekan;
	src: url("../Fonts/Yekan.eot");
	src: url("../Fonts/Yekan.eot?#iefix") format("embedded-opentype"), url("../Fonts/Yekan.woff2") format("woff2"), url("../Fonts/Yekan.woff") format("woff"), url("../Fonts/Yekan.ttf") format("truetype"), url("../Fonts/Yekan.svg#Yekan") format("svg");
}
.heading__primary {
	color: #0b172f;
	font-size: 1.6rem;
	font-weight: 500;
	margin: 1.2rem 0;
}
.heading__primary__button {
	border: none;
	background: transparent;
	cursor: pointer;
	float: left;
	transition: all 0.3s ease;
}
.heading__primary__button:hover {
	opacity: 0.7;
}
.heading__border {
	border-bottom: 2px solid #f2f2f2;
	width: 25%;
	padding: 1.2rem 0;
}
.heading__border__right {
	border-right: 3px solid #ff4b4b;
	margin-left: 1rem;
}

@media screen and (max-width: 1000px) {
	.heading__border {
		width: 100%;
	}
}
.u-text-right {
	text-align: right;
}

.u-text-left {
	text-align: left;
}

.u-text-center {
	text-align: center;
}

.u-margin-top-klein {
	margin-top: 1rem;
}

.u-margin-top-small {
	margin-top: 2rem;
}

.u-margin-top-medium {
	margin-top: 3rem;
}

.button {
	font: 1.5rem "Yekan";
	background: none;
	border: none;
	padding: 0.6rem 0.9rem;
	border-radius: 0.5rem;
	cursor: pointer;
	transition: all 0.2s;
}
.button--green {
	background: #7bcb7e;
	color: white;
}
.button--green:hover {
	background: #47ad77;
}
.button--white {
	background: white;
	color: #0b172f;
	box-shadow: 0 0 0 2px #E6E6E6;
}
.button--white:hover {
	background: #f5f5f5;
}
.button--red {
	background: #ff4b4b;
	color: white;
}
.button--red:hover {
	background: #d53030;
}
.button--black {
	background: #0B172F;
	color: white;
}
.button--black:hover {
	background: #122344;
}
.button--grey {
	background: #AFAFAF;
	color: white;
}
.button--grey:hover {
	background: #909090;
}

.create {
	display: flex;
	flex-direction: column;
}
.create__item {
	display: flex;
	justify-content: space-between;
	border: 1px solid #E3E3E3;
	padding: 1.4rem 1rem;
	border-radius: 1.2rem;
	margin-bottom: 1rem;
}
.create__item__right {
	display: flex;
	align-items: center;
}
.create__item__right img {
	margin-left: 1rem;
}
.create__item__right p {
	font-size: 1.3rem;
}
.create__item__left {
	display: flex;
	align-items: center;
}
.create__item__left div {
	direction: ltr;
	display: flex;
	align-items: center;
	background-color: #F8F8F8;
	padding: 1rem 1rem 1rem 0;
	height: 3rem;
	font-size: 1.2rem;
}
.create__item__left div img {
	background-color: #828894;
	width: 3rem;
	height: 3rem;
	padding: 0.5rem;
	border-radius: 7px 0 0 7px;
	margin-right: 0.6rem;
}
.create__pagination {
	display: flex;
	justify-content: center;
	margin-top: 2rem;
	box-shadow: 0 0 0 2px #eaeaea, 0 0 15px rgba(163, 163, 163, 0.1);
	border-radius: 2.5rem;
	padding: 0.8rem 1rem;
}
.create__pagination li {
	display: flex;
	justify-content: center;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #e3e3e3;
	padding: 0.8rem;
	margin: 0 0.5rem;
	width: 3rem;
	height: 3rem;
}
.create__pagination__prev {
	transform: rotate(180deg);
}
.create__pagination__active {
	color: white;
	background-color: black;
}

.log {
	background: red;
	padding: 0.3rem 1rem;
	border-radius: 0.5rem;
	font-size: 1.3rem;
	margin-left: 0.6rem;
	position: relative;
}
.log__active, .log__unused, .log__suspended {
	display: flex;
	align-items: center;
}
.log__active img, .log__unused img, .log__suspended img {
	margin-left: 0.5rem;
}
.log__active {
	background-color: #BDEDBF;
	color: #41A871;
}
.log__unused {
	color: #0D82DD;
	background-color: #DEF0FF;
}
.log__suspended {
	background-color: #FFDFDF;
	color: #E34763;
}

@media screen and (max-width: 1000px) {
	.create__item__left {
		display: block;
	}

	.log {
		margin: auto auto 0.5rem;
	}

	.create__item__right {
		align-items: start;
	}
}
.dashboard {
	display: flex;
	/* Active Cheat */
}
.dashboard__summary, .dashboard__wallet {
	flex-basis: 50%;
}
.dashboard__summary {
	background: #f8f8f8;
	border-radius: 1.2rem;
	padding: 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.dashboard__summary--profile {
	height: 10rem;
	width: 10rem;
	border-radius: 50%;
}
.dashboard__summary--info h3 {
	color: #0b172f;
	font-size: 1.7rem;
	letter-spacing: 1px;
	margin-bottom: 1rem;
}
.dashboard__summary--info span {
	color: #0b172f;
	font-size: 1.3rem;
	letter-spacing: 1px;
}
.dashboard__summary--info p {
	margin-top: 1rem;
}
.dashboard__summary--info p span {
	color: #737b8b;
	font-size: 1.3rem;
	font-style: normal;
}
.dashboard__summary--status {
	display: flex;
	flex-direction: column;
}
.dashboard__summary--status p {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.dashboard__summary--status p span {
	color: #0b172f;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3rem;
	direction: ltr;
}
.dashboard__summary--status p img {
	width: 5rem;
	height: 4.5rem;
}
.dashboard__summary--status--verified::before, .dashboard__summary--status--pending-verification::before, .dashboard__summary--status--banned::before {
	display: inline-block;
	background: url("/Images/Icons/Icon-Success-Filled.svg");
	background-size: cover;
	width: 2.2rem;
	height: 2.2rem;
	content: "";
	vertical-align: middle;
	margin-left: 7px;
}
.dashboard__summary--status--pending-verification::before {
	background: url("/Images/Icons/Icon-Email-Unread.svg");
	background-size: cover;
	width: 2rem;
	height: 1.5rem;
}
.dashboard__summary--status--banned::before {
	background: url("/Images/Icons/Icon-Alert-Circle.svg");
	background-size: cover;
	width: 2rem;
	height: 2rem;
}
.dashboard__summary--status--uid {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border-radius: 2rem;
	margin-top: 0.9rem;
	padding: 0.3rem 1rem;
	font-weight: bold;
}
.dashboard__wallet {
	background: #5cca8f;
	border-radius: 1.2rem;
	padding: 1rem;
	margin-right: 0.5rem;
	display: flex;
}
.dashboard__wallet--key {
	flex: 0 0 30%;
	background: #39b874;
	border-radius: 1.2rem;
	margin-left: 1.2rem;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.dashboard__wallet--key p {
	font-size: 1.4rem;
	color: white;
}
.dashboard__wallet--key p::before {
	display: block;
	background: url("/Images/Icons/Icon-Wallet.svg") no-repeat;
	background-size: cover;
	width: 6rem;
	height: 6rem;
	content: "";
	margin: 0 auto 1rem;
}
.dashboard__wallet--value {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.dashboard__wallet--value-coins {
	background-color: white;
	border-radius: 1.2rem;
	padding: 1rem 1rem;
	color: #0b172f;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.dashboard__wallet--value-coins a {
	background: url("/Images/Icons/Icon-Add-Circle.svg") no-repeat;
	background-size: cover;
	width: 3.2rem;
	height: 3.2rem;
	cursor: pointer;
}
.dashboard__wallet--value-coins p {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0b172f;
	font-size: 1.5rem;
	font-weight: bold;
}
.dashboard__wallet--value-coins p span {
	margin-left: 0.4rem;
}
.dashboard__wallet--value-coins p em {
	font-size: 1.3rem;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1rem;
	margin-left: 0.4rem;
}
.dashboard__wallet--value-coins p::after {
	background: url("/Images/Icons/Icon-Coins.svg") no-repeat;
	background-size: cover;
	content: "";
	width: 3rem;
	height: 3rem;
}
.dashboard__wallet--value-points {
	display: flex;
	justify-content: flex-end;
}
.dashboard__wallet--value-points p {
	color: white;
	font-size: 2rem;
}
.dashboard__wallet--value-points p em {
	display: inline-block;
	width: 0;
	height: 3rem;
	margin: 0 5px;
	border-right: 1px dashed #fff;
	vertical-align: middle;
}
.dashboard__active {
	background-color: #f8f8f8;
	border-radius: 1.2rem;
	padding: 1.2rem;
	display: flex;
}
.dashboard__active__logo {
	height: 100%;
	flex-basis: 46%;
	position: relative;
}
.dashboard__active img {
	width: 100%;
	height: 27rem;
	display: block;
	border-radius: 1.2rem;
}
.dashboard__active object.over-color {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 21%;
	border-radius: 0 0 12px 12px;
	z-index: 1;
	background-color: #00000080;
}
.dashboard__active__logo span {
	position: absolute;
	left: 10px;
	bottom: 5px;
	font-size: 2rem;
	color: #fff;
	z-index: 2;
}
.dashboard__active__subscription__inactive {
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	justify-content: center;
}
.dashboard__active__subscription__inactive img {
	height: 100%;
}
.dashboard__active__subscription__inactive h3 {
	width: 100%;
	position: absolute;
	left: 50%;
	bottom: 50%;
	transform: translate(-50%, 50%);
	background-color: #000000ad;
	padding: 10px;
	height: 100%;
	border-radius: 6px;
	display: flex;
	color: #fff;
	align-items: center;
	font-size: 20px;
	justify-content: center;
}
.dashboard__active__subscription__inactive a {
	background: #0b172f;
	color: #fff;
	font-size: 12px;
	padding: 8px 20px;
	border-radius: 5px;
	width: 15%;
	text-align: center;
	margin: 12px 8px;
}
.dashboard__active__subscription__inactive div {
	height: 315px;
	overflow: hidden;
	border-radius: 12px;
	position: relative;
}
.dashboard__time {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.dashboard__time .others {
	align-self: flex-end;
	display: flex;
	align-items: center;
	justify-content: center;
}
.dashboard__time .others div {
	padding: 1rem;
	font-size: 1.4rem;
}
.dashboard__time .others div .current {
	font-weight: bold;
}
.dashboard__time .others div .total {
	font-weight: 100;
	color: #cacaca;
}
.dashboard__time .others div span:nth-child(2) {
	color: #cacaca;
}
.dashboard__time .others button {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	background-color: white;
	padding: 0.5rem;
	border-radius: 1rem;
}
.dashboard__time .others button img {
	width: 2rem;
	height: 1.2rem;
}
.dashboard__time .others button:nth-child(1) {
	transform: rotate(180deg);
}
.dashboard__buttons {
	margin-top: 4rem;
	margin-bottom: 1rem;
}
.dashboard__buttons a {
	margin: 0 1rem;
}
.dashboard__activities {
	display: flex;
}
.dashboard__sessions, .dashboard__logs {
	flex-basis: 50%;
}
.dashboard__sessions--scroll, .dashboard__sessions--logs {
	background: #f8f8f8;
	margin: 0 0.5rem;
	border-radius: 1.2rem;
	height: 21.9rem;
	position: relative;
	overflow-y: auto;
	direction: ltr;
}
.dashboard__sessions--scroll {
	display: flex;
	flex-direction: column;
}
.dashboard__sessions--scroll__list {
	padding: 1.4rem;
}
.dashboard__sessions--scroll__item {
	display: flex;
	justify-content: space-between;
	padding: 1.4rem 1rem;
	background: #efefef;
	border-radius: 1.2rem;
	margin-bottom: 0.8rem;
}
.dashboard__sessions--scroll__ip {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dashboard__sessions--scroll__ip span {
	font: 1.4rem Calibri;
	margin-left: 0.4rem;
}
.dashboard__sessions--scroll__ip--close, .dashboard__sessions--scroll__ip--active {
	display: inline-block;
	background: url("/Images/Icons/Icon-Close-Circle.svg") no-repeat;
	width: 20px;
	height: 20px;
	margin-right: 0.5rem;
	vertical-align: middle;
	border: none;
	cursor: pointer;
}
.dashboard__sessions--scroll__ip--active {
	background: url("/Images/Icons/Icon-Info-Circle.svg") no-repeat;
	background-size: cover;
	cursor: default;
}
.dashboard__sessions--scroll__info {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dashboard__sessions--scroll__info img {
	margin: 0 0.2rem;
}
.dashboard__sessions--scroll__info img:nth-child(3) {
	width: 4rem;
	height: 1.8rem;
}
.dashboard__sessions--logs {
	display: flex;
	flex-direction: column;
}
.dashboard__sessions--logs__list {
	padding: 1.4rem;
}
.dashboard__sessions--logs__item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 1.4rem 1.4rem;
	background: #efefef;
	border-radius: 1.2rem;
	margin-bottom: 0.8rem;
}
.dashboard__sessions--logs__details {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.dashboard__sessions--logs__details span {
	font-size: 1.1rem;
}
.dashboard__sessions--logs__details span:first-child {
	position: relative;
	left: 1rem;
}
.dashboard__sessions--logs__details span:first-child::before {
	background: url("/Images/Icons/Icon-Caret-Right.svg") no-repeat;
	content: "";
	width: 6px;
	height: 12px;
	position: absolute;
	left: -1.2rem;
	top: 0.1rem;
}
.dashboard__sessions--logs__message {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.dashboard__sessions--logs__message p {
	font-size: 1.4rem;
	direction: rtl;
}
.dashboard__span {
	color: #555555;
	font-size: 1.6rem;
	padding-bottom: 1rem;
	align-self: center;
	cursor: pointer;
}

.status {
	display: inline-block;
	width: 7px;
	height: 7px;
	content: "";
	border-radius: 50%;
	margin-left: 0.5rem;
}
.status__grey {
	background: #adadad;
	box-shadow: 0 3px 8px #adadad;
}
.status__green {
	background: #7bcb7e;
	box-shadow: 0 3px 8px #7bcb7e;
}
.status__blue {
	background: #0D82DD;
	box-shadow: 0 3px 8px #0D82DD;
}
.status__red {
	background: #ff0101;
	box-shadow: 0 3px 8px #ff0101;
}

@media screen and (max-width: 1000px) {
	.dashboard,
	.dashboard__active,
	.dashboard__activities {
		display: block;
	}

	.dashboard__active img {
		width: 100%;
		height: 27rem;
	}
	.dashboard__active__logo span {
		font-size: 2rem;
	}

	.dashboard__time {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 1.5rem;
	}

	.dashboard__sessions--scroll {
		height: auto !important;
	}

	.dashboard__buttons {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-top: 4rem;
		margin-bottom: 1rem;
	}
	.dashboard__buttons a {
		margin: 1rem 0;
	}

	.dashboard__summary {
		display: flex;
		flex-direction: column;
		padding: 1rem;
		margin: auto auto 1rem;
	}

	.dashboard__summary--info p span {
		font-size: 1.2rem;
	}

	.dashboard__summary--profile {
		width: 7rem;
		height: 7rem;
	}

	.dashboard__time .others {
		margin: auto auto 10px;
	}

	.dashboard__summary--status p,
	.dashboard__summary--info button,
	.dashboard__summary--info p,
	.dashboard__summary--info h3,
	.dashboard__summary--info p span {
		display: flex;
		justify-content: center;
	}

	.dashboard__summary--info button {
		margin: 1rem auto;
	}

	.dashboard__summary--status p {
		margin: 1rem auto;
	}

	.dashboard__active__subscription__inactive div {
		margin-bottom: 10px !important;
	}

	.dashboard__active__subscription__inactive a {
		width: 100%;
		margin: 5px;
	}
}
@media screen and (max-width: 768px) {
	.dashboard__active img {
		width: 100%;
		height: 17rem;
	}
	.dashboard__active__logo span {
		font-size: 1.5rem;
	}
}
.form__flex {
	display: flex;
	align-items: center;
	margin-top: 3.6rem;
}
.form__group {
	display: flex;
	flex-direction: column;
	position: relative;
}
.form__group:not(:last-child) {
	margin-left: 4rem;
}
.form__label {
	color: #0b172f;
	padding-bottom: 0.7rem;
	font-size: 1.5rem;
	font-weight: bold;
}
.form input::placeholder {
	color: #969ba5;
}
.form__button {
	position: absolute;
	width: 7rem;
	left: 0.5rem;
	height: 3.5rem;
	bottom: 0.5rem;
	border: none;
	outline: none;
	background: #5CCA8F;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.5rem;
	cursor: pointer;
	transition: all 0.2s;
}
.form__button:hover {
	background: #47ad77;
}
.form__input {
	font-family: "Yekan", Calibri, serif;
	width: 30rem;
	height: 4.5rem;
	padding: 1rem;
	border: 2px solid #E6E6E6;
	border-radius: 5px;
}
.form__input.with-button {
	padding-left: 8rem;
}

@media screen and (max-width: 1000px) {
	.form__flex {
		display: block;
	}

	.form__input {
		width: 100%;
	}

	.form__group {
		width: 100%;
		margin-bottom: 1.25rem;
	}
}
.history__box {
	display: flex;
	flex-direction: column;
	border: 1px solid #ededed;
	border-radius: 1.2rem;
	transition: all 0.3s;
	cursor: pointer;
}
.history__box:not(:last-child) {
	margin-bottom: 1rem;
}
.history__box--top {
	padding: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.history__box--top__right {
	display: flex;
	align-items: center;
}
.history__box--top__right--image {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 4.5rem;
	height: 4.5rem;
	background: #EFEFEF;
	margin-left: 1rem;
}
.history__box--top__right--image.successful-icon {
	background: #D5FFDF;
}
.history__box--top__right--image.error-icon {
	background: #FFE3E7;
}
.history__box--top__right--image img {
	width: 26px;
	height: 26px;
}
.history__box--top__right h4 {
	font-size: 1.6rem;
	color: black;
	font-weight: 500;
}
.history__box--top__left {
	display: flex;
	align-items: center;
}
.history__box--top__left dl {
	display: flex;
	align-items: center;
	color: #737B8B;
	font-size: 1.4rem;
	margin-left: 0.4rem;
}
.history__box--top__left dl dd {
	margin-left: 1rem;
}
.history__box--top__left i {
	font-family: sans-serif, serif;
	font-size: 3rem;
	margin-top: -1rem;
}
.history__box--bottom {
	display: none;
	border-top: 1px solid #ededed;
	padding: 1.4rem;
	transition: all 0.3s;
}
.history__box--bottom.active {
	display: block;
}
.history__box--bottom__buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 0 1rem;
}
.history__box--bottom__buttons button {
	text-align: center;
	margin-left: 0.5rem;
	padding: 0 1rem;
	border-radius: 0.5rem;
	min-height: 3rem;
	font-size: 1.5rem;
}
.history__box--bottom__buttons--status {
	text-align: center;
	padding: 0 1rem;
	border-radius: 0.5rem;
	background: #EFEFEF;
	min-height: 3rem;
	font-size: 1.5rem;
}
.history__box--bottom__buttons--status.successful-status {
	background: #CCFADC;
	color: #429E74;
}
.history__box--bottom__buttons--status.error-status {
	background: #FFE5DF;
	color: #F76B62;
}
.history__box--bottom > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px dashed #E3E3E3;
	padding: 1rem;
	border-radius: 1.2rem;
}
.history__box--bottom__right {
	display: flex;
}
.history__box--bottom__right p {
	display: flex;
	align-items: center;
}
.history__box--bottom__right p:not(:last-child) {
	margin-left: 1.5rem;
	border-left: 1px dashed #d6d6d6;
}
.history__box--bottom__right p span {
	font-size: 1.4rem;
	font-weight: bold;
	color: black;
	margin-left: 1rem;
}
.history__box--bottom__right p img {
	margin-left: 0.8rem;
}
.history__box--bottom__left {
	display: flex;
}
.history__box--bottom__left__time {
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	background: #f8f8f8;
	padding: 1rem 1rem 1rem 0;
	height: 3rem;
}
.history__box--bottom__left__time img {
	background-color: #828894;
	width: 3rem;
	height: 3rem;
	padding: 0.5rem;
	border-radius: 7px 0 0 7px;
	margin: 0 0.75rem 0 0;
}
.history__box__btn button {
	padding: 0.4rem 0.9rem;
	margin-left: 0.3rem;
}

@media screen and (max-width: 1200px) {
	.history__box--bottom > div {
		align-items: stretch;
		flex-direction: column;
	}

	.history__box--bottom__left {
		display: flex;
		justify-content: flex-end;
	}

	.history__box--bottom__buttons button {
		margin-bottom: 13px;
		margin-top: -19px;
		margin-left: -9px;
	}

	.history__box--bottom__buttons {
		margin: 0 auto 0 0;
	}

	.history__box--bottom__buttons--status {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 768px) {
	.history__box--bottom > div {
		position: relative;
	}

	.history__box--bottom__right {
		margin-bottom: 20px;
	}

	.history__box--bottom__buttons button {
		margin-bottom: unset;
		margin-top: unset;
		margin-left: unset;
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

	.history__box--top {
		position: relative;
		padding-bottom: 88px;
	}

	.history__box--top__left dl {
		align-items: flex-start;
		margin-left: 0;
		flex-direction: column;
		height: 88px;
		position: absolute;
		right: 20px;
		bottom: -20px;
	}
}
@media screen and (max-width: 576px) {
	.history__box--bottom__right {
		flex-direction: column;
	}

	.history__box--bottom__right p:not(:last-child) {
		border: none;
	}
}
.loader {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 105;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.35);
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
}
.loader img {
	position: absolute;
	z-index: 101;
	width: 15rem;
	height: 15rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.loader:before {
	content: "";
	position: fixed;
	width: 17.5rem;
	height: 17.5rem;
	top: 50%;
	left: 50%;
	border: 0.2rem solid white;
	border-bottom: 0.2rem solid transparent;
	border-left: 0.2rem solid transparent;
	border-radius: 50%;
	-webkit-animation: Loading-Rotation 2s infinite linear;
}
.loader.active {
	opacity: 1;
	visibility: visible;
}

.payments__boxes {
	margin-bottom: 2rem;
	display: flex;
	flex-wrap: wrap;
}
.payments__box {
	display: flex;
	align-items: center;
	width: 18rem;
	margin: 0.4rem;
	border-radius: 1rem;
	padding: 1rem;
	cursor: pointer;
	transition: all 0.3s;
	position: relative;
	z-index: 98;
	overflow: hidden;
	background: url("../../Images/Payments/bright-rain.jpg") center no-repeat;
	background-size: cover;
}
.payments__box:before {
	transition: all 0.2s;
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(242, 0, 0, 0);
}
.payments__box:before {
	background: rgba(255, 255, 255, 0.6);
}
.payments__box.selected {
	box-shadow: 0 0 0 3px #ff4b4b;
}
.payments__box.selected:before {
	background: rgba(242, 0, 0, 0.65);
}
.payments__box.selected .payments__coin h6 {
	color: white;
}
.payments__box img {
	background: white;
	border-radius: 50%;
	padding: 0.4rem;
	margin-left: 1rem;
}
.payments__coin {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.payments__coin h6 {
	display: block;
	font-size: 1.6rem;
	color: #0b172f;
	text-align: right;
}
.payments__coin span {
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 1.25rem;
	padding: 0.25rem 0.75rem;
	border-radius: 3px;
	color: #2d2d2d;
}
.payments__value {
	margin-top: 2rem;
	display: inline-block;
	position: relative;
}
.payments__value input {
	width: 40rem;
	border: 2px solid #E6E6E6;
}
.payments__value span {
	position: absolute;
	left: 0.5rem;
	top: 0.1rem;
	background: #efefef;
	padding: 0.2rem 1.4rem;
	border: 2px solid #e6e6e6;
	border-radius: 0.7rem;
	margin: 0.4rem 0 0.4rem 0;
	font-size: 1.6rem;
}
.payments__value p {
	color: #0b172f;
	font-size: 1.4rem;
	margin: 1rem 0 0;
	text-align: center;
}
.payments__gateway {
	display: flex;
	align-items: center;
}
.payments__gateway--box:not(:last-child) {
	margin-left: 2rem;
}
.payments__gateway--box h5 {
	display: inline-block;
	font-size: 1.7rem;
	font-weight: normal;
	color: #0b172f;
	background-color: #F8F8F8;
	padding: 1rem 2rem;
	border-radius: 1.2rem 1.2rem 0 0;
}
.payments__gateway__pay {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	padding: 1.4rem 2rem;
	background-color: #F8F8F8;
	border-radius: 1.2rem 0 1.2rem 1.2rem;
}
.payments__gateway__pay div {
	background-color: white;
	padding: 1rem 1.5rem;
	border-radius: 1.2rem;
	height: 6rem;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.payments__gateway__pay div.selected {
	box-shadow: 0 0 0 3px #ff4b4b;
}
.payments__unit {
	margin-top: 3.6rem;
	display: flex;
	align-items: center;
	font-size: 1.6rem;
}
.payments__unit p {
	margin-right: 0.7rem;
}
.payments__unit span {
	color: #ff4b4b;
	font-style: normal;
	font-weight: bold;
}
.payments__price {
	color: #0b172f;
	font-size: 17px;
	margin: 2rem 0;
}
.payments__price span {
	color: #ff4b4b;
	font-style: normal;
	font-weight: bold;
	margin-right: 0.5rem;
	font-size: 1.6rem;
}

@media screen and (max-width: 1000px) {
	.payments__box {
		width: 15rem;
	}

	.payments__value input,
	.payments__value {
		width: 100%;
	}

	.payments__gateway__pay {
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 700px) {
	.payments__gateway {
		display: block;
	}

	.payments__gateway--box {
		margin-bottom: 1.5rem;
	}
}
.popup {
	height: 100vh;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	transition: all 0.3s;
	display: none;
	justify-content: center;
	align-items: center;
}
.popup.active {
	display: flex !important;
}
.popup__content {
	background-color: #0B172F;
	width: 40%;
	height: 85vh;
	min-height: 80%;
	border-radius: 1.2rem;
	padding: 1rem 2rem;
	overflow: auto;
}
.popup__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.popup__header h1 {
	color: white;
}
.popup__header button {
	color: #FF4B4B;
	font-size: 4rem;
}
.popup__check {
	margin-top: 3rem;
}
.popup__check h1 {
	position: relative;
	direction: ltr;
	color: white;
	font-size: 1.6rem;
	margin-left: 1.2rem;
	font-weight: 100;
	display: flex;
	align-items: center;
}
.popup__check h1 img {
	margin-right: 0.5rem;
	width: 2.5rem;
	height: 2.5rem;
}
.popup__check h1::after {
	position: absolute;
	display: inline-block;
	height: 2.7rem;
	margin-left: -1rem;
	left: 0;
	border-left: 3px solid #ff4b4b;
	content: "";
	top: -0.4rem;
}
.popup__check div {
	padding: 1.6rem;
	background-color: #1D2941;
	min-height: 7rem;
	border-radius: 0.8rem;
	width: 100%;
	margin-top: 1rem;
}
.popup__check div ul {
	display: flex;
	flex-wrap: wrap;
	direction: ltr;
}
.popup__check div li {
	flex: 34%;
	height: 3.7rem;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	margin-top: 1rem;
}
.popup__check div li label {
	color: white;
	margin-left: 0.5rem;
}
.popup__check div li input[type=checkbox] {
	background: #d8d8d8;
	appearance: none;
	width: 2rem;
	height: 2rem;
	border-radius: 0.3rem;
	cursor: pointer;
}
.popup__check div li input[type=checkbox]:checked {
	background: url("/Images/Icons/Icon-Checkbox-Checked.svg") no-repeat;
	background-size: cover;
}
.popup__check div li input[type=checkbox]:disabled {
	background: url("/Images/Icons/Icon-Checkbox-Checked-Disabled.svg") no-repeat;
	background-size: cover;
}
.popup__time {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.popup__time__up {
	background-color: #FFFFFF;
	padding: 2rem 1rem;
	border-top-left-radius: 1.2rem;
	border-top-right-radius: 1.2rem;
	display: flex;
	align-items: center;
}
.popup__time__up h3 {
	font-size: 1.6rem;
	margin-left: 2.5rem;
}
.popup__time__up select {
	padding: 0.8rem;
	width: 80%;
	border: none;
	border-radius: 0.8rem;
}
.popup__time__down {
	background-color: #D4D5D8;
	padding: 2rem 1rem;
	border-bottom-left-radius: 1.2rem;
	border-bottom-right-radius: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.popup__time__down span {
	font-size: 1.6rem;
}
.popup:target {
	opacity: 1;
	visibility: visible;
}
.popup:target .popup__content {
	opacity: 1;
}

@media screen and (max-width: 1000px) {
	.popup__content {
		width: 95%;
		height: 95%;
		overflow: scroll;
	}
}
.box-pagination {
	display: flex;
	align-items: center;
	margin-top: 15px;
	justify-content: center;
}

.pagination {
	display: flex;
	background: #fff;
	padding: 0.5rem 1rem;
	border-radius: 25px;
	direction: ltr;
	box-shadow: 0 0 0 2px #eaeaea, 0 0 15px rgba(163, 163, 163, 0.16);
	align-items: center;
	justify-content: center;
}
.pagination > li {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	flex-wrap: nowrap;
	background: #ffffff;
	width: 30px;
	height: 30px;
	margin: 0 3px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	box-shadow: 0 0 0 1px #e3e3e3;
	transition: all 0.2s ease-in;
}
.pagination > li[icon]:before {
	display: inline-block;
	background: url("/Images/Icons/Icon-Navigation-View.svg") no-repeat;
	width: 15px;
	height: 15px;
	margin: 8px 0;
	content: "";
}
.pagination > li[icon=next]:before {
	-webkit-transform: rotate(270deg);
	-moz-transform: 180deg;
	-ms-transform: 180deg;
	-o-transform: 180deg;
	transform: rotate(180deg);
}
.pagination > li[selected] {
	background: #0b172f;
}
.pagination > li[selected] span {
	color: #fff;
}

.profile__info {
	border-radius: 1.2rem;
	background: linear-gradient(0deg, #586171 0%, #202b40 100%);
	padding: 2rem;
	margin-bottom: 4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.profile__info--right {
	padding: 0 1rem;
	display: flex;
	align-items: center;
}
.profile__info--left div p span {
	color: white;
	margin-bottom: 0.6rem;
}
.profile__upload {
	position: relative;
}
.profile__upload--img {
	border-radius: 50%;
	height: 10rem;
	width: 10rem;
	box-shadow: 0 0 0 5px #3c4658, 0 0 0 7px white;
}
.profile__upload i {
	position: absolute;
	background: #f8f8f8 url("/Images/Icons/Icon-Edit.svg") no-repeat center;
	background-size: 2rem 2rem;
	width: 3.2rem;
	height: 3.2rem;
	box-shadow: 0 0 0 1px white;
	border-radius: 50%;
	padding: 0.5rem;
	bottom: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.profile__userinfo {
	margin-right: 3rem;
}
.profile__userinfo h3 {
	color: white;
	font-size: 1.7rem;
	letter-spacing: 1px;
	margin-bottom: 1rem;
}
.profile__userinfo span {
	color: white;
	font-size: 1.3rem;
	letter-spacing: 1px;
}
.profile__userinfo p {
	margin-top: 1rem;
}
.profile__userinfo p span {
	font-size: 1.3rem;
	font-style: normal;
}
.profile__userinfo p img {
	width: 1.6rem;
	height: 1.6rem;
	margin-left: 0.7rem;
}

@media (max-width: 1000px) {
	.profile__info {
		display: flex;
		flex-direction: column;
		padding: 3rem;
	}

	.profile__info--right {
		padding: 0;
		display: block;
	}

	.profile__userinfo {
		margin: 2rem auto auto;
	}

	.profile__userinfo button {
		margin: 1rem auto;
	}

	.profile__upload,
	.profile__userinfo h3,
	.profile__userinfo span,
	.profile__userinfo p,
	.profile__userinfo button {
		display: flex;
		justify-content: center;
	}

	.profile__upload i {
		bottom: -2rem;
	}
}
.percent {
	position: relative;
	width: 15rem;
	height: 15rem;
}
.percent svg {
	position: relative;
	width: 15rem;
	height: 15rem;
	border-radius: 50%;
	box-shadow: 0 0 0 2px white, 0 0 0 10px rgba(255, 255, 255, 0.7);
	background-color: #fff;
}
.percent svg circle {
	width: 15rem;
	height: 15rem;
	fill: none;
	stroke-width: 10;
	transform: translate(5px, 5px);
	stroke-dasharray: 440;
	stroke-dashoffset: 440;
	stroke-linecap: round;
}
.percent svg circle:nth-child(1) {
	stroke-dashoffset: 0;
	stroke: #e6e6e6;
}
.percent svg circle:nth-child(2) {
	stroke-dashoffset: -440;
	stroke: #7bcb7e;
}
.percent__number {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.percent__number h2 {
	color: #737b8b;
	font-size: 2rem;
	width: 175px;
	text-align: center;
}
.percent__number h2:after {
	display: block;
	margin: 5px 30%;
	content: "";
	border-bottom: 1px dashed #e6e6e6;
}
.percent__number span {
	color: #737b8b;
	font-size: 1.6rem;
}

.auth {
	display: flex;
	justify-content: space-between;
}
.auth__form {
	flex: 0 0 50%;
}
.auth__form--header {
	display: flex;
	align-items: center;
	margin-bottom: 3rem;
}
.auth__form--header--create::before {
	background: url("/Images/Icons/Icon-Auth-Create.svg") no-repeat;
	background-size: cover;
	content: "";
	width: 7rem;
	height: 7rem;
	border-radius: 50%;
	margin-left: 1.2rem;
}
.auth__form--header--login::before {
	background: #F4F4F4 url("/Images/Icons/Icon-Auth-Login.svg") no-repeat;
	background-size: cover;
	content: "";
	width: 7rem;
	height: 7rem;
	border-radius: 50%;
	margin-left: 1.2rem;
}
.auth__form--header div h1 {
	font-size: 2rem;
}
.auth__form--header div p {
	font-size: 1.4rem;
}
.auth__form--rec, .auth__form--continue {
	display: flex;
	align-items: center;
	font-size: 1.7rem;
	margin-bottom: 2.5rem;
}
.auth__form--rec::before, .auth__form--continue::before {
	content: "";
	margin-left: 1rem;
}
.auth__form--rec::before {
	background: url("/Images/Icons/Icon-Key.svg") no-repeat;
	background-size: cover;
	width: 2rem;
	height: 2rem;
}
.auth__form--continue::before {
	background: url("/Images/Icons/Icon-Red-Arrow.svg") no-repeat;
	background-size: cover;
	width: 2rem;
	height: 2rem;
}
.auth__form--created {
	color: #0b172f;
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 1.7rem;
	margin-top: 2.5rem;
}
.auth .form__group {
	margin-bottom: 2.5rem;
}
.auth .form__group:not(:last-child) {
	margin-left: 0;
}
.auth .form__label {
	font-size: 1.6rem;
}
.auth .form__input {
	width: 80%;
	border: 1px solid #EFEFEF;
	font-size: 1.5rem;
	letter-spacing: 0.2rem;
}
.auth .form__input-left {
	text-align: left;
	direction: ltr;
}
.auth .button {
	font-size: 2rem;
	width: 80%;
	padding: 2rem 0;
}

@media screen and (max-width: 1000px) {
	.auth {
		flex-direction: column;
		align-items: center;
		padding-bottom: 3rem;
	}
	.auth__form--header--login::before, .auth__form--header--create::before {
		display: none;
	}
	.auth__image {
		display: none;
	}
	.auth .button, .auth .form__input {
		width: 100%;
	}
}
.reportbot {
	display: flex;
}
.reportbot__right {
	flex: 50%;
}
.reportbot__right h1 {
	margin-bottom: 2rem;
}
.reportbot__right input, .reportbot__right label {
	text-align: left;
	width: 45rem;
}
.reportbot__right input {
	margin-bottom: 2rem;
}
.reportbot__right form > p {
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
	transition: all 0.3s;
}
.reportbot__right form > p img {
	margin-left: 0.8rem;
}
.reportbot__right form > p span {
	font-size: 1.6rem;
}
.reportbot__right form > p a {
	padding: 0.2rem 0.5rem;
	box-shadow: 0 -0.2rem inset #5cca8f;
	transition: all 0.3s;
}
.reportbot__right form > p:hover a {
	box-shadow: 0 -3.5rem inset #5cca8f;
}
.reportbot__right form > p:hover a span {
	color: white;
}
.reportbot__right__box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f8f8f8;
	width: 45rem;
	padding: 1.4rem 1.3rem;
	border-radius: 1.2rem;
}
.reportbot__right__box button {
	font-size: 1.5rem;
	padding: 1rem 10rem;
}
.reportbot__right__box p {
	display: flex;
	align-items: center;
}
.reportbot__right__box p img {
	margin-right: 0.7rem;
}
.reportbot__right__box p span {
	font-size: 1.6rem;
	color: coral;
}
.reportbot__left {
	flex: 50%;
}
.reportbot__left ul {
	border: 2px solid #E6E6E6;
	border-radius: 1.2rem;
}
.reportbot__left li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
	font-size: 1.4rem;
}
.reportbot__left li:not(:last-child) {
	border-bottom: 2px solid #E6E6E6;
}
.reportbot__left li div:nth-child(2) {
	display: flex;
	align-items: center;
}
.reportbot__left li div:nth-child(2) div {
	text-align: left;
	margin-left: 1rem;
	letter-spacing: 1px;
}
.reportbot__left li div:nth-child(2) div span {
	font-size: 1.4rem;
	font-weight: 700;
}
.reportbot__left li div:nth-child(2) div p {
	font-size: 1.2rem;
}
.reportbot__left li div:nth-child(2) img {
	background: rgba(92, 202, 143, 0.16);
	padding: 1.2rem;
	border-radius: 50%;
}
.reportbot__left li div:nth-child(2) img.success {
	background: #FFE4E4;
}

@media (max-width: 1000px) {
	.reportbot {
		display: block;
	}

	.reportbot__right input, .reportbot__right label,
	.reportbot__right__box {
		width: 100%;
		margin-bottom: 1.5rem;
	}

	.reportbot__right__box button {
		width: 50%;
		padding: 1rem;
	}
}
.shop_view {
	display: flex;
}
.shop_view__right {
	flex: 48%;
	margin-left: 0.5rem;
	border-radius: 1.2rem;
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 2.5rem;
}
.shop_view__right .bg {
	position: absolute;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 110%;
	height: 110%;
	top: 0;
	right: -4%;
	left: 0;
	bottom: 0;
	margin: auto;
	filter: blur(8px) grayscale(50%);
	z-index: -1;
}
.shop_view__right__content {
	display: flex;
	flex-direction: column;
}
.shop_view__right__content div.swiper-wrapper {
	width: 40rem;
}
.shop_view__right__content ul {
	margin-top: -1rem;
}
.shop_view__right__content ul li {
	margin-top: 4rem;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.shop_view__right__content ul li:not(:last-child) {
	border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.shop_view__right__content ul li label {
	color: white;
	text-shadow: 0 0 2px #000;
	font-size: 1.6rem;
}
.shop_view__right__content ul li span {
	background: rgba(255, 255, 255, 0.1);
	font-size: 1.4rem;
	color: white;
	padding: 0.7rem 1rem 0.4rem;
	float: left;
	text-shadow: 0 0 2px #000;
	border-radius: 5px;
}
.shop_view__right__content ul li .undetected {
	color: #5CCA8F;
	border: 1px solid #5CCA8F;
}
.shop_view__right__content ul li .inactive {
	color: #ff4b4b;
	border: 1px solid #ff4b4b;
}
.shop_view__right__content ul li .updating {
	color: #fff94b;
	border: 1px solid #fff94b;
}
.shop_view__left {
	flex: 48%;
	margin-right: 0.5rem;
	border-radius: 1.2rem;
	background-color: #0B172F;
	padding: 2.5rem;
}
.shop_view__left__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 4rem;
}
.shop_view__left__header p {
	display: flex;
	align-items: center;
	color: white;
	font-size: 1.7rem;
}
.shop_view__left__header p img {
	margin-left: 1rem;
}
.shop_view__left__header span {
	background: white;
	font-size: 1.4rem;
	color: #0b172f;
	padding: 8px 15px;
	border-radius: 7px;
	display: block;
}
.shop_view__left__header .selected--items {
	display: none;
	align-items: center;
	justify-content: space-between;
	background: white;
	color: #0b172f;
	padding: 7px;
	border-radius: 7px;
	height: 4rem;
	font-size: 1.5rem;
	line-height: 1rem;
}
.shop_view__left__header .selected--items img {
	max-height: 100%;
	margin-left: 1rem;
}
.shop_view__left__feature {
	text-align: left;
	margin-bottom: 3rem;
}
.shop_view__left__feature h5 {
	color: white;
	font-size: 1.6rem;
	line-height: 2.25;
	position: relative;
	margin-bottom: 1rem;
	margin-left: 0.8rem;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	font-weight: 300;
}
.shop_view__left__feature h5 img {
	width: 2.5rem;
	height: 2.5rem;
	margin: 0 0.4rem 0 0.2rem;
}
.shop_view__left__feature h5::after {
	margin-left: -0.8rem;
	content: "";
	position: absolute;
	border-top: 3px solid transparent;
	border-left: 3px solid #ff4b4b;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	width: 0;
	height: 100%;
	transition: all 0.5s ease-in;
}
.shop_view__left__feature h5::before {
	margin-left: -0.8rem;
	content: "";
	position: absolute;
	width: 0;
	height: 0.31rem;
	background: #ff4b4b;
	bottom: 0;
	border-radius: 1rem 1rem 0 0;
	transition: all 0.5s ease-in;
}
.shop_view__left__feature:hover h5::after {
	border-left: 3px solid transparent;
}
.shop_view__left__feature:hover h5::before {
	width: 100%;
}
.shop_view__left__feature__check {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	background-color: #1D2941;
	padding: 1rem;
	border-radius: 0.5rem;
}
.shop_view__left__feature__check .form_group {
	display: flex;
	padding: 1rem;
}
.shop_view__left__feature__check .form_group label {
	color: white;
	font-size: 1.4rem;
	margin-left: 0.5rem;
}
.shop_view__left__feature__check .form_group input[type=checkbox] {
	background: #d8d8d8;
	appearance: none;
	width: 2rem;
	height: 2rem;
	border-radius: 0.3rem;
	cursor: pointer;
}
.shop_view__left__feature__check .form_group input[type=checkbox]:checked {
	background: url("/Images/Icons/Icon-Checkbox-Checked.svg") no-repeat;
	background-size: cover;
}
.shop_view__left__feature__check .form_group input[type=checkbox]:disabled {
	background: url("/Images/Icons/Icon-Checkbox-Checked-Disabled.svg") no-repeat;
	background-size: cover;
}
.shop_view__left__time__title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.shop_view__left__time__title p {
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	color: white;
}
.shop_view__left__time__title p img {
	margin-left: 1rem;
}
.shop_view__left__time__title h5 {
	color: #ffcc01;
	font-size: 1.5rem;
	font-style: normal;
	padding-left: 0.7rem;
	border-left: 2px solid #ffcc01;
}
.shop_view__left__subscription {
	display: flow-root;
	background: white;
	width: 100%;
	height: 90px;
	margin-top: 1rem;
	border-radius: 12px;
}
.shop_view__left__subscription__days {
	position: relative;
	background: #D0D0D0;
	width: 85%;
	height: 9px;
	margin: 20px auto;
	border-radius: 50px;
	cursor: grab;
	direction: ltr;
}
.shop_view__left__subscription__days label {
	position: absolute;
	top: 37px;
	color: #0b172f;
	font-size: 12px;
	margin: 0 -3px;
}
.shop_view__left__subscription__days label::before {
	position: absolute;
	background: #d0d0d0;
	width: 2px;
	height: 12px;
	top: -17px;
	right: 0;
	left: 0;
	content: "";
	margin: auto;
}
.shop_view__left__subscription__days label.active {
	font-weight: bold;
}
.shop_view__left__subscription__days label.active::before {
	background: #ff4b4b;
}
.shop_view__left__subscription__days label[step="0"] {
	left: -0.4% !important;
}
.shop_view__left__subscription__days label:last-child {
	left: 98.8% !important;
}
.shop_view__left__subscription__days > span {
	position: absolute;
	background: #ff4b4b;
	width: 17px;
	height: 17px;
	top: -3px;
	content: "";
	margin-left: -10px;
	border-radius: 50%;
}
.shop_view__left__subscription.ui-slider-range.ui-corner-all.ui-widget-header {
	background: #0b172f;
	height: 9px;
	border-radius: 12px;
}
.shop_view__left__footer {
	margin-top: 3rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.shop_view__left__footer__price p {
	font-size: 1.6rem;
	color: white;
}
.shop_view__left__footer__price strong {
	font-size: 1.6rem;
	color: #FCDB6E;
	display: inline-block;
	font-weight: 500;
	text-decoration: underline;
}
.shop_view__left__footer button {
	font-size: 1.6rem;
	padding: 1.2rem 2.8rem;
}
.shop_view__description__faq {
	margin-top: 2rem;
	display: flex;
}
.shop_view__description__faq__right {
	flex: 0 0 70%;
	background-color: #F8F8F8;
	padding: 1.6rem;
	border-radius: 1.2rem;
	margin-left: 1rem;
}
.shop_view__description__faq__right h2 {
	display: flex;
	align-items: center;
}
.shop_view__description__faq__right h2 img {
	margin-left: 0.8rem;
}
.shop_view__description__faq__right ul {
	margin-top: 2rem;
}
.shop_view__description__faq__right li {
	display: flex;
	flex-direction: column;
	background-color: white;
	padding: 1.6rem;
	border-radius: 1.2rem;
	margin-bottom: 1rem;
	transition: all 0.2s;
}
.shop_view__description__faq__right li .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.shop_view__description__faq__right li .top p {
	display: flex;
	align-items: center;
	font-size: 1.8rem;
}
.shop_view__description__faq__right li .top p img {
	margin-left: 1rem;
}
.shop_view__description__faq__right li .top i {
	margin-top: -2rem;
	font-size: 4rem;
}
.shop_view__description__faq__right li .bottom {
	display: none;
	font-size: 1.5rem;
}
.shop_view__description__faq__right li .active {
	display: block;
}
.shop_view__description__faq__left {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.shop_view__description__faq__left div {
	position: relative;
	border-radius: 1.2rem;
	overflow: hidden;
	width: 100%;
	height: 17rem;
	margin-bottom: 1rem;
}
.shop_view__description__faq__left div img {
	position: absolute;
	z-index: -1;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
}
.shop_view__description__faq__left div a {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 1rem;
	text-align: left;
}
.shop_view__description__faq__left div a::before {
	display: inline-block;
	background: url("/Images/Icons/Icon-Navigation-View-Outline.png") no-repeat;
	content: "";
	position: absolute;
	right: 1rem;
	width: 2.4rem;
	height: 2.4rem;
	z-index: 1;
}
.shop_view__description__faq__left div a span {
	font-size: 1.4rem;
	color: white;
}

.gallery-swiper {
	max-width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 26px !important;
	color: #fff !important;
}

@media screen and (max-width: 1000px) {
	.shop_view__left__header span {
		display: none;
	}

	.shop_view__left__header .selected--items {
		display: flex;
	}

	.shop_view,
	.shop_view__description__faq {
		display: block;
		margin: auto auto 1rem !important;
	}

	.shop_view__description__faq__right li .top p {
		display: flex;
		align-items: center;
		font-size: 1.4rem;
		font-weight: 900;
	}

	.shop_view__description__faq__right li .bottom p {
		font-size: 1.3rem;
		font-weight: 300;
	}

	.shop_view__description__faq__left {
		flex-direction: row;
		width: 97%;
		justify-content: space-between;
	}
	.shop_view__description__faq__left div {
		width: 48%;
	}

	button.button.icons--icon--right.icons--icon--right--arrow-collapse {
		font-size: 1.3rem;
	}

	.shop_view__description__faq__left,
	.shop_view__description__faq__right {
		margin-top: 2rem;
	}

	.shop_view__right__content div {
		max-width: 28rem;
	}

	.shop_view__right {
		padding: 1.75rem;
		margin: 0 0 2rem;
	}
}
@media screen and (max-width: 576px) {
	.shop_view__description__faq__left {
		flex-direction: column;
	}
	.shop_view__description__faq__left div {
		width: 100%;
	}
}
.sidebar {
	flex: 1;
	position: relative;
	z-index: 104;
	background-color: #f8f8f8;
	border-radius: 1.2rem;
	padding: 2rem;
	max-width: 28rem;
}
.sidebar__title span {
	color: #808080;
	font-size: 1.6rem;
	font-weight: normal;
}
.sidebar__title span::before {
	display: inline-block;
	background: url("/Images/Icons/Icon-Sidebar.svg") no-repeat;
	background-size: cover;
	content: "";
	width: 16px;
	height: 10px;
	margin-left: 1.2rem;
}
.sidebar__nav {
	display: flex;
	flex-direction: column;
	margin-top: 1.6rem;
}
.sidebar__item {
	display: flex;
	align-items: center;
	align-content: center;
	margin-bottom: 1.6rem;
	padding: 1rem 1.2rem;
	border-radius: 1.2rem;
	box-shadow: 0 0 0 1px #EBEBEB;
	cursor: pointer;
}
.sidebar__item::before {
	background: url("/Images/Icons/Sidebar.svg") no-repeat;
	width: 2.5rem;
	height: 2.5rem;
	background-position-x: -27px;
	content: "";
	margin-left: 1rem;
	transition: all 0.2s ease;
}
.sidebar__item::after {
	flex: 1;
	background: url("/Images/Icons/Icon-Arrow-Red.svg") no-repeat;
	opacity: 0;
	content: "";
	width: 1.5rem;
	height: 1.2rem;
	transition: all 0.3s ease-in;
}
.sidebar__item--active, .sidebar__item:hover {
	background-color: white;
}
.sidebar__item--active::before {
	background-position-x: 0;
}
.sidebar__item--active::after, .sidebar__item:hover::after {
	opacity: 1;
}
.sidebar__item span {
	font-size: 1.5rem;
}
.sidebar__item__icon--dashboard::before {
	background-position-y: -1px;
}
.sidebar__item__icon--dashboard:hover::before, .sidebar__item__icon--profile:hover::before, .sidebar__item__icon--payments:hover::before, .sidebar__item__icon--store:hover::before, .sidebar__item__icon--subscriptions:hover::before, .sidebar__item__icon--payment-history:hover::before, .sidebar__item__icon--tutorials:hover::before, .sidebar__item__icon--reportbot:hover::before, .sidebar__item__icon--support:hover::before, .sidebar__item__icon--hourboost:hover::before {
	background-position-x: 0;
}
.sidebar__item__icon--profile::before {
	background-position-y: -32px;
}
.sidebar__item__icon--payments::before {
	background-position-y: -62px;
}
.sidebar__item__icon--store::before {
	background-position-y: -92px;
}
.sidebar__item__icon--subscriptions::before {
	background-position-y: -122px;
}
.sidebar__item__icon--payment-history::before {
	background-position-y: -150px;
}
.sidebar__item__icon--tutorials::before {
	background-position-y: -178px;
}
.sidebar__item__icon--reportbot::before {
	background-position-y: -207px;
}
.sidebar__item__icon--support::before {
	background-position-y: -235px;
}
.sidebar__item__icon--hourboost::before {
	background-position-y: -264px;
}

@media (max-width: 1000px) {
	.sidebar {
		box-shadow: 0 0 1.5rem 0 #07070754;
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		max-width: 100%;
		border-radius: 0;
		z-index: 105;
	}

	.sidebar__nav {
		display: none;
		margin-top: 3rem;
	}

	.sidebar__nav.open {
		display: block;
	}
}
.store__game {
	display: flex;
	justify-content: space-around;
}
.store__game__box {
	position: relative;
	cursor: pointer;
	z-index: 2;
	border-radius: 1.2rem;
	overflow: hidden;
	height: 30rem;
	width: 20rem;
}
.store__game__box img {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	z-index: -1;
	width: 20rem;
}
.store__game__box h3 {
	position: absolute;
	bottom: 2rem;
	left: 1rem;
	font-size: 1.5rem;
	font-weight: bold;
	color: white;
	letter-spacing: 1px;
}
.store__game__box.active {
	box-shadow: 0 0 2.5rem -0.5rem red;
}
.store__game__box::before {
	position: absolute;
	bottom: 0;
	content: "";
	background: linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 80%);
	height: 7rem;
	width: 100%;
	border-bottom-left-radius: 1.2rem;
	border-bottom-right-radius: 1.2rem;
}
.store__game__box--filter {
	opacity: 0;
	background: rgba(141, 0, 0, 0.8);
	transition: all 0.2s;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.store__game__box--filter svg {
	fill: white;
}
.store__game__box:hover .store__game__box--filter {
	opacity: 1;
}
.store__game__box--active {
	box-shadow: 0 0 1rem #ff4b4b;
}
.store__cheat {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}
.store__cheat__box {
	flex-basis: 48%;
	margin-top: 4rem;
	background: #f8f8f8;
	padding: 2rem;
	border-radius: 1.2rem;
}
.store__cheat__box:not(:last-child) {
	margin-left: 1rem;
}
.store__cheat__box--header {
	display: flex;
	justify-content: space-between;
}
.store__cheat__box--header h3 {
	color: #0b172f;
	font-size: 1.7rem;
	font-weight: bold;
}
.store__cheat__box--header h5 {
	color: #7bcb7e;
	box-shadow: 0 0 0 1px #7bcb7e;
	border-radius: 0.5rem;
	font-size: 1.3rem;
	padding: 0.4rem 2rem;
	text-align: center;
	letter-spacing: 1px;
	text-transform: capitalize;
}
.store__cheat__box--content {
	display: flex;
	flex-direction: column;
}
.store__cheat__box--content img {
	width: 100%;
	border-radius: 1.2rem;
	margin: 2rem 0;
}
.store__cheat__box--content p {
	width: auto;
	font-size: 15px;
	line-height: 27px;
	text-align: justify;
}
.store__cheat__box--content a {
	align-self: flex-start;
	margin-top: 1rem;
	position: relative;
}

@media (max-width: 1200px) {
	.store__game__box {
		height: 25rem;
		width: 18rem;
	}
	.store__game__box img {
		width: 18rem;
	}
}
@media (max-width: 1000px) {
	.store__game {
		flex-wrap: wrap;
	}

	.store__cheat__box,
	.store__cheat__box:not(:last-child) {
		flex-basis: auto;
		width: 100%;
		margin: auto auto 2rem;
	}

	.store__game__box {
		margin-bottom: 2rem;
	}
}
@media (max-width: 900px) {
	.store__game__box {
		width: 12rem;
		height: 12rem;
	}
	.store__game__box:before {
		height: 12rem;
	}
	.store__game__box img {
		width: 12rem;
	}
	.store__game__box h3 {
		text-align: center;
		left: 50%;
		bottom: 1rem;
		transform: translate(-50%, 0);
		font-weight: bold;
		font-size: 1.25rem;
		text-shadow: 0 0 4px black;
	}
}
@media (max-width: 550px) {
	.store__game__box {
		width: 10rem;
		height: 10rem;
	}
	.store__game__box:before {
		height: 10rem;
	}
	.store__game__box img {
		width: 10rem;
	}
	.store__game__box h3 {
		text-align: center;
		left: 50%;
		bottom: 1rem;
		transform: translate(-50%, 0);
		font-weight: bold;
		font-size: 1.25rem;
		text-shadow: 0 0 4px black;
	}
}
@media (max-width: 470px) {
	.store__game__box {
		width: 7rem;
		height: 7rem;
	}
	.store__game__box:before {
		opacity: 0;
	}
	.store__game__box img {
		width: 7rem;
	}
	.store__game__box h3 {
		opacity: 0;
	}
}
.purchase_callback {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.purchase_callback__content {
	width: 90%;
	border-radius: 2rem;
	background: #F8F8F8;
	height: 30rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10rem auto auto;
}
.purchase_callback__content--image {
	height: 15rem;
	width: 15rem;
	border-radius: 50%;
	background: white;
	position: absolute;
	top: -7.825rem;
	left: 50%;
	transform: translateX(-50%);
	border: 0.65rem solid #F8F8F8;
	display: flex;
	align-items: center;
	justify-content: center;
}
.purchase_callback__content--image img {
	width: 85%;
	height: 85%;
}
.purchase_callback__content--box {
	width: 55%;
	height: 100%;
	padding: 7.5rem 0 6rem 0;
}
.purchase_callback__content--box .bottom {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1.5rem;
}
.purchase_callback__content--box .bottom a {
	margin: 0.75rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.purchase_callback__content--box__message {
	padding: 1rem 5rem;
	background: #5CCA8F;
	color: white;
	font-size: 1.5rem;
	border-radius: 1.5rem;
	margin: 0 auto;
	margin-top: 1.5rem;
	text-align: center;
	width: fit-content;
	box-shadow: 0px 0px 10px 5px #83D5A987;
}
.purchase_callback__content--box__message.error {
	background: #FF4B4B;
	box-shadow: 0px 0px 10px 5px #FF4B4B80;
}
.purchase_callback__content--box h2 {
	color: #0B172F;
	font-size: 1.9rem;
	text-align: center;
}
.purchase_callback__content--box span {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	margin-top: 1.25rem;
	font-size: 1.5rem;
	text-align: center;
}
.purchase_callback__content--box__activation {
	display: flex;
	align-items: center;
	margin: 2rem auto auto;
	height: 5rem;
	width: fit-content;
	background: white;
	border-radius: 1rem;
	border: 2px solid #E6E6E6;
	padding: 0.35rem 0.75rem 0.35rem 0.35rem;
	cursor: pointer;
}
.purchase_callback__content--box__activation span {
	margin: 0;
	font-size: 1.65rem;
	color: #0B172F;
	display: flex;
	align-items: center;
	width: 10rem;
}
.purchase_callback__content--box__activation p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	width: 22.5rem;
	border-radius: 0.75rem;
	background: #828894;
	color: white;
	padding: 0.25rem;
	text-align: left;
}
.purchase_callback__content--box__activation p span {
	width: 100%;
	color: white;
	font-size: 1.375rem;
	display: flex;
	justify-content: end;
	padding-left: 0.5rem;
}
.purchase_callback__content--box__activation p:before {
	content: "";
	width: 2rem;
	height: 1.8rem;
	background: url("/Images/Icons/Icon-Copy.png") no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.25rem;
}

.subscriptions {
	display: flex;
	flex-direction: column;
}
.subscriptions__box {
	flex-basis: 100%;
	margin: 0 0 1rem;
	border-radius: 1.2rem;
	padding: 1.6rem;
	background: #F8F8F8;
}
.subscriptions__box--top {
	display: flex;
}
.subscriptions__box--top img {
	flex-basis: 50%;
	height: 20rem;
	border-radius: 1.2rem;
	margin-left: 8rem;
}
.subscriptions__box--top__content {
	flex-basis: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.subscriptions__box--top__content--title {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.subscriptions__box--top__content--title h3 {
	font: 2rem Calibri;
	margin-right: 1rem;
}
.subscriptions__box--top__content--title h5 {
	font-size: 13px;
	margin: 0 1rem;
	padding: 5px 7px 2px 7px;
	letter-spacing: 1px;
	text-transform: capitalize;
	border-radius: 5px;
	color: #7bcb7e;
	box-shadow: 0 0 0 1px #7bcb7e;
}
.subscriptions__box--top__content--btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}
.subscriptions__box--top__content--btn a,
.subscriptions__box--top__content--btn button {
	display: flex;
	align-items: center;
	padding: 0.8rem;
	font-size: 14px;
	width: fit-content;
}
.subscriptions__box--top__content--btn a:before,
.subscriptions__box--top__content--btn button:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: auto 0 auto 0.5rem;
}
.subscriptions__box--top__content--btn a[icon=renew]:before,
.subscriptions__box--top__content--btn button[icon=renew]:before {
	background: url("/Images/Icons/Icon-Store.svg") no-repeat;
	width: 15px;
	height: 15px;
}
.subscriptions__box--top__content--btn a[icon=tutorials]:before,
.subscriptions__box--top__content--btn button[icon=tutorials]:before {
	background: url("/Images/Icons/Icon-Bookmark.svg") no-repeat;
	width: 22px;
	height: 22px;
}
.subscriptions__box--top__content--btn a[icon=report]:before,
.subscriptions__box--top__content--btn button[icon=report]:before {
	background: url("/Images/Icons/Icon-Report-Circle-Black.svg") no-repeat;
	width: 17px;
	height: 17px;
}
.subscriptions__box--top__content--download {
	padding: 1rem;
}
.subscriptions__box--bottom {
	padding-top: 4rem;
}
.subscriptions__box--bottom li {
	background: white;
	padding: 1rem;
	margin-bottom: 1rem;
}
.subscriptions__box--bottom li .top {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 2rem;
	padding-bottom: 7px;
	position: relative;
	height: 50px;
	align-items: center;
}
.subscriptions__box--bottom li .top p {
	cursor: pointer;
	font-size: 1.6rem;
}
.subscriptions__box--bottom li .top p img {
	margin-left: 1rem;
}
.subscriptions__box--bottom li .top div {
	display: flex;
	align-items: center;
	position: absolute;
	left: 38px;
}
.subscriptions__box--bottom li .top div p:nth-child(1) {
	width: fit-content;
	padding: 0.6rem;
	border-radius: 0.4rem;
	margin-left: 1rem;
	font-size: 1.4rem;
}
.subscriptions__box--bottom li .top div p.unused {
	background: #DEF0FF;
}
.subscriptions__box--bottom li .top div p.unused span::before {
	background: url("/Images/Icons/Icon-Info-Circle.svg") no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	display: inline-block;
	content: "";
	margin-left: 5px;
	vertical-align: middle;
}
.subscriptions__box--bottom li .top div p.unused span::after {
	color: #0D82DD;
	content: attr(data-status);
}
.subscriptions__box--bottom li .top div p.active {
	background: rgba(51, 198, 57, 0.32);
}
.subscriptions__box--bottom li .top div p.active span::before {
	background: url("/Images/Icons/Icon-Success.svg") no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	display: inline-block;
	content: "";
	margin-left: 5px;
	vertical-align: middle;
}
.subscriptions__box--bottom li .top div p.active span::after {
	color: #41A871;
	content: attr(data-status);
}
.subscriptions__box--bottom li .top div p.suspended {
	background: rgba(255, 75, 75, 0.18);
}
.subscriptions__box--bottom li .top div p.suspended span::before {
	background: url("/Images/Icons/Icon-Forbidden.svg") no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	display: inline-block;
	content: "";
	margin-left: 5px;
	vertical-align: middle;
}
.subscriptions__box--bottom li .top div p.suspended span::after {
	color: #E34763;
	content: attr(data-status);
}
.subscriptions__box--bottom li .top div p.expired {
	background: rgba(0, 0, 0, 0.08);
}
.subscriptions__box--bottom li .top div p.expired span::before {
	background: url("/Images/Icons/Icon-Clock.svg") no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	display: inline-block;
	content: "";
	margin-left: 5px;
	vertical-align: middle;
}
.subscriptions__box--bottom li .top div p.expired span::after {
	color: #737B8B;
	content: attr(data-status);
}
.subscriptions__box--bottom li .top div span:nth-child(2) {
	margin-left: 0.3rem;
	font-size: 1.4rem;
}
.subscriptions__box--bottom li .top div .copy {
	font-size: 1.2rem;
	padding: 0.6rem;
	margin-left: 1rem;
	display: flex;
	align-items: center;
	border: 1px solid #E3E3E3;
	border-radius: 0.4rem;
}
.subscriptions__box--bottom li .top div .copy img {
	padding: 5px;
	width: 3rem;
	height: 3rem;
	background: #828894;
	border-radius: 0.4rem;
	margin: 0 0.6rem 0 0;
	cursor: pointer;
}
.subscriptions__box--bottom li .top div .copy span {
	direction: ltr;
}
.subscriptions__box--bottom li .top div i {
	font-size: 3rem;
}
.subscriptions__box--bottom li .middle {
	display: none;
	margin: 2rem 0;
	transition: all 0.2s ease;
}
.subscriptions__box--bottom li .middle ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}
.subscriptions__box--bottom li .middle li {
	display: flex;
	align-items: center;
	font-size: 1.2rem;
}
.subscriptions__box--bottom li .middle li .img-os {
	width: 2.6rem;
	height: 1.8rem;
}
.subscriptions__box--bottom li .middle li img {
	margin-right: 0.6rem;
}
.subscriptions__box--bottom li .middle li:not(:last-child) {
	border-left: 1px dashed #737b8b;
}
.subscriptions__box--bottom li .middle li:first-child {
	display: block;
}
.subscriptions__box--bottom li .middle li span {
	cursor: pointer;
	position: relative;
}
.subscriptions__box--bottom li .middle li span::before, .subscriptions__box--bottom li .middle li span::after {
	position: absolute;
	width: 100%;
	height: 1px;
	background: currentColor;
	top: 100%;
	left: 0;
	pointer-events: none;
	color: #41A871;
}
.subscriptions__box--bottom li .middle li span::before {
	content: "";
}
.subscriptions__box--bottom li .middle li span::before {
	transform-origin: 100% 50%;
	transform: scale3d(0, 1, 1);
	transition: transform 0.3s;
}
.subscriptions__box--bottom li .middle li span:hover::before {
	transform-origin: 0% 50%;
	transform: scale3d(1, 1, 1);
}
.subscriptions__box--bottom li .bottom {
	cursor: pointer;
	display: none;
	flex-wrap: wrap;
	align-items: center;
}
.subscriptions__box--bottom li .bottom button,
.subscriptions__box--bottom li .bottom a {
	margin-left: 1rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	width: fit-content;
	z-index: 1;
}
.subscriptions__box--bottom li .bottom button.upgrade:before,
.subscriptions__box--bottom li .bottom a.upgrade:before {
	content: "";
	vertical-align: middle;
	margin-left: 0.5rem;
	background: url("/Images/Icons/Icon-Settings-Black.svg") no-repeat;
	width: 24px;
	height: 24px;
}
.subscriptions__box--bottom li .bottom button.settings:before,
.subscriptions__box--bottom li .bottom a.settings:before {
	background: url("/Images/Icons/Icon-Settings-White.svg") no-repeat;
	width: 19px;
	height: 17px;
}
.subscriptions__box--bottom li .bottom button.report:before,
.subscriptions__box--bottom li .bottom a.report:before {
	background: url("/Images/Icons/Icon-Report-Circle-Black.svg") no-repeat;
	width: 17px;
	height: 17px;
}
.subscriptions__box--bottom li .bottom button.reset:before,
.subscriptions__box--bottom li .bottom a.reset:before {
	background: url("/Images/Icons/Icon-Refresh.svg") no-repeat;
	width: 17px;
	height: 14px;
}
.subscriptions__box--bottom li .bottom .left__time {
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	background: #f8f8f8;
	padding: 1rem 1rem 1rem 0;
	height: 3rem;
	margin: 0 auto 0 1rem;
}
.subscriptions__box--bottom li .bottom .left__time img {
	background-color: #828894;
	width: 3rem;
	height: 3rem;
	padding: 0.5rem;
	border-radius: 0.7rem 0 0 0.7rem;
	margin: 0 0.75rem 0 auto;
}
.subscriptions__box--bottom li .active {
	display: flex;
}

@media (max-width: 1200px) {
	.subscriptions__box--top__content--btn,
	.subscriptions__box--top__content,
	.subscriptions__box--top {
		display: flex;
	}

	.subscriptions__box--top__content--title {
		margin-bottom: 15px;
	}

	.subscriptions__box--top__content--btn {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.subscriptions__box--top__content--btn a.button.button--white:nth-child(1) {
		flex: 100%;
	}

	.subscriptions__box--top__content--btn a.button.button--white:nth-child(2) {
		flex: 48%;
	}

	.subscriptions__box--top__content--btn button {
		flex: 48%;
	}

	.subscriptions__box--bottom li .middle ul {
		flex-direction: column;
	}

	.subscriptions__box--bottom li .middle li {
		width: 100%;
		justify-content: flex-end;
		text-align: left;
	}

	.subscriptions__box--top__content button,
	.subscriptions__box--top__content a {
		display: flex;
		justify-content: center;
		width: 100%;
		margin: auto auto 1rem;
	}

	.subscriptions__box,
	.subscriptions__box--bottom li {
		padding: 0;
		background: transparent;
	}
	.subscriptions__box .middle li:not(:last-child),
	.subscriptions__box--bottom li .middle li:not(:last-child) {
		border-left: 0;
		border-bottom: 1px dashed #737b8b;
		padding: 0.8rem;
	}
	.subscriptions__box .bottom .left__time,
	.subscriptions__box--bottom li .bottom .left__time {
		width: auto;
		justify-content: flex-end;
		margin: 10px 0;
	}
	.subscriptions__box .bottom img,
	.subscriptions__box--bottom li .bottom img {
		margin: 0 !important;
		margin-right: 10px !important;
	}

	.subscriptions__box--bottom .middle.active {
		display: block;
	}

	.subscriptions__box--bottom .middle > ul > li:last-child {
		margin-left: 10px;
	}
}
@media (max-width: 992px) {
	.subscriptions__box--bottom li .top .icons--icon--right--arrow-collapse {
		display: flex;
	}

	.subscriptions__box--bottom li .top div {
		left: 50px;
		top: 0;
	}

	.subscriptions__box--top__content--title {
		justify-content: center;
		margin: 1rem auto;
	}

	.subscriptions__box--bottom li .middle ul {
		align-items: flex-end;
	}

	.subscriptions__box--bottom li .top p {
		margin-bottom: 1rem;
	}

	.subscriptions__box--top img {
		margin: auto;
		justify-content: center;
		display: flex;
		max-width: 32rem;
	}

	.subscriptions__box--bottom li .bottom button,
	.subscriptions__box--bottom li .bottom a {
		margin: 7px;
		width: 100%;
	}

	.subscriptions__box--bottom li .top div {
		justify-content: space-between !important;
	}

	.subscriptions__box--bottom li .top div > span {
		display: none !important;
	}

	.subscriptions__box--bottom li .top div p:nth-child(1),
	.subscriptions__box--bottom li .top div .copy {
		width: fit-content;
	}

	.bottom-box {
		display: flex;
		justify-content: center;
	}
}
@media (max-width: 768px) {
	.subscriptions__box--top__content--btn,
	.subscriptions__box--top__content,
	.subscriptions__box--top {
		display: flex;
		flex-direction: column;
	}

	.subscriptions__box--bottom li .top div p span[data-status]::after {
		content: "";
	}

	.subscriptions__box--bottom li .bottom button,
	.subscriptions__box--bottom li .bottom a {
		width: 100%;
		margin: 0.5rem;
		justify-content: center;
	}

	.subscriptions__box--bottom li .top {
		height: 93px;
	}

	.subscriptions__box--bottom li .top p {
		margin-bottom: 6rem;
	}

	.subscriptions__box--bottom li .top div {
		left: 23%;
		top: 33px;
	}
}
.subscription__upgrade {
	margin-right: 0.5rem;
	border-radius: 1.2rem;
	background-color: #0B172F;
	padding: 2.5rem;
	text-align: left;
	margin-bottom: 20px !important;
}
.subscription__upgrade__title {
	color: #FFF;
	font-size: 1.6rem;
	line-height: 2.25;
	position: relative;
	display: flex;
	font-weight: 300;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 10px 0;
	align-items: stretch;
}
.subscription__upgrade__title::before {
	content: "";
	border-top: 3px solid transparent;
	border-left: 3px solid #FBB36C;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	margin-right: 5px;
}
.subscription__upgrade__box__vip {
	color: #FCDB6E;
}
.subscription__upgrade__box__vip img {
	width: 2.5rem;
	margin: 0 0.4rem 0 0.2rem;
	vertical-align: middle;
}
.subscription__upgrade__feature_section {
	background-color: #1D2941;
	padding: 1rem;
	border-radius: 0.5rem;
}
.subscription__upgrade__feature_section ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.subscription__upgrade__feature_section li {
	display: flex;
	padding: 1rem;
	justify-content: flex-end;
}
.subscription__upgrade__feature_section label {
	color: #FFF;
	font-size: 1.4rem;
	margin-left: 0.5rem;
}
.subscription__upgrade__feature_section input {
	background: #D8D8D8;
	appearance: none;
	width: 2rem;
	height: 2rem;
	border-radius: 0.3rem;
	cursor: pointer;
}
.subscription__upgrade__feature_section input:checked {
	background: url("/Images/Icons/Icon-Checkbox-Checked.svg") no-repeat;
	background-size: cover;
}
.subscription__upgrade__feature_section input:disabled {
	background: url("/Images/Icons/Icon-Checkbox-Checked-Disabled.svg") no-repeat;
	background-size: cover;
}
.subscription__upgrade__bottom {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.subscription__upgrade__bottom__time {
	background-color: #0B172F;
	padding: 2rem 0;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	margin: 0;
	border-radius: 1.2rem;
}
.subscription__upgrade__bottom__time p {
	font-size: 1.6rem;
	color: #FFF;
	padding: 5px 0;
}
.subscription__upgrade__bottom__time p img {
	vertical-align: middle;
}
.subscription__upgrade__bottom__time select {
	padding: 0.8rem;
	width: 80%;
	border: 1px solid #D4D5D8;
	border-radius: 0.8rem;
	font-family: "Yekan", serif;
}
.subscription__upgrade__bottom__pay {
	padding: 2rem 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 1.2rem;
}
.subscription__upgrade__bottom__pay span {
	font-size: 1.6rem;
	color: #FFF;
}

.ticket__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ticket__header span {
	border-radius: 0.6rem;
	padding: 0.5rem 1rem;
	font-size: 1.4rem;
}
.ticket__header span.green {
	background-color: #D9FFD7;
	color: #249053;
	border: 1px solid #249053;
}
.ticket__header span.red {
	background-color: #FFDFCE;
	color: #CB2724;
	border: 1px solid #CB2724;
}
.ticket__header span.grey {
	background-color: #e7e7e7;
	color: #AFAFAF;
	border: 1px solid #AFAFAF;
}
.ticket__header span.blue {
	background-color: #ced6ff;
	color: #6B81D2;
	border: 2px solid #6B81D2;
}
.ticket__main {
	direction: ltr;
	overflow-y: scroll;
	padding: 0.5rem;
	max-height: 40rem;
}
.ticket__main--parent {
	margin-top: 2rem;
	border: 2px solid #F2F2F2;
	max-height: 45rem;
	border-radius: 1rem;
	padding: 2rem;
	overflow: hidden;
}
.ticket__main--client {
	direction: rtl;
	background-color: #F4F4F4;
	border: 2px solid #ECECEC;
	border-radius: 1rem;
	padding: 1rem;
	margin-bottom: 2rem;
	display: flex;
	flex-direction: column;
}
.ticket__main--client--header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ticket__main--client--header div {
	display: flex;
	align-items: center;
}
.ticket__main--client--header div:first-child img {
	margin-left: 0.6rem;
}
.ticket__main--client--header div:first-child span {
	font-size: 1.2rem;
	color: #89909D;
}
.ticket__main--client--header div:nth-child(2) {
	background-color: white;
	padding: 1rem;
	border-radius: 1rem;
	font-size: 1.2rem;
}
.ticket__main--client--header div:nth-child(2) img {
	margin-right: 0.6rem;
}
.ticket__main--client p {
	margin-top: 1rem;
	font-size: 1.4rem;
}
.ticket__main--client--upload {
	display: flex;
	flex-wrap: wrap;
	align-self: flex-end;
	margin-top: 2rem;
	gap: 1rem;
}
.ticket__main--client--upload__item {
	position: relative;
	width: 10rem;
	height: 6rem;
	border-radius: 1.5rem;
	overflow: hidden;
	display: flex;
	transition: all 0.2s;
	cursor: pointer;
}
.ticket__main--client--upload__item--filter {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: black;
	opacity: 0.5;
	transition: all 0.2s;
}
.ticket__main--client--upload__item img {
	position: relative;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
}
.ticket__main--client--upload__item button {
	position: absolute;
	bottom: 0.6rem;
	right: 0.6rem;
	width: 3rem;
	height: 3rem;
	background: #bbbbbb;
	border: none;
	outline: none;
	padding: 0.5rem;
	border-radius: 50%;
	opacity: 0.8;
	transition: all 0.2s;
}
.ticket__main--client--upload__item:hover button {
	opacity: 0.99;
}
.ticket__main--client--upload__item:hover .ticket__main--client--upload__item--filter {
	opacity: 0.15;
}
.ticket__main--server {
	direction: rtl;
	background-color: #F4FBFF;
	border: 2px solid #79D6ED;
	border-radius: 1rem;
	padding: 1rem;
	min-height: 20rem;
	margin-bottom: 2rem;
	display: flex;
	flex-direction: column;
}
.ticket__main--server--header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ticket__main--server--header div {
	display: flex;
	align-items: center;
}
.ticket__main--server--header div:first-child img {
	margin-left: 0.6rem;
}
.ticket__main--server--header div:first-child span {
	display: flex;
	flex-direction: column;
	font-size: 1.2rem;
	color: #89909D;
	margin-top: 0.5rem;
}
.ticket__main--server--header div:first-child span i {
	color: inherit;
	margin-top: -0.5rem;
}
.ticket__main--server--header div:nth-child(2) {
	background-color: white;
	padding: 1rem;
	border-radius: 1rem;
	font-size: 1.2rem;
}
.ticket__main--server--header div:nth-child(2) img {
	margin-right: 0.6rem;
}
.ticket__main--server p {
	margin-top: 1rem;
	font-size: 1.4rem;
}
.ticket__response {
	border: 2px solid #E6E6E6;
	border-radius: 1rem;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}
.ticket__response--files {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	margin-top: 1rem !important;
}
.ticket__response--files:first-child {
	margin-top: 2rem !important;
}
.ticket__response--files__item {
	border-radius: 10rem;
	padding: 0.5rem 0.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 0 0 1px #EBEBEB;
	transition: all 0.2s;
	cursor: pointer;
	margin: 0 !important;
}
.ticket__response--files__item:hover {
	background: #EBEBEB;
}
.ticket__response--files__item span {
	font-size: 1.5rem;
}
.ticket__response--files__item img {
	width: 2rem;
}
.ticket__response--files__item--info {
	padding: 0;
	margin: 0 !important;
	height: 100%;
	display: flex;
	align-items: center;
}
.ticket__response--files__item--info img {
	margin-right: 0.2rem !important;
}
.ticket__response--files__item--close {
	width: 1rem !important;
	margin-left: 1rem;
}
.ticket__response.close:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.25);
}
.ticket__response.close:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	width: 10rem;
	height: 10rem;
	background: url("../../Images/Icons/Icon-Toggle-Two-Tone-Lock-Locked.svg") whitesmoke center no-repeat;
}
.ticket__response textarea {
	font-family: "Yekan", Calibri, serif;
	color: #9a9a9a;
	width: 100%;
	padding: 1rem;
	border: none;
	outline: none;
	font-size: 1.5rem;
	resize: none;
}
.ticket__response div {
	margin-top: 2rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.ticket__response div img {
	margin-right: 1rem;
	cursor: pointer;
}
.ticket__btns {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.ticket__btns button {
	margin: 0.5rem;
	padding: 0.85rem 2.75rem;
}

@media (max-width: 1000px) {
	.ticket__main--client--header,
	.ticket__main--server--header {
		display: block;
	}
	.ticket__main--client--header div,
	.ticket__main--server--header div {
		min-height: 5rem;
		margin-bottom: 1rem;
		display: flex;
		justify-content: space-between;
	}
	.ticket__main--client--header div:first-child,
	.ticket__main--server--header div:first-child {
		justify-content: start;
	}
}
.ticket-create {
	display: flex;
}
.ticket-create__right {
	flex: 0 0 48%;
	margin-left: 2rem;
}
.ticket-create__right p {
	color: #7b7f87;
	font-size: 1.5rem;
}
.ticket-create__right select {
	font-family: "Yekan", Calibri, serif;
	border: 2px solid #E6E6E6;
	border-radius: 0.5rem;
	background: none;
	padding: 0.75rem 2rem;
	width: 100%;
	min-height: 4.5rem;
	font-size: 1.4rem;
	margin-right: 1.2rem;
}
.ticket-create__right .form {
	margin-top: -2.6rem;
}
.ticket-create__right .form__group {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.ticket-create__right .form__group input {
	width: 109%;
	padding: 0.6rem;
	border: 2px solid #E6E6E6;
	margin-top: 1rem;
}
.ticket-create__right .ticket__response {
	margin-top: 1rem;
}
.ticket-create__right .ticket__response--files {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	margin-top: 1rem !important;
}
.ticket-create__right .ticket__response--files:first-child {
	margin-top: 2rem !important;
}
.ticket-create__right .ticket__response--files__item {
	border-radius: 10rem;
	padding: 0.5rem 0.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 0 0 1px #EBEBEB;
	position: relative;
	transition: all 0.2s;
	cursor: pointer;
	margin: 0 !important;
}
.ticket-create__right .ticket__response--files__item:hover {
	background: #EBEBEB;
}
.ticket-create__right .ticket__response--files__item span {
	font-size: 1.5rem;
}
.ticket-create__right .ticket__response--files__item img {
	width: 2rem;
}
.ticket-create__right .ticket__response--files__item--info {
	padding: 0;
	margin: 0;
	height: 100%;
	display: flex;
	align-items: center;
}
.ticket-create__right .ticket__response--files__item--info img {
	margin-right: 0.5rem;
}
.ticket-create__right .ticket__response--files__item--close {
	width: 1rem !important;
	margin-left: 1rem;
}
.ticket-create__right button {
	margin-top: 2rem;
	padding: 0.85rem 2.75rem;
}
.ticket-create__left {
	flex: 1;
	margin-right: 2rem;
}
.ticket-create__left--cache {
	border-radius: 1.2rem;
	height: 70rem;
	overflow-y: scroll;
	direction: ltr;
	padding: 1rem;
}
.ticket-create__left--cache__parent {
	background: #F8F8F8;
	border-radius: 1.2rem;
	height: auto;
	padding: 2rem;
	overflow: hidden;
}
.ticket-create__left--cache--status {
	direction: rtl;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.4rem;
	padding: 0 2rem 0 6rem;
}
.ticket-create__left--cache--box {
	direction: rtl;
	background: white;
	padding: 2rem;
	margin-top: 2rem;
	border-radius: 0.8rem;
	display: flex;
	justify-content: space-between;
}
.ticket-create__left--cache--box div:first-child {
	display: flex;
	align-items: center;
}
.ticket-create__left--cache--box div:first-child img {
	margin-left: 0.8rem;
}
.ticket-create__left--cache--box div:first-child p {
	color: #94969a;
	display: flex;
	flex-direction: column;
	font-size: 1.3rem;
}
.ticket-create__left--cache--box div:first-child p span {
	color: #B3B7C0;
	font-size: 1rem;
}

@media (max-width: 1000px) {
	.ticket-create {
		display: block;
	}

	.ticket-create__right .form__group input {
		width: 100%;
	}

	.ticket-create__right,
	.ticket-create__right select,
	.ticket-create__left {
		margin: auto;
	}
}
.tutorials {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}
.tutorials__box {
	border-radius: 1.2rem;
	margin-left: 1rem;
	margin-bottom: 2rem;
	padding: 1rem;
	flex-basis: 48%;
	background: #F8F8F8;
	display: flex;
	flex-direction: column;
	position: relative;
}
.tutorials__box img {
	width: 100%;
	border-radius: 1.2rem;
}
.tutorials__box h4 {
	margin: 1rem 0 0.3rem;
	font-size: 1.6rem;
}
.tutorials__box p {
	font-size: 1.4rem;
	text-align: justify;
	margin-bottom: 5.5rem;
}
.tutorials__box a {
	margin-top: 1rem;
	padding: 1rem;
	text-align: center;
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
}
.tutorials__box button {
	margin: 0.8rem 0;
	padding: 1rem;
}

@media (max-width: 1000px) {
	.tutorials {
		display: block;
	}

	.tutorials__box {
		margin: 0;
		padding: 1.5rem;
		width: 100%;
	}
}
.tutorials_view__description {
	margin-top: 3rem;
	border: 2px solid #f8f8f8;
	border-radius: 1.2rem;
	padding: 1rem;
}
.tutorials_view__description h2 {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.tutorials_view__description h2 img {
	margin-left: 0.6rem;
}
.tutorials_view__description p {
	font-size: 1.4rem;
	line-height: 2.5rem;
}
.tutorials_view__advanced {
	display: flex;
	margin-top: 3rem;
}
.tutorials_view__advanced__right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 9rem;
	margin-left: 2rem;
	background-color: #ff4b4b;
	padding: 1.5rem;
	border-radius: 1.2rem;
	position: relative;
}
.tutorials_view__advanced__right img {
	width: 2.8rem;
	height: 2.6rem;
}
.tutorials_view__advanced__right span {
	font-size: 14px;
	color: white;
	margin-top: 1rem;
}
.tutorials_view__advanced__right::before {
	position: absolute;
	content: "";
	left: -1rem;
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
	border-right: 1rem solid #ff4b4b;
}
.tutorials_view__advanced__left {
	flex: 1;
	padding: 1.4rem;
	border: 2px solid #f8f8f8;
	border-radius: 1.2rem;
}
.tutorials_view__advanced__left ul {
	direction: ltr;
}
.tutorials_view__advanced__left li {
	background-color: #F8F8F8;
	padding: 1.4rem;
	border-radius: 0.8rem;
	margin-bottom: 1rem;
	font-size: 1.4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tutorials_view__advanced__left li a {
	background-color: #5CCA8F;
	padding: 0.4rem 0.7rem;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tutorials_view__advanced__left li a img {
	width: 24px;
	height: 24px;
}

.video {
	display: flex;
	justify-content: center;
	margin-top: 3rem;
	height: 40rem;
}
.video video {
	border-radius: 1.2rem;
}

@media (max-width: 1000px) {
	.tutorials_view__advanced__right {
		display: none;
	}

	.video video {
		width: 100%;
	}

	h2.heading__primary::before {
		background: url("/Images/Icons/Icon-Prerequisites-Red.svg") center no-repeat;
		display: inline-block;
		width: 2.9rem;
		height: 2.9rem;
		content: "";
		vertical-align: -40%;
		padding-left: 10px;
	}
}
.icons--icon--left, .icons--icon--right, .icons--icon--right::before, .icons--icon--left::after {
	display: inline-block;
}
.icons--icon--left::after, .icons--icon--right::before {
	padding: 0.6rem 1rem;
	content: "";
	vertical-align: middle;
	margin-left: 0.2rem;
}
.icons--icon--right--navigation::before {
	background: url("/Images/Icons/Icon-Navigation.svg") no-repeat;
	content: "";
	width: 24px;
	height: 24px;
}
.icons--icon--right--arrow-collapse::before {
	transition: all 0.3s ease-in;
	background: url("/Images/Icons/Icon-Arrow-Down-Black.svg") no-repeat center;
	content: "";
	width: 20px;
	height: 20px;
}
.icons--icon--right--arrow-collapse.active::before {
	transform: rotate(180deg);
}
.icons--icon--right--cube-box::before {
	background: url("/Images/Icons/Icon-Cube-Box-Active.svg") no-repeat;
	width: 15px;
	height: 16px;
}
.icons--icon--right--cube-box-disabled::before {
	background: url("/Images/Icons/Icon-Cube-Box-Disabled.svg") no-repeat;
	width: 15px;
	height: 16px;
}
.icons--icon--right--cube-box-disabled:hover:before {
	background: url("/Images/Icons/Icon-Cube-Box-Hover.svg") no-repeat;
}
.icons--icon--right--info-disabled::before {
	background: url("/Images/Icons/Icon-Info-Disabled.svg") no-repeat;
	width: 15px;
	height: 16px;
}
.icons--icon--right--info-disabled:hover:before {
	background: url("/Images/Icons/Icon-Info-Hover.svg") no-repeat;
}
.icons--icon--right--warning-disabled::before {
	background: url("/Images/Icons/Icon-Warning-Disabled.svg") no-repeat;
	width: 15px;
	height: 16px;
}
.icons--icon--right--warning-disabled:hover:before {
	background: url("/Images/Icons/Icon-Warning-Hover.svg") no-repeat;
}
.icons--icon--right--mail-disabled::before {
	background: url("/Images/Icons/Icon-Mail-Disabled.svg") no-repeat;
	width: 15px;
	height: 16px;
}
.icons--icon--right--mail-disabled:hover:before {
	background: url("/Images/Icons/Icon-Mail-Hover.svg") no-repeat;
}
.icons--icon--right--store::before {
	background: url("/Images/Icons/Icon-Store.svg") no-repeat;
	width: 15px;
	height: 15px;
}
.icons--icon--left--navigation::after {
	background: url("/Images/Icons/Icon-Navigation-More.svg") no-repeat;
	width: 13px;
	height: 13px;
}

.full-logs h4 {
	font-size: 1.7rem;
}

.full-logs > figure > ul > li {
	position: relative;
	display: flow-root;
	background: #ffffff;
	padding: 7px 0;
	margin: 7px 0;
	cursor: pointer;
	border: 1px solid #E3E3E3;
	box-shadow: 2px 2px #f8f8f8;
	border-radius: 7px;
}
.full-logs > figure > ul > li:before {
	background: url("/Images/Icons/Icon-Draggable.svg") no-repeat;
	width: 10px;
	height: 10px;
	content: "";
	float: right;
	margin: 13px 1rem;
}
.full-logs > figure > ul > li > span {
	display: inline-block;
	font-size: 13px;
	margin: 8px 0;
}
.full-logs > figure > ul > li > .detail {
	float: left;
	margin: 2px 1rem;
}
.full-logs > figure > ul > li > .detail > i {
	font-style: normal;
	font-size: 13px;
	padding: 6px 7px;
	border-radius: 5px;
}
.full-logs > figure > ul .detail > i:before {
	display: inline-block;
	content: "";
	margin-left: 5px;
	vertical-align: middle;
	background-size: cover !important;
}
.full-logs > figure > ul > li > .detail > i[status=info] {
	background: #DEF0FF;
	color: #0D82DD;
}
.full-logs > figure > ul > li > .detail > i[status=info]:before {
	background: url("/Images/Icons/Icon-Info-Circle.svg") no-repeat;
	width: 16px;
	height: 16px;
}
.full-logs > figure > ul > li > .detail > i[status=success] {
	background: rgba(51, 198, 57, 0.32);
	color: #41A871;
}
.full-logs > figure > ul > li > .detail > i[status=success]:before {
	background: url("/Images/Icons/Icon-Success.svg") no-repeat;
	width: 16px;
	height: 16px;
}
.full-logs > figure > ul > li > .detail > i[status=alert] {
	background: rgba(255, 75, 75, 0.18);
	color: #E34763;
}
.full-logs > figure > ul > li > .detail > i[status=alert]:before {
	background: url("/Images/Icons/Icon-Forbidden.svg") no-repeat;
	width: 16px;
	height: 16px;
}
.full-logs > figure > ul > li > .detail > em {
	display: inline-block;
	background: #f8f8f8;
	font: 13px Calibri;
	font-style: normal;
	padding: 8px 10px;
	margin-top: 1px;
	border-radius: 7px;
	vertical-align: middle;
	direction: ltr;
}
.full-logs > figure > ul > li > .detail > em:before {
	background: #828894 url("/Images/Icons/Icon-Date.svg") center no-repeat;
	width: 20px;
	height: 20px;
	padding: 14px;
	content: "";
	float: left;
	margin: -8px -12px;
	border-radius: 7px 0 0 7px;
	margin-right: 7px;
	vertical-align: middle;
}

.hwid__reset__hwid_list {
	border: 0.2rem solid #818793;
	padding: 1.5rem;
	border-radius: 0.8rem;
	margin: 1rem 0;
}
.hwid__reset__hwid_info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	font-size: 1.2rem;
	padding: 0.1rem;
}
.hwid__reset__hwid_info label {
	flex: 100%;
	padding: 1.5rem 0;
}
.hwid__reset__hwid_info ul {
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	align-content: center;
	flex-wrap: nowrap;
}
.hwid__reset__hwid_info span {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.hwid__reset__hwid_info input {
	position: absolute;
	right: 1rem;
}
.hwid__reset__hwid_info input:checked + label {
	background-color: #a6e3b4;
	border-radius: 0.5rem;
}
.hwid__reset__hwid_info.current span {
	color: #0D82DD;
}
.hwid__reset__hwid_info.current label {
	border-radius: 0.5rem;
	opacity: 0.5;
}
.hwid__reset__description, .hwid__reset__title-box h2 {
	margin-bottom: 1rem;
	margin-top: 1rem;
}
.hwid__reset__description textarea {
	width: 100%;
	height: 17rem;
	border: 2px solid #818793;
	border-radius: 0.8rem;
	resize: none;
	padding: 1rem 0.5rem;
	margin-bottom: 1rem;
	font-size: 1.6rem;
}
.hwid__reset h1 i {
	margin-left: 1rem;
}
.hwid__reset__history {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 20px 0;
	border-radius: 8px;
	font-size: 1.4rem;
	line-height: 2.5rem;
}
.hwid__reset__history__side {
	flex: 25%;
	padding: 0 7px;
}
.hwid__reset__history__side__item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding: 6px;
	margin-bottom: 0.4rem;
	border-radius: 0.4rem;
	position: relative;
	border: 1px solid #818793;
	background-color: white;
}
.hwid__reset__history__side__item.active::after {
	left: -17px;
}
.hwid__reset__history__side__item::after {
	display: inline-block;
	border: 7px solid #f000;
	border-right: 10px solid #818793;
	content: "";
	position: absolute;
	left: -5px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	z-index: -1;
}
.hwid__reset__history__side__item:hover::after {
	left: -17px;
}
.hwid__reset__history__side__item img {
	vertical-align: middle;
}
.hwid__reset__history__side__item a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.hwid__reset__history__side__item p {
	font-family: "Calibri", serif;
}
.hwid__reset__history__side__item[status=failed] {
	border-color: #ffb2b5;
}
.hwid__reset__history__side__item[status=failed] span {
	color: red;
}
.hwid__reset__history__side__item[status=failed].active::after, .hwid__reset__history__side__item[status=failed]::after {
	border-right-color: #ffb2b5;
}
.hwid__reset__history__side__item[status=confirmed] {
	border-color: #a6e3b4;
}
.hwid__reset__history__side__item[status=confirmed] span {
	color: #019924;
}
.hwid__reset__history__side__item[status=confirmed].active::after, .hwid__reset__history__side__item[status=confirmed]::after {
	border-right-color: #a6e3b4;
}
.hwid__reset__history__side__item[status=pending] {
	border-color: #d6d6d6;
}
.hwid__reset__history__side__item[status=pending] span {
	color: grey;
}
.hwid__reset__history__side__item[status=pending].active::after, .hwid__reset__history__side__item[status=pending]::after {
	border-right-color: #d6d6d6;
}
.hwid__reset__history__content {
	flex: 70%;
	padding: 1rem;
	overflow: auto;
	border: 1px solid #818793;
	border-radius: 5px;
	margin-right: 15px;
}
.hwid__reset__history__content__data {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.hwid__reset__history__content__data p:nth-child(2) {
	direction: ltr;
}
.hwid__reset__history__content__data__hwid-status {
	font-weight: 900;
}
.hwid__reset__history__content__data img, .hwid__reset__history__content__data i {
	margin-right: 5px;
	vertical-align: middle;
}
.hwid__reset__history__content__data__hardware {
	display: flex;
	justify-content: space-between;
	margin-top: 2rem;
	border-top: 1px dashed #0B172F;
	padding-top: 16px;
}
.hwid__reset__history__content__data__hardware div {
	direction: ltr;
}
.hwid__reset__history__content__data__hardware p {
	color: #0D82DD;
}

@media screen and (max-width: 768px) {
	.hwid__reset__hwid_info input {
		top: 1rem;
	}

	.hwid__reset__hwid_info ul {
		flex-direction: column;
	}

	.hwid__reset__hwid_info span {
		line-height: 2.1rem;
		margin-left: 1rem;
	}
}
@media screen and (max-width: 700px) {
	.hwid__reset__description textarea {
		height: 26rem;
	}

	.hwid__reset__history__content__data__hardware {
		flex-direction: column;
		align-items: flex-end !important;
	}
	.hwid__reset__history__content__data__hardware div {
		direction: ltr;
	}
}
@media screen and (max-width: 600px) {
	.hwid__reset__history__side {
		flex: 100%;
		height: auto;
		border-left: none;
	}

	.hwid__reset__history__content__data {
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		flex-direction: column;
	}
}
@media screen and (max-width: 425px) {
	.hwid__reset__history__content__data__hardware p {
		font-size: 12px;
	}
}
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 4rem;
	margin-bottom: 3rem;
}
.header__logo {
	display: flex;
	align-items: center;
	cursor: pointer;
}
.header__logo--beta {
	align-self: flex-start;
	background-color: #f4f4f4;
	color: #ff4b4b;
	margin: 0.5rem 0 0 1.4rem;
	padding: 0.2rem 1rem;
	border-radius: 2.5rem;
}
.header__logo--info {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.header__logo--info h1 {
	color: #0b172f;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 1px;
}
.header__logo--info span {
	color: #969ba5;
	font-size: 1.4rem;
	font-weight: 100;
}
.header__logo img {
	background-size: cover;
	width: 4.8rem;
	height: 4.8rem;
	margin-right: 1.4rem;
}
.header--auth {
	justify-content: flex-end;
}
.header__area {
	position: relative;
	display: flex;
}
.header__area--user {
	cursor: pointer;
	margin-right: 1.4rem;
	width: 3.7rem;
	height: 3.7rem;
	box-shadow: 0 0 0 1px #e6e6e6;
	border-radius: 50%;
	position: relative;
}
.header__area--user img {
	width: 3.7rem;
	height: 3.7rem;
	border-radius: 50%;
}
.header__area--user ul {
	display: none;
	position: absolute;
	background-color: white;
	border-radius: 0.5rem;
	border: 1px solid #eaeaea;
	left: 0;
	font-size: 1.4rem;
	width: 16.2rem;
	margin-top: 1rem;
	z-index: 99;
}
.header__area--user ul li {
	padding: 1rem 2rem;
}
.header__area--user ul li a {
	display: flex;
	align-items: center;
}
.header__area--user ul li:not(:last-child) {
	border-bottom: 1px solid #eaeaea;
}
.header__area--user ul li:first-child a::after {
	background: url("/Images/Icons/Icon-Success-Filled.svg");
	background-size: cover;
	width: 1.8rem;
	height: 1.8rem;
	margin-right: 0.6rem;
	content: "";
}
.header__area--notification {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 100;
	box-shadow: 0 0 0 1px #e6e6e6;
	border-radius: 50%;
	width: 3.7rem;
	height: 3.7rem;
	cursor: pointer;
}
.header__area--notification__content {
	display: none;
	transition: all 0.2s;
	position: absolute;
	z-index: 99;
	background: #ffffff;
	top: 5rem;
	border-radius: 1.5rem;
	width: 40rem;
	min-height: 10rem;
	left: 6rem;
	padding: 1.25rem;
	flex-direction: column;
	border: 1px solid #EFEFEF;
	box-shadow: 0 0 15px rgba(163, 163, 163, 0.16);
}
.header__area--notification__content--item {
	display: none;
	width: 100%;
	align-items: center;
	padding: 1rem;
	position: relative;
	border-radius: 1rem;
	transition: all 0.2s;
	cursor: pointer;
}
.header__area--notification__content--item.active {
	display: flex;
}
.header__area--notification__content--item:before {
	margin-left: 1rem;
}
.header__area--notification__content--item:not(:last-child) {
	border-bottom: 0.1rem solid #F4F4F4;
}
.header__area--notification__content--item.unread:after {
	content: "";
	position: absolute;
	top: 0.8rem;
	right: 0.8rem;
	background: #FF4B4B;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	border: 0.25rem solid white;
}
.header__area--notification__content--item * {
	transition: all 0.2s;
}
.header__area--notification__content--item a, .header__area--notification__content--item span, .header__area--notification__content--item span * {
	color: #7d7d7d;
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	flex: 50%;
}
.header__area--notification__content--item .link {
	background: url("/Images/Icons/Icon-Navigation-View.svg") no-repeat;
	opacity: 0.3;
	width: 15px;
	height: 15px;
	flex: 1;
}
.header__area--notification__content--item:hover {
	box-shadow: 0px 0px 15px -6px #42445a;
}
.header__area--notification__content--item:hover span, .header__area--notification__content--item:hover span * {
	color: #0D82DD;
}
.header__area--notification__content--item:hover .link {
	opacity: 1;
}
.header__area--notification__content--item:not(:last-child):hover {
	border-bottom: 0.1rem solid rgba(244, 244, 244, 0);
}
.header__area--notification__content--buttons {
	border: 1px solid #EFEFEF;
	box-shadow: 0 0 15px rgba(163, 163, 163, 0.16);
	border-radius: 1.2rem 1.2rem 0 0;
	background: #ffffff;
	height: 100%;
	margin: 0 0.2rem;
	padding: 0.5rem 1rem;
	font-size: 1.3rem;
	font-weight: 500;
	color: #0b172f;
	border-top: 0.25rem solid transparent;
	transition: all 0.2s;
	cursor: pointer;
}
.header__area--notification__content--buttons:hover {
	color: #2d2d2d;
}
.header__area--notification__content--buttons.mark--seen {
	background: url("/Images/Icons/Icon-Notification-Read-All.png") center no-repeat;
	width: 18px;
	height: 14px;
	padding: 1.5rem 2rem;
	border: 0.1rem solid #EFEFEF;
}
.header__area--notification__content--buttons.mark--seen:hover {
	background: url("/Images/Icons/Icon-Notification-Read-All-Hover.png") center no-repeat;
}
.header__area--notification__content--buttons.active {
	color: #5CCA8F;
	border-top: 2px solid #5CCA8F;
}
.header__area--notification__content--buttons__holder {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.header__area--notification__content--buttons__parent {
	padding: 0 1rem;
	padding-left: 4.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	width: 100%;
	top: -3.25rem;
	height: 3.25rem;
}
.header__area--notification__content.hover, .header__area--notification__content.hover:hover {
	display: flex;
}
.header__area--notification:before {
	background: url("/Images/Icons/Icon-Notification.svg") no-repeat;
	background-size: cover;
	content: "";
	width: 2.4rem;
	height: 2.4rem;
}
.header__area--notification.unread::after {
	position: absolute;
	background: #FF4B4B;
	width: 1rem;
	height: 1rem;
	content: "";
	border-radius: 50%;
	margin-left: 2.5rem;
	margin-bottom: 2.5rem;
}

.user-open {
	display: flex;
}

@media (max-width: 1000px) {
	.header__area {
		position: unset;
	}

	.header__area--notification__content {
		width: 90%;
		top: 20rem;
		left: 50%;
		transform: translateX(-50%);
	}

	.header {
		padding: 1rem;
		margin-top: 10rem;
	}

	.header--auth {
		margin-top: 1rem;
		justify-content: center;
	}
}
.content {
	height: 76rem;
	display: flex;
}

.main-content {
	flex: 0 0 75%;
	margin-right: 4rem;
	border-radius: 1.2rem;
}

@media (max-width: 1000px) {
	.main-content {
		margin: auto;
		padding: 2rem;
		flex: auto;
	}

	.content {
		height: auto;
	}
}