@oat-sa/tao-core-ui 1.47.1 → 1.49.2

package/dist/calculator/css/calculator.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../scss/inc/_functions.scss","../scss/calculator.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../../../scss/inc/_colors.scss"],"names":[],"mappings":"AAaA;;;;;;CCPC;ACND,gBAAA;ADCA,uCAAA;AAEA,yEAAA;AAKA;IAEQ,WAAW;IACX,YAAY;IACZ,gBAAgB;IAChB,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,WEKQ;IFJR,cAAc;IACd,WAAW;IACX,uBAAuB;IACvB,UAAU;IACV,mBAAmB;IACnB,SAAS;IACT,gBAAgB;IAChB,eAAe;IACf,aAAa;IACb,YAAY;IACZ,iBAAiB;IACjB,UAAU;IACV,gBAAgB;IAChB,WAAW;IACX,gBAAgB;IAChB,qBAAqB;IACrB,SAAS;IACT,mBAAmB;AAE3B;;AA5BA;IA4BY,WAAW;IACX,YAAY;IACZ,cAAc;IACd,SAAS;IACT,kBAAkB;AAI9B;;AApCA;IAmCY,YAAY;IACZ,oBAAoB;IACpB,WAAW;IACX;;;aAOC;IAHD,eAAe;AAK3B;;AA/CA;IA4CgB,yBEvBc;IFwBd,gBAAgB;IAChB,UAAU;IACV,YAAY;IACZ,sBAA4B;IAC5B,WAAW;IACX,WAAW;IACX,kBAAkB;IAClB,iBAAiB;IACjB,UAAU;IACV,YAAY;IACZ,eAAe;AAO/B;;AA9DA;IAyDoB,WAAW;AAS/B;;AAlEA;IA4DoB,UAAU;AAU9B;;AAtEA;IA+DoB,aAAa;AAWjC;;AA1EA;IAkEoB,UAAU;AAY9B;;AA9EA;IAqEoB,UAAU;AAa9B;;AAlFA;IAwEoB,WAAW;AAc/B;;AAtFA;IA2EoB,yBAAuB;IA9EvC,2BAAiC;AA8FrC;;AA3FA;IAHI,2BAAiC;AAkGrC;;AA/FA;IAiFwB,WAAW;IACX,kBAAkB;IArFtC,2BAAiC;AAwGrC;;AArGA;IAsFwB,iBAAiB;IAzFrC,yBAAiC;AA6GrC;;AA1GA;IAHI,2BAAiC;AAiHrC;;AA9GA;IA8FoB,YAAY;IACZ,qBAAqB;IACrB,mBDmF8B;IC/E9B,sBAAsB;IACtB,iBAAiB;IACjB,wBAAwB;IACxB,eAAe;IACf,gBAAgB;IAChB,WAAW;IACX,gBAAgB;IAChB,kBAAkB;IAClB,WAAW;AAiB/B;;AA7HA;IAkGwB,mBDiF0B;AClDlD;;AAjIA;IA+GoB,iBAAiB;IAlHjC,2BAAiC;AAyIrC;;AAtIA;IAmHoB,iBAAiB;IACjB,sBAA4B;IAC5B,sBAAsB;IACtB,iBAAiB;IACjB,mBAAmB;AAuBvC;;AA9IA;IA0HoB,mBDyD8B;ACjClD;;AAlJA;IA6HoB,mBDsD8B;AC7BlD","file":"calculator.css","sourcesContent":["@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix:'') {\n    @each $icon in $iconList {\n        #{$prefix}#{$icon} {\n            background-position: $x * 1px $y * 1px;\n        }\n        @if $direction == 'x' {\n            $x: $x - 16;\n        } @else {\n            $y: $y - 16;\n        }\n    }\n}\n\n/*\nUsage:\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\n   if 3 colors used then the position of each will be 33,33%\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\n   first param - color, second - position. Also you can use px or other valid units for set position.\n*/\n@mixin linear-gradient($colorList, $direction: 'to right') {\n    $percentage: 0;\n    $units: '%';\n    $count: length($colorList);\n    $increment: 100 / ($count - 1);\n    $css: #{$direction + ', '};\n    $sep: ', ';\n    @each $colorItem in $colorList {\n        $color: $colorItem;\n        @if (length($colorItem) > 1) {\n            $color: nth($colorItem, 1);\n            $percentage: nth($colorItem, 2);\n            $units: '';\n        }\n        @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\n            $sep: '';\n        }\n        $css: #{$css + $color + ' ' + $percentage + $units + $sep};\n        $percentage: $percentage + $increment;\n    }\n    background: linear-gradient( #{$css} );\n}\n\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\n    $gridPx: 840;\n    $rawSpanPx: (($gridPx - ($numCols * $gutter)) / $numCols);\n    $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\n    $spanPercent: widthPerc($spanPx, $gridPx);\n    $marginPercent: widthPerc($gutter, $gridPx);\n    margin-left: $marginPercent;\n    width: $spanPercent;\n}\n\n\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\n    @if $whatToPrefix == 'property' {\n        @each $prefix in $prefixes {\n            #{$prefix + $property}: #{$value};\n        }\n    }\n    @else if $whatToPrefix == 'value' {\n        @each $prefix in $prefixes {\n            #{$property}: #{$prefix + $value};\n        }\n    }\n}\n@mixin flex-container($wrapBehavior: nowrap, $direction : row) {\n    @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\n\n    @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\n    @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\n\n    @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\n\n    @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\n\n    @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\n}\n\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\n\n    @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\n    flex-item-align: stretch;\n    -ms-flex-item-align: stretch;\n    @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\n\n    // if both, min width and width are set, width will win this conflict\n    @if ($width == auto) {\n        @if ($minWidth != 1) {\n            @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\n        }\n        @else {\n            @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\n            // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\n            // for a discussion auto vs. main-size\n            @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\n        }\n    }\n    @else {\n        @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\n    }\n}\n\n\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, .2)) {\n    @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\n}\n\n@mixin simple-border($color: #ddd) {\n    border: 1px solid $color;\n    border-radius: 2px;\n    -webkit-border-radius: 2px;\n}\n\n@mixin border-radius($radius: 2) {\n    -moz-border-radius: $radius * 1px;\n    -webkit-border-radius: $radius * 1px;\n    border-radius: $radius * 1px;\n}\n\n@mixin border-radius-top($radius: 2) {\n    -webkit-border-top-left-radius: $radius * 1px;\n    -webkit-border-top-right-radius: $radius * 1px;\n    -moz-border-radius-topleft: $radius * 1px;\n    -moz-border-radius-topright: $radius * 1px;\n    border-top-left-radius: $radius * 1px;\n    border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom($radius: 2) {\n    -webkit-border-bottom-right-radius: $radius * 1px;\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-bottomright: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-bottom-right-radius: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-left($radius: 2) {\n    -webkit-border-top-left-radius: $radius * 1px;\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-topleft: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-top-left-radius: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-right($radius: 2) {\n    -webkit-border-top-right-radius: $radius * 1px;\n    -webkit-border-bottom-right-radius: $radius * 1px;\n    -moz-border-radius-topright: $radius * 1px;\n    -moz-border-radius-bottomright: $radius * 1px;\n    border-top-right-radius: $radius * 1px;\n    border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-left($radius: 2) {\n  -webkit-border-top-left-radius: $radius * 1px;\n  -moz-border-radius-topleft: $radius * 1px;\n  border-top-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-right($radius: 2) {\n  -webkit-border-top-right-radius: $radius * 1px;\n  -moz-border-radius-topright: $radius * 1px;\n  border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-right($radius: 2) {\n  -webkit-border-bottom-right-radius: $radius * 1px;\n  -moz-border-radius-bottomright: $radius * 1px;\n  border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-left($radius: 2) {\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-box() {\n    -moz-box-sizing: border-box;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n}\n\n@function whiten($color, $white: 0.3) {\n    @return mix(#fff, $color, ($white * 100) * 1%);\n}\n\n@function blacken($color, $black: 0.3) {\n    @return mix(#000, $color, ($black * 100) * 1%);\n}\n\n@function widthPerc($colWidth, $context) {\n    @return ($colWidth * 100 / $context) * 1%\n}\n\n@function remDist($fontSizePx) {\n    @return ($fontSizePx / 10) * 1rem\n}\n\n@function black($alpha: 1) {\n    @return (rgba(0, 0, 0, $alpha))\n}\n\n@function white($alpha: 1) {\n    @return (rgba(255, 255, 255, $alpha))\n}\n\n@mixin font-size($remPx, $important: false) {\n    @if $important == true {\n        font-size: ($remPx) * 1px !important;\n        font-size: ($remPx / 10) * 1rem !important;\n    }\n    @else {\n        font-size: ($remPx) * 1px;\n        font-size: ($remPx / 10) * 1rem;\n    }\n}\n\n\n@mixin keyframes($name) {\n    @-o-keyframes #{$name} { @content };\n    @-moz-keyframes #{$name} { @content };\n    @-webkit-keyframes #{$name} { @content };\n    @keyframes #{$name} { @content };\n}\n\n\n@mixin animation($value, $type:'') {\n    $animation: animation;\n    @if $type != '' {\n        $animation:  $animation + '-' + $type;\n    }\n    @include vendor-prefix($animation, $value, property);\n}\n\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\n///\n/// @param {property} [$type = all] the CSS property to apply the transition to\n/// @param {time} [$duration = .5s] the transition property\n/// @param {timing-function} [$effect = ease-out] the transition property\n@mixin transition($type : all, $duration : 0.5s, $effect : ease-out, $delay : 0s){\n    @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\n}\n\n@mixin fade($duration: 1s){\n\n    @include keyframes(fade) {\n        0%   {opacity:0;}\n        50%   {opacity:1;}\n        100% {opacity:0;}\n    }\n\n    @include vendor-prefix(animation, fade 1s forwards, property);\n}\n\n@mixin repeat(){\n    @include animation(infinite, iteration-count);\n}\n\n@mixin largeHeading() {\n    @include font-size(20);\n    font-family: $headingFont;\n    font-style: normal;\n}\n\n@mixin disableSelect() {\n    @include vendor-prefix(user-select, none, property);\n}\n","@import \"inc/bootstrap\";\n/* Style for the calculator component */\n\n/* font size mixin specific to calculator to use em instead of rem unit */\n@mixin calc-font-size($em) {\n    font-size: ($em) * 1em !important;\n}\n\n.dynamic-component-container {\n    .calcContainer {\n        width: 100%;\n        height: 100%;\n        background: none;\n        border: none;\n        bottom: auto;\n        clear: none;\n        color: $textColor;\n        display: block;\n        float: none;\n        font-family: sans-serif;\n        left: auto;\n        line-height: normal;\n        margin: 0;\n        max-height: none;\n        max-width: none;\n        min-height: 0;\n        min-width: 0;\n        overflow: visible;\n        padding: 0;\n        position: static;\n        right: auto;\n        text-align: left;\n        text-decoration: none;\n        top: auto;\n        visibility: visible;\n        &:after {\n            clear: both;\n            content: \".\";\n            display: block;\n            height: 0;\n            visibility: hidden;\n        }\n        form {\n            height: 100%;\n            padding: 0 20px 20px;\n            width: 100%;\n            /*\n            * the font-size of the parent element of the calculator will serve as the reference for the children.\n            * the children must use em unit for font-sizing to ensure proportional increase when resized.\n            */\n            font-size: 10px;\n            input, button {\n                background-color: $uiClickableDefaultBg;\n                border-radius: 0;\n                padding: 0;\n                border: none;\n                color: $textColor !important;\n                float: left;\n                height: 14%;\n                text-align: center;\n                text-shadow: none;\n                width: 25%;\n                min-width: 0;\n                cursor: pointer;\n                &.div-1{\n                    width: 100%;\n                }\n                &.div-2{\n                    width: 50%;\n                }\n                &.div-3{\n                    width: 33.33%;\n                }\n                &.div-4{\n                    width: 25%;\n                }\n                &.div-5{\n                    width: 20%;\n                }\n                &.calcFirst {\n                    clear: left;\n                }\n                &.calcClear {\n                    color: $info !important;\n                    @include calc-font-size(1.8);\n                }\n                &.calcFunction {\n                    @include calc-font-size(1.8);\n                    sup {\n                        top: -0.5em;\n                        padding-right: 1px;\n                        @include calc-font-size(0.8);\n                    }\n                    sub {\n                        padding-left: 1px;\n                        @include calc-font-size(1.0);\n                    }\n                    &.calcDivision, &.calcMultiplication, &.calcSubtraction, &.calcSum{\n                        @include calc-font-size(2.2);\n                    }\n                }\n                &.calcDisplay {\n                    cursor: text;\n                    opacity: 1 !important;\n                    background: whiten($uiClickableDefaultBg, .7);\n                    &:hover {\n                        background: whiten($uiClickableDefaultBg, .9);\n                    }\n                    font-family: monospace;\n                    text-align: right;\n                    width: calc(100% + 40px);\n                    max-width: none;\n                    padding: 0 0.2em;\n                    height: 16%;\n                    font-size: 2.8em;\n                    position: relative;\n                    left: -20px;\n                }\n                &.calcInput {\n                    font-weight: bold;\n                    @include calc-font-size(1.8);\n                }\n                &.calcSubmit {\n                    font-weight: bold;\n                    color: $textColor !important;\n                    background-color: #ddd;\n                    text-shadow: none;\n                    line-height: normal;\n                }\n                &:hover {\n                    background: $uiClickableActiveBg;\n                }\n                &.triggered {\n                    background: whiten($uiClickableHoverBg, .2);\n                }\n            }\n        }\n    }\n}\n\n/*# sourceMappingURL=calculator.css.map */","/* Do not edit */@mixin tao-icon-setup {\n  /* use !important to prevent issues with browser extensions that change fonts */\n  font-family: 'tao' !important;\n  speak: never;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-info-bare { content: \"\\e923\"; }\n@mixin icon-bookmark-outline { content: \"\\e922\"; }\n@mixin icon-bookmark { content: \"\\e921\"; }\n@mixin icon-indicator { content: \"\\e920\"; }\n@mixin icon-add-subsection { content: \"\\e918\"; }\n@mixin icon-wrap-inline { content: \"\\e915\"; }\n@mixin icon-wrap-left { content: \"\\e916\"; }\n@mixin icon-wrap-right { content: \"\\e917\"; }\n@mixin icon-offline { content: \"\\e913\"; }\n@mixin icon-online { content: \"\\e914\"; }\n@mixin icon-tab { content: \"\\e90d\"; }\n@mixin icon-untab { content: \"\\e90e\"; }\n@mixin icon-multi-select { content: \"\\e90b\"; }\n@mixin icon-clipboard { content: \"\\e90a\"; }\n@mixin icon-filebox { content: \"\\e909\"; }\n@mixin icon-click-to-speak { content: \"\\e907\"; }\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\n@mixin icon-microphone { content: \"\\f130\"; }\n@mixin icon-microphone-off { content: \"\\f131\"; }\n@mixin icon-disconnect { content: \"\\e905\"; }\n@mixin icon-connect { content: \"\\e906\"; }\n@mixin icon-eliminate { content: \"\\e904\"; }\n@mixin icon-wheelchair { content: \"\\e903\"; }\n@mixin icon-text-marker { content: \"\\e902\"; }\n@mixin icon-unshield { content: \"\\e32a\"; }\n@mixin icon-shield { content: \"\\e8e8\"; }\n@mixin icon-tree { content: \"\\e6b4\"; }\n@mixin icon-home { content: \"\\e6b3\"; }\n@mixin icon-shared-file { content: \"\\e6b2\"; }\n@mixin icon-end-attempt { content: \"\\e603\"; }\n@mixin icon-icon { content: \"\\f1c5\"; }\n@mixin icon-radio-bg { content: \"\\e600\"; }\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\n@mixin icon-tag { content: \"\\e602\"; }\n@mixin icon-style { content: \"\\e604\"; }\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\n@mixin icon-property-advanced { content: \"\\e606\"; }\n@mixin icon-property-add { content: \"\\e607\"; }\n@mixin icon-repository-add { content: \"\\e608\"; }\n@mixin icon-repository-remove { content: \"\\e609\"; }\n@mixin icon-repository { content: \"\\e60a\"; }\n@mixin icon-result-server { content: \"\\e60b\"; }\n@mixin icon-folder { content: \"\\e60c\"; }\n@mixin icon-folder-open { content: \"\\e60d\"; }\n@mixin icon-left { content: \"\\e60e\"; }\n@mixin icon-right { content: \"\\e60f\"; }\n@mixin icon-up { content: \"\\e610\"; }\n@mixin icon-down { content: \"\\e611\"; }\n@mixin icon-undo { content: \"\\e612\"; }\n@mixin icon-redo { content: \"\\e613\"; }\n@mixin icon-screen { content: \"\\e614\"; }\n@mixin icon-laptop { content: \"\\e615\"; }\n@mixin icon-tablet { content: \"\\e616\"; }\n@mixin icon-phone { content: \"\\e617\"; }\n@mixin icon-move { content: \"\\e618\"; }\n@mixin icon-bin { content: \"\\e619\"; }\n@mixin icon-shuffle { content: \"\\e61a\"; }\n@mixin icon-print { content: \"\\e61b\"; }\n@mixin icon-tools { content: \"\\e61c\"; }\n@mixin icon-settings { content: \"\\e61d\"; }\n@mixin icon-video { content: \"\\e61e\"; }\n@mixin icon-find { content: \"\\e61f\"; }\n@mixin icon-image { content: \"\\e620\"; }\n@mixin icon-edit { content: \"\\e621\"; }\n@mixin icon-document { content: \"\\e622\"; }\n@mixin icon-resize-grid { content: \"\\e623\"; }\n@mixin icon-resize { content: \"\\e624\"; }\n@mixin icon-help { content: \"\\e625\"; }\n@mixin icon-mobile-menu { content: \"\\e626\"; }\n@mixin icon-fix { content: \"\\e627\"; }\n@mixin icon-unlock { content: \"\\e628\"; }\n@mixin icon-lock { content: \"\\e629\"; }\n@mixin icon-ul { content: \"\\e62a\"; }\n@mixin icon-ol { content: \"\\e62b\"; }\n@mixin icon-email { content: \"\\e62c\"; }\n@mixin icon-download { content: \"\\e62d\"; }\n@mixin icon-logout { content: \"\\e62e\"; }\n@mixin icon-login { content: \"\\e62f\"; }\n@mixin icon-spinner { content: \"\\e630\"; }\n@mixin icon-preview { content: \"\\e631\"; }\n@mixin icon-external { content: \"\\e632\"; }\n@mixin icon-time { content: \"\\e633\"; }\n@mixin icon-save { content: \"\\e634\"; }\n@mixin icon-warning { content: \"\\e635\"; }\n@mixin icon-add { content: \"\\e636\"; }\n@mixin icon-error { content: \"\\e900\"; }\n@mixin icon-close { content: \"\\e637\"; }\n@mixin icon-success { content: \"\\e638\"; }\n@mixin icon-remove { content: \"\\e639\"; }\n@mixin icon-info { content: \"\\e63a\"; }\n@mixin icon-danger { content: \"\\e63b\"; }\n@mixin icon-users { content: \"\\e63c\"; }\n@mixin icon-user { content: \"\\e63d\"; }\n@mixin icon-test-taker { content: \"\\e63e\"; }\n@mixin icon-test-takers { content: \"\\e63f\"; }\n@mixin icon-item { content: \"\\e640\"; }\n@mixin icon-test { content: \"\\e641\"; }\n@mixin icon-delivery { content: \"\\e642\"; }\n@mixin icon-eye-slash { content: \"\\e643\"; }\n@mixin icon-result { content: \"\\e644\"; }\n@mixin icon-delivery-small { content: \"\\e645\"; }\n@mixin icon-upload { content: \"\\e646\"; }\n@mixin icon-result-small { content: \"\\e647\"; }\n@mixin icon-mobile-preview { content: \"\\e648\"; }\n@mixin icon-extension { content: \"\\e649\"; }\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\n@mixin icon-table { content: \"\\e64d\"; }\n@mixin icon-anchor { content: \"\\e64e\"; }\n@mixin icon-unlink { content: \"\\e64f\"; }\n@mixin icon-link { content: \"\\e650\"; }\n@mixin icon-right-left { content: \"\\e651\"; }\n@mixin icon-left-right { content: \"\\e652\"; }\n@mixin icon-special-character { content: \"\\e653\"; }\n@mixin icon-source { content: \"\\e654\"; }\n@mixin icon-new-page { content: \"\\e655\"; }\n@mixin icon-templates { content: \"\\e656\"; }\n@mixin icon-cut { content: \"\\e657\"; }\n@mixin icon-replace { content: \"\\e658\"; }\n@mixin icon-copy { content: \"\\e659\"; }\n@mixin icon-paste { content: \"\\e65a\"; }\n@mixin icon-select-all { content: \"\\e65b\"; }\n@mixin icon-paste-text { content: \"\\e65c\"; }\n@mixin icon-paste-word { content: \"\\e65d\"; }\n@mixin icon-bold { content: \"\\e65e\"; }\n@mixin icon-italic { content: \"\\e65f\"; }\n@mixin icon-underline { content: \"\\e660\"; }\n@mixin icon-subscript { content: \"\\e661\"; }\n@mixin icon-superscript { content: \"\\e662\"; }\n@mixin icon-strike-through { content: \"\\e663\"; }\n@mixin icon-decrease-indent { content: \"\\e664\"; }\n@mixin icon-increase-indent { content: \"\\e665\"; }\n@mixin icon-block-quote { content: \"\\e666\"; }\n@mixin icon-div-container { content: \"\\e667\"; }\n@mixin icon-align-left { content: \"\\e668\"; }\n@mixin icon-center { content: \"\\e669\"; }\n@mixin icon-align-right { content: \"\\e66a\"; }\n@mixin icon-justify { content: \"\\e66b\"; }\n@mixin icon-choice { content: \"\\e66c\"; }\n@mixin icon-inline-choice { content: \"\\e66d\"; }\n@mixin icon-match { content: \"\\e66e\"; }\n@mixin icon-associate { content: \"\\e66f\"; }\n@mixin icon-media { content: \"\\e670\"; }\n@mixin icon-graphic-order { content: \"\\e671\"; }\n@mixin icon-hotspot { content: \"\\e672\"; }\n@mixin icon-graphic-gap { content: \"\\e673\"; }\n@mixin icon-graphic-associate { content: \"\\e674\"; }\n@mixin icon-select-point { content: \"\\e675\"; }\n@mixin icon-pin { content: \"\\e676\"; }\n@mixin icon-import { content: \"\\e677\"; }\n@mixin icon-export { content: \"\\e678\"; }\n@mixin icon-move-item { content: \"\\e679\"; }\n@mixin icon-meta-data { content: \"\\e67a\"; }\n@mixin icon-slider { content: \"\\e67b\"; }\n@mixin icon-summary-report { content: \"\\e67c\"; }\n@mixin icon-text-entry { content: \"\\e67d\"; }\n@mixin icon-extended-text { content: \"\\e67e\"; }\n@mixin icon-eraser { content: \"\\e67f\"; }\n@mixin icon-row { content: \"\\e680\"; }\n@mixin icon-column { content: \"\\e681\"; }\n@mixin icon-text-color { content: \"\\e682\"; }\n@mixin icon-background-color { content: \"\\e683\"; }\n@mixin icon-spell-check { content: \"\\e684\"; }\n@mixin icon-polygon { content: \"\\e685\"; }\n@mixin icon-rectangle { content: \"\\e686\"; }\n@mixin icon-gap-match { content: \"\\e687\"; }\n@mixin icon-order { content: \"\\e688\"; }\n@mixin icon-hottext { content: \"\\e689\"; }\n@mixin icon-free-form { content: \"\\e68a\"; }\n@mixin icon-step-backward { content: \"\\e68b\"; }\n@mixin icon-fast-backward { content: \"\\e68c\"; }\n@mixin icon-backward { content: \"\\e68d\"; }\n@mixin icon-play { content: \"\\e68e\"; }\n@mixin icon-pause { content: \"\\e68f\"; }\n@mixin icon-stop { content: \"\\e690\"; }\n@mixin icon-forward { content: \"\\e691\"; }\n@mixin icon-fast-forward { content: \"\\e692\"; }\n@mixin icon-step-forward { content: \"\\e693\"; }\n@mixin icon-ellipsis { content: \"\\e694\"; }\n@mixin icon-circle { content: \"\\e695\"; }\n@mixin icon-target { content: \"\\e696\"; }\n@mixin icon-guide-arrow { content: \"\\e697\"; }\n@mixin icon-range-slider-right { content: \"\\e698\"; }\n@mixin icon-range-slider-left { content: \"\\e699\"; }\n@mixin icon-radio-checked { content: \"\\e69a\"; }\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\n@mixin icon-checkbox { content: \"\\e69b\"; }\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\n@mixin icon-result-nok { content: \"\\e69e\"; }\n@mixin icon-result-ok { content: \"\\e69f\"; }\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\n@mixin icon-filter { content: \"\\e6a1\"; }\n@mixin icon-translate { content: \"\\e6a2\"; }\n@mixin icon-eject { content: \"\\e6a3\"; }\n@mixin icon-continue { content: \"\\e6a4\"; }\n@mixin icon-radio { content: \"\\e6a5\"; }\n@mixin icon-sphere { content: \"\\e6a6\"; }\n@mixin icon-reset { content: \"\\e6a7\"; }\n@mixin icon-smaller { content: \"\\e6a8\"; }\n@mixin icon-larger { content: \"\\e6a9\"; }\n@mixin icon-clock { content: \"\\e6aa\"; }\n@mixin icon-font { content: \"\\e6ab\"; }\n@mixin icon-maths { content: \"\\e6ac\"; }\n@mixin icon-grip { content: \"\\e6ad\"; }\n@mixin icon-rubric { content: \"\\e6ae\"; }\n@mixin icon-audio { content: \"\\e6af\"; }\n@mixin icon-grip-h { content: \"\\e6b0\"; }\n@mixin icon-magicwand { content: \"\\e6b1\"; }\n@mixin icon-loop { content: \"\\ea2e\"; }\n@mixin icon-calendar { content: \"\\e953\"; }\n@mixin icon-reload { content: \"\\e984\"; }\n@mixin icon-speed { content: \"\\e9a6\"; }\n@mixin icon-volume { content: \"\\ea27\"; }\n@mixin icon-contrast { content: \"\\e9d5\"; }\n@mixin icon-headphones { content: \"\\e910\"; }\n@mixin icon-compress { content: \"\\f066\"; }\n@mixin icon-map-o { content: \"\\f278\"; }\n@mixin icon-variable { content: \"\\e908\"; }\n@mixin icon-tooltip { content: \"\\e90c\"; }\n@mixin icon-globe { content: \"\\e9c9\"; }\n@mixin icon-highlighter { content: \"\\e90f\"; }\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\n@mixin icon-play-from-here { content: \"\\e912\"; }\n","// buttons and alerts\n$success: rgb(14, 145, 75);\n$info: rgb(14, 93, 145);\n$warning: rgb(216, 174, 91);\n$danger: rgb(201, 96, 67);\n$error: rgb(186, 18, 43);\n$activeInteraction: rgb(195, 90, 19);\n\n// corporate identity\n$logoRed: rgb(186, 18, 43);\n$grey: rgb(173, 161, 148);\n$darkBlueGrey: rgb(164, 187, 197);\n$mediumBlueGrey: rgb(193, 212, 220);\n$lightBlueGrey: rgb(228, 236, 239);\n$brownRedGrey: rgb(154, 137, 123);\n$darkBrown: rgb(111, 99, 89);\n$websiteBorder: rgb(141, 148, 158);\n\n// ui elements, these should only variations of the above\n// naming convention: jQueryUi theme roller -> camelCase\n\n$textColor: #222;\n$textHighlight: white;\n\n$uiGeneralContentBg: white();\n$uiGeneralContentBorder: #ddd;\n\n$uiHeaderBg: #d4d5d7;\n\n$uiClickableDefaultBg: #f3f1ef;\n$uiClickableHoverBg: whiten($info, 0.2);\n//$uiClickableActiveBg: $uiHeaderBg;\n$uiClickableActiveBg: whiten($websiteBorder, 0.2);\n//$uiClickableActiveBg: #aaa;\n\n$uiSelectableSelectedBg: whiten($info, 0.2);\n$uiSelectableSelectedHoverBg: whiten($info, 0.1);\n$uiSelectableHoverBg: whiten($info, 0.9);\n\n$uiOverlay: $lightBlueGrey;\n\n// new layout. Implemented now only for review panel\n$uiReviewPanelBg: #f2f2f2;\n$uiReviewPanelTextDisabled: hsl(0, 0%, 45%);\n$uiReviewPanelTextDefault: hsl(0, 0%, 12%);\n$uiReviewPanelBgDefault: $uiGeneralContentBg;\n$uiReviewPanelPrimaryHighlight: hsl(208, 100%, 32%);\n$uiReviewPanelBgInverted: $uiReviewPanelTextDefault;\n$uiReviewPanelTextInverted: $uiGeneralContentBg;\n\n// sidebars etc.\n$canvas: mix(#fff, $grey, 85%);\n\n// colors taken from feedback.scss\n$successBgColor: whiten($success, 0.8);\n$successBorderColor: whiten($success, 0.1);\n\n$infoBgColor: whiten($info, 0.8);\n$infoBorderColor: whiten($info, 0.1);\n\n$warningBgColor: whiten($warning, 0.8);\n$warningBorderColor: whiten($warning, 0.1);\n\n$dangerBgColor: whiten($danger, 0.8);\n$dangerBorderColor: whiten($danger, 0.1);\n\n$errorBgColor: whiten($error, 0.8);\n$errorBorderColor: whiten($error, 0.1);\n\n$darkBar: rgb(51, 51, 51);\n$darkBarTxt: rgb(230, 230, 230);\n$darkBarIcon: rgb(220, 220, 220);\n\n$actionLinkColor: #276d9b;\n$actionLinkHoverColor: #4f83a7;\n\n$colorWheel-01: #c3ba13;\n$colorWheel-02: #84a610;\n$colorWheel-03: #2b8e0e;\n$colorWheel-04: #0f9787;\n$colorWheel-05: #0e5d91;\n$colorWheel-06: #0d2689;\n$colorWheel-07: #400d83;\n$colorWheel-08: #960e7d;\n$colorWheel-09: #ba122b;\n$colorWheel-10: #c34713;\n$colorWheel-11: #c36f13;\n$colorWheel-12: #c39413;\n"]}
+{"version":3,"sources":["../../../scss/inc/_functions.scss","../scss/calculator.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../../../scss/inc/_colors.scss"],"names":[],"mappings":"AAaA;;;;;;CCPC;ACND,gBAAA;ADCA,uCAAA;AAEA,yEAAA;AAKA;IAEQ,WAAW;IACX,YAAY;IACZ,gBAAgB;IAChB,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,WEKQ;IFJR,cAAc;IACd,WAAW;IACX,uBAAuB;IACvB,UAAU;IACV,mBAAmB;IACnB,SAAS;IACT,gBAAgB;IAChB,eAAe;IACf,aAAa;IACb,YAAY;IACZ,iBAAiB;IACjB,UAAU;IACV,gBAAgB;IAChB,WAAW;IACX,gBAAgB;IAChB,qBAAqB;IACrB,SAAS;IACT,mBAAmB;AAE3B;;AA5BA;IA4BY,WAAW;IACX,YAAY;IACZ,cAAc;IACd,SAAS;IACT,kBAAkB;AAI9B;;AApCA;IAmCY,YAAY;IACZ,oBAAoB;IACpB,WAAW;IACX;;;aAOC;IAHD,eAAe;AAK3B;;AA/CA;IA4CgB,yBEvBc;IFwBd,gBAAgB;IAChB,UAAU;IACV,YAAY;IACZ,sBAA4B;IAC5B,WAAW;IACX,WAAW;IACX,kBAAkB;IAClB,iBAAiB;IACjB,UAAU;IACV,YAAY;IACZ,eAAe;AAO/B;;AA9DA;IAyDoB,WAAW;AAS/B;;AAlEA;IA4DoB,UAAU;AAU9B;;AAtEA;IA+DoB,aAAa;AAWjC;;AA1EA;IAkEoB,UAAU;AAY9B;;AA9EA;IAqEoB,UAAU;AAa9B;;AAlFA;IAwEoB,WAAW;AAc/B;;AAtFA;IA2EoB,yBAAuB;IA9EvC,2BAAiC;AA8FrC;;AA3FA;IAHI,2BAAiC;AAkGrC;;AA/FA;IAiFwB,WAAW;IACX,kBAAkB;IArFtC,2BAAiC;AAwGrC;;AArGA;IAsFwB,iBAAiB;IAzFrC,yBAAiC;AA6GrC;;AA1GA;IAHI,2BAAiC;AAiHrC;;AA9GA;IA8FoB,YAAY;IACZ,qBAAqB;IACrB,mBDmF8B;IC/E9B,sBAAsB;IACtB,iBAAiB;IACjB,wBAAwB;IACxB,eAAe;IACf,gBAAgB;IAChB,WAAW;IACX,gBAAgB;IAChB,kBAAkB;IAClB,WAAW;AAiB/B;;AA7HA;IAkGwB,mBDiF0B;AClDlD;;AAjIA;IA+GoB,iBAAiB;IAlHjC,2BAAiC;AAyIrC;;AAtIA;IAmHoB,iBAAiB;IACjB,sBAA4B;IAC5B,sBAAsB;IACtB,iBAAiB;IACjB,mBAAmB;AAuBvC;;AA9IA;IA0HoB,mBDyD8B;ACjClD;;AAlJA;IA6HoB,mBDsD8B;AC7BlD","file":"calculator.css","sourcesContent":["@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix:'') {\n    @each $icon in $iconList {\n        #{$prefix}#{$icon} {\n            background-position: $x * 1px $y * 1px;\n        }\n        @if $direction == 'x' {\n            $x: $x - 16;\n        } @else {\n            $y: $y - 16;\n        }\n    }\n}\n\n/*\nUsage:\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\n   if 3 colors used then the position of each will be 33,33%\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\n   first param - color, second - position. Also you can use px or other valid units for set position.\n*/\n@mixin linear-gradient($colorList, $direction: 'to right') {\n    $percentage: 0;\n    $units: '%';\n    $count: length($colorList);\n    $increment: 100 / ($count - 1);\n    $css: #{$direction + ', '};\n    $sep: ', ';\n    @each $colorItem in $colorList {\n        $color: $colorItem;\n        @if (length($colorItem) > 1) {\n            $color: nth($colorItem, 1);\n            $percentage: nth($colorItem, 2);\n            $units: '';\n        }\n        @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\n            $sep: '';\n        }\n        $css: #{$css + $color + ' ' + $percentage + $units + $sep};\n        $percentage: $percentage + $increment;\n    }\n    background: linear-gradient( #{$css} );\n}\n\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\n    $gridPx: 840;\n    $rawSpanPx: (($gridPx - ($numCols * $gutter)) / $numCols);\n    $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\n    $spanPercent: widthPerc($spanPx, $gridPx);\n    $marginPercent: widthPerc($gutter, $gridPx);\n    margin-left: $marginPercent;\n    width: $spanPercent;\n}\n\n\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\n    @if $whatToPrefix == 'property' {\n        @each $prefix in $prefixes {\n            #{$prefix + $property}: #{$value};\n        }\n    }\n    @else if $whatToPrefix == 'value' {\n        @each $prefix in $prefixes {\n            #{$property}: #{$prefix + $value};\n        }\n    }\n}\n@mixin flex-container($wrapBehavior: nowrap, $direction : row) {\n    @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\n\n    @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\n    @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\n\n    @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\n\n    @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\n\n    @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\n}\n\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\n\n    @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\n    flex-item-align: stretch;\n    -ms-flex-item-align: stretch;\n    @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\n\n    // if both, min width and width are set, width will win this conflict\n    @if ($width == auto) {\n        @if ($minWidth != 1) {\n            @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\n        }\n        @else {\n            @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\n            // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\n            // for a discussion auto vs. main-size\n            @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\n        }\n    }\n    @else {\n        @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\n    }\n}\n\n\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, .2)) {\n    @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\n}\n\n@mixin simple-border($color: #ddd) {\n    border: 1px solid $color;\n    border-radius: 2px;\n    -webkit-border-radius: 2px;\n}\n\n@mixin border-radius($radius: 2) {\n    -moz-border-radius: $radius * 1px;\n    -webkit-border-radius: $radius * 1px;\n    border-radius: $radius * 1px;\n}\n\n@mixin border-radius-top($radius: 2) {\n    -webkit-border-top-left-radius: $radius * 1px;\n    -webkit-border-top-right-radius: $radius * 1px;\n    -moz-border-radius-topleft: $radius * 1px;\n    -moz-border-radius-topright: $radius * 1px;\n    border-top-left-radius: $radius * 1px;\n    border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom($radius: 2) {\n    -webkit-border-bottom-right-radius: $radius * 1px;\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-bottomright: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-bottom-right-radius: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-left($radius: 2) {\n    -webkit-border-top-left-radius: $radius * 1px;\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-topleft: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-top-left-radius: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-right($radius: 2) {\n    -webkit-border-top-right-radius: $radius * 1px;\n    -webkit-border-bottom-right-radius: $radius * 1px;\n    -moz-border-radius-topright: $radius * 1px;\n    -moz-border-radius-bottomright: $radius * 1px;\n    border-top-right-radius: $radius * 1px;\n    border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-left($radius: 2) {\n  -webkit-border-top-left-radius: $radius * 1px;\n  -moz-border-radius-topleft: $radius * 1px;\n  border-top-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-right($radius: 2) {\n  -webkit-border-top-right-radius: $radius * 1px;\n  -moz-border-radius-topright: $radius * 1px;\n  border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-right($radius: 2) {\n  -webkit-border-bottom-right-radius: $radius * 1px;\n  -moz-border-radius-bottomright: $radius * 1px;\n  border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-left($radius: 2) {\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-box() {\n    -moz-box-sizing: border-box;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n}\n\n@function whiten($color, $white: 0.3) {\n    @return mix(#fff, $color, ($white * 100) * 1%);\n}\n\n@function blacken($color, $black: 0.3) {\n    @return mix(#000, $color, ($black * 100) * 1%);\n}\n\n@function widthPerc($colWidth, $context) {\n    @return ($colWidth * 100 / $context) * 1%\n}\n\n@function remDist($fontSizePx) {\n    @return ($fontSizePx / 10) * 1rem\n}\n\n@function black($alpha: 1) {\n    @return (rgba(0, 0, 0, $alpha))\n}\n\n@function white($alpha: 1) {\n    @return (rgba(255, 255, 255, $alpha))\n}\n\n@mixin font-size($remPx, $important: false) {\n    @if $important == true {\n        font-size: ($remPx) * 1px !important;\n        font-size: ($remPx / 10) * 1rem !important;\n    }\n    @else {\n        font-size: ($remPx) * 1px;\n        font-size: ($remPx / 10) * 1rem;\n    }\n}\n\n\n@mixin keyframes($name) {\n    @-o-keyframes #{$name} { @content };\n    @-moz-keyframes #{$name} { @content };\n    @-webkit-keyframes #{$name} { @content };\n    @keyframes #{$name} { @content };\n}\n\n\n@mixin animation($value, $type:'') {\n    $animation: animation;\n    @if $type != '' {\n        $animation:  $animation + '-' + $type;\n    }\n    @include vendor-prefix($animation, $value, property);\n}\n\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\n///\n/// @param {property} [$type = all] the CSS property to apply the transition to\n/// @param {time} [$duration = .5s] the transition property\n/// @param {timing-function} [$effect = ease-out] the transition property\n@mixin transition($type : all, $duration : 0.5s, $effect : ease-out, $delay : 0s){\n    @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\n}\n\n@mixin fade($duration: 1s){\n\n    @include keyframes(fade) {\n        0%   {opacity:0;}\n        50%   {opacity:1;}\n        100% {opacity:0;}\n    }\n\n    @include vendor-prefix(animation, fade 1s forwards, property);\n}\n\n@mixin repeat(){\n    @include animation(infinite, iteration-count);\n}\n\n@mixin largeHeading() {\n    @include font-size(20);\n    font-family: $headingFont;\n    font-style: normal;\n}\n\n@mixin disableSelect() {\n    @include vendor-prefix(user-select, none, property);\n}\n","@import \"inc/bootstrap\";\n/* Style for the calculator component */\n\n/* font size mixin specific to calculator to use em instead of rem unit */\n@mixin calc-font-size($em) {\n    font-size: ($em) * 1em !important;\n}\n\n.dynamic-component-container {\n    .calcContainer {\n        width: 100%;\n        height: 100%;\n        background: none;\n        border: none;\n        bottom: auto;\n        clear: none;\n        color: $textColor;\n        display: block;\n        float: none;\n        font-family: sans-serif;\n        left: auto;\n        line-height: normal;\n        margin: 0;\n        max-height: none;\n        max-width: none;\n        min-height: 0;\n        min-width: 0;\n        overflow: visible;\n        padding: 0;\n        position: static;\n        right: auto;\n        text-align: left;\n        text-decoration: none;\n        top: auto;\n        visibility: visible;\n        &:after {\n            clear: both;\n            content: \".\";\n            display: block;\n            height: 0;\n            visibility: hidden;\n        }\n        form {\n            height: 100%;\n            padding: 0 20px 20px;\n            width: 100%;\n            /*\n            * the font-size of the parent element of the calculator will serve as the reference for the children.\n            * the children must use em unit for font-sizing to ensure proportional increase when resized.\n            */\n            font-size: 10px;\n            input, button {\n                background-color: $uiClickableDefaultBg;\n                border-radius: 0;\n                padding: 0;\n                border: none;\n                color: $textColor !important;\n                float: left;\n                height: 14%;\n                text-align: center;\n                text-shadow: none;\n                width: 25%;\n                min-width: 0;\n                cursor: pointer;\n                &.div-1{\n                    width: 100%;\n                }\n                &.div-2{\n                    width: 50%;\n                }\n                &.div-3{\n                    width: 33.33%;\n                }\n                &.div-4{\n                    width: 25%;\n                }\n                &.div-5{\n                    width: 20%;\n                }\n                &.calcFirst {\n                    clear: left;\n                }\n                &.calcClear {\n                    color: $info !important;\n                    @include calc-font-size(1.8);\n                }\n                &.calcFunction {\n                    @include calc-font-size(1.8);\n                    sup {\n                        top: -0.5em;\n                        padding-right: 1px;\n                        @include calc-font-size(0.8);\n                    }\n                    sub {\n                        padding-left: 1px;\n                        @include calc-font-size(1.0);\n                    }\n                    &.calcDivision, &.calcMultiplication, &.calcSubtraction, &.calcSum{\n                        @include calc-font-size(2.2);\n                    }\n                }\n                &.calcDisplay {\n                    cursor: text;\n                    opacity: 1 !important;\n                    background: whiten($uiClickableDefaultBg, .7);\n                    &:hover {\n                        background: whiten($uiClickableDefaultBg, .9);\n                    }\n                    font-family: monospace;\n                    text-align: right;\n                    width: calc(100% + 40px);\n                    max-width: none;\n                    padding: 0 0.2em;\n                    height: 16%;\n                    font-size: 2.8em;\n                    position: relative;\n                    left: -20px;\n                }\n                &.calcInput {\n                    font-weight: bold;\n                    @include calc-font-size(1.8);\n                }\n                &.calcSubmit {\n                    font-weight: bold;\n                    color: $textColor !important;\n                    background-color: #ddd;\n                    text-shadow: none;\n                    line-height: normal;\n                }\n                &:hover {\n                    background: $uiClickableActiveBg;\n                }\n                &.triggered {\n                    background: whiten($uiClickableHoverBg, .2);\n                }\n            }\n        }\n    }\n}\n\n/*# sourceMappingURL=calculator.css.map */","/* Do not edit */@mixin tao-icon-setup {\n  /* use !important to prevent issues with browser extensions that change fonts */\n  font-family: 'tao' !important;\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-offline { content: \"\\e913\"; }\n@mixin icon-online { content: \"\\e914\"; }\n@mixin icon-tab { content: \"\\e90d\"; }\n@mixin icon-untab { content: \"\\e90e\"; }\n@mixin icon-multi-select { content: \"\\e90b\"; }\n@mixin icon-clipboard { content: \"\\e90a\"; }\n@mixin icon-filebox { content: \"\\e909\"; }\n@mixin icon-click-to-speak { content: \"\\e907\"; }\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\n@mixin icon-microphone { content: \"\\f130\"; }\n@mixin icon-microphone-off { content: \"\\f131\"; }\n@mixin icon-disconnect { content: \"\\e905\"; }\n@mixin icon-connect { content: \"\\e906\"; }\n@mixin icon-eliminate { content: \"\\e904\"; }\n@mixin icon-wheelchair { content: \"\\e903\"; }\n@mixin icon-text-marker { content: \"\\e902\"; }\n@mixin icon-unshield { content: \"\\e32a\"; }\n@mixin icon-shield { content: \"\\e8e8\"; }\n@mixin icon-tree { content: \"\\e6b4\"; }\n@mixin icon-home { content: \"\\e6b3\"; }\n@mixin icon-shared-file { content: \"\\e6b2\"; }\n@mixin icon-end-attempt { content: \"\\e603\"; }\n@mixin icon-icon { content: \"\\f1c5\"; }\n@mixin icon-radio-bg { content: \"\\e600\"; }\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\n@mixin icon-tag { content: \"\\e602\"; }\n@mixin icon-style { content: \"\\e604\"; }\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\n@mixin icon-property-advanced { content: \"\\e606\"; }\n@mixin icon-property-add { content: \"\\e607\"; }\n@mixin icon-repository-add { content: \"\\e608\"; }\n@mixin icon-repository-remove { content: \"\\e609\"; }\n@mixin icon-repository { content: \"\\e60a\"; }\n@mixin icon-result-server { content: \"\\e60b\"; }\n@mixin icon-folder { content: \"\\e60c\"; }\n@mixin icon-folder-open { content: \"\\e60d\"; }\n@mixin icon-left { content: \"\\e60e\"; }\n@mixin icon-right { content: \"\\e60f\"; }\n@mixin icon-up { content: \"\\e610\"; }\n@mixin icon-down { content: \"\\e611\"; }\n@mixin icon-undo { content: \"\\e612\"; }\n@mixin icon-redo { content: \"\\e613\"; }\n@mixin icon-screen { content: \"\\e614\"; }\n@mixin icon-laptop { content: \"\\e615\"; }\n@mixin icon-tablet { content: \"\\e616\"; }\n@mixin icon-phone { content: \"\\e617\"; }\n@mixin icon-move { content: \"\\e618\"; }\n@mixin icon-bin { content: \"\\e619\"; }\n@mixin icon-shuffle { content: \"\\e61a\"; }\n@mixin icon-print { content: \"\\e61b\"; }\n@mixin icon-tools { content: \"\\e61c\"; }\n@mixin icon-settings { content: \"\\e61d\"; }\n@mixin icon-video { content: \"\\e61e\"; }\n@mixin icon-find { content: \"\\e61f\"; }\n@mixin icon-image { content: \"\\e620\"; }\n@mixin icon-edit { content: \"\\e621\"; }\n@mixin icon-document { content: \"\\e622\"; }\n@mixin icon-resize-grid { content: \"\\e623\"; }\n@mixin icon-resize { content: \"\\e624\"; }\n@mixin icon-help { content: \"\\e625\"; }\n@mixin icon-mobile-menu { content: \"\\e626\"; }\n@mixin icon-fix { content: \"\\e627\"; }\n@mixin icon-unlock { content: \"\\e628\"; }\n@mixin icon-lock { content: \"\\e629\"; }\n@mixin icon-ul { content: \"\\e62a\"; }\n@mixin icon-ol { content: \"\\e62b\"; }\n@mixin icon-email { content: \"\\e62c\"; }\n@mixin icon-download { content: \"\\e62d\"; }\n@mixin icon-logout { content: \"\\e62e\"; }\n@mixin icon-login { content: \"\\e62f\"; }\n@mixin icon-spinner { content: \"\\e630\"; }\n@mixin icon-preview { content: \"\\e631\"; }\n@mixin icon-external { content: \"\\e632\"; }\n@mixin icon-time { content: \"\\e633\"; }\n@mixin icon-save { content: \"\\e634\"; }\n@mixin icon-warning { content: \"\\e635\"; }\n@mixin icon-add { content: \"\\e636\"; }\n@mixin icon-error { content: \"\\e900\"; }\n@mixin icon-close { content: \"\\e637\"; }\n@mixin icon-success { content: \"\\e638\"; }\n@mixin icon-remove { content: \"\\e639\"; }\n@mixin icon-info { content: \"\\e63a\"; }\n@mixin icon-danger { content: \"\\e63b\"; }\n@mixin icon-users { content: \"\\e63c\"; }\n@mixin icon-user { content: \"\\e63d\"; }\n@mixin icon-test-taker { content: \"\\e63e\"; }\n@mixin icon-test-takers { content: \"\\e63f\"; }\n@mixin icon-item { content: \"\\e640\"; }\n@mixin icon-test { content: \"\\e641\"; }\n@mixin icon-delivery { content: \"\\e642\"; }\n@mixin icon-eye-slash { content: \"\\e643\"; }\n@mixin icon-result { content: \"\\e644\"; }\n@mixin icon-delivery-small { content: \"\\e645\"; }\n@mixin icon-upload { content: \"\\e646\"; }\n@mixin icon-result-small { content: \"\\e647\"; }\n@mixin icon-mobile-preview { content: \"\\e648\"; }\n@mixin icon-extension { content: \"\\e649\"; }\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\n@mixin icon-table { content: \"\\e64d\"; }\n@mixin icon-anchor { content: \"\\e64e\"; }\n@mixin icon-unlink { content: \"\\e64f\"; }\n@mixin icon-link { content: \"\\e650\"; }\n@mixin icon-right-left { content: \"\\e651\"; }\n@mixin icon-left-right { content: \"\\e652\"; }\n@mixin icon-special-character { content: \"\\e653\"; }\n@mixin icon-source { content: \"\\e654\"; }\n@mixin icon-new-page { content: \"\\e655\"; }\n@mixin icon-templates { content: \"\\e656\"; }\n@mixin icon-cut { content: \"\\e657\"; }\n@mixin icon-replace { content: \"\\e658\"; }\n@mixin icon-copy { content: \"\\e659\"; }\n@mixin icon-paste { content: \"\\e65a\"; }\n@mixin icon-select-all { content: \"\\e65b\"; }\n@mixin icon-paste-text { content: \"\\e65c\"; }\n@mixin icon-paste-word { content: \"\\e65d\"; }\n@mixin icon-bold { content: \"\\e65e\"; }\n@mixin icon-italic { content: \"\\e65f\"; }\n@mixin icon-underline { content: \"\\e660\"; }\n@mixin icon-subscript { content: \"\\e661\"; }\n@mixin icon-superscript { content: \"\\e662\"; }\n@mixin icon-strike-through { content: \"\\e663\"; }\n@mixin icon-decrease-indent { content: \"\\e664\"; }\n@mixin icon-increase-indent { content: \"\\e665\"; }\n@mixin icon-block-quote { content: \"\\e666\"; }\n@mixin icon-div-container { content: \"\\e667\"; }\n@mixin icon-align-left { content: \"\\e668\"; }\n@mixin icon-center { content: \"\\e669\"; }\n@mixin icon-align-right { content: \"\\e66a\"; }\n@mixin icon-justify { content: \"\\e66b\"; }\n@mixin icon-choice { content: \"\\e66c\"; }\n@mixin icon-inline-choice { content: \"\\e66d\"; }\n@mixin icon-match { content: \"\\e66e\"; }\n@mixin icon-associate { content: \"\\e66f\"; }\n@mixin icon-media { content: \"\\e670\"; }\n@mixin icon-graphic-order { content: \"\\e671\"; }\n@mixin icon-hotspot { content: \"\\e672\"; }\n@mixin icon-graphic-gap { content: \"\\e673\"; }\n@mixin icon-graphic-associate { content: \"\\e674\"; }\n@mixin icon-select-point { content: \"\\e675\"; }\n@mixin icon-pin { content: \"\\e676\"; }\n@mixin icon-import { content: \"\\e677\"; }\n@mixin icon-export { content: \"\\e678\"; }\n@mixin icon-move-item { content: \"\\e679\"; }\n@mixin icon-meta-data { content: \"\\e67a\"; }\n@mixin icon-slider { content: \"\\e67b\"; }\n@mixin icon-summary-report { content: \"\\e67c\"; }\n@mixin icon-text-entry { content: \"\\e67d\"; }\n@mixin icon-extended-text { content: \"\\e67e\"; }\n@mixin icon-eraser { content: \"\\e67f\"; }\n@mixin icon-row { content: \"\\e680\"; }\n@mixin icon-column { content: \"\\e681\"; }\n@mixin icon-text-color { content: \"\\e682\"; }\n@mixin icon-background-color { content: \"\\e683\"; }\n@mixin icon-spell-check { content: \"\\e684\"; }\n@mixin icon-polygon { content: \"\\e685\"; }\n@mixin icon-rectangle { content: \"\\e686\"; }\n@mixin icon-gap-match { content: \"\\e687\"; }\n@mixin icon-order { content: \"\\e688\"; }\n@mixin icon-hottext { content: \"\\e689\"; }\n@mixin icon-free-form { content: \"\\e68a\"; }\n@mixin icon-step-backward { content: \"\\e68b\"; }\n@mixin icon-fast-backward { content: \"\\e68c\"; }\n@mixin icon-backward { content: \"\\e68d\"; }\n@mixin icon-play { content: \"\\e68e\"; }\n@mixin icon-pause { content: \"\\e68f\"; }\n@mixin icon-stop { content: \"\\e690\"; }\n@mixin icon-forward { content: \"\\e691\"; }\n@mixin icon-fast-forward { content: \"\\e692\"; }\n@mixin icon-step-forward { content: \"\\e693\"; }\n@mixin icon-ellipsis { content: \"\\e694\"; }\n@mixin icon-circle { content: \"\\e695\"; }\n@mixin icon-target { content: \"\\e696\"; }\n@mixin icon-guide-arrow { content: \"\\e697\"; }\n@mixin icon-range-slider-right { content: \"\\e698\"; }\n@mixin icon-range-slider-left { content: \"\\e699\"; }\n@mixin icon-radio-checked { content: \"\\e69a\"; }\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\n@mixin icon-checkbox { content: \"\\e69b\"; }\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\n@mixin icon-result-nok { content: \"\\e69e\"; }\n@mixin icon-result-ok { content: \"\\e69f\"; }\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\n@mixin icon-filter { content: \"\\e6a1\"; }\n@mixin icon-translate { content: \"\\e6a2\"; }\n@mixin icon-eject { content: \"\\e6a3\"; }\n@mixin icon-continue { content: \"\\e6a4\"; }\n@mixin icon-radio { content: \"\\e6a5\"; }\n@mixin icon-sphere { content: \"\\e6a6\"; }\n@mixin icon-reset { content: \"\\e6a7\"; }\n@mixin icon-smaller { content: \"\\e6a8\"; }\n@mixin icon-larger { content: \"\\e6a9\"; }\n@mixin icon-clock { content: \"\\e6aa\"; }\n@mixin icon-font { content: \"\\e6ab\"; }\n@mixin icon-maths { content: \"\\e6ac\"; }\n@mixin icon-grip { content: \"\\e6ad\"; }\n@mixin icon-rubric { content: \"\\e6ae\"; }\n@mixin icon-audio { content: \"\\e6af\"; }\n@mixin icon-grip-h { content: \"\\e6b0\"; }\n@mixin icon-magicwand { content: \"\\e6b1\"; }\n@mixin icon-loop { content: \"\\ea2e\"; }\n@mixin icon-calendar { content: \"\\e953\"; }\n@mixin icon-reload { content: \"\\e984\"; }\n@mixin icon-speed { content: \"\\e9a6\"; }\n@mixin icon-volume { content: \"\\ea27\"; }\n@mixin icon-contrast { content: \"\\e9d5\"; }\n@mixin icon-headphones { content: \"\\e910\"; }\n@mixin icon-compress { content: \"\\f066\"; }\n@mixin icon-map-o { content: \"\\f278\"; }\n@mixin icon-variable { content: \"\\e908\"; }\n@mixin icon-tooltip { content: \"\\e90c\"; }\n@mixin icon-globe { content: \"\\e9c9\"; }\n@mixin icon-highlighter { content: \"\\e90f\"; }\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\n@mixin icon-play-from-here { content: \"\\e912\"; }\n","// buttons and alerts\n$success: rgb(14, 145, 75);\n$info: rgb(14, 93, 145);\n$warning: rgb(216, 174, 91);\n$danger: rgb(201, 96, 67);\n$error: rgb(186, 18, 43);\n$activeInteraction: rgb(195, 90, 19);\n\n// corporate identity\n$logoRed: rgb(186, 18, 43);\n$grey: rgb(173, 161, 148);\n$darkBlueGrey: rgb(164, 187, 197);\n$mediumBlueGrey: rgb(193, 212, 220);\n$lightBlueGrey: rgb(228, 236, 239);\n$brownRedGrey: rgb(154, 137, 123);\n$darkBrown: rgb(111, 99, 89);\n$websiteBorder: rgb(141, 148, 158);\n\n// ui elements, these should only variations of the above\n// naming convention: jQueryUi theme roller -> camelCase\n\n$textColor: #222;\n$textHighlight: white;\n\n$uiGeneralContentBg: white();\n$uiGeneralContentBorder: #ddd;\n\n$uiHeaderBg: #D4D5D7;\n\n$uiClickableDefaultBg: #f3f1ef;\n$uiClickableHoverBg: whiten($info, .2);\n//$uiClickableActiveBg: $uiHeaderBg;\n$uiClickableActiveBg: whiten($websiteBorder, .2);\n//$uiClickableActiveBg: #aaa;\n\n$uiSelectableSelectedBg: whiten($info, .2);\n$uiSelectableSelectedHoverBg: whiten($info, .1);\n$uiSelectableHoverBg: whiten($info, .9);\n\n$uiOverlay: $lightBlueGrey;\n\n// sidebars etc.\n$canvas: mix(#fff, $grey, 85%);\n\n// colors taken from feedback.scss\n$successBgColor: whiten($success, .8);\n$successBorderColor: whiten($success, .1);\n\n$infoBgColor: whiten($info, .8);\n$infoBorderColor: whiten($info, .1);\n\n$warningBgColor: whiten($warning, .8);\n$warningBorderColor: whiten($warning, .1);\n\n$dangerBgColor: whiten($danger, .8);\n$dangerBorderColor: whiten($danger, .1);\n\n$errorBgColor: whiten($error, .8);\n$errorBorderColor: whiten($error, .1);\n\n\n$darkBar : rgb(51, 51, 51);\n$darkBarTxt : rgb(230, 230, 230);\n$darkBarIcon : rgb(220, 220, 220);\n\n$actionLinkColor: #276D9B;\n$actionLinkHoverColor: #4F83A7;\n\n\n$colorWheel-01: #C3BA13;\n$colorWheel-02: #84A610;\n$colorWheel-03: #2B8E0E;\n$colorWheel-04: #0F9787;\n$colorWheel-05: #0E5D91;\n$colorWheel-06: #0D2689;\n$colorWheel-07: #400D83;\n$colorWheel-08: #960E7D;\n$colorWheel-09: #BA122B;\n$colorWheel-10: #C34713;\n$colorWheel-11: #C36F13;\n$colorWheel-12: #C39413;\n"]}

package/dist/cascadingComboBox.js

@@ -10,17 +10,11 @@ define(['jquery', 'lodash', 'i18n', 'ui/component', 'handlebars', 'lib/dompurify
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function (obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function (obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function Helpers0 (hb) {

package/dist/ckeditor/ckConfigurator.js

@@ -19,7 +19,7 @@ define(['jquery', 'lodash', 'ui/ckeditor/dtdHandler', 'ckeditor'], function ($,
      * along with this program; if not, write to the Free Software
      * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
      *
-     * Copyright (c) 2015 (original work) Open Assessment Technologies SA ;
+     * Copyright (c) 2015-2022 (original work) Open Assessment Technologies SA ;
      */
     /**
      * Cache original config
@@ -126,13 +126,26 @@ define(['jquery', 'lodash', 'ui/ckeditor/dtdHandler', 'ckeditor'], function ($,
         }, {
           name: 'insert',
           items: ['Link', 'SpecialChar']
+        }],
+        table: [{
+          name: 'basicstyles',
+          items: ['Bold', 'Italic', 'Subscript', 'Superscript']
+        }, {
+          name: 'insert',
+          items: ['SpecialChar', 'TaoQtiTable', 'TaoTooltip']
+        }, {
+          name: 'links',
+          items: ['Link']
+        }, {
+          name: 'paragraph',
+          items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']
         }]
       };
       /**
        * defaults for editor configuration
        */
 
-      var ckConfig = {
+      var ckConfigDefault = {
         disableAutoInline: true,
         entities: false,
         entities_processNumerical: true,
@@ -164,8 +177,8 @@ define(['jquery', 'lodash', 'ui/ckeditor/dtdHandler', 'ckeditor'], function ($,
       /**
        * Insert positioned plugins at position specified in options.positionedPlugins
        *
-       * @param ckConfig
-       * @param positionedPlugins
+       * @param {Object} ckConfig
+       * @param {Object} positionedPlugins
        */
 
       var _updatePlugins = function _updatePlugins(ckConfig, positionedPlugins) {
@@ -303,7 +316,10 @@ define(['jquery', 'lodash', 'ui/ckeditor/dtdHandler', 'ckeditor'], function ($,
         options = options || {};
         options.resourcemgr = options.resourcemgr || {};
         toolbars = _.clone(toolbarPresets, true);
-        dtdMode = options.dtdMode || 'html'; // modify DTD to either comply with QTI or XHTML
+        dtdMode = options.dtdMode || 'html';
+
+        var ckConfig = _.clone(ckConfigDefault, true); // modify DTD to either comply with QTI or XHTML
+
 
         if (dtdMode === 'qti' || toolbarType.indexOf('qti') === 0) {
           toolbarType = toolbarType.slice(3).toLowerCase();
@@ -365,7 +381,7 @@ define(['jquery', 'lodash', 'ui/ckeditor/dtdHandler', 'ckeditor'], function ($,
 
 
         for (toolbar in toolbars) {
-          if (toolbars.hasOwnProperty(toolbar)) {
+          if (Object.prototype.hasOwnProperty.call(toolbars, toolbar)) {
             ckConfig['toolbar_' + toolbar] = toolbars[toolbar];
           }
         } // add the toolbar

package/dist/class/css/selector.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../scss/inc/_functions.scss","../scss/selector.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../../../scss/inc/_colors.scss"],"names":[],"mappings":"AAaA;;;;;;CCPC;ACND,gBAAA;ADEA;IACI,YAAY;IACZ,kBAAkB;IAElB,UAAW;AAMf;;AAVA;IAMQ,UAAU;IDiDN,sCAAwB;ACpCpC;;AAnBA;IAWQ,qBAAqB;IACrB,kBAAkB;ID+FtB,sBAD6B;IAE7B,kBAAkB;IAOlB,kBAA4B;ICpGxB,0BAA0B;IAC1B,qBAAqB;IACrB,WAAW;IAEX,uBD0LiC;AC3KzC;;AAlCA;IAsBY,cDmKsC;ACnJlD;;AAtCA;ICDE,+EAAA;IACA,6BAA6B;IAC7B,YAAY;IACZ,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,cAAc;IAEd,sCAAA;IACA,mCAAmC;IACnC,kCAAkC;IAkDjB,gBAAgB;IDhCvB,kBAAkB;IAClB,WAAW;IACX,QAAQ;AA0BpB;;AAxDA;IC2DiB,gBAAgB;ADCjC;;AA5DA;IA0CQ,kBAAkB;IAClB,WAAW;IACX,yBEjBsB;IFkBtB,sBEtBqB;IHyGzB,uCAAiD;IACjD,sCAAgD;IAChD,mCAA6C;IAC7C,kCAA4C;IAC5C,+BAAyC;IACzC,8BAAwC;IA9EhC,gDAAwB;IAAxB,+CAAwB;IAAxB,4CAAwB;ICP5B,OAAO;IACP,eAAe;IACf,gBAAgB;IAChB,YAAY;IACZ,iBAAiB;IACjB,iBAAiB;IDEb,uCAAwB;ACkCpC;;AAzFA;IAyDY,gBAAgB;IAEhB,aAAa;IACb,aAAa;IACb,eAAe;IDNf,uCAAwB;AC8CpC;;AArGA;IAiEY,qBAAqB;IACrB,UAAU;IACV,kBAAkB;AAwC9B;;AA3GA;IAsEgB,gBAAgB;AAyChC;;AA/GA;IAyEoB,qBAAqB;IACrB,WEvDJ;AFiGhB;;AApHA;IA6EwB,cE7ED;IHuDX,oCAAwB;ACsEpC;;AA7HA;ICDE,+EAAA;IACA,6BAA6B;IAC7B,YAAY;IACZ,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,cAAc;IAEd,sCAAA;IACA,mCAAmC;IACnC,kCAAkC;IA6Cf,gBAAgB;ID8BjB,cEpFO;IFqFP,QAAQ;ID/BhB,sCAAwB;IAAxB,mCAAwB;IAAxB,8BAAwB;ICiChB,iBAAiB;AA0DrC;;AAlJA;IA8FY,mBAAmB;AAwD/B","file":"selector.css","sourcesContent":["@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix:'') {\n    @each $icon in $iconList {\n        #{$prefix}#{$icon} {\n            background-position: $x * 1px $y * 1px;\n        }\n        @if $direction == 'x' {\n            $x: $x - 16;\n        } @else {\n            $y: $y - 16;\n        }\n    }\n}\n\n/*\nUsage:\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\n   if 3 colors used then the position of each will be 33,33%\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\n   first param - color, second - position. Also you can use px or other valid units for set position.\n*/\n@mixin linear-gradient($colorList, $direction: 'to right') {\n    $percentage: 0;\n    $units: '%';\n    $count: length($colorList);\n    $increment: 100 / ($count - 1);\n    $css: #{$direction + ', '};\n    $sep: ', ';\n    @each $colorItem in $colorList {\n        $color: $colorItem;\n        @if (length($colorItem) > 1) {\n            $color: nth($colorItem, 1);\n            $percentage: nth($colorItem, 2);\n            $units: '';\n        }\n        @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\n            $sep: '';\n        }\n        $css: #{$css + $color + ' ' + $percentage + $units + $sep};\n        $percentage: $percentage + $increment;\n    }\n    background: linear-gradient( #{$css} );\n}\n\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\n    $gridPx: 840;\n    $rawSpanPx: (($gridPx - ($numCols * $gutter)) / $numCols);\n    $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\n    $spanPercent: widthPerc($spanPx, $gridPx);\n    $marginPercent: widthPerc($gutter, $gridPx);\n    margin-left: $marginPercent;\n    width: $spanPercent;\n}\n\n\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\n    @if $whatToPrefix == 'property' {\n        @each $prefix in $prefixes {\n            #{$prefix + $property}: #{$value};\n        }\n    }\n    @else if $whatToPrefix == 'value' {\n        @each $prefix in $prefixes {\n            #{$property}: #{$prefix + $value};\n        }\n    }\n}\n@mixin flex-container($wrapBehavior: nowrap, $direction : row) {\n    @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\n\n    @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\n    @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\n\n    @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\n\n    @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\n\n    @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\n}\n\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\n\n    @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\n    flex-item-align: stretch;\n    -ms-flex-item-align: stretch;\n    @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\n\n    // if both, min width and width are set, width will win this conflict\n    @if ($width == auto) {\n        @if ($minWidth != 1) {\n            @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\n        }\n        @else {\n            @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\n            // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\n            // for a discussion auto vs. main-size\n            @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\n        }\n    }\n    @else {\n        @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\n    }\n}\n\n\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, .2)) {\n    @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\n}\n\n@mixin simple-border($color: #ddd) {\n    border: 1px solid $color;\n    border-radius: 2px;\n    -webkit-border-radius: 2px;\n}\n\n@mixin border-radius($radius: 2) {\n    -moz-border-radius: $radius * 1px;\n    -webkit-border-radius: $radius * 1px;\n    border-radius: $radius * 1px;\n}\n\n@mixin border-radius-top($radius: 2) {\n    -webkit-border-top-left-radius: $radius * 1px;\n    -webkit-border-top-right-radius: $radius * 1px;\n    -moz-border-radius-topleft: $radius * 1px;\n    -moz-border-radius-topright: $radius * 1px;\n    border-top-left-radius: $radius * 1px;\n    border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom($radius: 2) {\n    -webkit-border-bottom-right-radius: $radius * 1px;\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-bottomright: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-bottom-right-radius: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-left($radius: 2) {\n    -webkit-border-top-left-radius: $radius * 1px;\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-topleft: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-top-left-radius: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-right($radius: 2) {\n    -webkit-border-top-right-radius: $radius * 1px;\n    -webkit-border-bottom-right-radius: $radius * 1px;\n    -moz-border-radius-topright: $radius * 1px;\n    -moz-border-radius-bottomright: $radius * 1px;\n    border-top-right-radius: $radius * 1px;\n    border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-left($radius: 2) {\n  -webkit-border-top-left-radius: $radius * 1px;\n  -moz-border-radius-topleft: $radius * 1px;\n  border-top-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-right($radius: 2) {\n  -webkit-border-top-right-radius: $radius * 1px;\n  -moz-border-radius-topright: $radius * 1px;\n  border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-right($radius: 2) {\n  -webkit-border-bottom-right-radius: $radius * 1px;\n  -moz-border-radius-bottomright: $radius * 1px;\n  border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-left($radius: 2) {\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-box() {\n    -moz-box-sizing: border-box;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n}\n\n@function whiten($color, $white: 0.3) {\n    @return mix(#fff, $color, ($white * 100) * 1%);\n}\n\n@function blacken($color, $black: 0.3) {\n    @return mix(#000, $color, ($black * 100) * 1%);\n}\n\n@function widthPerc($colWidth, $context) {\n    @return ($colWidth * 100 / $context) * 1%\n}\n\n@function remDist($fontSizePx) {\n    @return ($fontSizePx / 10) * 1rem\n}\n\n@function black($alpha: 1) {\n    @return (rgba(0, 0, 0, $alpha))\n}\n\n@function white($alpha: 1) {\n    @return (rgba(255, 255, 255, $alpha))\n}\n\n@mixin font-size($remPx, $important: false) {\n    @if $important == true {\n        font-size: ($remPx) * 1px !important;\n        font-size: ($remPx / 10) * 1rem !important;\n    }\n    @else {\n        font-size: ($remPx) * 1px;\n        font-size: ($remPx / 10) * 1rem;\n    }\n}\n\n\n@mixin keyframes($name) {\n    @-o-keyframes #{$name} { @content };\n    @-moz-keyframes #{$name} { @content };\n    @-webkit-keyframes #{$name} { @content };\n    @keyframes #{$name} { @content };\n}\n\n\n@mixin animation($value, $type:'') {\n    $animation: animation;\n    @if $type != '' {\n        $animation:  $animation + '-' + $type;\n    }\n    @include vendor-prefix($animation, $value, property);\n}\n\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\n///\n/// @param {property} [$type = all] the CSS property to apply the transition to\n/// @param {time} [$duration = .5s] the transition property\n/// @param {timing-function} [$effect = ease-out] the transition property\n@mixin transition($type : all, $duration : 0.5s, $effect : ease-out, $delay : 0s){\n    @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\n}\n\n@mixin fade($duration: 1s){\n\n    @include keyframes(fade) {\n        0%   {opacity:0;}\n        50%   {opacity:1;}\n        100% {opacity:0;}\n    }\n\n    @include vendor-prefix(animation, fade 1s forwards, property);\n}\n\n@mixin repeat(){\n    @include animation(infinite, iteration-count);\n}\n\n@mixin largeHeading() {\n    @include font-size(20);\n    font-family: $headingFont;\n    font-style: normal;\n}\n\n@mixin disableSelect() {\n    @include vendor-prefix(user-select, none, property);\n}\n","@import \"inc/bootstrap\";\n\n.class-selector{\n    padding: 5px;\n    position: relative;\n\n    opacity : 0;\n    &.rendered {\n        opacity: 1;\n        @include transition(opacity, 300ms, linear);\n    }\n\n    a.selected {\n        display: inline-block;\n        position: relative;\n        @include simple-border;\n        @include border-radius(3);\n        padding: 3px 20px 3px 10px;\n        text-decoration: none;\n        width: 100%;\n\n        background-color: $uiGeneralContentBg;\n\n        &.empty{\n            color: $uiClickableActiveBg;\n        }\n\n        &:after {\n            @include tao-icon-setup;\n            @include icon-down;\n            position: absolute;\n            right: 10px;\n            top: 7px;\n        }\n    }\n\n    a.open {\n        &:after {\n            @include icon-up;\n        }\n    }\n\n    .options {\n\n        position: absolute;\n        width: 100%;\n        background-color: $uiClickableDefaultBg;\n        border: solid 1px $uiGeneralContentBorder;\n        @include border-radius-bottom(3);\n        @include box-shadow;\n        left: 0;\n        margin-top: 7px;\n        overflow-y: auto;\n        z-index: 100;\n        min-height: 100px;\n        max-height: 450px;\n        @include transition(max-height, 300ms, ease);\n\n        &.folded {\n            overflow: hidden;\n\n            min-height: 0;\n            max-height: 0;\n            border-width: 0;\n            @include transition(max-height, 300ms, ease);\n        }\n        ul {\n            list-style-type: none;\n            padding: 0;\n            margin: 0 0 0 15px;\n\n            li {\n                padding-top: 3px;\n\n                a {\n                    text-decoration: none;\n                    color: $textColor;\n\n                    &:hover {\n                        color: $info;\n                        @include transition(color, 200ms, linear);\n                    }\n                }\n\n                &:before {\n                    @include tao-icon-setup;\n                    @include icon-folder;\n                    color: $warning;\n                    top: 2px;\n                    @include vendor-prefix(text-shadow, 1px 1px 0 blacken($warning, .2), property, (-webkit-, -moz-, ''));\n                    margin-right: 4px;\n                }\n            }\n        }\n\n        & > ul {\n            margin: 5px 0 0 7px;\n        }\n    }\n}\n\n\n/*# sourceMappingURL=selector.css.map */","/* Do not edit */@mixin tao-icon-setup {\n  /* use !important to prevent issues with browser extensions that change fonts */\n  font-family: 'tao' !important;\n  speak: never;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-info-bare { content: \"\\e923\"; }\n@mixin icon-bookmark-outline { content: \"\\e922\"; }\n@mixin icon-bookmark { content: \"\\e921\"; }\n@mixin icon-indicator { content: \"\\e920\"; }\n@mixin icon-add-subsection { content: \"\\e918\"; }\n@mixin icon-wrap-inline { content: \"\\e915\"; }\n@mixin icon-wrap-left { content: \"\\e916\"; }\n@mixin icon-wrap-right { content: \"\\e917\"; }\n@mixin icon-offline { content: \"\\e913\"; }\n@mixin icon-online { content: \"\\e914\"; }\n@mixin icon-tab { content: \"\\e90d\"; }\n@mixin icon-untab { content: \"\\e90e\"; }\n@mixin icon-multi-select { content: \"\\e90b\"; }\n@mixin icon-clipboard { content: \"\\e90a\"; }\n@mixin icon-filebox { content: \"\\e909\"; }\n@mixin icon-click-to-speak { content: \"\\e907\"; }\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\n@mixin icon-microphone { content: \"\\f130\"; }\n@mixin icon-microphone-off { content: \"\\f131\"; }\n@mixin icon-disconnect { content: \"\\e905\"; }\n@mixin icon-connect { content: \"\\e906\"; }\n@mixin icon-eliminate { content: \"\\e904\"; }\n@mixin icon-wheelchair { content: \"\\e903\"; }\n@mixin icon-text-marker { content: \"\\e902\"; }\n@mixin icon-unshield { content: \"\\e32a\"; }\n@mixin icon-shield { content: \"\\e8e8\"; }\n@mixin icon-tree { content: \"\\e6b4\"; }\n@mixin icon-home { content: \"\\e6b3\"; }\n@mixin icon-shared-file { content: \"\\e6b2\"; }\n@mixin icon-end-attempt { content: \"\\e603\"; }\n@mixin icon-icon { content: \"\\f1c5\"; }\n@mixin icon-radio-bg { content: \"\\e600\"; }\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\n@mixin icon-tag { content: \"\\e602\"; }\n@mixin icon-style { content: \"\\e604\"; }\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\n@mixin icon-property-advanced { content: \"\\e606\"; }\n@mixin icon-property-add { content: \"\\e607\"; }\n@mixin icon-repository-add { content: \"\\e608\"; }\n@mixin icon-repository-remove { content: \"\\e609\"; }\n@mixin icon-repository { content: \"\\e60a\"; }\n@mixin icon-result-server { content: \"\\e60b\"; }\n@mixin icon-folder { content: \"\\e60c\"; }\n@mixin icon-folder-open { content: \"\\e60d\"; }\n@mixin icon-left { content: \"\\e60e\"; }\n@mixin icon-right { content: \"\\e60f\"; }\n@mixin icon-up { content: \"\\e610\"; }\n@mixin icon-down { content: \"\\e611\"; }\n@mixin icon-undo { content: \"\\e612\"; }\n@mixin icon-redo { content: \"\\e613\"; }\n@mixin icon-screen { content: \"\\e614\"; }\n@mixin icon-laptop { content: \"\\e615\"; }\n@mixin icon-tablet { content: \"\\e616\"; }\n@mixin icon-phone { content: \"\\e617\"; }\n@mixin icon-move { content: \"\\e618\"; }\n@mixin icon-bin { content: \"\\e619\"; }\n@mixin icon-shuffle { content: \"\\e61a\"; }\n@mixin icon-print { content: \"\\e61b\"; }\n@mixin icon-tools { content: \"\\e61c\"; }\n@mixin icon-settings { content: \"\\e61d\"; }\n@mixin icon-video { content: \"\\e61e\"; }\n@mixin icon-find { content: \"\\e61f\"; }\n@mixin icon-image { content: \"\\e620\"; }\n@mixin icon-edit { content: \"\\e621\"; }\n@mixin icon-document { content: \"\\e622\"; }\n@mixin icon-resize-grid { content: \"\\e623\"; }\n@mixin icon-resize { content: \"\\e624\"; }\n@mixin icon-help { content: \"\\e625\"; }\n@mixin icon-mobile-menu { content: \"\\e626\"; }\n@mixin icon-fix { content: \"\\e627\"; }\n@mixin icon-unlock { content: \"\\e628\"; }\n@mixin icon-lock { content: \"\\e629\"; }\n@mixin icon-ul { content: \"\\e62a\"; }\n@mixin icon-ol { content: \"\\e62b\"; }\n@mixin icon-email { content: \"\\e62c\"; }\n@mixin icon-download { content: \"\\e62d\"; }\n@mixin icon-logout { content: \"\\e62e\"; }\n@mixin icon-login { content: \"\\e62f\"; }\n@mixin icon-spinner { content: \"\\e630\"; }\n@mixin icon-preview { content: \"\\e631\"; }\n@mixin icon-external { content: \"\\e632\"; }\n@mixin icon-time { content: \"\\e633\"; }\n@mixin icon-save { content: \"\\e634\"; }\n@mixin icon-warning { content: \"\\e635\"; }\n@mixin icon-add { content: \"\\e636\"; }\n@mixin icon-error { content: \"\\e900\"; }\n@mixin icon-close { content: \"\\e637\"; }\n@mixin icon-success { content: \"\\e638\"; }\n@mixin icon-remove { content: \"\\e639\"; }\n@mixin icon-info { content: \"\\e63a\"; }\n@mixin icon-danger { content: \"\\e63b\"; }\n@mixin icon-users { content: \"\\e63c\"; }\n@mixin icon-user { content: \"\\e63d\"; }\n@mixin icon-test-taker { content: \"\\e63e\"; }\n@mixin icon-test-takers { content: \"\\e63f\"; }\n@mixin icon-item { content: \"\\e640\"; }\n@mixin icon-test { content: \"\\e641\"; }\n@mixin icon-delivery { content: \"\\e642\"; }\n@mixin icon-eye-slash { content: \"\\e643\"; }\n@mixin icon-result { content: \"\\e644\"; }\n@mixin icon-delivery-small { content: \"\\e645\"; }\n@mixin icon-upload { content: \"\\e646\"; }\n@mixin icon-result-small { content: \"\\e647\"; }\n@mixin icon-mobile-preview { content: \"\\e648\"; }\n@mixin icon-extension { content: \"\\e649\"; }\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\n@mixin icon-table { content: \"\\e64d\"; }\n@mixin icon-anchor { content: \"\\e64e\"; }\n@mixin icon-unlink { content: \"\\e64f\"; }\n@mixin icon-link { content: \"\\e650\"; }\n@mixin icon-right-left { content: \"\\e651\"; }\n@mixin icon-left-right { content: \"\\e652\"; }\n@mixin icon-special-character { content: \"\\e653\"; }\n@mixin icon-source { content: \"\\e654\"; }\n@mixin icon-new-page { content: \"\\e655\"; }\n@mixin icon-templates { content: \"\\e656\"; }\n@mixin icon-cut { content: \"\\e657\"; }\n@mixin icon-replace { content: \"\\e658\"; }\n@mixin icon-copy { content: \"\\e659\"; }\n@mixin icon-paste { content: \"\\e65a\"; }\n@mixin icon-select-all { content: \"\\e65b\"; }\n@mixin icon-paste-text { content: \"\\e65c\"; }\n@mixin icon-paste-word { content: \"\\e65d\"; }\n@mixin icon-bold { content: \"\\e65e\"; }\n@mixin icon-italic { content: \"\\e65f\"; }\n@mixin icon-underline { content: \"\\e660\"; }\n@mixin icon-subscript { content: \"\\e661\"; }\n@mixin icon-superscript { content: \"\\e662\"; }\n@mixin icon-strike-through { content: \"\\e663\"; }\n@mixin icon-decrease-indent { content: \"\\e664\"; }\n@mixin icon-increase-indent { content: \"\\e665\"; }\n@mixin icon-block-quote { content: \"\\e666\"; }\n@mixin icon-div-container { content: \"\\e667\"; }\n@mixin icon-align-left { content: \"\\e668\"; }\n@mixin icon-center { content: \"\\e669\"; }\n@mixin icon-align-right { content: \"\\e66a\"; }\n@mixin icon-justify { content: \"\\e66b\"; }\n@mixin icon-choice { content: \"\\e66c\"; }\n@mixin icon-inline-choice { content: \"\\e66d\"; }\n@mixin icon-match { content: \"\\e66e\"; }\n@mixin icon-associate { content: \"\\e66f\"; }\n@mixin icon-media { content: \"\\e670\"; }\n@mixin icon-graphic-order { content: \"\\e671\"; }\n@mixin icon-hotspot { content: \"\\e672\"; }\n@mixin icon-graphic-gap { content: \"\\e673\"; }\n@mixin icon-graphic-associate { content: \"\\e674\"; }\n@mixin icon-select-point { content: \"\\e675\"; }\n@mixin icon-pin { content: \"\\e676\"; }\n@mixin icon-import { content: \"\\e677\"; }\n@mixin icon-export { content: \"\\e678\"; }\n@mixin icon-move-item { content: \"\\e679\"; }\n@mixin icon-meta-data { content: \"\\e67a\"; }\n@mixin icon-slider { content: \"\\e67b\"; }\n@mixin icon-summary-report { content: \"\\e67c\"; }\n@mixin icon-text-entry { content: \"\\e67d\"; }\n@mixin icon-extended-text { content: \"\\e67e\"; }\n@mixin icon-eraser { content: \"\\e67f\"; }\n@mixin icon-row { content: \"\\e680\"; }\n@mixin icon-column { content: \"\\e681\"; }\n@mixin icon-text-color { content: \"\\e682\"; }\n@mixin icon-background-color { content: \"\\e683\"; }\n@mixin icon-spell-check { content: \"\\e684\"; }\n@mixin icon-polygon { content: \"\\e685\"; }\n@mixin icon-rectangle { content: \"\\e686\"; }\n@mixin icon-gap-match { content: \"\\e687\"; }\n@mixin icon-order { content: \"\\e688\"; }\n@mixin icon-hottext { content: \"\\e689\"; }\n@mixin icon-free-form { content: \"\\e68a\"; }\n@mixin icon-step-backward { content: \"\\e68b\"; }\n@mixin icon-fast-backward { content: \"\\e68c\"; }\n@mixin icon-backward { content: \"\\e68d\"; }\n@mixin icon-play { content: \"\\e68e\"; }\n@mixin icon-pause { content: \"\\e68f\"; }\n@mixin icon-stop { content: \"\\e690\"; }\n@mixin icon-forward { content: \"\\e691\"; }\n@mixin icon-fast-forward { content: \"\\e692\"; }\n@mixin icon-step-forward { content: \"\\e693\"; }\n@mixin icon-ellipsis { content: \"\\e694\"; }\n@mixin icon-circle { content: \"\\e695\"; }\n@mixin icon-target { content: \"\\e696\"; }\n@mixin icon-guide-arrow { content: \"\\e697\"; }\n@mixin icon-range-slider-right { content: \"\\e698\"; }\n@mixin icon-range-slider-left { content: \"\\e699\"; }\n@mixin icon-radio-checked { content: \"\\e69a\"; }\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\n@mixin icon-checkbox { content: \"\\e69b\"; }\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\n@mixin icon-result-nok { content: \"\\e69e\"; }\n@mixin icon-result-ok { content: \"\\e69f\"; }\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\n@mixin icon-filter { content: \"\\e6a1\"; }\n@mixin icon-translate { content: \"\\e6a2\"; }\n@mixin icon-eject { content: \"\\e6a3\"; }\n@mixin icon-continue { content: \"\\e6a4\"; }\n@mixin icon-radio { content: \"\\e6a5\"; }\n@mixin icon-sphere { content: \"\\e6a6\"; }\n@mixin icon-reset { content: \"\\e6a7\"; }\n@mixin icon-smaller { content: \"\\e6a8\"; }\n@mixin icon-larger { content: \"\\e6a9\"; }\n@mixin icon-clock { content: \"\\e6aa\"; }\n@mixin icon-font { content: \"\\e6ab\"; }\n@mixin icon-maths { content: \"\\e6ac\"; }\n@mixin icon-grip { content: \"\\e6ad\"; }\n@mixin icon-rubric { content: \"\\e6ae\"; }\n@mixin icon-audio { content: \"\\e6af\"; }\n@mixin icon-grip-h { content: \"\\e6b0\"; }\n@mixin icon-magicwand { content: \"\\e6b1\"; }\n@mixin icon-loop { content: \"\\ea2e\"; }\n@mixin icon-calendar { content: \"\\e953\"; }\n@mixin icon-reload { content: \"\\e984\"; }\n@mixin icon-speed { content: \"\\e9a6\"; }\n@mixin icon-volume { content: \"\\ea27\"; }\n@mixin icon-contrast { content: \"\\e9d5\"; }\n@mixin icon-headphones { content: \"\\e910\"; }\n@mixin icon-compress { content: \"\\f066\"; }\n@mixin icon-map-o { content: \"\\f278\"; }\n@mixin icon-variable { content: \"\\e908\"; }\n@mixin icon-tooltip { content: \"\\e90c\"; }\n@mixin icon-globe { content: \"\\e9c9\"; }\n@mixin icon-highlighter { content: \"\\e90f\"; }\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\n@mixin icon-play-from-here { content: \"\\e912\"; }\n","// buttons and alerts\n$success: rgb(14, 145, 75);\n$info: rgb(14, 93, 145);\n$warning: rgb(216, 174, 91);\n$danger: rgb(201, 96, 67);\n$error: rgb(186, 18, 43);\n$activeInteraction: rgb(195, 90, 19);\n\n// corporate identity\n$logoRed: rgb(186, 18, 43);\n$grey: rgb(173, 161, 148);\n$darkBlueGrey: rgb(164, 187, 197);\n$mediumBlueGrey: rgb(193, 212, 220);\n$lightBlueGrey: rgb(228, 236, 239);\n$brownRedGrey: rgb(154, 137, 123);\n$darkBrown: rgb(111, 99, 89);\n$websiteBorder: rgb(141, 148, 158);\n\n// ui elements, these should only variations of the above\n// naming convention: jQueryUi theme roller -> camelCase\n\n$textColor: #222;\n$textHighlight: white;\n\n$uiGeneralContentBg: white();\n$uiGeneralContentBorder: #ddd;\n\n$uiHeaderBg: #d4d5d7;\n\n$uiClickableDefaultBg: #f3f1ef;\n$uiClickableHoverBg: whiten($info, 0.2);\n//$uiClickableActiveBg: $uiHeaderBg;\n$uiClickableActiveBg: whiten($websiteBorder, 0.2);\n//$uiClickableActiveBg: #aaa;\n\n$uiSelectableSelectedBg: whiten($info, 0.2);\n$uiSelectableSelectedHoverBg: whiten($info, 0.1);\n$uiSelectableHoverBg: whiten($info, 0.9);\n\n$uiOverlay: $lightBlueGrey;\n\n// new layout. Implemented now only for review panel\n$uiReviewPanelBg: #f2f2f2;\n$uiReviewPanelTextDisabled: hsl(0, 0%, 45%);\n$uiReviewPanelTextDefault: hsl(0, 0%, 12%);\n$uiReviewPanelBgDefault: $uiGeneralContentBg;\n$uiReviewPanelPrimaryHighlight: hsl(208, 100%, 32%);\n$uiReviewPanelBgInverted: $uiReviewPanelTextDefault;\n$uiReviewPanelTextInverted: $uiGeneralContentBg;\n\n// sidebars etc.\n$canvas: mix(#fff, $grey, 85%);\n\n// colors taken from feedback.scss\n$successBgColor: whiten($success, 0.8);\n$successBorderColor: whiten($success, 0.1);\n\n$infoBgColor: whiten($info, 0.8);\n$infoBorderColor: whiten($info, 0.1);\n\n$warningBgColor: whiten($warning, 0.8);\n$warningBorderColor: whiten($warning, 0.1);\n\n$dangerBgColor: whiten($danger, 0.8);\n$dangerBorderColor: whiten($danger, 0.1);\n\n$errorBgColor: whiten($error, 0.8);\n$errorBorderColor: whiten($error, 0.1);\n\n$darkBar: rgb(51, 51, 51);\n$darkBarTxt: rgb(230, 230, 230);\n$darkBarIcon: rgb(220, 220, 220);\n\n$actionLinkColor: #276d9b;\n$actionLinkHoverColor: #4f83a7;\n\n$colorWheel-01: #c3ba13;\n$colorWheel-02: #84a610;\n$colorWheel-03: #2b8e0e;\n$colorWheel-04: #0f9787;\n$colorWheel-05: #0e5d91;\n$colorWheel-06: #0d2689;\n$colorWheel-07: #400d83;\n$colorWheel-08: #960e7d;\n$colorWheel-09: #ba122b;\n$colorWheel-10: #c34713;\n$colorWheel-11: #c36f13;\n$colorWheel-12: #c39413;\n"]}
+{"version":3,"sources":["../../../scss/inc/_functions.scss","../scss/selector.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../../../scss/inc/_colors.scss"],"names":[],"mappings":"AAaA;;;;;;CCPC;ACND,gBAAA;ADEA;IACI,YAAY;IACZ,kBAAkB;IAElB,UAAW;AAMf;;AAVA;IAMQ,UAAU;IDiDN,sCAAwB;ACpCpC;;AAnBA;IAWQ,qBAAqB;IACrB,kBAAkB;ID+FtB,sBAD6B;IAE7B,kBAAkB;IAOlB,kBAA4B;ICpGxB,0BAA0B;IAC1B,qBAAqB;IACrB,WAAW;IAEX,uBD0LiC;AC3KzC;;AAlCA;IAsBY,cDmKsC;ACnJlD;;AAtCA;ICDE,+EAAA;IACA,6BAA6B;IAC7B,WAAW;IACX,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,cAAc;IAEd,sCAAA;IACA,mCAAmC;IACnC,kCAAkC;IA0CjB,gBAAgB;IDxBvB,kBAAkB;IAClB,WAAW;IACX,QAAQ;AA0BpB;;AAxDA;ICmDiB,gBAAgB;ADSjC;;AA5DA;IA0CQ,kBAAkB;IAClB,WAAW;IACX,yBEjBsB;IFkBtB,sBEtBqB;IHyGzB,uCAAiD;IACjD,sCAAgD;IAChD,mCAA6C;IAC7C,kCAA4C;IAC5C,+BAAyC;IACzC,8BAAwC;IA9EhC,gDAAwB;IAAxB,+CAAwB;IAAxB,4CAAwB;ICP5B,OAAO;IACP,eAAe;IACf,gBAAgB;IAChB,YAAY;IACZ,iBAAiB;IACjB,iBAAiB;IDEb,uCAAwB;ACkCpC;;AAzFA;IAyDY,gBAAgB;IAEhB,aAAa;IACb,aAAa;IACb,eAAe;IDNf,uCAAwB;AC8CpC;;AArGA;IAiEY,qBAAqB;IACrB,UAAU;IACV,kBAAkB;AAwC9B;;AA3GA;IAsEgB,gBAAgB;AAyChC;;AA/GA;IAyEoB,qBAAqB;IACrB,WEvDJ;AFiGhB;;AApHA;IA6EwB,cE7ED;IHuDX,oCAAwB;ACsEpC;;AA7HA;ICDE,+EAAA;IACA,6BAA6B;IAC7B,WAAW;IACX,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,cAAc;IAEd,sCAAA;IACA,mCAAmC;IACnC,kCAAkC;IAqCf,gBAAgB;IDsCjB,cEpFO;IFqFP,QAAQ;ID/BhB,sCAAwB;IAAxB,mCAAwB;IAAxB,8BAAwB;ICiChB,iBAAiB;AA0DrC;;AAlJA;IA8FY,mBAAmB;AAwD/B","file":"selector.css","sourcesContent":["@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix:'') {\n    @each $icon in $iconList {\n        #{$prefix}#{$icon} {\n            background-position: $x * 1px $y * 1px;\n        }\n        @if $direction == 'x' {\n            $x: $x - 16;\n        } @else {\n            $y: $y - 16;\n        }\n    }\n}\n\n/*\nUsage:\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\n   if 3 colors used then the position of each will be 33,33%\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\n   first param - color, second - position. Also you can use px or other valid units for set position.\n*/\n@mixin linear-gradient($colorList, $direction: 'to right') {\n    $percentage: 0;\n    $units: '%';\n    $count: length($colorList);\n    $increment: 100 / ($count - 1);\n    $css: #{$direction + ', '};\n    $sep: ', ';\n    @each $colorItem in $colorList {\n        $color: $colorItem;\n        @if (length($colorItem) > 1) {\n            $color: nth($colorItem, 1);\n            $percentage: nth($colorItem, 2);\n            $units: '';\n        }\n        @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\n            $sep: '';\n        }\n        $css: #{$css + $color + ' ' + $percentage + $units + $sep};\n        $percentage: $percentage + $increment;\n    }\n    background: linear-gradient( #{$css} );\n}\n\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\n    $gridPx: 840;\n    $rawSpanPx: (($gridPx - ($numCols * $gutter)) / $numCols);\n    $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\n    $spanPercent: widthPerc($spanPx, $gridPx);\n    $marginPercent: widthPerc($gutter, $gridPx);\n    margin-left: $marginPercent;\n    width: $spanPercent;\n}\n\n\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\n    @if $whatToPrefix == 'property' {\n        @each $prefix in $prefixes {\n            #{$prefix + $property}: #{$value};\n        }\n    }\n    @else if $whatToPrefix == 'value' {\n        @each $prefix in $prefixes {\n            #{$property}: #{$prefix + $value};\n        }\n    }\n}\n@mixin flex-container($wrapBehavior: nowrap, $direction : row) {\n    @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\n\n    @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\n    @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\n\n    @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\n\n    @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\n\n    @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\n}\n\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\n\n    @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\n    flex-item-align: stretch;\n    -ms-flex-item-align: stretch;\n    @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\n\n    // if both, min width and width are set, width will win this conflict\n    @if ($width == auto) {\n        @if ($minWidth != 1) {\n            @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\n        }\n        @else {\n            @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\n            // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\n            // for a discussion auto vs. main-size\n            @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\n        }\n    }\n    @else {\n        @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\n    }\n}\n\n\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, .2)) {\n    @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\n}\n\n@mixin simple-border($color: #ddd) {\n    border: 1px solid $color;\n    border-radius: 2px;\n    -webkit-border-radius: 2px;\n}\n\n@mixin border-radius($radius: 2) {\n    -moz-border-radius: $radius * 1px;\n    -webkit-border-radius: $radius * 1px;\n    border-radius: $radius * 1px;\n}\n\n@mixin border-radius-top($radius: 2) {\n    -webkit-border-top-left-radius: $radius * 1px;\n    -webkit-border-top-right-radius: $radius * 1px;\n    -moz-border-radius-topleft: $radius * 1px;\n    -moz-border-radius-topright: $radius * 1px;\n    border-top-left-radius: $radius * 1px;\n    border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom($radius: 2) {\n    -webkit-border-bottom-right-radius: $radius * 1px;\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-bottomright: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-bottom-right-radius: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-left($radius: 2) {\n    -webkit-border-top-left-radius: $radius * 1px;\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-topleft: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-top-left-radius: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-right($radius: 2) {\n    -webkit-border-top-right-radius: $radius * 1px;\n    -webkit-border-bottom-right-radius: $radius * 1px;\n    -moz-border-radius-topright: $radius * 1px;\n    -moz-border-radius-bottomright: $radius * 1px;\n    border-top-right-radius: $radius * 1px;\n    border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-left($radius: 2) {\n  -webkit-border-top-left-radius: $radius * 1px;\n  -moz-border-radius-topleft: $radius * 1px;\n  border-top-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-right($radius: 2) {\n  -webkit-border-top-right-radius: $radius * 1px;\n  -moz-border-radius-topright: $radius * 1px;\n  border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-right($radius: 2) {\n  -webkit-border-bottom-right-radius: $radius * 1px;\n  -moz-border-radius-bottomright: $radius * 1px;\n  border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-left($radius: 2) {\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-box() {\n    -moz-box-sizing: border-box;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n}\n\n@function whiten($color, $white: 0.3) {\n    @return mix(#fff, $color, ($white * 100) * 1%);\n}\n\n@function blacken($color, $black: 0.3) {\n    @return mix(#000, $color, ($black * 100) * 1%);\n}\n\n@function widthPerc($colWidth, $context) {\n    @return ($colWidth * 100 / $context) * 1%\n}\n\n@function remDist($fontSizePx) {\n    @return ($fontSizePx / 10) * 1rem\n}\n\n@function black($alpha: 1) {\n    @return (rgba(0, 0, 0, $alpha))\n}\n\n@function white($alpha: 1) {\n    @return (rgba(255, 255, 255, $alpha))\n}\n\n@mixin font-size($remPx, $important: false) {\n    @if $important == true {\n        font-size: ($remPx) * 1px !important;\n        font-size: ($remPx / 10) * 1rem !important;\n    }\n    @else {\n        font-size: ($remPx) * 1px;\n        font-size: ($remPx / 10) * 1rem;\n    }\n}\n\n\n@mixin keyframes($name) {\n    @-o-keyframes #{$name} { @content };\n    @-moz-keyframes #{$name} { @content };\n    @-webkit-keyframes #{$name} { @content };\n    @keyframes #{$name} { @content };\n}\n\n\n@mixin animation($value, $type:'') {\n    $animation: animation;\n    @if $type != '' {\n        $animation:  $animation + '-' + $type;\n    }\n    @include vendor-prefix($animation, $value, property);\n}\n\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\n///\n/// @param {property} [$type = all] the CSS property to apply the transition to\n/// @param {time} [$duration = .5s] the transition property\n/// @param {timing-function} [$effect = ease-out] the transition property\n@mixin transition($type : all, $duration : 0.5s, $effect : ease-out, $delay : 0s){\n    @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\n}\n\n@mixin fade($duration: 1s){\n\n    @include keyframes(fade) {\n        0%   {opacity:0;}\n        50%   {opacity:1;}\n        100% {opacity:0;}\n    }\n\n    @include vendor-prefix(animation, fade 1s forwards, property);\n}\n\n@mixin repeat(){\n    @include animation(infinite, iteration-count);\n}\n\n@mixin largeHeading() {\n    @include font-size(20);\n    font-family: $headingFont;\n    font-style: normal;\n}\n\n@mixin disableSelect() {\n    @include vendor-prefix(user-select, none, property);\n}\n","@import \"inc/bootstrap\";\n\n.class-selector{\n    padding: 5px;\n    position: relative;\n\n    opacity : 0;\n    &.rendered {\n        opacity: 1;\n        @include transition(opacity, 300ms, linear);\n    }\n\n    a.selected {\n        display: inline-block;\n        position: relative;\n        @include simple-border;\n        @include border-radius(3);\n        padding: 3px 20px 3px 10px;\n        text-decoration: none;\n        width: 100%;\n\n        background-color: $uiGeneralContentBg;\n\n        &.empty{\n            color: $uiClickableActiveBg;\n        }\n\n        &:after {\n            @include tao-icon-setup;\n            @include icon-down;\n            position: absolute;\n            right: 10px;\n            top: 7px;\n        }\n    }\n\n    a.open {\n        &:after {\n            @include icon-up;\n        }\n    }\n\n    .options {\n\n        position: absolute;\n        width: 100%;\n        background-color: $uiClickableDefaultBg;\n        border: solid 1px $uiGeneralContentBorder;\n        @include border-radius-bottom(3);\n        @include box-shadow;\n        left: 0;\n        margin-top: 7px;\n        overflow-y: auto;\n        z-index: 100;\n        min-height: 100px;\n        max-height: 450px;\n        @include transition(max-height, 300ms, ease);\n\n        &.folded {\n            overflow: hidden;\n\n            min-height: 0;\n            max-height: 0;\n            border-width: 0;\n            @include transition(max-height, 300ms, ease);\n        }\n        ul {\n            list-style-type: none;\n            padding: 0;\n            margin: 0 0 0 15px;\n\n            li {\n                padding-top: 3px;\n\n                a {\n                    text-decoration: none;\n                    color: $textColor;\n\n                    &:hover {\n                        color: $info;\n                        @include transition(color, 200ms, linear);\n                    }\n                }\n\n                &:before {\n                    @include tao-icon-setup;\n                    @include icon-folder;\n                    color: $warning;\n                    top: 2px;\n                    @include vendor-prefix(text-shadow, 1px 1px 0 blacken($warning, .2), property, (-webkit-, -moz-, ''));\n                    margin-right: 4px;\n                }\n            }\n        }\n\n        & > ul {\n            margin: 5px 0 0 7px;\n        }\n    }\n}\n\n\n/*# sourceMappingURL=selector.css.map */","/* Do not edit */@mixin tao-icon-setup {\n  /* use !important to prevent issues with browser extensions that change fonts */\n  font-family: 'tao' !important;\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-offline { content: \"\\e913\"; }\n@mixin icon-online { content: \"\\e914\"; }\n@mixin icon-tab { content: \"\\e90d\"; }\n@mixin icon-untab { content: \"\\e90e\"; }\n@mixin icon-multi-select { content: \"\\e90b\"; }\n@mixin icon-clipboard { content: \"\\e90a\"; }\n@mixin icon-filebox { content: \"\\e909\"; }\n@mixin icon-click-to-speak { content: \"\\e907\"; }\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\n@mixin icon-microphone { content: \"\\f130\"; }\n@mixin icon-microphone-off { content: \"\\f131\"; }\n@mixin icon-disconnect { content: \"\\e905\"; }\n@mixin icon-connect { content: \"\\e906\"; }\n@mixin icon-eliminate { content: \"\\e904\"; }\n@mixin icon-wheelchair { content: \"\\e903\"; }\n@mixin icon-text-marker { content: \"\\e902\"; }\n@mixin icon-unshield { content: \"\\e32a\"; }\n@mixin icon-shield { content: \"\\e8e8\"; }\n@mixin icon-tree { content: \"\\e6b4\"; }\n@mixin icon-home { content: \"\\e6b3\"; }\n@mixin icon-shared-file { content: \"\\e6b2\"; }\n@mixin icon-end-attempt { content: \"\\e603\"; }\n@mixin icon-icon { content: \"\\f1c5\"; }\n@mixin icon-radio-bg { content: \"\\e600\"; }\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\n@mixin icon-tag { content: \"\\e602\"; }\n@mixin icon-style { content: \"\\e604\"; }\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\n@mixin icon-property-advanced { content: \"\\e606\"; }\n@mixin icon-property-add { content: \"\\e607\"; }\n@mixin icon-repository-add { content: \"\\e608\"; }\n@mixin icon-repository-remove { content: \"\\e609\"; }\n@mixin icon-repository { content: \"\\e60a\"; }\n@mixin icon-result-server { content: \"\\e60b\"; }\n@mixin icon-folder { content: \"\\e60c\"; }\n@mixin icon-folder-open { content: \"\\e60d\"; }\n@mixin icon-left { content: \"\\e60e\"; }\n@mixin icon-right { content: \"\\e60f\"; }\n@mixin icon-up { content: \"\\e610\"; }\n@mixin icon-down { content: \"\\e611\"; }\n@mixin icon-undo { content: \"\\e612\"; }\n@mixin icon-redo { content: \"\\e613\"; }\n@mixin icon-screen { content: \"\\e614\"; }\n@mixin icon-laptop { content: \"\\e615\"; }\n@mixin icon-tablet { content: \"\\e616\"; }\n@mixin icon-phone { content: \"\\e617\"; }\n@mixin icon-move { content: \"\\e618\"; }\n@mixin icon-bin { content: \"\\e619\"; }\n@mixin icon-shuffle { content: \"\\e61a\"; }\n@mixin icon-print { content: \"\\e61b\"; }\n@mixin icon-tools { content: \"\\e61c\"; }\n@mixin icon-settings { content: \"\\e61d\"; }\n@mixin icon-video { content: \"\\e61e\"; }\n@mixin icon-find { content: \"\\e61f\"; }\n@mixin icon-image { content: \"\\e620\"; }\n@mixin icon-edit { content: \"\\e621\"; }\n@mixin icon-document { content: \"\\e622\"; }\n@mixin icon-resize-grid { content: \"\\e623\"; }\n@mixin icon-resize { content: \"\\e624\"; }\n@mixin icon-help { content: \"\\e625\"; }\n@mixin icon-mobile-menu { content: \"\\e626\"; }\n@mixin icon-fix { content: \"\\e627\"; }\n@mixin icon-unlock { content: \"\\e628\"; }\n@mixin icon-lock { content: \"\\e629\"; }\n@mixin icon-ul { content: \"\\e62a\"; }\n@mixin icon-ol { content: \"\\e62b\"; }\n@mixin icon-email { content: \"\\e62c\"; }\n@mixin icon-download { content: \"\\e62d\"; }\n@mixin icon-logout { content: \"\\e62e\"; }\n@mixin icon-login { content: \"\\e62f\"; }\n@mixin icon-spinner { content: \"\\e630\"; }\n@mixin icon-preview { content: \"\\e631\"; }\n@mixin icon-external { content: \"\\e632\"; }\n@mixin icon-time { content: \"\\e633\"; }\n@mixin icon-save { content: \"\\e634\"; }\n@mixin icon-warning { content: \"\\e635\"; }\n@mixin icon-add { content: \"\\e636\"; }\n@mixin icon-error { content: \"\\e900\"; }\n@mixin icon-close { content: \"\\e637\"; }\n@mixin icon-success { content: \"\\e638\"; }\n@mixin icon-remove { content: \"\\e639\"; }\n@mixin icon-info { content: \"\\e63a\"; }\n@mixin icon-danger { content: \"\\e63b\"; }\n@mixin icon-users { content: \"\\e63c\"; }\n@mixin icon-user { content: \"\\e63d\"; }\n@mixin icon-test-taker { content: \"\\e63e\"; }\n@mixin icon-test-takers { content: \"\\e63f\"; }\n@mixin icon-item { content: \"\\e640\"; }\n@mixin icon-test { content: \"\\e641\"; }\n@mixin icon-delivery { content: \"\\e642\"; }\n@mixin icon-eye-slash { content: \"\\e643\"; }\n@mixin icon-result { content: \"\\e644\"; }\n@mixin icon-delivery-small { content: \"\\e645\"; }\n@mixin icon-upload { content: \"\\e646\"; }\n@mixin icon-result-small { content: \"\\e647\"; }\n@mixin icon-mobile-preview { content: \"\\e648\"; }\n@mixin icon-extension { content: \"\\e649\"; }\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\n@mixin icon-table { content: \"\\e64d\"; }\n@mixin icon-anchor { content: \"\\e64e\"; }\n@mixin icon-unlink { content: \"\\e64f\"; }\n@mixin icon-link { content: \"\\e650\"; }\n@mixin icon-right-left { content: \"\\e651\"; }\n@mixin icon-left-right { content: \"\\e652\"; }\n@mixin icon-special-character { content: \"\\e653\"; }\n@mixin icon-source { content: \"\\e654\"; }\n@mixin icon-new-page { content: \"\\e655\"; }\n@mixin icon-templates { content: \"\\e656\"; }\n@mixin icon-cut { content: \"\\e657\"; }\n@mixin icon-replace { content: \"\\e658\"; }\n@mixin icon-copy { content: \"\\e659\"; }\n@mixin icon-paste { content: \"\\e65a\"; }\n@mixin icon-select-all { content: \"\\e65b\"; }\n@mixin icon-paste-text { content: \"\\e65c\"; }\n@mixin icon-paste-word { content: \"\\e65d\"; }\n@mixin icon-bold { content: \"\\e65e\"; }\n@mixin icon-italic { content: \"\\e65f\"; }\n@mixin icon-underline { content: \"\\e660\"; }\n@mixin icon-subscript { content: \"\\e661\"; }\n@mixin icon-superscript { content: \"\\e662\"; }\n@mixin icon-strike-through { content: \"\\e663\"; }\n@mixin icon-decrease-indent { content: \"\\e664\"; }\n@mixin icon-increase-indent { content: \"\\e665\"; }\n@mixin icon-block-quote { content: \"\\e666\"; }\n@mixin icon-div-container { content: \"\\e667\"; }\n@mixin icon-align-left { content: \"\\e668\"; }\n@mixin icon-center { content: \"\\e669\"; }\n@mixin icon-align-right { content: \"\\e66a\"; }\n@mixin icon-justify { content: \"\\e66b\"; }\n@mixin icon-choice { content: \"\\e66c\"; }\n@mixin icon-inline-choice { content: \"\\e66d\"; }\n@mixin icon-match { content: \"\\e66e\"; }\n@mixin icon-associate { content: \"\\e66f\"; }\n@mixin icon-media { content: \"\\e670\"; }\n@mixin icon-graphic-order { content: \"\\e671\"; }\n@mixin icon-hotspot { content: \"\\e672\"; }\n@mixin icon-graphic-gap { content: \"\\e673\"; }\n@mixin icon-graphic-associate { content: \"\\e674\"; }\n@mixin icon-select-point { content: \"\\e675\"; }\n@mixin icon-pin { content: \"\\e676\"; }\n@mixin icon-import { content: \"\\e677\"; }\n@mixin icon-export { content: \"\\e678\"; }\n@mixin icon-move-item { content: \"\\e679\"; }\n@mixin icon-meta-data { content: \"\\e67a\"; }\n@mixin icon-slider { content: \"\\e67b\"; }\n@mixin icon-summary-report { content: \"\\e67c\"; }\n@mixin icon-text-entry { content: \"\\e67d\"; }\n@mixin icon-extended-text { content: \"\\e67e\"; }\n@mixin icon-eraser { content: \"\\e67f\"; }\n@mixin icon-row { content: \"\\e680\"; }\n@mixin icon-column { content: \"\\e681\"; }\n@mixin icon-text-color { content: \"\\e682\"; }\n@mixin icon-background-color { content: \"\\e683\"; }\n@mixin icon-spell-check { content: \"\\e684\"; }\n@mixin icon-polygon { content: \"\\e685\"; }\n@mixin icon-rectangle { content: \"\\e686\"; }\n@mixin icon-gap-match { content: \"\\e687\"; }\n@mixin icon-order { content: \"\\e688\"; }\n@mixin icon-hottext { content: \"\\e689\"; }\n@mixin icon-free-form { content: \"\\e68a\"; }\n@mixin icon-step-backward { content: \"\\e68b\"; }\n@mixin icon-fast-backward { content: \"\\e68c\"; }\n@mixin icon-backward { content: \"\\e68d\"; }\n@mixin icon-play { content: \"\\e68e\"; }\n@mixin icon-pause { content: \"\\e68f\"; }\n@mixin icon-stop { content: \"\\e690\"; }\n@mixin icon-forward { content: \"\\e691\"; }\n@mixin icon-fast-forward { content: \"\\e692\"; }\n@mixin icon-step-forward { content: \"\\e693\"; }\n@mixin icon-ellipsis { content: \"\\e694\"; }\n@mixin icon-circle { content: \"\\e695\"; }\n@mixin icon-target { content: \"\\e696\"; }\n@mixin icon-guide-arrow { content: \"\\e697\"; }\n@mixin icon-range-slider-right { content: \"\\e698\"; }\n@mixin icon-range-slider-left { content: \"\\e699\"; }\n@mixin icon-radio-checked { content: \"\\e69a\"; }\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\n@mixin icon-checkbox { content: \"\\e69b\"; }\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\n@mixin icon-result-nok { content: \"\\e69e\"; }\n@mixin icon-result-ok { content: \"\\e69f\"; }\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\n@mixin icon-filter { content: \"\\e6a1\"; }\n@mixin icon-translate { content: \"\\e6a2\"; }\n@mixin icon-eject { content: \"\\e6a3\"; }\n@mixin icon-continue { content: \"\\e6a4\"; }\n@mixin icon-radio { content: \"\\e6a5\"; }\n@mixin icon-sphere { content: \"\\e6a6\"; }\n@mixin icon-reset { content: \"\\e6a7\"; }\n@mixin icon-smaller { content: \"\\e6a8\"; }\n@mixin icon-larger { content: \"\\e6a9\"; }\n@mixin icon-clock { content: \"\\e6aa\"; }\n@mixin icon-font { content: \"\\e6ab\"; }\n@mixin icon-maths { content: \"\\e6ac\"; }\n@mixin icon-grip { content: \"\\e6ad\"; }\n@mixin icon-rubric { content: \"\\e6ae\"; }\n@mixin icon-audio { content: \"\\e6af\"; }\n@mixin icon-grip-h { content: \"\\e6b0\"; }\n@mixin icon-magicwand { content: \"\\e6b1\"; }\n@mixin icon-loop { content: \"\\ea2e\"; }\n@mixin icon-calendar { content: \"\\e953\"; }\n@mixin icon-reload { content: \"\\e984\"; }\n@mixin icon-speed { content: \"\\e9a6\"; }\n@mixin icon-volume { content: \"\\ea27\"; }\n@mixin icon-contrast { content: \"\\e9d5\"; }\n@mixin icon-headphones { content: \"\\e910\"; }\n@mixin icon-compress { content: \"\\f066\"; }\n@mixin icon-map-o { content: \"\\f278\"; }\n@mixin icon-variable { content: \"\\e908\"; }\n@mixin icon-tooltip { content: \"\\e90c\"; }\n@mixin icon-globe { content: \"\\e9c9\"; }\n@mixin icon-highlighter { content: \"\\e90f\"; }\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\n@mixin icon-play-from-here { content: \"\\e912\"; }\n","// buttons and alerts\n$success: rgb(14, 145, 75);\n$info: rgb(14, 93, 145);\n$warning: rgb(216, 174, 91);\n$danger: rgb(201, 96, 67);\n$error: rgb(186, 18, 43);\n$activeInteraction: rgb(195, 90, 19);\n\n// corporate identity\n$logoRed: rgb(186, 18, 43);\n$grey: rgb(173, 161, 148);\n$darkBlueGrey: rgb(164, 187, 197);\n$mediumBlueGrey: rgb(193, 212, 220);\n$lightBlueGrey: rgb(228, 236, 239);\n$brownRedGrey: rgb(154, 137, 123);\n$darkBrown: rgb(111, 99, 89);\n$websiteBorder: rgb(141, 148, 158);\n\n// ui elements, these should only variations of the above\n// naming convention: jQueryUi theme roller -> camelCase\n\n$textColor: #222;\n$textHighlight: white;\n\n$uiGeneralContentBg: white();\n$uiGeneralContentBorder: #ddd;\n\n$uiHeaderBg: #D4D5D7;\n\n$uiClickableDefaultBg: #f3f1ef;\n$uiClickableHoverBg: whiten($info, .2);\n//$uiClickableActiveBg: $uiHeaderBg;\n$uiClickableActiveBg: whiten($websiteBorder, .2);\n//$uiClickableActiveBg: #aaa;\n\n$uiSelectableSelectedBg: whiten($info, .2);\n$uiSelectableSelectedHoverBg: whiten($info, .1);\n$uiSelectableHoverBg: whiten($info, .9);\n\n$uiOverlay: $lightBlueGrey;\n\n// sidebars etc.\n$canvas: mix(#fff, $grey, 85%);\n\n// colors taken from feedback.scss\n$successBgColor: whiten($success, .8);\n$successBorderColor: whiten($success, .1);\n\n$infoBgColor: whiten($info, .8);\n$infoBorderColor: whiten($info, .1);\n\n$warningBgColor: whiten($warning, .8);\n$warningBorderColor: whiten($warning, .1);\n\n$dangerBgColor: whiten($danger, .8);\n$dangerBorderColor: whiten($danger, .1);\n\n$errorBgColor: whiten($error, .8);\n$errorBorderColor: whiten($error, .1);\n\n\n$darkBar : rgb(51, 51, 51);\n$darkBarTxt : rgb(230, 230, 230);\n$darkBarIcon : rgb(220, 220, 220);\n\n$actionLinkColor: #276D9B;\n$actionLinkHoverColor: #4F83A7;\n\n\n$colorWheel-01: #C3BA13;\n$colorWheel-02: #84A610;\n$colorWheel-03: #2B8E0E;\n$colorWheel-04: #0F9787;\n$colorWheel-05: #0E5D91;\n$colorWheel-06: #0D2689;\n$colorWheel-07: #400D83;\n$colorWheel-08: #960E7D;\n$colorWheel-09: #BA122B;\n$colorWheel-10: #C34713;\n$colorWheel-11: #C36F13;\n$colorWheel-12: #C39413;\n"]}

package/dist/class/selector.js

@@ -10,17 +10,11 @@ define(['jquery', 'lodash', 'i18n', 'ui/component', 'handlebars', 'lib/dompurify
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function (obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function (obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function Helpers0 (hb) {

package/dist/component/css/components.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../scss/inc/_functions.scss","../scss/components.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../../../scss/inc/_colors.scss"],"names":[],"mappings":"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","file":"components.css","sourcesContent":["@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix:'') {\n    @each $icon in $iconList {\n        #{$prefix}#{$icon} {\n            background-position: $x * 1px $y * 1px;\n        }\n        @if $direction == 'x' {\n            $x: $x - 16;\n        } @else {\n            $y: $y - 16;\n        }\n    }\n}\n\n/*\nUsage:\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\n   if 3 colors used then the position of each will be 33,33%\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\n   first param - color, second - position. Also you can use px or other valid units for set position.\n*/\n@mixin linear-gradient($colorList, $direction: 'to right') {\n    $percentage: 0;\n    $units: '%';\n    $count: length($colorList);\n    $increment: 100 / ($count - 1);\n    $css: #{$direction + ', '};\n    $sep: ', ';\n    @each $colorItem in $colorList {\n        $color: $colorItem;\n        @if (length($colorItem) > 1) {\n            $color: nth($colorItem, 1);\n            $percentage: nth($colorItem, 2);\n            $units: '';\n        }\n        @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\n            $sep: '';\n        }\n        $css: #{$css + $color + ' ' + $percentage + $units + $sep};\n        $percentage: $percentage + $increment;\n    }\n    background: linear-gradient( #{$css} );\n}\n\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\n    $gridPx: 840;\n    $rawSpanPx: (($gridPx - ($numCols * $gutter)) / $numCols);\n    $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\n    $spanPercent: widthPerc($spanPx, $gridPx);\n    $marginPercent: widthPerc($gutter, $gridPx);\n    margin-left: $marginPercent;\n    width: $spanPercent;\n}\n\n\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\n    @if $whatToPrefix == 'property' {\n        @each $prefix in $prefixes {\n            #{$prefix + $property}: #{$value};\n        }\n    }\n    @else if $whatToPrefix == 'value' {\n        @each $prefix in $prefixes {\n            #{$property}: #{$prefix + $value};\n        }\n    }\n}\n@mixin flex-container($wrapBehavior: nowrap, $direction : row) {\n    @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\n\n    @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\n    @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\n\n    @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\n\n    @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\n\n    @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\n}\n\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\n\n    @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\n    flex-item-align: stretch;\n    -ms-flex-item-align: stretch;\n    @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\n\n    // if both, min width and width are set, width will win this conflict\n    @if ($width == auto) {\n        @if ($minWidth != 1) {\n            @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\n        }\n        @else {\n            @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\n            // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\n            // for a discussion auto vs. main-size\n            @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\n        }\n    }\n    @else {\n        @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\n    }\n}\n\n\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, .2)) {\n    @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\n}\n\n@mixin simple-border($color: #ddd) {\n    border: 1px solid $color;\n    border-radius: 2px;\n    -webkit-border-radius: 2px;\n}\n\n@mixin border-radius($radius: 2) {\n    -moz-border-radius: $radius * 1px;\n    -webkit-border-radius: $radius * 1px;\n    border-radius: $radius * 1px;\n}\n\n@mixin border-radius-top($radius: 2) {\n    -webkit-border-top-left-radius: $radius * 1px;\n    -webkit-border-top-right-radius: $radius * 1px;\n    -moz-border-radius-topleft: $radius * 1px;\n    -moz-border-radius-topright: $radius * 1px;\n    border-top-left-radius: $radius * 1px;\n    border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom($radius: 2) {\n    -webkit-border-bottom-right-radius: $radius * 1px;\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-bottomright: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-bottom-right-radius: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-left($radius: 2) {\n    -webkit-border-top-left-radius: $radius * 1px;\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-topleft: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-top-left-radius: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-right($radius: 2) {\n    -webkit-border-top-right-radius: $radius * 1px;\n    -webkit-border-bottom-right-radius: $radius * 1px;\n    -moz-border-radius-topright: $radius * 1px;\n    -moz-border-radius-bottomright: $radius * 1px;\n    border-top-right-radius: $radius * 1px;\n    border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-left($radius: 2) {\n  -webkit-border-top-left-radius: $radius * 1px;\n  -moz-border-radius-topleft: $radius * 1px;\n  border-top-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-right($radius: 2) {\n  -webkit-border-top-right-radius: $radius * 1px;\n  -moz-border-radius-topright: $radius * 1px;\n  border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-right($radius: 2) {\n  -webkit-border-bottom-right-radius: $radius * 1px;\n  -moz-border-radius-bottomright: $radius * 1px;\n  border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-left($radius: 2) {\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-box() {\n    -moz-box-sizing: border-box;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n}\n\n@function whiten($color, $white: 0.3) {\n    @return mix(#fff, $color, ($white * 100) * 1%);\n}\n\n@function blacken($color, $black: 0.3) {\n    @return mix(#000, $color, ($black * 100) * 1%);\n}\n\n@function widthPerc($colWidth, $context) {\n    @return ($colWidth * 100 / $context) * 1%\n}\n\n@function remDist($fontSizePx) {\n    @return ($fontSizePx / 10) * 1rem\n}\n\n@function black($alpha: 1) {\n    @return (rgba(0, 0, 0, $alpha))\n}\n\n@function white($alpha: 1) {\n    @return (rgba(255, 255, 255, $alpha))\n}\n\n@mixin font-size($remPx, $important: false) {\n    @if $important == true {\n        font-size: ($remPx) * 1px !important;\n        font-size: ($remPx / 10) * 1rem !important;\n    }\n    @else {\n        font-size: ($remPx) * 1px;\n        font-size: ($remPx / 10) * 1rem;\n    }\n}\n\n\n@mixin keyframes($name) {\n    @-o-keyframes #{$name} { @content };\n    @-moz-keyframes #{$name} { @content };\n    @-webkit-keyframes #{$name} { @content };\n    @keyframes #{$name} { @content };\n}\n\n\n@mixin animation($value, $type:'') {\n    $animation: animation;\n    @if $type != '' {\n        $animation:  $animation + '-' + $type;\n    }\n    @include vendor-prefix($animation, $value, property);\n}\n\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\n///\n/// @param {property} [$type = all] the CSS property to apply the transition to\n/// @param {time} [$duration = .5s] the transition property\n/// @param {timing-function} [$effect = ease-out] the transition property\n@mixin transition($type : all, $duration : 0.5s, $effect : ease-out, $delay : 0s){\n    @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\n}\n\n@mixin fade($duration: 1s){\n\n    @include keyframes(fade) {\n        0%   {opacity:0;}\n        50%   {opacity:1;}\n        100% {opacity:0;}\n    }\n\n    @include vendor-prefix(animation, fade 1s forwards, property);\n}\n\n@mixin repeat(){\n    @include animation(infinite, iteration-count);\n}\n\n@mixin largeHeading() {\n    @include font-size(20);\n    font-family: $headingFont;\n    font-style: normal;\n}\n\n@mixin disableSelect() {\n    @include vendor-prefix(user-select, none, property);\n}\n","@import \"inc/bootstrap\";\n/* Style of advanced components */\n\n/* toggler */\n.toggler {\n    &:after {\n        margin-left: 3px;\n        position: relative;\n        top: 2px;\n        @include tao-icon-setup;\n        @include icon-down;\n    }\n    &.opened:after {\n        @include tao-icon-setup;\n        @include icon-up;\n    }\n}\n\n.toggled {\n    display: none;\n}\n\n/* Adder */\n.adder {\n    &:before {\n        margin-right: 5px;\n        @include font-size(10.5);\n        @include tao-icon-setup;\n        @include icon-add;\n    }\n}\n\n/* Closer / Deleter */\n.closer {\n    &:before {\n        margin-right: 5px;\n        @include font-size(10.5);\n        @include tao-icon-setup;\n        @include icon-close;\n    }\n}\n.deleter {\n    @extend .closer;\n}\n\n.undobox {\n    border: 1px #266d9c solid;\n    display: block;\n    position: fixed;\n    top: 50px;\n    left: 50%;\n    margin-left: -200px;\n    width: 400px;\n    z-index: 100005;\n    background-color: #cfdfe9;\n    padding: 20px 20px 20px 45px;\n    border-radius: 3px;\n    color: #222 !important;\n}\n\n.undobox > .icon-close {\n    right: 7px;\n    font-size: 1.5rem;\n    color: #999;\n    left: auto;\n    top: 5px;\n    cursor: pointer;\n    position: absolute;\n}\n\n.undobox .icon-info {\n    color: #0e5d91;\n    font-size: 2rem;\n    position: absolute;\n    top: 20px;\n    left: 15px;\n}\n\n/* Incrementer and duration */\ninput[data-increment], input.duration-ctrl {\n    width: 40px !important;\n    min-width: 40px !important;\n    text-align:right;\n}\n\n.duration-ctrl-wrapper, .incrementer-ctrl-wrapper {\n    position: relative;\n    display: inline-block;\n    @include simple-border($uiGeneralContentBorder);\n    @include border-radius(2);\n    .incrementer {\n        text-align: right;\n        border: none;\n        padding-right: 18px;\n        & ~ .incrementer-ctrl {\n            border-left: 1px $uiGeneralContentBorder solid;\n            display: inline-block;\n            height: 100%;\n            position: absolute;\n            right: 0;\n            top: 0;\n            > a {\n                outline: 0 !important;\n                cursor:pointer;\n                display: inline-block;\n                line-height: 13px;\n                color: $textColor;\n                background: $uiClickableDefaultBg;\n                padding: 0 4px 0 4px;\n                @include font-size(10.5);\n                position: absolute;\n                right: 0;\n                height: 50%;\n                text-align:center;\n                &.inc {\n                    top: 0;\n                    -moz-border-radius-topright: 2px;\n                    -webkit-border-top-right-radius: 2px;\n                    border-top-right-radius: 2px;\n                }\n                &.dec {\n                    top: 50%;\n                    -moz-border-radius-bottomright: 2px;\n                    -webkit-border-bottom-right-radius: 2px;\n                    border-bottom-right-radius: 2px;\n                }\n                &.inc:before {\n                    position: relative;\n                    bottom: 0px;\n                    @include tao-icon-setup;\n                    @include icon-up;\n                }\n                &.dec:before {\n                    position: relative;\n                    top: 0px;\n                    @include tao-icon-setup;\n                    @include icon-down;\n                }\n                &:hover {\n                    background-color: $uiClickableHoverBg;\n                    color: $textHighlight;\n                }\n            }\n        }\n    }\n}\n\n.duration-ctrl-wrapper ~ .separator {\n    padding: 0 3px;\n    text-align: center;\n    opacity: .7;\n}\n\n/* InPlacer */\n[data-in-place], .inplace {\n    cursor: pointer;\n    min-height: 1em;\n    input {\n        cursor: auto;\n    }\n    &:hover {\n        border: dotted 1px $uiClickableHoverBg;\n    }\n}\n\n/* ListBox  */\nul.listbox {\n    margin: .1em 0;\n    padding: 0;\n    list-style-type: none;\n    display: block;\n    > li {\n        white-space: no-wrap;\n        position: relative;\n        min-width: 75%;\n        border: solid 1px $uiGeneralContentBorder;\n        border-bottom-width: 0;\n        vertical-align: top;\n        margin: 0;\n        padding: .3em 2em .3em .2em;\n        background-color: $uiClickableDefaultBg;\n        min-height: 1.5em;\n\n        > .closer {\n            position: absolute;\n            right: 5px;\n            top: 0;\n        }\n\n        &:first-child {\n            -moz-border-radius: 2px 2px 0 0;\n            -webkit-border-radius: 2px 2px 0 0;\n            border-radius: 2px 2px 0 0;\n        }\n\n        &:last-child {\n            -moz-border-radius: 0 0 2px 2px;\n            -webkit-border-radius: 0 0 2px 2px;\n            border-radius: 0 0 2px 2px;\n            border-bottom-width: 1px;\n        }\n\n        &.placeholder {\n            background: none;\n            margin: .5em;\n            opacity: 0.6;\n        }\n    }\n}\n\n/* Modal styles */\n.modal {\n    background-color: $uiGeneralContentBg;\n    border: 1px solid $uiGeneralContentBorder;\n    box-shadow: 3px 3px 5px #666666;\n    height: auto;\n    opacity: 0;\n    top: -1000px;\n    padding: 40px;\n    position: fixed;\n    z-index: 105002;\n    margin: auto;\n    left: 0;\n    right: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n    max-width: 100vw;\n    max-height: calc(100vh - 40px);\n\n    &:focus {\n        outline: none;\n    }\n\n    .modal-close {\n        position: absolute;\n        right: 12px;\n        top: 10px;\n        cursor: pointer;\n        font-weight: bold;\n        color: $textColor;\n\n        [dir=\"rtl\"] & {\n            right: auto;\n            left: 12px;\n        }\n\n        &:hover{\n            opacity: 0.6;\n        }\n        .icon-close {\n            @include font-size(20);\n        }\n    }\n    // rewrite rules from _buttons.scss\n    button.modal-close {\n        color: $textColor !important;\n        background-color: transparent;\n        padding: 0;\n        height: 20px;\n        .icon-close {\n            padding: 0;\n        }\n    }\n\n    .modal-close:focus {\n        outline: 3px solid $actionLinkColor;\n        outline-offset: 3px;\n    }\n\n    .modal-body{\n        h4 {\n            @include font-size(16);\n            margin-top: 0;\n            margin-bottom: 8px;\n        }\n        .content, .message {\n            margin-bottom: 8px;\n        }\n        .buttons{\n            top: 16px;\n            position: relative;\n\n            [dir=\"rtl\"] & {\n                float: left;\n                display: flex;\n                flex-direction: row-reverse;\n            }\n\n            //flat button\n            button {\n                @include border-radius(2);\n                margin-left: 8px;\n                height: 36px;\n                text-shadow: none;\n                text-transform: uppercase;\n                color: $info !important;\n                background: none;\n                &:focus, &:hover{\n                    background: whiten($info, .85);\n                    outline: 3px solid $actionLinkColor;\n                    outline-offset: 3px;\n                }\n            }\n        }\n        input[type=\"checkbox\"] {\n            &:focus ~ [class^=\"icon-\"],\n            &:focus ~ [class*=\" icon-\"] {\n                outline: 3px solid $actionLinkColor;\n            }\n        }\n    }\n\n    &[class^=\"icon-\"], &[class*=\" icon-\"] { // supports any TAO icon\n        &:before {\n            @include font-size(44);\n            color: $info;\n            position: absolute;\n        }\n        // some predefined icons & their colours:\n        &.icon-result-nok {\n            &:before {\n                color: $error;\n            }\n        }\n        &.icon-warning {\n            &:before {\n                color: $danger;\n            }\n        }\n        &.icon-result-ok {\n            &:before {\n                color: $success;\n            }\n        }\n        // extra colour classes for convenience:\n        &.error {\n            &:before {\n                color: $error;\n            }\n        }\n        &.danger {\n            &:before {\n                color: $danger;\n            }\n        }\n        &.warning {\n            &:before {\n                color: $warning;\n            }\n        }\n        &.info {\n            &:before {\n                color: $info;\n            }\n        }\n        &.success {\n            &:before {\n                color: $success;\n            }\n        }\n        .modal-body {\n            font-family: $regularFont !important; // override icon font\n            line-height: 1.4;\n            margin-left: 8.5rem;\n        }\n    }\n}\n\n.modal-bg {\n    background: none repeat scroll 0 0 black();\n    opacity: 0.45;\n    -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)\";\n    filter: alpha(opacity=45);\n    display: none;\n    position: fixed;\n    height: 100%;\n    width: 100%;\n    left: 0;\n    top: 0;\n    z-index: 100001;\n    overflow: hidden;\n}\n\n/* Button groups */\n\n\nul[data-button-group], ul.button-group {\n\n    list-style-type: none;\n    padding: 0;\n    background-color: $uiGeneralContentBg;\n    border: 1px solid $uiGeneralContentBorder;\n    border-radius: 1px;\n    margin: 0 2px 2px 0;\n    display: inline-block;\n    @include border-radius;\n    @include font-size(12);\n\n    & > li {\n        border: 0 none;\n        color: $textColor;\n        cursor: pointer;\n        display: inline-block;\n        float: left;\n        min-width: 26px;\n        padding: 4px 6px;\n        text-align: center;\n        text-decoration: none !important;\n\n        &.active {\n            color: $textHighlight;\n            background-color: $info;\n            -webkit-transition: background 0.4s ease;\n            -moz-transition: all 0.4s ease;\n            -o-transition: background 0.4s ease;\n            transition: all 0.4s ease;\n        }\n        &:hover {\n            color: $textHighlight;\n            background-color: whiten($info, 0.2);\n            -webkit-transition: background 0.4s ease;\n            -moz-transition: all 0.4s ease;\n            -o-transition: background 0.4s ease;\n            transition: all 0.4s ease;\n        }\n        &.separator{\n            background-color: $uiGeneralContentBorder;\n            float: left;\n            height: 18px;\n            margin: 5px 2px 0 2px;\n            width: 1px;\n            min-width: 1px;\n            padding: 0;\n        }\n\n        &[class^=\"icon-\"], &[class*=\" icon-\"] {\n            height: 16px;\n            margin-top: 1px;\n            width: 16px;\n            padding-top: 2px;\n        }\n    }\n}\n\n/* Media Preview */\n.previewer {\n    background-color: $uiGeneralContentBg;\n    margin: 5px;\n    min-width: 280px;\n    min-height: 200px;\n    display: -webkit-flexbox;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-flex-align: center;\n    -ms-flex-align: center;\n    -webkit-align-items: center;\n    align-items: center;\n    justify-content: center;\n\n    .nopreview {\n        color: $uiGeneralContentBorder;\n        @include font-size(20);\n        &:before {\n            @include font-size(60);\n            @include tao-icon-setup;\n            @include icon-media;\n        }\n    }\n}\n\n/* Progress bar */\n\n.progressbar {\n    height: 2em;\n    text-align: left;\n    border: none;\n    height: 0.8em;\n    background-color: $uiGeneralContentBg;\n    border: 1px solid $uiGeneralContentBorder;\n\n    & > span {\n        height: 100%;\n        border: none;\n        background-color: $uiClickableHoverBg;\n        display: block;\n        color: white();\n\n        -webkit-transition: width 0.6s ease 0s;\n        -moz-transition: width 0.4s ease 0s;\n        -o-transition: width 0.4s ease 0s;\n        transition: width 0.4s ease 0s;\n    }\n\n    &.info > span {\n        background-color: $info;\n    }\n    &.success > span{\n        background-color: $success;\n    }\n    &.warning > span{\n        background-color: $warning;\n    }\n    &.error > span{\n        background-color: $error;\n    }\n}\n\n/*# sourceMappingURL=components.css.map */","/* Do not edit */@mixin tao-icon-setup {\n  /* use !important to prevent issues with browser extensions that change fonts */\n  font-family: 'tao' !important;\n  speak: never;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-info-bare { content: \"\\e923\"; }\n@mixin icon-bookmark-outline { content: \"\\e922\"; }\n@mixin icon-bookmark { content: \"\\e921\"; }\n@mixin icon-indicator { content: \"\\e920\"; }\n@mixin icon-add-subsection { content: \"\\e918\"; }\n@mixin icon-wrap-inline { content: \"\\e915\"; }\n@mixin icon-wrap-left { content: \"\\e916\"; }\n@mixin icon-wrap-right { content: \"\\e917\"; }\n@mixin icon-offline { content: \"\\e913\"; }\n@mixin icon-online { content: \"\\e914\"; }\n@mixin icon-tab { content: \"\\e90d\"; }\n@mixin icon-untab { content: \"\\e90e\"; }\n@mixin icon-multi-select { content: \"\\e90b\"; }\n@mixin icon-clipboard { content: \"\\e90a\"; }\n@mixin icon-filebox { content: \"\\e909\"; }\n@mixin icon-click-to-speak { content: \"\\e907\"; }\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\n@mixin icon-microphone { content: \"\\f130\"; }\n@mixin icon-microphone-off { content: \"\\f131\"; }\n@mixin icon-disconnect { content: \"\\e905\"; }\n@mixin icon-connect { content: \"\\e906\"; }\n@mixin icon-eliminate { content: \"\\e904\"; }\n@mixin icon-wheelchair { content: \"\\e903\"; }\n@mixin icon-text-marker { content: \"\\e902\"; }\n@mixin icon-unshield { content: \"\\e32a\"; }\n@mixin icon-shield { content: \"\\e8e8\"; }\n@mixin icon-tree { content: \"\\e6b4\"; }\n@mixin icon-home { content: \"\\e6b3\"; }\n@mixin icon-shared-file { content: \"\\e6b2\"; }\n@mixin icon-end-attempt { content: \"\\e603\"; }\n@mixin icon-icon { content: \"\\f1c5\"; }\n@mixin icon-radio-bg { content: \"\\e600\"; }\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\n@mixin icon-tag { content: \"\\e602\"; }\n@mixin icon-style { content: \"\\e604\"; }\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\n@mixin icon-property-advanced { content: \"\\e606\"; }\n@mixin icon-property-add { content: \"\\e607\"; }\n@mixin icon-repository-add { content: \"\\e608\"; }\n@mixin icon-repository-remove { content: \"\\e609\"; }\n@mixin icon-repository { content: \"\\e60a\"; }\n@mixin icon-result-server { content: \"\\e60b\"; }\n@mixin icon-folder { content: \"\\e60c\"; }\n@mixin icon-folder-open { content: \"\\e60d\"; }\n@mixin icon-left { content: \"\\e60e\"; }\n@mixin icon-right { content: \"\\e60f\"; }\n@mixin icon-up { content: \"\\e610\"; }\n@mixin icon-down { content: \"\\e611\"; }\n@mixin icon-undo { content: \"\\e612\"; }\n@mixin icon-redo { content: \"\\e613\"; }\n@mixin icon-screen { content: \"\\e614\"; }\n@mixin icon-laptop { content: \"\\e615\"; }\n@mixin icon-tablet { content: \"\\e616\"; }\n@mixin icon-phone { content: \"\\e617\"; }\n@mixin icon-move { content: \"\\e618\"; }\n@mixin icon-bin { content: \"\\e619\"; }\n@mixin icon-shuffle { content: \"\\e61a\"; }\n@mixin icon-print { content: \"\\e61b\"; }\n@mixin icon-tools { content: \"\\e61c\"; }\n@mixin icon-settings { content: \"\\e61d\"; }\n@mixin icon-video { content: \"\\e61e\"; }\n@mixin icon-find { content: \"\\e61f\"; }\n@mixin icon-image { content: \"\\e620\"; }\n@mixin icon-edit { content: \"\\e621\"; }\n@mixin icon-document { content: \"\\e622\"; }\n@mixin icon-resize-grid { content: \"\\e623\"; }\n@mixin icon-resize { content: \"\\e624\"; }\n@mixin icon-help { content: \"\\e625\"; }\n@mixin icon-mobile-menu { content: \"\\e626\"; }\n@mixin icon-fix { content: \"\\e627\"; }\n@mixin icon-unlock { content: \"\\e628\"; }\n@mixin icon-lock { content: \"\\e629\"; }\n@mixin icon-ul { content: \"\\e62a\"; }\n@mixin icon-ol { content: \"\\e62b\"; }\n@mixin icon-email { content: \"\\e62c\"; }\n@mixin icon-download { content: \"\\e62d\"; }\n@mixin icon-logout { content: \"\\e62e\"; }\n@mixin icon-login { content: \"\\e62f\"; }\n@mixin icon-spinner { content: \"\\e630\"; }\n@mixin icon-preview { content: \"\\e631\"; }\n@mixin icon-external { content: \"\\e632\"; }\n@mixin icon-time { content: \"\\e633\"; }\n@mixin icon-save { content: \"\\e634\"; }\n@mixin icon-warning { content: \"\\e635\"; }\n@mixin icon-add { content: \"\\e636\"; }\n@mixin icon-error { content: \"\\e900\"; }\n@mixin icon-close { content: \"\\e637\"; }\n@mixin icon-success { content: \"\\e638\"; }\n@mixin icon-remove { content: \"\\e639\"; }\n@mixin icon-info { content: \"\\e63a\"; }\n@mixin icon-danger { content: \"\\e63b\"; }\n@mixin icon-users { content: \"\\e63c\"; }\n@mixin icon-user { content: \"\\e63d\"; }\n@mixin icon-test-taker { content: \"\\e63e\"; }\n@mixin icon-test-takers { content: \"\\e63f\"; }\n@mixin icon-item { content: \"\\e640\"; }\n@mixin icon-test { content: \"\\e641\"; }\n@mixin icon-delivery { content: \"\\e642\"; }\n@mixin icon-eye-slash { content: \"\\e643\"; }\n@mixin icon-result { content: \"\\e644\"; }\n@mixin icon-delivery-small { content: \"\\e645\"; }\n@mixin icon-upload { content: \"\\e646\"; }\n@mixin icon-result-small { content: \"\\e647\"; }\n@mixin icon-mobile-preview { content: \"\\e648\"; }\n@mixin icon-extension { content: \"\\e649\"; }\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\n@mixin icon-table { content: \"\\e64d\"; }\n@mixin icon-anchor { content: \"\\e64e\"; }\n@mixin icon-unlink { content: \"\\e64f\"; }\n@mixin icon-link { content: \"\\e650\"; }\n@mixin icon-right-left { content: \"\\e651\"; }\n@mixin icon-left-right { content: \"\\e652\"; }\n@mixin icon-special-character { content: \"\\e653\"; }\n@mixin icon-source { content: \"\\e654\"; }\n@mixin icon-new-page { content: \"\\e655\"; }\n@mixin icon-templates { content: \"\\e656\"; }\n@mixin icon-cut { content: \"\\e657\"; }\n@mixin icon-replace { content: \"\\e658\"; }\n@mixin icon-copy { content: \"\\e659\"; }\n@mixin icon-paste { content: \"\\e65a\"; }\n@mixin icon-select-all { content: \"\\e65b\"; }\n@mixin icon-paste-text { content: \"\\e65c\"; }\n@mixin icon-paste-word { content: \"\\e65d\"; }\n@mixin icon-bold { content: \"\\e65e\"; }\n@mixin icon-italic { content: \"\\e65f\"; }\n@mixin icon-underline { content: \"\\e660\"; }\n@mixin icon-subscript { content: \"\\e661\"; }\n@mixin icon-superscript { content: \"\\e662\"; }\n@mixin icon-strike-through { content: \"\\e663\"; }\n@mixin icon-decrease-indent { content: \"\\e664\"; }\n@mixin icon-increase-indent { content: \"\\e665\"; }\n@mixin icon-block-quote { content: \"\\e666\"; }\n@mixin icon-div-container { content: \"\\e667\"; }\n@mixin icon-align-left { content: \"\\e668\"; }\n@mixin icon-center { content: \"\\e669\"; }\n@mixin icon-align-right { content: \"\\e66a\"; }\n@mixin icon-justify { content: \"\\e66b\"; }\n@mixin icon-choice { content: \"\\e66c\"; }\n@mixin icon-inline-choice { content: \"\\e66d\"; }\n@mixin icon-match { content: \"\\e66e\"; }\n@mixin icon-associate { content: \"\\e66f\"; }\n@mixin icon-media { content: \"\\e670\"; }\n@mixin icon-graphic-order { content: \"\\e671\"; }\n@mixin icon-hotspot { content: \"\\e672\"; }\n@mixin icon-graphic-gap { content: \"\\e673\"; }\n@mixin icon-graphic-associate { content: \"\\e674\"; }\n@mixin icon-select-point { content: \"\\e675\"; }\n@mixin icon-pin { content: \"\\e676\"; }\n@mixin icon-import { content: \"\\e677\"; }\n@mixin icon-export { content: \"\\e678\"; }\n@mixin icon-move-item { content: \"\\e679\"; }\n@mixin icon-meta-data { content: \"\\e67a\"; }\n@mixin icon-slider { content: \"\\e67b\"; }\n@mixin icon-summary-report { content: \"\\e67c\"; }\n@mixin icon-text-entry { content: \"\\e67d\"; }\n@mixin icon-extended-text { content: \"\\e67e\"; }\n@mixin icon-eraser { content: \"\\e67f\"; }\n@mixin icon-row { content: \"\\e680\"; }\n@mixin icon-column { content: \"\\e681\"; }\n@mixin icon-text-color { content: \"\\e682\"; }\n@mixin icon-background-color { content: \"\\e683\"; }\n@mixin icon-spell-check { content: \"\\e684\"; }\n@mixin icon-polygon { content: \"\\e685\"; }\n@mixin icon-rectangle { content: \"\\e686\"; }\n@mixin icon-gap-match { content: \"\\e687\"; }\n@mixin icon-order { content: \"\\e688\"; }\n@mixin icon-hottext { content: \"\\e689\"; }\n@mixin icon-free-form { content: \"\\e68a\"; }\n@mixin icon-step-backward { content: \"\\e68b\"; }\n@mixin icon-fast-backward { content: \"\\e68c\"; }\n@mixin icon-backward { content: \"\\e68d\"; }\n@mixin icon-play { content: \"\\e68e\"; }\n@mixin icon-pause { content: \"\\e68f\"; }\n@mixin icon-stop { content: \"\\e690\"; }\n@mixin icon-forward { content: \"\\e691\"; }\n@mixin icon-fast-forward { content: \"\\e692\"; }\n@mixin icon-step-forward { content: \"\\e693\"; }\n@mixin icon-ellipsis { content: \"\\e694\"; }\n@mixin icon-circle { content: \"\\e695\"; }\n@mixin icon-target { content: \"\\e696\"; }\n@mixin icon-guide-arrow { content: \"\\e697\"; }\n@mixin icon-range-slider-right { content: \"\\e698\"; }\n@mixin icon-range-slider-left { content: \"\\e699\"; }\n@mixin icon-radio-checked { content: \"\\e69a\"; }\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\n@mixin icon-checkbox { content: \"\\e69b\"; }\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\n@mixin icon-result-nok { content: \"\\e69e\"; }\n@mixin icon-result-ok { content: \"\\e69f\"; }\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\n@mixin icon-filter { content: \"\\e6a1\"; }\n@mixin icon-translate { content: \"\\e6a2\"; }\n@mixin icon-eject { content: \"\\e6a3\"; }\n@mixin icon-continue { content: \"\\e6a4\"; }\n@mixin icon-radio { content: \"\\e6a5\"; }\n@mixin icon-sphere { content: \"\\e6a6\"; }\n@mixin icon-reset { content: \"\\e6a7\"; }\n@mixin icon-smaller { content: \"\\e6a8\"; }\n@mixin icon-larger { content: \"\\e6a9\"; }\n@mixin icon-clock { content: \"\\e6aa\"; }\n@mixin icon-font { content: \"\\e6ab\"; }\n@mixin icon-maths { content: \"\\e6ac\"; }\n@mixin icon-grip { content: \"\\e6ad\"; }\n@mixin icon-rubric { content: \"\\e6ae\"; }\n@mixin icon-audio { content: \"\\e6af\"; }\n@mixin icon-grip-h { content: \"\\e6b0\"; }\n@mixin icon-magicwand { content: \"\\e6b1\"; }\n@mixin icon-loop { content: \"\\ea2e\"; }\n@mixin icon-calendar { content: \"\\e953\"; }\n@mixin icon-reload { content: \"\\e984\"; }\n@mixin icon-speed { content: \"\\e9a6\"; }\n@mixin icon-volume { content: \"\\ea27\"; }\n@mixin icon-contrast { content: \"\\e9d5\"; }\n@mixin icon-headphones { content: \"\\e910\"; }\n@mixin icon-compress { content: \"\\f066\"; }\n@mixin icon-map-o { content: \"\\f278\"; }\n@mixin icon-variable { content: \"\\e908\"; }\n@mixin icon-tooltip { content: \"\\e90c\"; }\n@mixin icon-globe { content: \"\\e9c9\"; }\n@mixin icon-highlighter { content: \"\\e90f\"; }\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\n@mixin icon-play-from-here { content: \"\\e912\"; }\n","// buttons and alerts\n$success: rgb(14, 145, 75);\n$info: rgb(14, 93, 145);\n$warning: rgb(216, 174, 91);\n$danger: rgb(201, 96, 67);\n$error: rgb(186, 18, 43);\n$activeInteraction: rgb(195, 90, 19);\n\n// corporate identity\n$logoRed: rgb(186, 18, 43);\n$grey: rgb(173, 161, 148);\n$darkBlueGrey: rgb(164, 187, 197);\n$mediumBlueGrey: rgb(193, 212, 220);\n$lightBlueGrey: rgb(228, 236, 239);\n$brownRedGrey: rgb(154, 137, 123);\n$darkBrown: rgb(111, 99, 89);\n$websiteBorder: rgb(141, 148, 158);\n\n// ui elements, these should only variations of the above\n// naming convention: jQueryUi theme roller -> camelCase\n\n$textColor: #222;\n$textHighlight: white;\n\n$uiGeneralContentBg: white();\n$uiGeneralContentBorder: #ddd;\n\n$uiHeaderBg: #d4d5d7;\n\n$uiClickableDefaultBg: #f3f1ef;\n$uiClickableHoverBg: whiten($info, 0.2);\n//$uiClickableActiveBg: $uiHeaderBg;\n$uiClickableActiveBg: whiten($websiteBorder, 0.2);\n//$uiClickableActiveBg: #aaa;\n\n$uiSelectableSelectedBg: whiten($info, 0.2);\n$uiSelectableSelectedHoverBg: whiten($info, 0.1);\n$uiSelectableHoverBg: whiten($info, 0.9);\n\n$uiOverlay: $lightBlueGrey;\n\n// new layout. Implemented now only for review panel\n$uiReviewPanelBg: #f2f2f2;\n$uiReviewPanelTextDisabled: hsl(0, 0%, 45%);\n$uiReviewPanelTextDefault: hsl(0, 0%, 12%);\n$uiReviewPanelBgDefault: $uiGeneralContentBg;\n$uiReviewPanelPrimaryHighlight: hsl(208, 100%, 32%);\n$uiReviewPanelBgInverted: $uiReviewPanelTextDefault;\n$uiReviewPanelTextInverted: $uiGeneralContentBg;\n\n// sidebars etc.\n$canvas: mix(#fff, $grey, 85%);\n\n// colors taken from feedback.scss\n$successBgColor: whiten($success, 0.8);\n$successBorderColor: whiten($success, 0.1);\n\n$infoBgColor: whiten($info, 0.8);\n$infoBorderColor: whiten($info, 0.1);\n\n$warningBgColor: whiten($warning, 0.8);\n$warningBorderColor: whiten($warning, 0.1);\n\n$dangerBgColor: whiten($danger, 0.8);\n$dangerBorderColor: whiten($danger, 0.1);\n\n$errorBgColor: whiten($error, 0.8);\n$errorBorderColor: whiten($error, 0.1);\n\n$darkBar: rgb(51, 51, 51);\n$darkBarTxt: rgb(230, 230, 230);\n$darkBarIcon: rgb(220, 220, 220);\n\n$actionLinkColor: #276d9b;\n$actionLinkHoverColor: #4f83a7;\n\n$colorWheel-01: #c3ba13;\n$colorWheel-02: #84a610;\n$colorWheel-03: #2b8e0e;\n$colorWheel-04: #0f9787;\n$colorWheel-05: #0e5d91;\n$colorWheel-06: #0d2689;\n$colorWheel-07: #400d83;\n$colorWheel-08: #960e7d;\n$colorWheel-09: #ba122b;\n$colorWheel-10: #c34713;\n$colorWheel-11: #c36f13;\n$colorWheel-12: #c39413;\n"]}
+{"version":3,"sources":["../../../scss/inc/_functions.scss","../scss/components.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../../../scss/inc/_colors.scss"],"names":[],"mappings":"AAaA;;;;;;CCPC;ACND,gBAAA;ADCA,iCAAA;AAEA,YAAA;AACA;IAEQ,gBAAgB;IAChB,kBAAkB;IAClB,QAAQ;ICPd,+EAAA;IACA,6BAA6B;IAC7B,WAAW;IACX,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,cAAc;IAEd,sCAAA;IACA,mCAAmC;IACnC,kCAAkC;IA0CjB,gBAAgB;AD5BnC;;AAtBA;ICHE,+EAAA;IACA,6BAA6B;IAC7B,WAAW;IACX,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,cAAc;IAEd,sCAAA;IACA,mCAAmC;IACnC,kCAAkC;IAyCnB,gBAAgB;ADZjC;;AAvBA;IACI,aAAa;AA0BjB;;AAvBA,UAAA;AACA;IAEQ,iBAAiB;ID+LjB,iBAAyB;IACzB,kBAA+B;IExNrC,+EAAA;IACA,6BAA6B;IAC7B,WAAW;IACX,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,cAAc;IAEd,sCAAA;IACA,mCAAmC;IACnC,kCAAkC;IA+ElB,gBAAgB;AD3BlC;;AAhCA,qBAAA;AACA;IAEQ,iBAAiB;IDqLjB,iBAAyB;IACzB,kBAA+B;IExNrC,+EAAA;IACA,6BAA6B;IAC7B,WAAW;IACX,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,cAAc;IAEd,sCAAA;IACA,mCAAmC;IACnC,kCAAkC;IAiFhB,gBAAgB;ADVpC;;AAtCA;IACI,yBAAyB;IACzB,cAAc;IACd,eAAe;IACf,SAAS;IACT,SAAS;IACT,mBAAmB;IACnB,YAAY;IACZ,eAAe;IACf,yBAAyB;IACzB,4BAA4B;IAC5B,kBAAkB;IAClB,sBAAsB;AAyC1B;;AAtCA;IACI,UAAU;IACV,iBAAiB;IACjB,WAAW;IACX,UAAU;IACV,QAAQ;IACR,eAAe;IACf,kBAAkB;AAyCtB;;AAtCA;IACI,cAAc;IACd,eAAe;IACf,kBAAkB;IAClB,SAAS;IACT,UAAU;AAyCd;;AAtCA,6BAAA;AACA;IACI,sBAAsB;IACtB,0BAA0B;IAC1B,iBAAgB;AAyCpB;;AAtCA;IACI,kBAAkB;IAClB,qBAAqB;IDsBrB,sBGpFyB;IHqFzB,kBAAkB;IAOlB,kBAA4B;ACiBhC;;AAjDA;IAMQ,iBAAiB;IACjB,YAAY;IACZ,mBAAmB;AA+C3B;;AAvDA;IAUY,2BAA8C;IAC9C,qBAAqB;IACrB,YAAY;IACZ,kBAAkB;IAClB,QAAQ;IACR,MAAM;AAiDlB;;AAhEA;IAiBgB,qBAAqB;IACrB,eAAc;IACd,qBAAqB;IACrB,iBAAiB;IACjB,WErFA;IFsFA,mBE9Ec;IF+Ed,oBAAoB;ID4G5B,iBAAyB;IACzB,kBAA+B;IC3GvB,kBAAkB;IAClB,QAAQ;IACR,WAAW;IACX,kBAAiB;AAoDjC;;AAhFA;IA8BoB,MAAM;IAGN,4BAA4B;AAsDhD;;AAvFA;IAoCoB,QAAQ;IAGR,+BAA+B;AAuDnD;;AA9FA;IA0CoB,kBAAkB;IAClB,WAAW;IC/H7B,+EAAA;IACA,6BAA6B;IAC7B,WAAW;IACX,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,cAAc;IAEd,sCAAA;IACA,mCAAmC;IACnC,kCAAkC;IAyCnB,gBAAgB;AD+IjC;;AA/GA;IAgDoB,kBAAkB;IAClB,QAAQ;ICrI1B,+EAAA;IACA,6BAA6B;IAC7B,WAAW;IACX,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,cAAc;IAEd,sCAAA;IACA,mCAAmC;IACnC,kCAAkC;IA0CjB,gBAAgB;AD+JnC;;AAhIA;IAsDoB,yBDgD8B;IC/C9B,YEtHC;AFoMrB;;AAvEA;IACI,cAAc;IACd,kBAAkB;IAClB,WAAW;AA0Ef;;AAvEA,aAAA;AA0EA;IAxEI,eAAe;IACf,eAAe;AA0EnB;;AAEA;IA1EQ,YAAY;AA4EpB;;AAEA;IA3EQ,0BD0B0C;ACmDlD;;AAzEA,aAAA;AACA;IACI,cAAc;IACd,UAAU;IACV,qBAAqB;IACrB,cAAc;AA4ElB;;AAhFA;IAMQ,oBAAoB;IACpB,kBAAkB;IAClB,cAAc;IACd,sBEtJqB;IFuJrB,sBAAsB;IACtB,mBAAmB;IACnB,SAAS;IACT,2BAA2B;IAC3B,yBEvJsB;IFwJtB,iBAAiB;AA8EzB;;AA7FA;IAkBY,kBAAkB;IAClB,UAAU;IACV,MAAM;AA+ElB;;AAnGA;IA0BY,0BAA0B;AA+EtC;;AAzGA;IAgCY,0BAA0B;IAC1B,wBAAwB;AA+EpC;;AAhHA;IAqCY,gBAAgB;IAChB,YAAY;IACZ,YAAY;AA+ExB;;AA1EA,iBAAA;AACA;IACI,uBDLqC;ICMrC,sBE5LyB;IF6LzB,+BAA+B;IAC/B,YAAY;IACZ,UAAU;IACV,YAAY;IACZ,aAAa;IACb,eAAe;IACf,eAAe;IACf,YAAY;IACZ,OAAO;IACP,QAAQ;IACR,kBAAkB;IAClB,gBAAgB;IAChB,gBAAgB;IAChB,8BAA8B;AA6ElC;;AA7FA;IAmBQ,aAAa;AA8ErB;;AAjGA;IAuBQ,kBAAkB;IAClB,WAAW;IACX,SAAS;IACT,eAAe;IACf,iBAAiB;IACjB,WE1NQ;AFwShB;;AA1GA;IA8BY,YAAY;AAgFxB;;AA9GA;IDKQ,eAAyB;IACzB,eAA+B;AC6GvC;;AAnHA;IAsCQ,sBAA4B;IAC5B,6BAA6B;IAC7B,UAAU;IACV,YAAY;AAiFpB;;AA1HA;IA2CY,UAAU;AAmFtB;;AA9HA;IAgDQ,0BElMiB;IFmMjB,mBAAmB;AAkF3B;;AAnIA;IDKQ,eAAyB;IACzB,iBAA+B;ICiD3B,aAAa;IACb,kBAAkB;AAkF9B;;AA1IA;IA2DY,kBAAkB;AAmF9B;;AA9IA;IA8DY,SAAS;IACT,kBAAkB;AAoF9B;;AAnJA;ID9FI,kBAA4B;ICkKhB,gBAAgB;IAChB,YAAY;IACZ,iBAAiB;IACjB,yBAAyB;IACzB,yBAAuB;IACvB,gBAAgB;AAsFhC;;AA/JA;IA2EoB,mBDnG8B;ICoG9B,0BE9NK;IF+NL,mBAAmB;AAwFvC;;AArKA;;IAoFgB,0BEtOS;AF4TzB;;AA1KA;IDKQ,eAAyB;IACzB,iBAA+B;ICsF3B,cE7SW;IF8SX,kBAAkB;AAoF9B;;AAjLA;IAkGgB,cEhTQ;AFmYxB;;AArLA;IAuGgB,cEtTS;AFwYzB;;AAzLA;IA4GgB,cE9TU;AF+Y1B;;AA7LA;IAkHgB,cEhUQ;AF+YxB;;AAjMA;IAuHgB,cEtUS;AFoZzB;;AArMA;IA4HgB,cE5UW;AFyZ3B;;AAzMA;IAiIgB,cElVO;AF8ZvB;;AA7MA;IAsIgB,cExVU;AFma1B;;AAjNA;IA0IY,qDAAoC;IACpC,gBAAgB;IAChB,mBAAmB;AA2E/B;;AAtEA;IACI,wCD1J+B;IC2J/B,aAAa;IACb,iEAAiE;IACjE,yBAAyB;IACzB,aAAa;IACb,eAAe;IACf,YAAY;IACZ,WAAW;IACX,OAAO;IACP,MAAM;IACN,eAAe;IACf,gBAAgB;AAyEpB;;AAtEA,kBAAA;AAGA;IAEI,qBAAqB;IACrB,UAAU;IACV,uBD3KqC;IC4KrC,sBElWyB;IFmWzB,kBAAkB;IAClB,mBAAmB;IACnB,qBAAqB;IDzQrB,kBAA4B;IAmGxB,eAAyB;IACzB,iBAA+B;ACgPvC;;AAnFA;IAaQ,cAAc;IACd,WE/WQ;IFgXR,eAAe;IACf,qBAAqB;IACrB,WAAW;IACX,eAAe;IACf,gBAAgB;IAChB,kBAAkB;IAClB,gCAAgC;AA0ExC;;AA/FA;IAwBY,YExXS;IFyXT,yBE7YW;IFiZX,yBAAyB;AA2ErC;;AAxGA;IAgCY,YEhYS;IFiYT,yBD5NsC;ICgOtC,yBAAyB;AA4ErC;;AAjHA;IAwCY,sBErYiB;IFsYjB,WAAW;IACX,YAAY;IACZ,qBAAqB;IACrB,UAAU;IACV,cAAc;IACd,UAAU;AA6EtB;;AA3HA;IAkDY,YAAY;IACZ,eAAe;IACf,WAAW;IACX,gBAAgB;AA6E5B;;AAxEA,kBAAA;AACA;IACI,uBDnOqC;ICoOrC,WAAW;IACX,gBAAgB;IAChB,iBAAiB;IACjB,wBAAwB;IAGxB,aAAa;IACb,0BAA0B;IAG1B,mBAAmB;IACnB,uBAAuB;AA2E3B;;AAxFA;IAgBQ,WExaqB;IH+LrB,eAAyB;IACzB,eAA+B;ACsTvC;;AA9FA;IDzNQ,eAAyB;IACzB,eAA+B;IExNrC,+EAAA;IACA,6BAA6B;IAC7B,WAAW;IACX,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,cAAc;IAEd,sCAAA;IACA,mCAAmC;IACnC,kCAAkC;IA0IhB,gBAAgB;AD0YpC;;AArFA,iBAAA;AAEA;IACI,WAAW;IACX,gBAAgB;IAChB,YAAY;IACZ,aAAa;IACb,uBDnQqC;ICoQrC,sBE1byB;AFihB7B;;AA7FA;IASQ,YAAY;IACZ,YAAY;IACZ,yBD7R0C;IC8R1C,cAAc;IACd,YD3QiC;ICgRjC,8BAA8B;AAuFtC;;AAzGA;IAsBQ,yBEjee;AFwjBvB;;AA7GA;IAyBQ,yBErekB;AF6jB1B;;AAjHA;IA4BQ,yBEtemB;AF+jB3B;;AArHA;IA+BQ,yBEvegB;AFikBxB","file":"components.css","sourcesContent":["@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix:'') {\n    @each $icon in $iconList {\n        #{$prefix}#{$icon} {\n            background-position: $x * 1px $y * 1px;\n        }\n        @if $direction == 'x' {\n            $x: $x - 16;\n        } @else {\n            $y: $y - 16;\n        }\n    }\n}\n\n/*\nUsage:\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\n   if 3 colors used then the position of each will be 33,33%\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\n   first param - color, second - position. Also you can use px or other valid units for set position.\n*/\n@mixin linear-gradient($colorList, $direction: 'to right') {\n    $percentage: 0;\n    $units: '%';\n    $count: length($colorList);\n    $increment: 100 / ($count - 1);\n    $css: #{$direction + ', '};\n    $sep: ', ';\n    @each $colorItem in $colorList {\n        $color: $colorItem;\n        @if (length($colorItem) > 1) {\n            $color: nth($colorItem, 1);\n            $percentage: nth($colorItem, 2);\n            $units: '';\n        }\n        @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\n            $sep: '';\n        }\n        $css: #{$css + $color + ' ' + $percentage + $units + $sep};\n        $percentage: $percentage + $increment;\n    }\n    background: linear-gradient( #{$css} );\n}\n\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\n    $gridPx: 840;\n    $rawSpanPx: (($gridPx - ($numCols * $gutter)) / $numCols);\n    $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\n    $spanPercent: widthPerc($spanPx, $gridPx);\n    $marginPercent: widthPerc($gutter, $gridPx);\n    margin-left: $marginPercent;\n    width: $spanPercent;\n}\n\n\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\n    @if $whatToPrefix == 'property' {\n        @each $prefix in $prefixes {\n            #{$prefix + $property}: #{$value};\n        }\n    }\n    @else if $whatToPrefix == 'value' {\n        @each $prefix in $prefixes {\n            #{$property}: #{$prefix + $value};\n        }\n    }\n}\n@mixin flex-container($wrapBehavior: nowrap, $direction : row) {\n    @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\n\n    @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\n    @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\n\n    @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\n\n    @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\n\n    @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\n}\n\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\n\n    @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\n    flex-item-align: stretch;\n    -ms-flex-item-align: stretch;\n    @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\n\n    // if both, min width and width are set, width will win this conflict\n    @if ($width == auto) {\n        @if ($minWidth != 1) {\n            @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\n        }\n        @else {\n            @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\n            // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\n            // for a discussion auto vs. main-size\n            @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\n        }\n    }\n    @else {\n        @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\n    }\n}\n\n\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, .2)) {\n    @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\n}\n\n@mixin simple-border($color: #ddd) {\n    border: 1px solid $color;\n    border-radius: 2px;\n    -webkit-border-radius: 2px;\n}\n\n@mixin border-radius($radius: 2) {\n    -moz-border-radius: $radius * 1px;\n    -webkit-border-radius: $radius * 1px;\n    border-radius: $radius * 1px;\n}\n\n@mixin border-radius-top($radius: 2) {\n    -webkit-border-top-left-radius: $radius * 1px;\n    -webkit-border-top-right-radius: $radius * 1px;\n    -moz-border-radius-topleft: $radius * 1px;\n    -moz-border-radius-topright: $radius * 1px;\n    border-top-left-radius: $radius * 1px;\n    border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom($radius: 2) {\n    -webkit-border-bottom-right-radius: $radius * 1px;\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-bottomright: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-bottom-right-radius: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-left($radius: 2) {\n    -webkit-border-top-left-radius: $radius * 1px;\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-topleft: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-top-left-radius: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-right($radius: 2) {\n    -webkit-border-top-right-radius: $radius * 1px;\n    -webkit-border-bottom-right-radius: $radius * 1px;\n    -moz-border-radius-topright: $radius * 1px;\n    -moz-border-radius-bottomright: $radius * 1px;\n    border-top-right-radius: $radius * 1px;\n    border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-left($radius: 2) {\n  -webkit-border-top-left-radius: $radius * 1px;\n  -moz-border-radius-topleft: $radius * 1px;\n  border-top-left-radius: $radius * 1px;\n}\n\n@mixin border-radius-top-right($radius: 2) {\n  -webkit-border-top-right-radius: $radius * 1px;\n  -moz-border-radius-topright: $radius * 1px;\n  border-top-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-right($radius: 2) {\n  -webkit-border-bottom-right-radius: $radius * 1px;\n  -moz-border-radius-bottomright: $radius * 1px;\n  border-bottom-right-radius: $radius * 1px;\n}\n\n@mixin border-radius-bottom-left($radius: 2) {\n    -webkit-border-bottom-left-radius: $radius * 1px;\n    -moz-border-radius-bottomleft: $radius * 1px;\n    border-bottom-left-radius: $radius * 1px;\n}\n\n@mixin border-box() {\n    -moz-box-sizing: border-box;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n}\n\n@function whiten($color, $white: 0.3) {\n    @return mix(#fff, $color, ($white * 100) * 1%);\n}\n\n@function blacken($color, $black: 0.3) {\n    @return mix(#000, $color, ($black * 100) * 1%);\n}\n\n@function widthPerc($colWidth, $context) {\n    @return ($colWidth * 100 / $context) * 1%\n}\n\n@function remDist($fontSizePx) {\n    @return ($fontSizePx / 10) * 1rem\n}\n\n@function black($alpha: 1) {\n    @return (rgba(0, 0, 0, $alpha))\n}\n\n@function white($alpha: 1) {\n    @return (rgba(255, 255, 255, $alpha))\n}\n\n@mixin font-size($remPx, $important: false) {\n    @if $important == true {\n        font-size: ($remPx) * 1px !important;\n        font-size: ($remPx / 10) * 1rem !important;\n    }\n    @else {\n        font-size: ($remPx) * 1px;\n        font-size: ($remPx / 10) * 1rem;\n    }\n}\n\n\n@mixin keyframes($name) {\n    @-o-keyframes #{$name} { @content };\n    @-moz-keyframes #{$name} { @content };\n    @-webkit-keyframes #{$name} { @content };\n    @keyframes #{$name} { @content };\n}\n\n\n@mixin animation($value, $type:'') {\n    $animation: animation;\n    @if $type != '' {\n        $animation:  $animation + '-' + $type;\n    }\n    @include vendor-prefix($animation, $value, property);\n}\n\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\n///\n/// @param {property} [$type = all] the CSS property to apply the transition to\n/// @param {time} [$duration = .5s] the transition property\n/// @param {timing-function} [$effect = ease-out] the transition property\n@mixin transition($type : all, $duration : 0.5s, $effect : ease-out, $delay : 0s){\n    @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\n}\n\n@mixin fade($duration: 1s){\n\n    @include keyframes(fade) {\n        0%   {opacity:0;}\n        50%   {opacity:1;}\n        100% {opacity:0;}\n    }\n\n    @include vendor-prefix(animation, fade 1s forwards, property);\n}\n\n@mixin repeat(){\n    @include animation(infinite, iteration-count);\n}\n\n@mixin largeHeading() {\n    @include font-size(20);\n    font-family: $headingFont;\n    font-style: normal;\n}\n\n@mixin disableSelect() {\n    @include vendor-prefix(user-select, none, property);\n}\n","@import \"inc/bootstrap\";\n/* Style of advanced components */\n\n/* toggler */\n.toggler {\n    &:after {\n        margin-left: 3px;\n        position: relative;\n        top: 2px;\n        @include tao-icon-setup;\n        @include icon-down;\n    }\n    &.opened:after {\n        @include tao-icon-setup;\n        @include icon-up;\n    }\n}\n\n.toggled {\n    display: none;\n}\n\n/* Adder */\n.adder {\n    &:before {\n        margin-right: 5px;\n        @include font-size(10.5);\n        @include tao-icon-setup;\n        @include icon-add;\n    }\n}\n\n/* Closer / Deleter */\n.closer {\n    &:before {\n        margin-right: 5px;\n        @include font-size(10.5);\n        @include tao-icon-setup;\n        @include icon-close;\n    }\n}\n.deleter {\n    @extend .closer;\n}\n\n.undobox {\n    border: 1px #266d9c solid;\n    display: block;\n    position: fixed;\n    top: 50px;\n    left: 50%;\n    margin-left: -200px;\n    width: 400px;\n    z-index: 100005;\n    background-color: #cfdfe9;\n    padding: 20px 20px 20px 45px;\n    border-radius: 3px;\n    color: #222 !important;\n}\n\n.undobox > .icon-close {\n    right: 7px;\n    font-size: 1.5rem;\n    color: #999;\n    left: auto;\n    top: 5px;\n    cursor: pointer;\n    position: absolute;\n}\n\n.undobox .icon-info {\n    color: #0e5d91;\n    font-size: 2rem;\n    position: absolute;\n    top: 20px;\n    left: 15px;\n}\n\n/* Incrementer and duration */\ninput[data-increment], input.duration-ctrl {\n    width: 40px !important;\n    min-width: 40px !important;\n    text-align:right;\n}\n\n.duration-ctrl-wrapper, .incrementer-ctrl-wrapper {\n    position: relative;\n    display: inline-block;\n    @include simple-border($uiGeneralContentBorder);\n    @include border-radius(2);\n    .incrementer {\n        text-align: right;\n        border: none;\n        padding-right: 18px;\n        & ~ .incrementer-ctrl {\n            border-left: 1px $uiGeneralContentBorder solid;\n            display: inline-block;\n            height: 100%;\n            position: absolute;\n            right: 0;\n            top: 0;\n            > a {\n                outline: 0 !important;\n                cursor:pointer;\n                display: inline-block;\n                line-height: 13px;\n                color: $textColor;\n                background: $uiClickableDefaultBg;\n                padding: 0 4px 0 4px;\n                @include font-size(10.5);\n                position: absolute;\n                right: 0;\n                height: 50%;\n                text-align:center;\n                &.inc {\n                    top: 0;\n                    -moz-border-radius-topright: 2px;\n                    -webkit-border-top-right-radius: 2px;\n                    border-top-right-radius: 2px;\n                }\n                &.dec {\n                    top: 50%;\n                    -moz-border-radius-bottomright: 2px;\n                    -webkit-border-bottom-right-radius: 2px;\n                    border-bottom-right-radius: 2px;\n                }\n                &.inc:before {\n                    position: relative;\n                    bottom: 0px;\n                    @include tao-icon-setup;\n                    @include icon-up;\n                }\n                &.dec:before {\n                    position: relative;\n                    top: 0px;\n                    @include tao-icon-setup;\n                    @include icon-down;\n                }\n                &:hover {\n                    background-color: $uiClickableHoverBg;\n                    color: $textHighlight;\n                }\n            }\n        }\n    }\n}\n\n.duration-ctrl-wrapper ~ .separator {\n    padding: 0 3px;\n    text-align: center;\n    opacity: .7;\n}\n\n/* InPlacer */\n[data-in-place], .inplace {\n    cursor: pointer;\n    min-height: 1em;\n    input {\n        cursor: auto;\n    }\n    &:hover {\n        border: dotted 1px $uiClickableHoverBg;\n    }\n}\n\n/* ListBox  */\nul.listbox {\n    margin: .1em 0;\n    padding: 0;\n    list-style-type: none;\n    display: block;\n    > li {\n        white-space: no-wrap;\n        position: relative;\n        min-width: 75%;\n        border: solid 1px $uiGeneralContentBorder;\n        border-bottom-width: 0;\n        vertical-align: top;\n        margin: 0;\n        padding: .3em 2em .3em .2em;\n        background-color: $uiClickableDefaultBg;\n        min-height: 1.5em;\n\n        > .closer {\n            position: absolute;\n            right: 5px;\n            top: 0;\n        }\n\n        &:first-child {\n            -moz-border-radius: 2px 2px 0 0;\n            -webkit-border-radius: 2px 2px 0 0;\n            border-radius: 2px 2px 0 0;\n        }\n\n        &:last-child {\n            -moz-border-radius: 0 0 2px 2px;\n            -webkit-border-radius: 0 0 2px 2px;\n            border-radius: 0 0 2px 2px;\n            border-bottom-width: 1px;\n        }\n\n        &.placeholder {\n            background: none;\n            margin: .5em;\n            opacity: 0.6;\n        }\n    }\n}\n\n/* Modal styles */\n.modal {\n    background-color: $uiGeneralContentBg;\n    border: 1px solid $uiGeneralContentBorder;\n    box-shadow: 3px 3px 5px #666666;\n    height: auto;\n    opacity: 0;\n    top: -1000px;\n    padding: 40px;\n    position: fixed;\n    z-index: 105002;\n    margin: auto;\n    left: 0;\n    right: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n    max-width: 100vw;\n    max-height: calc(100vh - 40px);\n\n    &:focus {\n        outline: none;\n    }\n\n    .modal-close {\n        position: absolute;\n        right: 12px;\n        top: 10px;\n        cursor: pointer;\n        font-weight: bold;\n        color: $textColor;\n        &:hover{\n            opacity: 0.6;\n        }\n        .icon-close {\n            @include font-size(20);\n        }\n    }\n    // rewrite rules from _buttons.scss\n    button.modal-close {\n        color: $textColor !important;\n        background-color: transparent;\n        padding: 0;\n        height: 20px;\n        .icon-close {\n            padding: 0;\n        }\n    }\n\n    .modal-close:focus {\n        outline: 3px solid $actionLinkColor;\n        outline-offset: 3px;\n    }\n\n    .modal-body{\n        h4 {\n            @include font-size(16);\n            margin-top: 0;\n            margin-bottom: 8px;\n        }\n        .content, .message {\n            margin-bottom: 8px;\n        }\n        .buttons{\n            top: 16px;\n            position: relative;\n\n            //flat button\n            button {\n                @include border-radius(2);\n                margin-left: 8px;\n                height: 36px;\n                text-shadow: none;\n                text-transform: uppercase;\n                color: $info !important;\n                background: none;\n                &:focus, &:hover{\n                    background: whiten($info, .85);\n                    outline: 3px solid $actionLinkColor;\n                    outline-offset: 3px;\n                }\n            }\n        }\n        input[type=\"checkbox\"] {\n            &:focus ~ [class^=\"icon-\"],\n            &:focus ~ [class*=\" icon-\"] {\n                outline: 3px solid $actionLinkColor;\n            }\n        }\n    }\n\n    &[class^=\"icon-\"], &[class*=\" icon-\"] { // supports any TAO icon\n        &:before {\n            @include font-size(44);\n            color: $info;\n            position: absolute;\n        }\n        // some predefined icons & their colours:\n        &.icon-result-nok {\n            &:before {\n                color: $error;\n            }\n        }\n        &.icon-warning {\n            &:before {\n                color: $danger;\n            }\n        }\n        &.icon-result-ok {\n            &:before {\n                color: $success;\n            }\n        }\n        // extra colour classes for convenience:\n        &.error {\n            &:before {\n                color: $error;\n            }\n        }\n        &.danger {\n            &:before {\n                color: $danger;\n            }\n        }\n        &.warning {\n            &:before {\n                color: $warning;\n            }\n        }\n        &.info {\n            &:before {\n                color: $info;\n            }\n        }\n        &.success {\n            &:before {\n                color: $success;\n            }\n        }\n        .modal-body {\n            font-family: $regularFont !important; // override icon font\n            line-height: 1.4;\n            margin-left: 8.5rem;\n        }\n    }\n}\n\n.modal-bg {\n    background: none repeat scroll 0 0 black();\n    opacity: 0.45;\n    -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)\";\n    filter: alpha(opacity=45);\n    display: none;\n    position: fixed;\n    height: 100%;\n    width: 100%;\n    left: 0;\n    top: 0;\n    z-index: 100001;\n    overflow: hidden;\n}\n\n/* Button groups */\n\n\nul[data-button-group], ul.button-group {\n\n    list-style-type: none;\n    padding: 0;\n    background-color: $uiGeneralContentBg;\n    border: 1px solid $uiGeneralContentBorder;\n    border-radius: 1px;\n    margin: 0 2px 2px 0;\n    display: inline-block;\n    @include border-radius;\n    @include font-size(12);\n\n    & > li {\n        border: 0 none;\n        color: $textColor;\n        cursor: pointer;\n        display: inline-block;\n        float: left;\n        min-width: 26px;\n        padding: 4px 6px;\n        text-align: center;\n        text-decoration: none !important;\n\n        &.active {\n            color: $textHighlight;\n            background-color: $info;\n            -webkit-transition: background 0.4s ease;\n            -moz-transition: all 0.4s ease;\n            -o-transition: background 0.4s ease;\n            transition: all 0.4s ease;\n        }\n        &:hover {\n            color: $textHighlight;\n            background-color: whiten($info, 0.2);\n            -webkit-transition: background 0.4s ease;\n            -moz-transition: all 0.4s ease;\n            -o-transition: background 0.4s ease;\n            transition: all 0.4s ease;\n        }\n        &.separator{\n            background-color: $uiGeneralContentBorder;\n            float: left;\n            height: 18px;\n            margin: 5px 2px 0 2px;\n            width: 1px;\n            min-width: 1px;\n            padding: 0;\n        }\n\n        &[class^=\"icon-\"], &[class*=\" icon-\"] {\n            height: 16px;\n            margin-top: 1px;\n            width: 16px;\n            padding-top: 2px;\n        }\n    }\n}\n\n/* Media Preview */\n.previewer {\n    background-color: $uiGeneralContentBg;\n    margin: 5px;\n    min-width: 280px;\n    min-height: 200px;\n    display: -webkit-flexbox;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-flex-align: center;\n    -ms-flex-align: center;\n    -webkit-align-items: center;\n    align-items: center;\n    justify-content: center;\n\n    .nopreview {\n        color: $uiGeneralContentBorder;\n        @include font-size(20);\n        &:before {\n            @include font-size(60);\n            @include tao-icon-setup;\n            @include icon-media;\n        }\n    }\n}\n\n/* Progress bar */\n\n.progressbar {\n    height: 2em;\n    text-align: left;\n    border: none;\n    height: 0.8em;\n    background-color: $uiGeneralContentBg;\n    border: 1px solid $uiGeneralContentBorder;\n\n    & > span {\n        height: 100%;\n        border: none;\n        background-color: $uiClickableHoverBg;\n        display: block;\n        color: white();\n\n        -webkit-transition: width 0.6s ease 0s;\n        -moz-transition: width 0.4s ease 0s;\n        -o-transition: width 0.4s ease 0s;\n        transition: width 0.4s ease 0s;\n    }\n\n    &.info > span {\n        background-color: $info;\n    }\n    &.success > span{\n        background-color: $success;\n    }\n    &.warning > span{\n        background-color: $warning;\n    }\n    &.error > span{\n        background-color: $error;\n    }\n}\n\n/*# sourceMappingURL=components.css.map */","/* Do not edit */@mixin tao-icon-setup {\n  /* use !important to prevent issues with browser extensions that change fonts */\n  font-family: 'tao' !important;\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-offline { content: \"\\e913\"; }\n@mixin icon-online { content: \"\\e914\"; }\n@mixin icon-tab { content: \"\\e90d\"; }\n@mixin icon-untab { content: \"\\e90e\"; }\n@mixin icon-multi-select { content: \"\\e90b\"; }\n@mixin icon-clipboard { content: \"\\e90a\"; }\n@mixin icon-filebox { content: \"\\e909\"; }\n@mixin icon-click-to-speak { content: \"\\e907\"; }\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\n@mixin icon-microphone { content: \"\\f130\"; }\n@mixin icon-microphone-off { content: \"\\f131\"; }\n@mixin icon-disconnect { content: \"\\e905\"; }\n@mixin icon-connect { content: \"\\e906\"; }\n@mixin icon-eliminate { content: \"\\e904\"; }\n@mixin icon-wheelchair { content: \"\\e903\"; }\n@mixin icon-text-marker { content: \"\\e902\"; }\n@mixin icon-unshield { content: \"\\e32a\"; }\n@mixin icon-shield { content: \"\\e8e8\"; }\n@mixin icon-tree { content: \"\\e6b4\"; }\n@mixin icon-home { content: \"\\e6b3\"; }\n@mixin icon-shared-file { content: \"\\e6b2\"; }\n@mixin icon-end-attempt { content: \"\\e603\"; }\n@mixin icon-icon { content: \"\\f1c5\"; }\n@mixin icon-radio-bg { content: \"\\e600\"; }\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\n@mixin icon-tag { content: \"\\e602\"; }\n@mixin icon-style { content: \"\\e604\"; }\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\n@mixin icon-property-advanced { content: \"\\e606\"; }\n@mixin icon-property-add { content: \"\\e607\"; }\n@mixin icon-repository-add { content: \"\\e608\"; }\n@mixin icon-repository-remove { content: \"\\e609\"; }\n@mixin icon-repository { content: \"\\e60a\"; }\n@mixin icon-result-server { content: \"\\e60b\"; }\n@mixin icon-folder { content: \"\\e60c\"; }\n@mixin icon-folder-open { content: \"\\e60d\"; }\n@mixin icon-left { content: \"\\e60e\"; }\n@mixin icon-right { content: \"\\e60f\"; }\n@mixin icon-up { content: \"\\e610\"; }\n@mixin icon-down { content: \"\\e611\"; }\n@mixin icon-undo { content: \"\\e612\"; }\n@mixin icon-redo { content: \"\\e613\"; }\n@mixin icon-screen { content: \"\\e614\"; }\n@mixin icon-laptop { content: \"\\e615\"; }\n@mixin icon-tablet { content: \"\\e616\"; }\n@mixin icon-phone { content: \"\\e617\"; }\n@mixin icon-move { content: \"\\e618\"; }\n@mixin icon-bin { content: \"\\e619\"; }\n@mixin icon-shuffle { content: \"\\e61a\"; }\n@mixin icon-print { content: \"\\e61b\"; }\n@mixin icon-tools { content: \"\\e61c\"; }\n@mixin icon-settings { content: \"\\e61d\"; }\n@mixin icon-video { content: \"\\e61e\"; }\n@mixin icon-find { content: \"\\e61f\"; }\n@mixin icon-image { content: \"\\e620\"; }\n@mixin icon-edit { content: \"\\e621\"; }\n@mixin icon-document { content: \"\\e622\"; }\n@mixin icon-resize-grid { content: \"\\e623\"; }\n@mixin icon-resize { content: \"\\e624\"; }\n@mixin icon-help { content: \"\\e625\"; }\n@mixin icon-mobile-menu { content: \"\\e626\"; }\n@mixin icon-fix { content: \"\\e627\"; }\n@mixin icon-unlock { content: \"\\e628\"; }\n@mixin icon-lock { content: \"\\e629\"; }\n@mixin icon-ul { content: \"\\e62a\"; }\n@mixin icon-ol { content: \"\\e62b\"; }\n@mixin icon-email { content: \"\\e62c\"; }\n@mixin icon-download { content: \"\\e62d\"; }\n@mixin icon-logout { content: \"\\e62e\"; }\n@mixin icon-login { content: \"\\e62f\"; }\n@mixin icon-spinner { content: \"\\e630\"; }\n@mixin icon-preview { content: \"\\e631\"; }\n@mixin icon-external { content: \"\\e632\"; }\n@mixin icon-time { content: \"\\e633\"; }\n@mixin icon-save { content: \"\\e634\"; }\n@mixin icon-warning { content: \"\\e635\"; }\n@mixin icon-add { content: \"\\e636\"; }\n@mixin icon-error { content: \"\\e900\"; }\n@mixin icon-close { content: \"\\e637\"; }\n@mixin icon-success { content: \"\\e638\"; }\n@mixin icon-remove { content: \"\\e639\"; }\n@mixin icon-info { content: \"\\e63a\"; }\n@mixin icon-danger { content: \"\\e63b\"; }\n@mixin icon-users { content: \"\\e63c\"; }\n@mixin icon-user { content: \"\\e63d\"; }\n@mixin icon-test-taker { content: \"\\e63e\"; }\n@mixin icon-test-takers { content: \"\\e63f\"; }\n@mixin icon-item { content: \"\\e640\"; }\n@mixin icon-test { content: \"\\e641\"; }\n@mixin icon-delivery { content: \"\\e642\"; }\n@mixin icon-eye-slash { content: \"\\e643\"; }\n@mixin icon-result { content: \"\\e644\"; }\n@mixin icon-delivery-small { content: \"\\e645\"; }\n@mixin icon-upload { content: \"\\e646\"; }\n@mixin icon-result-small { content: \"\\e647\"; }\n@mixin icon-mobile-preview { content: \"\\e648\"; }\n@mixin icon-extension { content: \"\\e649\"; }\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\n@mixin icon-table { content: \"\\e64d\"; }\n@mixin icon-anchor { content: \"\\e64e\"; }\n@mixin icon-unlink { content: \"\\e64f\"; }\n@mixin icon-link { content: \"\\e650\"; }\n@mixin icon-right-left { content: \"\\e651\"; }\n@mixin icon-left-right { content: \"\\e652\"; }\n@mixin icon-special-character { content: \"\\e653\"; }\n@mixin icon-source { content: \"\\e654\"; }\n@mixin icon-new-page { content: \"\\e655\"; }\n@mixin icon-templates { content: \"\\e656\"; }\n@mixin icon-cut { content: \"\\e657\"; }\n@mixin icon-replace { content: \"\\e658\"; }\n@mixin icon-copy { content: \"\\e659\"; }\n@mixin icon-paste { content: \"\\e65a\"; }\n@mixin icon-select-all { content: \"\\e65b\"; }\n@mixin icon-paste-text { content: \"\\e65c\"; }\n@mixin icon-paste-word { content: \"\\e65d\"; }\n@mixin icon-bold { content: \"\\e65e\"; }\n@mixin icon-italic { content: \"\\e65f\"; }\n@mixin icon-underline { content: \"\\e660\"; }\n@mixin icon-subscript { content: \"\\e661\"; }\n@mixin icon-superscript { content: \"\\e662\"; }\n@mixin icon-strike-through { content: \"\\e663\"; }\n@mixin icon-decrease-indent { content: \"\\e664\"; }\n@mixin icon-increase-indent { content: \"\\e665\"; }\n@mixin icon-block-quote { content: \"\\e666\"; }\n@mixin icon-div-container { content: \"\\e667\"; }\n@mixin icon-align-left { content: \"\\e668\"; }\n@mixin icon-center { content: \"\\e669\"; }\n@mixin icon-align-right { content: \"\\e66a\"; }\n@mixin icon-justify { content: \"\\e66b\"; }\n@mixin icon-choice { content: \"\\e66c\"; }\n@mixin icon-inline-choice { content: \"\\e66d\"; }\n@mixin icon-match { content: \"\\e66e\"; }\n@mixin icon-associate { content: \"\\e66f\"; }\n@mixin icon-media { content: \"\\e670\"; }\n@mixin icon-graphic-order { content: \"\\e671\"; }\n@mixin icon-hotspot { content: \"\\e672\"; }\n@mixin icon-graphic-gap { content: \"\\e673\"; }\n@mixin icon-graphic-associate { content: \"\\e674\"; }\n@mixin icon-select-point { content: \"\\e675\"; }\n@mixin icon-pin { content: \"\\e676\"; }\n@mixin icon-import { content: \"\\e677\"; }\n@mixin icon-export { content: \"\\e678\"; }\n@mixin icon-move-item { content: \"\\e679\"; }\n@mixin icon-meta-data { content: \"\\e67a\"; }\n@mixin icon-slider { content: \"\\e67b\"; }\n@mixin icon-summary-report { content: \"\\e67c\"; }\n@mixin icon-text-entry { content: \"\\e67d\"; }\n@mixin icon-extended-text { content: \"\\e67e\"; }\n@mixin icon-eraser { content: \"\\e67f\"; }\n@mixin icon-row { content: \"\\e680\"; }\n@mixin icon-column { content: \"\\e681\"; }\n@mixin icon-text-color { content: \"\\e682\"; }\n@mixin icon-background-color { content: \"\\e683\"; }\n@mixin icon-spell-check { content: \"\\e684\"; }\n@mixin icon-polygon { content: \"\\e685\"; }\n@mixin icon-rectangle { content: \"\\e686\"; }\n@mixin icon-gap-match { content: \"\\e687\"; }\n@mixin icon-order { content: \"\\e688\"; }\n@mixin icon-hottext { content: \"\\e689\"; }\n@mixin icon-free-form { content: \"\\e68a\"; }\n@mixin icon-step-backward { content: \"\\e68b\"; }\n@mixin icon-fast-backward { content: \"\\e68c\"; }\n@mixin icon-backward { content: \"\\e68d\"; }\n@mixin icon-play { content: \"\\e68e\"; }\n@mixin icon-pause { content: \"\\e68f\"; }\n@mixin icon-stop { content: \"\\e690\"; }\n@mixin icon-forward { content: \"\\e691\"; }\n@mixin icon-fast-forward { content: \"\\e692\"; }\n@mixin icon-step-forward { content: \"\\e693\"; }\n@mixin icon-ellipsis { content: \"\\e694\"; }\n@mixin icon-circle { content: \"\\e695\"; }\n@mixin icon-target { content: \"\\e696\"; }\n@mixin icon-guide-arrow { content: \"\\e697\"; }\n@mixin icon-range-slider-right { content: \"\\e698\"; }\n@mixin icon-range-slider-left { content: \"\\e699\"; }\n@mixin icon-radio-checked { content: \"\\e69a\"; }\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\n@mixin icon-checkbox { content: \"\\e69b\"; }\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\n@mixin icon-result-nok { content: \"\\e69e\"; }\n@mixin icon-result-ok { content: \"\\e69f\"; }\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\n@mixin icon-filter { content: \"\\e6a1\"; }\n@mixin icon-translate { content: \"\\e6a2\"; }\n@mixin icon-eject { content: \"\\e6a3\"; }\n@mixin icon-continue { content: \"\\e6a4\"; }\n@mixin icon-radio { content: \"\\e6a5\"; }\n@mixin icon-sphere { content: \"\\e6a6\"; }\n@mixin icon-reset { content: \"\\e6a7\"; }\n@mixin icon-smaller { content: \"\\e6a8\"; }\n@mixin icon-larger { content: \"\\e6a9\"; }\n@mixin icon-clock { content: \"\\e6aa\"; }\n@mixin icon-font { content: \"\\e6ab\"; }\n@mixin icon-maths { content: \"\\e6ac\"; }\n@mixin icon-grip { content: \"\\e6ad\"; }\n@mixin icon-rubric { content: \"\\e6ae\"; }\n@mixin icon-audio { content: \"\\e6af\"; }\n@mixin icon-grip-h { content: \"\\e6b0\"; }\n@mixin icon-magicwand { content: \"\\e6b1\"; }\n@mixin icon-loop { content: \"\\ea2e\"; }\n@mixin icon-calendar { content: \"\\e953\"; }\n@mixin icon-reload { content: \"\\e984\"; }\n@mixin icon-speed { content: \"\\e9a6\"; }\n@mixin icon-volume { content: \"\\ea27\"; }\n@mixin icon-contrast { content: \"\\e9d5\"; }\n@mixin icon-headphones { content: \"\\e910\"; }\n@mixin icon-compress { content: \"\\f066\"; }\n@mixin icon-map-o { content: \"\\f278\"; }\n@mixin icon-variable { content: \"\\e908\"; }\n@mixin icon-tooltip { content: \"\\e90c\"; }\n@mixin icon-globe { content: \"\\e9c9\"; }\n@mixin icon-highlighter { content: \"\\e90f\"; }\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\n@mixin icon-play-from-here { content: \"\\e912\"; }\n","// buttons and alerts\n$success: rgb(14, 145, 75);\n$info: rgb(14, 93, 145);\n$warning: rgb(216, 174, 91);\n$danger: rgb(201, 96, 67);\n$error: rgb(186, 18, 43);\n$activeInteraction: rgb(195, 90, 19);\n\n// corporate identity\n$logoRed: rgb(186, 18, 43);\n$grey: rgb(173, 161, 148);\n$darkBlueGrey: rgb(164, 187, 197);\n$mediumBlueGrey: rgb(193, 212, 220);\n$lightBlueGrey: rgb(228, 236, 239);\n$brownRedGrey: rgb(154, 137, 123);\n$darkBrown: rgb(111, 99, 89);\n$websiteBorder: rgb(141, 148, 158);\n\n// ui elements, these should only variations of the above\n// naming convention: jQueryUi theme roller -> camelCase\n\n$textColor: #222;\n$textHighlight: white;\n\n$uiGeneralContentBg: white();\n$uiGeneralContentBorder: #ddd;\n\n$uiHeaderBg: #D4D5D7;\n\n$uiClickableDefaultBg: #f3f1ef;\n$uiClickableHoverBg: whiten($info, .2);\n//$uiClickableActiveBg: $uiHeaderBg;\n$uiClickableActiveBg: whiten($websiteBorder, .2);\n//$uiClickableActiveBg: #aaa;\n\n$uiSelectableSelectedBg: whiten($info, .2);\n$uiSelectableSelectedHoverBg: whiten($info, .1);\n$uiSelectableHoverBg: whiten($info, .9);\n\n$uiOverlay: $lightBlueGrey;\n\n// sidebars etc.\n$canvas: mix(#fff, $grey, 85%);\n\n// colors taken from feedback.scss\n$successBgColor: whiten($success, .8);\n$successBorderColor: whiten($success, .1);\n\n$infoBgColor: whiten($info, .8);\n$infoBorderColor: whiten($info, .1);\n\n$warningBgColor: whiten($warning, .8);\n$warningBorderColor: whiten($warning, .1);\n\n$dangerBgColor: whiten($danger, .8);\n$dangerBorderColor: whiten($danger, .1);\n\n$errorBgColor: whiten($error, .8);\n$errorBorderColor: whiten($error, .1);\n\n\n$darkBar : rgb(51, 51, 51);\n$darkBarTxt : rgb(230, 230, 230);\n$darkBarIcon : rgb(220, 220, 220);\n\n$actionLinkColor: #276D9B;\n$actionLinkHoverColor: #4F83A7;\n\n\n$colorWheel-01: #C3BA13;\n$colorWheel-02: #84A610;\n$colorWheel-03: #2B8E0E;\n$colorWheel-04: #0F9787;\n$colorWheel-05: #0E5D91;\n$colorWheel-06: #0D2689;\n$colorWheel-07: #400D83;\n$colorWheel-08: #960E7D;\n$colorWheel-09: #BA122B;\n$colorWheel-10: #C34713;\n$colorWheel-11: #C36F13;\n$colorWheel-12: #C39413;\n"]}