/* ============================
   QTI 3 shared css
   1.  Display
   2.  Special Flex styles
   3.  Margin
   4.  Padding
   5.  Horizontal Alignment styles
   6.  Vertical Alignment styles
   7.  Height
   8.  Width
   9.  Text-Indent
   10. List Style
   11. Layout
   12. Other QTI 3 presentation 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;
}

/* 
 * hidden to screen readers and sighted
 */
.qti-hidden {
  display: none;
}

/*
* visible to screen readers, hidden to sighted
 */
.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;
}

/* =============
   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-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;
}

/* ===========
    Layout
    =========== */

/* Set default non-fluid container to live nicely (plenty of whitespace/padding/margin) with 
   screen resolution above 1024 pixels (iPad in landscape) and below 1200 pixels */
.container { width:940px; }

/* Set default fluid container nested rows to left-margin=0 */
.container-fluid .qti-layout-row { margin-left:0; }

/* Set row left-margin to -20px because every column in a row has a left-margin of 20px */
.qti-layout-row { margin-left:-20px;*zoom:1; }
.qti-layout-row:before, .qti-layout-row:after { display:table;content:"";line-height:0; }
.qti-layout-row:after {clear:both;}

/* By default, all columns are floated left with default left-margin separator of 20px */
[class*="qti-layout-col"] { float:left;min-height:1px;margin-left:20px; }

.qti-layout-col12 { width:940px; }
.qti-layout-col11 { width:860px; }
.qti-layout-col10 { width:780px ;}
.qti-layout-col9  { width:700px; }
.qti-layout-col8  { width:620px; }
.qti-layout-col7  { width:540px; }
.qti-layout-col6  { width:460px; }
.qti-layout-col5  { width:380px; }
.qti-layout-col4  { width:300px; }
.qti-layout-col3  { width:220px; }
.qti-layout-col2  { width:140px; }
.qti-layout-col1  { width:60px; }

.qti-layout-offset11 { margin-left:900px; }
.qti-layout-offset10 { margin-left:820px; }
.qti-layout-offset9  { margin-left:740px; }
.qti-layout-offset8  { margin-left:660px; }
.qti-layout-offset7  { margin-left:580px; }
.qti-layout-offset6  { margin-left:500px; }
.qti-layout-offset5  { margin-left:420px; }
.qti-layout-offset4  { margin-left:340px; }
.qti-layout-offset3  { margin-left:260px; }
.qti-layout-offset2  { margin-left:180px; }
.qti-layout-offset1  { margin-left:100px; }

/* =======================================
   Fluid Container Overrides to account for width 100%
   ======================================= */

.container-fluid .qti-layout-row { width:100%;*zoom:1; }
.container-fluid .qti-layout-row:before, .container-fluid .qti-layout-row:after { display:table; content:""; line-height:0; }
.container-fluid .qti-layout-row:after { clear:both; }

.container-fluid .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%;}
.container-fluid .qti-layout-row [class*="qti-layout-col"]:first-child {margin-left:0;}

.container-fluid .qti-layout-row .qti-layout-col12 {width:100%;*width:99.94680851063829%;}
.container-fluid .qti-layout-row .qti-layout-col11 {width:91.48936170212765%;*width:91.43617021276594%;}
.container-fluid .qti-layout-row .qti-layout-col10 {width:82.97872340425532%;*width:82.92553191489361%;}
.container-fluid .qti-layout-row .qti-layout-col9  {width:74.46808510638297%;*width:74.41489361702126%;}
.container-fluid .qti-layout-row .qti-layout-col8  {width:65.95744680851064%;*width:65.90425531914893%;}
.container-fluid .qti-layout-row .qti-layout-col7  {width:57.44680851063829%;*width:57.39361702127659%;}
.container-fluid .qti-layout-row .qti-layout-col6  {width:48.93617021276595%;*width:48.88297872340425%;}
.container-fluid .qti-layout-row .qti-layout-col5  {width:40.42553191489362%;*width:40.37234042553192%;}
.container-fluid .qti-layout-row .qti-layout-col4  {width:31.914893617021278%;*width:31.861702127659576%;}
.container-fluid .qti-layout-row .qti-layout-col3  {width:23.404255319148934%;*width:23.351063829787233%;}
.container-fluid .qti-layout-row .qti-layout-col2  {width:14.893617021276595%;*width:14.840425531914894%;}
.container-fluid .qti-layout-row .qti-layout-col1  {width:6.382978723404255%;*width:6.329787234042553%;}

.container-fluid .qti-layout-row .qti-layout-offset11 {margin-left:95.74468085106382%;*margin-left:95.6382978723404%;}
.container-fluid .qti-layout-row .qti-layout-offset11:first-child {margin-left:93.61702127659574%;*margin-left:93.51063829787232%;}
.container-fluid .qti-layout-row .qti-layout-offset10 {margin-left:87.23404255319149%;*margin-left:87.12765957446807%;}
.container-fluid .qti-layout-row .qti-layout-offset10:first-child {margin-left:85.1063829787234%;*margin-left:84.99999999999999%;}
.container-fluid .qti-layout-row .qti-layout-offset9  {margin-left:78.72340425531914%;*margin-left:78.61702127659572%;}
.container-fluid .qti-layout-row .qti-layout-offset9:first-child  {margin-left:76.59574468085106%;*margin-left:76.48936170212764%;}
.container-fluid .qti-layout-row .qti-layout-offset8  {margin-left:70.2127659574468%;*margin-left:70.10638297872339%;}
.container-fluid .qti-layout-row .qti-layout-offset8:first-child  {margin-left:68.08510638297872%;*margin-left:67.9787234042553%;}
.container-fluid .qti-layout-row .qti-layout-offset7  {margin-left:61.70212765957446%;*margin-left:61.59574468085106%;}
.container-fluid .qti-layout-row .qti-layout-offset7:first-child  {margin-left:59.574468085106375%;*margin-left:59.46808510638297%;}
.container-fluid .qti-layout-row .qti-layout-offset6  {margin-left:53.191489361702125%;*margin-left:53.085106382978715%;}
.container-fluid .qti-layout-row .qti-layout-offset6:first-child  {margin-left:51.063829787234035%;*margin-left:50.95744680851063%;}
.container-fluid .qti-layout-row .qti-layout-offset5  {margin-left:44.68085106382979%;*margin-left:44.57446808510638%;}
.container-fluid .qti-layout-row .qti-layout-offset5:first-child  {margin-left:42.5531914893617%;*margin-left:42.4468085106383%;}
.container-fluid .qti-layout-row .qti-layout-offset4  {margin-left:36.170212765957444%;*margin-left:36.06382978723405%;}
.container-fluid .qti-layout-row .qti-layout-offset4:first-child  {margin-left:34.04255319148936%;*margin-left:33.93617021276596%;}
.container-fluid .qti-layout-row .qti-layout-offset3  {margin-left:27.659574468085104%;*margin-left:27.5531914893617%;}
.container-fluid .qti-layout-row .qti-layout-offset3:first-child  {margin-left:25.53191489361702%;*margin-left:25.425531914893618%;}
.container-fluid .qti-layout-row .qti-layout-offset2  {margin-left:19.148936170212764%;*margin-left:19.04255319148936%;}
.container-fluid .qti-layout-row .qti-layout-offset2:first-child  {margin-left:17.02127659574468%;*margin-left:16.914893617021278%;}
.container-fluid .qti-layout-row .qti-layout-offset1  {margin-left:10.638297872340425%;*margin-left:10.53191489361702%;}
.container-fluid .qti-layout-row .qti-layout-offset1:first-child  {margin-left:8.51063829787234%;*margin-left:8.404255319148938%;}

.container {margin-top:20px;margin-bottom:20px; margin-right:auto;margin-left:auto;*zoom:1;}
.container:before,.container:after {display:table;content:"";line-height:0;}
.container:after {clear:both;}

.container-fluid {margin-top:20px;margin-bottom:20px; padding-right:20px;padding-left:20px;*zoom:1;}
.container-fluid:before, .container-fluid:after {display:table;content:"";line-height:0;}
.container-fluid:after {clear:both;}

/* narrower than iPad in portrait overrides */
@media (max-width:767px){
  body {padding-left:20px;padding-right:20px;} 
  .container-fluid {padding:0;}
  .container {width:auto;} 
  .container-fluid .qti-layout-row {width:100%;}
  .qti-layout-row {margin-left:0;}
  [class*="qti-layout-col"], .container-fluid .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, .container-fluid .qti-layout-row .qti-layout-col12 {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} 
  .container-fluid .qti-layout-row [class*="offset"]:first-child {margin-left:0;} 
}

/* Between iPad in portrait and landscape overrides */
@media (min-width:768px) and (max-width:979px){
  .qti-layout-row {margin-left:-20px;*zoom:1;}
  .qti-layout-row:before, .qti-layout-row:after {display:table;content:"";line-height:0;} 
  .qti-layout-row:after {clear:both;} 
  
  [class*="qti-layout-col"] {float:left;min-height:1px;margin-left:20px;} 
  .container {width:724px;}
  
  .qti-layout-col12 {width:724px;} 
  .qti-layout-col11 {width:662px;} 
  .qti-layout-col10 {width:600px;} 
  .qti-layout-col9  {width:538px;} 
  .qti-layout-col8  {width:476px;} 
  .qti-layout-col7  {width:414px;} 
  .qti-layout-col6  {width:352px;} 
  .qti-layout-col5  {width:290px;} 
  .qti-layout-col4  {width:228px;} 
  .qti-layout-col3  {width:166px;} 
  .qti-layout-col2  {width:104px;} 
  .qti-layout-col1  {width:42px;} 
  
  .qti-layout-offset11 {margin-left:702px;} 
  .qti-layout-offset10 {margin-left:640px;} 
  .qti-layout-offset9  {margin-left:578px;} 
  .qti-layout-offset8  {margin-left:516px;} 
  .qti-layout-offset7  {margin-left:454px;} 
  .qti-layout-offset6  {margin-left:392px;} 
  .qti-layout-offset5  {margin-left:330px;} 
  .qti-layout-offset4  {margin-left:268px;} 
  .qti-layout-offset3  {margin-left:206px;} 
  .qti-layout-offset2  {margin-left:144px;} 
  .qti-layout-offset1  {margin-left:82px;} 
  
  .container-fluid .qti-layout-row {width:100%;*zoom:1;}
  .container-fluid .qti-layout-row:before, .container-fluid .qti-layout-row:after {display:table;content:"";line-height:0;}
  .container-fluid .qti-layout-row:after {clear:both;}
  .container-fluid .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%;}
  .container-fluid .qti-layout-row [class*="qti-layout-col"]:first-child {margin-left:0;}
  
  .container-fluid .qti-layout-row .qti-layout-col12 {width:100%;*width:99.94680851063829%;} 
  .container-fluid .qti-layout-row .qti-layout-col11 {width:91.43646408839778%;*width:91.38327259903608%;} 
  .container-fluid .qti-layout-row .qti-layout-col10 {width:82.87292817679558%;*width:82.81973668743387%;} 
  .container-fluid .qti-layout-row .qti-layout-col9  {width:74.30939226519337%;*width:74.25620077583166%;}
  .container-fluid .qti-layout-row .qti-layout-col8  {width:65.74585635359117%;*width:65.69266486422946%;}
  .container-fluid .qti-layout-row .qti-layout-col7  {width:57.18232044198895%;*width:57.12912895262725%;}
  .container-fluid .qti-layout-row .qti-layout-col6  {width:48.61878453038674%;*width:48.56559304102504%;}
  .container-fluid .qti-layout-row .qti-layout-col5  {width:40.05524861878453%;*width:40.00205712942283%;}
  .container-fluid .qti-layout-row .qti-layout-col4  {width:31.491712707182323%;*width:31.43852121782062%;} 
  .container-fluid .qti-layout-row .qti-layout-col3  {width:22.92817679558011%;*width:22.87498530621841%;}
  .container-fluid .qti-layout-row .qti-layout-col2  {width:14.3646408839779%;*width:14.311449394616199%;}
  .container-fluid .qti-layout-row .qti-layout-col1  {width:5.801104972375691%;*width:5.747913483013988%;}
  
  .container-fluid .qti-layout-row .qti-layout-offset11 {margin-left:96.96132596685082%;*margin-left:96.8549429881274%;} 
  .container-fluid .qti-layout-row .qti-layout-offset11:first-child {margin-left:94.1988950276243%;*margin-left:94.09251204890089%;} 
  .container-fluid .qti-layout-row .qti-layout-offset10 {margin-left:88.39779005524862%;*margin-left:88.2914070765252%;} 
  .container-fluid .qti-layout-row .qti-layout-offset10:first-child {margin-left:85.6353591160221%;*margin-left:85.52897613729868%;} 
  .container-fluid .qti-layout-row .qti-layout-offset9  {margin-left:79.8342541436464%;*margin-left:79.72787116492299%;} 
  .container-fluid .qti-layout-row .qti-layout-offset9:first-child  {margin-left:77.07182320441989%;*margin-left:76.96544022569647%;} 
  .container-fluid .qti-layout-row .qti-layout-offset8  {margin-left:71.2707182320442%;*margin-left:71.16433525332079%;} 
  .container-fluid .qti-layout-row .qti-layout-offset8:first-child  {margin-left:68.50828729281768%;*margin-left:68.40190431409427%;} 
  .container-fluid .qti-layout-row .qti-layout-offset7  {margin-left:62.70718232044199%;*margin-left:62.600799341718584%;} 
  .container-fluid .qti-layout-row .qti-layout-offset7:first-child  {margin-left:59.94475138121547%;*margin-left:59.838368402492065%;} 
  .container-fluid .qti-layout-row .qti-layout-offset6  {margin-left:54.14364640883978%;*margin-left:54.037263430116376%;} 
  .container-fluid .qti-layout-row .qti-layout-offset6:first-child  {margin-left:51.38121546961326%;*margin-left:51.27483249088986%;} 
  .container-fluid .qti-layout-row .qti-layout-offset5  {margin-left:45.58011049723757%;*margin-left:45.47372751851417%;} 
  .container-fluid .qti-layout-row .qti-layout-offset5:first-child  {margin-left:42.81767955801105%;*margin-left:42.71129657928765%;} 
  .container-fluid .qti-layout-row .qti-layout-offset4  {margin-left:37.01657458563536%;*margin-left:36.91019160691196%;} 
  .container-fluid .qti-layout-row .qti-layout-offset4:first-child  {margin-left:34.25414364640884%;*margin-left:34.14776066768544%;} 
  .container-fluid .qti-layout-row .qti-layout-offset3  {margin-left:28.45303867403315%;*margin-left:28.346655695309746%;} 
  .container-fluid .qti-layout-row .qti-layout-offset3:first-child  {margin-left:25.69060773480663%;*margin-left:25.584224756083227%;} 
  .container-fluid .qti-layout-row .qti-layout-offset2  {margin-left:19.88950276243094%;*margin-left:19.783119783707537%;} 
  .container-fluid .qti-layout-row .qti-layout-offset2:first-child  {margin-left:17.12707182320442%;*margin-left:17.02068884448102%;} 
  .container-fluid .qti-layout-row .qti-layout-offset1  {margin-left:11.32596685082873%;*margin-left:11.219583872105325%;} 
  .container-fluid .qti-layout-row .qti-layout-offset1:first-child  {margin-left:8.56353591160221%;*margin-left:8.457152932878806%;}
}

/* Typical desktop or chromebook overrides */
@media (min-width:1200px){
  .qti-layout-row {margin-left:-30px;*zoom:1;}
  .qti-layout-row:before, .qti-layout-row:after {display:table;content:"";line-height:0;} 
  .qti-layout-row:after {clear:both;} 
  [class*="qti-layout-col"] {float:left;min-height:1px;margin-left:30px;}
  .container {width:1170px;} 

  .qti-layout-col12 {width:1170px;} 
  .qti-layout-col11 {width:1070px;} 
  .qti-layout-col10 {width:970px;} 
  .qti-layout-col9  {width:870px;} 
  .qti-layout-col8  {width:770px;} 
  .qti-layout-col7  {width:670px;} 
  .qti-layout-col6  {width:570px;} 
  .qti-layout-col5  {width:470px;} 
  .qti-layout-col4  {width:370px;} 
  .qti-layout-col3  {width:270px;} 
  .qti-layout-col2  {width:170px;} 
  .qti-layout-col1  {width:70px;} 

  .qti-layout-offset11 {margin-left:1130px;}
  .qti-layout-offset10 {margin-left:1030px;}
  .qti-layout-offset9  {margin-left:930px;}
  .qti-layout-offset8  {margin-left:830px;}
  .qti-layout-offset7  {margin-left:730px;}
  .qti-layout-offset6  {margin-left:630px;}
  .qti-layout-offset5  {margin-left:530px;}
  .qti-layout-offset4  {margin-left:430px;}
  .qti-layout-offset3  {margin-left:330px;}
  .qti-layout-offset2  {margin-left:230px;}
  .qti-layout-offset1  {margin-left:130px;}
  
  .container-fluid .qti-layout-row {width:100%;*zoom:1;}
  .container-fluid .qti-layout-row:before, .container-fluid .qti-layout-row:after {display:table;content:"";line-height:0;}
  .container-fluid .qti-layout-row:after {clear:both;}
  .container-fluid .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%;} 
  .container-fluid .qti-layout-row [class*="qti-layout-col"]:first-child {margin-left:0;}
  
  .container-fluid .qti-layout-row .qti-layout-col12 {width:100%;*width:99.94680851063829%;} 
  .container-fluid .qti-layout-row .qti-layout-col11 {width:91.45299145299145%;*width:91.39979996362975%;} 
  .container-fluid .qti-layout-row .qti-layout-col10 {width:82.90598290598291%;*width:82.8527914166212%;} 
  .container-fluid .qti-layout-row .qti-layout-col9  {width:74.35897435897436%;*width:74.30578286961266%;} 
  .container-fluid .qti-layout-row .qti-layout-col8  {width:65.81196581196582%;*width:65.75877432260411%;} 
  .container-fluid .qti-layout-row .qti-layout-col7  {width:57.26495726495726%;*width:57.21176577559556%;} 
  .container-fluid .qti-layout-row .qti-layout-col6  {width:48.717948717948715%;*width:48.664757228587014%;} 
  .container-fluid .qti-layout-row .qti-layout-col5  {width:40.17094017094017%;*width:40.11774868157847%;} 
  .container-fluid .qti-layout-row .qti-layout-col4  {width:31.623931623931625%;*width:31.570740134569924%;}
  .container-fluid .qti-layout-row .qti-layout-col3  {width:23.076923076923077%;*width:23.023731587561375%;} 
  .container-fluid .qti-layout-row .qti-layout-col2  {width:14.52991452991453%;*width:14.476723040552828%;} 
  .container-fluid .qti-layout-row .qti-layout-col1  {width:5.982905982905983%;*width:5.929714493544281%;} 

  .container-fluid .qti-layout-row .qti-layout-offset11 {margin-left:96.58119658119658%;*margin-left:96.47481360247316%;} 
  .container-fluid .qti-layout-row .qti-layout-offset11:first-child {margin-left:94.01709401709402%;*margin-left:93.91071103837061%;} 
  .container-fluid .qti-layout-row .qti-layout-offset10 {margin-left:88.03418803418803%;*margin-left:87.92780505546462%;} 
  .container-fluid .qti-layout-row .qti-layout-offset10:first-child {margin-left:85.47008547008548%;*margin-left:85.36370249136206%;} 
  .container-fluid .qti-layout-row .qti-layout-offset9  {margin-left:79.48717948717949%;*margin-left:79.38079650845607%;} 
  .container-fluid .qti-layout-row .qti-layout-offset9:first-child  {margin-left:76.92307692307693%;*margin-left:76.81669394435352%;} 
  .container-fluid .qti-layout-row .qti-layout-offset8  {margin-left:70.94017094017094%;*margin-left:70.83378796144753%;} 
  .container-fluid .qti-layout-row .qti-layout-offset8:first-child  {margin-left:68.37606837606839%;*margin-left:68.26968539734497%;} 
  .container-fluid .qti-layout-row .qti-layout-offset7  {margin-left:62.393162393162385%;*margin-left:62.28677941443899%;} 
  .container-fluid .qti-layout-row .qti-layout-offset7:first-child  {margin-left:59.82905982905982%;*margin-left:59.72267685033642%;} 
  .container-fluid .qti-layout-row .qti-layout-offset6  {margin-left:53.84615384615384%;*margin-left:53.739770867430444%;} 
  .container-fluid .qti-layout-row .qti-layout-offset6:first-child  {margin-left:51.28205128205128%;*margin-left:51.175668303327875%;} 
  .container-fluid .qti-layout-row .qti-layout-offset5  {margin-left:45.299145299145295%;*margin-left:45.1927623204219%;} 
  .container-fluid .qti-layout-row .qti-layout-offset5:first-child  {margin-left:42.73504273504273%;*margin-left:42.62865975631933%;} 
  .container-fluid .qti-layout-row .qti-layout-offset4  {margin-left:36.75213675213675%;*margin-left:36.645753773413354%;} 
  .container-fluid .qti-layout-row .qti-layout-offset4:first-child  {margin-left:34.18803418803419%;*margin-left:34.081651209310785%;} 
  .container-fluid .qti-layout-row .qti-layout-offset3  {margin-left:28.205128205128204%;*margin-left:28.0987452264048%;} 
  .container-fluid .qti-layout-row .qti-layout-offset3:first-child  {margin-left:25.641025641025642%;*margin-left:25.53464266230224%;} 
  .container-fluid .qti-layout-row .qti-layout-offset2  {margin-left:19.65811965811966%;*margin-left:19.551736679396257%;} 
  .container-fluid .qti-layout-row .qti-layout-offset2:first-child  {margin-left:17.094017094017094%;*margin-left:16.98763411529369%;} 
  .container-fluid .qti-layout-row .qti-layout-offset1  {margin-left:11.11111111111111%;*margin-left:11.004728132387708%;} 
  .container-fluid .qti-layout-row .qti-layout-offset1:first-child  {margin-left:8.547008547008547%;*margin-left:8.440625568285142%;}
}


/* =========================
   Other QTI 3 Presentation 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);
}

/* Set writing-mode to vertical-rl 
   Typical for CJK vertical text */
   .qti-writing-mode-vertical-rl {
    writing-mode: vertical-rl;
}

/* Set writing-mode to vertical-lr
   Typical for Mongolian vertical text  */
.qti-writing-mode-vertical-lr {
    writing-mode: vertical-lr;
}

/* Set writing-mode to horizontal-tb 
   Browser default */
.qti-writing-mode-horizontal-tb {
    writing-mode: horizontal-tb;
}

/* Float an element left */
.qti-float-left {
  float: left;
}

/* Float an element right */
.qti-float-right {
  float: right;
}

/* Remove a float */
.qti-float-none {
  float: none;
}

/* Clearfix Hack to apply to a container of 
 floated content that overflows the container.*/
.qti-float-clearfix::after {
  content: "";
  clear: both;
  display: table;
}


.qti-float-clear-left
.qti-float-clear-right
.qti-float-clear-both

/* Set text-orientation to upright */
.qti-text-orientation-upright {
  text-orientation: upright;
}