.tableHeader {
    height: 200px;
    /* fixed height . set fixed width to rotated elements */
}

.tableHeader td {
    vertical-align: text-bottom;
    max-width: 44px;
    /* allow about 2 lines in rotated cells */
}

.tableHeader .rotated2 {
    width: 190px;
    /* a liitle less than parents height */
    transform: rotate(270deg) translatex(-100%);
    transform-origin: top left;
    position: relative;
    /*right: 20px;*/
    /*border: 1px solid;*/
}

.nowidth2 {
    margin-right: 20px;
    /* reduce virtually width needed */
}

.fontSize {
    font-size: 14px;
}

.fifteen{
    width: 15%;
}

.twenty{
    width: 20%;
}

.ten{
   width: 10%;
}

.five{
    width: 5%;
}