:root {
	--primary-text-color: #ffffff;
	--secondary-background-color: #669084;
}

/* Fix PrimeVue overlay z-index conflicts with Vuetify modals */
/* Vuetify dialogs typically use z-index 2400+, so PrimeVue overlays need to be higher */
.p-component-overlay {
	z-index: 2500 !important;
}

.p-select-overlay,
.p-autocomplete-overlay,
.p-dropdown-overlay {
	z-index: 2500 !important;
}

.page-turn-button {
	border-radius: 5px;
	border: none;
}

.page-num-button {
	border: none;
	background-color: Transparent;
}

.interaction-button {
	border: none;
	border-radius: 5px;
	/*background-color: mediumseagreen;*/
	color: white;
	background-color: rgb(69, 112, 101);
}

.interaction-button:hover {
	background-color: rgb(82, 132, 119);
}

#client-content {
	display: flex;
	flex-direction: column;
	width: 95%;
	justify-content: center;
}

#filter-container {
	display: flex;
	flex-direction: row;
	gap: 5px 5px;
}

#paging-controls {
	display: flex;
	justify-content: flex-end;
	gap: 5px;
}