.app-page {
	min-width: 320px;
	overflow-x: hidden;
}

.app-page #topo,
.app-page main {
	width: 100%;
}

@media (max-width: 576px) {
	.app-page #topo {
		padding-right: 12px;
		padding-left: 12px;
	}

	.app-page #topo .menu-userbar {
		align-items: stretch;
		flex-direction: column;
		gap: 8px;
	}

	.app-page #topo .menu-user-info {
		justify-content: flex-start;
		margin-left: 0;
		text-align: left;
	}

	.app-page #topo .menu-logout {
		align-self: flex-end;
	}

	.app-page .container-fluid,
	.app-page .container-xxl {
		padding-right: 12px;
		padding-left: 12px;
	}

	.app-page .card-body {
		padding: 16px 12px;
	}

	.app-page .table-responsive {
		margin-right: -12px;
		margin-left: -12px;
		padding-right: 12px;
		padding-left: 12px;
	}
}