
/*  /account/:id/user/:id -> permissionsTable  */
table.permissionsTable tr.masterFlag { background-color: var(--error-bg-color) !important; }
table.permissionsTable td::before { height: 16px; vertical-align: middle; }
table.permissionsTable td > b { line-height: 25px; display: inline-block !important; white-space: nowrap;}
table.permissionsTable td > span { display: inline-block; width: 12px; line-height: 22px; text-align: center; }
table.permissionsTable td > fieldset { display: inline-flex; padding: 0; vertical-align: middle; }
table.permissionsTable td > fieldset label { width: 100% !important; padding: 3px 0 !important; text-align: center !important; }
table.permissionsTable td > fieldset label input { margin-left: 0 !important; }
table.permissionsTable td > fieldset label span { position: absolute; line-height: 18px; margin-left: 5px; font-weight: normal; }

table#accountsTable td:nth-last-child(2),
table#usersTable td:nth-child(n+6) { font-family: var(--fa-style-family-classic); font-size: 0.65em; }

table#accountsTable td:nth-last-child(2):before,
table#usersTable td:nth-child(n+6):before { font-family: var(--font-family); font-size: 150%; }

table#servicesTable tr:nth-child(1) .moveUp,
table#servicesTable tr:nth-last-child(1) .moveDown { pointer-events: none; cursor: default; filter: saturate(0); opacity: 0.35; }

/*  /user/:id/sessions -> sessionsTable  */
table#sessionsTable td small { display: inline-block; margin-left: 1em; }

/*  (from) vertical tablet  */
@media screen and (min-width: 768px)
{
	/*  /home -> accountsTable  */
	table#accountsTable th:nth-child(1),
	table#accountsTable th:nth-child(2),
	table#accountsTable th:nth-child(7),
	table#accountsTable th:nth-child(8),
	table#accountsTable th:nth-child(9) { width: 1px; white-space: nowrap; }
	table#accountsTable td:nth-child(1),
	table#accountsTable td:nth-child(2),
	table#accountsTable td:nth-child(6),
	table#accountsTable td:nth-child(7),
	table#accountsTable td:nth-child(8),
	table#accountsTable td:nth-child(9) { text-align: center; }

	/*  /account/:id/users -> usersTable  */
	table#usersTable th:nth-child(1),
	table#usersTable th:nth-child(2),
	table#usersTable th:nth-last-child(10),
	table#usersTable th:nth-last-child(9),
	table#usersTable th:nth-last-child(8),
	table#usersTable th:nth-last-child(7),
	table#usersTable th:nth-last-child(6),
	table#usersTable th:nth-last-child(5),
	table#usersTable th:nth-last-child(4),
	table#usersTable th:nth-last-child(3),
	table#usersTable th:nth-last-child(2),
	table#usersTable th:nth-last-child(1) { width: 1px; white-space: nowrap; }
	table#usersTable td:nth-child(1),
	table#usersTable td:nth-child(2),
	table#usersTable td:nth-last-child(10),
	table#usersTable td:nth-last-child(9),
	table#usersTable td:nth-last-child(8),
	table#usersTable td:nth-last-child(7),
	table#usersTable td:nth-last-child(6),
	table#usersTable td:nth-last-child(5),
	table#usersTable td:nth-last-child(4),
	table#usersTable td:nth-last-child(3),
	table#usersTable td:nth-last-child(2),
	table#usersTable td:nth-last-child(1) { text-align: center; }

	table#usersTable th:nth-last-child(7),
	table#usersTable td:nth-last-child(7) { border-left: 1px solid var(--first-brand-color); }

	/*  /user/:id -> permissionsTable  */
	table.permissionsTable tr.masterFlag td { background-color: var(--error-bg-color) }
	table.permissionsTable th { width: 1%; }
	table.permissionsTable td { text-align: center; line-height: unset; }
	table.permissionsTable td > b { line-height: unset; }
	table.permissionsTable td > fieldset { display: block; }
	table.permissionsTable td > fieldset label { text-align: center; }
	table.permissionsTable td > fieldset input { cursor: pointer; }

	table#rolePermissionsTable th:nth-child(1),
	table#rolePermissionsTable th:nth-child(3),
	table#rolePermissionsTable th:nth-child(4) { width: 1px; white-space: nowrap; }
	table#rolePermissionsTable td:nth-child(1),
	table#rolePermissionsTable td:nth-child(3),
	table#rolePermissionsTable td:nth-child(4) { text-align: center; }
	table#rolePermissionsTable td label { display: block; }
	table#rolePermissionsTable td input { vertical-align: middle; cursor: pointer; }

	/*  /domains -> domainsTable  */
	table#domainsTable th:nth-child(1),
	table#domainsTable th:nth-child(3),
	table#domainsTable th:nth-child(6),
	table#domainsTable th:nth-child(10) { width: 1px; white-space: nowrap; }
	table#domainsTable td:nth-child(1),
	table#domainsTable td:nth-child(3),
	table#domainsTable td:nth-child(6),
	table#domainsTable td:nth-child(10) { text-align: center; }

	/*  /services -> servicesTable  */
	table#servicesTable th:nth-child(1),
	table#servicesTable th:nth-child(2),
	table#servicesTable th:nth-child(3),
	table#servicesTable th:nth-child(6),
	table#servicesTable th:nth-child(7),
	table#servicesTable th:nth-child(8),
	table#servicesTable th:nth-child(9),
	table#servicesTable th:nth-child(10) { width: 1px; white-space: nowrap; }
	table#servicesTable td:nth-child(1),
	table#servicesTable td:nth-child(2),
	table#servicesTable td:nth-child(3),
	table#servicesTable td:nth-child(6),
	table#servicesTable td:nth-child(7),
	table#servicesTable td:nth-child(8),
	table#servicesTable td:nth-child(9),
	table#servicesTable td:nth-child(10) { text-align: center; }

	table#servicesTable tr:nth-child(1) .moveUp,
	table#servicesTable tr:nth-last-child(1) .moveDown { visibility: hidden; }

	/*  /service/:id:/roles -> rolesTable  */
	table#rolesTable th:nth-child(1),
	table#rolesTable th:nth-child(2),
	table#rolesTable th:nth-child(3),
	table#rolesTable th:nth-child(5) { width: 1px; white-space: nowrap; }
	table#rolesTable td:nth-child(1),
	table#rolesTable td:nth-child(3),
	table#rolesTable td:nth-child(5) { text-align: center; }
	table#rolesTable td:nth-child(2) { white-space: nowrap; }

	/*  /service/:id:/roles -> routesTable  */
	table#routesTable th:nth-child(1),
	table#routesTable th:nth-child(2),
	table#routesTable th:nth-child(5),
	table#routesTable th:nth-child(6),
	table#routesTable th:nth-child(8),
	table#routesTable th:nth-child(9) { width: 1px; white-space: nowrap; }
	table#routesTable td:nth-child(1),
	table#routesTable td:nth-child(2),
	table#routesTable td:nth-child(5),
	table#routesTable td:nth-child(6),
	table#routesTable td:nth-child(8),
	table#routesTable td:nth-child(9) { text-align: center; }

	/*  /service/:id:/permissions -> permissionsTable  */
	table#permissionsTable th:nth-child(1),
	table#permissionsTable th:nth-child(2),
	table#permissionsTable th:nth-child(3),
	table#permissionsTable th:nth-child(6),
	table#permissionsTable th:nth-child(7) { width: 1px; white-space: nowrap; }
	table#permissionsTable td:nth-child(1),
	table#permissionsTable td:nth-child(2),
	table#permissionsTable td:nth-child(3),
	table#permissionsTable td:nth-child(6),
	table#permissionsTable td:nth-child(7) { text-align: center; }

	/*  /user/:id/sessions -> sessionsTable  */
	table#sessionsTable td { text-align: center; line-height: 1.5em; }
	table#sessionsTable td small { display: block; margin-left: 0; }
}

/*  (only) vertical tablet  */
@media screen and (min-width: 768px) and (max-width: 1023px)
{
	/*  /domains -> domainsTable  */
	table#domainsTable th:nth-child(5) { display: none; }
	table#domainsTable th:nth-child(7),
	table#domainsTable th:nth-child(8) { width: 1px; white-space: nowrap; }
	table#domainsTable td:nth-child(5) { display: none; }
	table#domainsTable td:nth-child(7),
	table#domainsTable td:nth-child(8) { text-align: center; }
	table#domainsTable td .hideMe { display: none; }
}