.mat-table {
	margin-top: 47px;
	border-radius: 4px;
}

.description-template-listing {
	// margin-top: 1.3rem;
	// margin-left: 1rem;
	// margin-right: 2rem;

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

	.mat-card {
		margin: 16px 0;
		padding: 0px;
	}

	.mat-row {
		cursor: pointer;
		min-height: 4.5em;
	}

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

	.mat-fab-bottom-right {
		float: right;
		z-index: 5;
	}
}

// PAGINATOR
:host ::ng-deep .mat-paginator-container {
	flex-direction: row-reverse !important;
	justify-content: space-between !important;
	background-color: #f6f6f6;
	align-items: center;
}

.create-btn {
	border-radius: 30px;
	background-color: var(--secondary-color);
	padding-left: 2em;
	padding-right: 2em;
	// color: #000;

	.button-text {
		display: inline-block;
	}
}

.import-btn {
	background: #ffffff 0% 0% no-repeat padding-box;
	border-radius: 30px;
	// color: var(--primary-color);
	// border: 1px solid var(--primary-color);
	padding-left: 2em;
	padding-right: 2em;
	color: #000;
	border: 1px solid #000;
}

.status-chip {

	border-radius: 20px;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.2em;
	font-size: .8em;
}

.status-chip-finalized {
	color: #568b5a;
	background: #9dd1a1 0% 0% no-repeat padding-box;
}

.status-chip-draft {
	color: #00c4ff;
	background: #d3f5ff 0% 0% no-repeat padding-box;
}