@import "inc/bootstrap";

.qti-matchInteraction {
    .matrix {
        table-layout: fixed;
        tbody [data-edit] {
            width: 30px
        }
        td, th {
            color: $textColor;
            text-align: left;
            position: relative;

            @include rtl {
                text-align: right;
            }

            // table cells and headings within the match interaction
            &:not(.qti-choice){
                position: relative;
                label {
                    top: 0;
                    left:0;
                    width: 100%;
                    padding: inherit;
                    height: 100%;
                    .icon-checkbox{
                        position: absolute;
                        top: calc(50% - .8rem);
                    }
                }
            }

            .inner-wrapper {
                position: static;
            }
        }
    }
}