@media (min-width: 992px) {
	.header-fixed .header {
		margin: 30px 50px 30px 50px !important;
		background: #7339ea;
		border-radius: 8px;

	}
}

#kt_aside {
	margin-top: 30px;
}

#kt_content {
	padding-top: 30px;
}

.text-wrapper {
	padding: 8px 10px;
	background: #8757ed;
	border-radius: 10px;
	border: solid #9e77ef;
	margin-left: 20px;
}

.card-custom {
	/*margin-bottom: 2.5rem;*/
}

.text_update {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 11px;
	line-height: 10px;
	/* identical to box height, or 91% */
	letter-spacing: -0.03em;
	/* Main/Gray/Gray-500 */
	color: #A1A5B7;
}

#kt_aside {
	background: transparent;
}

#kt_aside .aside-menu {
	padding: 0 !important;
}

.aside .aside-menu .menu .menu-item > .menu-link {
	padding: 20px;
}

.aside .aside-menu .menu .menu-item.show > .menu-link {
	background: #ebedf3;

}

.aside .aside-menu .menu .menu-item.show > .menu-link .menu-title {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 120%;
	color: #7239EA;
}

.add-post {
	background: rgb(126, 105, 255);
	background: linear-gradient(90deg, rgba(126, 105, 255, 1) 0%, rgba(84, 66, 193, 1) 100%);
	padding: 10px;
	border-radius: 8px;

	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	color: #F9F9F9;
}

.text-search {
	padding-left: 35px;
}

.__kt_header {
	background: #f4f6f9;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 97;
	/* box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08); */
	height: 70px;
	padding: 0;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
	border: unset;
	/* Text/T1 */
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 130%;
	/* identical to box height, or 17px */
	padding: 10px;
	/* Main/Gray/Gray-600-TextLight */
	color: #7E8299;
}

.__filterMobile .select2-selection__rendered {

	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	color: #181C32 !important;
}

.__filterMobile .text-gray-600 {
	color: black !important;
}

.text-system-input {
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 130%;
	/* identical to box height, or 17px */
	/* Main/Gray/Gray-600-TextLight */
	color: #7E8299;
}

.select2-container--bootstrap5 .select2-selection--single {
	padding: 0;
	width: 100px !important;
}

.__number {
	padding-left: 10px;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	/* identical to box height */
	display: flex;
	align-items: flex-end;

	/* Text */
	color: #646174;
}

.box-number .select2-container--bootstrap5 .select2-selection--single {
	width: 200px !important;
	background-color: transparent !important;
	border-color: #dcdde1 !important;


}

.box-number select {
	border-color: #dcdde1 !important;
	background-color: transparent !important;
}

.uid {
	margin-left: 8px;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 11px;
	line-height: 10px;
	letter-spacing: -0.03em;
	color: #7E8299;
}

.__content {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 130%;
	color: #3F4254;
}

.text-login {
	/* Text/T1 SemiBold */
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	color: #181C32;
	padding-bottom: 10px;
	display: block;
}

.link-primary {
	color: #7239e9 !important;
}

button {
	background: #7239e9 !important;
}

.__numberBT {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	letter-spacing: -0.02em;
	color: #181C32;
}

.__textBT {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	color: #7E8299;
}

.boxChart {
	background: white;
	padding: 20px;
	border-radius: 10px;
	margin-right: 10px;
}

.__chart {
	display: flex;
	justify-content: space-between
}

.textChart {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 16px;
	color: #0B0044;
}

.search-input {
	border: solid #e3e3e4;
	border-radius: 8px;
	margin: 30px;
}

.boxY {
	background: #f7f5ff;
	padding: 10px;
	border-radius: 10px;
}

.textY {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	color: #7239EA;
}

.btn-leadgoodie {
	background: #7239e9;
	color: white;
	border: unset;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
}

.btn-leadgoodie:hover {
	background: #7239e9c7;
}

.text-success {
	padding-right: 5px;
}

.text-money {
	color: #7239EA;
	font-style: normal;
	font-weight: 600;
	font-size: 64px;
	line-height: 38px;
	text-align: center;
	letter-spacing: -0.02em;
}

.__money {
	display: flex;
	align-items: center;
	padding: 10px;
	border-radius: 10px;
	background: white;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15), 3px 3px 1px rgba(150, 150, 150, 0.05);
	margin-left: 10px;
	gap: 10px;
	margin-bottom: 12px;
}

.img_payment {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15), 3px 3px 1px rgba(150, 150, 150, 0.05);
	border-radius: 10px;
}

.__Promotion {
	padding: 10px;
	border-radius: 10px;
	background: #f9f5ff;
}

.text1 {
	font-style: normal;
	font-weight: 600;
	font-size: 38px;
	line-height: 34px;
	/* identical to box height, or 85% */
	letter-spacing: -0.02em;
	color: #181C32;
}

.text2 {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	/* identical to box height */
	letter-spacing: -0.02em;
	color: #3F4254;
}

.text3 {
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 29px;
	letter-spacing: -0.02em;
	color: #181C32;
}

.text4 {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
	color: #7E8299;
}

/* Social Data */
.text5 {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 120%;
	color: #5E6278;
}

.text5.active {
	color: #7239EA;
}

@media only screen and (max-width: 991px) {
	.__filterMobile {
		width: 100%;
	}

	.__money {
		margin-left: 0;
		margin-top: 10px;
	}

	.__dashboardEnd {
		flex-direction: column;
		gap: 10px;
	}

	.__chart {
		flex-direction: column;
	}

	#kt_aside {
		background: white;
		margin-top: 30px;

	}

}

@media only screen and (max-width: 1500px) {
	.__numberBT {
		font-size: 20px !important;
	}
}

@media (max-width: 991.98px) {
	.header-tablet-and-mobile-fixed .header {
        background-color: #7339ea !important;
	}
}

