.rotationGroupContainer {
    overflow: scroll;
    width: 100%;
    max-height: 750px;
}

.rotationGrTable {
    border: 2px solid black;
    border-collapse: separate;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
}

table.rotationGrTable tr.rotationGrTable, th.rotationGrTable, td.rotationGrTable {
    border: 1px solid black;
    font-family: arial;
    min-width: 50px;
}

.rotationGrParagraph{
    line-height: 0;
    margin-top: 11px;
    min-height: 1px;
}

th.rotationGrVerticalText {
    text-align: center;
    vertical-align: bottom;
    display: table-cell;
}

.rotationGrVerticalText span.rotationGrVerticalText {
    writing-mode: vertical-lr;
    transform: scale(-1);
}

th.rotationGrHeadBG {
    background-color: #ddd9c4;
}

td.rotationGrTextCentered {
    text-align: center;
}

.rotationGrBlockHeader {
    height: 70px;
    font-weight: bold;
    vertical-align:top;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

.rotationGrFixSize {
    width: 30px;
    height: 25px;
}

.rotationGrBorderTop {
    border-top: 2px solid black;
}

.rotationGrBorderLeft {
    border-left: 2px solid black;
}

.rotationGrBorderRight {
    border-right: 2px solid black;
}

.rotationGrBorderBottom {
    border-bottom: 2px solid black;
}

.rotationGrSummaryRow {
    height: 50px;
}

.rotationGrSummaryCol {
    position: sticky;
    height: 1px;
    z-index: 1;
    left: 1px;
    white-space: nowrap;
}

.rotationGrStickyHeader {
    position: sticky;
    top: 0px;
    z-index: 2;
    background-color: #ffffff;
}

.rotationGrStickyCol {
    position: sticky;
    height: 1px;
    z-index: 1;
    left: 1px;
    background-color: #ffffff;
    white-space: nowrap;
}

.sumUpOverDuties {
    color: #cc0000;
    background-color: #ffad99;
}

.rotationGR_flex_end {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: end;
}