/* =========================================================
   DLE 21 USERINFO DASHBOARD
   ========================================================= */


/* =========================================================
   BOX SIZING
   ========================================================= */

.dle-dashboard,
.dle-dashboard *,
.dle-dashboard *::before,
.dle-dashboard *::after {
	box-sizing: border-box;
}


/* =========================================================
   MAIN
   ========================================================= */

.dle-dashboard {
	--primary: #4f46e5;
	--primary-hover: #4338ca;

	--dark: #111827;
	--dark-2: #1f2937;

	--text: #111827;
	--muted: #6b7280;

	--border: #e5e7eb;
	--background: #f5f7fb;
	--white: #ffffff;

	--success: #10b981;
	--danger: #ef4444;

	--radius: 14px;
	--radius-small: 9px;

	--shadow:
		0 4px 20px rgba(15, 23, 42, .06);

	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 24px 0;

	color: var(--text);

	font-family:
		Inter,
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Arial,
		sans-serif;

	font-size: 14px;
	line-height: 1.5;

	overflow-wrap: anywhere;
}


/* =========================================================
   GENERAL RESET
   ========================================================= */

.dle-dashboard a {
	color: inherit;
	text-decoration: none;
}

.dle-dashboard img {
	display: block;
	max-width: 100%;
}

.dle-dashboard h1,
.dle-dashboard h2,
.dle-dashboard h3,
.dle-dashboard p {
	margin-top: 0;
}

.dle-dashboard button,
.dle-dashboard input,
.dle-dashboard textarea,
.dle-dashboard select {
	font: inherit;
}


/* =========================================================
   IMPORTANT THEME RESET
   ========================================================= */

/*
   Bootstrap / DLE theme may apply padding or other styles
   to all <section> elements.

   Reset them for our dashboard.
*/

.dle-dashboard section.dashboard-profile,
.dle-dashboard section.dashboard-card {
	padding: 0;
}


/* =========================================================
   PROFILE HEADER
   ========================================================= */

.dashboard-profile {
	position: relative;

	display: block;

	width: 100%;
	max-width: 100%;

	margin: 0 0 24px;
	padding: 0;

	overflow: hidden;

	background: var(--white);

	border: 1px solid var(--border);
	border-radius: var(--radius);

	box-shadow: var(--shadow);
}


/* =========================================================
   PROFILE COVER
   ========================================================= */

.dashboard-profile__cover {
	display: block;

	width: 100%;
	height: 145px;

	margin: 0;
	padding: 0;

	background:
		linear-gradient(
			135deg,
			rgba(79, 70, 229, .96),
			rgba(124, 58, 237, .90)
		),
		url("../images/pattern/04.png")
		center / cover;

	background-repeat: no-repeat;
}


/* =========================================================
   PROFILE BODY
   ========================================================= */

.dashboard-profile__body {
	position: relative;

	display: flex;
	align-items: center;

	gap: 24px;

	width: 100%;
	min-width: 0;
	min-height: 145px;

	margin: 0;
	padding: 25px 30px 28px;
}


/* =========================================================
   PROFILE AVATAR
   ========================================================= */

.dashboard-profile__avatar {
	position: relative;

	flex: 0 0 120px;

	width: 120px;
	height: 120px;

	margin-top: -80px;

	overflow: hidden;

	background: #fff;

	border: 5px solid #fff;
	border-radius: 50%;

	box-shadow:
		0 8px 25px rgba(15, 23, 42, .16);
}

.dashboard-profile__avatar img {
	display: block;

	width: 100%;
	height: 100%;

	margin: 0;
	padding: 0;

	object-fit: cover;
}


/* =========================================================
   PROFILE INFO
   ========================================================= */

.dashboard-profile__info {
	flex: 1 1 auto;

	min-width: 0;
	max-width: 100%;
}


/* =========================================================
   PROFILE TITLE
   ========================================================= */

.dashboard-profile__title {
	display: flex;
	align-items: center;

	flex-wrap: wrap;

	gap: 12px;
}

.dashboard-profile__title h1 {
	margin: 0;

	color: var(--dark);

	font-size: 26px;
	font-weight: 700;

	line-height: 1.25;
	letter-spacing: -.02em;
}


/* =========================================================
   ONLINE STATUS
   ========================================================= */

.dashboard-profile__status {
	display: inline-flex;
	align-items: center;

	gap: 7px;

	padding: 5px 10px;

	border-radius: 999px;

	background: #ecfdf5;
	color: #047857;

	font-size: 12px;
	font-weight: 600;
}

.status-dot {
	display: inline-block;

	width: 7px;
	height: 7px;

	flex: 0 0 7px;

	border-radius: 50%;

	background: #9ca3af;
}

.status-dot--online {
	background: var(--success);

	box-shadow:
		0 0 0 3px rgba(16, 185, 129, .12);
}


/* =========================================================
   PROFILE META
   ========================================================= */

.dashboard-profile__meta {
	display: flex;
	align-items: center;

	flex-wrap: wrap;

	gap: 8px;

	margin-top: 8px;

	color: var(--muted);

	font-size: 13px;
}

.dashboard-profile__separator {
	color: #d1d5db;
}


/* =========================================================
   PROFILE ACTIONS
   ========================================================= */

.dashboard-profile__actions {
	display: flex;
	align-items: center;

	justify-content: flex-end;

	gap: 8px;

	flex: 0 0 auto;

	flex-wrap: wrap;

	max-width: 100%;
}

.dashboard-action {
	display: inline-flex;
	align-items: center;

	min-width: 0;
}

.dashboard-action--text {
	min-height: 40px;

	padding: 0 13px;

	border: 1px solid var(--border);
	border-radius: 9px;

	background: #fff;

	color: var(--muted);

	font-size: 12px;
	font-weight: 600;

	white-space: nowrap;
}


/* =========================================================
   PRIVATE MESSAGE
   ========================================================= */

.dashboard-profile__actions .pm {
	display: inline-flex;
	align-items: center;
}

.dashboard-profile__actions .pm a {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 40px;

	padding: 0 15px;

	border: 1px solid var(--primary);
	border-radius: 9px;

	background: var(--primary);
	color: #fff;

	font-size: 13px;
	font-weight: 600;

	transition: .2s ease;
}

.dashboard-profile__actions .pm a:hover {
	background: var(--primary-hover);
	border-color: var(--primary-hover);
}


/* =========================================================
   ALERT
   ========================================================= */

.dashboard-alert {
	margin-top: 14px;

	padding: 12px 14px;

	border-radius: 9px;

	font-size: 13px;
}

.dashboard-alert--danger {
	border: 1px solid #fecaca;

	background: #fef2f2;

	color: #991b1b;
}

.dashboard-alert--danger strong {
	display: block;

	margin-bottom: 3px;
}


/* =========================================================
   LAYOUT
   ========================================================= */

.dashboard-layout {
	display: grid;

	grid-template-columns:
		250px
		minmax(0, 1fr);

	gap: 24px;

	align-items: start;

	width: 100%;
	min-width: 0;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.dashboard-sidebar {
	position: sticky;

	top: 20px;

	width: 100%;
	min-width: 0;
}

.dashboard-sidebar__inner {
	width: 100%;

	padding: 18px 12px;

	background: var(--dark);

	border-radius: var(--radius);

	box-shadow:
		0 10px 30px rgba(15, 23, 42, .12);
}


/* =========================================================
   SIDEBAR TITLE
   ========================================================= */

.dashboard-sidebar__title {
	padding: 10px 12px;

	color: #9ca3af;

	font-size: 10px;
	font-weight: 700;

	text-transform: uppercase;
	letter-spacing: .08em;
}


/* =========================================================
   MENU
   ========================================================= */

.dashboard-menu {
	display: flex;

	flex-direction: column;

	gap: 3px;

	margin: 0;
	padding: 0;
}

.dashboard-menu__item {
	display: flex;
	align-items: center;

	gap: 12px;

	min-height: 44px;

	padding: 0 12px;

	border-radius: 9px;

	color: #cbd5e1;

	font-size: 13px;
	font-weight: 500;

	cursor: pointer;

	transition: .2s ease;
}

.dashboard-menu__item:hover {
	background: rgba(255,255,255,.07);
	color: #fff;
}

.dashboard-menu__item--active {
	background: var(--primary);
	color: #fff;

	box-shadow:
		0 5px 15px rgba(79,70,229,.28);
}

.dashboard-menu__item--danger {
	color: #fca5a5;
}

.dashboard-menu__item--danger:hover {
	background: rgba(239,68,68,.12);
	color: #fecaca;
}


/* =========================================================
   MENU ICON
   ========================================================= */

.dashboard-menu__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 20px;

	width: 20px;
	height: 20px;
}

.dashboard-menu__icon svg {
	display: block;

	width: 18px;
	height: 18px;

	fill: currentColor;
}


/* =========================================================
   SIDEBAR DIVIDER
   ========================================================= */

.dashboard-sidebar__divider {
	height: 1px;

	margin: 15px 10px;

	background: rgba(255,255,255,.08);
}


/* =========================================================
   CONTENT
   ========================================================= */

.dashboard-content {
	width: 100%;
	min-width: 0;
}


/* =========================================================
   STATISTICS
   ========================================================= */

.dashboard-stats {
	display: grid;

	grid-template-columns:
		repeat(4, minmax(0, 1fr));

	gap: 16px;

	width: 100%;

	margin: 0 0 20px;
}

.dashboard-stat-card {
	display: flex;
	align-items: center;

	gap: 14px;

	min-width: 0;

	padding: 20px;

	background: var(--white);

	border: 1px solid var(--border);
	border-radius: var(--radius);

	box-shadow: var(--shadow);
}

.dashboard-stat-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 46px;

	width: 46px;
	height: 46px;

	border-radius: 11px;

	background: #eef2ff;
	color: var(--primary);
}

.dashboard-stat-card__icon svg {
	display: block;

	width: 22px;
	height: 22px;

	fill: currentColor;
}

.dashboard-stat-card__content {
	min-width: 0;
}

.dashboard-stat-card__label {
	display: block;

	margin-bottom: 3px;

	overflow: hidden;

	color: var(--muted);

	font-size: 12px;

	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-stat-card__value {
	display: block;

	overflow: hidden;

	color: var(--dark);

	font-size: 22px;
	font-weight: 700;

	line-height: 1.2;

	text-overflow: ellipsis;
	white-space: nowrap;
}


/* =========================================================
   CARDS
   ========================================================= */

.dashboard-card {
	position: relative;

	display: block;

	width: 100%;
	min-width: 0;

	margin: 0 0 20px;
	padding: 0;

	background: var(--white);

	border: 1px solid var(--border);
	border-radius: var(--radius);

	box-shadow: var(--shadow);

	overflow: hidden;
}


/* =========================================================
   CARD HEADER
   ========================================================= */

.dashboard-card__header {
	display: flex;
	align-items: flex-start;

	justify-content: space-between;

	gap: 20px;

	padding: 22px 24px;

	border-bottom: 1px solid var(--border);
}

.dashboard-card__header h2 {
	margin: 0;

	color: var(--dark);

	font-size: 17px;
	font-weight: 700;
}

.dashboard-card__header p {
	margin: 5px 0 0;

	color: var(--muted);

	font-size: 12px;
}


/* =========================================================
   CARD TEXT
   ========================================================= */

.dashboard-text {
	padding: 24px;

	color: #4b5563;

	font-size: 14px;

	line-height: 1.75;
}


/* =========================================================
   PROFILE INFO
   ========================================================= */

.dashboard-info-grid {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	width: 100%;
}

.dashboard-info-item {
	min-width: 0;

	padding: 20px 24px;

	border-bottom: 1px solid var(--border);
}

.dashboard-info-item:nth-child(odd) {
	border-right: 1px solid var(--border);
}

.dashboard-info-item__label {
	display: block;

	margin-bottom: 6px;

	color: var(--muted);

	font-size: 12px;
}

.dashboard-info-item__value {
	display: block;

	color: var(--dark);

	font-size: 14px;
	font-weight: 600;

	word-break: break-word;
}


/* =========================================================
   ACTIVITY
   ========================================================= */

.dashboard-activity {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	width: 100%;
}

.dashboard-activity__item {
	display: flex;
	align-items: center;

	gap: 14px;

	min-width: 0;

	padding: 20px 24px;

	border-bottom: 1px solid var(--border);
}

.dashboard-activity__item:nth-child(odd) {
	border-right: 1px solid var(--border);
}

.dashboard-activity__icon {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 40px;

	width: 40px;
	height: 40px;

	border-radius: 9px;

	background: #f3f4f6;
	color: var(--primary);
}

.dashboard-activity__icon svg {
	display: block;

	width: 19px;
	height: 19px;

	fill: currentColor;
}

.dashboard-activity__item > div:nth-child(2) {
	flex: 1;

	min-width: 0;
}

.dashboard-activity__item span {
	display: block;

	margin-bottom: 3px;

	color: var(--muted);

	font-size: 12px;
}

.dashboard-activity__item strong {
	display: block;

	color: var(--dark);

	font-size: 17px;
}

.dashboard-activity__link {
	flex: 0 0 auto;

	color: var(--primary);

	font-size: 12px;
	font-weight: 600;
}


/* =========================================================
   SETTINGS
   ========================================================= */

.dashboard-settings {
	scroll-margin-top: 20px;
}

.dashboard-form {
	padding: 0 24px 24px;
}

.dashboard-form-section {
	padding: 25px 0;

	border-bottom: 1px solid var(--border);
}

.dashboard-form-section:last-of-type {
	border-bottom: 0;
}


/* =========================================================
   FORM SECTION HEADER
   ========================================================= */

.dashboard-form-section__header {
	margin-bottom: 18px;
}

.dashboard-form-section__header h3 {
	margin: 0;

	color: var(--dark);

	font-size: 15px;
	font-weight: 700;
}

.dashboard-form-section__header p {
	margin: 4px 0 0;

	color: var(--muted);

	font-size: 12px;
}


/* =========================================================
   FORM GRID
   ========================================================= */

.dashboard-form-grid {
	display: grid;

	gap: 16px;

	width: 100%;
}

.dashboard-form-grid--two {
	grid-template-columns:
		repeat(2, minmax(0, 1fr));
}

.dashboard-form-grid--three {
	grid-template-columns:
		repeat(3, minmax(0, 1fr));
}


/* =========================================================
   FORM
   ========================================================= */

.dashboard-form-group {
	min-width: 0;

	margin-bottom: 16px;
}

.dashboard-form-group:last-child {
	margin-bottom: 0;
}

.dashboard-form-group > label {
	display: block;

	margin-bottom: 7px;

	color: #374151;

	font-size: 12px;
	font-weight: 600;
}

.dashboard-required {
	color: var(--danger);
}


/* =========================================================
   INPUT
   ========================================================= */

.dashboard-input {
	display: block;

	width: 100%;
	min-height: 43px;

	margin: 0;

	padding: 10px 12px;

	border: 1px solid #d1d5db;
	border-radius: 8px;

	outline: none;

	background: #fff;
	color: var(--dark);

	font-size: 13px;

	transition: .2s ease;
}

.dashboard-input:hover {
	border-color: #9ca3af;
}

.dashboard-input:focus {
	border-color: var(--primary);

	box-shadow:
		0 0 0 3px rgba(79,70,229,.10);
}

.dashboard-textarea {
	min-height: 110px;

	resize: vertical;
}

.dashboard-input--file {
	padding: 8px;
}

.dashboard-input--file::file-selector-button {
	margin-right: 10px;

	padding: 7px 11px;

	border: 0;
	border-radius: 6px;

	background: #eef2ff;
	color: var(--primary);

	font-size: 12px;
	font-weight: 600;

	cursor: pointer;
}


/* =========================================================
   SELECT
   ========================================================= */

.dashboard-select {
	width: 100%;
}

.dashboard-select select {
	display: block;

	width: 100%;
	min-height: 43px;

	margin: 0;

	padding: 10px 12px;

	border: 1px solid #d1d5db;
	border-radius: 8px;

	background: #fff;
	color: var(--dark);

	outline: none;
}

.dashboard-select select:focus {
	border-color: var(--primary);

	box-shadow:
		0 0 0 3px rgba(79,70,229,.10);
}


/* =========================================================
   CHECKBOX
   ========================================================= */

.dashboard-checkbox {
	color: var(--muted);

	font-size: 12px;
}

.dashboard-checkbox input[type="checkbox"] {
	margin-right: 7px;

	accent-color: var(--primary);
}

.dashboard-checkbox--standalone {
	margin-top: 5px;
}


/* =========================================================
   SOCIAL
   ========================================================= */

.dashboard-social {
	display: flex;

	flex-wrap: wrap;

	gap: 8px;

	margin-bottom: 18px;
}

.dashboard-social__item {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 45px;
	height: 40px;

	padding: 0 12px;

	border: 1px solid var(--border);
	border-radius: 8px;

	background: #fff;
	color: #374151;

	font-size: 12px;
	font-weight: 700;

	transition: .2s ease;
}

.dashboard-social__item:hover {
	border-color: #c7d2fe;

	background: #eef2ff;

	color: var(--primary);

	transform: translateY(-1px);
}


/* =========================================================
   BUTTONS
   ========================================================= */

.dashboard-form-actions {
	display: flex;
	align-items: center;

	flex-wrap: wrap;

	gap: 10px;

	padding-top: 24px;
}

.dashboard-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 42px;

	padding: 0 17px;

	border: 1px solid transparent;
	border-radius: 8px;

	font-size: 13px;
	font-weight: 600;

	cursor: pointer;

	transition: .2s ease;
}

.dashboard-button:hover {
	transform: translateY(-1px);
}

.dashboard-button--primary {
	background: var(--primary);
	color: #fff;

	box-shadow:
		0 4px 12px rgba(79,70,229,.22);
}

.dashboard-button--primary:hover {
	background: var(--primary-hover);
}

.dashboard-button--danger {
	border-color: #fecaca;

	background: #fef2f2;

	color: #dc2626;
}

.dashboard-button--danger:hover {
	background: #fee2e2;
}


/* =========================================================
   XFIELDS
   ========================================================= */

.dle-dashboard .user_fields {
	width: 100%;
}

.dle-dashboard .user_fields table {
	width: 100%;

	border-collapse: collapse;
}

.dle-dashboard .user_fields td {
	padding: 7px;

	vertical-align: middle;
}

.dle-dashboard .user_fields input,
.dle-dashboard .user_fields select,
.dle-dashboard .user_fields textarea {
	max-width: 100%;
}


/* =========================================================
   PREVENT OVERFLOW
   ========================================================= */

.dashboard-layout,
.dashboard-content,
.dashboard-card,
.dashboard-profile,
.dashboard-form,
.dashboard-info-grid,
.dashboard-activity {
	min-width: 0;
}

.dashboard-profile__body,
.dashboard-stat-card,
.dashboard-activity__item {
	min-width: 0;
}


/* =========================================================
   BOOTSTRAP ROW FIX
   ========================================================= */

.dle-dashboard .row {
	margin-left: 0;
	margin-right: 0;
}

.dle-dashboard [class*="col-"] {
	min-width: 0;
}


/* =========================================================
   RESPONSIVE 1100
   ========================================================= */

@media (max-width: 1100px) {

	.dle-dashboard {
		padding: 20px 0;
	}

	.dashboard-layout {
		grid-template-columns:
			220px
			minmax(0, 1fr);

		gap: 18px;
	}

	.dashboard-stats {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}

	.dashboard-profile__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.dashboard-profile__actions > * {
		width: 100%;
	}

	.dashboard-profile__actions .pm,
	.dashboard-profile__actions .pm a {
		width: 100%;
	}
	
	.dashboard-form-grid--three {
		grid-template-columns: 1fr;
	}
}


/* =========================================================
   RESPONSIVE 800
   ========================================================= */

@media (max-width: 800px) {

	.dle-dashboard {
		padding: 15px 0;
	}

	.dashboard-layout {
		grid-template-columns: 1fr;
	}

	.dashboard-sidebar {
		position: static;
	}

	.dashboard-sidebar__inner {
		padding: 12px;
	}

	.dashboard-menu {
		display: grid;

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 4px;
	}

	.dashboard-profile__cover {
		height: 110px;
	}

	.dashboard-profile__body {
		flex-wrap: wrap;

		padding:
			0
			18px
			20px;
	}

	.dashboard-profile__avatar {
		flex-basis: 90px;

		width: 90px;
		height: 90px;

		margin-top: -45px;
	}

	.dashboard-profile__info {
		flex-basis:
			calc(100% - 110px);

		padding-top: 18px;
	}

	.dashboard-profile__title h1 {
		font-size: 21px;
	}

	.dashboard-profile__actions {
		width: 100%;

		padding-bottom: 5px;
	}

	.dashboard-stats {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}

	.dashboard-info-grid,
	.dashboard-activity {
		grid-template-columns: 1fr;
	}

	.dashboard-info-item:nth-child(odd),
	.dashboard-activity__item:nth-child(odd) {
		border-right: 0;
	}

	.dashboard-form-grid--two {
		grid-template-columns: 1fr;
	}
}


/* =========================================================
   RESPONSIVE 520
   ========================================================= */

@media (max-width: 520px) {

	.dle-dashboard {
		padding: 10px 0;
	}

	.dashboard-profile {
		border-radius: 10px;
	}

	.dashboard-profile__cover {
		height: 95px;
	}

	.dashboard-profile__body {
		padding-left: 14px;
		padding-right: 14px;
	}

	.dashboard-profile__avatar {
		flex-basis: 76px;

		width: 76px;
		height: 76px;

		margin-top: -38px;

		border-width: 3px;
	}

	.dashboard-profile__info {
		flex-basis:
			calc(100% - 92px);
	}

	.dashboard-profile__title {
		display: block;
	}

	.dashboard-profile__title h1 {
		font-size: 19px;
	}

	.dashboard-profile__status {
		margin-top: 6px;
	}

	.dashboard-profile__meta {
		font-size: 12px;
	}

	.dashboard-profile__actions {
		padding-bottom: 3px;
	}

	.dashboard-menu {
		grid-template-columns: 1fr;
	}

	.dashboard-stats {
		grid-template-columns: 1fr;
	}

	.dashboard-stat-card {
		padding: 14px;
	}

	.dashboard-card__header {
		padding: 18px;
	}

	.dashboard-text {
		padding: 18px;
	}

	.dashboard-form {
		padding:
			0
			18px
			18px;
	}

	.dashboard-form-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.dashboard-form-actions .dashboard-button {
		width: 100%;
	}
}


/* =========================================================
   VERY SMALL DEVICES
   ========================================================= */

@media (max-width: 380px) {

	.dashboard-profile__body {
		display: block;

		padding:
			0
			14px
			18px;
	}

	.dashboard-profile__avatar {
		margin-top: -38px;
		margin-bottom: 12px;
	}

	.dashboard-profile__info {
		padding-top: 0;
	}

	.dashboard-profile__actions {
		margin-top: 16px;
	}

	.dashboard-profile__actions > *,
	.dashboard-profile__actions .pm,
	.dashboard-profile__actions .pm a {
		width: 100%;
	}

	.dashboard-stat-card {
		gap: 10px;
	}

	.dashboard-stat-card__icon {
		flex-basis: 40px;

		width: 40px;
		height: 40px;
	}

	.dashboard-stat-card__value {
		font-size: 19px;
	}
}


/* =========================================================
   PRINT
   ========================================================= */

@media print {

	.dle-dashboard {
		padding: 0;
	}

	.dashboard-sidebar,
	.dashboard-profile__actions,
	.dashboard-form-actions {
		display: none !important;
	}

	.dashboard-layout {
		display: block;
	}

	.dashboard-card,
	.dashboard-profile,
	.dashboard-stat-card {
		box-shadow: none;
	}
}