@layer App {
	.p-card-body {
		padding: 0.0rem 1.0rem 1.0rem;
		gap: 0.0rem;
	}

	.p-timeline-event .p-card-body {
		padding: 0.5rem 1.0rem 1.0rem;
	}


	.ticketing-cardheader {
		color: var(--NavigationFontColor);
		padding: 0.5rem;
		margin-bottom: 0.2rem;
		background-color: var(--NavigationBackgroundColor);
		border-radius: 0.3rem 0.3rem 0 0rem;

	}

	.ticketing-cardheadertitle {
		padding-left: 0.5rem;
		color: var(--NavigationFontColor);
	}

	.ticketing-quickmenulink {
		padding: 0.2rem 0 0.2rem 0;
	}

	.ticketing-quickmenulink:hover, .ticketing-quickmenulink:focus {
		text-decoration: underline;
	}

	.privilege-table th {
		background-color: var(--BackgroundColor) !important;
	}

	.privilege-table th, .privilege-table td {
		border: 1px solid #e9ecef !important;
		border-width: 0 0 1px 0 !important;
		color: var(--FontColor) !important;
	}

	.privilege-table .p-datatable-header {
		color: var(--FontColor) !important;
	}

	.grid {
		display: grid;
		align-items: center;
	}

	.grid.row {
		display: grid;
		grid-template-columns: 1fr 8fr;
		justify-items: stretch;
		align-items: center;
		align-content: center;
	}

	.grid .p-inputwrapper > input {
		margin: unset;
	}

	.sd-grid-split {
		display: grid;
		gap: 0 4px;
		grid-template-columns: auto 1fr;
	}

	@media only screen and (max-width: 992px) {
		.sd-grid-split {
			grid-template-columns: 1fr;
		}
	}

	.FeedbackRating {
		font-size: 2em;
		background: linear-gradient(135deg, var(--InfoColor), var(--DarkerInfoColor));
		padding: 0.3rem 0.7rem;
		margin: 0.2rem;
		border-radius: var(--BorderRadius);
	}

	button.success.button {
		text-shadow: 0px 0px 5px var(--DarkerSuccessColor);
	}

	hr.solid {
		width: 100%;
		background: var(--PrimaryColor);
	}

	.sp-card-layout {
		margin: 0 !important;
	}

	.p-autocomplete-input.p-inputtext.p-component.p-autocomplete-dd-input {
		padding-right: 5px !important;
	}
}