.user-permission-container table.user-permission-table {
	width: auto;
}
.user-permission-container table.user-permission-table thead tr th {
    position: relative;
    width: 30px;
    height: 150px;
	vertical-align: bottom;
}
.user-permission-container table.user-permission-table thead tr th:last-child {
	width: 120px;
}
.user-permission-container table.user-permission-table thead tr th.permission-name {
	width: 160px;
}
.user-permission-container table.user-permission-table thead tr th.username.active {
	text-shadow: 1px 1px #f00, 1px -1px #f00, -1px 1px #f00, -1px -1px #f00;
}
.user-permission-container table.user-permission-table thead tr th > div {
	position: absolute;
    bottom: 70px;
    left: -16px;
    width: 200px;
    transform: rotate(-45deg);
    text-align: left;
}
.user-permission-container table.user-permission-table thead tr th,
.user-permission-container table.user-permission-table tbody tr td {
	padding: 4px;
	text-align: left;
}
.user-permission-container table.user-permission-table tbody tr td.permission-name.active {
	text-shadow: 1px 1px #f00, 1px -1px #f00, -1px 1px #f00, -1px -1px #f00;
	color: #fff;
}
.user-permission-container table.user-permission-table tbody tr td input[type="checkbox"] {
	margin: 0 0 0 5px;
}
.user-permission-container .not-permitted {
	padding: 200px 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
}