.mat-table {
	margin-top: 47px;
	margin-bottom: 20px;
	background: #fafafa 0% 0% no-repeat padding-box;
	// box-shadow: 0px 5px 12px #00000038;
	border-radius: 4px;

	.mat-header-row {
		background: #f3f5f8;
	}

	mat-header-cell:first-of-type {
		padding-left: 46px;
		max-width: 120px;
	}

	mat-cell:first-of-type {
		padding-left: 46px;
		max-width: 120px;
	}

	.my-mat-card-avatar {
		height: 40px;
		width: 40px;
		border-radius: 50%;
		flex-shrink: 0;
		margin-right: 2.5rem;
	}
}

.user-listing {
	margin-top: 2rem;
	margin-left: 1rem;
	margin-right: 2rem;

	.mat-card {
		margin: 1em 0;
	}

	mat-row:hover {
		background-color: #eef5f6;
	}

	mat-row:nth-child(odd) {
		// background-color: #0c748914;
		// background-color: #eef0fb;
	}

	.export-btn {
		background: #ffffff 0% 0% no-repeat padding-box;
		border-radius: 30px;
		width: 145px;
		color: #129d99;
		border: 1px solid #129d99;
	}

	.export-icon {
		font-size: 20px;
	}
}

:host ::ng-deep .mat-paginator-container {
	// flex-direction: row-reverse !important;
	// justify-content: space-between !important;
	// height: 30px;
	// min-height: 30px !important;
	background-color: #f6f6f6;
}

// ::ng-deep .mat-paginator-page-size {
// 	height: 43px;
// }

// ::ng-deep .mat-paginator-range-label {
// 	margin: 15px 32px 0 24px !important;
// }

// ::ng-deep .mat-paginator-range-actions {
// 	width: 55% !important;
// 	min-height: 43px !important;
// 	justify-content: space-between;
// }

// ::ng-deep .mat-paginator-navigation-previous {
// 	margin-left: auto !important;
// }

// ::ng-deep .mat-icon-button {
// 	height: 30px !important;
// 	font-size: 12px !important;
// }