#table .row7:hover {
    transform: translateY(calc((var(--tableitemswidth) / 6) - (var(--tableitemswidth) / 6) * 2));
}
#table .column1:hover {
    transform: translateX(calc((var(--tableitemswidth) / 6)));
}
#table .column18:hover {
    transform: translateX(calc((var(--tableitemswidth) / 6) - (2 * (var(--tableitemswidth) / 6))));
}
#table .element:nth-of-type(1):hover {
    transform: translateX(calc((var(--tableitemswidth) / 6))) translateY(calc(var(--tableitemswidth) / 6));
}
#table .element:nth-of-type(18):hover {
    transform: translateX(calc((var(--tableitemswidth) / 6) - (2 * (var(--tableitemswidth) / 6)))) translateY(calc(var(--tableitemswidth) / 6));
}
#table .element:nth-child(126):hover {
    transform: translateX(calc((var(--tableitemswidth) / 6) - (2 * (var(--tableitemswidth) / 6)))) translateY(calc((var(--tableitemswidth) / 6) - (var(--tableitemswidth) / 6) * 2));
}
#table .element:nth-child(109):hover {
    transform: translateX(calc(var(--tableitemswidth) / 6)) translateY(calc((var(--tableitemswidth) / 6) - (var(--tableitemswidth) / 6) * 2));
}
#table .clicktglrow7 {
    transform: translateY(calc((var(--tableitemswidth) / 6) - (var(--tableitemswidth) / 6) * 2));
}
#table .clicktglcolumn1 {
    transform: translateX(calc((var(--tableitemswidth) / 6)));
}
#table .clicktglcolumn18 {
    transform: translateX(calc((var(--tableitemswidth) / 6) - (2 * (var(--tableitemswidth) / 6))));
}
#table .clicktgled:nth-of-type(1) {
    transform: translateX(calc((var(--tableitemswidth) / 6))) translateY(calc(var(--tableitemswidth) / 6));
}
#table .clicktgled:nth-of-type(18) {
    transform: translateX(calc((var(--tableitemswidth) / 6) - (2 * (var(--tableitemswidth) / 6)))) translateY(calc(var(--tableitemswidth) / 6));
}
#table .clicktgled:nth-child(126) {
    transform: translateX(calc((var(--tableitemswidth) / 6) - (2 * (var(--tableitemswidth) / 6)))) translateY(calc((var(--tableitemswidth) / 6) - (var(--tableitemswidth) / 6) * 2));
}
#table .clicktgled:nth-child(109) {
    transform: translateX(calc(var(--tableitemswidth) / 6)) translateY(calc((var(--tableitemswidth) / 6) - (var(--tableitemswidth) / 6) * 2));
}


#ftable .Period6:hover {
    transform: translateY(calc((var(--tableitemswidth) / 6)));
}
#ftable .Period7:hover {
    transform: translateY(calc((var(--tableitemswidth) / 6) - (var(--tableitemswidth) / 6) * 2));
}

#ftable .fitem:nth-child(1):hover {
    transform: translateX(calc((var(--tableitemswidth) / 6))) translateY(calc(var(--tableitemswidth) / 6)) !important;
}
#ftable .fitem:nth-child(15):hover {
    transform: translateX(calc((var(--tableitemswidth) / 6) - (2 * (var(--tableitemswidth) / 6)))) translateY(calc(var(--tableitemswidth) / 6));
}
#ftable .fitem:nth-child(16):hover {
    transform: translateX(calc(var(--tableitemswidth) / 6)) translateY(calc((var(--tableitemswidth) / 6) - (var(--tableitemswidth) / 6) * 2));
}
#ftable .fitem:nth-child(30):hover {
    transform: translateX(calc((var(--tableitemswidth) / 6) - (2 * (var(--tableitemswidth) / 6)))) translateY(calc((var(--tableitemswidth) / 6) - (var(--tableitemswidth) / 6) * 2));
}

/* TODO: FIX TOGGLED ELEMENTS IN FBLOCK POSITION WHEN NOT HOVERED */