@oat-sa/tao-core-ui 1.60.2 → 1.61.0

package/src/report.js

@@ -1,184 +1,184 @@
-/**
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU General Public License
- * as published by the Free Software Foundation; under version 2
- * of the License (non-upgradable).
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * 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) 2017 (original work) Open Assessment Technologies SA ;
- */
-
-/**
- * Simple component to display a standard report
- *
- * @example
- * report({
- *       actions: [{
- *           id: 'continue',
- *           icon: 'right',
- *           title: 'Continue to next step',
- *           label: 'Continue'
- *       }]
- *   }, {
- *       type: "warning",
- *       message: "<em>Data not imported. All records are <strong>invalid.</strong></em>",
- *       children: [{
- *           type: "error",
- *          message: "Row 1 Student Number Identifier"
- *       }]
- *   }).on('action-continue', function () {
- *       console.log('go to next step');
- *   }).render('body');
- *
- * @author Sam <sam@taotesting.com>
- */
-import $ from 'jquery';
-import _ from 'lodash';
-import component from 'ui/component';
-import layoutTpl from 'ui/report/layout';
-import feedbackTpl from 'ui/report/feedback';
-
-var _defaults = {
-    showDetailsButton: true,
-    actions: []
-};
-
-/**
- * Array of authorized report types
- * @type {Array}
- */
-var authorizedTypes = ['success', 'info', 'warning', 'error'];
-
-/**
- * Recursive function to render report messages
- *
- * @private
- * @param {Object} data - a standard report object sent by the backend
- * @param {String} data.type - the error type
- * @param {String} data.message - the feedback message
- * @param {Array} [data.children] - children report object
- * @param {Array} [actions] - the actions buttons to be added, only for the first level of the hierarchy
- * @returns {*}
- */
-var _renderFeebacks = function _renderFeebacks(data, actions) {
-    var children = [];
-    if (!data.type || authorizedTypes.indexOf(data.type) === -1) {
-        throw new TypeError('Unkown report type: ' + data.type);
-    }
-    if (_.isArray(data.children) && data.children.length) {
-        _.each(data.children, function(child) {
-            children.push(_renderFeebacks(child));
-        });
-    }
-    data.hasChildren = children.length > 0;
-    data.children = children;
-    data.actions = actions;
-    return feedbackTpl(data);
-};
-
-var report = {
-    /**
-     * Check if the details of the report are currently visible
-     * @returns {Boolean}
-     */
-    isDetailed: function isDetailed() {
-        return this.is('detailed');
-    },
-    /**
-     * Show the report details
-     *
-     * @returns {this}
-     * @fires reportComponent#showDetails
-     */
-    showDetails: function showDetails() {
-        if (this.is('rendered')) {
-            this.setState('detailed', true);
-            this.getElement()
-                .find('.fold input')
-                .prop('checked', true);
-            this.trigger('showDetails');
-        }
-        return this;
-    },
-    /**
-     * Hide the report details
-     *
-     * @returns {this}
-     * @fires reportComponent#hideDetails
-     */
-    hideDetails: function hideDetails() {
-        if (this.is('rendered')) {
-            this.setState('detailed');
-            this.getElement()
-                .find('.fold input')
-                .prop('checked', false);
-            this.trigger('hideDetails');
-        }
-        return this;
-    }
-};
-
-/**
- * Create a simple report component
- *
- * @param {Object} config
- * @param {Boolean} [config.showDetailsButton=true] - display the show/hide details toggle
- * @param {Array} [config.actions] - possibility to add more button controls
- * @param {Object} data - a standard report object
- * @param {String} data.type - the type of the report
- * @param {String} data.message - the message to be included in the report body (html allowed)
- * @param {Array} [data.children] - children report object
- * @returns {reportComponent}
- */
-var reportComponentFactory = function reportComponentFactory(config, data) {
-    var initConfig = _.defaults(config || {}, _defaults);
-
-    if (data && _.isArray(data.children) && data.children.length) {
-        initConfig.detailsButtonVisible = initConfig.showDetailsButton;
-    }
-
-    /**
-     * THe report component
-     * @typedef reportComponent
-     * @fires reportComponent#action
-     * @fires reportComponent#action-{custom action name}
-     */
-    return component(report)
-        .setTemplate(layoutTpl)
-        .on('render', function() {
-            var self = this;
-            var $content = this.getElement().find('.content');
-            var $checkbox = this.getElement().find('.fold input');
-            $content.append(_renderFeebacks(_.cloneDeep(data), this.config.actions));
-
-            //init actions:
-            $content.on('click', '.action', function() {
-                var actionId = $(this).data('trigger');
-                self.trigger('action-' + actionId);
-                self.trigger('action', actionId);
-            });
-
-            //ensure multiple fast clicks only activate the toggle once
-            $checkbox.on(
-                'change',
-                _.throttle(function() {
-                    if (self.isDetailed()) {
-                        self.hideDetails();
-                    } else {
-                        self.showDetails();
-                    }
-                }, 100)
-            );
-        })
-        .init(initConfig);
-};
-
-export default reportComponentFactory;
+/**
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License
+ * as published by the Free Software Foundation; under version 2
+ * of the License (non-upgradable).
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * 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) 2017 (original work) Open Assessment Technologies SA ;
+ */
+
+/**
+ * Simple component to display a standard report
+ *
+ * @example
+ * report({
+ *       actions: [{
+ *           id: 'continue',
+ *           icon: 'right',
+ *           title: 'Continue to next step',
+ *           label: 'Continue'
+ *       }]
+ *   }, {
+ *       type: "warning",
+ *       message: "<em>Data not imported. All records are <strong>invalid.</strong></em>",
+ *       children: [{
+ *           type: "error",
+ *          message: "Row 1 Student Number Identifier"
+ *       }]
+ *   }).on('action-continue', function () {
+ *       console.log('go to next step');
+ *   }).render('body');
+ *
+ * @author Sam <sam@taotesting.com>
+ */
+import $ from 'jquery';
+import _ from 'lodash';
+import component from 'ui/component';
+import layoutTpl from 'ui/report/layout';
+import feedbackTpl from 'ui/report/feedback';
+
+var _defaults = {
+    showDetailsButton: true,
+    actions: []
+};
+
+/**
+ * Array of authorized report types
+ * @type {Array}
+ */
+var authorizedTypes = ['success', 'info', 'warning', 'error'];
+
+/**
+ * Recursive function to render report messages
+ *
+ * @private
+ * @param {Object} data - a standard report object sent by the backend
+ * @param {String} data.type - the error type
+ * @param {String} data.message - the feedback message
+ * @param {Array} [data.children] - children report object
+ * @param {Array} [actions] - the actions buttons to be added, only for the first level of the hierarchy
+ * @returns {*}
+ */
+var _renderFeebacks = function _renderFeebacks(data, actions) {
+    var children = [];
+    if (!data.type || authorizedTypes.indexOf(data.type) === -1) {
+        throw new TypeError('Unkown report type: ' + data.type);
+    }
+    if (_.isArray(data.children) && data.children.length) {
+        _.each(data.children, function(child) {
+            children.push(_renderFeebacks(child));
+        });
+    }
+    data.hasChildren = children.length > 0;
+    data.children = children;
+    data.actions = actions;
+    return feedbackTpl(data);
+};
+
+var report = {
+    /**
+     * Check if the details of the report are currently visible
+     * @returns {Boolean}
+     */
+    isDetailed: function isDetailed() {
+        return this.is('detailed');
+    },
+    /**
+     * Show the report details
+     *
+     * @returns {this}
+     * @fires reportComponent#showDetails
+     */
+    showDetails: function showDetails() {
+        if (this.is('rendered')) {
+            this.setState('detailed', true);
+            this.getElement()
+                .find('.fold input')
+                .prop('checked', true);
+            this.trigger('showDetails');
+        }
+        return this;
+    },
+    /**
+     * Hide the report details
+     *
+     * @returns {this}
+     * @fires reportComponent#hideDetails
+     */
+    hideDetails: function hideDetails() {
+        if (this.is('rendered')) {
+            this.setState('detailed');
+            this.getElement()
+                .find('.fold input')
+                .prop('checked', false);
+            this.trigger('hideDetails');
+        }
+        return this;
+    }
+};
+
+/**
+ * Create a simple report component
+ *
+ * @param {Object} config
+ * @param {Boolean} [config.showDetailsButton=true] - display the show/hide details toggle
+ * @param {Array} [config.actions] - possibility to add more button controls
+ * @param {Object} data - a standard report object
+ * @param {String} data.type - the type of the report
+ * @param {String} data.message - the message to be included in the report body (html allowed)
+ * @param {Array} [data.children] - children report object
+ * @returns {reportComponent}
+ */
+var reportComponentFactory = function reportComponentFactory(config, data) {
+    var initConfig = _.defaults(config || {}, _defaults);
+
+    if (data && _.isArray(data.children) && data.children.length) {
+        initConfig.detailsButtonVisible = initConfig.showDetailsButton;
+    }
+
+    /**
+     * THe report component
+     * @typedef reportComponent
+     * @fires reportComponent#action
+     * @fires reportComponent#action-{custom action name}
+     */
+    return component(report)
+        .setTemplate(layoutTpl)
+        .on('render', function() {
+            var self = this;
+            var $content = this.getElement().find('.content');
+            var $checkbox = this.getElement().find('.fold input');
+            $content.append(_renderFeebacks(_.cloneDeep(data), this.config.actions));
+
+            //init actions:
+            $content.on('click', '.action', function() {
+                var actionId = $(this).data('trigger');
+                self.trigger('action-' + actionId);
+                self.trigger('action', actionId);
+            });
+
+            //ensure multiple fast clicks only activate the toggle once
+            $checkbox.on(
+                'change',
+                _.throttle(function() {
+                    if (self.isDetailed()) {
+                        self.hideDetails();
+                    } else {
+                        self.showDetails();
+                    }
+                }, 100)
+            );
+        })
+        .init(initConfig);
+};
+
+export default reportComponentFactory;

package/src/resource/css/selector.css

@@ -1,9 +1,9 @@
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -646,5 +646,5 @@ Usage:
     text-align: center;
     padding: 5px;
 }
-
+
 /*# sourceMappingURL=selector.css.map */

package/src/resource/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","../scss/_resource-list.scss","../scss/_resource-tree.scss","../scss/_filters.scss"],"names":[],"mappings":"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","file":"selector.css","sourcesContent":["@mixin iterate-sprite($iconList, $x, $y, $direction, $prefix:'') {\r\n    @each $icon in $iconList {\r\n        #{$prefix}#{$icon} {\r\n            background-position: $x * 1px $y * 1px;\r\n        }\r\n        @if $direction == 'x' {\r\n            $x: $x - 16;\r\n        } @else {\r\n            $y: $y - 16;\r\n        }\r\n    }\r\n}\r\n\r\n/*\r\nUsage:\r\n- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,\r\n   if 3 colors used then the position of each will be 33,33%\r\n- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,\r\n   first param - color, second - position. Also you can use px or other valid units for set position.\r\n*/\r\n@mixin linear-gradient($colorList, $direction: 'to right') {\r\n    $percentage: 0;\r\n    $units: '%';\r\n    $count: length($colorList);\r\n    $increment: 100 / ($count - 1);\r\n    $css: #{$direction + ', '};\r\n    $sep: ', ';\r\n    @each $colorItem in $colorList {\r\n        $color: $colorItem;\r\n        @if (length($colorItem) > 1) {\r\n            $color: nth($colorItem, 1);\r\n            $percentage: nth($colorItem, 2);\r\n            $units: '';\r\n        }\r\n        @if ($percentage >= 100 or index($colorList, $colorItem) == $count) {\r\n            $sep: '';\r\n        }\r\n        $css: #{$css + $color + ' ' + $percentage + $units + $sep};\r\n        $percentage: $percentage + $increment;\r\n    }\r\n    background: linear-gradient( #{$css} );\r\n}\r\n\r\n@mixin grid-unit($span, $numCols: 12, $gutter: 0) {\r\n    $gridPx: 840;\r\n    $rawSpanPx: (($gridPx - ($numCols * $gutter)) / $numCols);\r\n    $spanPx: $rawSpanPx * $span + (($span - 1) * $gutter);\r\n    $spanPercent: widthPerc($spanPx, $gridPx);\r\n    $marginPercent: widthPerc($gutter, $gridPx);\r\n    margin-left: $marginPercent;\r\n    width: $spanPercent;\r\n}\r\n\r\n\r\n@mixin vendor-prefix($property, $value, $whatToPrefix: property, $prefixes: (-webkit-, -moz-, -ms-, -o-, '')) {\r\n    @if $whatToPrefix == 'property' {\r\n        @each $prefix in $prefixes {\r\n            #{$prefix + $property}: #{$value};\r\n        }\r\n    }\r\n    @else if $whatToPrefix == 'value' {\r\n        @each $prefix in $prefixes {\r\n            #{$property}: #{$prefix + $value};\r\n        }\r\n    }\r\n}\r\n@mixin flex-container($wrapBehavior: nowrap, $direction : row) {\r\n    @include vendor-prefix(display, flex, value, (-ms-, -webkit-, ''));\r\n\r\n    @include vendor-prefix(flex-direction, $direction, property, (-ms-, -webkit-, ''));\r\n    @include vendor-prefix(flex-wrap, $wrapBehavior, property, (-ms-, -webkit-, ''));\r\n\r\n    @include vendor-prefix(justify-content, flex-start, property, (-webkit-, ''));\r\n\r\n    @include vendor-prefix(align-content, flex-start, property, (-webkit-, ''));\r\n\r\n    @include vendor-prefix(align-items, stretch, property, (-webkit-, ''));\r\n}\r\n\r\n@mixin simple-flex-box($width: auto, $minWidth: 1) {\r\n\r\n    @include vendor-prefix(order, 0, property, (-ms-, -webkit-, ''));\r\n    flex-item-align: stretch;\r\n    -ms-flex-item-align: stretch;\r\n    @include vendor-prefix(align-self, stretch, property, (-webkit-, ''));\r\n\r\n    // if both, min width and width are set, width will win this conflict\r\n    @if ($width == auto) {\r\n        @if ($minWidth != 1) {\r\n            @include vendor-prefix(flex, 1 1 $minWidth, property, (-ms-, -webkit-, ''));\r\n        }\r\n        @else {\r\n            @include vendor-prefix(flex, 1 1 auto, property, (-ms-, -webkit-, ''));\r\n            // @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis#Values\r\n            // for a discussion auto vs. main-size\r\n            @include vendor-prefix(flex, 1 1, property, (-ms-, -webkit-, ''));\r\n        }\r\n    }\r\n    @else {\r\n        @include vendor-prefix(flex, 0 0 $width, property, (-ms-, -webkit-, ''));\r\n    }\r\n}\r\n\r\n\r\n@mixin box-shadow($horiz: 1px, $vert: 1px, $blur: 2px, $spread: 0, $color: rgba(0, 0, 0, .2)) {\r\n    @include vendor-prefix(box-shadow, $horiz $vert $blur $spread $color, property);\r\n}\r\n\r\n@mixin simple-border($color: #ddd) {\r\n    border: 1px solid $color;\r\n    border-radius: 2px;\r\n    -webkit-border-radius: 2px;\r\n}\r\n\r\n@mixin border-radius($radius: 2) {\r\n    -moz-border-radius: $radius * 1px;\r\n    -webkit-border-radius: $radius * 1px;\r\n    border-radius: $radius * 1px;\r\n}\r\n\r\n@mixin border-radius-top($radius: 2) {\r\n    -webkit-border-top-left-radius: $radius * 1px;\r\n    -webkit-border-top-right-radius: $radius * 1px;\r\n    -moz-border-radius-topleft: $radius * 1px;\r\n    -moz-border-radius-topright: $radius * 1px;\r\n    border-top-left-radius: $radius * 1px;\r\n    border-top-right-radius: $radius * 1px;\r\n}\r\n\r\n@mixin border-radius-bottom($radius: 2) {\r\n    -webkit-border-bottom-right-radius: $radius * 1px;\r\n    -webkit-border-bottom-left-radius: $radius * 1px;\r\n    -moz-border-radius-bottomright: $radius * 1px;\r\n    -moz-border-radius-bottomleft: $radius * 1px;\r\n    border-bottom-right-radius: $radius * 1px;\r\n    border-bottom-left-radius: $radius * 1px;\r\n}\r\n\r\n@mixin border-radius-left($radius: 2) {\r\n    -webkit-border-top-left-radius: $radius * 1px;\r\n    -webkit-border-bottom-left-radius: $radius * 1px;\r\n    -moz-border-radius-topleft: $radius * 1px;\r\n    -moz-border-radius-bottomleft: $radius * 1px;\r\n    border-top-left-radius: $radius * 1px;\r\n    border-bottom-left-radius: $radius * 1px;\r\n}\r\n\r\n@mixin border-radius-right($radius: 2) {\r\n    -webkit-border-top-right-radius: $radius * 1px;\r\n    -webkit-border-bottom-right-radius: $radius * 1px;\r\n    -moz-border-radius-topright: $radius * 1px;\r\n    -moz-border-radius-bottomright: $radius * 1px;\r\n    border-top-right-radius: $radius * 1px;\r\n    border-bottom-right-radius: $radius * 1px;\r\n}\r\n\r\n@mixin border-radius-top-left($radius: 2) {\r\n  -webkit-border-top-left-radius: $radius * 1px;\r\n  -moz-border-radius-topleft: $radius * 1px;\r\n  border-top-left-radius: $radius * 1px;\r\n}\r\n\r\n@mixin border-radius-top-right($radius: 2) {\r\n  -webkit-border-top-right-radius: $radius * 1px;\r\n  -moz-border-radius-topright: $radius * 1px;\r\n  border-top-right-radius: $radius * 1px;\r\n}\r\n\r\n@mixin border-radius-bottom-right($radius: 2) {\r\n  -webkit-border-bottom-right-radius: $radius * 1px;\r\n  -moz-border-radius-bottomright: $radius * 1px;\r\n  border-bottom-right-radius: $radius * 1px;\r\n}\r\n\r\n@mixin border-radius-bottom-left($radius: 2) {\r\n    -webkit-border-bottom-left-radius: $radius * 1px;\r\n    -moz-border-radius-bottomleft: $radius * 1px;\r\n    border-bottom-left-radius: $radius * 1px;\r\n}\r\n\r\n@mixin border-box() {\r\n    -moz-box-sizing: border-box;\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n}\r\n\r\n@function whiten($color, $white: 0.3) {\r\n    @return mix(#fff, $color, ($white * 100) * 1%);\r\n}\r\n\r\n@function blacken($color, $black: 0.3) {\r\n    @return mix(#000, $color, ($black * 100) * 1%);\r\n}\r\n\r\n@function widthPerc($colWidth, $context) {\r\n    @return ($colWidth * 100 / $context) * 1%\r\n}\r\n\r\n@function remDist($fontSizePx) {\r\n    @return ($fontSizePx / 10) * 1rem\r\n}\r\n\r\n@function black($alpha: 1) {\r\n    @return (rgba(0, 0, 0, $alpha))\r\n}\r\n\r\n@function white($alpha: 1) {\r\n    @return (rgba(255, 255, 255, $alpha))\r\n}\r\n\r\n@mixin font-size($remPx, $important: false) {\r\n    @if $important == true {\r\n        font-size: ($remPx) * 1px !important;\r\n        font-size: ($remPx / 10) * 1rem !important;\r\n    }\r\n    @else {\r\n        font-size: ($remPx) * 1px;\r\n        font-size: ($remPx / 10) * 1rem;\r\n    }\r\n}\r\n\r\n\r\n@mixin keyframes($name) {\r\n    @-o-keyframes #{$name} { @content };\r\n    @-moz-keyframes #{$name} { @content };\r\n    @-webkit-keyframes #{$name} { @content };\r\n    @keyframes #{$name} { @content };\r\n}\r\n\r\n\r\n@mixin animation($value, $type:'') {\r\n    $animation: animation;\r\n    @if $type != '' {\r\n        $animation:  $animation + '-' + $type;\r\n    }\r\n    @include vendor-prefix($animation, $value, property);\r\n}\r\n\r\n/// CSS transition mixin to the current selection (apply also vendor prefixes).\r\n/// See <https://developer.mozilla.org/en-US/docs/Web/CSS/transition> for the values\r\n///\r\n/// @param {property} [$type = all] the CSS property to apply the transition to\r\n/// @param {time} [$duration = .5s] the transition property\r\n/// @param {timing-function} [$effect = ease-out] the transition property\r\n@mixin transition($type : all, $duration : 0.5s, $effect : ease-out, $delay : 0s){\r\n    @include vendor-prefix(transition, $type + ', ' + $duration + ', ' + $effect + ', ' + $delay, property);\r\n}\r\n\r\n@mixin fade($duration: 1s){\r\n\r\n    @include keyframes(fade) {\r\n        0%   {opacity:0;}\r\n        50%   {opacity:1;}\r\n        100% {opacity:0;}\r\n    }\r\n\r\n    @include vendor-prefix(animation, fade 1s forwards, property);\r\n}\r\n\r\n@mixin repeat(){\r\n    @include animation(infinite, iteration-count);\r\n}\r\n\r\n@mixin largeHeading() {\r\n    @include font-size(20);\r\n    font-family: $headingFont;\r\n    font-style: normal;\r\n}\r\n\r\n@mixin disableSelect() {\r\n    @include vendor-prefix(user-select, none, property);\r\n}\r\n\r\n/* based on \"visually-hidden\" mixin in LDS for accessibility goals */\r\n@mixin visuallyHidden() {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    overflow: hidden;\r\n    clip: rect(1px, 1px, 1px, 1px);\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n","@import \"inc/bootstrap\";\r\n\r\n@mixin resource-selector-actions {\r\n    display: inline-block;\r\n    width: 40px;\r\n    height: 40px;\r\n    padding: 10px 0 0 12px;\r\n    color: $textColor;\r\n    border-left: solid 1px $uiGeneralContentBg;\r\n    text-shadow: 0 0 0 transparent;\r\n    text-decoration: none;\r\n\r\n    &:hover, &.active {\r\n        color: $uiClickableHoverBg;\r\n        @include transition(color, 200ms, linear);\r\n    }\r\n}\r\n\r\n.resource-selector{\r\n    position: relative;\r\n    height: 100%;\r\n\r\n    @include flex-container(nowrap, column);\r\n    opacity: 0;\r\n\r\n\r\n    background-color: $uiClickableDefaultBg;\r\n    @include simple-border;\r\n\r\n    &.rendered {\r\n        opacity: 1;\r\n        @include transition(opacity, 300ms, linear);\r\n    }\r\n\r\n    @import \"resource-list\";\r\n    @import \"resource-tree\";\r\n    @import \"filters\";\r\n\r\n    nav {\r\n        height: 40px;\r\n        @include vendor-prefix(flex, 0 1 40px, property, (-ms-, -webkit-, ''));\r\n        border-top: solid 1px $uiGeneralContentBorder;\r\n    }\r\n\r\n    .context {\r\n        @include flex-container(nowrap, row);\r\n        padding-right: 16px;\r\n\r\n        .class-context {\r\n            @include simple-flex-box;\r\n            overflow : hidden;\r\n\r\n            .class-selector{\r\n                position: static;\r\n                .options {\r\n                    max-height: calc(100% - 120px);\r\n                    &.folded {\r\n                        max-height: 0;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        & > a {\r\n            @include resource-selector-actions;\r\n        }\r\n    }\r\n\r\n    .selection {\r\n\r\n        @include flex-container(nowrap, row);\r\n        padding-right: 16px;\r\n\r\n        .selection-control {\r\n\r\n            @include vendor-prefix(flex, 0 0 80px, property, (-ms-, -webkit-, ''));\r\n\r\n            & > label {\r\n                @include resource-selector-actions;\r\n                width: 36px;\r\n                padding: 10px 0 0 8px;\r\n                margin: 0;\r\n            }\r\n            & > a {\r\n                @include resource-selector-actions;\r\n                width: 38px;\r\n            }\r\n            .selection-toggle .icon-multi-select:before {\r\n                @include font-size(16);\r\n            }\r\n            .selection-toggle.hidden{\r\n                display: inline-block !important;\r\n                visibility: hidden;\r\n            }\r\n        }\r\n        .search {\r\n            @include simple-flex-box;\r\n            position: relative;\r\n\r\n            padding : 6px 6px 6px 5px;\r\n\r\n            &:before {\r\n                @include tao-icon-setup;\r\n                @include icon-find;\r\n                position: absolute;\r\n                left: 12px;\r\n                top: 12px;\r\n                opacity: .4;\r\n            }\r\n            input {\r\n                @include border-radius(2);\r\n                max-width: inherit;\r\n                width: 100%;\r\n                padding: 4px 25px;\r\n            }\r\n\r\n            & > a.filters-opener {\r\n                position: absolute;\r\n                right: 12px;\r\n                top: 10px;\r\n\r\n                @include font-size(16);\r\n                text-decoration: none;\r\n            }\r\n        }\r\n        .filters-container {\r\n            position: absolute;\r\n            width: 100%;\r\n            background-color: $uiClickableDefaultBg;\r\n            border: solid 1px $uiGeneralContentBorder;\r\n            @include border-radius-bottom(3);\r\n            @include box-shadow;\r\n            left: 0;\r\n            top: 80px;\r\n            overflow-y: auto;\r\n            z-index: 100;\r\n            max-height: calc(100% - 110px);\r\n            @include transition(max-height, 300ms, ease);\r\n\r\n            &.folded {\r\n                overflow: hidden;\r\n                max-height: 0;\r\n                border-width: 0;\r\n                @include transition(max-height, 300ms, ease);\r\n            }\r\n        }\r\n    }\r\n\r\n    main {\r\n        @include simple-flex-box;\r\n\r\n        min-height: 150px;\r\n\r\n        border-top: solid 1px $uiGeneralContentBorder;\r\n        background-color: $uiGeneralContentBg;\r\n        height: 100%;\r\n        overflow-y: scroll;\r\n\r\n        .no-results {\r\n            display:inline-block;\r\n            width: 100%;\r\n            text-align:center;\r\n            margin: 10px auto;\r\n            opacity: .75;\r\n        }\r\n\r\n        .more {\r\n            height: 45px;\r\n            padding: 10px;\r\n        }\r\n\r\n        &.loading .more {\r\n            opacity: 0.65;\r\n            cursor : inherit;\r\n        }\r\n    }\r\n\r\n    footer {\r\n        height: 30px;\r\n        @include vendor-prefix(flex, 0 1 30px, property, (-ms-, -webkit-, ''));\r\n        border-top: solid 1px $uiGeneralContentBorder;\r\n\r\n        background-color: $uiClickableDefaultBg;\r\n        text-align: center;\r\n        padding: 5px;\r\n    }\r\n}\r\n\r\n/*# sourceMappingURL=selector.css.map */","/* Do not edit */@mixin tao-icon-setup {\r\n  /* use !important to prevent issues with browser extensions that change fonts */\r\n  font-family: 'tao' !important;\r\n  speak: never;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-variant: normal;\r\n  text-transform: none;\r\n  line-height: 1;\r\n\r\n  /* Better Font Rendering =========== */\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n@mixin icon-info-bare { content: \"\\e923\"; }\r\n@mixin icon-bookmark-outline { content: \"\\e922\"; }\r\n@mixin icon-bookmark { content: \"\\e921\"; }\r\n@mixin icon-indicator { content: \"\\e920\"; }\r\n@mixin icon-add-subsection { content: \"\\e918\"; }\r\n@mixin icon-wrap-inline { content: \"\\e915\"; }\r\n@mixin icon-wrap-left { content: \"\\e916\"; }\r\n@mixin icon-wrap-right { content: \"\\e917\"; }\r\n@mixin icon-offline { content: \"\\e913\"; }\r\n@mixin icon-online { content: \"\\e914\"; }\r\n@mixin icon-tab { content: \"\\e90d\"; }\r\n@mixin icon-untab { content: \"\\e90e\"; }\r\n@mixin icon-multi-select { content: \"\\e90b\"; }\r\n@mixin icon-clipboard { content: \"\\e90a\"; }\r\n@mixin icon-filebox { content: \"\\e909\"; }\r\n@mixin icon-click-to-speak { content: \"\\e907\"; }\r\n@mixin icon-speech-bubble { content: \"\\f0e5\"; }\r\n@mixin icon-microphone { content: \"\\f130\"; }\r\n@mixin icon-microphone-off { content: \"\\f131\"; }\r\n@mixin icon-disconnect { content: \"\\e905\"; }\r\n@mixin icon-connect { content: \"\\e906\"; }\r\n@mixin icon-eliminate { content: \"\\e904\"; }\r\n@mixin icon-wheelchair { content: \"\\e903\"; }\r\n@mixin icon-text-marker { content: \"\\e902\"; }\r\n@mixin icon-unshield { content: \"\\e32a\"; }\r\n@mixin icon-shield { content: \"\\e8e8\"; }\r\n@mixin icon-tree { content: \"\\e6b4\"; }\r\n@mixin icon-home { content: \"\\e6b3\"; }\r\n@mixin icon-shared-file { content: \"\\e6b2\"; }\r\n@mixin icon-end-attempt { content: \"\\e603\"; }\r\n@mixin icon-icon { content: \"\\f1c5\"; }\r\n@mixin icon-radio-bg { content: \"\\e600\"; }\r\n@mixin icon-checkbox-bg { content: \"\\e601\"; }\r\n@mixin icon-tag { content: \"\\e602\"; }\r\n@mixin icon-style { content: \"\\e604\"; }\r\n@mixin icon-ownership-transfer { content: \"\\e605\"; }\r\n@mixin icon-property-advanced { content: \"\\e606\"; }\r\n@mixin icon-property-add { content: \"\\e607\"; }\r\n@mixin icon-repository-add { content: \"\\e608\"; }\r\n@mixin icon-repository-remove { content: \"\\e609\"; }\r\n@mixin icon-repository { content: \"\\e60a\"; }\r\n@mixin icon-result-server { content: \"\\e60b\"; }\r\n@mixin icon-folder { content: \"\\e60c\"; }\r\n@mixin icon-folder-open { content: \"\\e60d\"; }\r\n@mixin icon-left { content: \"\\e60e\"; }\r\n@mixin icon-right { content: \"\\e60f\"; }\r\n@mixin icon-up { content: \"\\e610\"; }\r\n@mixin icon-down { content: \"\\e611\"; }\r\n@mixin icon-undo { content: \"\\e612\"; }\r\n@mixin icon-redo { content: \"\\e613\"; }\r\n@mixin icon-screen { content: \"\\e614\"; }\r\n@mixin icon-laptop { content: \"\\e615\"; }\r\n@mixin icon-tablet { content: \"\\e616\"; }\r\n@mixin icon-phone { content: \"\\e617\"; }\r\n@mixin icon-move { content: \"\\e618\"; }\r\n@mixin icon-bin { content: \"\\e619\"; }\r\n@mixin icon-shuffle { content: \"\\e61a\"; }\r\n@mixin icon-print { content: \"\\e61b\"; }\r\n@mixin icon-tools { content: \"\\e61c\"; }\r\n@mixin icon-settings { content: \"\\e61d\"; }\r\n@mixin icon-video { content: \"\\e61e\"; }\r\n@mixin icon-find { content: \"\\e61f\"; }\r\n@mixin icon-image { content: \"\\e620\"; }\r\n@mixin icon-edit { content: \"\\e621\"; }\r\n@mixin icon-document { content: \"\\e622\"; }\r\n@mixin icon-resize-grid { content: \"\\e623\"; }\r\n@mixin icon-resize { content: \"\\e624\"; }\r\n@mixin icon-help { content: \"\\e625\"; }\r\n@mixin icon-mobile-menu { content: \"\\e626\"; }\r\n@mixin icon-fix { content: \"\\e627\"; }\r\n@mixin icon-unlock { content: \"\\e628\"; }\r\n@mixin icon-lock { content: \"\\e629\"; }\r\n@mixin icon-ul { content: \"\\e62a\"; }\r\n@mixin icon-ol { content: \"\\e62b\"; }\r\n@mixin icon-email { content: \"\\e62c\"; }\r\n@mixin icon-download { content: \"\\e62d\"; }\r\n@mixin icon-logout { content: \"\\e62e\"; }\r\n@mixin icon-login { content: \"\\e62f\"; }\r\n@mixin icon-spinner { content: \"\\e630\"; }\r\n@mixin icon-preview { content: \"\\e631\"; }\r\n@mixin icon-external { content: \"\\e632\"; }\r\n@mixin icon-time { content: \"\\e633\"; }\r\n@mixin icon-save { content: \"\\e634\"; }\r\n@mixin icon-warning { content: \"\\e635\"; }\r\n@mixin icon-add { content: \"\\e636\"; }\r\n@mixin icon-error { content: \"\\e900\"; }\r\n@mixin icon-close { content: \"\\e637\"; }\r\n@mixin icon-success { content: \"\\e638\"; }\r\n@mixin icon-remove { content: \"\\e639\"; }\r\n@mixin icon-info { content: \"\\e63a\"; }\r\n@mixin icon-danger { content: \"\\e63b\"; }\r\n@mixin icon-users { content: \"\\e63c\"; }\r\n@mixin icon-user { content: \"\\e63d\"; }\r\n@mixin icon-test-taker { content: \"\\e63e\"; }\r\n@mixin icon-test-takers { content: \"\\e63f\"; }\r\n@mixin icon-item { content: \"\\e640\"; }\r\n@mixin icon-test { content: \"\\e641\"; }\r\n@mixin icon-delivery { content: \"\\e642\"; }\r\n@mixin icon-eye-slash { content: \"\\e643\"; }\r\n@mixin icon-result { content: \"\\e644\"; }\r\n@mixin icon-delivery-small { content: \"\\e645\"; }\r\n@mixin icon-upload { content: \"\\e646\"; }\r\n@mixin icon-result-small { content: \"\\e647\"; }\r\n@mixin icon-mobile-preview { content: \"\\e648\"; }\r\n@mixin icon-extension { content: \"\\e649\"; }\r\n@mixin icon-desktop-preview { content: \"\\e64a\"; }\r\n@mixin icon-tablet-preview { content: \"\\e64b\"; }\r\n@mixin icon-insert-horizontal-line { content: \"\\e64c\"; }\r\n@mixin icon-table { content: \"\\e64d\"; }\r\n@mixin icon-anchor { content: \"\\e64e\"; }\r\n@mixin icon-unlink { content: \"\\e64f\"; }\r\n@mixin icon-link { content: \"\\e650\"; }\r\n@mixin icon-right-left { content: \"\\e651\"; }\r\n@mixin icon-left-right { content: \"\\e652\"; }\r\n@mixin icon-special-character { content: \"\\e653\"; }\r\n@mixin icon-source { content: \"\\e654\"; }\r\n@mixin icon-new-page { content: \"\\e655\"; }\r\n@mixin icon-templates { content: \"\\e656\"; }\r\n@mixin icon-cut { content: \"\\e657\"; }\r\n@mixin icon-replace { content: \"\\e658\"; }\r\n@mixin icon-copy { content: \"\\e659\"; }\r\n@mixin icon-paste { content: \"\\e65a\"; }\r\n@mixin icon-select-all { content: \"\\e65b\"; }\r\n@mixin icon-paste-text { content: \"\\e65c\"; }\r\n@mixin icon-paste-word { content: \"\\e65d\"; }\r\n@mixin icon-bold { content: \"\\e65e\"; }\r\n@mixin icon-italic { content: \"\\e65f\"; }\r\n@mixin icon-underline { content: \"\\e660\"; }\r\n@mixin icon-subscript { content: \"\\e661\"; }\r\n@mixin icon-superscript { content: \"\\e662\"; }\r\n@mixin icon-strike-through { content: \"\\e663\"; }\r\n@mixin icon-decrease-indent { content: \"\\e664\"; }\r\n@mixin icon-increase-indent { content: \"\\e665\"; }\r\n@mixin icon-block-quote { content: \"\\e666\"; }\r\n@mixin icon-div-container { content: \"\\e667\"; }\r\n@mixin icon-align-left { content: \"\\e668\"; }\r\n@mixin icon-center { content: \"\\e669\"; }\r\n@mixin icon-align-right { content: \"\\e66a\"; }\r\n@mixin icon-justify { content: \"\\e66b\"; }\r\n@mixin icon-choice { content: \"\\e66c\"; }\r\n@mixin icon-inline-choice { content: \"\\e66d\"; }\r\n@mixin icon-match { content: \"\\e66e\"; }\r\n@mixin icon-associate { content: \"\\e66f\"; }\r\n@mixin icon-media { content: \"\\e670\"; }\r\n@mixin icon-graphic-order { content: \"\\e671\"; }\r\n@mixin icon-hotspot { content: \"\\e672\"; }\r\n@mixin icon-graphic-gap { content: \"\\e673\"; }\r\n@mixin icon-graphic-associate { content: \"\\e674\"; }\r\n@mixin icon-select-point { content: \"\\e675\"; }\r\n@mixin icon-pin { content: \"\\e676\"; }\r\n@mixin icon-import { content: \"\\e677\"; }\r\n@mixin icon-export { content: \"\\e678\"; }\r\n@mixin icon-move-item { content: \"\\e679\"; }\r\n@mixin icon-meta-data { content: \"\\e67a\"; }\r\n@mixin icon-slider { content: \"\\e67b\"; }\r\n@mixin icon-summary-report { content: \"\\e67c\"; }\r\n@mixin icon-text-entry { content: \"\\e67d\"; }\r\n@mixin icon-extended-text { content: \"\\e67e\"; }\r\n@mixin icon-eraser { content: \"\\e67f\"; }\r\n@mixin icon-row { content: \"\\e680\"; }\r\n@mixin icon-column { content: \"\\e681\"; }\r\n@mixin icon-text-color { content: \"\\e682\"; }\r\n@mixin icon-background-color { content: \"\\e683\"; }\r\n@mixin icon-spell-check { content: \"\\e684\"; }\r\n@mixin icon-polygon { content: \"\\e685\"; }\r\n@mixin icon-rectangle { content: \"\\e686\"; }\r\n@mixin icon-gap-match { content: \"\\e687\"; }\r\n@mixin icon-order { content: \"\\e688\"; }\r\n@mixin icon-hottext { content: \"\\e689\"; }\r\n@mixin icon-free-form { content: \"\\e68a\"; }\r\n@mixin icon-step-backward { content: \"\\e68b\"; }\r\n@mixin icon-fast-backward { content: \"\\e68c\"; }\r\n@mixin icon-backward { content: \"\\e68d\"; }\r\n@mixin icon-play { content: \"\\e68e\"; }\r\n@mixin icon-pause { content: \"\\e68f\"; }\r\n@mixin icon-stop { content: \"\\e690\"; }\r\n@mixin icon-forward { content: \"\\e691\"; }\r\n@mixin icon-fast-forward { content: \"\\e692\"; }\r\n@mixin icon-step-forward { content: \"\\e693\"; }\r\n@mixin icon-ellipsis { content: \"\\e694\"; }\r\n@mixin icon-circle { content: \"\\e695\"; }\r\n@mixin icon-target { content: \"\\e696\"; }\r\n@mixin icon-guide-arrow { content: \"\\e697\"; }\r\n@mixin icon-range-slider-right { content: \"\\e698\"; }\r\n@mixin icon-range-slider-left { content: \"\\e699\"; }\r\n@mixin icon-radio-checked { content: \"\\e69a\"; }\r\n@mixin icon-checkbox-indeterminate { content: \"\\e901\"; }\r\n@mixin icon-checkbox { content: \"\\e69b\"; }\r\n@mixin icon-checkbox-crossed { content: \"\\e69c\"; }\r\n@mixin icon-checkbox-checked { content: \"\\e69d\"; }\r\n@mixin icon-result-nok { content: \"\\e69e\"; }\r\n@mixin icon-result-ok { content: \"\\e69f\"; }\r\n@mixin icon-not-evaluated { content: \"\\e6a0\"; }\r\n@mixin icon-filter { content: \"\\e6a1\"; }\r\n@mixin icon-translate { content: \"\\e6a2\"; }\r\n@mixin icon-eject { content: \"\\e6a3\"; }\r\n@mixin icon-continue { content: \"\\e6a4\"; }\r\n@mixin icon-radio { content: \"\\e6a5\"; }\r\n@mixin icon-sphere { content: \"\\e6a6\"; }\r\n@mixin icon-reset { content: \"\\e6a7\"; }\r\n@mixin icon-smaller { content: \"\\e6a8\"; }\r\n@mixin icon-larger { content: \"\\e6a9\"; }\r\n@mixin icon-clock { content: \"\\e6aa\"; }\r\n@mixin icon-font { content: \"\\e6ab\"; }\r\n@mixin icon-maths { content: \"\\e6ac\"; }\r\n@mixin icon-grip { content: \"\\e6ad\"; }\r\n@mixin icon-rubric { content: \"\\e6ae\"; }\r\n@mixin icon-audio { content: \"\\e6af\"; }\r\n@mixin icon-grip-h { content: \"\\e6b0\"; }\r\n@mixin icon-magicwand { content: \"\\e6b1\"; }\r\n@mixin icon-loop { content: \"\\ea2e\"; }\r\n@mixin icon-calendar { content: \"\\e953\"; }\r\n@mixin icon-reload { content: \"\\e984\"; }\r\n@mixin icon-speed { content: \"\\e9a6\"; }\r\n@mixin icon-volume { content: \"\\ea27\"; }\r\n@mixin icon-contrast { content: \"\\e9d5\"; }\r\n@mixin icon-headphones { content: \"\\e910\"; }\r\n@mixin icon-compress { content: \"\\f066\"; }\r\n@mixin icon-map-o { content: \"\\f278\"; }\r\n@mixin icon-variable { content: \"\\e908\"; }\r\n@mixin icon-tooltip { content: \"\\e90c\"; }\r\n@mixin icon-globe { content: \"\\e9c9\"; }\r\n@mixin icon-highlighter { content: \"\\e90f\"; }\r\n@mixin icon-eliminate-crossed { content: \"\\e911\"; }\r\n@mixin icon-play-from-here { content: \"\\e912\"; }\r\n","// buttons and alerts\r\n$success: rgb(14, 145, 75);\r\n$info: rgb(14, 93, 145);\r\n$warning: rgb(216, 174, 91);\r\n$danger: rgb(201, 96, 67);\r\n$error: rgb(186, 18, 43);\r\n$activeInteraction: rgb(195, 90, 19);\r\n\r\n// corporate identity\r\n$logoRed: rgb(186, 18, 43);\r\n$grey: rgb(173, 161, 148);\r\n$darkBlueGrey: rgb(164, 187, 197);\r\n$mediumBlueGrey: rgb(193, 212, 220);\r\n$lightBlueGrey: rgb(228, 236, 239);\r\n$brownRedGrey: rgb(154, 137, 123);\r\n$darkBrown: rgb(111, 99, 89);\r\n$websiteBorder: rgb(141, 148, 158);\r\n\r\n// ui elements, these should only variations of the above\r\n// naming convention: jQueryUi theme roller -> camelCase\r\n\r\n$textColor: #222;\r\n$textHighlight: white;\r\n\r\n$uiGeneralContentBg: white();\r\n$uiGeneralContentBorder: #ddd;\r\n\r\n$uiHeaderBg: #d4d5d7;\r\n\r\n$uiClickableDefaultBg: #f3f1ef;\r\n$uiClickableHoverBg: whiten($info, 0.2);\r\n//$uiClickableActiveBg: $uiHeaderBg;\r\n$uiClickableActiveBg: whiten($websiteBorder, 0.2);\r\n//$uiClickableActiveBg: #aaa;\r\n\r\n$uiSelectableSelectedBg: whiten($info, 0.2);\r\n$uiSelectableSelectedHoverBg: whiten($info, 0.1);\r\n$uiSelectableHoverBg: whiten($info, 0.9);\r\n\r\n$uiOverlay: $lightBlueGrey;\r\n\r\n// new layout. Implemented now only for review panel\r\n$uiReviewPanelBg: #f2f2f2;\r\n$uiReviewPanelTextDisabled: hsl(0, 0%, 45%);\r\n$uiReviewPanelTextDefault: hsl(0, 0%, 12%);\r\n$uiReviewPanelBgDefault: $uiGeneralContentBg;\r\n$uiReviewPanelPrimaryHighlight: hsl(208, 100%, 32%);\r\n$uiReviewPanelBgInverted: $uiReviewPanelTextDefault;\r\n$uiReviewPanelTextInverted: $uiGeneralContentBg;\r\n\r\n// sidebars etc.\r\n$canvas: mix(#fff, $grey, 85%);\r\n\r\n// colors taken from feedback.scss\r\n$successBgColor: whiten($success, 0.8);\r\n$successBorderColor: whiten($success, 0.1);\r\n\r\n$infoBgColor: whiten($info, 0.8);\r\n$infoBorderColor: whiten($info, 0.1);\r\n\r\n$warningBgColor: whiten($warning, 0.8);\r\n$warningBorderColor: whiten($warning, 0.1);\r\n\r\n$dangerBgColor: whiten($danger, 0.8);\r\n$dangerBorderColor: whiten($danger, 0.1);\r\n\r\n$errorBgColor: whiten($error, 0.8);\r\n$errorBorderColor: whiten($error, 0.1);\r\n\r\n$darkBar: rgb(51, 51, 51);\r\n$darkBarTxt: rgb(230, 230, 230);\r\n$darkBarIcon: rgb(220, 220, 220);\r\n\r\n$actionLinkColor: #276d9b;\r\n$actionLinkHoverColor: #4f83a7;\r\n\r\n$colorWheel-01: #c3ba13;\r\n$colorWheel-02: #84a610;\r\n$colorWheel-03: #2b8e0e;\r\n$colorWheel-04: #0f9787;\r\n$colorWheel-05: #0e5d91;\r\n$colorWheel-06: #0d2689;\r\n$colorWheel-07: #400d83;\r\n$colorWheel-08: #960e7d;\r\n$colorWheel-09: #ba122b;\r\n$colorWheel-10: #c34713;\r\n$colorWheel-11: #c36f13;\r\n$colorWheel-12: #c39413;\r\n",".resource-list {\r\n    position: relative;\r\n    height: 100%;\r\n\r\n    opacity : 0;\r\n    &.rendered {\r\n        opacity: 1;\r\n        @include transition(opacity, 300ms, linear);\r\n    }\r\n\r\n    &.multiple ul li a:after{\r\n        display: block;\r\n        @include transition(all, 200ms, linear);\r\n    }\r\n\r\n    &.multiple ul li[data-access=\"denied\"] a:after {\r\n        display: none;\r\n    }\r\n\r\n    ul {\r\n        list-style-type: none;\r\n        padding: 0;\r\n        margin: 0;\r\n\r\n        li {\r\n            position: relative;\r\n            height: 40px;\r\n            padding: 10px;\r\n            border-bottom: solid 1px $uiGeneralContentBorder;\r\n\r\n            @include transition(background-color, 200ms, linear);\r\n\r\n            a {\r\n                @include transition(color, 200ms, linear);\r\n                color: $textColor;\r\n                display: inline-block;\r\n                width: 100%;\r\n                padding-right: 25px;\r\n                overflow: hidden;\r\n                white-space: nowrap;\r\n                text-overflow: ellipsis;\r\n\r\n                &:after {\r\n                    @include tao-icon-setup;\r\n                    @include icon-checkbox;\r\n                    color: $info;\r\n                    position: absolute;\r\n                    right: 17px;\r\n                    top: 12px;\r\n                    display: none;\r\n                }\r\n                &:hover {\r\n                    text-decoration: none;\r\n                }\r\n\r\n                & > span {\r\n                    color: $info;\r\n                    margin-right: 4px;\r\n                    @include font-size(16);\r\n                    vertical-align: top;\r\n                }\r\n            }\r\n\r\n            &.selected, &:hover {\r\n                background-color: $uiClickableHoverBg;\r\n                cursor: pointer;\r\n                @include transition(background-color, 200ms, linear);\r\n                a {\r\n                    color: $textHighlight;\r\n                    @include transition(color, 200ms, linear);\r\n\r\n                    &:after {\r\n                        color: $textHighlight;\r\n                    }\r\n                    & > span {\r\n                        color: $textHighlight;\r\n                    }\r\n                }\r\n            }\r\n            &.selected a:after {\r\n                @include icon-checkbox-checked;\r\n            }\r\n\r\n            &[data-access=denied] > a, &[data-access=partial] > a {\r\n                [class^=\"icon-\"], [class*=\" icon-\"] {\r\n                    position: relative;\r\n                    &:after {\r\n                        @include icon-lock;\r\n                        color: #555;\r\n                        position: absolute;\r\n                        left: 7px;\r\n                        top: 6px;\r\n                    }\r\n                }\r\n            }\r\n            &[data-access=denied] {\r\n                color: $uiClickableActiveBg;\r\n                background-color: $textHighlight;\r\n                &:hover, &:hover > a, & > a, [class^=\"icon-\"]:before, [class*=\" icon-\"]:before  {\r\n                    cursor: auto;\r\n                    background-color: $textHighlight;\r\n                    color: $uiClickableActiveBg !important;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n",".resource-tree{\r\n    $nodeHeight: 40px;\r\n    $actionWidth: 25px;\r\n    $hoverWidth: $nodeHeight - 15px;\r\n\r\n    position: relative;\r\n    height: 100%;\r\n    opacity : 0;\r\n    &.rendered {\r\n        opacity: 1;\r\n        @include transition(opacity, 300ms, linear);\r\n    }\r\n\r\n    &.multiple ul li.selectable {\r\n        & > a > .selector {\r\n            display: inline-block;\r\n        }\r\n    }\r\n\r\n    &.multiple ul li.instance[data-access=\"denied\"] a .selector {\r\n        display: none;\r\n    }\r\n\r\n    .clickable {\r\n        &:hover {\r\n            &:before {\r\n                content: \" \";\r\n                display: inline-block;\r\n                position: absolute;\r\n                width: $hoverWidth;\r\n                height: $hoverWidth;\r\n                top: 7.5px;\r\n                left: 0;\r\n                border-radius: 50%;\r\n                background-color: blacken($uiSelectableHoverBg, .2);\r\n                opacity: .5;\r\n            }\r\n        }\r\n        &:focus {\r\n            outline: 0 none;\r\n        }\r\n    }\r\n\r\n    ul {\r\n        list-style-type: none;\r\n        padding: 0;\r\n        margin: 0;\r\n\r\n        li {\r\n            position: relative;\r\n            cursor: pointer;\r\n\r\n            & > a {\r\n                height: $nodeHeight;\r\n                line-height: $nodeHeight;\r\n                display: block;\r\n                width: 100%;\r\n                padding-right: 30px;\r\n                overflow: hidden;\r\n                white-space: nowrap;\r\n                text-overflow: ellipsis;\r\n                border-bottom: solid 1px $uiGeneralContentBorder;\r\n                color : $textColor;\r\n            }\r\n            &.class {\r\n                .class-toggler {\r\n                    display: inline-block;\r\n                    position: relative;\r\n                    width: $actionWidth;\r\n                    height: $nodeHeight;\r\n                    text-align: center;\r\n                    &:after {\r\n                        @include tao-icon-setup;\r\n                        @include icon-down;\r\n                        @include font-size(15);\r\n                        position: relative;\r\n                    }\r\n                }\r\n                &.empty .class-toggler{\r\n                    visibility: hidden;\r\n                }\r\n                & > a {\r\n                    & > .icon-folder:before {\r\n                        @include icon-folder-open;\r\n                        color: $warning;\r\n                        margin-right: 4px;\r\n                    }\r\n                    &:hover {\r\n                        background-color: $uiSelectableHoverBg;\r\n                        color : $textColor;\r\n                        @include transition(all, 200ms, linear);\r\n                    }\r\n                }\r\n\r\n                &.selected {\r\n                    & > a {\r\n                        background-color: $uiSelectableSelectedBg;\r\n                        color: $textHighlight;\r\n                        &:before, &:after {\r\n                            color: $textHighlight;\r\n                        }\r\n                        @include transition(all, 200ms, linear);\r\n\r\n                        &:hover {\r\n                            background-color: $uiSelectableSelectedHoverBg;\r\n                            @include transition(all, 200ms, linear);\r\n                        }\r\n                        .clickable:hover:before {\r\n                            background-color: whiten($uiSelectableSelectedHoverBg, .2);\r\n                        }\r\n                    }\r\n                }\r\n                &.closed {\r\n                    & > a > .class-toggler:after {\r\n                        @include icon-right;\r\n                    }\r\n                    & > a > .icon-folder:before {\r\n                        @include icon-folder;\r\n                    }\r\n                    & > ul {\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n            &.instance {\r\n                & > a > [class^=\"icon-\"], & > a > [class*=\" icon-\"] {\r\n                    color: $info;\r\n                    margin-right: 4px;\r\n                    margin-left: $actionWidth;\r\n                    @include font-size(16);\r\n                }\r\n                &:hover {\r\n                    background-color: $uiSelectableHoverBg;\r\n                    color : $textColor;\r\n                    @include transition(all, 200ms, linear);\r\n                }\r\n                &.selected {\r\n                    background-color: $uiSelectableSelectedBg;\r\n                    & > a, & > a > [class^=\"icon-\"], & > a > [class*=\" icon-\"] {\r\n                        color: $textHighlight;\r\n                    }\r\n                    @include transition(all, 200ms, linear);\r\n\r\n                    &:hover {\r\n                        background-color: $uiSelectableSelectedHoverBg;\r\n                        @include transition(all, 200ms, linear);\r\n                    }\r\n                    .clickable:hover:before {\r\n                        background-color: whiten($uiSelectableSelectedHoverBg, .2);\r\n                    }\r\n                }\r\n            }\r\n            & > a > .selector {\r\n                display: none;\r\n                position: absolute;\r\n                top: 0;\r\n                right: 8px;\r\n                line-height: $nodeHeight;\r\n                height: $nodeHeight;\r\n                width: $actionWidth;\r\n                text-align:center;\r\n\r\n                &:after {\r\n                    @include transition(all, 200ms, linear);\r\n                    @include tao-icon-setup;\r\n                    @include icon-checkbox;\r\n                    @include font-size(15);\r\n                    color: $info;\r\n                    line-height: $nodeHeight;\r\n                    position: relative;\r\n                }\r\n            }\r\n            &.selected > a > .selector:after {\r\n                @include icon-checkbox-checked;\r\n            }\r\n            &.selected > a > .selector:after, &.selected > a:hover > .selector:after {\r\n                color: $textHighlight;\r\n            }\r\n            &[data-access=denied] > a, &[data-access=partial] > a {\r\n                [class^=\"icon-\"], [class*=\" icon-\"] {\r\n                    position: relative;\r\n                    &:after {\r\n                        @include icon-lock;\r\n                        color: #555;\r\n                        position: absolute;\r\n                        left: 7px;\r\n                        top: 6px;\r\n                    }\r\n                }\r\n            }\r\n            &[data-access=denied] {\r\n                color: $uiClickableActiveBg;\r\n                background-color: $textHighlight;\r\n                &:hover, &:hover > a, & > a, [class^=\"icon-\"]:before, [class*=\" icon-\"]:before  {\r\n                    cursor: auto;\r\n                    background-color: $textHighlight;\r\n                    color: $uiClickableActiveBg !important;\r\n                }\r\n            }\r\n            a:hover {\r\n                text-decoration: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n",".filters {\r\n    position: relative;\r\n    height: 100%;\r\n    opacity : 0;\r\n    &.rendered {\r\n        opacity: 1;\r\n        @include transition(opacity, 300ms, linear);\r\n    }\r\n\r\n    .ui-generis-form {\r\n        margin: 0;\r\n        padding: 10px;\r\n        width: 100%;\r\n        background-color: $uiClickableDefaultBg;\r\n        border: none;\r\n        h2 {\r\n            margin: 0;\r\n        }\r\n        .left {\r\n            width: 100%;\r\n        }\r\n        .toolbar {\r\n            margin: 0;\r\n        }\r\n    }\r\n}\r\n"]}
+{"version":3,"sources":["../../../scss/inc/_functions.scss","../scss/selector.scss","../../../scss/inc/fonts/_tao-icon-vars.scss","../../../scss/inc/_colors.scss","../scss/_resource-list.scss","../scss/_resource-tree.scss","../scss/_filters.scss"],"names":[],"mappings":"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","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\n/* based on \"visually-hidden\" mixin in LDS for accessibility goals */\n@mixin visuallyHidden() {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    clip: rect(1px, 1px, 1px, 1px);\n    margin: 0;\n    padding: 0;\n}\n","@import \"inc/bootstrap\";\n\n@mixin resource-selector-actions {\n    display: inline-block;\n    width: 40px;\n    height: 40px;\n    padding: 10px 0 0 12px;\n    color: $textColor;\n    border-left: solid 1px $uiGeneralContentBg;\n    text-shadow: 0 0 0 transparent;\n    text-decoration: none;\n\n    &:hover, &.active {\n        color: $uiClickableHoverBg;\n        @include transition(color, 200ms, linear);\n    }\n}\n\n.resource-selector{\n    position: relative;\n    height: 100%;\n\n    @include flex-container(nowrap, column);\n    opacity: 0;\n\n\n    background-color: $uiClickableDefaultBg;\n    @include simple-border;\n\n    &.rendered {\n        opacity: 1;\n        @include transition(opacity, 300ms, linear);\n    }\n\n    @import \"resource-list\";\n    @import \"resource-tree\";\n    @import \"filters\";\n\n    nav {\n        height: 40px;\n        @include vendor-prefix(flex, 0 1 40px, property, (-ms-, -webkit-, ''));\n        border-top: solid 1px $uiGeneralContentBorder;\n    }\n\n    .context {\n        @include flex-container(nowrap, row);\n        padding-right: 16px;\n\n        .class-context {\n            @include simple-flex-box;\n            overflow : hidden;\n\n            .class-selector{\n                position: static;\n                .options {\n                    max-height: calc(100% - 120px);\n                    &.folded {\n                        max-height: 0;\n                    }\n                }\n            }\n        }\n\n        & > a {\n            @include resource-selector-actions;\n        }\n    }\n\n    .selection {\n\n        @include flex-container(nowrap, row);\n        padding-right: 16px;\n\n        .selection-control {\n\n            @include vendor-prefix(flex, 0 0 80px, property, (-ms-, -webkit-, ''));\n\n            & > label {\n                @include resource-selector-actions;\n                width: 36px;\n                padding: 10px 0 0 8px;\n                margin: 0;\n            }\n            & > a {\n                @include resource-selector-actions;\n                width: 38px;\n            }\n            .selection-toggle .icon-multi-select:before {\n                @include font-size(16);\n            }\n            .selection-toggle.hidden{\n                display: inline-block !important;\n                visibility: hidden;\n            }\n        }\n        .search {\n            @include simple-flex-box;\n            position: relative;\n\n            padding : 6px 6px 6px 5px;\n\n            &:before {\n                @include tao-icon-setup;\n                @include icon-find;\n                position: absolute;\n                left: 12px;\n                top: 12px;\n                opacity: .4;\n            }\n            input {\n                @include border-radius(2);\n                max-width: inherit;\n                width: 100%;\n                padding: 4px 25px;\n            }\n\n            & > a.filters-opener {\n                position: absolute;\n                right: 12px;\n                top: 10px;\n\n                @include font-size(16);\n                text-decoration: none;\n            }\n        }\n        .filters-container {\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            top: 80px;\n            overflow-y: auto;\n            z-index: 100;\n            max-height: calc(100% - 110px);\n            @include transition(max-height, 300ms, ease);\n\n            &.folded {\n                overflow: hidden;\n                max-height: 0;\n                border-width: 0;\n                @include transition(max-height, 300ms, ease);\n            }\n        }\n    }\n\n    main {\n        @include simple-flex-box;\n\n        min-height: 150px;\n\n        border-top: solid 1px $uiGeneralContentBorder;\n        background-color: $uiGeneralContentBg;\n        height: 100%;\n        overflow-y: scroll;\n\n        .no-results {\n            display:inline-block;\n            width: 100%;\n            text-align:center;\n            margin: 10px auto;\n            opacity: .75;\n        }\n\n        .more {\n            height: 45px;\n            padding: 10px;\n        }\n\n        &.loading .more {\n            opacity: 0.65;\n            cursor : inherit;\n        }\n    }\n\n    footer {\n        height: 30px;\n        @include vendor-prefix(flex, 0 1 30px, property, (-ms-, -webkit-, ''));\n        border-top: solid 1px $uiGeneralContentBorder;\n\n        background-color: $uiClickableDefaultBg;\n        text-align: center;\n        padding: 5px;\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$textSecondary: #737373;\n$shadowColor: rgba(0, 0, 0, 0.25);\n\n$modalBorderColor: #dddfe2;\n$searchInp: #dddfe2;\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",".resource-list {\n    position: relative;\n    height: 100%;\n\n    opacity : 0;\n    &.rendered {\n        opacity: 1;\n        @include transition(opacity, 300ms, linear);\n    }\n\n    &.multiple ul li a:after{\n        display: block;\n        @include transition(all, 200ms, linear);\n    }\n\n    &.multiple ul li[data-access=\"denied\"] a:after {\n        display: none;\n    }\n\n    ul {\n        list-style-type: none;\n        padding: 0;\n        margin: 0;\n\n        li {\n            position: relative;\n            height: 40px;\n            padding: 10px;\n            border-bottom: solid 1px $uiGeneralContentBorder;\n\n            @include transition(background-color, 200ms, linear);\n\n            a {\n                @include transition(color, 200ms, linear);\n                color: $textColor;\n                display: inline-block;\n                width: 100%;\n                padding-right: 25px;\n                overflow: hidden;\n                white-space: nowrap;\n                text-overflow: ellipsis;\n\n                &:after {\n                    @include tao-icon-setup;\n                    @include icon-checkbox;\n                    color: $info;\n                    position: absolute;\n                    right: 17px;\n                    top: 12px;\n                    display: none;\n                }\n                &:hover {\n                    text-decoration: none;\n                }\n\n                & > span {\n                    color: $info;\n                    margin-right: 4px;\n                    @include font-size(16);\n                    vertical-align: top;\n                }\n            }\n\n            &.selected, &:hover {\n                background-color: $uiClickableHoverBg;\n                cursor: pointer;\n                @include transition(background-color, 200ms, linear);\n                a {\n                    color: $textHighlight;\n                    @include transition(color, 200ms, linear);\n\n                    &:after {\n                        color: $textHighlight;\n                    }\n                    & > span {\n                        color: $textHighlight;\n                    }\n                }\n            }\n            &.selected a:after {\n                @include icon-checkbox-checked;\n            }\n\n            &[data-access=denied] > a, &[data-access=partial] > a {\n                [class^=\"icon-\"], [class*=\" icon-\"] {\n                    position: relative;\n                    &:after {\n                        @include icon-lock;\n                        color: #555;\n                        position: absolute;\n                        left: 7px;\n                        top: 6px;\n                    }\n                }\n            }\n            &[data-access=denied] {\n                color: $uiClickableActiveBg;\n                background-color: $textHighlight;\n                &:hover, &:hover > a, & > a, [class^=\"icon-\"]:before, [class*=\" icon-\"]:before  {\n                    cursor: auto;\n                    background-color: $textHighlight;\n                    color: $uiClickableActiveBg !important;\n                }\n            }\n        }\n    }\n}\n",".resource-tree{\n    $nodeHeight: 40px;\n    $actionWidth: 25px;\n    $hoverWidth: $nodeHeight - 15px;\n\n    position: relative;\n    height: 100%;\n    opacity : 0;\n    &.rendered {\n        opacity: 1;\n        @include transition(opacity, 300ms, linear);\n    }\n\n    &.multiple ul li.selectable {\n        & > a > .selector {\n            display: inline-block;\n        }\n    }\n\n    &.multiple ul li.instance[data-access=\"denied\"] a .selector {\n        display: none;\n    }\n\n    .clickable {\n        &:hover {\n            &:before {\n                content: \" \";\n                display: inline-block;\n                position: absolute;\n                width: $hoverWidth;\n                height: $hoverWidth;\n                top: 7.5px;\n                left: 0;\n                border-radius: 50%;\n                background-color: blacken($uiSelectableHoverBg, .2);\n                opacity: .5;\n            }\n        }\n        &:focus {\n            outline: 0 none;\n        }\n    }\n\n    ul {\n        list-style-type: none;\n        padding: 0;\n        margin: 0;\n\n        li {\n            position: relative;\n            cursor: pointer;\n\n            & > a {\n                height: $nodeHeight;\n                line-height: $nodeHeight;\n                display: block;\n                width: 100%;\n                padding-right: 30px;\n                overflow: hidden;\n                white-space: nowrap;\n                text-overflow: ellipsis;\n                border-bottom: solid 1px $uiGeneralContentBorder;\n                color : $textColor;\n            }\n            &.class {\n                .class-toggler {\n                    display: inline-block;\n                    position: relative;\n                    width: $actionWidth;\n                    height: $nodeHeight;\n                    text-align: center;\n                    &:after {\n                        @include tao-icon-setup;\n                        @include icon-down;\n                        @include font-size(15);\n                        position: relative;\n                    }\n                }\n                &.empty .class-toggler{\n                    visibility: hidden;\n                }\n                & > a {\n                    & > .icon-folder:before {\n                        @include icon-folder-open;\n                        color: $warning;\n                        margin-right: 4px;\n                    }\n                    &:hover {\n                        background-color: $uiSelectableHoverBg;\n                        color : $textColor;\n                        @include transition(all, 200ms, linear);\n                    }\n                }\n\n                &.selected {\n                    & > a {\n                        background-color: $uiSelectableSelectedBg;\n                        color: $textHighlight;\n                        &:before, &:after {\n                            color: $textHighlight;\n                        }\n                        @include transition(all, 200ms, linear);\n\n                        &:hover {\n                            background-color: $uiSelectableSelectedHoverBg;\n                            @include transition(all, 200ms, linear);\n                        }\n                        .clickable:hover:before {\n                            background-color: whiten($uiSelectableSelectedHoverBg, .2);\n                        }\n                    }\n                }\n                &.closed {\n                    & > a > .class-toggler:after {\n                        @include icon-right;\n                    }\n                    & > a > .icon-folder:before {\n                        @include icon-folder;\n                    }\n                    & > ul {\n                        display: none;\n                    }\n                }\n            }\n            &.instance {\n                & > a > [class^=\"icon-\"], & > a > [class*=\" icon-\"] {\n                    color: $info;\n                    margin-right: 4px;\n                    margin-left: $actionWidth;\n                    @include font-size(16);\n                }\n                &:hover {\n                    background-color: $uiSelectableHoverBg;\n                    color : $textColor;\n                    @include transition(all, 200ms, linear);\n                }\n                &.selected {\n                    background-color: $uiSelectableSelectedBg;\n                    & > a, & > a > [class^=\"icon-\"], & > a > [class*=\" icon-\"] {\n                        color: $textHighlight;\n                    }\n                    @include transition(all, 200ms, linear);\n\n                    &:hover {\n                        background-color: $uiSelectableSelectedHoverBg;\n                        @include transition(all, 200ms, linear);\n                    }\n                    .clickable:hover:before {\n                        background-color: whiten($uiSelectableSelectedHoverBg, .2);\n                    }\n                }\n            }\n            & > a > .selector {\n                display: none;\n                position: absolute;\n                top: 0;\n                right: 8px;\n                line-height: $nodeHeight;\n                height: $nodeHeight;\n                width: $actionWidth;\n                text-align:center;\n\n                &:after {\n                    @include transition(all, 200ms, linear);\n                    @include tao-icon-setup;\n                    @include icon-checkbox;\n                    @include font-size(15);\n                    color: $info;\n                    line-height: $nodeHeight;\n                    position: relative;\n                }\n            }\n            &.selected > a > .selector:after {\n                @include icon-checkbox-checked;\n            }\n            &.selected > a > .selector:after, &.selected > a:hover > .selector:after {\n                color: $textHighlight;\n            }\n            &[data-access=denied] > a, &[data-access=partial] > a {\n                [class^=\"icon-\"], [class*=\" icon-\"] {\n                    position: relative;\n                    &:after {\n                        @include icon-lock;\n                        color: #555;\n                        position: absolute;\n                        left: 7px;\n                        top: 6px;\n                    }\n                }\n            }\n            &[data-access=denied] {\n                color: $uiClickableActiveBg;\n                background-color: $textHighlight;\n                &:hover, &:hover > a, & > a, [class^=\"icon-\"]:before, [class*=\" icon-\"]:before  {\n                    cursor: auto;\n                    background-color: $textHighlight;\n                    color: $uiClickableActiveBg !important;\n                }\n            }\n            a:hover {\n                text-decoration: none;\n            }\n        }\n    }\n}\n",".filters {\n    position: relative;\n    height: 100%;\n    opacity : 0;\n    &.rendered {\n        opacity: 1;\n        @include transition(opacity, 300ms, linear);\n    }\n\n    .ui-generis-form {\n        margin: 0;\n        padding: 10px;\n        width: 100%;\n        background-color: $uiClickableDefaultBg;\n        border: none;\n        h2 {\n            margin: 0;\n        }\n        .left {\n            width: 100%;\n        }\n        .toolbar {\n            margin: 0;\n        }\n    }\n}\n"]}