@oat-sa/tao-test-runner-qti/css/tao-main-style.css

TAO Test Runner QTI implementation

@charset "UTF-8";
.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) item, b) text block or interaction;
     so if there's a horizontal block inside vertical item, vertical styles should *not* be used for it.
 */
/* Do not edit */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: normal;
  src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url(font/source-sans-pro/source-sans-pro-regular.eot) format("embedded-opentype"), url(font/source-sans-pro/source-sans-pro-regular.woff) format("woff");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: bold;
  src: local("Source Sans Pro Semibold"), local("SourceSansPro-Semibold"), url(font/source-sans-pro/source-sans-pro-semibold.eot) format("embedded-opentype"), url(font/source-sans-pro/source-sans-pro-semibold.woff) format("woff");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: normal;
  src: local("Source Sans Pro Semibold Italic"), local("SourceSansPro-SemiboldIt"), url(font/source-sans-pro/source-sans-pro-italic.eot) format("embedded-opentype"), url(font/source-sans-pro/source-sans-pro-italic.woff) format("woff");
}
/* Do not edit */
@font-face {
  font-family: "tao";
  src: url("font/tao/tao.eot?cskkb6");
  src: url("font/tao/tao.eot?cskkb6#iefix") format("embedded-opentype"), url("font/tao/tao.ttf?cskkb6") format("truetype"), url("font/tao/tao.woff?cskkb6") format("woff"), url("font/tao/tao.svg?cskkb6#tao") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* Do not edit */ /* Do not edit */
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "tao" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-blocked:before {
  content: "\e92d";
}

.icon-restricted:before {
  content: "\e92c";
}

.icon-copy:before {
  content: "\e92b";
}

.icon-align-center:before {
  content: "\e92a";
}

.icon-multiple-magicwand:before {
  content: "\e929";
}

.icon-sd-import:before {
  content: "\e91f";
}

.icon-sd-export:before {
  content: "\e924";
}

.icon-browse:before {
  content: "\e925";
}

.icon-minus:before {
  content: "\e926";
}

.icon-plus:before {
  content: "\e927";
}

.icon-sd-save:before {
  content: "\e928";
}

.icon-back-button:before {
  content: "\e91e";
}

.icon-japan-incorrect:before {
  content: "\e91b";
}

.icon-japan-correct:before {
  content: "\e91c";
}

.icon-japan-partial:before {
  content: "\e91d";
}

.icon-score-partial:before {
  content: "\e91a";
}

.icon-furigana:before {
  content: "\e919";
}

.icon-add-subsection:before {
  content: "\e918";
}

.icon-info-bare:before {
  content: "\e923";
}

.icon-bookmark-outline:before {
  content: "\e922";
}

.icon-bookmark:before {
  content: "\e921";
}

.icon-indicator:before {
  content: "\e920";
}

.icon-wrap-inline:before {
  content: "\e915";
}

.icon-wrap-left:before {
  content: "\e916";
}

.icon-wrap-right:before {
  content: "\e917";
}

.icon-offline:before {
  content: "\e913";
}

.icon-online:before {
  content: "\e914";
}

.icon-tab:before {
  content: "\e90d";
}

.icon-untab:before {
  content: "\e90e";
}

.icon-multi-select:before {
  content: "\e90b";
}

.icon-clipboard:before {
  content: "\e90a";
}

.icon-filebox:before {
  content: "\e909";
}

.icon-click-to-speak:before {
  content: "\e907";
}

.icon-speech-bubble:before {
  content: "\f0e5";
}

.icon-microphone:before {
  content: "\f130";
}

.icon-microphone-off:before {
  content: "\f131";
}

.icon-disconnect:before {
  content: "\e905";
}

.icon-connect:before {
  content: "\e906";
}

.icon-eliminate:before {
  content: "\e904";
}

.icon-wheelchair:before {
  content: "\e903";
}

.icon-text-marker:before {
  content: "\e902";
}

.icon-unshield:before {
  content: "\e32a";
}

.icon-shield:before {
  content: "\e8e8";
}

.icon-tree:before {
  content: "\e6b4";
}

.icon-home:before {
  content: "\e6b3";
}

.icon-shared-file:before {
  content: "\e6b2";
}

.icon-end-attempt:before {
  content: "\e603";
}

.icon-icon:before {
  content: "\f1c5";
}

.icon-radio-bg:before {
  content: "\e600";
}

.icon-checkbox-bg:before {
  content: "\e601";
}

.icon-tag:before {
  content: "\e602";
}

.icon-style:before {
  content: "\e604";
}

.icon-ownership-transfer:before {
  content: "\e605";
}

.icon-property-advanced:before {
  content: "\e606";
}

.icon-property-add:before {
  content: "\e607";
}

.icon-repository-add:before {
  content: "\e608";
}

.icon-repository-remove:before {
  content: "\e609";
}

.icon-repository:before {
  content: "\e60a";
}

.icon-result-server:before {
  content: "\e60b";
}

.icon-folder:before {
  content: "\e60c";
}

.icon-folder-open:before {
  content: "\e60d";
}

.icon-left:before {
  content: "\e60e";
}

.icon-right:before {
  content: "\e60f";
}

.icon-up:before {
  content: "\e610";
}

.icon-down:before {
  content: "\e611";
}

.icon-undo:before {
  content: "\e612";
}

.icon-redo:before {
  content: "\e613";
}

.icon-screen:before {
  content: "\e614";
}

.icon-laptop:before {
  content: "\e615";
}

.icon-tablet:before {
  content: "\e616";
}

.icon-phone:before {
  content: "\e617";
}

.icon-move:before {
  content: "\e618";
}

.icon-bin:before {
  content: "\e619";
}

.icon-shuffle:before {
  content: "\e61a";
}

.icon-print:before {
  content: "\e61b";
}

.icon-tools:before {
  content: "\e61c";
}

.icon-settings:before {
  content: "\e61d";
}

.icon-video:before {
  content: "\e61e";
}

.icon-find:before {
  content: "\e61f";
}

.icon-image:before {
  content: "\e620";
}

.icon-edit:before {
  content: "\e621";
}

.icon-document:before {
  content: "\e622";
}

.icon-resize-grid:before {
  content: "\e623";
}

.icon-resize:before {
  content: "\e624";
}

.icon-help:before {
  content: "\e625";
}

.icon-mobile-menu:before {
  content: "\e626";
}

.icon-fix:before {
  content: "\e627";
}

.icon-unlock:before {
  content: "\e628";
}

.icon-lock:before {
  content: "\e629";
}

.icon-ul:before {
  content: "\e62a";
}

.icon-ol:before {
  content: "\e62b";
}

.icon-email:before {
  content: "\e62c";
}

.icon-download:before {
  content: "\e62d";
}

.icon-logout:before {
  content: "\e62e";
}

.icon-login:before {
  content: "\e62f";
}

.icon-spinner:before {
  content: "\e630";
}

.icon-preview:before {
  content: "\e631";
}

.icon-external:before {
  content: "\e632";
}

.icon-time:before {
  content: "\e633";
}

.icon-save:before {
  content: "\e634";
}

.icon-warning:before {
  content: "\e635";
}

.icon-add:before {
  content: "\e636";
}

.icon-error:before {
  content: "\e900";
}

.icon-close:before {
  content: "\e637";
}

.icon-success:before {
  content: "\e638";
}

.icon-remove:before {
  content: "\e639";
}

.icon-info:before {
  content: "\e63a";
}

.icon-danger:before {
  content: "\e63b";
}

.icon-users:before {
  content: "\e63c";
}

.icon-user:before {
  content: "\e63d";
}

.icon-test-taker:before {
  content: "\e63e";
}

.icon-test-takers:before {
  content: "\e63f";
}

.icon-item:before {
  content: "\e640";
}

.icon-test:before {
  content: "\e641";
}

.icon-delivery:before {
  content: "\e642";
}

.icon-eye-slash:before {
  content: "\e643";
}

.icon-result:before {
  content: "\e644";
}

.icon-delivery-small:before {
  content: "\e645";
}

.icon-upload:before {
  content: "\e646";
}

.icon-result-small:before {
  content: "\e647";
}

.icon-mobile-preview:before {
  content: "\e648";
}

.icon-extension:before {
  content: "\e649";
}

.icon-desktop-preview:before {
  content: "\e64a";
}

.icon-tablet-preview:before {
  content: "\e64b";
}

.icon-insert-horizontal-line:before {
  content: "\e64c";
}

.icon-table:before {
  content: "\e64d";
}

.icon-anchor:before {
  content: "\e64e";
}

.icon-unlink:before {
  content: "\e64f";
}

.icon-link:before {
  content: "\e650";
}

.icon-right-left:before {
  content: "\e651";
}

.icon-left-right:before {
  content: "\e652";
}

.icon-special-character:before {
  content: "\e653";
}

.icon-source:before {
  content: "\e654";
}

.icon-new-page:before {
  content: "\e655";
}

.icon-templates:before {
  content: "\e656";
}

.icon-cut:before {
  content: "\e657";
}

.icon-replace:before {
  content: "\e658";
}

.icon-duplicate:before {
  content: "\e659";
}

.icon-paste:before {
  content: "\e65a";
}

.icon-select-all:before {
  content: "\e65b";
}

.icon-paste-text:before {
  content: "\e65c";
}

.icon-paste-word:before {
  content: "\e65d";
}

.icon-bold:before {
  content: "\e65e";
}

.icon-italic:before {
  content: "\e65f";
}

.icon-underline:before {
  content: "\e660";
}

.icon-subscript:before {
  content: "\e661";
}

.icon-superscript:before {
  content: "\e662";
}

.icon-strike-through:before {
  content: "\e663";
}

.icon-decrease-indent:before {
  content: "\e664";
}

.icon-increase-indent:before {
  content: "\e665";
}

.icon-block-quote:before {
  content: "\e666";
}

.icon-div-container:before {
  content: "\e667";
}

.icon-align-left:before {
  content: "\e668";
}

.icon-center:before {
  content: "\e669";
}

.icon-align-right:before {
  content: "\e66a";
}

.icon-justify:before {
  content: "\e66b";
}

.icon-choice:before {
  content: "\e66c";
}

.icon-inline-choice:before {
  content: "\e66d";
}

.icon-match:before {
  content: "\e66e";
}

.icon-associate:before {
  content: "\e66f";
}

.icon-media:before {
  content: "\e670";
}

.icon-graphic-order:before {
  content: "\e671";
}

.icon-hotspot:before {
  content: "\e672";
}

.icon-graphic-gap:before {
  content: "\e673";
}

.icon-graphic-associate:before {
  content: "\e674";
}

.icon-select-point:before {
  content: "\e675";
}

.icon-pin:before {
  content: "\e676";
}

.icon-import:before {
  content: "\e677";
}

.icon-export:before {
  content: "\e678";
}

.icon-move-item:before {
  content: "\e679";
}

.icon-meta-data:before {
  content: "\e67a";
}

.icon-slider:before {
  content: "\e67b";
}

.icon-summary-report:before {
  content: "\e67c";
}

.icon-text-entry:before {
  content: "\e67d";
}

.icon-extended-text:before {
  content: "\e67e";
}

.icon-eraser:before {
  content: "\e67f";
}

.icon-row:before {
  content: "\e680";
}

.icon-column:before {
  content: "\e681";
}

.icon-text-color:before {
  content: "\e682";
}

.icon-background-color:before {
  content: "\e683";
}

.icon-spell-check:before {
  content: "\e684";
}

.icon-polygon:before {
  content: "\e685";
}

.icon-rectangle:before {
  content: "\e686";
}

.icon-gap-match:before {
  content: "\e687";
}

.icon-order:before {
  content: "\e688";
}

.icon-hottext:before {
  content: "\e689";
}

.icon-free-form:before {
  content: "\e68a";
}

.icon-step-backward:before {
  content: "\e68b";
}

.icon-fast-backward:before {
  content: "\e68c";
}

.icon-backward:before {
  content: "\e68d";
}

.icon-play:before {
  content: "\e68e";
}

.icon-pause:before {
  content: "\e68f";
}

.icon-stop:before {
  content: "\e690";
}

.icon-forward:before {
  content: "\e691";
}

.icon-fast-forward:before {
  content: "\e692";
}

.icon-step-forward:before {
  content: "\e693";
}

.icon-ellipsis:before {
  content: "\e694";
}

.icon-circle:before {
  content: "\e695";
}

.icon-target:before {
  content: "\e696";
}

.icon-guide-arrow:before {
  content: "\e697";
}

.icon-range-slider-right:before {
  content: "\e698";
}

.icon-range-slider-left:before {
  content: "\e699";
}

label input[type=radio]:checked ~ .icon-radio:before,
label input[type=checkbox]:checked ~ .icon-radio:before, .icon-radio-checked:before {
  content: "\e69a";
}

label input[type=radio]:indeterminate ~ .icon-checkbox:before,
label input[type=checkbox]:indeterminate ~ .icon-checkbox:before, .icon-checkbox-indeterminate:before {
  content: "\e901";
}

.icon-checkbox:before {
  content: "\e69b";
}

label input[type=radio]:checked ~ .icon-checkbox.cross:before,
label input[type=checkbox]:checked ~ .icon-checkbox.cross:before, .icon-checkbox-crossed:before {
  content: "\e69c";
}

label input[type=radio]:checked ~ .icon-checkbox:before,
label input[type=checkbox]:checked ~ .icon-checkbox:before, .icon-checkbox-checked:before {
  content: "\e69d";
}

.icon-result-nok:before {
  content: "\e69e";
}

.icon-result-ok:before {
  content: "\e69f";
}

.icon-not-evaluated:before {
  content: "\e6a0";
}

.icon-filter:before {
  content: "\e6a1";
}

.icon-translate:before {
  content: "\e6a2";
}

.icon-eject:before {
  content: "\e6a3";
}

.icon-continue:before {
  content: "\e6a4";
}

.icon-radio:before {
  content: "\e6a5";
}

.icon-sphere:before {
  content: "\e6a6";
}

.icon-reset:before {
  content: "\e6a7";
}

.icon-smaller:before {
  content: "\e6a8";
}

.icon-larger:before {
  content: "\e6a9";
}

.icon-clock:before {
  content: "\e6aa";
}

.icon-font:before {
  content: "\e6ab";
}

.icon-maths:before {
  content: "\e6ac";
}

.icon-grip:before {
  content: "\e6ad";
}

.icon-rubric:before {
  content: "\e6ae";
}

.icon-audio:before {
  content: "\e6af";
}

.icon-grip-h:before {
  content: "\e6b0";
}

.icon-magicwand:before {
  content: "\e6b1";
}

.icon-loop:before {
  content: "\ea2e";
}

.icon-calendar:before {
  content: "\e953";
}

.icon-reload:before {
  content: "\e984";
}

.icon-speed:before {
  content: "\e9a6";
}

.icon-volume:before {
  content: "\ea27";
}

.icon-contrast:before {
  content: "\e9d5";
}

.icon-headphones:before {
  content: "\e910";
}

.icon-compress:before {
  content: "\f066";
}

.icon-map-o:before {
  content: "\f278";
}

.icon-variable:before {
  content: "\e908";
}

.icon-tooltip:before {
  content: "\e90c";
}

.icon-globe:before {
  content: "\e9c9";
}

.icon-highlighter:before {
  content: "\e90f";
}

.icon-eliminate-crossed:before {
  content: "\e911";
}

.icon-play-from-here:before {
  content: "\e912";
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 62.5%;
  line-height: 1.4;
  box-sizing: border-box;
  background-size: cover;
}
html.fullscreen {
  width: 100%;
}

body {
  box-sizing: border-box;
  font-size: 14px;
}

::-webkit-scrollbar-corner {
  background-color: ThreeDHighlight;
}

html {
  /*
  This SCSS generates CSS classes for custom list styling, it:
  - For classes like .list-style-disc, .list-style-decimal-period etc.
  - Uses counter-reset for automatic item numbering
  - Supports base styles (disc, decimal etc.) and suffix variants (-period ".", -parenthesis ")")
  - Easy addition of new styles using $list_styles array and new suffixes and $suffixes map
  */ /* fake table stuff */
}
html *,
html *:before,
html *:after {
  box-sizing: border-box;
}
html,
html body {
  color: #222;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  position: relative;
  height: 100%;
  z-index: 0;
  line-height: 1.4;
  background: white;
  border-width: 1px;
}
html address,
html article,
html aside,
html audio,
html blockquote,
html dd,
html div,
html dl,
html fieldset,
html figcaption,
html figure,
html footer,
html form,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html header,
html hr,
html noscript,
html ol,
html output,
html p,
html pre,
html section,
html summary,
html ul,
html main {
  margin-block-start: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  white-space: normal;
}
html h1 {
  font-size: 2em;
  margin-block: 0.67em;
  margin-inline: 0;
}
html h2 {
  font-size: 1.5em;
  margin-block: 0.83em;
  margin-inline: 0;
}
html h3 {
  font-size: 1.17em;
  margin-block: 1em;
  margin-inline: 0;
}
html h4 {
  font-size: 1em;
  margin-block: 1.33em;
  margin-inline: 0;
}
html h5 {
  font-size: 0.83em;
  margin-block: 1.67em;
  margin-inline: 0;
}
html h6 {
  font-size: 0.67em;
  margin-block: 2.33em;
  margin-inline: 0;
}
html blockquote {
  margin-block: 1em;
  margin-inline: 40px;
}
html blockquote,
html dd,
html dl,
html fieldset,
html figure,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html hr,
html ol,
html p,
html pre,
html ul {
  display: block;
  margin-block-end: 10px;
  white-space: normal;
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
  font-weight: normal;
  font-style: normal;
}
html iframe {
  border: none;
}
html audio,
html canvas,
html video,
html svg {
  display: inline-block;
  vertical-align: middle;
}
html .MathJax svg {
  display: inline;
  vertical-align: baseline;
}
html a {
  cursor: pointer;
  background: transparent;
  text-decoration: none;
  outline: 0;
  color: #3e7da7;
}
html a:focus {
  outline: thin dotted;
}
html a:hover {
  text-decoration: underline;
  color: rgb(14, 93, 145);
}
html a:hover:before, html a:hover:after {
  text-decoration: none !important;
}
html a.block {
  color: #222;
  text-decoration: none;
  display: block;
}
html a[rel=external] span.icon-external:before {
  font-size: 11px;
  font-size: 1.1rem;
  padding: 0 0 0 4px;
  position: relative;
  top: 1px;
}
html b,
html .b,
html strong,
html .strong {
  font-weight: bold;
}
html i,
html .i,
html em,
html .em,
html dfn {
  font-style: italic;
}
html code,
html pre,
html kdb,
html samp {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  font-size: 14px;
  font-size: 1.4rem;
}
html pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
html code {
  background: #f2f6f7;
  padding: 2px 6px;
  display: inline-block;
  margin: 0 3px;
  border-radius: 2px;
}
html hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
html q {
  quotes: "“" "”" "‘" "’";
}
html q:before, html q:after {
  content: "";
  content: none;
}
html small {
  font-size: 11px;
  font-size: 1.1rem;
}
html sub,
html sup {
  font-size: 0.75em;
  position: relative;
  vertical-align: baseline;
}
html sup {
  top: -0.5em;
}
html sub {
  bottom: -0.25em;
}
html img {
  border: 0;
  max-width: 100%;
}
html svg:not(:root) {
  overflow: hidden;
}
html fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
html legend {
  border: 0;
  padding: 0;
}
html textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
html label,
html button {
  cursor: pointer;
}
html button {
  vertical-align: middle;
  outline: 0;
  overflow: visible;
  border: none;
}
html button::-moz-focus-inner,
html input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
html button::-ms-clear,
html input::-ms-clear {
  display: none;
}
html button::-ms-reveal,
html input::-ms-reveal {
  display: none;
}
html button,
html input,
html select,
html textarea {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  line-height: normal;
  text-transform: none;
  vertical-align: baseline;
}
html button,
html html input[type=button],
html input[type=reset],
html input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
html input {
  border: 1px solid #ddd;
  border-radius: 2px;
  border-radius: 1px;
}
html input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
html input[type=search]::-webkit-search-cancel-button, html input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
html input[type=checkbox], html input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
html select {
  max-width: 100%;
}
html audio:not([controls]),
html [hidden],
html template,
html .hidden,
html .deleted,
html .js,
html .js-hide {
  display: none !important;
}
html .visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
html .visuallyhidden.focusable:active, html .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
html .invisible {
  visibility: hidden;
}
html .viewport-hidden {
  position: absolute;
  left: -10000px;
  top: -10000px;
}
html .clearfix:before,
html #icon-editor .grid-row:before,
#icon-editor html .grid-row:before,
html .colrow:before,
html .grid-row:before,
html .fixed-grid-row:before {
  content: " ";
  display: table;
}
html .clearfix:after,
html #icon-editor .grid-row:after,
#icon-editor html .grid-row:after,
html .colrow:after,
html .grid-row:after,
html .fixed-grid-row:after {
  content: " ";
  display: table;
  clear: both;
}
html .clear {
  display: block;
  clear: both;
}
html .lft,
html .wrap-left {
  display: inline;
  float: left;
}
html .rgt,
html .wrap-right {
  display: inline;
  float: right;
}
html .wrap-left {
  margin-block: 20px;
  margin-inline: 0 20px;
}
html .wrap-right {
  margin-block: 20px;
  margin-inline: 20px 0;
}
html .tao-centered {
  margin-block: 20px;
  margin-inline: auto;
  display: block;
}
html .txt-ctr {
  text-align: center;
}
html .txt-lft {
  text-align: left;
}
html .txt-rgt {
  text-align: right;
}
html .txt-jty {
  text-align: justify;
}
html .txt-underline {
  text-decoration: underline;
  font-size: inherit;
}
html .txt-dashed {
  text-decoration: underline;
  text-decoration-style: dashed;
}
html .txt-wavy {
  text-decoration: underline;
  text-decoration-style: wavy;
}
html .txt-strike {
  text-decoration: line-through;
}
html .qti-item ruby rt span.txt-underline, html .qti-item ruby rt span.txt-dashed, html .qti-item ruby rt span.txt-wavy, html .qti-item ruby rt span.txt-strike {
  text-decoration: none;
}
html .writing-mode-horizontal-tb {
  writing-mode: horizontal-tb;
}
html .writing-mode-vertical-rl {
  writing-mode: vertical-rl;
}
html .writing-mode-vertical-rl .txt-subscript {
  inset-block-start: -0.9em;
  bottom: 0;
}

html .txt-subscript {
  inset-block-start: auto;
  bottom: auto;
}
html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-subscript {
  inset-block-start: auto;
  bottom: auto;
}

html .writing-mode-vertical-rl .txt-superscript {
  inset-block-end: -0.4em;
  top: 0;
}

html .txt-superscript {
  inset-block-end: auto;
  top: auto;
}
html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-superscript {
  inset-block-end: auto;
  top: auto;
}

html .writing-mode-vertical-rl .txt-underline, html .writing-mode-vertical-rl .txt-dashed, html .writing-mode-vertical-rl .txt-wavy {
  text-underline-position: right;
}

html .txt-underline,
html .txt-dashed,
html .txt-wavy {
  text-underline-position: auto;
}
html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-underline, html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-dashed, html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-wavy {
  text-underline-position: auto;
}

html .txt-underline ruby rt,
html .txt-dashed ruby rt {
  position: relative;
}
html .writing-mode-vertical-rl .txt-underline ruby rt, html .writing-mode-vertical-rl .txt-dashed ruby rt {
  inset-block-start: -0.3em;
}

html .txt-underline ruby rt,
html .txt-dashed ruby rt {
  inset-block-start: auto;
}
html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-underline ruby rt, html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-dashed ruby rt {
  inset-block-start: auto;
}

html .txt-wavy ruby rt {
  position: relative;
}
html .writing-mode-vertical-rl .txt-wavy ruby rt {
  inset-block-start: -0.7em;
}

html .txt-wavy ruby rt {
  inset-block-start: auto;
}
html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-wavy ruby rt {
  inset-block-start: auto;
}

html [data-useragent-browser=safari].writing-mode-vertical-rl .txt-underline,
html [data-useragent-browser=safari].writing-mode-vertical-rl .txt-dashed,
html [data-useragent-browser=safari] .writing-mode-vertical-rl .txt-underline,
html [data-useragent-browser=safari] .writing-mode-vertical-rl .txt-dashed {
  text-underline-offset: -0.1em;
}
html [data-useragent-browser=safari] .txt-underline,
html [data-useragent-browser=safari] .txt-dashed,
html [data-useragent-browser=safari] .writing-mode-horizontal-tb .txt-underline,
html [data-useragent-browser=safari] .writing-mode-horizontal-tb .txt-dashed {
  text-underline-offset: auto;
}
html .txt-combine-upright-all {
  text-combine-upright: all;
}
html .txt-highlight {
  padding: 0 5px;
  background: #ff6416;
  color: white;
}
html ::selection {
  background: #b3d4fc;
  text-shadow: none;
}
html .placeholder {
  color: #777 !important;
}
html ::-webkit-input-placeholder {
  color: #777 !important;
}
html :-moz-placeholder {
  color: #777 !important;
}
html ::-moz-placeholder {
  color: #777 !important;
}
html .truncate, html .file-drop ul > li, .file-drop html ul > li, html .tlb-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html .disabled,
html *:disabled {
  cursor: default;
  opacity: 0.7;
}
html .overlay,
html .ui-widget-overlay {
  background: rgba(255, 255, 255, 0.9);
}
html .ui-widget {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.4rem !important;
}
html .ui-widget .ui-widget {
  font-size: 1.4rem !important;
}
html .ui-widget input,
html .ui-widget select,
html .ui-widget textarea,
html .ui-widget button {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.4rem !important;
}
html ul,
html ol {
  padding-inline-start: 40px;
}
html ul.plain, html ul.none,
html ol.plain,
html ol.none {
  padding: 0;
  margin: 0;
  list-style: none;
}
html ul li,
html ol li {
  vertical-align: text-top !important;
}
html nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
html .writing-mode-vertical-rl ol li::marker {
  text-combine-upright: all;
}

html ol li::marker {
  text-combine-upright: none;
}
html .writing-mode-vertical-rl .writing-mode-horizontal-tb ol li::marker {
  text-combine-upright: none;
}

html .writing-mode-vertical-rl ol li {
  padding-inline-start: 6px;
}

html ol li {
  padding-inline-start: 0px;
}
html .writing-mode-vertical-rl .writing-mode-horizontal-tb ol li {
  padding-inline-start: 0px;
}

html [class^=list-style-],
html [class*=" list-style-"] {
  counter-reset: custom-counter;
}
html [class^=list-style-] > p, html [class^=list-style-] > div, html [class^=list-style-] > li.qti-choice,
html [class*=" list-style-"] > p,
html [class*=" list-style-"] > div,
html [class*=" list-style-"] > li.qti-choice {
  position: relative;
}
html [class^=list-style-] > p::before, html [class^=list-style-] > div::before, html [class^=list-style-] > li.qti-choice::before,
html [class*=" list-style-"] > p::before,
html [class*=" list-style-"] > div::before,
html [class*=" list-style-"] > li.qti-choice::before {
  counter-increment: custom-counter;
  position: absolute;
  left: -25px;
  width: 20px;
  display: inline-block;
  text-align: center;
}
html [class^=list-style-].list-style-disc > p, html [class^=list-style-].list-style-disc > div, html [class^=list-style-].list-style-disc > li.qti-choice::before,
html [class*=" list-style-"].list-style-disc > p,
html [class*=" list-style-"].list-style-disc > div,
html [class*=" list-style-"].list-style-disc > li.qti-choice::before {
  content: counter(custom-counter, disc);
}
html [class^=list-style-].list-style-circle > p, html [class^=list-style-].list-style-circle > div, html [class^=list-style-].list-style-circle > li.qti-choice::before,
html [class*=" list-style-"].list-style-circle > p,
html [class*=" list-style-"].list-style-circle > div,
html [class*=" list-style-"].list-style-circle > li.qti-choice::before {
  content: counter(custom-counter, circle);
}
html [class^=list-style-].list-style-square > p, html [class^=list-style-].list-style-square > div, html [class^=list-style-].list-style-square > li.qti-choice::before,
html [class*=" list-style-"].list-style-square > p,
html [class*=" list-style-"].list-style-square > div,
html [class*=" list-style-"].list-style-square > li.qti-choice::before {
  content: counter(custom-counter, square);
}
html [class^=list-style-].list-style-decimal > p, html [class^=list-style-].list-style-decimal > div, html [class^=list-style-].list-style-decimal > li.qti-choice::before,
html [class*=" list-style-"].list-style-decimal > p,
html [class*=" list-style-"].list-style-decimal > div,
html [class*=" list-style-"].list-style-decimal > li.qti-choice::before {
  content: counter(custom-counter, decimal);
}
html [class^=list-style-].list-style-decimal-leading-zero > p, html [class^=list-style-].list-style-decimal-leading-zero > div, html [class^=list-style-].list-style-decimal-leading-zero > li.qti-choice::before,
html [class*=" list-style-"].list-style-decimal-leading-zero > p,
html [class*=" list-style-"].list-style-decimal-leading-zero > div,
html [class*=" list-style-"].list-style-decimal-leading-zero > li.qti-choice::before {
  content: counter(custom-counter, decimal-leading-zero);
}
html [class^=list-style-].list-style-lower-roman > p, html [class^=list-style-].list-style-lower-roman > div, html [class^=list-style-].list-style-lower-roman > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-roman > p,
html [class*=" list-style-"].list-style-lower-roman > div,
html [class*=" list-style-"].list-style-lower-roman > li.qti-choice::before {
  content: counter(custom-counter, lower-roman);
}
html [class^=list-style-].list-style-upper-roman > p, html [class^=list-style-].list-style-upper-roman > div, html [class^=list-style-].list-style-upper-roman > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-roman > p,
html [class*=" list-style-"].list-style-upper-roman > div,
html [class*=" list-style-"].list-style-upper-roman > li.qti-choice::before {
  content: counter(custom-counter, upper-roman);
}
html [class^=list-style-].list-style-lower-greek > p, html [class^=list-style-].list-style-lower-greek > div, html [class^=list-style-].list-style-lower-greek > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-greek > p,
html [class*=" list-style-"].list-style-lower-greek > div,
html [class*=" list-style-"].list-style-lower-greek > li.qti-choice::before {
  content: counter(custom-counter, lower-greek);
}
html [class^=list-style-].list-style-lower-latin > p, html [class^=list-style-].list-style-lower-latin > div, html [class^=list-style-].list-style-lower-latin > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-latin > p,
html [class*=" list-style-"].list-style-lower-latin > div,
html [class*=" list-style-"].list-style-lower-latin > li.qti-choice::before {
  content: counter(custom-counter, lower-latin);
}
html [class^=list-style-].list-style-upper-latin > p, html [class^=list-style-].list-style-upper-latin > div, html [class^=list-style-].list-style-upper-latin > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-latin > p,
html [class*=" list-style-"].list-style-upper-latin > div,
html [class*=" list-style-"].list-style-upper-latin > li.qti-choice::before {
  content: counter(custom-counter, upper-latin);
}
html [class^=list-style-].list-style-armenian > p, html [class^=list-style-].list-style-armenian > div, html [class^=list-style-].list-style-armenian > li.qti-choice::before,
html [class*=" list-style-"].list-style-armenian > p,
html [class*=" list-style-"].list-style-armenian > div,
html [class*=" list-style-"].list-style-armenian > li.qti-choice::before {
  content: counter(custom-counter, armenian);
}
html [class^=list-style-].list-style-georgian > p, html [class^=list-style-].list-style-georgian > div, html [class^=list-style-].list-style-georgian > li.qti-choice::before,
html [class*=" list-style-"].list-style-georgian > p,
html [class*=" list-style-"].list-style-georgian > div,
html [class*=" list-style-"].list-style-georgian > li.qti-choice::before {
  content: counter(custom-counter, georgian);
}
html [class^=list-style-].list-style-lower-alpha > p, html [class^=list-style-].list-style-lower-alpha > div, html [class^=list-style-].list-style-lower-alpha > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-alpha > p,
html [class*=" list-style-"].list-style-lower-alpha > div,
html [class*=" list-style-"].list-style-lower-alpha > li.qti-choice::before {
  content: counter(custom-counter, lower-alpha);
}
html [class^=list-style-].list-style-upper-alpha > p, html [class^=list-style-].list-style-upper-alpha > div, html [class^=list-style-].list-style-upper-alpha > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-alpha > p,
html [class*=" list-style-"].list-style-upper-alpha > div,
html [class*=" list-style-"].list-style-upper-alpha > li.qti-choice::before {
  content: counter(custom-counter, upper-alpha);
}
html [class^=list-style-].list-style-disc-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-disc-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, disc) ")";
}
html [class^=list-style-].list-style-disc-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-disc-period > li.qti-choice::before {
  content: counter(custom-counter, disc) ".";
}
html [class^=list-style-].list-style-circle-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-circle-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, circle) ")";
}
html [class^=list-style-].list-style-circle-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-circle-period > li.qti-choice::before {
  content: counter(custom-counter, circle) ".";
}
html [class^=list-style-].list-style-square-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-square-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, square) ")";
}
html [class^=list-style-].list-style-square-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-square-period > li.qti-choice::before {
  content: counter(custom-counter, square) ".";
}
html [class^=list-style-].list-style-decimal-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-decimal-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, decimal) ")";
}
html [class^=list-style-].list-style-decimal-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-decimal-period > li.qti-choice::before {
  content: counter(custom-counter, decimal) ".";
}
html [class^=list-style-].list-style-decimal-leading-zero-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-decimal-leading-zero-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, decimal-leading-zero) ")";
}
html [class^=list-style-].list-style-decimal-leading-zero-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-decimal-leading-zero-period > li.qti-choice::before {
  content: counter(custom-counter, decimal-leading-zero) ".";
}
html [class^=list-style-].list-style-lower-roman-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-roman-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, lower-roman) ")";
}
html [class^=list-style-].list-style-lower-roman-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-roman-period > li.qti-choice::before {
  content: counter(custom-counter, lower-roman) ".";
}
html [class^=list-style-].list-style-upper-roman-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-roman-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, upper-roman) ")";
}
html [class^=list-style-].list-style-upper-roman-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-roman-period > li.qti-choice::before {
  content: counter(custom-counter, upper-roman) ".";
}
html [class^=list-style-].list-style-lower-greek-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-greek-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, lower-greek) ")";
}
html [class^=list-style-].list-style-lower-greek-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-greek-period > li.qti-choice::before {
  content: counter(custom-counter, lower-greek) ".";
}
html [class^=list-style-].list-style-lower-latin-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-latin-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, lower-latin) ")";
}
html [class^=list-style-].list-style-lower-latin-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-latin-period > li.qti-choice::before {
  content: counter(custom-counter, lower-latin) ".";
}
html [class^=list-style-].list-style-upper-latin-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-latin-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, upper-latin) ")";
}
html [class^=list-style-].list-style-upper-latin-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-latin-period > li.qti-choice::before {
  content: counter(custom-counter, upper-latin) ".";
}
html [class^=list-style-].list-style-armenian-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-armenian-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, armenian) ")";
}
html [class^=list-style-].list-style-armenian-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-armenian-period > li.qti-choice::before {
  content: counter(custom-counter, armenian) ".";
}
html [class^=list-style-].list-style-georgian-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-georgian-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, georgian) ")";
}
html [class^=list-style-].list-style-georgian-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-georgian-period > li.qti-choice::before {
  content: counter(custom-counter, georgian) ".";
}
html [class^=list-style-].list-style-lower-alpha-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-alpha-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, lower-alpha) ")";
}
html [class^=list-style-].list-style-lower-alpha-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-lower-alpha-period > li.qti-choice::before {
  content: counter(custom-counter, lower-alpha) ".";
}
html [class^=list-style-].list-style-upper-alpha-parenthesis > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-alpha-parenthesis > li.qti-choice::before {
  content: counter(custom-counter, upper-alpha) ")";
}
html [class^=list-style-].list-style-upper-alpha-period > li.qti-choice::before,
html [class*=" list-style-"].list-style-upper-alpha-period > li.qti-choice::before {
  content: counter(custom-counter, upper-alpha) ".";
}
html table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
}
html table.matrix {
  width: 100%;
  border: 6px solid #f9f8f7;
  margin-bottom: 10px;
}
html table.matrix td, html table.matrix th {
  font-weight: normal;
  padding: 3px 5px;
  border: 1px solid #ddd;
}
html table.matrix th {
  text-align: left;
  vertical-align: middle;
  background: #f9f8f7;
}
html table.matrix td {
  background: transparent;
  text-align: left;
  padding: 2px;
}
html table.matrix td.numeric {
  text-align: right;
}
html table.matrix td label {
  display: block;
  margin: 0;
}
html table.matrix tr:nth-child(even) {
  background: white;
}
html table.matrix tr:nth-child(odd) {
  background: #f4f7f8;
}
html table.matrix [data-edit], html table.matrix [data-edit] * {
  border: none;
  padding: 6px;
  cursor: pointer;
}
html table.matrix tbody [data-edit] {
  width: 30px;
}
html .tbl {
  display: table;
  float: none !important;
}
html .tbl-row {
  display: table-row;
  float: none !important;
}
html .tbl-cell {
  display: table-cell;
  vertical-align: top;
  float: none !important;
}
html .svg-glyph {
  fill: currentColor;
}
html .txt-user-highlight {
  color: #222 !important;
  background-color: yellow !important;
}

[class^=feedback-], [class*=" feedback-"] {
  border: 1px transparent solid;
  position: relative;
  padding: 20px 20px 20px 45px;
  margin: 5px 0 10px 0;
  border-radius: 3px;
  color: #222 !important;
}
[class^=feedback-].small, [class*=" feedback-"].small {
  padding: 8px 20px 8px 45px;
}
[class^=feedback-].small > [class^=icon-], [class^=feedback-].small > [class*=" icon-"], [class*=" feedback-"].small > [class^=icon-], [class*=" feedback-"].small > [class*=" icon-"] {
  top: 9px;
  left: 10px;
}
[class^=feedback-] > [class^=icon-], [class^=feedback-] > [class*=" icon-"], [class*=" feedback-"] > [class^=icon-], [class*=" feedback-"] > [class*=" icon-"] {
  font-size: 20px;
  font-size: 2rem;
  position: absolute;
  top: 20px;
  left: 15px;
}
[class^=feedback-] > [class^=icon-].icon-close, [class^=feedback-] > [class^=icon-].icon-remove, [class^=feedback-] > [class*=" icon-"].icon-close, [class^=feedback-] > [class*=" icon-"].icon-remove, [class*=" feedback-"] > [class^=icon-].icon-close, [class*=" feedback-"] > [class^=icon-].icon-remove, [class*=" feedback-"] > [class*=" icon-"].icon-close, [class*=" feedback-"] > [class*=" icon-"].icon-remove {
  font-size: 15px;
  font-size: 1.5rem;
  color: #999;
  left: auto;
  top: 5px;
  cursor: pointer;
}
[class^=feedback-] > [class^=icon-].icon-close:hover, [class^=feedback-] > [class^=icon-].icon-remove:hover, [class^=feedback-] > [class*=" icon-"].icon-close:hover, [class^=feedback-] > [class*=" icon-"].icon-remove:hover, [class*=" feedback-"] > [class^=icon-].icon-close:hover, [class*=" feedback-"] > [class^=icon-].icon-remove:hover, [class*=" feedback-"] > [class*=" icon-"].icon-close:hover, [class*=" feedback-"] > [class*=" icon-"].icon-remove:hover {
  color: #222;
}
[class^=feedback-] > [class^=icon-].icon-remove, [class^=feedback-] > [class*=" icon-"].icon-remove, [class*=" feedback-"] > [class^=icon-].icon-remove, [class*=" feedback-"] > [class*=" icon-"].icon-remove {
  right: 24px;
}
[class^=feedback-] > [class^=icon-].icon-close, [class^=feedback-] > [class*=" icon-"].icon-close, [class*=" feedback-"] > [class^=icon-].icon-close, [class*=" feedback-"] > [class*=" icon-"].icon-close {
  right: 7px;
}
[class^=feedback-].popup, [class*=" feedback-"].popup {
  display: block;
  position: fixed;
  top: 50px;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  z-index: 999999;
}

.feedback-success, .tooltip-green {
  border-color: #269c5d;
  background-color: #cfe9db;
}
.feedback-success .icon-success, .tooltip-green .icon-success {
  color: rgb(14, 145, 75) !important;
}

.feedback-info, .tooltip-blue {
  border-color: #266d9c;
  background-color: #cfdfe9;
}
.feedback-info .icon-info, .tooltip-blue .icon-info, .feedback-info .icon-lock, .tooltip-blue .icon-lock {
  color: rgb(14, 93, 145) !important;
}
.feedback-info .button-container, .tooltip-blue .button-container {
  margin-top: 20px;
}

.feedback-warning, .tooltip-orange {
  border-color: #dcb66b;
  background-color: #f7efde;
}
.feedback-warning .icon-warning, .tooltip-orange .icon-warning {
  color: rgb(216, 174, 91) !important;
}

.feedback-danger, .tooltip-danger {
  border-color: #ce7056;
  background-color: #f4dfd9;
}
.feedback-danger .icon-danger, .tooltip-danger .icon-danger {
  color: rgb(201, 96, 67) !important;
}

.feedback-error, .tooltip-red {
  border-color: #c12a40;
  background-color: #f1d0d5;
}
.feedback-error .icon-error, .tooltip-red .icon-error {
  color: rgb(186, 18, 43) !important;
}

.brd-success {
  border: 1px solid #269c5d !important;
}

.brd-info {
  border: 1px solid #266d9c !important;
}

.brd-warning {
  border: 1px solid #dcb66b !important;
}

.brd-danger {
  border: 1px solid #ce7056 !important;
}

.brd-error {
  border: 1px solid #c12a40 !important;
}

.txt-success {
  color: rgb(14, 145, 75) !important;
}

.txt-info {
  color: rgb(14, 93, 145) !important;
}

.txt-warning {
  color: rgb(216, 174, 91) !important;
}

.txt-danger {
  color: rgb(201, 96, 67) !important;
}

.txt-error {
  color: rgb(186, 18, 43) !important;
}

.bg-success {
  background-color: #cfe9db;
}

.bg-info {
  background-color: #cfdfe9;
}

.bg-warning {
  background-color: #f7efde;
}

.bg-danger {
  background-color: #f4dfd9;
}

.bg-error {
  background-color: #f1d0d5;
}

textarea + .feedback-info, textarea + .tooltip-blue {
  padding: 5px;
}

[class*=" col-"],
[class^=col-] {
  float: left;
  min-block-size: 1rem;
}
[class*=" col-"]:first-child,
[class^=col-]:first-child {
  margin-left: 0;
}
[class*=" col-"].grid-container,
[class^=col-].grid-container {
  margin-bottom: 0;
}

.col-12 {
  float: none;
}

.grid-container {
  overflow-x: hidden;
}

.grid-row,
.fixed-grid-row {
  inline-size: 101.4285714286%;
}

.col-1 {
  margin-inline-start: 1.4285714286%;
  inline-size: 6.9047619048%;
  margin-block-end: 12px;
}

.col-2 {
  margin-inline-start: 1.4285714286%;
  inline-size: 15.2380952381%;
  margin-block-end: 12px;
}

.col-3 {
  margin-inline-start: 1.4285714286%;
  inline-size: 23.5714285714%;
  margin-block-end: 12px;
}

.col-4 {
  margin-inline-start: 1.4285714286%;
  inline-size: 31.9047619048%;
  margin-block-end: 12px;
}

.col-5 {
  margin-inline-start: 1.4285714286%;
  inline-size: 40.2380952381%;
  margin-block-end: 12px;
}

.col-6 {
  margin-inline-start: 1.4285714286%;
  inline-size: 48.5714285714%;
  margin-block-end: 12px;
}

.col-7 {
  margin-inline-start: 1.4285714286%;
  inline-size: 56.9047619048%;
  margin-block-end: 12px;
}

.col-8 {
  margin-inline-start: 1.4285714286%;
  inline-size: 65.2380952381%;
  margin-block-end: 12px;
}

.col-9 {
  margin-inline-start: 1.4285714286%;
  inline-size: 73.5714285714%;
  margin-block-end: 12px;
}

.col-10 {
  margin-inline-start: 1.4285714286%;
  inline-size: 81.9047619048%;
  margin-block-end: 12px;
}

.col-11 {
  margin-inline-start: 1.4285714286%;
  inline-size: 90.2380952381%;
  margin-block-end: 12px;
}

.col-12 {
  margin-inline-start: 1.4285714286%;
  inline-size: 98.5714285714%;
  margin-block-end: 12px;
}

.alpha {
  margin-inline-start: 0 !important;
}

.writing-mode-vertical-rl .grid-row.grid-row,
.writing-mode-vertical-rl .fixed-grid-row.fixed-grid-row {
  block-size: auto;
  inline-size: 100%;
}
.writing-mode-vertical-rl [class*=" col-"]:first-child,
.writing-mode-vertical-rl [class^=col-]:first-child {
  margin-inline-start: 0;
  margin-block-end: 12px;
}
.writing-mode-vertical-rl [class*=" col-"]:last-child,
.writing-mode-vertical-rl [class^=col-]:last-child {
  margin-inline-end: 0;
}
.writing-mode-vertical-rl .grid-row:last-child [class*=" col-"],
.writing-mode-vertical-rl .grid-row:last-child [class^=col-] {
  margin-block-end: 0;
}

#icon-editor .grid-row {
  width: 100%;
}
#icon-editor .col-1 {
  margin-inline-start: 0%;
  inline-size: 8.3333333333%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-2 {
  margin-inline-start: 0%;
  inline-size: 16.6666666667%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-3 {
  margin-inline-start: 0%;
  inline-size: 25%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-4 {
  margin-inline-start: 0%;
  inline-size: 33.3333333333%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-5 {
  margin-inline-start: 0%;
  inline-size: 41.6666666667%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-6 {
  margin-inline-start: 0%;
  inline-size: 50%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-7 {
  margin-inline-start: 0%;
  inline-size: 58.3333333333%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-8 {
  margin-inline-start: 0%;
  inline-size: 66.6666666667%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-9 {
  margin-inline-start: 0%;
  inline-size: 75%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-10 {
  margin-inline-start: 0%;
  inline-size: 83.3333333333%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-11 {
  margin-inline-start: 0%;
  inline-size: 91.6666666667%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#icon-editor .col-12 {
  margin-inline-start: 0%;
  inline-size: 100%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.xhtml_form .form-toolbar:before, .xhtml_form .form-toolbar:after {
  content: " ";
  display: table;
}
.xhtml_form .form-toolbar:after {
  clear: both;
}

/*
Usage:
- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
   if 3 colors used then the position of each will be 33,33%
- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
   first param - color, second - position. Also you can use px or other valid units for set position.
*/
/* based on "visually-hidden" mixin in LDS for accessibility goals */
/*
 * Every style defined here must be mirrored with `writing-mode-horizontal-tb` mixin.
   Because writing-mode can be defined on 2 levels: a) it