.rekentabel {
border: 1px solid #e3e3e3; /* 1C3F62 */
border-collapse: collapse;
empty-cells: show;}
.rekentabel th {padding: 4px; vertical-align: middle; color: #1C3F62; font-size: 1em; background-color: #cceaff;}
.rekentabel td {padding: 1px 4px 1px 4px ;border: 1px solid #dcdcdc; font-size: .8em;}
.witregel {margin: 0;}
.resultaat {background-color: #ffff99;}
.rresultaat {background-color: #cceaff; text-align: right;}
.cresultaat {background-color: #ffff99; text-align: center;}

.heelklein {
	font-size: xx-small;
}




.stage {
    display: flex;
    flex-direction: row;
    row-gap: 16px;
    column-gap: 16px;
}

.loader {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background: rgba(255, 255, 255, .7);
    z-index: 1000;
    display:flex;
    justify-content: center;
    align-items: center;
}
.animate-spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}



.table-mg {
    width: 100%;
    margin-top: 16px;

    box-sizing: border-box;
    border-width: 0;
    border-style: solid;

    .unofficial {
        font-style: italic;
        color: rgb(138, 144, 155);
    }

    .double,
    .incorrect {
        color: rgb(220 38 38);
    }

    .profit {
        color: #2d5cc0;
    }

    thead {
        table-layout: fixed;
        display: table;
        width: 100%;

        .table-header-info {
            th {
                text-align: center;
                border: 1px solid #dee2e6 !important;
            }

            .costs-indicator {
                border-top: 1px solid #dee2e6 !important;
                border-left: 1px solid #dee2e6 !important;
                border-right: 1px solid #dee2e6 !important;
                text-align: center;
                font-size: .8em;
            }

        }

        .table-header-fields {
            th {
                position: relative;

                .table-label {
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    gap: 4px;

                    &:hover {
                        cursor: pointer;
                    }
                }

                .header-tooltip {
                    position: absolute;
                    top: 40px;
                    left: -80px;
                    right: -80px;
                    background-color: white;
                    border: 1px solid #dee2e6;
                    padding: 12px;
                    font-weight: normal;
                    font-size: 1.1rem;

                    &.align-right {
                        right: 0;
                        left: -160px;
                    }

                }
            }
        }
    }

    .unofficial {
        font-style: italic;
        color: rgb(138, 144, 155);
    }

    .double, .incorrect {
        color: rgb(220 38 38);
    }
    .profit {
        color: #2d5cc0;
    }

    tbody {
        overflow-y: auto;
        display: block;
        width: 100%;

        box-sizing: border-box;
        border-width: 0;
        border-style: solid;
        border-color: #e5e7eb;

        font-size: 14px;
        line-height: 1.25rem;

        tr {
            table-layout: fixed;
            width: 100%;
            display: table;

            td {
                padding: 4px;
            }
        }
        &.loading {
            opacity: 0.5;
        }
    }

    tfoot {
        table-layout: fixed;
        width: 100%;
        display: table;

        tr {
            td {
                padding-right: 4px;
                text-align: right;
            }
        }
    }

    &.maxheight {
        tbody {
            max-height: 500px;
        }
    }

    .bg-kw {
        background-color: #f0fdf4;
    }

    .bg-unbalance {
        background-color: #fefce8;
    }

    .bg-apx {
        background-color: #f8f8f8;
    }

    .bg-tennet {
        background-color: #f8f8f8;
    }

    .bg-fee {
        background-color: #fef2f2;
    }
}