table.matrix {
	table-layout: fixed;
	width: 100%;
}

table.matrix input {
	width: 100%;
}

table.matrix td.violated.triangular {
	font-weight: bold;
	border: 2px solid orange;
	cursor: pointer;
}

table.matrix td.violated.symmetry {
	font-weight: bold;
	color: red;
}

table.matrix thead th.head {
	width: 38px;
}

table.matrix tbody th.head {
	cursor: pointer;
}

table.matrix thead th.legend {
	min-width: 100%;
}

table.matrix thead th.head {
	webkit-transform: translateX(+50%) rotate(-45deg);
    -moz-transform: translateX(+50%) rotate(-45deg);
    -ms-transform: translateX(+50%) rotate(-45deg);
    webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform: translateX(+50%) rotate(-45deg);
    transform-origin: bottom left;
    white-space: nowrap;
    text-align: left;
   	padding: 3px;
   	vertical-align: middle;
   	cursor: pointer;
}

table.matrix tfoot th.head {
	webkit-transform: translateX(+60%) rotate(+45deg);
    -moz-transform: translateX(+60%) rotate(+45deg);
    -ms-transform: translateX(+60%) rotate(+45deg);
    webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    transform: translateX(+60%) rotate(+45deg);
    transform-origin: top left;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
    transform-origin: top left;
    cursor: pointer;
}

table.matrix.edit tbody td {
	padding: 0px;
}

table.matrix.edit tbody td input, table.matrix.edit tbody td input:focus {
	border: none;
	outline: none;
	text-align: center;
	padding: 2px;
	margin: 0;
	height: 37px;
}

table.matrix.edit tbody td input:focus {
	outline: 3px double black;
}

table.matrix tbody td {
	padding: 4px;
	text-align: center;
	border: 1px solid #ddd;
}

table.matrix tbody tr {
	height: 37px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

table.matrix tbody th:first-child {
	text-align: right;
	padding: 4px;
	white-space: nowrap;
}

table.matrix tbody th:last-child {
	text-align: left;
	padding: 4px;
	white-space: nowrap;
}


slider.tolerance {
	display: block;
	margin: 35px 0px 15px 0px;
	width: auto;
}

slider.tolerance .sl-pointer {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	top: -8px;
	background-color: #FFA500;
}

slider.tolerance .sl-pointer:after {
	display: none;
}

slider.tolerance .sl-bar {
	background-color: #888;
}