#evaluation-table th {
    text-align: left;
}


thead.rotate-diagonal th {
    border: none;
    padding: 0px;
    /* Something you can count on */
    height: 140px;
    white-space: nowrap;
}

thead.rotate-diagonal th > div {
    transform: /* Magic Numbers */ translate(44px, -6px) /* 45 is really 360 - 45 */ rotate(315deg);
    width: 40px;
}

thead.rotate-diagonal th > div > span {
    border-bottom: 1px solid #ccc;
    padding: 7px 10px;
}