*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    --blue: #3d8ef8;
    --indigo: #564ab1;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #fb4d53;
    --orange: #f1734f;
    --yellow: #f1b44c;
    --green: #11c46e;
    --teal: #008080;
    --cyan: #0db4d6;
    --rose: #ffd0ff;
    --lblue: #add8e6;
    --lchiffon: #fffacd;
    --white: #fff;
    --gray: #7c8a96;
    --gray-dark: #343a40;
    --primary: #3d8ef8;
    --success: #11c46e;
    --info: #0db4d6;
    --warning: #f1b44c;
    --danger: #fb4d53;
    --light: #eff2f7;
    --lighter: #f5f5f5;
    --dark: #343a40;
    --darker: #212529;
    --black: #000;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --foreground: var(--darker);
    --background: var(--white);
    --secondary: #dbdbdb;
    --secondary-complement: var(--darker);
    --hr-border: 1px solid var(--black);
    --table-border-color: var(--black);
    --well-bg: #f5f5f5;
    --well-border: 1px solid #e3e3e3;
    --well-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.6;
    margin: 0;
    font-family: var(--font-family-sans-serif);
    color: var(--foreground);
    background-color: var(--background);
    font-size: var(--bs-body-font-size);
    line-height: var(--bs-body-line-height);
    font-weight: var(--bs-body-font-weight);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(black, 0);
}

/* ========================================
   QTI 3 shared css
   1. Display
   2. Special Flex styles
   3. Margin
   4. Padding
   5. Height
   6. Width
   7. Text-Indent
   8. List Styles
   9. Float Styles
   10. Layout
   11. QtiAssessmentItem component utilities
   ======================================== */

/* ==========
  Display css
  =========== */
.qti-display-inline {
    display: inline;
}

.qti-display-inline-block {
    display: inline-block;
}

.qti-display-block {
    display: block;
}

.qti-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.qti-display-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.qti-display-grid {
    display: grid;
}

.qti-display-inline-grid {
    display: inline-grid;
}

.qti-display-table {
    display: table;
}

.qti-display-table-cell {
    display: table-cell;
}

.qti-display-table-row {
    display: table-row;
}

.qti-display-list-item {
    display: list-item;
}

.qti-display-inherit {
    display: inherit;
}

.qti-hidden {
    display: none;
}

.qti-visually-hidden {
    position: fixed !important;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    height: 1px;
    width: 1px;
    border: 0;
    margin: -1px;
}

/* =============================
   Special flex styles
   ============================= */
.qti-flex-direction-column {
    flex-direction: column;
}

.qti-flex-direction-row {
    flex-direction: row;
}

.qti-flex-grow-1 {
    flex-grow: 1;
}

.qti-flex-grow-0 {
    flex-grow: 0;
}

/* =========
  Margin css
  ========== */

/**
 * For margin Top and Bottom and Left and Right
 */
.qti-margin-0 {
    margin: 0 !important;
}

.qti-margin-1 {
    margin: 0.25rem !important;
}

.qti-margin-2 {
    margin: 0.5rem !important;
}

.qti-margin-3 {
    margin: 1rem !important;
}

.qti-margin-4 {
    margin: 1.5rem !important;
}

.qti-margin-5 {
    margin: 3rem !important;
}

.qti-margin-auto {
    margin: auto !important;
}

/**
 * For margin Left and Right
 */
.qti-margin-x-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.qti-margin-x-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.qti-margin-x-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.qti-margin-x-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.qti-margin-x-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.qti-margin-x-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.qti-margin-x-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

/**
 * For margin Top and Bottom
 */
.qti-margin-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.qti-margin-y-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.qti-margin-y-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.qti-margin-y-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.qti-margin-y-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.qti-margin-y-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.qti-margin-y-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

/**
 * For margin Top
 */
.qti-margin-t-0 {
    margin-top: 0 !important;
}

.qti-margin-t-1 {
    margin-top: 0.25rem !important;
}

.qti-margin-t-2 {
    margin-top: 0.5rem !important;
}

.qti-margin-t-3 {
    margin-top: 1rem !important;
}

.qti-margin-t-4 {
    margin-top: 1.5rem !important;
}

.qti-margin-t-5 {
    margin-top: 3rem !important;
}

.qti-margin-t-auto {
    margin-top: auto !important;
}

/**
 * For margin Bottom
 */
.qti-margin-b-0 {
    margin-bottom: 0 !important;
}

.qti-margin-b-1 {
    margin-bottom: 0.25rem !important;
}

.qti-margin-b-2 {
    margin-bottom: 0.5rem !important;
}

.qti-margin-b-3 {
    margin-bottom: 1rem !important;
}

.qti-margin-b-4 {
    margin-bottom: 1.5rem !important;
}

.qti-margin-b-5 {
    margin-bottom: 3rem !important;
}

.qti-margin-b-auto {
    margin-bottom: auto !important;
}

/**
 * For margin Start LTR
 */
.qti-margin-s-0 {
    margin-left: 0 !important;
}

.qti-margin-s-1 {
    margin-left: 0.25rem !important;
}

.qti-margin-s-2 {
    margin-left: 0.5rem !important;
}

.qti-margin-s-3 {
    margin-left: 1rem !important;
}

.qti-margin-s-4 {
    margin-left: 1.5rem !important;
}

.qti-margin-s-5 {
    margin-left: 3rem !important;
}

.qti-margin-s-auto {
    margin-left: auto !important;
}

/**
 * For margin End LTR
 */
.qti-margin-e-0 {
    margin-right: 0 !important;
}

.qti-margin-e-1 {
    margin-right: 0.25rem !important;
}

.qti-margin-e-2 {
    margin-right: 0.5rem !important;
}

.qti-margin-e-3 {
    margin-right: 1rem !important;
}

.qti-margin-e-4 {
    margin-right: 1.5rem !important;
}

.qti-margin-e-5 {
    margin-right: 3rem !important;
}

.qti-margin-e-auto {
    margin-right: auto !important;
}

/* =========
  Padding css
  ========== */

/**
 * For padding Top and Bottom and Left and Right
 */
.qti-padding-0 {
    padding: 0 !important;
}

.qti-padding-1 {
    padding: 0.25rem !important;
}

.qti-padding-2 {
    padding: 0.5rem !important;
}

.qti-padding-3 {
    padding: 1rem !important;
}

.qti-padding-4 {
    padding: 1.5rem !important;
}

.qti-padding-5 {
    padding: 3rem !important;
}

/**
 * For padding Left and Right
 */
.qti-padding-x-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.qti-padding-x-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.qti-padding-x-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.qti-padding-x-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.qti-padding-x-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.qti-padding-x-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

/**
 * For padding Top and Bottom
 */
.qti-padding-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.qti-padding-y-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.qti-padding-y-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.qti-padding-y-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.qti-padding-y-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.qti-padding-y-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

/**
 * For padding Top
 */
.qti-padding-t-0 {
    padding-top: 0 !important;
}

.qti-padding-t-1 {
    padding-top: 0.25rem !important;
}

.qti-padding-t-2 {
    padding-top: 0.5rem !important;
}

.qti-padding-t-3 {
    padding-top: 1rem !important;
}

.qti-padding-t-4 {
    padding-top: 1.5rem !important;
}

.qti-padding-t-5 {
    padding-top: 3rem !important;
}

/**
 * For padding Bottom
 */
.qti-padding-b-0 {
    padding-bottom: 0 !important;
}

.qti-padding-b-1 {
    padding-bottom: 0.25rem !important;
}

.qti-padding-b-2 {
    padding-bottom: 0.5rem !important;
}

.qti-padding-b-3 {
    padding-bottom: 1rem !important;
}

.qti-padding-b-4 {
    padding-bottom: 1.5rem !important;
}

.qti-padding-b-5 {
    padding-bottom: 3rem !important;
}

/**
 * For padding Start LTR
 */
.qti-padding-s-0 {
    padding-left: 0 !important;
}

.qti-padding-s-1 {
    padding-left: 0.25rem !important;
}

.qti-padding-s-2 {
    padding-left: 0.5rem !important;
}

.qti-padding-s-3 {
    padding-left: 1rem !important;
}

.qti-padding-s-4 {
    padding-left: 1.5rem !important;
}

.qti-padding-s-5 {
    padding-left: 3rem !important;
}

/**
 * For padding End LTR
 */
.qti-padding-e-0 {
    padding-right: 0 !important;
}

.qti-padding-e-1 {
    padding-right: 0.25rem !important;
}

.qti-padding-e-2 {
    padding-right: 0.5rem !important;
}

.qti-padding-e-3 {
    padding-right: 1rem !important;
}

.qti-padding-e-4 {
    padding-right: 1.5rem !important;
}

.qti-padding-e-5 {
    padding-right: 3rem !important;
}

/* ====================
   Horizontal alignment
   ==================== */
.qti-align-left {
    text-align: left;
}

.qti-align-center {
    text-align: center;
}

.qti-align-right {
    text-align: right;
}

/* ==================
   Vertical alignment
   ================== */
.qti-valign-top {
    vertical-align: top;
}

.qti-valign-middle {
    vertical-align: middle;
}

.qti-valign-baseline {
    vertical-align: baseline;
}

.qti-valign-bottom {
    vertical-align: bottom;
}

/* =====================
   Other QTI 3 Utilities
   ===================== */
.qti-bordered {
    border: 1px solid var(--table-border-color);
}

.qti-underline {
    text-decoration: underline;
    text-decoration-color: var(--foreground);
}

.qti-italic {
    font-style: italic;
}

.qti-well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: var(--well-bg);
    border: var(--well-border);
    border-radius: 4px;
    box-shadow: var(--well-box-shadow);
}

/* =============
   Height styles
   ============= */
.qti-height-0 {
    height: 0px;
}

.qti-height-px {
    height: 1px;
}

.qti-height-0p5 {
    height: 0.125rem;
}

.qti-height-1 {
    height: 0.25rem;
}

.qti-height-1p5 {
    height: 0.375rem;
}

.qti-height-2 {
    height: 0.5rem;
}

.qti-height-2p5 {
    height: 0.625rem;
}

.qti-height-3 {
    height: 0.75rem;
}

.qti-height-3p5 {
    height: 0.875rem;
}

.qti-height-4 {
    height: 1rem;
}

.qti-height-5 {
    height: 1.25rem;
}

.qti-height-6 {
    height: 1.5rem;
}

.qti-height-7 {
    height: 1.75rem;
}

.qti-height-8 {
    height: 2rem;
}

.qti-height-9 {
    height: 2.25rem;
}

.qti-height-10 {
    height: 2.5rem;
}

.qti-height-11 {
    height: 2.75rem;
}

.qti-height-12 {
    height: 3rem;
}

.qti-height-14 {
    height: 3.5rem;
}

.qti-height-16 {
    height: 4rem;
}

.qti-height-20 {
    height: 5rem;
}

.qti-height-24 {
    height: 6rem;
}

.qti-height-28 {
    height: 7rem;
}

.qti-height-32 {
    height: 8rem;
}

.qti-height-36 {
    height: 9rem;
}

.qti-height-40 {
    height: 10rem;
}

.qti-height-44 {
    height: 11rem;
}

.qti-height-48 {
    height: 12rem;
}

.qti-height-52 {
    height: 13rem;
}

.qti-height-56 {
    height: 14rem;
}

.qti-height-60 {
    height: 15rem;
}

.qti-height-64 {
    height: 16rem;
}

.qti-height-72 {
    height: 18rem;
}

.qti-height-80 {
    height: 20rem;
}

.qti-height-96 {
    height: 24rem;
}

.qti-height-112 {
    height: 28rem;
}

.qti-height-1-2 {
    height: 50%;
}

.qti-height-1-3 {
    height: 33.333333%;
}

.qti-height-2-3 {
    height: 66.666667%;
}

.qti-height-1-4 {
    height: 25%;
}

.qti-height-2-4 {
    height: 50%;
}

.qti-height-3-4 {
    height: 75%;
}

.qti-height-1-5 {
    height: 20%;
}

.qti-height-2-5 {
    height: 40%;
}

.qti-height-3-5 {
    height: 60%;
}

.qti-height-4-5 {
    height: 80%;
}

.qti-height-1-6 {
    height: 16.666667%;
}

.qti-height-2-6 {
    height: 33.333333%;
}

.qti-height-3-6 {
    height: 50%;
}

.qti-height-4-6 {
    height: 66.666667%;
}

.qti-height-5-6 {
    height: 83.333333%;
}

.qti-height-auto {
    height: auto;
}

.qti-height-full {
    height: 100%;
}

/* ============
   Width styles
   ============ */
.qti-width-0 {
    width: 0px;
}

.qti-width-px {
    width: 1px;
}

.qti-width-0p5 {
    width: 0.125rem;
}

.qti-width-1 {
    width: 0.25rem;
}

.qti-width-1p5 {
    width: 0.375rem;
}

.qti-width-2 {
    width: 0.5rem;
}

.qti-width-2p5 {
    width: 0.625rem;
}

.qti-width-3 {
    width: 0.75rem;
}

.qti-width-3p5 {
    width: 0.875rem;
}

.qti-width-4 {
    width: 1rem;
}

.qti-width-5 {
    width: 1.25rem;
}

.qti-width-6 {
    width: 1.5rem;
}

.qti-width-7 {
    width: 1.75rem;
}

.qti-width-8 {
    width: 2rem;
}

.qti-width-9 {
    width: 2.25rem;
}

.qti-width-10 {
    width: 2.5rem;
}

.qti-width-11 {
    width: 2.75rem;
}

.qti-width-12 {
    width: 3rem;
}

.qti-width-14 {
    width: 3.5rem;
}

.qti-width-16 {
    width: 4rem;
}

.qti-width-20 {
    width: 5rem;
}

.qti-width-24 {
    width: 6rem;
}

.qti-width-28 {
    width: 7rem;
}

.qti-width-32 {
    width: 8rem;
}

.qti-width-36 {
    width: 9rem;
}

.qti-width-40 {
    width: 10rem;
}

.qti-width-44 {
    width: 11rem;
}

.qti-width-48 {
    width: 12rem;
}

.qti-width-52 {
    width: 13rem;
}

.qti-width-56 {
    width: 14rem;
}

.qti-width-60 {
    width: 15rem;
}

.qti-width-64 {
    width: 16rem;
}

.qti-width-72 {
    width: 18rem;
}

.qti-width-80 {
    width: 20rem;
}

.qti-width-96 {
    width: 24rem;
}

.qti-width-auto {
    width: auto;
}

.qti-width-1-2 {
    width: 50%;
}

.qti-width-1-3 {
    width: 33.333333%;
}

.qti-width-2-3 {
    width: 66.666667%;
}

.qti-width-1-4 {
    width: 25%;
}

.qti-width-2-4 {
    width: 50%;
}

.qti-width-3-4 {
    width: 75%;
}

.qti-width-1-5 {
    width: 20%;
}

.qti-width-2-5 {
    width: 40%;
}

.qti-width-3-5 {
    width: 60%;
}

.qti-width-4-5 {
    width: 80%;
}

.qti-width-1-6 {
    width: 16.666667%;
}

.qti-width-2-6 {
    width: 33.333333%;
}

.qti-width-3-6 {
    width: 50%;
}

.qti-width-4-6 {
    width: 66.666667%;
}

.qti-width-5-6 {
    width: 83.333333%;
}

.qti-width-1-12 {
    width: 8.333333%;
}

.qti-width-2-12 {
    width: 16.666667%;
}

.qti-width-3-12 {
    width: 25%;
}

.qti-width-4-12 {
    width: 33.333333%;
}

.qti-width-5-12 {
    width: 41.666667%;
}

.qti-width-6-12 {
    width: 50%;
}

.qti-width-7-12 {
    width: 58.333333%;
}

.qti-width-8-12 {
    width: 66.666667%;
}

.qti-width-9-12 {
    width: 75%;
}

.qti-width-10-12 {
    width: 83.333333%;
}

.qti-width-11-12 {
    width: 91.666667%;
}

.qti-width-full, .qti-fullwidth {
    width: 100%;
}

/* ==================
   Text Indent styles
   ================== */
.qti-text-indent-0 {
    text-indent: 0px;
}

.qti-text-indent-px {
    text-indent: 1px;
}

.qti-text-indent-0p5 {
    text-indent: 0.125rem;
}

.qti-text-indent-1 {
    text-indent: 0.25rem;
}

.qti-text-indent-1p5 {
    text-indent: 0.375rem;
}

.qti-text-indent-2 {
    text-indent: 0.5rem;
}

.qti-text-indent-2p5 {
    text-indent: 0.625rem;
}

.qti-text-indent-3 {
    text-indent: 0.75rem;
}

.qti-text-indent-3p5 {
    text-indent: 0.875rem;
}

.qti-text-indent-4 {
    text-indent: 1rem;
}

.qti-text-indent-5 {
    text-indent: 1.25rem;
}

.qti-text-indent-6 {
    text-indent: 1.5rem;
}

.qti-text-indent-7 {
    text-indent: 1.75rem;
}

.qti-text-indent-8 {
    text-indent: 2rem;
}

.qti-text-indent-12 {
    text-indent: 3rem;
}

.qti-text-indent-16 {
    text-indent: 4rem;
}

.qti-text-indent-20 {
    text-indent: 5rem;
}

.qti-text-indent-24 {
    text-indent: 6rem;
}

.qti-text-indent-28 {
    text-indent: 7rem;
}

.qti-text-indent-32 {
    text-indent: 8rem;
}

/* =================
   List Style styles
   ================= */
.qti-list-style-type-none {
    list-style-type: none;
}

.qti-list-style-type-disc {
    list-style-type: disc;
}

.qti-list-style-type-circle {
    list-style-type: circle;
}

.qti-list-style-type-square {
    list-style-type: square;
}

.qti-list-style-type-decimal {
    list-style-type: decimal;
}

.qti-list-style-type-decimal-leading-zero {
    list-style-type: decimal-leading-zero;
}

.qti-list-style-type-lower-alpha {
    list-style-type: lower-alpha;
}

.qti-list-style-type-upper-alpha {
    list-style-type: upper-alpha;
}

.qti-list-style-type-lower-roman {
    list-style-type: lower-roman;
}

.qti-list-style-type-upper-roman {
    list-style-type: upper-roman;
}

.qti-list-style-type-lower-latin {
    list-style-type: lower-latin;
}

.qti-list-style-type-upper-latin {
    list-style-type: upper-latin;
}

.qti-list-style-type-lower-greek {
    list-style-type: lower-greek;
}

.qti-list-style-type-arabic-indic {
    list-style-type: arabic-indic;
}

.qti-list-style-type-armenian {
    list-style-type: armenian;
}

.qti-list-style-type-lower-armenian {
    list-style-type: lower-armenian;
}

.qti-list-style-type-upper-armenian {
    list-style-type: upper-armenian;
}

.qti-list-style-type-bengali {
    list-style-type: bengali;
}

.qti-list-style-type-cambodian {
    list-style-type: cambodian;
}

.qti-list-style-type-simp-chinese-formal {
    list-style-type: simp-chinese-formal;
}

.qti-list-style-type-simp-chinese-informal {
    list-style-type: simp-chinese-informal;
}

.qti-list-style-type-trad-chinese-formal {
    list-style-type: trad-chinese-formal;
}

.qti-list-style-type-trad-chinese-informal {
    list-style-type: trad-chinese-informal;
}

.qti-list-style-type-cjk-ideographic {
    list-style-type: cjk-ideographic;
}

.qti-list-style-type-cjk-heavenly-stem {
    list-style-type: cjk-heavenly-stem;
}

.qti-list-style-type-cjk-earthly-branch {
    list-style-type: cjk-earthly-branch;
}

.qti-list-style-type-devanagari {
    list-style-type: devanagari;
}

.qti-list-style-type-ethiopic-halehame-ti-er {
    list-style-type: ethiopic-halehame-ti-er;
}

.qti-list-style-type-ethiopic-halehame-ti-et {
    list-style-type: ethiopic-halehame-ti-et;
}

.qti-list-style-type-ethiopic-halehame-am {
    list-style-type: ethiopic-halehame-am;
}

.qti-list-style-type-ethiopic-halehame {
    list-style-type: ethiopic-halehame;
}

.qti-list-style-type-georgian {
    list-style-type: georgian;
}

.qti-list-style-type-gujarati {
    list-style-type: gujarati;
}

.qti-list-style-type-gurmukhi {
    list-style-type: gurmukhi;
}

.qti-list-style-type-hangul {
    list-style-type: hangul;
}

.qti-list-style-type-hangul-consonant {
    list-style-type: hangul-consonant;
}

.qti-list-style-type-hebrew {
    list-style-type: hebrew;
}

.qti-list-style-type-hiragana {
    list-style-type: hiragana;
}

.qti-list-style-type-hiragana-iroha {
    list-style-type: hiragana-iroha;
}

.qti-list-style-type-khmer {
    list-style-type: khmer;
}

.qti-list-style-type-korean-hangul-formal {
    list-style-type: korean-hangul-formal;
}

.qti-list-style-type-korean-hanja-formal {
    list-style-type: korean-hanja-formal;
}

.qti-list-style-type-korean-hanja-informal {
    list-style-type: korean-hanja-informal;
}

.qti-list-style-type-lao {
    list-style-type: lao;
}

.qti-list-style-type-malayalam {
    list-style-type: malayalam;
}

.qti-list-style-type-mongolian {
    list-style-type: mongolian;
}

.qti-list-style-type-myanmar {
    list-style-type: myanmar;
}

.qti-list-style-type-oriya {
    list-style-type: oriya;
}

.qti-list-style-type-persian {
    list-style-type: persian;
}

.qti-list-style-type-thai {
    list-style-type: thai;
}

.qti-list-style-type-tibetan {
    list-style-type: tibetan;
}

.qti-list-style-type-telugu {
    list-style-type: telugu;
}

.qti-list-style-type-urdu {
    list-style-type: urdu;
}

/* =================
   Float styles
   ================= */
.qti-float-right {
    float: right;
}

.qti-float-left {
    float: left;
}

/* ========================================================================================
   ======================= Begin Layout Row and Column Definitions ========================
   ======================================================================================== */

/* ===========================
   Base layout row definitions
   =========================== */
.qti-layout-row {
    width: 100%;
    *zoom: 1;
}

    .qti-layout-row:before, .qti-layout-row:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .qti-layout-row:after {
        clear: both;
    }

    /* =============================
   Base qti-layout-col css
   ============================= */
    .qti-layout-row [class*="qti-layout-col"] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.127659574468085%;
        *margin-left: 2.074468085106383%;
    }

        .qti-layout-row [class*="qti-layout-col"]:first-child {
            margin-left: 0;
        }

    .qti-layout-row .qti-layout-col12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .qti-layout-row .qti-layout-col11 {
        width: 91.48936170212765%;
        *width: 91.43617021276594%;
    }

    .qti-layout-row .qti-layout-col10 {
        width: 82.97872340425532%;
        *width: 82.92553191489361%;
    }

    .qti-layout-row .qti-layout-col9 {
        width: 74.46808510638297%;
        *width: 74.41489361702126%;
    }

    .qti-layout-row .qti-layout-col8 {
        width: 65.95744680851064%;
        *width: 65.90425531914893%;
    }

    .qti-layout-row .qti-layout-col7 {
        width: 57.44680851063829%;
        *width: 57.39361702127659%;
    }

    .qti-layout-row .qti-layout-col6 {
        width: 48.93617021276595%;
        *width: 48.88297872340425%;
    }

    .qti-layout-row .qti-layout-col5 {
        width: 40.42553191489362%;
        *width: 40.37234042553192%;
    }

    .qti-layout-row .qti-layout-col4 {
        width: 31.914893617021278%;
        *width: 31.861702127659576%;
    }

    .qti-layout-row .qti-layout-col3 {
        width: 23.404255319148934%;
        *width: 23.351063829787233%;
    }

    .qti-layout-row .qti-layout-col2 {
        width: 14.893617021276595%;
        *width: 14.840425531914894%;
    }

    .qti-layout-row .qti-layout-col1 {
        width: 6.382978723404255%;
        *width: 6.329787234042553%;
    }

    .qti-layout-row .qti-layout-offset11 {
        margin-left: 95.74468085106382%;
        *margin-left: 95.6382978723404%;
    }

        .qti-layout-row .qti-layout-offset11:first-child {
            margin-left: 93.61702127659574%;
            *margin-left: 93.51063829787232%;
        }

    .qti-layout-row .qti-layout-offset10 {
        margin-left: 87.23404255319149%;
        *margin-left: 87.12765957446807%;
    }

        .qti-layout-row .qti-layout-offset10:first-child {
            margin-left: 85.1063829787234%;
            *margin-left: 84.99999999999999%;
        }

    .qti-layout-row .qti-layout-offset9 {
        margin-left: 78.72340425531914%;
        *margin-left: 78.61702127659572%;
    }

        .qti-layout-row .qti-layout-offset9:first-child {
            margin-left: 76.59574468085106%;
            *margin-left: 76.48936170212764%;
        }

    .qti-layout-row .qti-layout-offset8 {
        margin-left: 70.2127659574468%;
        *margin-left: 70.10638297872339%;
    }

        .qti-layout-row .qti-layout-offset8:first-child {
            margin-left: 68.08510638297872%;
            *margin-left: 67.9787234042553%;
        }

    .qti-layout-row .qti-layout-offset7 {
        margin-left: 61.70212765957446%;
        *margin-left: 61.59574468085106%;
    }

        .qti-layout-row .qti-layout-offset7:first-child {
            margin-left: 59.574468085106375%;
            *margin-left: 59.46808510638297%;
        }

    .qti-layout-row .qti-layout-offset6 {
        margin-left: 53.191489361702125%;
        *margin-left: 53.085106382978715%;
    }

        .qti-layout-row .qti-layout-offset6:first-child {
            margin-left: 51.063829787234035%;
            *margin-left: 50.95744680851063%;
        }

    .qti-layout-row .qti-layout-offset5 {
        margin-left: 44.68085106382979%;
        *margin-left: 44.57446808510638%;
    }

        .qti-layout-row .qti-layout-offset5:first-child {
            margin-left: 42.5531914893617%;
            *margin-left: 42.4468085106383%;
        }

    .qti-layout-row .qti-layout-offset4 {
        margin-left: 36.170212765957444%;
        *margin-left: 36.06382978723405%;
    }

        .qti-layout-row .qti-layout-offset4:first-child {
            margin-left: 34.04255319148936%;
            *margin-left: 33.93617021276596%;
        }

    .qti-layout-row .qti-layout-offset3 {
        margin-left: 27.659574468085104%;
        *margin-left: 27.5531914893617%;
    }

        .qti-layout-row .qti-layout-offset3:first-child {
            margin-left: 25.53191489361702%;
            *margin-left: 25.425531914893618%;
        }

    .qti-layout-row .qti-layout-offset2 {
        margin-left: 19.148936170212764%;
        *margin-left: 19.04255319148936%;
    }

        .qti-layout-row .qti-layout-offset2:first-child {
            margin-left: 17.02127659574468%;
            *margin-left: 16.914893617021278%;
        }

    .qti-layout-row .qti-layout-offset1 {
        margin-left: 10.638297872340425%;
        *margin-left: 10.53191489361702%;
    }

        .qti-layout-row .qti-layout-offset1:first-child {
            margin-left: 8.51063829787234%;
            *margin-left: 8.404255319148938%;
        }

/* ============================================
   Overrides for narrower than iPad in portrait
   ============================================ */
@media (max-width:767px) {

    .qti-layout-row {
        width: 100%;
        margin-left: 0;
    }

        .qti-layout-row [class*="qti-layout-col"] {
            float: none;
            display: block;
            width: 100%;
            margin-left: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .qti-layout-col12,
        .qti-layout-row .qti-layout-col12 {
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .qti-layout-row [class*="offset"]:first-child {
            margin-left: 0;
        }
}

/* ====================================================
   Overrides for between iPad in portrait and landscape
   ==================================================== */
@media (min-width:768px) and (max-width:979px) {

    .qti-layout-row {
        width: 100%;
        *zoom: 1;
    }

        .qti-layout-row:before,
        .qti-layout-row:after {
            display: table;
            content: "";
            line-height: 0;
        }

        .qti-layout-row:after {
            clear: both;
        }

        .qti-layout-row [class*="qti-layout-col"] {
            display: block;
            width: 100%;
            min-height: 30px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            margin-left: 2.7624309392265194%;
            *margin-left: 2.709239449864817%;
        }

            .qti-layout-row [class*="qti-layout-col"]:first-child {
                margin-left: 0;
            }

        .qti-layout-row .qti-layout-col12 {
            width: 100%;
            *width: 99.94680851063829%;
        }

        .qti-layout-row .qti-layout-col11 {
            width: 91.43646408839778%;
            *width: 91.38327259903608%;
        }

        .qti-layout-row .qti-layout-col10 {
            width: 82.87292817679558%;
            *width: 82.81973668743387%;
        }

        .qti-layout-row .qti-layout-col9 {
            width: 74.30939226519337%;
            *width: 74.25620077583166%;
        }

        .qti-layout-row .qti-layout-col8 {
            width: 65.74585635359117%;
            *width: 65.69266486422946%;
        }

        .qti-layout-row .qti-layout-col7 {
            width: 57.18232044198895%;
            *width: 57.12912895262725%;
        }

        .qti-layout-row .qti-layout-col6 {
            width: 48.61878453038674%;
            *width: 48.56559304102504%;
        }

        .qti-layout-row .qti-layout-col5 {
            width: 40.05524861878453%;
            *width: 40.00205712942283%;
        }

        .qti-layout-row .qti-layout-col4 {
            width: 31.491712707182323%;
            *width: 31.43852121782062%;
        }

        .qti-layout-row .qti-layout-col3 {
            width: 22.92817679558011%;
            *width: 22.87498530621841%;
        }

        .qti-layout-row .qti-layout-col2 {
            width: 14.3646408839779%;
            *width: 14.311449394616199%;
        }

        .qti-layout-row .qti-layout-col1 {
            width: 5.801104972375691%;
            *width: 5.747913483013988%;
        }

        .qti-layout-row .qti-layout-offset11 {
            margin-left: 96.96132596685082%;
            *margin-left: 96.8549429881274%;
        }

            .qti-layout-row .qti-layout-offset11:first-child {
                margin-left: 94.1988950276243%;
                *margin-left: 94.09251204890089%;
            }

        .qti-layout-row .qti-layout-offset10 {
            margin-left: 88.39779005524862%;
            *margin-left: 88.2914070765252%;
        }

            .qti-layout-row .qti-layout-offset10:first-child {
                margin-left: 85.6353591160221%;
                *margin-left: 85.52897613729868%;
            }

        .qti-layout-row .qti-layout-offset9 {
            margin-left: 79.8342541436464%;
            *margin-left: 79.72787116492299%;
        }

            .qti-layout-row .qti-layout-offset9:first-child {
                margin-left: 77.07182320441989%;
                *margin-left: 76.96544022569647%;
            }

        .qti-layout-row .qti-layout-offset8 {
            margin-left: 71.2707182320442%;
            *margin-left: 71.16433525332079%;
        }

            .qti-layout-row .qti-layout-offset8:first-child {
                margin-left: 68.50828729281768%;
                *margin-left: 68.40190431409427%;
            }

        .qti-layout-row .qti-layout-offset7 {
            margin-left: 62.70718232044199%;
            *margin-left: 62.600799341718584%;
        }

            .qti-layout-row .qti-layout-offset7:first-child {
                margin-left: 59.94475138121547%;
                *margin-left: 59.838368402492065%;
            }

        .qti-layout-row .qti-layout-offset6 {
            margin-left: 54.14364640883978%;
            *margin-left: 54.037263430116376%;
        }

            .qti-layout-row .qti-layout-offset6:first-child {
                margin-left: 51.38121546961326%;
                *margin-left: 51.27483249088986%;
            }

        .qti-layout-row .qti-layout-offset5 {
            margin-left: 45.58011049723757%;
            *margin-left: 45.47372751851417%;
        }

            .qti-layout-row .qti-layout-offset5:first-child {
                margin-left: 42.81767955801105%;
                *margin-left: 42.71129657928765%;
            }

        .qti-layout-row .qti-layout-offset4 {
            margin-left: 37.01657458563536%;
            *margin-left: 36.91019160691196%;
        }

            .qti-layout-row .qti-layout-offset4:first-child {
                margin-left: 34.25414364640884%;
                *margin-left: 34.14776066768544%;
            }

        .qti-layout-row .qti-layout-offset3 {
            margin-left: 28.45303867403315%;
            *margin-left: 28.346655695309746%;
        }

            .qti-layout-row .qti-layout-offset3:first-child {
                margin-left: 25.69060773480663%;
                *margin-left: 25.584224756083227%;
            }

        .qti-layout-row .qti-layout-offset2 {
            margin-left: 19.88950276243094%;
            *margin-left: 19.783119783707537%;
        }

            .qti-layout-row .qti-layout-offset2:first-child {
                margin-left: 17.12707182320442%;
                *margin-left: 17.02068884448102%;
            }

        .qti-layout-row .qti-layout-offset1 {
            margin-left: 11.32596685082873%;
            *margin-left: 11.219583872105325%;
        }

            .qti-layout-row .qti-layout-offset1:first-child {
                margin-left: 8.56353591160221%;
                *margin-left: 8.457152932878806%;
            }
}

/* ===========================================
   Overrides for typical desktop or chromebook
   =========================================== */
@media (min-width:1200px) {

    .qti-layout-row {
        width: 100%;
        *zoom: 1;
    }

        .qti-layout-row:before, .qti-layout-row:after {
            display: table;
            content: "";
            line-height: 0;
        }

        .qti-layout-row:after {
            clear: both;
        }

        .qti-layout-row [class*="qti-layout-col"] {
            display: block;
            width: 100%;
            min-height: 30px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            margin-left: 2.564102564102564%;
            *margin-left: 2.5109110747408616%;
        }

            .qti-layout-row [class*="qti-layout-col"]:first-child {
                margin-left: 0;
            }

        .qti-layout-row .qti-layout-col12 {
            width: 100%;
            *width: 99.94680851063829%;
        }

        .qti-layout-row .qti-layout-col11 {
            width: 91.45299145299145%;
            *width: 91.39979996362975%;
        }

        .qti-layout-row .qti-layout-col10 {
            width: 82.90598290598291%;
            *width: 82.8527914166212%;
        }

        .qti-layout-row .qti-layout-col9 {
            width: 74.35897435897436%;
            *width: 74.30578286961266%;
        }

        .qti-layout-row .qti-layout-col8 {
            width: 65.81196581196582%;
            *width: 65.75877432260411%;
        }

        .qti-layout-row .qti-layout-col7 {
            width: 57.26495726495726%;
            *width: 57.21176577559556%;
        }

        .qti-layout-row .qti-layout-col6 {
            width: 48.717948717948715%;
            *width: 48.664757228587014%;
        }

        .qti-layout-row .qti-layout-col5 {
            width: 40.17094017094017%;
            *width: 40.11774868157847%;
        }

        .qti-layout-row .qti-layout-col4 {
            width: 31.623931623931625%;
            *width: 31.570740134569924%;
        }

        .qti-layout-row .qti-layout-col3 {
            width: 23.076923076923077%;
            *width: 23.023731587561375%;
        }

        .qti-layout-row .qti-layout-col2 {
            width: 14.52991452991453%;
            *width: 14.476723040552828%;
        }

        .qti-layout-row .qti-layout-col1 {
            width: 5.982905982905983%;
            *width: 5.929714493544281%;
        }

        .qti-layout-row .qti-layout-offset11 {
            margin-left: 96.58119658119658%;
            *margin-left: 96.47481360247316%;
        }

            .qti-layout-row .qti-layout-offset11:first-child {
                margin-left: 94.01709401709402%;
                *margin-left: 93.91071103837061%;
            }

        .qti-layout-row .qti-layout-offset10 {
            margin-left: 88.03418803418803%;
            *margin-left: 87.92780505546462%;
        }

            .qti-layout-row .qti-layout-offset10:first-child {
                margin-left: 85.47008547008548%;
                *margin-left: 85.36370249136206%;
            }

        .qti-layout-row .qti-layout-offset9 {
            margin-left: 79.48717948717949%;
            *margin-left: 79.38079650845607%;
        }

            .qti-layout-row .qti-layout-offset9:first-child {
                margin-left: 76.92307692307693%;
                *margin-left: 76.81669394435352%;
            }

        .qti-layout-row .qti-layout-offset8 {
            margin-left: 70.94017094017094%;
            *margin-left: 70.83378796144753%;
        }

            .qti-layout-row .qti-layout-offset8:first-child {
                margin-left: 68.37606837606839%;
                *margin-left: 68.26968539734497%;
            }

        .qti-layout-row .qti-layout-offset7 {
            margin-left: 62.393162393162385%;
            *margin-left: 62.28677941443899%;
        }

            .qti-layout-row .qti-layout-offset7:first-child {
                margin-left: 59.82905982905982%;
                *margin-left: 59.72267685033642%;
            }

        .qti-layout-row .qti-layout-offset6 {
            margin-left: 53.84615384615384%;
            *margin-left: 53.739770867430444%;
        }

            .qti-layout-row .qti-layout-offset6:first-child {
                margin-left: 51.28205128205128%;
                *margin-left: 51.175668303327875%;
            }

        .qti-layout-row .qti-layout-offset5 {
            margin-left: 45.299145299145295%;
            *margin-left: 45.1927623204219%;
        }

            .qti-layout-row .qti-layout-offset5:first-child {
                margin-left: 42.73504273504273%;
                *margin-left: 42.62865975631933%;
            }

        .qti-layout-row .qti-layout-offset4 {
            margin-left: 36.75213675213675%;
            *margin-left: 36.645753773413354%;
        }

            .qti-layout-row .qti-layout-offset4:first-child {
                margin-left: 34.18803418803419%;
                *margin-left: 34.081651209310785%;
            }

        .qti-layout-row .qti-layout-offset3 {
            margin-left: 28.205128205128204%;
            *margin-left: 28.0987452264048%;
        }

            .qti-layout-row .qti-layout-offset3:first-child {
                margin-left: 25.641025641025642%;
                *margin-left: 25.53464266230224%;
            }

        .qti-layout-row .qti-layout-offset2 {
            margin-left: 19.65811965811966%;
            *margin-left: 19.551736679396257%;
        }

            .qti-layout-row .qti-layout-offset2:first-child {
                margin-left: 17.094017094017094%;
                *margin-left: 16.98763411529369%;
            }

        .qti-layout-row .qti-layout-offset1 {
            margin-left: 11.11111111111111%;
            *margin-left: 11.004728132387708%;
        }

            .qti-layout-row .qti-layout-offset1:first-child {
                margin-left: 8.547008547008547%;
                *margin-left: 8.440625568285142%;
            }
}

/* ===========================================
   QtiAssessmentItem component utility classes
   not part of QTI 3 Best Practices
   =========================================== */

/* Overrides to improve appearance of visual header tags */
/*
h2 {font-size: 1.3rem;}
h3 {font-size: 1.2rem;}
h4 {font-size: 1.1rem;}
h5 {font-size: 1rem;}
h2, h3, h4, h5, h6 {margin-top: 1rem;margin-bottom: 1rem;}
*/
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: var(--hr-border);
}

/* Table classes */

.table {
    width: 100%;
    margin-bottom: 4px;
    color: var(--foreground);
    background-color: transparent;
    border-collapse: collapse;
}

    .table th {
        font-weight: 400;
    }

    .table th, .table td {
        padding: 4px;
        vertical-align: top;
        border-top: 1px solid;
        border-color: inherit;
    }

.table-bordered {
    border: 1px solid var(--table-border-color);
}

    .table-bordered thead th {
        border-bottom: 1px solid var(--table-border-color);
    }

    .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
        border-top: 0;
    }

    .table-bordered tbody tr th, .table-bordered tbody tr td {
        border-bottom: 0;
    }

    .table-bordered th, .table-bordered td {
        border-left: 1px solid;
        border-color: inherit;
    }

.qti-test {
    background-color: red;
}