@import "/css/hay.css";

:root {
	/* Primary and secondary colours */
	--primary: var(--rich-purple-2);
	--primary-bright: var(--bright-purple-2);
	--primary-light: var(--light-purple-2);
	--secondary: var(--bright-purple-1);
	/* Foreground text colour for high contrast with background */
	--primary-text: #FFF;
	--secondary-text: #000;
}

.table thead th {
	border-bottom: 2px solid Var(--primary);
}

.table-primary, .table-primary > td, .table-primary > th {
	background-color: var(--primary);
	color: #FFF;
}

.table-active, .table-active > td, .table-active > th {
	background-color: var(--primary-light);
}

.table-bordered {
	border: 1px solid var(--primary);
}

#friends-existing td {
	vertical-align: top;
}

.btn-renew {
	width: 100%;
	margin-bottom: 1rem !important;
}

@media (min-width: 992px) {
	.btn-renew {
		width: calc(50% - 1rem);
		margin-right: 1rem;
	}
	.btn-renew:nth-child(even) {
		margin-right: 0;
	}
}