body {
    background-color: #FFFFFF;
}

.login-button {
	max-width: 20rem;
	padding: 0;
}

.login-button > p {
	display: flex;
    align-items: center;
    gap: 0.3rem;
}

.mw-20 {
	max-width: 20%;
}

.inputGap > div > input {
	margin-right: 0.7rem;
}

.inputGap > div > label {
	margin-right: 1rem;
}

@media screen and (max-width: 992px) {
	.login-button {
		max-width: 10rem;
		padding-left: 0.4rem;
		padding-right: 0.4rem;
	}
}

@media screen and (max-width: 600px) {
	.login-button {
		max-width: 8rem;
		padding-left: 0.4rem;
		padding-right: 0.4rem;
	}
	
	.mw-20 {
		max-width: 50%;
	}
}

@media screen and (max-width: 360px) {
	.login-button {
		max-width: 6rem;
		padding: 0.2rem;
	}
}

/* Below the navbar's collapse breakpoint (navbar-expand-md) the profile
   button is stacked in the mobile menu instead of sitting inline next to
   other navbar items, so it should span the full width like the rest of
   the menu instead of staying shrunk to fit a horizontal navbar. */
@media screen and (max-width: 767.98px) {
	.login-button {
		max-width: 100%;
		width: 100%;
	}

	.menu-logout-item {
		margin-top: 0.75rem;
		padding-top: 0.75rem;
		border-top: 2px solid rgba(255, 255, 255, 0.2);
	}
}

.own-pagination>div>span>a {
	padding: 0 0.3rem 0 0.3rem;
	text-decoration: none;
}