.cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
@charset "UTF-8";

/**
 * Checks whether `$functions` exist in global scope.
 *
 * @access private
 *
 * @param {ArgList} $functions - list of functions to check for
 *
 * @return {Bool} Whether or not there are missing dependencies
 */

/**
 * Compares `$a` and `$b` based on `$order`.
 *
 * @access private
 *
 * @param {*}       $a      - first value
 * @param {*}       $b      - second value
 * @param {List}    $matrix - alphabetical order
 *
 * @return {Bool}
 */

/**
 * Returns truthiness of `$value`.
 *
 * @access private
 *
 * @param {*} $value - value to check
 *
 * @return {Bool}
 */

/**
 * Check whether value is a number
 *
 * @access private
 *
 * @param {*} $value - value to run test against
 *
 * @return {Bool}
 */

/**
 * Chunks `$list` into `$size` large lists.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-chunk
 *
 * @param {List}   $list  - list to chunk
 * @param {Number} $size  - length of lists
 *
 * @throws $size is not a number for `sl-chunk`.
 *
 * @requires sl-to-list
 *
 * @example
 * sl-chunk(a b c d e, 2)
 * // a b, c d, e
 *
 * @return {List | Null}
 */

/**
 * Initialize an empty comma-separated list.
 * 
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-comma-list
 *
 * @example
 * sl-comma-list()
 * // ()
 *
 * @return {List}
 */

/**
 * Returns whether `$list` contains `$value`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-contain
 *
 * @param {List}    $list  - list to check
 * @param {*}       $value - value to look for
 *
 * @example
 * sl-contain(a b c, a)
 * // true
 *
 * @example
 * sl-contain(a b c, z)
 * // false
 *
 * @return {Bool}
 */

/**
 * @requires sl-contain
 * @alias sl-contain
 */

/**
 * Counts the number of occurrences of each value of `$list`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-count-values
 *
 * @param {List} $list - list to count values from
 *
 * @example
 * sl-count-values(a b c a)
 * // (a: 2, b: 1, c: 1) 
 *
 * @return {Map} Values mapped to their count
 */

/**
 * Returns `$list` as a string, prettified if `$pre` is set to true.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-debug
 *
 * @param {List}   $list          - list to debug
 * @param {Bool}   $pre   (false) - enable/disable variables type and proper indentation
 * @param {Number} $level (1)     - internal variable for recursion
 *
 * @requires sl-is-empty
 * @requires sl-is-single
 * @requires sl-has-multiple-values
 * 
 * @example
 * sl-debug(a b c)
 * // '("a", "b", "c")'
 *
 * @return {String}
 */

/**
 * Mixin displaying clean debug
 *
 * @param {List} $list - list
 *
 * @requires sl-debug
 */

/**
 * Tests whether all items from `$list` pass the test implemented by `$function`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-every
 *
 * @param {List}    $list     - list to run test against
 * @param {String}  $function - function to run against every item from list
 * @param {ArgList} $args     - extra arguments to pass to the function
 *
 * @example
 * sl-every(1 2 3, unitless)
 * // true
 *
 * @example
 * sl-every(1 2 3px, unitless)
 * // false
 *
 * @return {Bool}
 */

/**
 * Explodes `$string` into a list using `$delimiter` as a delimiter.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-explode
 *
 * @param {String} $string              - string to explode
 * @param {String} $delimiter ('')      - string to use as a delimiter
 * @param {String} $separator ('space') - list separator
 *
 * @throws $string is not a string for `sl-explode`.
 * @throws $delimiter is not a string for `sl-explode`.
 *
 * @example
 * sl-explode(abc)
 * // a b c
 *
 * @example
 * sl-explode(abc, b)
 * // a c
 * 
 * @return {List | Null}
 */

/** Returns first element of `$list`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-first
 *
 * @param {List} $list - list to retrieve first item from
 *
 * @throws Cannot find first item of empty list.
 *
 * @requires sl-is-empty
 *
 * @example
 * sl-first(a b c)
 * // a
 *
 * @example
 * sl-first(a)
 * // a
 *
 * @example
 * sl-first(())
 * // null
 * 
 * @return {*}
 */

/**
 * @requires sl-first
 * @alias sl-first
 */

/**
 * Turns multidimensional `$list` into a one-level list.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#flatten
 *
 * @param {List} $list - list to flatten
 * 
 * @requires sl-has-multiple-values
 *
 * @example
 * sl-flatten(a b c, d e f, g h i)
 * // a b c d e f g h i
 *
 * @return {List}
 */

/** 
 * @requires sl-flatten
 * @alias sl-flatten
 */

/** Tests whether `$list` is not empty.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-has-values
 *
 * @param {List} $list - list to run test against
 *
 * @example 
 * sl-has-values(a)
 * // true
 *
 * @example 
 * sl-has-values(())
 * // false
 * 
 * @return {Bool}
 */

/**
 * Tests whether `$list` has at least 2 values.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-has-multiple-values
 *
 * @param {List} $list - list to run test against
 *
 * @example 
 * sl-has-multiple-values(a)
 * // false
 *
 * @example 
 * sl-has-multiple-values(a b)
 * // true
 * 
 * @return {Bool}
 */

/** Adds `$value` at `$index` in `$list`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-insert-nth
 *
 * @requires sl-is-true
 *
 * @param {List}    $list  - list to update
 * @param {Number}  $index - index to add
 * @param {*}       $value - value to add
 *
 * @throws List index $index is not a number for `sl-insert-nth`.
 * @throws List index $index must be a non-zero integer for `sl-insert-nth`.
 *
 * @example
 * sl-insert-nth(a b c, 2, z)
 * // a z b c
 *
 * @example
 * sl-insert-nth(a b c, 42, z)
 * // a b c z
 *
 * @example 
 * sl-insert-nth(a b c, -42, z)
 * // null
 * 
 * @return {List | Null}
 */

/**
 * Returns a list of shared value from `$list` and `$lists` minus duplicates.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-intersection
 *
 * @requires sl-remove-duplicates
 * @requires sl-to-list
 *
 * @param {List}    $list  - first list
 * @param {ArgList} $lists - other lists
 *
 * @example
 * sl-intersection(a b c, b e d, a c b)
 * // b
 * 
 * @return {List}
 */

/** 
 * Tests whether `$list` is empty.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-is-empty
 *
 * @param {List} $list - list to run test against
 *
 * @example
 * sl-is-empty(())
 * // true
 *
 * @example
 * sl-is-empty(a)
 * // false
 *
 * @return {Bool}
 */

/**
 * @requires sl-is-empty
 * @alias sl-is-empty
 */

/**
 * Tests whether `$list` has a single item.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-is-single
 *
 * @param {List} $list - list to run test against
 *
 * @example
 * sl-is-single(())
 * // false
 *
 * @example
 * sl-is-single(a)
 * // true
 *
 * @example
 * sl-is-single(a b)
 * // false
 *
 * @return {Bool}
 */

/**
 * Checks whether `$list` is symmetrical.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-is-symmetrical
 *
 * @requires sl-reverse
 *
 * @param {List} $list - list to check
 *
 * @example
 * sl-is-symmetrical(a b c)
 * // false
 *
 * 
 * @example
 * sl-is-symmetrical(a b a)
 * // true
 *
 * @return {Bool}
 */

/**
 * @requires sl-is-symmetrical
 * @alias sl-is-symmetrical
 */

/**
 * Returns last element of `$list`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-last
 *
 * @param {List} $list - list to retrieve last value from
 *
 * @throws Cannot find last item of empty list.
 *
 * @requires sl-is-empty
 *
 * @example
 * sl-last(a b c)
 * // c
 * 
 * @example
 * sl-last(a)
 * // a
 *
 * @example
 * sl-last(())
 * // null
 * 
 * @return {*}
 */

/**
 * Returns last index of `$value` in `$list`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-last-index
 *
 * @param {List} $list  - list to search
 * @param {*}    $value - value to be searched for
 *
 * @example
 * sl-last-index(a b a, a)
 * // 3
 *
 * @example
 * sl-last-index(a b a, z)
 * // null
 *
 * @return {Number | Null}
 */

/**
 * Shift indexes from `$list` of `$value`.
 *
 * @author Ana Tudor
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-loop
 *
 * @param {List}   $list      - list to update
 * @param {Number} $value (1) - number of position between old and new indexes
 *
 * @throws $value is not a number for `loop`.
 *
 * @requires sl-has-multiple-values
 *
 * @example
 * sl-loop(a b c)
 * // c a b
 * 
 * @example
 * sl-loop(a b c, 2)
 * // b c a
 *
 * @return {List | Null}
 */

/**
 * @requires sl-loop
 * @alias sl-loop
 */

/**
 * Adds `$value` as first index of `$list`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-prepend
 *
 * @requires sl-is-true
 * @requires sl-to-list
 *
 * @param {List} $list  - list to preprend value to
 * @param {*}    $value - value to prepend to the list
 *
 * @example
 * sl-prepend(a b c, z)
 * // z a b c
 * 
 * @return {List}
 */

/** Removes all false and null values from `$list`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#purge
 *
 * @requires sl-is-true
 * @requires sl-to-list
 *
 * @param {List} $list - list to purge
 *
 * @example
 * sl-purge(null a false b)
 * // a b
 *
 * @return {List}
 */

/**
 * @requires sl-purge
 * @alias sl-purge
 */

/**
 * Returns a random value of `$list`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#random-value
 *
 * @param {List} $list - list to random value from
 *
 * @throws Cannot find a random value in an empty list.
 *
 * @requires sl-is-empty
 *
 * @example
 * sl-random-value(a b c)
 * // a
 * 
 * @return {*}
 */

/**
 * @requires sl-random-value
 * @alias sl-random-value
 */

/**
 * @requires sl-random-value
 * @alias sl-random-value
 */

/**
 * Build a list of values from 1 through `$n`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-range
 *
 * @param {Number} $n - maximum value
 *
 * @throws `$n` is not a number for `sl-range`.
 * @throws `$n` is not unitless for `sl-range`.
 * @throws `$n` is not greater than 0 for `sl-range`.
 *
 * @example
 * sl-range(5)
 * // 1 2 3 4 5
 *
 * @example
 * sl-range(1)
 * // 1
 *
 * @example
 * sl-range(-42)
 * // null
 *
 * @return {List | Number | Null}
 */

/**
 * Removes value(s) `$value` from `$list`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-remove
 *
 * @requires sl-replace
 *
 * @param {List}    $list      - list to update
 * @param {*}       $value     - value to remove
 *
 * @example
 * sl-remove(a b c, a)
 * // b c
 *
 * @return {List}
 */

/**
 * @requires sl-remove
 * @alias sl-remove
 */

/**
 * Removes duplicate values from `$list`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-remove-duplicates
 *
 * @param {List} $list - list to remove duplicates from
 *
 * @requires sl-to-list
 *
 * @example
 * sl-remove-duplicates(a b a b)
 * // a b
 *
 * @return {List}
 */

/**
 * @requires sl-remove-duplicates
 * @alias sl-remove-duplicates
 */

/**
 * Removes value from `$list` at index `$index`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-remove-nth
 *
 * @requires sl-replace-nth
 *
 * @param {List}   $list  - list to remove value from
 * @param {Number} $index - index to remove
 *
 * @example
 * sl-remove-nth(a b c, 2)
 * // a c
 *
 * @example
 * sl-remove-nth(a b c, 42)
 * // null
 *
 * @return {List | Null}
 */

/**
 * @requires sl-remove-nth
 * @alias sl-remove-nth
 */

/**
 * Replaces `$old` by `$new` in `$list`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#replace
 *
 * @requires sl-is-true
 * @requires sl-purge
 * @requires sl-to-list
 *
 * @param {List}    $list  - list to update
 * @param {*}       $old   - value to replace
 * @param {*}       $value - new value for $old
 *
 * @example
 * sl-replace(a b c, b, z)
 * // a z c
 *
 * @example
 * sl-replace(a b c, y, z)
 * // a b c
 * 
 * @return {List}
 */

/**
 * Replaces value at `$index` from `$list` by `$value`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-replace-nth
 *
 * @requires sl-purge
 * @requires sl-is-true
 * @requires sl-to-list
 *
 * @param {List}   $list  - list to update
 * @param {Number} $index - index to update
 * @param {*}      $value - new value for index
 *
 * @throws Invalid index $index for `sl-replace-nth`.
 *
 * @example
 * sl-replace-nth(a b c, 2, z)
 * // a z c
 *
 * @example
 * sl-replace-nth(a b c, 100, z)
 * // null
 *
 * @return {List | Null}
 */

/**
 * Reverses the order of `$list`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-reverse
 *
 * @param {List} $list - list to reverse
 *
 * @requires sl-to-list
 *
 * @example
 * sl-reverse(a b c)
 * // c b a
 * 
 * @return {List}
 */

/**
 * @requires sl-reverse
 * @alias sl-reverse
 */

/**
 * Shuffle `$list` using Fisher-Yates method.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-shuffle
 *
 * @param {List} $list - list to shuffle
 *
 * @requires sl-to-list
 * 
 * @example
 * sl-shuffle(a b c)
 * // b a c
 * 
 * @return {List}
 */

/**
 * @requires sl-shuffle
 * @alias sl-shuffle
 */

/**
 * Slices `$list` between `$start` and `$end`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-slice
 *
 * @param {List}   $list                  - list to slice
 * @param {Number} $start (1)             - start index
 * @param {Number} $end   (length($list)) - end index
 *
 * @throws List indexes $start and $end must be numbers for `sl-slice`.
 * @throws Start index has to be lesser than or equals to the end index for `sl-slice`.
 * @throws List indexes must be non-zero integers for `sl-slice`.
 * @throws Start index has to be lesser than or equal to list length for `sl-slice`.
 * @throws End index has to be lesser than or equal to list length for `sl-slice`.
 * 
 * @example
 * sl-slice(a b c d e, 2, 4)
 * // b c d
 *
 * @example
 * sl-slice(a b c d e, 2, 2)
 * // b
 *
 * @example
 * sl-slice(a b c d e, 4, 2)
 * // null
 *
 * @example
 * sl-slice(a b c d e, -1, 6)
 * // null
 * 
 * @return {List | Null}
 */

/**
 * Sorts values of `$list` using quick-sort algorithm using `$order`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-sort
 *
 * @requires sl-str-compare
 * @requires sl-has-multiple-values
 * @requires sl-to-list
 *
 * @param {List} $list  - list to sort
 * @param {List} $order - order to respect
 *
 * @example
 * sl-sort(b a c)
 * // a b c
 *
 * @example
 * sl-sort(3 5 1)
 * // 1 3 5 
 *
 * @return {List}
 */

/**
 * @requires sl-sort
 * @alias sl-sort
 */

/**
 * Tests whether some items from `$list` pass the test implemented by `$function`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-some
 *
 * @param {List}    $list     - list to run test against
 * @param {String}  $function - function to run against every item from list
 * @param {ArgList} $args     - extra arguments to pass to the function
 *
 * @example
 * sl-some(1 2 3, unitless)
 * // true
 *
 * @example
 * sl-some(1 2 3px, unitless)
 * // true
 *
 * @example
 * sl-some(1px 2px 3px, unitless)
 * // false
 *
 * @return {Bool}
 */

/**
 * Sums up all numeric values in `$list`, stripping unit if `$force` set to `true`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-sum
 *
 * @param {List} $list          - list
 * @param {Bool} $force (false) - enable/disable parseInt
 *
 * @requires sl-every
 * @requires sl-is-number
 *
 * @throws All items from list are not numbers for `sl-sum`.
 *
 * @example
 * sl-sum(1 2 3)
 * // 6
 *
 * @example
 * sl-sum(a b 1)
 * null
 *
 * @example
 * sl-sum(1 2 3px, true)
 * // 6
 * 
 * @return {Number}
 */

/**
 * Returns the tail of `$list`: all items except the first (head).
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-tail
 *
 * @requires sl-slice
 *
 * @param {List} $list - list to retrieve tail from
 *
 * @example
 * sl-tail(a b c)
 * // b c 
 *
 * @return {List | Null}
 */

/**
 * @requires sl-tail
 * @alias sl-tail
 */

/**
 * Casts `$value` into a list.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-to-list
 *
 * @param {*} $value - value to cast to list
 * @param {String} $separator (space) - separator to use
 *
 * @example
 * sl-to-list(a b c, comma)
 * // a, b, c
 * 
 * @return {List}
 */

/**
 * @requires sl-to-list
 * @alias sl-to-list
 */

/**
 * Casts `$list` into a map, using indexes as keys (starting with `$start`).
 * Useful for iterating through a list with an index variable.
 * e.g. `@each $index, $value in to-map($list)`
 *
 * @author Andrey "Lolmaus" Mikhaylov
 * @author Chris Eppstein
 * 
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-to-map
 * 
 * @param {List} $list - list to turn into map
 *
 * @requires sl-range
 * @requires sl-is-empty
 * 
 * @throws List cannot be empty for `sl-to-map`.
 *
 * @example
 * sl-to-map(a b c)
 * // 1 a, 2 b, 3 c
 * 
 * @return {Map | Null}
 */

/**
 * @requires sl-to-map
 * @alias sl-to-map
 */

/**
 * @requires sl-to-map
 * @alias sl-to-map
 */

/**
 * Joins all elements of `$list` with `$glue`.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-to-string
 *
 * @param {List}   $list      - list to cast
 * @param {String} $glue ('') - value to use as a join string
 *
 * @requires sl-has-multiple-values
 * @requires sl-last
 * 
 * @example
 * sl-to-string(a b c)
 * // abc
 *
 * @example
 * sl-to-string(a b c, '-')
 * // a-b-c
 * 
 * @return {String}
 */

/**
 * @requires sl-to-string
 * @alias sl-to-string
 */

/**
 * Returns a list of values from `$lists` minus duplicates.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-union
 *
 * @requires sl-flatten
 * @requires sl-remove-duplicates
 *
 * @param {ArgList} $lists - lists to unify
 *
 * @example
 * sl-union(a b c, b e d, a c b)
 * // a b c e d
 * 
 * @return {List}
 */

/**
 * @requires sl-union
 * @alias sl-union
 */

/**
 * Apply `$function` to every item from `$list` passing $args as parameters.
 *
 * @ignore Documentation: http://sassylists.com/documentation.html#sl-walk
 *
 * @param {List}    $list     - list to update
 * @param {String}  $function - function to call on each value
 * @param {ArgList} $args     - optional function arguments
 *
 * @throws There is no `$function` function for `sl-walk`.
 *
 * @requires sl-to-map
 * @requires sl-to-list
 *
 * @example
 * sl-walk(a b c, to-upper-case)
 * // A B C
 *
 * @return {List | Null}
 */

/*------------------------------------*\
    $CSSWIZARDRY-GRIDS
\*------------------------------------*/

/**
 * CONTENTS
 * INTRODUCTION.........How the grid system works.
 * VARIABLES............Your settings.
 * MIXINS...............Library mixins.
 * GRID SETUP...........Build the grid structure.
 * WIDTHS...............Build our responsive widths around our breakpoints.
 * PUSH.................Push classes.
 * PULL.................Pull classes.
 */

/*------------------------------------*\
    $INTRODUCTION
\*------------------------------------*/

/**
 * csswizardry grids provides you with widths to suit a number of breakpoints
 * designed around devices of a size you specify. Out of the box, csswizardry
 * grids caters to the following types of device:
 *
 * palm     --  palm-based devices, like phones and small tablets
 * lap      --  lap-based devices, like iPads or laptops
 * portable --  all of the above
 * desk     --  stationary devices, like desktop computers
 * regular  --  any/all types of device
 *
 * These namespaces are then used in the library to give you the ability to
 * manipulate your layouts based around them, for example:
 *
   <div class="grid__item  one-whole  lap--one-half  desk--one-third">
 *
 * This would give you a grid item which is 100% width unless it is on a lap
 * device, at which point it become 50% wide, or it is on a desktop device, at
 * which point it becomes 33.333% width.
 *
 * csswizardry grids also has push and pull classes which allow you to nudge
 * grid items left and right by a defined amount. These follow the same naming
 * convention as above, but are prepended by either `push--` or `pull--`, for
 * example:
 *
   `class="grid__item  one-half  push--one-half"`
 *
 * This would give you a grid item which is 50% width and pushed over to the
 * right by 50%.
 *
 * All classes in csswizardry grids follow this patten, so you should fairly
 * quickly be able to piece together any combinations you can imagine, for
 * example:
 *
   `class="grid__item  one-whole  lap--one-half  desk--one-third  push--desk--one-third"`
 *
   `class="grid__item  one-quarter  palm--one-half  push--palm--one-half"`
 *
   `class="grid__item  palm--one-third  desk--five-twelfths"`
 */

/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/

/**
 * If you are building a non-responsive site but would still like to use
 * csswizardry-grids, set this to ‘false’:
 */

/**
 * Is this build mobile first? Setting to ‘true’ means that all grids will be
 * 100% width if you do not apply a more specific class to them.
 */

/**
 * Set the spacing between your grid items.
 */

/**
 * Would you like Sass’ silent classes, or regular CSS classes?
 */

/**
 * Would you like push and pull classes enabled?
 */

/**
 * Using `inline-block` means that the grid items need their whitespace removing
 * in order for them to work correctly. Set the following to true if you are
 * going to achieve this by manually removing/commenting out any whitespace in
 * your HTML yourself.
 *
 * Setting this to false invokes a hack which cannot always be guaranteed,
 * please see the following for more detail:
 *
 * github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
 * github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371
 */

/**
 * Define your breakpoints. The first value is the prefix that shall be used for
 * your classes (e.g. `.palm--one-half`), the second value is the media query
 * that the breakpoint fires at.
 */

/**
 * Define which namespaced breakpoints you would like to generate for each of
 * widths, push and pull. This is handy if you only need pull on, say, desk, or
 * you only need a new width breakpoint at mobile sizes. It allows you to only
 * compile as much CSS as you need. All are turned on by default, but you can
 * add and remove breakpoints at will.
 *
 * Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
 * have been set to ‘true’.
 */

/**
 * You do not need to edit anything from this line onward; csswizardry-grids is
 * good to go. Happy griddin’!
 */

/*------------------------------------*\
    $MIXINS
\*------------------------------------*/

/**
 * These mixins are for the library to use only, you should not need to modify
 * them at all.
 *
 * Enclose a block of code with a media query as named in `$breakpoints`.
 */

/**
 * Drop relative positioning into silent classes which can’t take advantage of
 * the `[class*="push--"]` and `[class*="pull--"]` selectors.
 */

/*------------------------------------*\
    $GRID SETUP
\*------------------------------------*/

/**
 * 1. Allow the grid system to be used on lists.
 * 2. Remove any margins and paddings that might affect the grid system.
 * 3. Apply a negative `margin-left` to negate the columns’ gutters.
 */

.grid {
  list-style: none;
  /* [1] */
  margin: 0;
  /* [2] */
  padding: 0;
  /* [2] */
  margin-left: -16px;
  /* [3] */
  letter-spacing: -0.31em;
}

/* Opera hack */

.opera:-o-prefocus,
.grid {
  word-spacing: -0.43em;
}

/**
     * 1. Cause columns to stack side-by-side.
     * 2. Space columns apart.
     * 3. Align columns to the tops of each other.
     * 4. Full-width unless told to behave otherwise.
     * 5. Required to combine fluid widths and fixed gutters.
     */

.grid__item {
  display: inline-block;
  /* [1] */
  padding-left: 16px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
  -webkit-box-sizing: border-box;
  /* [5] */
  -moz-box-sizing: border-box;
  /* [5] */
  box-sizing: border-box;
  /* [5] */
  letter-spacing: normal;
  word-spacing: normal;
}

/**
 * Reversed grids allow you to structure your source in the opposite order to
 * how your rendered layout will appear. Extends `.grid`.
 */

.grid--rev {
  direction: rtl;
  text-align: left;
}

.grid--rev > .grid__item {
  direction: ltr;
  text-align: left;
}

/**
 * Gutterless grids have all the properties of regular grids, minus any spacing.
 * Extends `.grid`.
 */

.grid--full {
  margin-left: 0;
}

.grid--full > .grid__item {
  padding-left: 0;
}

/**
 * Align the entire grid to the right. Extends `.grid`.
 */

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

.grid--right > .grid__item {
  text-align: left;
}

/**
 * Centered grids align grid items centrally without needing to use push or pull
 * classes. Extends `.grid`.
 */

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

.grid--center > .grid__item {
  text-align: left;
}

/**
 * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
 * `.grid`.
 */

.grid--middle > .grid__item {
  vertical-align: middle;
}

.grid--bottom > .grid__item {
  vertical-align: bottom;
}

/**
 * Create grids with narrower gutters. Extends `.grid`.
 */

.grid--narrow {
  margin-left: -8px;
}

.grid--narrow > .grid__item {
  padding-left: 8px;
}

/**
 * Create grids with wider gutters. Extends `.grid`.
 */

.grid--wide {
  margin-left: -32px;
}

.grid--wide > .grid__item {
  padding-left: 32px;
}

/*------------------------------------*\
    $WIDTHS
\*------------------------------------*/

/**
 * Create our width classes, prefixed by the specified namespace.
 */

/**
 * Our regular, non-responsive width classes.
 */

/**
     * Whole
     */

.one-whole {
  width: 100%;
}

/**
     * Halves
     */

.one-half,
.two-quarters,
.three-sixths,
.four-eighths,
.five-tenths,
.six-twelfths,
.add-bulk-edition .ngdialog-content .ngdialog__content .grid .bulk-add-table-container,
.add-bulk-edition .ngdialog-content .ngdialog__content .grid .bulk-add-edit-container {
  width: 50%;
}

/**
     * Thirds
     */

.one-third,
.two-sixths,
.four-twelfths {
  width: 33.333%;
}

.two-thirds,
.four-sixths,
.eight-twelfths {
  width: 66.666%;
}

/**
     * Quarters
     */

.one-quarter,
.two-eighths,
.three-twelfths {
  width: 25%;
}

.three-quarters,
.six-eighths,
.nine-twelfths {
  width: 75%;
}

/**
     * Fifths
     */

.one-fifth,
.two-tenths {
  width: 20%;
}

.two-fifths,
.four-tenths {
  width: 40%;
}

.three-fifths,
.six-tenths {
  width: 60%;
}

.four-fifths,
.eight-tenths {
  width: 80%;
}

/**
     * Sixths
     */

.one-sixth,
.two-twelfths {
  width: 16.666%;
}

.five-sixths,
.ten-twelfths {
  width: 83.333%;
}

/**
     * Eighths
     */

.one-eighth {
  width: 12.5%;
}

.three-eighths {
  width: 37.5%;
}

.five-eighths {
  width: 62.5%;
}

.seven-eighths {
  width: 87.5%;
}

/**
     * Tenths
     */

.one-tenth {
  width: 10%;
}

.three-tenths {
  width: 30%;
}

.seven-tenths {
  width: 70%;
}

.nine-tenths {
  width: 90%;
}

/**
     * Twelfths
     */

.one-twelfth {
  width: 8.333%;
}

.five-twelfths {
  width: 41.666%;
}

.seven-twelfths {
  width: 58.333%;
}

.eleven-twelfths {
  width: 91.666%;
}

/**
 * Our responsive classes, if we have enabled them.
 */

@media only screen and (max-width: 480px) {
  /**
     * Whole
     */

  .palm--one-whole {
    width: 100%;
  }

  /**
     * Halves
     */

  .palm--one-half,
  .palm--two-quarters,
  .palm--three-sixths,
  .palm--four-eighths,
  .palm--five-tenths,
  .palm--six-twelfths {
    width: 50%;
  }

  /**
     * Thirds
     */

  .palm--one-third,
  .palm--two-sixths,
  .palm--four-twelfths {
    width: 33.333%;
  }

  .palm--two-thirds,
  .palm--four-sixths,
  .palm--eight-twelfths {
    width: 66.666%;
  }

  /**
     * Quarters
     */

  .palm--one-quarter,
  .palm--two-eighths,
  .palm--three-twelfths {
    width: 25%;
  }

  .palm--three-quarters,
  .palm--six-eighths,
  .palm--nine-twelfths {
    width: 75%;
  }

  /**
     * Fifths
     */

  .palm--one-fifth,
  .palm--two-tenths {
    width: 20%;
  }

  .palm--two-fifths,
  .palm--four-tenths {
    width: 40%;
  }

  .palm--three-fifths,
  .palm--six-tenths {
    width: 60%;
  }

  .palm--four-fifths,
  .palm--eight-tenths {
    width: 80%;
  }

  /**
     * Sixths
     */

  .palm--one-sixth,
  .palm--two-twelfths {
    width: 16.666%;
  }

  .palm--five-sixths,
  .palm--ten-twelfths {
    width: 83.333%;
  }

  /**
     * Eighths
     */

  .palm--one-eighth {
    width: 12.5%;
  }

  .palm--three-eighths {
    width: 37.5%;
  }

  .palm--five-eighths {
    width: 62.5%;
  }

  .palm--seven-eighths {
    width: 87.5%;
  }

  /**
     * Tenths
     */

  .palm--one-tenth {
    width: 10%;
  }

  .palm--three-tenths {
    width: 30%;
  }

  .palm--seven-tenths {
    width: 70%;
  }

  .palm--nine-tenths {
    width: 90%;
  }

  /**
     * Twelfths
     */

  .palm--one-twelfth {
    width: 8.333%;
  }

  .palm--five-twelfths {
    width: 41.666%;
  }

  .palm--seven-twelfths {
    width: 58.333%;
  }

  .palm--eleven-twelfths {
    width: 91.666%;
  }
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  /**
     * Whole
     */

  .lap--one-whole {
    width: 100%;
  }

  /**
     * Halves
     */

  .lap--one-half,
  .lap--two-quarters,
  .lap--three-sixths,
  .lap--four-eighths,
  .lap--five-tenths,
  .lap--six-twelfths {
    width: 50%;
  }

  /**
     * Thirds
     */

  .lap--one-third,
  .lap--two-sixths,
  .lap--four-twelfths {
    width: 33.333%;
  }

  .lap--two-thirds,
  .lap--four-sixths,
  .lap--eight-twelfths {
    width: 66.666%;
  }

  /**
     * Quarters
     */

  .lap--one-quarter,
  .lap--two-eighths,
  .lap--three-twelfths {
    width: 25%;
  }

  .lap--three-quarters,
  .lap--six-eighths,
  .lap--nine-twelfths {
    width: 75%;
  }

  /**
     * Fifths
     */

  .lap--one-fifth,
  .lap--two-tenths {
    width: 20%;
  }

  .lap--two-fifths,
  .lap--four-tenths {
    width: 40%;
  }

  .lap--three-fifths,
  .lap--six-tenths {
    width: 60%;
  }

  .lap--four-fifths,
  .lap--eight-tenths {
    width: 80%;
  }

  /**
     * Sixths
     */

  .lap--one-sixth,
  .lap--two-twelfths {
    width: 16.666%;
  }

  .lap--five-sixths,
  .lap--ten-twelfths {
    width: 83.333%;
  }

  /**
     * Eighths
     */

  .lap--one-eighth {
    width: 12.5%;
  }

  .lap--three-eighths {
    width: 37.5%;
  }

  .lap--five-eighths {
    width: 62.5%;
  }

  .lap--seven-eighths {
    width: 87.5%;
  }

  /**
     * Tenths
     */

  .lap--one-tenth {
    width: 10%;
  }

  .lap--three-tenths {
    width: 30%;
  }

  .lap--seven-tenths {
    width: 70%;
  }

  .lap--nine-tenths {
    width: 90%;
  }

  /**
     * Twelfths
     */

  .lap--one-twelfth {
    width: 8.333%;
  }

  .lap--five-twelfths {
    width: 41.666%;
  }

  .lap--seven-twelfths {
    width: 58.333%;
  }

  .lap--eleven-twelfths {
    width: 91.666%;
  }
}

@media only screen and (max-width: 1023px) {
  /**
     * Whole
     */

  .portable--one-whole {
    width: 100%;
  }

  /**
     * Halves
     */

  .portable--one-half,
  .portable--two-quarters,
  .portable--three-sixths,
  .portable--four-eighths,
  .portable--five-tenths,
  .portable--six-twelfths {
    width: 50%;
  }

  /**
     * Thirds
     */

  .portable--one-third,
  .portable--two-sixths,
  .portable--four-twelfths {
    width: 33.333%;
  }

  .portable--two-thirds,
  .portable--four-sixths,
  .portable--eight-twelfths {
    width: 66.666%;
  }

  /**
     * Quarters
     */

  .portable--one-quarter,
  .portable--two-eighths,
  .portable--three-twelfths {
    width: 25%;
  }

  .portable--three-quarters,
  .portable--six-eighths,
  .portable--nine-twelfths {
    width: 75%;
  }

  /**
     * Fifths
     */

  .portable--one-fifth,
  .portable--two-tenths {
    width: 20%;
  }

  .portable--two-fifths,
  .portable--four-tenths {
    width: 40%;
  }

  .portable--three-fifths,
  .portable--six-tenths {
    width: 60%;
  }

  .portable--four-fifths,
  .portable--eight-tenths {
    width: 80%;
  }

  /**
     * Sixths
     */

  .portable--one-sixth,
  .portable--two-twelfths {
    width: 16.666%;
  }

  .portable--five-sixths,
  .portable--ten-twelfths {
    width: 83.333%;
  }

  /**
     * Eighths
     */

  .portable--one-eighth {
    width: 12.5%;
  }

  .portable--three-eighths {
    width: 37.5%;
  }

  .portable--five-eighths {
    width: 62.5%;
  }

  .portable--seven-eighths {
    width: 87.5%;
  }

  /**
     * Tenths
     */

  .portable--one-tenth {
    width: 10%;
  }

  .portable--three-tenths {
    width: 30%;
  }

  .portable--seven-tenths {
    width: 70%;
  }

  .portable--nine-tenths {
    width: 90%;
  }

  /**
     * Twelfths
     */

  .portable--one-twelfth {
    width: 8.333%;
  }

  .portable--five-twelfths {
    width: 41.666%;
  }

  .portable--seven-twelfths {
    width: 58.333%;
  }

  .portable--eleven-twelfths {
    width: 91.666%;
  }
}

@media only screen and (min-width: 1024px) {
  /**
     * Whole
     */

  .desk--one-whole {
    width: 100%;
  }

  /**
     * Halves
     */

  .desk--one-half,
  .desk--two-quarters,
  .desk--three-sixths,
  .desk--four-eighths,
  .desk--five-tenths,
  .desk--six-twelfths {
    width: 50%;
  }

  /**
     * Thirds
     */

  .desk--one-third,
  .desk--two-sixths,
  .desk--four-twelfths {
    width: 33.333%;
  }

  .desk--two-thirds,
  .desk--four-sixths,
  .desk--eight-twelfths {
    width: 66.666%;
  }

  /**
     * Quarters
     */

  .desk--one-quarter,
  .desk--two-eighths,
  .desk--three-twelfths {
    width: 25%;
  }

  .desk--three-quarters,
  .desk--six-eighths,
  .desk--nine-twelfths {
    width: 75%;
  }

  /**
     * Fifths
     */

  .desk--one-fifth,
  .desk--two-tenths {
    width: 20%;
  }

  .desk--two-fifths,
  .desk--four-tenths {
    width: 40%;
  }

  .desk--three-fifths,
  .desk--six-tenths {
    width: 60%;
  }

  .desk--four-fifths,
  .desk--eight-tenths {
    width: 80%;
  }

  /**
     * Sixths
     */

  .desk--one-sixth,
  .desk--two-twelfths {
    width: 16.666%;
  }

  .desk--five-sixths,
  .desk--ten-twelfths {
    width: 83.333%;
  }

  /**
     * Eighths
     */

  .desk--one-eighth {
    width: 12.5%;
  }

  .desk--three-eighths {
    width: 37.5%;
  }

  .desk--five-eighths {
    width: 62.5%;
  }

  .desk--seven-eighths {
    width: 87.5%;
  }

  /**
     * Tenths
     */

  .desk--one-tenth {
    width: 10%;
  }

  .desk--three-tenths {
    width: 30%;
  }

  .desk--seven-tenths {
    width: 70%;
  }

  .desk--nine-tenths {
    width: 90%;
  }

  /**
     * Twelfths
     */

  .desk--one-twelfth {
    width: 8.333%;
  }

  .desk--five-twelfths {
    width: 41.666%;
  }

  .desk--seven-twelfths {
    width: 58.333%;
  }

  .desk--eleven-twelfths {
    width: 91.666%;
  }
}

/*------------------------------------*\
    $PUSH
\*------------------------------------*/

/**
 * Push classes, to move grid items over to the right by certain amounts.
 */

/**
     * Not a particularly great selector, but the DRYest way to do things.
     */

[class*="push--"] {
  position: relative;
}

/**
     * Whole
     */

.push--one-whole {
  left: 100%;
  position: relative;
}

/**
     * Halves
     */

.push--one-half,
.push--two-quarters,
.push--three-sixths,
.push--four-eighths,
.push--five-tenths,
.push--six-twelfths {
  left: 50%;
  position: relative;
}

/**
     * Thirds
     */

.push--one-third,
.push--two-sixths,
.push--four-twelfths {
  left: 33.333%;
  position: relative;
}

.push--two-thirds,
.push--four-sixths,
.push--eight-twelfths {
  left: 66.666%;
  position: relative;
}

/**
     * Quarters
     */

.push--one-quarter,
.push--two-eighths,
.push--three-twelfths {
  left: 25%;
  position: relative;
}

.push--three-quarters,
.push--six-eighths,
.push--nine-twelfths {
  left: 75%;
  position: relative;
}

/**
     * Fifths
     */

.push--one-fifth,
.push--two-tenths {
  left: 20%;
  position: relative;
}

.push--two-fifths,
.push--four-tenths {
  left: 40%;
  position: relative;
}

.push--three-fifths,
.push--six-tenths {
  left: 60%;
  position: relative;
}

.push--four-fifths,
.push--eight-tenths {
  left: 80%;
  position: relative;
}

/**
     * Sixths
     */

.push--one-sixth,
.push--two-twelfths {
  left: 16.666%;
  position: relative;
}

.push--five-sixths,
.push--ten-twelfths {
  left: 83.333%;
  position: relative;
}

/**
     * Eighths
     */

.push--one-eighth {
  left: 12.5%;
  position: relative;
}

.push--three-eighths {
  left: 37.5%;
  position: relative;
}

.push--five-eighths {
  left: 62.5%;
  position: relative;
}

.push--seven-eighths {
  left: 87.5%;
  position: relative;
}

/**
     * Tenths
     */

.push--one-tenth {
  left: 10%;
  position: relative;
}

.push--three-tenths {
  left: 30%;
  position: relative;
}

.push--seven-tenths {
  left: 70%;
  position: relative;
}

.push--nine-tenths {
  left: 90%;
  position: relative;
}

/**
     * Twelfths
     */

.push--one-twelfth {
  left: 8.333%;
  position: relative;
}

.push--five-twelfths {
  left: 41.666%;
  position: relative;
}

.push--seven-twelfths {
  left: 58.333%;
  position: relative;
}

.push--eleven-twelfths {
  left: 91.666%;
  position: relative;
}

@media only screen and (max-width: 480px) {
  /**
     * Whole
     */

  .push--palm--one-whole {
    left: 100%;
    position: relative;
  }

  /**
     * Halves
     */

  .push--palm--one-half,
  .push--palm--two-quarters,
  .push--palm--three-sixths,
  .push--palm--four-eighths,
  .push--palm--five-tenths,
  .push--palm--six-twelfths {
    left: 50%;
    position: relative;
  }

  /**
     * Thirds
     */

  .push--palm--one-third,
  .push--palm--two-sixths,
  .push--palm--four-twelfths {
    left: 33.333%;
    position: relative;
  }

  .push--palm--two-thirds,
  .push--palm--four-sixths,
  .push--palm--eight-twelfths {
    left: 66.666%;
    position: relative;
  }

  /**
     * Quarters
     */

  .push--palm--one-quarter,
  .push--palm--two-eighths,
  .push--palm--three-twelfths {
    left: 25%;
    position: relative;
  }

  .push--palm--three-quarters,
  .push--palm--six-eighths,
  .push--palm--nine-twelfths {
    left: 75%;
    position: relative;
  }

  /**
     * Fifths
     */

  .push--palm--one-fifth,
  .push--palm--two-tenths {
    left: 20%;
    position: relative;
  }

  .push--palm--two-fifths,
  .push--palm--four-tenths {
    left: 40%;
    position: relative;
  }

  .push--palm--three-fifths,
  .push--palm--six-tenths {
    left: 60%;
    position: relative;
  }

  .push--palm--four-fifths,
  .push--palm--eight-tenths {
    left: 80%;
    position: relative;
  }

  /**
     * Sixths
     */

  .push--palm--one-sixth,
  .push--palm--two-twelfths {
    left: 16.666%;
    position: relative;
  }

  .push--palm--five-sixths,
  .push--palm--ten-twelfths {
    left: 83.333%;
    position: relative;
  }

  /**
     * Eighths
     */

  .push--palm--one-eighth {
    left: 12.5%;
    position: relative;
  }

  .push--palm--three-eighths {
    left: 37.5%;
    position: relative;
  }

  .push--palm--five-eighths {
    left: 62.5%;
    position: relative;
  }

  .push--palm--seven-eighths {
    left: 87.5%;
    position: relative;
  }

  /**
     * Tenths
     */

  .push--palm--one-tenth {
    left: 10%;
    position: relative;
  }

  .push--palm--three-tenths {
    left: 30%;
    position: relative;
  }

  .push--palm--seven-tenths {
    left: 70%;
    position: relative;
  }

  .push--palm--nine-tenths {
    left: 90%;
    position: relative;
  }

  /**
     * Twelfths
     */

  .push--palm--one-twelfth {
    left: 8.333%;
    position: relative;
  }

  .push--palm--five-twelfths {
    left: 41.666%;
    position: relative;
  }

  .push--palm--seven-twelfths {
    left: 58.333%;
    position: relative;
  }

  .push--palm--eleven-twelfths {
    left: 91.666%;
    position: relative;
  }
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  /**
     * Whole
     */

  .push--lap--one-whole {
    left: 100%;
    position: relative;
  }

  /**
     * Halves
     */

  .push--lap--one-half,
  .push--lap--two-quarters,
  .push--lap--three-sixths,
  .push--lap--four-eighths,
  .push--lap--five-tenths,
  .push--lap--six-twelfths {
    left: 50%;
    position: relative;
  }

  /**
     * Thirds
     */

  .push--lap--one-third,
  .push--lap--two-sixths,
  .push--lap--four-twelfths {
    left: 33.333%;
    position: relative;
  }

  .push--lap--two-thirds,
  .push--lap--four-sixths,
  .push--lap--eight-twelfths {
    left: 66.666%;
    position: relative;
  }

  /**
     * Quarters
     */

  .push--lap--one-quarter,
  .push--lap--two-eighths,
  .push--lap--three-twelfths {
    left: 25%;
    position: relative;
  }

  .push--lap--three-quarters,
  .push--lap--six-eighths,
  .push--lap--nine-twelfths {
    left: 75%;
    position: relative;
  }

  /**
     * Fifths
     */

  .push--lap--one-fifth,
  .push--lap--two-tenths {
    left: 20%;
    position: relative;
  }

  .push--lap--two-fifths,
  .push--lap--four-tenths {
    left: 40%;
    position: relative;
  }

  .push--lap--three-fifths,
  .push--lap--six-tenths {
    left: 60%;
    position: relative;
  }

  .push--lap--four-fifths,
  .push--lap--eight-tenths {
    left: 80%;
    position: relative;
  }

  /**
     * Sixths
     */

  .push--lap--one-sixth,
  .push--lap--two-twelfths {
    left: 16.666%;
    position: relative;
  }

  .push--lap--five-sixths,
  .push--lap--ten-twelfths {
    left: 83.333%;
    position: relative;
  }

  /**
     * Eighths
     */

  .push--lap--one-eighth {
    left: 12.5%;
    position: relative;
  }

  .push--lap--three-eighths {
    left: 37.5%;
    position: relative;
  }

  .push--lap--five-eighths {
    left: 62.5%;
    position: relative;
  }

  .push--lap--seven-eighths {
    left: 87.5%;
    position: relative;
  }

  /**
     * Tenths
     */

  .push--lap--one-tenth {
    left: 10%;
    position: relative;
  }

  .push--lap--three-tenths {
    left: 30%;
    position: relative;
  }

  .push--lap--seven-tenths {
    left: 70%;
    position: relative;
  }

  .push--lap--nine-tenths {
    left: 90%;
    position: relative;
  }

  /**
     * Twelfths
     */

  .push--lap--one-twelfth {
    left: 8.333%;
    position: relative;
  }

  .push--lap--five-twelfths {
    left: 41.666%;
    position: relative;
  }

  .push--lap--seven-twelfths {
    left: 58.333%;
    position: relative;
  }

  .push--lap--eleven-twelfths {
    left: 91.666%;
    position: relative;
  }
}

@media only screen and (max-width: 1023px) {
  /**
     * Whole
     */

  .push--portable--one-whole {
    left: 100%;
    position: relative;
  }

  /**
     * Halves
     */

  .push--portable--one-half,
  .push--portable--two-quarters,
  .push--portable--three-sixths,
  .push--portable--four-eighths,
  .push--portable--five-tenths,
  .push--portable--six-twelfths {
    left: 50%;
    position: relative;
  }

  /**
     * Thirds
     */

  .push--portable--one-third,
  .push--portable--two-sixths,
  .push--portable--four-twelfths {
    left: 33.333%;
    position: relative;
  }

  .push--portable--two-thirds,
  .push--portable--four-sixths,
  .push--portable--eight-twelfths {
    left: 66.666%;
    position: relative;
  }

  /**
     * Quarters
     */

  .push--portable--one-quarter,
  .push--portable--two-eighths,
  .push--portable--three-twelfths {
    left: 25%;
    position: relative;
  }

  .push--portable--three-quarters,
  .push--portable--six-eighths,
  .push--portable--nine-twelfths {
    left: 75%;
    position: relative;
  }

  /**
     * Fifths
     */

  .push--portable--one-fifth,
  .push--portable--two-tenths {
    left: 20%;
    position: relative;
  }

  .push--portable--two-fifths,
  .push--portable--four-tenths {
    left: 40%;
    position: relative;
  }

  .push--portable--three-fifths,
  .push--portable--six-tenths {
    left: 60%;
    position: relative;
  }

  .push--portable--four-fifths,
  .push--portable--eight-tenths {
    left: 80%;
    position: relative;
  }

  /**
     * Sixths
     */

  .push--portable--one-sixth,
  .push--portable--two-twelfths {
    left: 16.666%;
    position: relative;
  }

  .push--portable--five-sixths,
  .push--portable--ten-twelfths {
    left: 83.333%;
    position: relative;
  }

  /**
     * Eighths
     */

  .push--portable--one-eighth {
    left: 12.5%;
    position: relative;
  }

  .push--portable--three-eighths {
    left: 37.5%;
    position: relative;
  }

  .push--portable--five-eighths {
    left: 62.5%;
    position: relative;
  }

  .push--portable--seven-eighths {
    left: 87.5%;
    position: relative;
  }

  /**
     * Tenths
     */

  .push--portable--one-tenth {
    left: 10%;
    position: relative;
  }

  .push--portable--three-tenths {
    left: 30%;
    position: relative;
  }

  .push--portable--seven-tenths {
    left: 70%;
    position: relative;
  }

  .push--portable--nine-tenths {
    left: 90%;
    position: relative;
  }

  /**
     * Twelfths
     */

  .push--portable--one-twelfth {
    left: 8.333%;
    position: relative;
  }

  .push--portable--five-twelfths {
    left: 41.666%;
    position: relative;
  }

  .push--portable--seven-twelfths {
    left: 58.333%;
    position: relative;
  }

  .push--portable--eleven-twelfths {
    left: 91.666%;
    position: relative;
  }
}

@media only screen and (min-width: 1024px) {
  /**
     * Whole
     */

  .push--desk--one-whole {
    left: 100%;
    position: relative;
  }

  /**
     * Halves
     */

  .push--desk--one-half,
  .push--desk--two-quarters,
  .push--desk--three-sixths,
  .push--desk--four-eighths,
  .push--desk--five-tenths,
  .push--desk--six-twelfths {
    left: 50%;
    position: relative;
  }

  /**
     * Thirds
     */

  .push--desk--one-third,
  .push--desk--two-sixths,
  .push--desk--four-twelfths {
    left: 33.333%;
    position: relative;
  }

  .push--desk--two-thirds,
  .push--desk--four-sixths,
  .push--desk--eight-twelfths {
    left: 66.666%;
    position: relative;
  }

  /**
     * Quarters
     */

  .push--desk--one-quarter,
  .push--desk--two-eighths,
  .push--desk--three-twelfths {
    left: 25%;
    position: relative;
  }

  .push--desk--three-quarters,
  .push--desk--six-eighths,
  .push--desk--nine-twelfths {
    left: 75%;
    position: relative;
  }

  /**
     * Fifths
     */

  .push--desk--one-fifth,
  .push--desk--two-tenths {
    left: 20%;
    position: relative;
  }

  .push--desk--two-fifths,
  .push--desk--four-tenths {
    left: 40%;
    position: relative;
  }

  .push--desk--three-fifths,
  .push--desk--six-tenths {
    left: 60%;
    position: relative;
  }

  .push--desk--four-fifths,
  .push--desk--eight-tenths {
    left: 80%;
    position: relative;
  }

  /**
     * Sixths
     */

  .push--desk--one-sixth,
  .push--desk--two-twelfths {
    left: 16.666%;
    position: relative;
  }

  .push--desk--five-sixths,
  .push--desk--ten-twelfths {
    left: 83.333%;
    position: relative;
  }

  /**
     * Eighths
     */

  .push--desk--one-eighth {
    left: 12.5%;
    position: relative;
  }

  .push--desk--three-eighths {
    left: 37.5%;
    position: relative;
  }

  .push--desk--five-eighths {
    left: 62.5%;
    position: relative;
  }

  .push--desk--seven-eighths {
    left: 87.5%;
    position: relative;
  }

  /**
     * Tenths
     */

  .push--desk--one-tenth {
    left: 10%;
    position: relative;
  }

  .push--desk--three-tenths {
    left: 30%;
    position: relative;
  }

  .push--desk--seven-tenths {
    left: 70%;
    position: relative;
  }

  .push--desk--nine-tenths {
    left: 90%;
    position: relative;
  }

  /**
     * Twelfths
     */

  .push--desk--one-twelfth {
    left: 8.333%;
    position: relative;
  }

  .push--desk--five-twelfths {
    left: 41.666%;
    position: relative;
  }

  .push--desk--seven-twelfths {
    left: 58.333%;
    position: relative;
  }

  .push--desk--eleven-twelfths {
    left: 91.666%;
    position: relative;
  }
}

/*------------------------------------*\
    $PULL
\*------------------------------------*/

/**
 * Pull classes, to move grid items back to the left by certain amounts.
 */

/**
     * Not a particularly great selector, but the DRYest way to do things.
     */

[class*="pull--"] {
  position: relative;
}

/**
     * Whole
     */

.pull--one-whole {
  right: 100%;
  position: relative;
}

/**
     * Halves
     */

.pull--one-half,
.pull--two-quarters,
.pull--three-sixths,
.pull--four-eighths,
.pull--five-tenths,
.pull--six-twelfths {
  right: 50%;
  position: relative;
}

/**
     * Thirds
     */

.pull--one-third,
.pull--two-sixths,
.pull--four-twelfths {
  right: 33.333%;
  position: relative;
}

.pull--two-thirds,
.pull--four-sixths,
.pull--eight-twelfths {
  right: 66.666%;
  position: relative;
}

/**
     * Quarters
     */

.pull--one-quarter,
.pull--two-eighths,
.pull--three-twelfths {
  right: 25%;
  position: relative;
}

.pull--three-quarters,
.pull--six-eighths,
.pull--nine-twelfths {
  right: 75%;
  position: relative;
}

/**
     * Fifths
     */

.pull--one-fifth,
.pull--two-tenths {
  right: 20%;
  position: relative;
}

.pull--two-fifths,
.pull--four-tenths {
  right: 40%;
  position: relative;
}

.pull--three-fifths,
.pull--six-tenths {
  right: 60%;
  position: relative;
}

.pull--four-fifths,
.pull--eight-tenths {
  right: 80%;
  position: relative;
}

/**
     * Sixths
     */

.pull--one-sixth,
.pull--two-twelfths {
  right: 16.666%;
  position: relative;
}

.pull--five-sixths,
.pull--ten-twelfths {
  right: 83.333%;
  position: relative;
}

/**
     * Eighths
     */

.pull--one-eighth {
  right: 12.5%;
  position: relative;
}

.pull--three-eighths {
  right: 37.5%;
  position: relative;
}

.pull--five-eighths {
  right: 62.5%;
  position: relative;
}

.pull--seven-eighths {
  right: 87.5%;
  position: relative;
}

/**
     * Tenths
     */

.pull--one-tenth {
  right: 10%;
  position: relative;
}

.pull--three-tenths {
  right: 30%;
  position: relative;
}

.pull--seven-tenths {
  right: 70%;
  position: relative;
}

.pull--nine-tenths {
  right: 90%;
  position: relative;
}

/**
     * Twelfths
     */

.pull--one-twelfth {
  right: 8.333%;
  position: relative;
}

.pull--five-twelfths {
  right: 41.666%;
  position: relative;
}

.pull--seven-twelfths {
  right: 58.333%;
  position: relative;
}

.pull--eleven-twelfths {
  right: 91.666%;
  position: relative;
}

@media only screen and (max-width: 480px) {
  /**
     * Whole
     */

  .pull--palm--one-whole {
    right: 100%;
    position: relative;
  }

  /**
     * Halves
     */

  .pull--palm--one-half,
  .pull--palm--two-quarters,
  .pull--palm--three-sixths,
  .pull--palm--four-eighths,
  .pull--palm--five-tenths,
  .pull--palm--six-twelfths {
    right: 50%;
    position: relative;
  }

  /**
     * Thirds
     */

  .pull--palm--one-third,
  .pull--palm--two-sixths,
  .pull--palm--four-twelfths {
    right: 33.333%;
    position: relative;
  }

  .pull--palm--two-thirds,
  .pull--palm--four-sixths,
  .pull--palm--eight-twelfths {
    right: 66.666%;
    position: relative;
  }

  /**
     * Quarters
     */

  .pull--palm--one-quarter,
  .pull--palm--two-eighths,
  .pull--palm--three-twelfths {
    right: 25%;
    position: relative;
  }

  .pull--palm--three-quarters,
  .pull--palm--six-eighths,
  .pull--palm--nine-twelfths {
    right: 75%;
    position: relative;
  }

  /**
     * Fifths
     */

  .pull--palm--one-fifth,
  .pull--palm--two-tenths {
    right: 20%;
    position: relative;
  }

  .pull--palm--two-fifths,
  .pull--palm--four-tenths {
    right: 40%;
    position: relative;
  }

  .pull--palm--three-fifths,
  .pull--palm--six-tenths {
    right: 60%;
    position: relative;
  }

  .pull--palm--four-fifths,
  .pull--palm--eight-tenths {
    right: 80%;
    position: relative;
  }

  /**
     * Sixths
     */

  .pull--palm--one-sixth,
  .pull--palm--two-twelfths {
    right: 16.666%;
    position: relative;
  }

  .pull--palm--five-sixths,
  .pull--palm--ten-twelfths {
    right: 83.333%;
    position: relative;
  }

  /**
     * Eighths
     */

  .pull--palm--one-eighth {
    right: 12.5%;
    position: relative;
  }

  .pull--palm--three-eighths {
    right: 37.5%;
    position: relative;
  }

  .pull--palm--five-eighths {
    right: 62.5%;
    position: relative;
  }

  .pull--palm--seven-eighths {
    right: 87.5%;
    position: relative;
  }

  /**
     * Tenths
     */

  .pull--palm--one-tenth {
    right: 10%;
    position: relative;
  }

  .pull--palm--three-tenths {
    right: 30%;
    position: relative;
  }

  .pull--palm--seven-tenths {
    right: 70%;
    position: relative;
  }

  .pull--palm--nine-tenths {
    right: 90%;
    position: relative;
  }

  /**
     * Twelfths
     */

  .pull--palm--one-twelfth {
    right: 8.333%;
    position: relative;
  }

  .pull--palm--five-twelfths {
    right: 41.666%;
    position: relative;
  }

  .pull--palm--seven-twelfths {
    right: 58.333%;
    position: relative;
  }

  .pull--palm--eleven-twelfths {
    right: 91.666%;
    position: relative;
  }
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  /**
     * Whole
     */

  .pull--lap--one-whole {
    right: 100%;
    position: relative;
  }

  /**
     * Halves
     */

  .pull--lap--one-half,
  .pull--lap--two-quarters,
  .pull--lap--three-sixths,
  .pull--lap--four-eighths,
  .pull--lap--five-tenths,
  .pull--lap--six-twelfths {
    right: 50%;
    position: relative;
  }

  /**
     * Thirds
     */

  .pull--lap--one-third,
  .pull--lap--two-sixths,
  .pull--lap--four-twelfths {
    right: 33.333%;
    position: relative;
  }

  .pull--lap--two-thirds,
  .pull--lap--four-sixths,
  .pull--lap--eight-twelfths {
    right: 66.666%;
    position: relative;
  }

  /**
     * Quarters
     */

  .pull--lap--one-quarter,
  .pull--lap--two-eighths,
  .pull--lap--three-twelfths {
    right: 25%;
    position: relative;
  }

  .pull--lap--three-quarters,
  .pull--lap--six-eighths,
  .pull--lap--nine-twelfths {
    right: 75%;
    position: relative;
  }

  /**
     * Fifths
     */

  .pull--lap--one-fifth,
  .pull--lap--two-tenths {
    right: 20%;
    position: relative;
  }

  .pull--lap--two-fifths,
  .pull--lap--four-tenths {
    right: 40%;
    position: relative;
  }

  .pull--lap--three-fifths,
  .pull--lap--six-tenths {
    right: 60%;
    position: relative;
  }

  .pull--lap--four-fifths,
  .pull--lap--eight-tenths {
    right: 80%;
    position: relative;
  }

  /**
     * Sixths
     */

  .pull--lap--one-sixth,
  .pull--lap--two-twelfths {
    right: 16.666%;
    position: relative;
  }

  .pull--lap--five-sixths,
  .pull--lap--ten-twelfths {
    right: 83.333%;
    position: relative;
  }

  /**
     * Eighths
     */

  .pull--lap--one-eighth {
    right: 12.5%;
    position: relative;
  }

  .pull--lap--three-eighths {
    right: 37.5%;
    position: relative;
  }

  .pull--lap--five-eighths {
    right: 62.5%;
    position: relative;
  }

  .pull--lap--seven-eighths {
    right: 87.5%;
    position: relative;
  }

  /**
     * Tenths
     */

  .pull--lap--one-tenth {
    right: 10%;
    position: relative;
  }

  .pull--lap--three-tenths {
    right: 30%;
    position: relative;
  }

  .pull--lap--seven-tenths {
    right: 70%;
    position: relative;
  }

  .pull--lap--nine-tenths {
    right: 90%;
    position: relative;
  }

  /**
     * Twelfths
     */

  .pull--lap--one-twelfth {
    right: 8.333%;
    position: relative;
  }

  .pull--lap--five-twelfths {
    right: 41.666%;
    position: relative;
  }

  .pull--lap--seven-twelfths {
    right: 58.333%;
    position: relative;
  }

  .pull--lap--eleven-twelfths {
    right: 91.666%;
    position: relative;
  }
}

@media only screen and (max-width: 1023px) {
  /**
     * Whole
     */

  .pull--portable--one-whole {
    right: 100%;
    position: relative;
  }

  /**
     * Halves
     */

  .pull--portable--one-half,
  .pull--portable--two-quarters,
  .pull--portable--three-sixths,
  .pull--portable--four-eighths,
  .pull--portable--five-tenths,
  .pull--portable--six-twelfths {
    right: 50%;
    position: relative;
  }

  /**
     * Thirds
     */

  .pull--portable--one-third,
  .pull--portable--two-sixths,
  .pull--portable--four-twelfths {
    right: 33.333%;
    position: relative;
  }

  .pull--portable--two-thirds,
  .pull--portable--four-sixths,
  .pull--portable--eight-twelfths {
    right: 66.666%;
    position: relative;
  }

  /**
     * Quarters
     */

  .pull--portable--one-quarter,
  .pull--portable--two-eighths,
  .pull--portable--three-twelfths {
    right: 25%;
    position: relative;
  }

  .pull--portable--three-quarters,
  .pull--portable--six-eighths,
  .pull--portable--nine-twelfths {
    right: 75%;
    position: relative;
  }

  /**
     * Fifths
     */

  .pull--portable--one-fifth,
  .pull--portable--two-tenths {
    right: 20%;
    position: relative;
  }

  .pull--portable--two-fifths,
  .pull--portable--four-tenths {
    right: 40%;
    position: relative;
  }

  .pull--portable--three-fifths,
  .pull--portable--six-tenths {
    right: 60%;
    position: relative;
  }

  .pull--portable--four-fifths,
  .pull--portable--eight-tenths {
    right: 80%;
    position: relative;
  }

  /**
     * Sixths
     */

  .pull--portable--one-sixth,
  .pull--portable--two-twelfths {
    right: 16.666%;
    position: relative;
  }

  .pull--portable--five-sixths,
  .pull--portable--ten-twelfths {
    right: 83.333%;
    position: relative;
  }

  /**
     * Eighths
     */

  .pull--portable--one-eighth {
    right: 12.5%;
    position: relative;
  }

  .pull--portable--three-eighths {
    right: 37.5%;
    position: relative;
  }

  .pull--portable--five-eighths {
    right: 62.5%;
    position: relative;
  }

  .pull--portable--seven-eighths {
    right: 87.5%;
    position: relative;
  }

  /**
     * Tenths
     */

  .pull--portable--one-tenth {
    right: 10%;
    position: relative;
  }

  .pull--portable--three-tenths {
    right: 30%;
    position: relative;
  }

  .pull--portable--seven-tenths {
    right: 70%;
    position: relative;
  }

  .pull--portable--nine-tenths {
    right: 90%;
    position: relative;
  }

  /**
     * Twelfths
     */

  .pull--portable--one-twelfth {
    right: 8.333%;
    position: relative;
  }

  .pull--portable--five-twelfths {
    right: 41.666%;
    position: relative;
  }

  .pull--portable--seven-twelfths {
    right: 58.333%;
    position: relative;
  }

  .pull--portable--eleven-twelfths {
    right: 91.666%;
    position: relative;
  }
}

@media only screen and (min-width: 1024px) {
  /**
     * Whole
     */

  .pull--desk--one-whole {
    right: 100%;
    position: relative;
  }

  /**
     * Halves
     */

  .pull--desk--one-half,
  .pull--desk--two-quarters,
  .pull--desk--three-sixths,
  .pull--desk--four-eighths,
  .pull--desk--five-tenths,
  .pull--desk--six-twelfths {
    right: 50%;
    position: relative;
  }

  /**
     * Thirds
     */

  .pull--desk--one-third,
  .pull--desk--two-sixths,
  .pull--desk--four-twelfths {
    right: 33.333%;
    position: relative;
  }

  .pull--desk--two-thirds,
  .pull--desk--four-sixths,
  .pull--desk--eight-twelfths {
    right: 66.666%;
    position: relative;
  }

  /**
     * Quarters
     */

  .pull--desk--one-quarter,
  .pull--desk--two-eighths,
  .pull--desk--three-twelfths {
    right: 25%;
    position: relative;
  }

  .pull--desk--three-quarters,
  .pull--desk--six-eighths,
  .pull--desk--nine-twelfths {
    right: 75%;
    position: relative;
  }

  /**
     * Fifths
     */

  .pull--desk--one-fifth,
  .pull--desk--two-tenths {
    right: 20%;
    position: relative;
  }

  .pull--desk--two-fifths,
  .pull--desk--four-tenths {
    right: 40%;
    position: relative;
  }

  .pull--desk--three-fifths,
  .pull--desk--six-tenths {
    right: 60%;
    position: relative;
  }

  .pull--desk--four-fifths,
  .pull--desk--eight-tenths {
    right: 80%;
    position: relative;
  }

  /**
     * Sixths
     */

  .pull--desk--one-sixth,
  .pull--desk--two-twelfths {
    right: 16.666%;
    position: relative;
  }

  .pull--desk--five-sixths,
  .pull--desk--ten-twelfths {
    right: 83.333%;
    position: relative;
  }

  /**
     * Eighths
     */

  .pull--desk--one-eighth {
    right: 12.5%;
    position: relative;
  }

  .pull--desk--three-eighths {
    right: 37.5%;
    position: relative;
  }

  .pull--desk--five-eighths {
    right: 62.5%;
    position: relative;
  }

  .pull--desk--seven-eighths {
    right: 87.5%;
    position: relative;
  }

  /**
     * Tenths
     */

  .pull--desk--one-tenth {
    right: 10%;
    position: relative;
  }

  .pull--desk--three-tenths {
    right: 30%;
    position: relative;
  }

  .pull--desk--seven-tenths {
    right: 70%;
    position: relative;
  }

  .pull--desk--nine-tenths {
    right: 90%;
    position: relative;
  }

  /**
     * Twelfths
     */

  .pull--desk--one-twelfth {
    right: 8.333%;
    position: relative;
  }

  .pull--desk--five-twelfths {
    right: 41.666%;
    position: relative;
  }

  .pull--desk--seven-twelfths {
    right: 58.333%;
    position: relative;
  }

  .pull--desk--eleven-twelfths {
    right: 91.666%;
    position: relative;
  }
}

.clearfix {
  *zoom: 1;
}

.clearfix:before {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.date-picker-date-time {
  position: absolute;
}

.date-range .date-picker-date-time {
  position: inherit;
}

[date-picker-wrapper] {
  position: absolute;
  min-width: 220px;
  z-index: 10;
  display: block;
  font-size: 14px;
}

[date-time-append] [date-picker-wrapper] [date-picker] {
  margin-top: -30px;
}

[date-time-append] [date-picker] {
  position: relative;
  margin-right: -1000px;
  margin-bottom: -1000px;
}

[date-range] [date-picker] .after.before {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #499dcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f6ab4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f6ab4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f6ab4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f6ab4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f6ab4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f6ab4', GradientType=0);
  border-color: #2f6ab4 #2f6ab4 #1f4677;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f6ab4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

[date-range] [date-picker] .after.before:hover,
[date-range] [date-picker] .after.before:active,
[date-range] [date-picker] .after.before.active,
[date-range] [date-picker] .after.before.disabled,
[date-range] [date-picker] .after.before[disabled] {
  color: #ffffff;
  background-color: #2f6ab4;
  *background-color: #2a5ea0;
}

[date-range] [date-picker] .after.before:active,
[date-range] [date-picker] .after.before.active {
  background-color: #24528c \9;
}

[date-picker] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  font-weight: 400;
  /* GENERAL */
  padding: 4px;
  /* SPECIFIC */
}

[date-picker].hidden {
  display: none;
}

[date-picker] table {
  margin: 0 0 4px;
  height: 174px;
  width: 179px;
}

[date-picker] td,
[date-picker] th {
  text-align: center;
  border: none;
  font-size: 11px;
}

[date-picker] .switch {
  width: 145px;
  font-size: 20px;
  text-transform: capitalize;
}

[date-picker] span {
  display: block;
  width: 23%;
  float: left;
  margin: 0.5%;
  cursor: pointer;
  /*
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    */
}

[date-picker] span:hover {
  background: #eeeeee;
}

[date-picker] span.disabled {
  background: none;
  color: #999999;
  cursor: default;
}

[date-picker] span.disabled:hover {
  background: none;
  cursor: default;
}

[date-picker] tr.pickerhead {
  background: linear-gradient(to bottom, #D5D5D5 0%, #E0E0E0 30%, #E8E8E8 60%, #E0E0E0 100%);
  color: #333333;
  border-radius: 0px;
  height: 40px;
  cursor: pointer;
}

[date-picker] tr.pickerhead th {
  border-radius: 0px;
}

[date-picker] .active,
[date-picker] .now {
  /*
    color: #ffffff;
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  /*
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #fff;
    */
  background: #00cfa4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

[date-picker] .active:hover,
[date-picker] .now:hover,
[date-picker] .active:active,
[date-picker] .now:active,
[date-picker] .active.active,
[date-picker] .now.active,
[date-picker] .active.disabled,
[date-picker] .active[disabled] {
  /*
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
    */
  background: #00cfa4;
}

[date-picker] .active:active,
[date-picker] .now:active,
[date-picker] .active.active {
  background: #00cfa4;
}

[date-picker] .now {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: lightgrey;
  /*
    background-color: #ee735b;
    background-image: -moz-linear-gradient(top, #ee5f5b, #ee905b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#ee905b));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #ee905b);
    background-image: -o-linear-gradient(top, #ee5f5b, #ee905b);
    background-image: linear-gradient(to bottom, #ee5f5b, #ee905b);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffee905b', GradientType=0);
    border-color: #ee905b #ee905b #e56218;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #ee905b;
    */
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

[date-picker] .now.active {
  background: #00cfa4;
  color: #333333;
}

[date-picker] .now:hover,
[date-picker] .now:active,
[date-picker] .now.active {
  /*
      color: #ffffff;
      background-color: #ee905b;
      *background-color: #ec8044;
      */
  background: #00cfa4;
}

[date-picker] .now.disabled,
[date-picker] .now[disabled] {
  background: lightgrey;
}

[date-picker] .now:active,
[date-picker] .now.active {
  background-color: rgba(0, 207, 164, 0.6);
}

[date-picker] .disabled {
  background: none;
  color: #999999 !important;
  cursor: default;
  opacity: 1;
}

[date-picker] [ng-switch-when="year"] span,
[date-picker] [ng-switch-when="month"] span,
[date-picker] [ng-switch-when="minutes"] span {
  height: 42px;
  line-height: 4em;
  border: 1px solid transparent;
}

[date-picker] [ng-switch-when="date"] span {
  width: 100%;
  padding: 2px 5px;
  line-height: 1.6em;
  border: 1px solid transparent;
}

[date-picker] [ng-switch-when="date"] span.disabled {
  pointer-events: all;
}

[date-picker] [ng-switch-when="date"] span.disabled:hover {
  background-color: rgba(0, 207, 164, 0.5);
}

[date-picker] th:not(.dayname):hover,
[date-picker] td span:hover {
  background-color: rgba(0, 207, 164, 0.5);
  cursor: pointer;
  border: 1px solid #00cfa4;
}

[date-picker] th.dayname.switch:hover,
[date-picker] th.dayname.arrow:hover {
  cursor: pointer;
  opacity: 0.7;
}

.intl-tel-input {
  position: relative;
  display: inline-block;
}

.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
  display: none;
}

.intl-tel-input .v-hide {
  visibility: hidden;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input .tagged-input,
.intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}

.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.intl-tel-input .country-list .country {
  padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
  color: #999;
}

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
  margin-right: 6px;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown .tagged-input,
.intl-tel-input.allow-dropdown input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container {
  right: auto;
  left: 0;
}

.intl-tel-input.allow-dropdown .selected-flag {
  width: 46px;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .tagged-input,
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 70px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .tagged-input,
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 78px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .tagged-input,
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 86px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .tagged-input,
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 94px;
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.intl-tel-input.iti-container:hover {
  cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti-flag {
  width: 20px;
}

.iti-flag.be {
  width: 18px;
}

.iti-flag.ch {
  width: 15px;
}

.iti-flag.mc {
  width: 19px;
}

.iti-flag.ne {
  width: 18px;
}

.iti-flag.np {
  width: 13px;
}

.iti-flag.va {
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}

.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url(38902449a562cd0a96be0cc0f0da1831.png);
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url(f740f4e064b434569564e0a03adf718a.png);
  }
}

.iti-flag.np {
  background-color: transparent;
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: 0.2;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
}

.select2-dropdown .select2-dropdown__filter-icon {
  display: inline-block;
  width: 16px;
  vertical-align: middle;
}

.select2-dropdown .select2-dropdown__filter-warning {
  width: 10px;
  display: inline-block;
  padding-left: 3px;
}

/*.select2-results {
  display: block;
  overflow: auto;
  max-height: 200px;
}*/

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
  /*display: table;*/
}

.select2-results__option {
  padding: 6px;
  min-width: 100%;
  display: block;
  user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-results__option .select2-selection__text {
  display: inline-block;
}

.select2-results__option .select2-selection__img {
  display: inline-block;
  margin-right: 5px;
}

.select2-results__option .select2-selection__category {
  display: block;
  width: 100%;
  font-size: 15px;
  color: #CCCCCC;
}

.select2-results__option .select2-selection__placeholder {
  font-style: italic;
  font-size: 15px;
  font-weight: 200;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-selection .select2-dropdown__filter-icon {
  vertical-align: middle;
}

.select2-selection .select2-dropdown__filter-warning--selected {
  width: 10px;
  display: inline-block;
  padding-left: 3px;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .multiple-autocomplete-tag-container {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .multiple-autocomplete-tag-container,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .multiple-autocomplete-tag-container {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--salto {
  font-weight: 200;
  font-size: 15px;
  text-align: left;
}

.select2-container--salto .select2-selection--single {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 60%, rgba(0, 0, 0, 0.1) 100%);
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  height: 34px;
  outline: none;
}

.select2-container--salto .select2-selection--single .select2-selection__rendered {
  line-height: 32px;
  white-space: nowrap;
  word-wrap: normal;
}

.select2-container--salto .select2-selection--single .select2-selection__rendered .select2-selection__text {
  display: inline-block;
}

.select2-container--salto .select2-selection--single .select2-selection__rendered .select2-selection__img {
  display: inline-block;
  margin-right: 5px;
}

.select2-container--salto .select2-selection--single .select2-selection__rendered .title {
  display: inline;
}

.select2-container--salto .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--salto .select2-selection--single .select2-selection__placeholder {
  color: #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-container--salto .select2-selection--single .select2-selection__arrow {
  height: 32px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--salto .select2-selection--single .select2-selection__arrow b {
  font-size: 10px;
  color: #333333;
  /*
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      */
  height: 0;
  left: 50%;
  margin-left: -6px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--salto .select2-selection--single:hover {
  border-color: #1fb0ed;
}

.select2-container--salto .select2-selection--single:focus {
  border-color: #00cfa4;
}

.select2-container--salto[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--salto[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--salto.select2-container--disabled .select2-selection--single {
  background-color: #e6e6e6;
  cursor: default;
  color: #999999;
}

.select2-container--salto.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
  color: #999999;
}

[readonly] ~ .select2-container--salto.select2-container--disabled .select2-selection--single {
  background: transparent;
  border: 0;
}

[readonly] ~ .select2-container--salto.select2-container--disabled .select2-selection--single .select2-selection__arrow {
  display: none;
}

[readonly] ~ .select2-container--salto.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  color: #999999;
}

.select2-container--salto.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--salto.select2-container--disabled .select2-selection--single:hover,
.select2-container--salto.select2-container--disabled .select2-selection--single:focus {
  border-color: #cccccc;
}

.select2-container--salto.select2-container--open .select2-selection--single {
  border-color: #00cfa4;
}

.select2-container--salto.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--salto .select2-selection--multiple {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%);
  /* W3C */
  background-color: white;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: text;
  padding: 0 5px 0 7px;
}

.select2-container--salto .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 4px 0 0;
  width: 100%;
  line-height: 17.25px;
}

.select2-container--salto .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice,
.select2-container--salto .select2-selection--multiple .select2-selection__rendered li.multiple-autocomplete-tag-container {
  height: 22px;
}

.select2-container--salto .select2-selection--multiple .select2-selection__rendered li.select2-search.select2-search--inline {
  height: 24px;
}

.select2-container--salto .select2-selection--multiple .select2-selection__rendered .select2-multiple-item-tooltip-wrapper {
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16.1px;
}

.select2-container--salto .select2-selection--multiple .select2-selection__placeholder {
  color: #999999;
  margin-top: 5px;
  float: left;
}

.select2-container--salto .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--salto .select2-selection--multiple .select2-selection__choice,
.select2-container--salto .select2-selection--multiple .multiple-autocomplete-tag-container {
  /*
    background-color: #e4e4e4;

    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;

    float: left;

    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
    */
  background: #333333;
  border: 1px solid gray;
  color: #b3b3b3;
  padding: 2px 6px 2px 7px;
  font-weight: 800;
  font-size: 14px;
  margin: 0 4px 2px 0;
  max-width: 204px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  float: left;
}

.select2-container--salto .select2-selection--multiple .select2-selection__choice span,
.select2-container--salto .select2-selection--multiple .multiple-autocomplete-tag-container span {
  display: inline-block;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.select2-container--salto .select2-selection--multiple .select2-selection__choice__remove {
  /*
    color: #999;
    cursor: pointer;

    display: inline-block;
    font-weight: bold;

    margin-right: 2px;

    &:hover {
      color: #333;
    }
    */
  width: 10px;
  height: 12px;
  margin-top: 1px;
  font-weight: 800;
  border: none;
  background: transparent;
  color: #0092cf;
  cursor: pointer;
  margin-left: 4px;
  padding: 0 1px 1px 0;
  display: inline-block;
  vertical-align: middle;
  padding-top: 1px;
  line-height: 10px;
  float: right;
  position: relative;
  z-index: 1;
}

.select2-container--salto .select2-selection--multiple .select2-selection__choice__remove:before {
  font-size: 15px;
}

.select2-container--salto .select2-selection--multiple .select2-selection__choice__remove:focus {
  outline: 1px #cffff5 dotted;
}

.select2-container--salto .select2-selection--multiple:hover {
  border-color: #1fb0ed;
}

.select2-container--salto[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--salto[dir="rtl"] .select2-selection--multiple .multiple-autocomplete-tag-container,
.select2-container--salto[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--salto[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: left;
}

.select2-container--salto[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--salto[dir="rtl"] .select2-selection--multiple .multiple-autocomplete-tag-container {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--salto[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--salto.select2-container--focus .select2-selection--multiple {
  border-color: #00cfa4;
  outline: 0;
}

.select2-container--salto.select2-container--disabled .select2-selection--multiple {
  background-color: #e6e6e6;
  cursor: default;
  color: #999999;
}

.select2-container--salto.select2-container--disabled .select2-selection--multiple .select2-selection__arrow b {
  color: #999999;
}

.select2-container--salto.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--salto .fake-multiple-select2-placeholder {
  display: inline-block;
  visibility: hidden;
  font-style: italic;
}

.select2-container--salto.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--salto.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--salto.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--salto.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--salto .select2-dropdown {
  border-color: #00cfa4;
  border-radius: 0;
  background-color: #fafafa;
}

.select2-container--salto .select2-dropdown .select2-results__options .pre-fake,
.select2-container--salto .select2-dropdown .select2-results__options .post-fake {
  display: table-cell;
}

.select2-container--salto .select2-dropdown .select2-results__option .partition {
  color: #cccccc;
}

.select2-container--salto .select2-search--inline .select2-search__field {
  display: inline !important;
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  margin-top: 0;
  height: 24px;
}

.select2-container--salto .select2-search--inline .select2-search__field:-ms-input-placeholder {
  color: #a2a2a2;
}

.select2-container--salto .select2-search--inline .select2-search__field::-webkit-input-placeholder {
  color: #a2a2a2;
}

.select2-container--salto .select2-search--inline .select2-search__field::-moz-placeholder {
  color: #a2a2a2;
}

.select2-container--salto .select2-results > .select2-results__options {
  max-height: 200px;
  overflow: auto;
  min-width: 100%;
  display: block;
}

.select2-container--salto .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--salto .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--salto .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--salto .select2-results__option .select2-results__option {
  padding-left: 15px;
}

.select2-container--salto .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--salto .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--salto .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--salto .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--salto .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--salto .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--salto .select2-results__option--highlighted[aria-selected],
.select2-container--salto .select2-results__option-fake-selected {
  background-color: #e2eff3;
}

.select2-container--salto .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/***
Estilo que tendrán los select cuando estén dentro de una tabla
***/

td.transparent--select .select2-container--salto {
  padding: 0;
  min-width: 90px;
}

td.transparent--select .select2-container--salto.select2-container {
  width: calc(100% - 8px);
}

td.transparent--select .select2-container--salto.select2-container .select2-selection {
  border-color: transparent;
  background: none;
  padding-left: 8px;
}

td.transparent--select .select2-container--salto.select2-container .select2-selection:before {
  content: '';
  margin: 4px;
  width: calc(100% - 17px);
  height: calc(100% - 12px);
  border: 1px dotted #00cfa4;
  position: absolute;
  visibility: hidden;
}

.selected td.transparent--select .select2-container--salto.select2-container .select2-selection:before {
  border-color: white;
}

td.transparent--select .select2-container--salto.select2-container .select2-selection:focus:before {
  visibility: visible;
}

td.transparent--select .select2-container--salto.select2-container.select2-container--open .select2-selection {
  border-color: #00cfa4;
}

td.transparent--select .select2-container--salto.select2-container.select2-container--open .select2-selection:before {
  visibility: hidden;
}

.select2-selection__rendered div {
  overflow: hidden;
  text-overflow: ellipsis;
}

select.max-width-100 + .select2-container {
  max-width: 100%;
}

select[select2].field--s + .select2-container {
  width: 80px;
}

select[select2].field--m + .select2-container {
  width: 150px;
}

select[select2].field--l + .select2-container {
  width: 225px;
}

select[select2].field--xl + .select2-container {
  width: 285px;
}

select[select2].field--xxl + .select2-container {
  width: 400px;
}

select[select2].field--xxxl + .select2-container {
  width: 507px;
}

select[select2].field--full-width + .select2-container {
  width: 100%;
}

.select2-selection__placeholder {
  font-style: italic;
  font-size: 15px;
  font-weight: 200;
}

select[select2][readonly] + .select2-container .select2-selection--multiple {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

select[select2][readonly] + .select2-container .select2-selection--multiple .select2-selection__choice,
select[select2][readonly] + .select2-container .select2-selection--multiple .multiple-autocomplete-tag-container {
  background: none;
  border: none;
  font-weight: 200;
  padding: 4px 0 0 0;
  margin: 0;
  font-size: 100%;
  color: #999;
}

select[select2][readonly] + .select2-container .select2-selection--multiple .select2-selection__choice:not(:first-child)::before,
select[select2][readonly] + .select2-container .select2-selection--multiple .multiple-autocomplete-tag-container:not(:first-child)::before {
  content: ", ";
}

select[select2][readonly] + .select2-container .select2-selection--multiple .select2-search {
  display: none;
}

select[select2][readonly] + .select2-container .select2-selection--multiple .select2-multiple-item-tooltip-wrapper {
  max-width: 100%;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/

/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/

/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */

.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/

/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/

/* default theme ("light") */

.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
    sprites locations
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
    sprites locations
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
    sprites locations
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */

/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */

/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */

/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */

/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */

/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */

/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */

/*!
 * angularjs-color-picker v3.2.1
 * https://github.com/ruhley/angular-color-picker/
 *
 * Copyright 2017 ruhley
 *
 * 2017-05-15 02:14:57
 *
 */

.color-picker-wrapper {
  position: relative;
}

.color-picker-wrapper .color-picker-input-wrapper {
  display: table;
  position: relative;
}

.color-picker-wrapper .input-group {
  position: relative;
  border-collapse: separate;
}

.color-picker-wrapper .input-group .color-picker-input,
.color-picker-wrapper .input-group .input-group-addon {
  display: table-cell;
}

.color-picker-wrapper .input-group .color-picker-input {
  position: relative;
  z-index: 2;
  float: left;
  margin-bottom: 0;
}

.color-picker-wrapper .input-group .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
}

.color-picker-wrapper .input-group .input-group-addon:first-child {
  border-right-width: 0;
}

.color-picker-wrapper .input-group .input-group-addon:last-child {
  border-left-width: 0;
}

.color-picker-wrapper .input-group .color-picker-input-swatch {
  padding-left: 12px;
}

.color-picker-wrapper .color-picker-input-swatch {
  padding-left: 36px;
}

.color-picker-wrapper .color-picker-swatch {
  cursor: pointer;
  z-index: 3;
}

.color-picker-wrapper .color-picker-swatch:not(.input-group-addon) {
  position: absolute;
  top: 3px;
  width: 28px;
  height: 70%;
  box-sizing: border-box;
  border-radius: 3px;
  vertical-align: middle;
  background-position: -80px 0;
  border: solid 1px #ccc;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.color-picker-wrapper .color-picker-swatch:not(.input-group-addon).color-picker-swatch-left {
  left: 3px;
}

.color-picker-wrapper .color-picker-swatch:not(.input-group-addon).color-picker-swatch-right {
  right: 3px;
}

.color-picker-wrapper .color-picker-panel {
  position: absolute;
  background: white;
  border: solid 1px #CCC;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  z-index: 99999;
  width: 150px;
  table-layout: fixed;
  border: 1px solid #FFFFFF;
  padding-right: 1px;
  box-sizing: content-box;
}

.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper {
  display: table;
  width: 100%;
}

.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row {
  display: table-row;
}

.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-overlay {
  position: absolute;
  width: 100%;
  height: 150px;
  top: 0;
  left: 0;
  z-index: 2;
}

.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-grid,
.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-hue,
.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-saturation,
.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-lightness,
.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-opacity {
  background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
  background-size: 10px 10px;
  background-position: 0 0, 0 5px, 5px -5px, -5px 0px;
}

.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-hue,
.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-saturation,
.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-lightness,
.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-opacity {
  display: table-cell;
  position: relative;
  left: 1px;
  width: 20px;
  background-color: white;
  cursor: row-resize;
}

.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 2px;
  background: white;
  border: solid 1px black;
  box-sizing: content-box;
  margin-top: -1px;
  z-index: 3;
}

.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-grid {
  display: table-cell;
  position: relative;
  width: 150px;
  height: 150px;
  cursor: crosshair;
}

.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-grid .color-picker-grid-inner {
  width: 150px;
  height: 150px;
  z-index: 9;
}

.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-grid .color-picker-overlay {
  background-image: url(data:image/png;base64,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);
  pointer-events: none;
}

.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-grid .color-picker-picker {
  position: absolute;
  top: 70px;
  left: 70px;
  width: 12px;
  height: 12px;
  border: solid 1px black;
  border-radius: 10px;
  margin-top: -6px;
  margin-left: -6px;
  background: none;
  box-sizing: content-box;
  z-index: 99;
}

.color-picker-wrapper .color-picker-panel .color-picker-grid-wrapper .color-picker-row .color-picker-grid .color-picker-picker > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  border: solid 2px white;
  box-sizing: content-box;
}

.color-picker-wrapper .color-picker-panel .color-picker-actions .color-picker-action {
  width: calc(33.3333% - 6px);
  margin: 3px;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-inline {
  position: relative;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-hue.color-picker-show-saturation.color-picker-show-lightness.color-picker-show-alpha {
  width: 230px;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-hue.color-picker-show-saturation.color-picker-show-lightness {
  width: 210px;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-hue.color-picker-show-saturation.color-picker-show-alpha {
  width: 210px;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-hue.color-picker-show-lightness.color-picker-show-alpha {
  width: 210px;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-hue.color-picker-show-saturation {
  width: 190px;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-hue.color-picker-show-lightness {
  width: 190px;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-hue.color-picker-show-alpha {
  width: 190px;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-saturation.color-picker-show-alpha {
  width: 190px;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-saturation.color-picker-show-lightness {
  width: 190px;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-saturation.color-picker-show-lightness.color-picker-show-alpha {
  width: 210px;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-lightness.color-picker-show-alpha {
  width: 190px;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-hue {
  width: 170px;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-saturation {
  width: 170px;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-lightness {
  width: 170px;
}

.color-picker-wrapper .color-picker-panel.color-picker-show-alpha {
  width: 170px;
}

.color-picker-wrapper .color-picker-panel.color-picker-panel-bottom {
  top: auto;
}

.color-picker-wrapper .color-picker-panel.color-picker-panel-top {
  bottom: 100%;
}

.color-picker-wrapper .color-picker-panel.color-picker-panel-left {
  left: 0;
}

.color-picker-wrapper .color-picker-panel.color-picker-panel-right {
  right: 0;
}

.color-picker-wrapper .color-picker-panel.color-picker-panel-round .color-picker-grid-wrapper .color-picker-row .color-picker-grid .color-picker-overlay {
  background-image: url(data:image/png;base64,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);
  border-radius: 50%;
}

.color-picker-wrapper .color-picker-panel.color-picker-panel-round .color-picker-grid-wrapper .color-picker-row .color-picker-grid .color-picker-grid-inner {
  background-color: #FFFFFF;
}

.color-picker-wrapper .color-picker-hidden {
  display: none;
}

.color-picker-wrapper.color-picker-disabled .color-picker-swatch,
.color-picker-wrapper.color-picker-disabled .color-picker-hue,
.color-picker-wrapper.color-picker-disabled .color-picker-opacity,
.color-picker-wrapper.color-picker-disabled .color-picker-grid,
.color-picker-wrapper.color-picker-disabled .color-picker-input {
  cursor: not-allowed !important;
}

.color-picker-wrapper.color-picker-swatch-only .color-picker-input {
  padding-left: 33px;
  padding-right: 0;
  width: 35px;
}

.color-picker-wrapper.color-picker-swatch-only .input-group .input-group-addon {
  width: 35px;
  height: 100%;
  border-right: 1px solid #cccccc;
}

.color-picker-wrapper.color-picker-swatch-only .input-group .input-group-addon:first-child {
  border-right-width: 1px;
}

.color-picker-wrapper.color-picker-swatch-only .input-group .input-group-addon:last-child {
  border-left-width: 1px;
}

.color-picker-wrapper.color-picker-swatch-only .input-group .color-picker-input {
  padding: 0;
  width: 1px;
  opacity: 0;
  cursor: pointer;
}

.color-picker-wrapper.color-picker-swatch-only .input-group .color-picker-input:focus {
  outline: none;
}

.color-picker-wrapper.color-picker-closed .color-picker-panel {
  display: none;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

.no-bullet,
.notifications-panel .notification-list-container .notification-list,
.button-list,
.button-list--stacked {
  padding-left: 0;
}

.no-bullet > li,
.notifications-panel .notification-list-container .notification-list > li,
.button-list > li,
.button-list--stacked > li {
  list-style: none;
  list-style-type: none;
}

.pointer,
.pointer * {
  cursor: pointer !important;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.translate-cloak {
  display: none !important;
}

.text-center,
.edit-max-user-count .ngdialog__content .field {
  text-align: center;
}

.text-left {
  text-align: left;
}

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

.bold {
  font-weight: 800;
}

.bolder {
  font-weight: 600;
}

.margin-16 {
  margin: 16px;
}

.margin-left {
  margin-left: 20px;
}

.margin-left-32 {
  margin-left: 32px;
}

.margin-left-16 {
  margin-left: 16px;
}

.margin-left-8 {
  margin-left: 8px;
}

.margin-left-5 {
  margin-left: 5px;
}

.margin-left-3 {
  margin-left: 3px;
}

.margin-right-8 {
  margin-right: 8px;
}

.margin-top-6 {
  margin-top: 6px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-top-12 {
  margin-top: 12px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.no-margin {
  margin: 0px;
}

.no-margin-left {
  margin-left: 0px;
}

.no-padding {
  padding: 0px !important;
}

.no-left-padding {
  padding-left: 0px !important;
}

.padding-left-4 {
  padding-left: 4px;
}

.padding-left-8 {
  padding-left: 8px;
}

.padding-left-16 {
  padding-left: 16px !important;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.no-text-transform {
  text-transform: none !important;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.shown {
  display: block !important;
  visibility: visible !important;
}

.visuallyhidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  left: -9999999px;
  top: -9999999px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.visuallyvisible {
  position: relative !important;
  clip: auto;
  left: auto;
  top: auto;
}

.break {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.ellipsis {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.disabled {
  pointer-events: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.no-events {
  pointer-events: none;
}

.placeholder {
  color: #b3b3b3;
}

.print-only {
  display: none;
}

.visibility-hidden {
  visibility: hidden;
}

.right {
  float: right;
}

.left {
  float: left;
}

.cursor--default {
  cursor: default;
}

.cursor--default--important,
.cursor--default--important * {
  cursor: default !important;
}

.underline {
  text-decoration: underline;
}

.display-block {
  display: block;
}

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

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

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

.vertical-align-top {
  vertical-align: top;
}

.vertical-align-top-important {
  vertical-align: top !important;
}

.width-auto {
  width: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.centered-content,
.edit-max-user-count .ngdialog__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.flex-direction-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.full-height {
  height: 100%;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url(b5f89bdb3cd1a0ee66bfeb9e9c8c0407.woff) format("woff");
  font-weight: 200;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url(a031f9b684c02f1b6127036b5ab4f05a.woff) format("woff");
  font-weight: 400;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url(ed60864b8fe73c7e625c49c514cc0ad4.woff) format("woff");
  font-weight: 600;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url(c74e44f76f7ded65daee4c604a6ed51e.woff) format("woff");
  font-weight: 800;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url(eddbd170f78972aa2f6f821205645577.woff) format("woff");
  font-weight: 900;
}

@font-face {
  font-family: 'Helvetica Ce';
  src: url(774b674eef4b6820ceeaeab123c692ac.woff) format("woff");
}

.light-condensed {
  font-weight: 200;
}

.condensed {
  font-weight: 400;
}

.medium-condensed {
  font-weight: 600;
}

.bold-condensed {
  font-weight: 800;
}

.black-condensed {
  font-weight: 900;
}

@font-face {
  font-family: 'icomoon';
  src: url(617dcee1ec309c47ca2e6d5c6ffb0a19.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before,
.select2-container--salto .select2-selection--single .select2-selection__arrow b,
.notifications-panel .notification-list-container .notification-list .notification .notification__icon,
.notifications-panel .notification-list-container .notification-list .notification .notification__close {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"],
[class*=" icon-"] {
  cursor: default;
  text-shadow: none;
}

a [class^="icon-"],
a [class*=" icon-"],
button [class^="icon-"],
button [class*=" icon-"],
#menu [class^="icon-"],
#menu [class*=" icon-"],
.select2-container--salto .select2-selection--single .select2-selection__arrow b,
.notifications-panel .notification-list-container .notification-list .notification .notification__icon,
.notifications-panel .notification-list-container .notification-list .notification .notification__close {
  cursor: inherit;
}

.icon-wall-reader:before {
  content: "\e923";
}

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

.icon-limited-entry-areas:before {
  content: "\e920";
}

.icon-limited-entry-groups:before {
  content: "\e921";
}

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

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

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

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

.icon-delete-fingerprint:before {
  content: "\e91c";
}

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

.icon-ncoder-fingerprint:before {
  content: "\e91e";
}

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

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

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

.icon-device-on:before {
  content: "\e901";
}

.icon-access-levels:before {
  content: "\24";
}

.icon-access-point-online-ip:before {
  content: "\e690";
}

.icon-access-point-online-rf-bas:before {
  content: "\e691";
}

.icon-access-point-online-rf-salto:before {
  content: "\e692";
}

.icon-access-point-online-rf3-salto:before {
  content: "\e90d";
}

.icon-access-points:before {
  content: "\e69a";
}

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

.icon-admin:before {
  content: "\61";
}

.icon-alarm-events:before {
  content: "\e912";
}

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

.icon-arrow-down:before,
.select2-container--salto .select2-selection--single .select2-selection__arrow b:before {
  content: "\2193";
}

.icon-arrow-first:before {
  content: "\e90b";
}

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

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

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

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

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

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

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

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

.icon-automatic-changes:before {
  content: "\26";
}

.icon-battery-low:before {
  content: "\2680";
}

.icon-battery-medium:before {
  content: "\2681";
}

.icon-battery-runout:before {
  content: "\2610";
}

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

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

.icon-bullet:before {
  content: "\2609";
}

.icon-bullet2:before {
  content: "\2609";
}

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

.icon-cancel:before {
  content: "\78";
}

.icon-card-printing-template:before {
  content: "\e914";
}

.icon-checkin:before {
  content: "\29";
}

.icon-checkin-group:before {
  content: "\e600";
}

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

.icon-checkout:before {
  content: "\28";
}

.icon-checkout-group:before {
  content: "\e60d";
}

.icon-close:before,
.notifications-panel .notification-list-container .notification-list .notification .notification__close:before {
  content: "\58";
}

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

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

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

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

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

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

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

.icon-delete:before {
  content: "\2d";
}

.icon-door:before {
  content: "\64";
}

.icon-door-closed:before {
  content: "\e6b0";
}

.icon-door-left-open:before {
  content: "\e603";
}

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

.icon-door-open-entering:before {
  content: "\e6b1";
}

.icon-door-open-exiting:before {
  content: "\e6b2";
}

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

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

.icon-duration:before {
  content: "\231b";
}

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

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

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

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

.icon-event-stream:before {
  content: "\e605";
}

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

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

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

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

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

.icon-forbidden:before {
  content: "\e800";
}

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

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

.icon-gateway-bas:before {
  content: "\e699";
}

.icon-gateway-cu4200:before {
  content: "\e698";
}

.icon-gateway-rf:before {
  content: "\e697";
}

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

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

.icon-guest-access-levels:before {
  content: "\e6a4";
}

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

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

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

.icon-key:before {
  content: "\6b";
}

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

.icon-key-expired:before {
  content: "\e6a0";
}

.icon-key-expired2:before {
  content: "\e6a0";
}

.icon-key-reedition-required:before {
  content: "\e6a1";
}

.icon-key-reedition-required2:before {
  content: "\e6a1";
}

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

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

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

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

.icon-language:before {
  content: "\6c";
}

.icon-license:before {
  content: "\e064";
}

.icon-limited-occupancy-areas:before {
  content: "\e69e";
}

.icon-limited-occupancy-groups:before {
  content: "\e69d";
}

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

.icon-location:before {
  content: "\4c";
}

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

.icon-locations:before {
  content: "\e69c";
}

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

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

.icon-lockers:before {
  content: "\25";
}

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

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

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

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

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

.icon-node-cu4EB:before {
  content: "\e911";
}

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

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

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

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

.icon-operator-access-levels:before {
  content: "\35";
}

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

.icon-operators:before {
  content: "\2e";
}

.icon-outputs:before {
  content: "\2944";
}

.icon-oval:before {
  content: "\e907";
}

.icon-panel-max:before {
  content: "\21a7";
}

.icon-panel-min:before {
  content: "\21a5";
}

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

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

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

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

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

.icon-ppd:before {
  content: "\2f";
}

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

.icon-push-left:before {
  content: "\21da";
}

.icon-push-right:before {
  content: "\21db";
}

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

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

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

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

.icon-restart:before {
  content: "\e6b5";
}

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

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

.icon-room-made:before {
  content: "\33";
}

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

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

.icon-sam-issuing-data:before {
  content: "\e602";
}

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

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

.icon-search:before {
  content: "\2625";
}

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

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

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

.icon-sort-down:before {
  content: "\21e3";
}

.icon-sort-up:before {
  content: "\21e1";
}

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

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

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

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

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

.icon-systemauditor-purgation:before {
  content: "\e67a";
}

.icon-table-menu-arrow:before {
  content: "\e910";
}

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

.icon-third-party-readers:before {
  content: "\e916";
}

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

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

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

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

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

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

.icon-update:before {
  content: "\21ba";
}

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

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

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

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

.icon-visitor-access-levels:before {
  content: "\34";
}

.icon-visitors:before {
  content: "\27";
}

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

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

.icon-zones:before {
  content: "\7a";
}

* {
  box-sizing: border-box;
}

a {
  cursor: pointer;
}

html,
body {
  height: 100%;
  overflow: auto;
  color: #666666;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  margin: 0;
  padding: 0;
  font-size: 15px;
  background-color: #e9e9e9;
}

.container {
  min-width: 980px;
  max-width: 1200px;
  margin: 0 auto;
}

#popup-layer {
  background: #000000;
  opacity: 0;
}

#popup-layer,
.popup-layer {
  position: fixed;
  width: 100%;
  height: 100%;
}

.popup-layer .popup {
  position: absolute;
  width: 100%;
}

#busy-indicator {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6) url(data:image/png;base64,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) center center no-repeat;
  z-index: 10000;
}

#busy-indicator .spinner {
  background: url(data:image/png;base64,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) center center no-repeat;
  width: 100%;
  height: 100%;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

#busy-indicator button {
  left: -1000px;
  top: -1000px;
  position: absolute;
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

#menu {
  min-height: 43px;
}

.ribbon {
  position: absolute;
  left: 155px;
  top: -3px;
  width: 37px !important;
  height: 82px !important;
}

#sandwich-list {
  position: fixed;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

#sandwich-list .sandwich {
  position: absolute;
  top: -40px;
  left: 16px;
  height: 40px;
  transition: top 0.5s;
  overflow: hidden;
  background-color: #333333;
  border-radius: 3px;
  color: #fff;
}

#sandwich-list .sandwich.error {
  background-color: #cc0000;
}

#sandwich-list .sandwich.error .sandwich-notification-content a {
  color: #f2f2f2;
}

#sandwich-list .sandwich.error .sandwich-notification-content a:hover {
  color: #e6e6e6;
}

#sandwich-list .sandwich .sandwich-notification-content {
  display: inline-block;
  width: auto;
  height: 40px;
  padding: 12px 20px 8px 20px;
  pointer-events: all;
}

#sandwich-list .sandwich .sandwich-notification-content a {
  font-weight: bold;
  padding-left: 6px;
  color: #5FC6F1;
}

#sandwich-list .sandwich .sandwich-notification-content a:hover {
  color: #00e9b8;
}

#sandwich-list .sandwich .sandwich-notification-content .icon-close,
#sandwich-list .sandwich .sandwich-notification-content .notifications-panel .notification-list-container .notification-list .notification .notification__close,
.notifications-panel .notification-list-container .notification-list .notification #sandwich-list .sandwich .sandwich-notification-content .notification__close,
#sandwich-list .sandwich .sandwich-notification-content .icon-info {
  position: relative;
  top: 1px;
  margin-left: 6px;
}

#sandwich-list .sandwich .sandwich-notification-content .icon-close,
#sandwich-list .sandwich .sandwich-notification-content .notifications-panel .notification-list-container .notification-list .notification .notification__close,
.notifications-panel .notification-list-container .notification-list .notification #sandwich-list .sandwich .sandwich-notification-content .notification__close {
  cursor: pointer;
}

#sandwich-list .sandwich .sandwich-notification-content .icon-close:hover,
#sandwich-list .sandwich .sandwich-notification-content .notifications-panel .notification-list-container .notification-list .notification .notification__close:hover,
.notifications-panel .notification-list-container .notification-list .notification #sandwich-list .sandwich .sandwich-notification-content .notification__close:hover {
  opacity: 0.7;
}

header {
  font-weight: 400;
  background: #0092cf;
  width: 100%;
  position: relative;
  overflow: hidden;
}

header:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  content: ' ';
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}

header > div {
  height: 80px;
}

header .sparkle {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAxEAAABJCAMAAAB1jFtTAAACYVBMVEUA//9I2v8/3/844v8///8z//8q//9HcEwA//9V//9F5/8z5f8/6f866/827P9E7v8/7/848P888P8/5f836P885v815P866/8/6f8/7P877v8/5/866f886v887P876f855/876P896v847P897f886P895/846f8+6v855v866/856/8+7P8+6P886P855/8+6v866f866/875/896v856/897P886/896f886f885/876f896v876/866P866v886v896/866/886P886P896f866v876P876v886P886v896v866v876/876v876P886f886f876v896P866f886v866/886v886/866/886f876f886v876f886f876f896v886v876v876/886f818f876v876f876/876v876f886P896f866P876f876f886v886v876v886v886f876f876f876v876f886f886v886f886v886v886f886f876f876v877P876v876f857v877f886v886v886f876f877P887P876f886/877P886f857f867f867P877P876/886/886/876v876v886v875f8q1P9D5P8+5v886/877P876/876/876v877P885/896/866/886/877P896/886/895P844v876/8+5/876/886v876/877P886/886/876/886/886f8+6v885v8+5v887P8/6f896f0/6/896P086v886P076/896f896/886P896f096f876f876//9rHspAAAAy3RSTlMBBwgJBAUGAAIDCwoMDQ4PEBIRFBcVExoYHB4gIyYqLxY4GRsdIiEkJR8nKCktLiwxMDQrMjU2Mzo7Nzw+QDk9P0JBRENHSkVJUExLV01iUV1UVk9GWE5ZZltpUlVfYV5kcWNnbRNwbHNva1x1aHh0fnt8f3d5gImFg4aCiIuMj46VOJKRHyuUl5ibUjeaQ1GdLDlGRXhdXJ6ioB4GEylpXoCRo2xMT2iDeXWCHRJ0QWuMhV93UJKdpT0qNUQkhSiImIaORltmgHmmmhx6+kAAAAwOSURBVHja7Z2JW1TnFYdvrba1sTHWxiVBCa1a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) right bottom no-repeat;
  right: 0;
  top: 0;
}

header .container {
  *zoom: 1;
  position: relative;
}

header .container:before,
header .container:after {
  display: table;
  content: "";
  line-height: 0;
}

header .container:after {
  clear: both;
}

header .container .title {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MjEuNiAzMjguMSI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTQ5Mi4wODEgMzEuODU3VjE5Ni4wNGgtMjkuODY2VjMxLjg1N2gtNDMuMDc5VjEuOTkxSDUzNC40NHYyOS44NjZoLTQyLjM1OU0xMDUuODUgMTgyLjM4N2MtMTAuOTcyIDEwLjItMjQuNjc5IDE1LjE0Ni00MC41ODUgMTUuMTQ2LTM1LjAyNiAwLTUyLjM3Mi0xOC4wOC02NS4yNzgtNDguMzE5bDI3LjQ1Mi0xMi43NDZjNy40OCAxOC45NiAxNC44NTMgMzAuOTYgMzcuODI2IDMwLjk2IDE1LjAyNiAwIDI3LjIyNi05LjIyNyAyNy4yMjYtMjQuOTg3IDAtMTAuMzczLTUuMjUzLTE5Ljk2LTE3Ljk4Ni0yOC43OTlsLTM4LjgyNi0yMy4yNEMyMC4xODYgNzkuODMgMTEuMTQ2IDY2LjE2NCAxMS4xNDYgNDkuNjQ1YzAtMTQuNCA1LjE0Ny0yNi40OCAxNS42NjctMzUuNiA5LjgyNi04Ljg0IDIyLjA0LTEzLjA0IDM2LjIxMi0xMy4wNCAyNy40NjYgMCA0MC43NzIgMTQuMzYgNTIuODkyIDM2LjY5M2wtMjYuNzA2IDEzLjEyYy02LjM4Ni0xMS4wNC0xMS42LTE5LjkzMy0yNi4xODYtMTkuOTMzLTcuMTg2IDAtMTIuMjQgMS43Ni0xNS45NDYgNC43NzMtMy44IDMuMjQtNS44MTMgNy41NzMtNS44MTMgMTQuMDEzIDAgNC4wOCAzLjc2IDEwLjc4NyAxNy43MzMgMTkuNjY2QzgyLjUzIDg0LjE2MyA5Ni4xMyA5Mi45MzYgOTguNjEgOTUuMDAyYzE1LjQ1MyAxMy4wOTQgMjMuNzYgMjguOTczIDIzLjc2IDQ3LjQyNi4wMTMgMTYuMDUzLTUuNCAyOS42MjYtMTYuNTIgMzkuOTU5bTIyMS41MDIgMTMuNjUzVjEuOTkxaDI5Ljg2NnYxNjMuOTQzaDQ0Ljc3MnYzMC4xMDZoLTc0LjYzOE02NzUuMzgzIDQ5LjI4NGMtMTEuNDEzLTEyLjk4Ny0yNS42OC0xOS40MTMtNDMuMzA1LTE5LjQxMy0zOC42MTMgMC02MC45NDYgMzMuNDI2LTYwLjk0NiA2OS4yNzggMCAzNS44NTIgMjIuMzMzIDY5LjI3OCA2MC45NDYgNjkuMjc4IDE3LjYyNiAwIDMxLjg5Mi02LjQyNiA0My4zMDUtMTkuNDEzIDExLjY0LTEzLjA5MyAxNy42NC0yOS41NDUgMTcuNjQtNDkuODY1LS4wMTQtMjAuMzMzLTYtMzYuNzg2LTE3LjY0LTQ5Ljg2NXptMjAuNjI2IDEyMC4xNDNjLTE3LjA1MyAxOS4yOTMtMzguNTE5IDI5LjA5My02My45NDUgMjkuMDkzLTI1LjI5MyAwLTQ2Ljc3Mi05Ljg0LTYzLjk0NS0yOS4wOTMtMTYuOTQ2LTE5LjM2LTI1LjM0Ni00Mi45NTktMjUuMzQ2LTcwLjI5MSAwLTUxLjA5MiAzNC45Mi05OS4xNDQgODkuMjkxLTk5LjE0NCA1NC41MDYgMCA4OS41MTggNDcuODUyIDg5LjUxOCA5OS4xNDQgMCAyNy4zNTktOC40NjYgNTAuOTMyLTI1LjU3MyA3MC4yOTFNMjcyLjI0NyAxOTYuMDRsLTUxLTEyOS4xMy01MC43MDUgMTI5LjEzSDEzOS4zM0wyMjEuMjQ4LjMyNWw4Mi4yMTEgMTk1LjcxNWgtMzEuMjEyIi8+PHBhdGggZD0iTTE5OC4yMzUgMTU1LjU2MWwyMy4zMzMgNjAuMjEyIDIyLjk3My02MC4yMTJoLTQ2LjMwNk0zLjg4IDI0OC4zNTl2LTEwLjMzM0guMDh2MTAuMzMzaDMuOHptMCA2MS4zMDV2LTUxLjU3MkguMDh2NTEuNTcyaDMuOG0yMS4xNzMgMGgzLjgxM1YyODEuNzdjMC0xMi42NCA3LjAyNi0yMS41NzMgMTguNTYtMjEuNTczIDE0LjA1MiAwIDE0LjY1MiAxMS41NDcgMTQuNjUyIDE2Ljg1M3YzMi42MTNoMy44MTR2LTMxLjkwNmMwLTYuMzItLjItMjAuODgtMTguMzYtMjAuODgtOC4wMjYgMC0xNS44NTMgNC41Mi0xOC40NjYgMTIuMjUzaC0uMnYtMTEuMDRoLTMuODEzdjUxLjU3M201OS4wNTItMTcuMTU5Yy4yOTMgMTIuMDQgOS4xMzMgMTguMzYgMjAuODY2IDE4LjM2IDkuMDI2IDAgMjAuMTczLTMuMTIgMjAuMTczLTE0LjI1MyAwLTEwLjg0LTguMDI3LTEzLjI1My0xOC4yNjctMTUuMTQ2LTguMzMzLTEuODE0LTE3LjE2LTMuMTItMTcuMTYtMTEuMzQ3IDAtNy4zMiA3LjgyNy05LjkzMyAxNC44NTQtOS45MzMgOC42MjYgMCAxNS4xNDYgMy44IDE1LjI1MyAxMy4xNDZoMy44MTNjMC0xMS43MzMtOC4xMi0xNi40NTMtMTkuMDUzLTE2LjQ1My04LjczMyAwLTE4LjY2NiAzLjAxNC0xOC42NjYgMTMuMjUzIDAgMTAuNTM0IDguODQgMTIuODUzIDE3Ljc2IDE0LjY0IDguODI2IDEuODEzIDE3LjY1MiAzLjEyIDE3LjY1MiAxMS44NTMgMCA4LjkyLTkuNjI2IDEwLjkzMy0xNi4zNDYgMTAuOTMzLTkuMzMzIDAtMTYuNDUzLTUuNTA2LTE3LjA1My0xNS4wNGwtMy44MjYtLjAxM202My45ODUtMzQuNDEyaC0zLjgxNHY3MC4wMzhoMy44MTR2LTI5LjJoLjJjMy4wMTMgOC4zMiAxMC4yMjYgMTEuOTQ3IDE4Ljc2IDExLjk0NyAxNS43NDUgMCAyMy4xNzItMTEuMjQgMjMuMTcyLTI2Ljg5MyAwLTE0LjU0Ni03LjMzMy0yNy4wOTItMjMuMTczLTI3LjA5Mi0xMS4zMzMgMC0xNy4xNiA3LjkzMy0xOC43NiAxMy4wNGgtLjJ2LTExLjg0em0xOC45NzIgNDkuNDY1Yy0xNC41NDYgMC0xOC44NjYtMTEuMzMzLTE4Ljg2Ni0yMy41ODYgMC0xMi4yNCA1LjEyLTIzLjc3MyAxOC44NjYtMjMuNzczIDEzLjg0IDAgMTkuMzYgMTIuMDQgMTkuMzYgMjMuNzczIDAgMTIuNzQ2LTUuOTIgMjMuNTg2LTE5LjM2IDIzLjU4Nm00NS44MTMtNTkuMTk4di0xMC4zMzNoLTMuODE0djEwLjMzM2gzLjgxNHptMCA2MS4zMDV2LTUxLjU3MmgtMy44MTR2NTEuNTcyaDMuODE0bTI0Ljk4NS01MS41NzJoLTMuODEzdjUxLjU3MmgzLjgxNHYtMjguMmMuNC03LjcyIDItMTAuOTQ2IDUuODI2LTE0Ljg0IDQuNjEzLTQuNTMyIDEwLjI0LTUuNTE5IDE0LjI1My01LjAxMnYtMy44MjdjLTkuMzMzLS40LTE3Ljc2IDUuMDEzLTE5Ljc2IDExLjc0NmgtLjMwNnYtMTEuNDRtMzQuNTU5IDIyLjk4N2MuOC0xMC4yNCA3LjUyLTIwLjg4IDE4Ljk2LTIwLjg4IDExLjg0IDAgMTguNjY2IDEwLjA0IDE4Ljg2NiAyMC44OGgtMzcuODI2em00MS42NCAzLjI5M2MuNzA2LTE0Ljc0Ni02LjUyLTI3LjQ5My0yMi42OC0yNy40OTMtMTUuNTQ3IDAtMjIuOTczIDEzLjc2LTIyLjc3MyAyNy44OTMtLjIgMTQuMjQgNy43MzMgMjYuMDkzIDIyLjc3MyAyNi4wOTMgMTIuMjQgMCAyMC4yNjYtNi42MTMgMjIuMjgtMTguNjY2aC0zLjgxNGMtMS44IDkuNTMzLTguNzMzIDE1LjM0Ni0xOC40NjYgMTUuMzQ2LTEyLjczMyAwLTE5LjE2LTExLjA0LTE4Ljk2LTIzLjE4Nmg0MS42NG01Ny43NTcgMjUuMzA2aDMuODE0di03MS42MzhoLTMuODEzdjMxLjU5OWgtLjJjLTIuNzItOC4xMi0xMC42NC0xMi43NDctMTkuMDY2LTEyLjc0Ny0xNS41NiAwLTIyLjk4NyAxMS44NTMtMjIuOTg3IDI3LjA5MyAwIDE0LjI0IDYuNzIgMjYuODkzIDIyLjI4IDI2Ljg5MyA5LjIyNiAwIDE1LjU0Ni00LjEyIDE5Ljc3My0xMi4yNTNoLjJ2MTEuMDUzem0tMTkuMTcyLTIuMTA3Yy0xMy4yNCAwLTE5LjI2Ni0xMS40NC0xOS4yNjYtMjMuNTg2IDAtMTIuNDQgNS41Mi0yMy43NzMgMTkuMTYtMjMuNzczIDEzLjIzOSAwIDE5LjE1OSAxMS43NDcgMTkuMTU5IDIzLjc3My4wMTMgMTEuODUzLTYgMjMuNTg2LTE5LjA1MyAyMy41ODZtODcuOTU4LTM2LjExOWMwLTEwLjkzMy0xMC42MjctMTUuMDQtMjAuNzczLTE1LjA0LTExLjQ0IDAtMjIuNzczIDMuOTA3LTIzLjU3MyAxNy4yNTNoMTEuNDRjLjQ5My01LjYyNiA1LjAxMy04LjIyNiAxMS40NC04LjIyNiA0LjYxMyAwIDEwLjczMyAxLjEwNyAxMC43MzMgNy4wMTMgMCA2LjczMy03LjMyIDUuODEzLTE1LjU0NyA3LjMzMy05LjYyNiAxLjEwNy0xOS45NzMgMy4yLTE5Ljk3MyAxNi4xNDYgMCAxMC4xMzQgOC40MjcgMTUuMTQ3IDE3Ljc2IDE1LjE0NyA2LjEyIDAgMTMuNDQtMS45MDcgMTcuOTYtNi4zMi44OTMgNC43MiA0LjIxMyA2LjMyIDguODI2IDYuMzIgMS45MDcgMCA1LjUyLS43MDcgNy4yMjctMS4zMDd2LTcuOTJjLTEuMi4yLTIuMTA3LjItMi44LjItMi4xMDcgMC0yLjcyLTEuMTA2LTIuNzItMy45MnYtMjYuNjc5em0tMTEuNDQgMjAuNzczYzAgNy4yMjYtNy44MjcgOS44NC0xMi44NCA5Ljg0LTQuMDEzIDAtMTAuNTMzLTEuNTA3LTEwLjUzMy02LjYyNyAwLTYuMDEzIDQuNDEzLTcuODEzIDkuMzMzLTguNjI2IDUuMDEzLS45MDcgMTAuNTMzLS44IDE0LjA0LTMuMTA3djguNTJtNzEuMjExLTE3LjA2NmMtMS4xMDYtMTIuNzQ3LTExLjM0Ni0xOC43Ni0yMy4zODYtMTguNzYtMTcuMDUyIDAtMjUuNTg2IDEyLjI0LTI1LjU4NiAyNy44OTMgMCAxNS4yNCA4LjkyIDI2Ljc4NiAyNS4xODYgMjYuNzg2IDEzLjM0NyAwIDIxLjY4LTcuNDI3IDIzLjc4Ni0yMC44OGgtMTEuNDRjLTEuMTA2IDcuNDI3LTUuNzA2IDExLjg1My0xMi4zNDYgMTEuODUzLTkuOTMzIDAtMTMuNzMzLTkuMTMzLTEzLjczMy0xNy43NiAwLTE1Ljc0NiA4LjMyLTE4Ljg2NSAxNC4yNC0xOC44NjUgNi4zMiAwIDEwLjkzMyAzLjQxMyAxMS44NCA5LjczM2gxMS40NG01Ni43NDUgMGMtMS4xMDctMTIuNzQ3LTExLjMzMy0xOC43Ni0yMy4zODYtMTguNzYtMTcuMDUzIDAtMjUuNTg2IDEyLjI0LTI1LjU4NiAyNy44OTMgMCAxNS4yNCA4LjkzMyAyNi43ODYgMjUuMTg2IDI2Ljc4NiAxMy4zNDYgMCAyMS42OC03LjQyNyAyMy43ODYtMjAuODhoLTExLjQyN2MtMS4xMDYgNy40MjctNS43MiAxMS44NTMtMTIuMzQ2IDExLjg1My05LjkzMyAwLTEzLjc0Ni05LjEzMy0xMy43NDYtMTcuNzYgMC0xNS43NDYgOC4zMzMtMTguODY1IDE0LjI1My0xOC44NjUgNi4zMiAwIDEwLjkzMyAzLjQxMyAxMS44NCA5LjczM2gxMS40MjZtMTkuMjI2IDQuMDI2Yy4yOTMtNy43MzMgNS43MDYtMTMuNzYgMTMuNjQtMTMuNzYgNy43MzMgMCAxMi42NTMgNi41MiAxMy4wNTMgMTMuNzZoLTI2LjY5M3ptMzguMTE5IDcuNTJjMS45MDctMTUuNTQ2LTguMTMzLTMwLjMwNi0yNC40OTMtMzAuMzA2LTE1LjQ1MyAwLTI1LjA4IDEyLjY0LTI1LjA4IDI3LjM4NiAwIDE1Ljk2IDkuMTM0IDI3LjI5MyAyNS4zODcgMjcuMjkzIDExLjMzMyAwIDIwLjk3My02LjMyIDIzLjQ4LTE3LjY1M2gtMTAuODI3Yy0yLjAxMyA1LjcyLTYuMDI3IDguNjI2LTEyLjY1MyA4LjYyNi05LjUzMyAwLTEzLjkzMy03LjIyNi0xMy45MzMtMTUuMzQ2aDM4LjExOW02Ljg5MyA2LjMxOWMuMiAxMi4yNTQgOS45MzMgMTguMDY3IDIyLjk4NiAxOC4wNjcgMTAuNzMzIDAgMjMuMTczLTQuNTIgMjMuMTczLTE2Ljg1MyAwLTEwLjI0LTguNDI2LTEzLjI1My0xNi43Ni0xNS4xNi04LjQyNi0xLjkwNi0xNi44NTMtMi43Mi0xNi44NTMtOC4zMiAwLTQuNTIgNi4xMi01LjMyIDkuNDI3LTUuMzIgNS4wMTMgMCA5LjUzMyAxLjUwOCAxMC41MzMgNi45MmgxMS45NDZjLTEuNC0xMS41NDYtMTEuMDQtMTUuOTQ2LTIxLjY4LTE1Ljk0Ni05LjQzOSAwLTIxLjY2NSAzLjUwNy0yMS42NjUgMTQuODUzIDAgMTAuNTMzIDguMjI2IDEzLjUzMyAxNi42NTMgMTUuMzQ3IDguMzMzIDEuOTA2IDE2LjY1MyAyLjYxMyAxNi45NiA4LjYyNi4yOTMgNS45MzMtNy4yMjcgNi44MjctMTEuNTM0IDYuODI3LTYuMTIgMC0xMS4xMzMtMi40MTQtMTEuNzQ2LTkuMDRoLTExLjQ0bTUzLjAyNS0uMDAxYy4yIDEyLjI1NCA5LjkzNCAxOC4wNjcgMjIuOTg3IDE4LjA2NyAxMC43MzMgMCAyMy4xODYtNC41MiAyMy4xODYtMTYuODUzIDAtMTAuMjQtOC40MjctMTMuMjUzLTE2Ljc2LTE1LjE2LTguNDI2LTEuOTA2LTE2Ljg1My0yLjcyLTE2Ljg1My04LjMyIDAtNC41MiA2LjEyLTUuMzIgOS40MjctNS4zMiA1LjAyNiAwIDkuNTMzIDEuNTA4IDEwLjUzMyA2LjkyaDExLjk0NmMtMS40LTExLjU0Ni0xMS4wNC0xNS45NDYtMjEuNjgtMTUuOTQ2LTkuNDI2IDAtMjEuNjY2IDMuNTA3LTIxLjY2NiAxNC44NTMgMCAxMC41MzMgOC4yMjcgMTMuNTMzIDE2LjY1MyAxNS4zNDcgOC4zMiAxLjkwNiAxNi42NjcgMi42MTMgMTYuOTYgOC42MjYuMjkzIDUuOTMzLTcuMjI3IDYuODI3LTExLjU0NiA2LjgyNy02LjEyIDAtMTEuMTMzLTIuNDE0LTExLjczMy05LjA0aC0xMS40NTQiLz48L2c+PC9zdmc+) no-repeat center;
  width: 102px;
  height: 80px;
  padding: 0;
  margin: 0 0 0 12px;
  float: left;
}

header .container .toolbar {
  float: right;
  height: 80px;
}

header .container .toolbar .options,
header .container .toolbar .mini-options {
  display: inline-block;
}

header .container .toolbar .options {
  height: 80px;
  vertical-align: middle;
  line-height: 80px;
  margin-right: 35px;
}

header .container .toolbar .options a.option,
header .container .toolbar .options .option button,
header .container .toolbar .options button.option {
  color: #fff;
  cursor: pointer;
  transition: opacity 0.1s linear;
}

header .container .toolbar .options a.option:hover,
header .container .toolbar .options a.option.hovered,
header .container .toolbar .options .option button:hover,
header .container .toolbar .options .option button.hovered,
header .container .toolbar .options button.option:hover,
header .container .toolbar .options button.option.hovered {
  color: rgba(255, 255, 255, 0.8);
}

header .container .toolbar .options .option {
  padding: 0 12px 0 16px;
  line-height: 4em;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
  position: relative;
  margin-top: 10px;
  float: left;
}

header .container .toolbar .options .option span {
  display: inline-block;
  vertical-align: middle;
  line-height: 15px;
}

header .container .toolbar .options .option span:before {
  font-size: 26px;
  line-height: 1em;
}

header .container .toolbar .options .option span.name {
  margin-right: 6px;
  font-size: 1.1em;
}

header .container .toolbar .options .option:before {
  content: ' ';
  display: block;
  width: 1px;
  height: 53px;
  position: absolute;
  left: 0;
  top: 2px;
  background: linear-gradient(to bottom, #1090c1 0%, #78c4e8 50%, #45bcda 100%);
}

header .container .toolbar .options .option:first-child:before {
  display: none;
}

header .container .toolbar .options .option.exit {
  background: transparent;
  border: none;
  overflow: visible;
  line-height: 3.8em;
  padding-right: 11px;
}

header .container .toolbar .options .option.user {
  padding-right: 16px;
  line-height: 3.8em;
}

header .container .toolbar .options .notifications {
  position: relative;
  padding: 0 4px 0 0;
  margin-top: 9px;
}

header .container .toolbar .options .notifications .notifications__toggle-button {
  padding: 0 16px;
  line-height: 57px;
  overflow: visible;
  background: transparent;
  border: none;
}

header .container .toolbar .options .notifications .notifications__toggle-button:focus {
  outline: none;
}

header .container .toolbar .options .notifications .counter {
  height: 22px;
  width: 22px;
  border: 2px solid #fff;
  background: #ff0000;
  color: white;
  border-radius: 50%;
  line-height: 18px;
  font-size: 12px;
  position: absolute;
  top: 1px;
  right: -13px;
  text-align: center;
  line-height: 1.6em;
}

header .container .toolbar .options .notifications .counter p {
  margin: 0 -46%;
  width: 35px;
  text-align: center;
}

header .container .toolbar .options .notifications .counter p.big-number {
  letter-spacing: -1px;
  margin: 0 -51%;
}

header .container .toolbar .options .notifications#background-reports-div .counter.loading {
  background: #999999;
}

header .container .toolbar .options .notifications#background-reports-div .counter.loading .icon-update {
  line-height: 10px;
  position: relative;
  top: -1px;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

header .container .toolbar .options .notifications#background-reports-div .counter.loading .icon-update::before {
  font-size: 14px !important;
}

header .container .toolbar .mini-options {
  position: absolute;
  right: 11px;
  top: 5px;
}

header .container .toolbar .mini-options .mini-option {
  display: block;
  text-align: right;
  margin: 0 -1px 2px 0;
  font-size: 15px;
}

header .container .toolbar .mini-options .mini-option a,
header .container .toolbar .mini-options .mini-option button {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.4);
  text-decoration: none;
  background: transparent;
  border: none;
  padding: 0 0 0 1px;
}

header .container .toolbar .mini-options .mini-option a:hover,
header .container .toolbar .mini-options .mini-option button:hover {
  opacity: .6;
}

header .head__back-svg {
  position: absolute;
  top: -336px;
  right: -450px;
  float: right;
  stroke: white;
  stroke-width: 1;
  stroke-opacity: 0.2;
  fill: transparent;
}

.notifications-panel {
  /* triangulo */
  width: 362px;
  position: absolute;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  line-height: 16px;
  color: #666666;
  display: none;
}

.notifications-panel#background-reports-panel .notification__close {
  top: -3px !important;
}

.notifications-panel#background-reports-panel .notification__content {
  vertical-align: top !important;
}

.notifications-panel#background-reports-panel .notification__content .report-progress-bar {
  width: 245px;
  margin: 5px 0;
  height: 10px;
  border-radius: 5px;
  background-color: #cccccc;
  overflow: hidden;
}

.notifications-panel#background-reports-panel .notification__content .report-progress-bar .report-progress {
  background-color: #20b0ed;
  height: 10px;
}

.notifications-panel#background-reports-panel .notification__content .icon-info {
  position: relative;
  top: 1px;
}

.notifications-panel:before {
  display: block;
  content: '';
  border: 10px solid #fff;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  position: absolute;
  width: 0px;
  top: -20px;
  right: 103px;
}

.notifications-panel h4 {
  text-transform: uppercase;
  padding-bottom: 8px;
  border: 1px solid #e6e6e6;
  border-width: 0 0 1px 0;
  font-size: 17px;
  line-height: 16px;
  margin: 10px 12px 8px;
  padding: 0 0 6px 4px;
}

.notifications-panel .notification-list-container {
  max-height: 280px;
  overflow-y: auto;
  margin: 0 12px 12px 12px;
}

.notifications-panel .notification-list-container .notification-list {
  margin: 0 8px 0 0;
}

.notifications-panel .notification-list-container .notification-list li {
  position: relative;
}

.notifications-panel .notification-list-container .notification-list li:last-child .notification {
  margin-bottom: 0;
}

.notifications-panel .notification-list-container .notification-list a {
  text-decoration: none;
  color: #666666;
}

.notifications-panel .notification-list-container .notification-list .notification {
  border: 1px solid #efefef;
  margin: 0 0 8px 0;
  border-radius: 4px;
  display: block;
  width: 100%;
}

.notifications-panel .notification-list-container .notification-list .notification .notification__icon {
  font-size: 30px;
  line-height: 30px;
  width: 40px;
  display: inline-block;
  text-align: center;
}

.notifications-panel .notification-list-container .notification-list .notification .notification__content {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 17px;
  margin-top: -2px;
  max-width: 245px;
  margin-left: 10px;
}

.notifications-panel .notification-list-container .notification-list .notification .notification__content .notification__content__affected-items,
.notifications-panel .notification-list-container .notification-list .notification .notification__content .notification__content__acction-text {
  font-weight: 800;
  margin-top: 4px;
  width: 100%;
  overflow: hidden;
}

.notifications-panel .notification-list-container .notification-list .notification .notification__content .notification__content__acction-text {
  color: #0092cf;
}

.notifications-panel .notification-list-container .notification-list .notification .notification__content.closeable {
  max-width: 218px;
  margin-left: 7px;
}

.notifications-panel .notification-list-container .notification-list .notification a {
  display: block;
  padding: 11px 5px 5px;
}

.notifications-panel .notification-list-container .notification-list .notification a.not-executable:hover {
  cursor: auto;
}

.notifications-panel .notification-list-container .notification-list .notification .notification__close {
  position: absolute;
  top: 0;
  right: 6px;
  display: inline-block;
  vertical-align: top;
  width: 30px;
  text-align: right;
  font-size: 22px;
  color: #999999;
  cursor: pointer;
  transition: opacity 0.1s linear;
}

.notifications-panel .notification-list-container .notification-list .notification .notification__close:hover {
  color: #666666;
}

.notifications-panel .notification-list-container .notification-list .notification.notification--info {
  background: #efefef;
  border-color: #efefef;
}

.notifications-panel .notification-list-container .notification-list .notification.notification--info .notification__icon {
  color: #999999;
}

.notifications-panel .notification-list-container .notification-list .notification.notification--info .notification__content {
  color: #666666;
}

.notifications-panel .notification-list-container .notification-list .notification.notification--info:hover {
  background: #fff;
}

.notifications-panel .notification-list-container .notification-list .notification.notification--error {
  background: #cc0000;
  border-color: #cc0000;
}

.notifications-panel .notification-list-container .notification-list .notification.notification--error .notification__icon {
  color: #e06666;
}

.notifications-panel .notification-list-container .notification-list .notification.notification--error .notification__content {
  color: #fff;
}

.notifications-panel .notification-list-container .notification-list .notification.notification--error .notification__close {
  color: #fff;
  transition: opacity 0.1s linear;
}

.notifications-panel .notification-list-container .notification-list .notification.notification--error .notification__close:hover {
  opacity: 0.6;
}

nav {
  font-weight: 400;
  min-width: 980px;
  position: relative;
  background: #0069a5;
  background: linear-gradient(to bottom, #0069a5 0%, #0069a5 50%, #004f7d 100%);
  border-top: 1px solid #004f7c;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

nav:empty {
  display: none;
}

nav a {
  color: white;
  text-decoration: none;
}

nav .container > ul {
  margin: 0 16px 0 35px;
  border-left: 1px solid #1076ab;
}

nav .container > ul > li {
  min-height: 19px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  padding: 11px 10px 0 16px;
  height: 40px;
  border-right: 1px solid #1076ab;
  border-left: 1px solid #00598a;
  font-size: 17px;
}

nav .container > ul > li span {
  font-size: 7px;
  line-height: 7px;
  vertical-align: middle;
  text-shadow: none;
  margin-left: 3px;
}

nav ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

nav ul li {
  background: #0069a5;
  background: linear-gradient(to bottom, #0069a5 0%, #0069a5 50%, #004f7d 100%);
  color: white;
  display: inline-block;
  cursor: pointer;
  transition: all 0.2s;
}

nav ul li:hover {
  background: #0069a5;
  background: linear-gradient(to bottom, #3a8eba 0%, #2180b2 23%, #0073aa 45%, #0069a5 100%);
  color: #fff;
}

nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

nav ul li ul {
  margin-left: -17px;
  padding: 0;
  position: absolute;
  top: 40px;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s;
  z-index: 2500;
}

nav ul li ul li {
  background: #006aa6;
  display: block;
  color: #fff;
}

nav ul li ul li:hover {
  background: #3388b8;
}

nav ul li ul li a {
  display: block;
  padding: 6px 25px 5px 16px;
}

nav ul li .nav__separator {
  border-left: none;
  border-right: none;
  border-top: 1px solid #005585;
  border-bottom: 1px solid #3388b8;
}

nav ul li.force-close ul {
  display: none;
  visibility: hidden;
}

.status-bar {
  height: 58px;
  position: absolute;
  left: 0;
  right: 0;
  top: 8;
}

.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.flex-item-noresize {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: auto;
  -moz-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.flex-item-resize {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -moz-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.flex-item-resize-nogrow {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -moz-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.body > .container {
  height: 100%;
}

.content {
  margin: 16px 16px 0 16px;
  position: relative;
  height: 100%;
}

.content:empty {
  display: none;
}

.content .warning-dirty {
  padding: 1px 1px 16px 1px;
}

.content .content__header {
  position: absolute;
  top: 0;
  width: 100%;
  color: #666666;
  background: #f7f7f7;
  padding-left: 16px;
  margin: 0;
  border: 1px solid #fff;
  border-width: 1px 1px 0 1px;
  height: 56px;
  line-height: 56px;
  font-weight: 800;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.content .content__header h1 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  font-weight: 800;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.content .content__header h1.trim-with-ellipsis,
.content .content__header .operator-group--partition-permissions h1.detail-box__title,
.operator-group--partition-permissions .content .content__header h1.detail-box__title {
  max-width: calc(100% - 60px);
}

.content .content__header h1.trim-with-ellipsis.showing-errors,
.content .content__header .operator-group--partition-permissions h1.showing-errors.detail-box__title,
.operator-group--partition-permissions .content .content__header h1.showing-errors.detail-box__title {
  max-width: calc(100% - 200px);
}

.content .content__header span {
  margin-right: 11px;
  vertical-align: middle;
}

.content .content__header span.header-icon {
  font-size: 2em;
  vertical-align: top;
  display: inline-block;
}

.content .content__header .content__warning-bar {
  display: inline-block;
  float: right;
  height: 30px;
  margin: 8px 8px 8px 0;
}

.content .content__header .content__warning-bar button {
  vertical-align: top;
  margin-top: 4px;
}

.content .content__header .selected-items-message {
  padding-right: 20px;
}

.content .content__header .selected-items-message a {
  text-decoration: underline;
  color: #1fb0ed;
}

.content .content__status-bar {
  position: absolute;
  top: 56px;
  height: 58px;
  background: #c5c5c5;
  box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  left: 0;
  right: 0;
  padding: 0 2px;
}

.content .content__status-bar .status-bar__group {
  display: inline-block;
  background: rgba(153, 153, 153, 0.25);
  box-shadow: inset 0px 4px 4px 2px rgba(0, 0, 0, 0.1);
  height: 42px;
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}

.content .content__status-bar .status-bar__block {
  float: left;
  margin: 0 0 0 1px;
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
  padding: 0 8px;
  color: white;
  font-weight: 600;
  font-size: 14px;
}

.content .content__status-bar .status-bar__block.status-bar__block--default,
.content .content__status-bar .status-bar__block.status-bar__block--default--green-icon {
  background: #565656;
  text-transform: uppercase;
}

.content .content__status-bar .status-bar__block.status-bar__block--secondary {
  background: #787878;
  text-transform: uppercase;
}

.content .content__status-bar .status-bar__block.status-bar__block--secondary [class^="icon-"]:before,
.content .content__status-bar .status-bar__block.status-bar__block--secondary [class*=" icon-"]:before,
.content .content__status-bar .status-bar__block.status-bar__block--secondary .select2-container--salto .select2-selection--single .select2-selection__arrow b,
.select2-container--salto .select2-selection--single .select2-selection__arrow .content .content__status-bar .status-bar__block.status-bar__block--secondary b,
.content .content__status-bar .status-bar__block.status-bar__block--secondary .notifications-panel .notification-list-container .notification-list .notification .notification__icon,
.notifications-panel .notification-list-container .notification-list .notification .content .content__status-bar .status-bar__block.status-bar__block--secondary .notification__icon,
.content .content__status-bar .status-bar__block.status-bar__block--secondary .notifications-panel .notification-list-container .notification-list .notification .notification__close,
.notifications-panel .notification-list-container .notification-list .notification .content .content__status-bar .status-bar__block.status-bar__block--secondary .notification__close {
  font-size: 16px;
  margin: 0 4px;
}

.content .content__status-bar .status-bar__block.status-bar__block--warning {
  background: #cc6600;
  text-transform: uppercase;
  line-height: 36px;
}

.content .content__status-bar .status-bar__block.status-bar__block--error {
  background: #cc0000;
  text-transform: uppercase;
  line-height: 36px;
}

.content .content__status-bar .status-bar__block.status-bar__block--button {
  padding: 0 0 0 8px;
}

.content .content__status-bar .status-bar__block.status-bar__block--green-icon > span,
.content .content__status-bar .status-bar__block.status-bar__block--default--green-icon > span,
.content .content__status-bar .status-bar__block.status-bar__block--green-icon > .tooltip-container > span,
.content .content__status-bar .status-bar__block.status-bar__block--default--green-icon > .tooltip-container > span {
  color: #9fdf20;
}

.content .content__status-bar .status-bar__block .status-bar__block--light {
  font-weight: 200;
  margin-right: 4px;
}

.content .content__status-bar .status-bar__block:first-child {
  margin: 0;
}

.content .content__status-bar .status-bar__block:first-child.status-bar__block--button {
  padding: 0;
}

.content .content__status-bar .status-bar__block:last-child:not(.keep-right-padding) {
  padding-right: 0;
}

.content .content__status-bar .status-bar__block [class^="icon-"]:before,
.content .content__status-bar .status-bar__block [class*=" icon-"]:before,
.content .content__status-bar .status-bar__block .select2-container--salto .select2-selection--single .select2-selection__arrow b,
.select2-container--salto .select2-selection--single .select2-selection__arrow .content .content__status-bar .status-bar__block b,
.content .content__status-bar .status-bar__block .notifications-panel .notification-list-container .notification-list .notification .notification__icon,
.notifications-panel .notification-list-container .notification-list .notification .content .content__status-bar .status-bar__block .notification__icon,
.content .content__status-bar .status-bar__block .notifications-panel .notification-list-container .notification-list .notification .notification__close,
.notifications-panel .notification-list-container .notification-list .notification .content .content__status-bar .status-bar__block .notification__close {
  font-size: 14px;
  vertical-align: middle;
}

.content .content__status-bar .status-bar__block .icon-warning {
  position: relative;
  bottom: 1px;
}

.content .content__status-bar .button-list,
.content .content__status-bar .button-list--stacked {
  padding: 0;
  display: inline-block;
  width: auto;
  margin: 0 0 0 8px;
}

.content .content__status-bar .button-list:first-child,
.content .content__status-bar .button-list--stacked:first-child {
  margin-left: 0;
}

.content .content__status-bar .button-list li,
.content .content__status-bar .button-list--stacked li {
  margin: 0 0 0 8px;
}

.content .content__status-bar .button-list li:first-child,
.content .content__status-bar .button-list--stacked li:first-child {
  margin-left: 0;
}

.content .content__body {
  position: absolute;
  padding: 16px 16px 16px 16px;
  background-color: #fff;
  top: 56px;
  bottom: 47px;
  width: 100%;
  overflow: auto;
}

.content .content__body.no-padding {
  padding: 0px 1px;
}

.content .content__body.padding-top-16px {
  padding-top: 16px;
}

.content .content__body.padding-bottom-16px {
  padding-bottom: 16px;
}

.content .content__body .content__body__full-height {
  height: 100%;
}

.content .content__body .content__body__list {
  width: 200px;
  display: inline-block;
  vertical-align: top;
  float: left;
}

.content .content__body .content__body__detail {
  width: calc(100% - 200px);
  display: inline-block;
  vertical-align: top;
  float: left;
}

.content .content__body > applied-filters {
  padding-top: 10px;
}

.content .content--has-status-bar .content__body {
  top: 114px;
}

.content .content__footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.content .content__footer .button-list,
.content .content__footer .button-list--stacked {
  padding: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.content .content__footer .button-list.right,
.content .content__footer .right.button-list--stacked {
  text-align: right;
}

.content .content__footer .button-list.right > li:first-child,
.content .content__footer .right.button-list--stacked > li:first-child {
  margin-left: 7px;
}

.content .content__footer .button-list.no-wrap,
.content .content__footer .no-wrap.button-list--stacked {
  white-space: nowrap;
}

.content .content__footer .button-list .add-buttons,
.content .content__footer .button-list--stacked .add-buttons {
  white-space: nowrap;
  display: inline-block;
  margin: 0 0 0 7px;
}

.content .content__footer .button-list .add-buttons > li,
.content .content__footer .button-list--stacked .add-buttons > li {
  letter-spacing: normal;
}

.content .content__footer .button-list.button-list__centered button,
.content .content__footer .button-list__centered.button-list--stacked button,
.content .content__footer .button-list.button-list__centered .button-group__title,
.content .content__footer .button-list__centered.button-list--stacked .button-group__title {
  vertical-align: middle;
}

.content .content__footer .button-list li,
.content .content__footer .button-list--stacked li {
  display: inline-block;
  margin: 12px 0 0 8px;
}

.content .content__footer .button-list li:first-child,
.content .content__footer .button-list--stacked li:first-child {
  margin-left: 0;
}

.content .content__footer .button-list li.minimum-margin,
.content .content__footer .button-list--stacked li.minimum-margin {
  margin-left: 1px;
}

.content .content--no-footer .content__body {
  bottom: 24px;
}

.content .content--has-side-menu {
  width: calc(100% - 88px);
  position: absolute;
}

.content .content--has-side-menu .content__header,
.content .content--has-side-menu .content__status-bar {
  position: relative;
  top: 0;
}

.content .content--has-side-menu .content__side-layer {
  display: none;
  position: absolute;
  z-index: 1;
  width: calc(100% - 88px);
  background: rgba(233, 233, 233, 0.7);
  top: 0;
  left: 0;
  width: 100%;
}

.content .content--has-side-menu .content__side-layer.show {
  display: block;
}

.content .content__side-container {
  position: absolute;
  width: 88px;
  right: 0;
}

.content .content__side-container ul.content__side-menu {
  display: inline-block;
  list-style: none;
  vertical-align: top;
  margin-top: 0;
  padding: 0;
}

.content .content__side-container ul.content__side-menu:hover li:not(:hover):not(.selected) .side-menu__option span {
  opacity: 0.5;
}

.content .content__side-container ul.content__side-menu:hover li:hover {
  box-shadow: none;
  background-color: #006aa6;
}

.content .content__side-container ul.content__side-menu:hover li:hover .side-menu__option span {
  opacity: 1;
}

.content .content__side-container ul.content__side-menu li {
  color: #fff;
  display: block;
  height: 77px;
  width: 88px;
  cursor: pointer;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
  display: table;
  position: relative;
  word-wrap: break-word;
}

.content .content__side-container ul.content__side-menu li .side-menu__option {
  width: 100%;
  max-width: 88px;
  max-height: 100%;
  padding: 0 0.3em;
  text-align: center;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
}

.content .content__side-container ul.content__side-menu li .side-menu__option .side-menu__title {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.1em;
  font-weight: 600;
  /*
						overflow: hidden;
						max-height: 100%;
						*/
}

.content .content__side-container ul.content__side-menu li .side-menu__option .side-menu__icon {
  cursor: pointer;
  font-size: 25px;
}

.content .content__side-container ul.content__side-menu li .side-menu__warning {
  position: absolute;
  background: #ff0000;
  border: 2px solid #fff;
  border-radius: 100%;
  width: 23px;
  height: 23px;
  text-align: center;
  line-height: 1.2em;
  top: 5px;
  right: 5px;
}

.content .content__side-container ul.content__side-menu li:first-child {
  border-top-right-radius: 0.2em;
}

.content .content__side-container ul.content__side-menu li:last-child {
  border-bottom-right-radius: 0.2em;
}

.content .content__side-container ul.content__side-menu li:nth-child(odd) {
  background-color: #40b0f0;
}

.content .content__side-container ul.content__side-menu li:nth-child(even) {
  background-color: #1a8ccd;
}

.content .content__side-container ul.content__side-menu li.selected {
  opacity: 1;
  box-shadow: none;
  background-color: #006aa6;
}

.content .content__side-container ul.content__side-menu li.not-selected .side-menu__option span {
  opacity: 0.5;
}

.content .content__side-container .side-menu__content {
  z-index: 1;
  color: white;
  position: absolute;
  top: 0;
  right: 88px;
  background-color: #006aa6;
  float: right;
  cursor: default;
  min-height: 370px;
  max-width: 870px;
}

.content .content__side-container .side-menu__content .menu-content__header {
  background-color: #005f95;
  display: table;
  width: 100%;
  font-size: 32px;
  font-weight: 800;
  height: 56px;
  line-height: 1.8em;
  text-align: center;
}

.content .content__side-container .side-menu__content .menu-content__header .menu-content__icon {
  float: left;
  background-color: #004c77;
  font-size: 1em;
  padding: 0.1em 0.4em;
  margin-right: 1em;
  height: 56px;
  width: 56px;
  display: table-cell;
}

.content .content__side-container .side-menu__content .menu-content__header .menu-content__icon:before {
  margin-top: 2px;
}

.content .content__side-container .side-menu__content .menu-content__header .menu-content__close {
  cursor: pointer;
  float: right;
  background-color: #1f3b53;
  font-size: 1em;
  padding: 0.1em 0.4em;
  margin-left: 1em;
  height: 56px;
  width: 56px;
  display: table-cell;
}

.content .content__side-container .side-menu__content .menu-content__header .menu-content__close:hover {
  background-color: #627687;
}

.content .content__side-container .side-menu__content .menu-content__header .menu-content__header__title {
  display: table-cell;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(870px - 112px - 2em);
  overflow: hidden;
}

.content .content__side-container .side-menu__content .menu-content__body {
  width: 100%;
  padding: 20px;
}

.content .content__side-container .side-menu__content .menu-content__body .shorter .table-container {
  min-height: 250px;
  height: 250px;
}

.content .content__side-container .side-menu__content .menu-content__body .shorter .table-container .tbody-wrapper {
  min-height: 200px;
}

.content .content__side-container .side-menu__content .menu-content__body .table-container {
  min-height: 230px;
  min-width: 400px;
}

.content .content__side-container .side-menu__content .menu-content__body .table-container .tbody-wrapper {
  min-height: 180px;
}

.content .content__side-container .side-menu__content .menu-content__body .table-container .tbody-wrapper .table-empty {
  color: #80aac2;
}

.content .content__side-container .side-menu__content .menu-content__body .multi-tab-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.content .content__side-container .side-menu__content .menu-content__body .multi-tab-container > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.off-canvas-table--xl {
  width: 800px;
}

.off-canvas-table--xl .thead-wrapper table,
.off-canvas-table--xl .tbody-wrapper table {
  max-width: 798px;
}

.off-canvas-table--l {
  width: 600px;
}

.off-canvas-table--l .thead-wrapper table,
.off-canvas-table--l .tbody-wrapper table {
  max-width: 598px;
}

.off-canvas-table--m {
  width: 540px;
}

.off-canvas-table--m .thead-wrapper table,
.off-canvas-table--m .tbody-wrapper table {
  max-width: 538px;
}

.off-canvas-table--s {
  width: 350px;
}

.off-canvas-table--s .thead-wrapper table,
.off-canvas-table--s .tbody-wrapper table {
  max-width: 348px;
}

.off-canvas-table--locations-functions .thead-wrapper table,
.off-canvas-table--locations-functions .tbody-wrapper table {
  max-width: 398px;
}

.off-canvas-table__period-column {
  width: 250px;
}

.off-canvas-table__period-column--ampm {
  width: 290px;
}

.off-canvas-table__name-column {
  width: 355px;
}

.bulk-tab-add-timetable-period--options {
  display: inline-block;
  vertical-align: top;
  margin-right: -16px;
}

.bulk-tab-add--table {
  width: 400px;
  display: inline-block;
}

.bulk-tab-add--options {
  display: inline-block;
  vertical-align: top;
  margin-right: -16px;
}

.select2-dropdown {
  z-index: inherit;
}

.trim-with-ellipsis,
.operator-group--partition-permissions .detail-box__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.select2 .select2-image,
.select2-results__option .select2-image {
  vertical-align: middle;
  margin-right: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.loading-spinner,
.crop-image-loading {
  height: 26px;
  width: 26px;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.flex-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden !important;
}

.flex-footer .table-footer__total,
.flex-footer .table-footer--slim .table-footer__selected,
.table-footer--slim .flex-footer .table-footer__selected {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.flex-footer .button-list,
.flex-footer .button-list--stacked {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 1px !important;
  -moz-box-flex: 1;
  -moz-flex: 1 1 1px !important;
  -ms-flex: 1 1 1px !important;
  flex: 1 1 1px !important;
  min-width: 0;
  text-align: right !important;
}

.flex-footer .button-list li,
.flex-footer .button-list--stacked li {
  max-width: 100%;
  margin: 0 !important;
}

.flex-footer .button-list button,
.flex-footer .button-list--stacked button {
  max-width: 100%;
  text-align: left;
}

.flex-footer .button-list .button__gradient,
.flex-footer .button-list--stacked .button__gradient {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.side-menu__content.prevent-long-title .title-wrapper {
  display: inline-block !important;
  width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.cookies-policy-wrapper {
  width: 600px;
  height: 400px;
}

.cookies-policy-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.right {
  float: right;
}

.left {
  float: left;
}

.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.trim-with-ellipsis,
.operator-group--partition-permissions .detail-box__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.placeholder-option {
  font-style: italic;
  font-size: 15px;
  font-weight: 200;
  color: #999;
}

.status--error .placeholder-option {
  color: #cc0000;
}

/* 
 * Extracted from normalize.css 1.0
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/

/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/

/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container {
  margin-right: 24px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */

.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 24px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  background: #e5e5e5;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */

.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 4px;
  left: 4px;
  bottom: 4px;
  right: 4px;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 16px;
  height: 100%;
  margin: 0 auto;
  border: 1px solid #ccc;
  background: #d8d8d8;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 16px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #ccc;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAAA9JREFUCNdj+M/EAARwEgAbJQMEMY2RiQAAAABJRU5ErkJggg==) no-repeat center center white;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
  border-color: #999999;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 24px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 24px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 16px;
  margin: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 16px;
  margin: 0 auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjuM2AAgE20AbZSznfKwAAAABJRU5ErkJggg==) no-repeat center center white;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 24px;
  margin-bottom: 24px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 24px;
  padding-bottom: 24px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x > .mCSB_container,
.mCSB_container_wrapper.mCS_no_scrollbar_y > .mCSB_container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x {
  padding-bottom: 0;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 24px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 24px;
}

/* non-visible horizontal scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  padding-right: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/

/* default theme ("light") */

.dark .mCSB_scrollTools {
  background: #00466f;
}

.dark .mCSB_scrollTools .mCSB_draggerRail {
  background: #004165;
  border-color: #00324f;
}

.dark .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: black;
  border-color: #336f91;
}

.table-container {
  display: inline-block\9\0;
  width: 100%;
  min-height: 200px;
  border: 1px solid #cccccc;
  background-color: white;
  position: relative;
}

.light-border .table-container {
  border-color: #e6e6e6;
}

.dark .table-container {
  border-color: #333333;
  background: rgba(0, 0, 0, 0.2);
}

.table-container.table-container--outer {
  margin-left: 1px;
}

.table-container.no-border {
  border: none;
}

.table-container .thead-wrapper {
  border: 1px solid #cccccc;
  border-width: 0 0 1px 0;
  overflow: hidden;
  background: #d5d5d5;
  /* Old browsers */
  background: linear-gradient(to bottom, #d5d5d5 0%, #e0e0e0 30%, #e8e8e8 60%, #e0e0e0 100%);
  /* W3C */
}

.light-border .table-container .thead-wrapper {
  border-color: #e6e6e6;
}

.table-container .thead-wrapper table {
  width: auto;
}

.table-container .thead-wrapper table .resizable {
  position: relative;
}

.table-container .thead-wrapper table .resizable .resizable-element {
  position: absolute;
  right: -5px;
  width: 10px;
  top: 0;
  bottom: 0;
  cursor: col-resize;
  /*z-index: 20;*/
  height: 37px;
}

.dark .table-container .thead-wrapper {
  background: linear-gradient(to bottom, #272727 0%, #161616 50%, #000 100%);
  border-color: #000;
}

.white .table-container .thead-wrapper {
  background: #fff;
  background: linear-gradient(#fefefe 0%, #fefefe 61%, #f5f5f5 89%, #f5f5f5 92%, #fdfdfd 100%);
}

.table-container .thead-wrapper .scrollspace {
  display: none;
}

.table-container .thead-wrapper.has-vertical-scroll .thead-wrapper-content {
  padding-right: 24px;
  display: table;
}

.table-container .thead-wrapper.has-vertical-scroll .scrollspace {
  display: block;
  width: 24px;
  height: 37px;
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(to bottom, #d5d5d5 0%, #e0e0e0 30%, #e8e8e8 60%, #e0e0e0 100%);
  /* W3C */
}

.dark .table-container .thead-wrapper.has-vertical-scroll .scrollspace {
  border-left-color: #4d4d4d;
  background: linear-gradient(to bottom, #272727 0%, #161616 50%, #000 100%);
}

.white .table-container .thead-wrapper.has-vertical-scroll .scrollspace {
  background: #fff;
  background: linear-gradient(#fefefe 0%, #fefefe 61%, #f5f5f5 89%, #f5f5f5 92%, #fdfdfd 100%);
}

.table-container.table--highlight-active .thead-wrapper {
  background: linear-gradient(to bottom, #D9D9D9 0%, #F3F3F3 100%);
  /* W3C */
  border-top: 1px solid #fff;
}

.table-container.table--highlight-active.hide-scrollspace .thead-wrapper-content {
  padding-right: 0 !important;
  width: 100% !important;
}

.table-container.table--highlight-active.hide-scrollspace .thead-wrapper-content table {
  width: 100% !important;
}

.table-container.hide-scrollspace .scrollspace {
  display: none !important;
}

.table-container .tbody-wrapper {
  overflow: auto;
  min-height: 163px;
}

.table-container .tbody-wrapper table {
  outline: none;
  margin-top: -38px;
  width: calc(100% - 1px);
}

.dark .table-container .tbody-wrapper table {
  width: 100%;
}

.table-container .tbody-wrapper table thead {
  visibility: hidden;
}

.table-container .tbody-wrapper table tr {
  cursor: default;
  outline: none;
}

.table-container .tbody-wrapper .table-empty {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: calc(100% - 32px);
  color: #b3b3b3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  margin: 0 16px;
}

.table-container .tbody-wrapper .table-empty .table-empty__icon,
.table-container .tbody-wrapper .table-empty .table-empty__text {
  line-height: 18px;
  vertical-align: text-top;
}

.table-container .tbody-wrapper .table-empty .table-empty__icon {
  padding: 0 8px 0 0;
}

.table-container .tbody-wrapper .table-empty .table-empty__content {
  margin-top: 24px;
  max-width: 100%;
}

.table-container table {
  /* Prevents blue outlines from appearing when clicking on table items on
           Firefox as the Ctrl key is pressed. This has the side effect of
           disabling text selection. */
  -moz-user-select: none;
}

.table-container table:not(.disable-highlight) tbody tr.highlight td {
  animation-name: highlight-row;
  animation-duration: 3.5s;
  animation-timing-function: ease-in-out;
}

.table-container table:not(.disable-highlight) tbody tr.highlight.selected td {
  animation-name: inverse-highlight-row;
}

.table-container table thead tr th {
  border: 1px solid #cccccc;
}

.table-container table tbody {
  /*Time-Period-Actions*/
}

.table-container table tbody td {
  white-space: nowrap;
  padding: 0 16px;
  height: 28px;
  font-size: 15px;
  overflow: hidden;
  line-height: 26px;
}

.table-container table tbody td.line-height-inherit {
  line-height: inherit;
}

.table-container table tbody td [class^="icon-"],
.table-container table tbody td [class*=" icon-"] {
  font-size: 16px;
  vertical-align: middle;
}

.table-container table tbody td [class^="icon-"].vertical-align-top,
.table-container table tbody td [class*=" icon-"].vertical-align-top {
  vertical-align: top;
}

.table-container table tbody td .inline-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: -8px;
  margin-right: 8px;
}

.table-container table tbody td.hidden-column {
  padding: 0;
  border: none;
  width: 0;
}

.table-container table tbody td.hidden-column > * {
  visibility: hidden;
}

.table-container table tbody tr:nth-child(even) td {
  background: #f4f4f4;
}

.dark .table-container table tbody tr:nth-child(even) td {
  background: rgba(0, 0, 0, 0.2);
}

.table-container table tbody tr.flat td {
  background: #fefefe;
}

.table-container table tbody tr.non-removable-item td {
  background-color: #DAF2FF;
}

.table-container table tbody tr.selected td:not(.loading-row) {
  background: rgba(0, 207, 164, 0.75);
}

.dark .table-container table tbody tr.selected td:not(.loading-row) {
  background: rgba(0, 207, 164, 0.75);
}

.table-container table tbody tr:hover td {
  background: rgba(31, 176, 237, 0.75);
}

.dark .table-container table tbody tr:hover td {
  background: rgba(31, 176, 237, 0.75);
}

.table-container table tbody tr td.table-row--word-break {
  max-width: 293px;
  overflow: hidden;
}

.table-container table tbody tr .icon-locked:before {
  content: "\2395";
  margin-left: 6px;
}

.table-container table tbody tr th.tall-checkbox-column,
.table-container table tbody tr td.tall-checkbox-column {
  height: 34px;
}

.table-container table tbody.list-and-detail-actions tr:nth-child(odd) td,
.table-container table tbody.list-and-detail-actions tr:nth-child(even) td {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  cursor: default;
  padding: 0 8px;
  width: auto;
}

.table-container table tbody.list-and-detail-actions tr:nth-child(odd) td.no-rborder,
.table-container table tbody.list-and-detail-actions tr:nth-child(even) td.no-rborder {
  border-right: none;
}

.table-container table tbody.list-and-detail-actions tr:nth-child(odd) td.list-and-detail-actions__row-action,
.table-container table tbody.list-and-detail-actions tr:nth-child(even) td.list-and-detail-actions__row-action {
  padding: 0;
}

.table-container table tbody.list-and-detail-actions tr:nth-child(odd) td.list-and-detail-actions__row-action button,
.table-container table tbody.list-and-detail-actions tr:nth-child(even) td.list-and-detail-actions__row-action button {
  outline: 0;
  background: #FAFAFA;
  text-align: center;
  cursor: pointer;
  height: 58px;
  width: 100%;
  border: none;
  margin: 0;
  padding: 0 10px;
  display: inline-block;
  color: #666666;
}

.table-container table tbody.list-and-detail-actions tr:nth-child(odd) td.list-and-detail-actions__row-action button span,
.table-container table tbody.list-and-detail-actions tr:nth-child(even) td.list-and-detail-actions__row-action button span {
  cursor: pointer;
}

.table-container table tbody.list-and-detail-actions tr:nth-child(odd) td.list-and-detail-actions__row-action button:hover,
.table-container table tbody.list-and-detail-actions tr:nth-child(odd) td.list-and-detail-actions__row-action button:focus,
.table-container table tbody.list-and-detail-actions tr:nth-child(even) td.list-and-detail-actions__row-action button:hover,
.table-container table tbody.list-and-detail-actions tr:nth-child(even) td.list-and-detail-actions__row-action button:focus {
  background: #cccccc;
}

.table-container table tbody.list-and-detail-actions tr td {
  line-height: inherit !important;
}

.table-container table tbody.list-and-detail-actions:hover td {
  background: #fff;
}

.table-container table .td-center {
  text-align: center;
}

.table-container table .td-checkbox {
  width: 40px !important;
  padding: 0;
  vertical-align: top;
}

.table-container table .td-checkbox .td-wrapper {
  width: 40px !important;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.table-container table .td-checkbox input {
  margin: 0 !important;
}

.table-container table th.td-checkbox {
  text-align: center;
}

.table-container table .td-small {
  width: 50px;
}

.table-container table .td-medium {
  width: 120px;
}

.table-container table .td-full {
  width: 100%;
  min-width: 0px !important;
}

.table-container table .td-max-310 {
  max-width: 310px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table-container table input[type='checkbox'] {
  margin-right: 5px;
}

.table-container table input[type='checkbox'].checkbox-top-1px {
  position: relative;
  top: 1px;
}

.table-container table.selectable tbody tr {
  cursor: default;
}

.table-container table.valign-mid .td-wrapper {
  vertical-align: middle;
}

.table-container table .loading-row {
  color: #999999;
  font-style: italic;
}

.table-container table .error-row {
  text-align: center;
  background-color: rgba(204, 0, 0, 0.65) !important;
  padding-bottom: 16px;
}

.table-container table .error-row p {
  color: #fff;
  margin: 16px 0 !important;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.table-container-th,
.table-container table thead tr th {
  white-space: nowrap;
  box-sizing: border-box;
  background: #d5d5d5;
  /* Old browsers */
  background: linear-gradient(to bottom, #d5d5d5 0%, #e0e0e0 30%, #e8e8e8 60%, #e0e0e0 100%);
  /* W3C */
  border-width: 0 0 0 1px;
  height: 37px;
  font-size: 14px;
  /*line-height: 37px;*/
  text-align: left;
  padding: 0 8px 0 16px;
  text-transform: uppercase;
  color: #666666;
  font-weight: 600;
}

.dark .table-container-th,
.dark .table-container table thead tr th,
.table-container table thead tr .dark th,
.table-container-th.dark,
.table-container table thead tr th.dark {
  background: linear-gradient(to bottom, #272727 0%, #161616 50%, #000 100%);
  border-color: #000;
}

.white .table-container-th,
.white .table-container table thead tr th,
.table-container table thead tr .white th,
.table-container-th.white,
.table-container table thead tr th.white {
  color: #aaaaaa;
  background: #fff;
  background: linear-gradient(#fefefe 0%, #fefefe 61%, #f5f5f5 89%, #f5f5f5 92%, #fdfdfd 100%);
}

.table-container-th.gu-mirror,
.table-container table thead tr th.gu-mirror {
  padding-top: 7px;
  border: 1px solid #cccccc;
}

.table-container-th.gu-mirror.dark,
.table-container table thead tr th.gu-mirror.dark {
  border: none;
}

.light-border .table-container-th,
.light-border .table-container table thead tr th,
.table-container table thead tr .light-border th {
  border-color: #e6e6e6;
}

.dark .table-container-th,
.dark .table-container table thead tr th,
.table-container table thead tr .dark th {
  color: #fff;
  border-color: #4d4d4d;
}

.white .table-container-th,
.white .table-container table thead tr th,
.table-container table thead tr .white th {
  color: #aaaaaa;
}

.table-container-th.td-icon,
.table-container table thead tr th.td-icon {
  text-align: right;
  padding-left: 0;
}

.table-container-th [class^="icon-"],
.table-container table thead tr th [class^="icon-"],
.table-container-th [class*=" icon-"],
.table-container table thead tr th [class*=" icon-"] {
  vertical-align: middle;
  font-size: 16px;
}

.table-container-th:first-child,
.table-container table thead tr th:first-child {
  border-left-width: 0;
}

.table-container-th.th--xs,
.table-container table thead tr th.th--xs {
  width: 70px;
}

.table-container-th.th--s,
.table-container table thead tr th.th--s {
  width: 110px;
}

.table-container-th.no-rborder,
.table-container table thead tr th.no-rborder {
  border-right: 0;
}

.table-container-th.no-lborder,
.table-container table thead tr th.no-lborder {
  border-left: 0;
}

.table-container-th .table-header,
.table-container table thead tr th .table-header {
  display: table;
  width: 100%;
}

.table-container-th .table-header .table-header-title,
.table-container table thead tr th .table-header .table-header-title {
  display: table-cell;
  vertical-align: middle;
  cursor: default;
}

.table-container-th .table-header .table-options,
.table-container table thead tr th .table-header .table-options {
  display: table-cell;
  width: 1.5em;
  padding-left: 8px;
}

.table-container-th .table-header .table-options [class^='icon-'],
.table-container table thead tr th .table-header .table-options [class^='icon-'],
.table-container-th .table-header .table-options [class*=' icon-'],
.table-container table thead tr th .table-header .table-options [class*=' icon-'] {
  font-size: 14px;
  vertical-align: middle;
}

.table-container-th .table-header .table-options--x2,
.table-container table thead tr th .table-header .table-options--x2 {
  width: 3em;
}

.table-container-th .table-header-button,
.table-container table thead tr th .table-header-button {
  padding: 0;
  border: 1px solid #e5e5e5;
  display: inline-block;
  background: #d3d3d3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d3d3d3 0%, #dbdbdb 60%, #d8d8d8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(60%, #dbdbdb), color-stop(100%, #d8d8d8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d3d3d3 0%, #dbdbdb 60%, #d8d8d8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d3d3d3 0%, #dbdbdb 60%, #d8d8d8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d3d3d3 0%, #dbdbdb 60%, #d8d8d8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d3d3d3 0%, #dbdbdb 60%, #d8d8d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#d8d8d8',GradientType=0 );
  /* IE6-9 */
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  color: #666666;
  box-sizing: border-box;
}

.dark .table-container-th .table-header-button,
.dark .table-container table thead tr th .table-header-button,
.table-container table thead tr .dark th .table-header-button {
  color: #fff;
  background: linear-gradient(to bottom, #000 0%, #000 60%, #252525 100%);
  border-color: #4d4d4d;
}

.table-container-th .table-header-button:hover:not(.button-disabled),
.table-container table thead tr th .table-header-button:hover:not(.button-disabled) {
  background: #1fb0ed;
}

.table-container-th .table-header-button:focus,
.table-container table thead tr th .table-header-button:focus {
  outline: 1px #00cfa4 dotted;
}

.table-container-th .table-header-button.active,
.table-container table thead tr th .table-header-button.active {
  background: #00cfa4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00cfa4), color-stop(60%, #00cfa4), color-stop(100%, #00a180));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* W3C */
  border-color: #fff;
  color: #fff;
}

.dark .table-container-th .table-header-button.active,
.dark .table-container table thead tr th .table-header-button.active,
.table-container table thead tr .dark th .table-header-button.active {
  background: #00cfa4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00cfa4), color-stop(60%, #00cfa4), color-stop(100%, #00a180));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* W3C */
  border-color: #fff;
}

.table-container-th .table-header-button:not(:first-child),
.table-container table thead tr th .table-header-button:not(:first-child) {
  margin-left: 10px;
}

.table-container-th .table-header-button span,
.table-container table thead tr th .table-header-button span {
  vertical-align: top;
}

.table-container-th .table-header-button.list-and-details,
.table-container table thead tr th .table-header-button.list-and-details {
  display: inline-block;
  float: right;
}

.table-container-th .table-header-button.button-disabled,
.table-container table thead tr th .table-header-button.button-disabled {
  opacity: 0.5;
  cursor: auto;
}

.table-container-th .table-header-button.button-disabled:focus,
.table-container table thead tr th .table-header-button.button-disabled:focus {
  outline: none;
}

.table-container-th input[type='checkbox'],
.table-container table thead tr th input[type='checkbox'] {
  margin-left: 20px;
}

.table-container-th .tooltip-container,
.table-container table thead tr th .tooltip-container {
  cursor: default;
}

.table-container-th.hidden-column,
.table-container table thead tr th.hidden-column {
  padding: 0;
  border: none;
  width: 0;
}

.table-container-th.hidden-column > *,
.table-container table thead tr th.hidden-column > * {
  visibility: hidden;
}

.table-container-th.dummy-resizable-column,
.table-container table thead tr th.dummy-resizable-column {
  width: auto;
}

.main-list-table .mCSB_1_container_wrapper {
  height: 560px;
  max-height: calc(100% - 24px);
}

.list-and-detail__table .tbody-wrapper table {
  table-layout: fixed;
}

.list-and-detail__table table th,
.list-and-detail__table table td {
  overflow: hidden;
  line-height: inherit !important;
}

.list-and-detail__table .scrollspace {
  display: none;
}

.tab .tbody-wrapper table,
.tab .thead-wrapper table {
  table-layout: fixed;
}

.tab table th,
.tab table td {
  overflow: hidden;
}

table-footer {
  display: block;
}

.table-footer,
.table-footer--slim {
  background: #d9d9d9;
  background: linear-gradient(to bottom, #d8d8d8 0%, #eaeaea 70%, #e9e9e9 78%, #dddddd 96%, #dedede 100%);
  height: 52px;
  border: 1px solid #cccccc;
  border-top-color: #d9d9d9;
}

.table-footer .spin,
.table-footer--slim .spin {
  width: 14px;
  height: 14px;
  display: inline-block;
  animation: roll 0.5s infinite;
}

@keyframes roll {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.table-footer .table-footer-pagination,
.table-footer--slim .table-footer-pagination {
  display: table;
  width: 100%;
  height: 100%;
}

.table-footer .table-footer-pagination .table-footer-pagination__previous-page,
.table-footer--slim .table-footer-pagination .table-footer-pagination__previous-page,
.table-footer .table-footer-pagination .table-footer-pagination__current-information,
.table-footer--slim .table-footer-pagination .table-footer-pagination__current-information,
.table-footer .table-footer-pagination .table-footer-pagination__next-page,
.table-footer--slim .table-footer-pagination .table-footer-pagination__next-page {
  display: table-cell;
  padding: 8px;
  text-align: center;
}

.table-footer .table-footer-pagination .table-footer-pagination__previous-page,
.table-footer--slim .table-footer-pagination .table-footer-pagination__previous-page,
.table-footer .table-footer-pagination .table-footer-pagination__next-page,
.table-footer--slim .table-footer-pagination .table-footer-pagination__next-page {
  width: 1em;
  border: 1px solid #cccccc;
  border-width: 0;
}

.table-footer .table-footer-pagination .table-footer-pagination__previous-page,
.table-footer--slim .table-footer-pagination .table-footer-pagination__previous-page {
  text-align: left;
  border-width: 0 1px 0 0;
}

.table-footer .table-footer-pagination .table-footer-pagination__current-information,
.table-footer--slim .table-footer-pagination .table-footer-pagination__current-information {
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
}

.table-footer .table-footer-pagination .table-footer-pagination__next-page,
.table-footer--slim .table-footer-pagination .table-footer-pagination__next-page {
  text-align: right;
  border-width: 0 0 0 1px;
}

.table-footer .table-footer-pagination.non-table,
.table-footer--slim .table-footer-pagination.non-table {
  display: block;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  height: 100%;
  margin: 0;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information {
  display: inline-block;
  padding: 0px 8px;
  text-align: center;
  text-transform: none;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information.no-padding,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information.no-padding {
  padding: 0;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information.only-text,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information.only-text {
  padding: 16px 0 16px 16px;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information.bolder,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information.bolder,
.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .bolder,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .bolder {
  font-weight: 600;
  text-transform: uppercase;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information.bolder.no-text-transform,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information.bolder.no-text-transform,
.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .bolder.no-text-transform,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .bolder.no-text-transform {
  text-transform: none;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .right-border,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .right-border {
  border-right: 1px solid #cccccc;
  padding-right: 8px;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information.half-padding,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information.half-padding {
  padding-left: 8px;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information.centered,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information.centered {
  display: block;
  width: auto;
  margin: 0 auto;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .fixed-span,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .fixed-span {
  display: inline-block;
  min-width: 2.5em;
  text-align: left;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .fixed-span.big,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .fixed-span.big {
  min-width: 3em;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .fixed-span.small,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .fixed-span.small {
  min-width: 1.5em;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .fixed-span.text-right,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .fixed-span.text-right {
  text-align: right;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .info-block,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .info-block {
  text-transform: capitalize;
  margin: 8px 0 0 16px;
  font-weight: 200;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .info-block [class^=icon-],
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .table-footer-pagination__current-information .info-block [class^=icon-] {
  font-size: 12px;
  color: #b3b3b3;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .button-list,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .button-list,
.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .button-list--stacked,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .button-list--stacked {
  display: inline-block;
  margin: 0;
  height: 100%;
  padding: 8px;
}

.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .button-list.button-list--left-border,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .button-list.button-list--left-border,
.table-footer .table-footer-pagination.non-table .table-footer-pagination__main-block .button-list--left-border.button-list--stacked,
.table-footer--slim .table-footer-pagination.non-table .table-footer-pagination__main-block .button-list--left-border.button-list--stacked {
  border-left: 1px solid #cccccc;
  padding-left: 16px;
}

.table-footer ul.button-list,
.table-footer--slim ul.button-list,
.table-footer ul.button-list--stacked,
.table-footer--slim ul.button-list--stacked {
  margin: 8px;
}

.table-footer ul.button-list.no-padding,
.table-footer--slim ul.button-list.no-padding,
.table-footer ul.no-padding.button-list--stacked,
.table-footer--slim ul.no-padding.button-list--stacked {
  padding: 0;
}

.table-footer .info-block,
.table-footer--slim .info-block {
  text-transform: capitalize;
  border: 1px solid #bcbcbc;
  background-color: #f2f2f2;
  border-radius: 4px;
  padding: 7px;
  font-size: 15px;
  font-weight: 200;
  margin: 0 8px 8px 0;
}

.dark .table-footer .info-block,
.dark .table-footer--slim .info-block {
  border-color: #4d4d4d;
  background-color: #333333;
}

.dark .table-footer .info-block,
.dark .table-footer--slim .info-block,
.white .table-footer .info-block,
.white .table-footer--slim .info-block {
  margin: auto;
}

.table-footer .info-block [class^=icon-],
.table-footer--slim .info-block [class^=icon-] {
  font-size: 12px;
}

.table-footer .table-footer__total,
.table-footer--slim .table-footer__total,
.table-footer--slim .table-footer__selected {
  font-size: 14px;
  margin-left: 15px;
  margin-top: 17px;
  margin-right: 15px;
  display: inline-block;
  text-transform: uppercase;
}

.table-footer .table-footer__total span.total,
.table-footer--slim .table-footer__total span.total,
.table-footer--slim .table-footer__selected span.total {
  font-weight: 600;
}

.table-footer.table-footer--dark,
.table-footer--dark.table-footer--slim {
  color: #fff;
  background: linear-gradient(to bottom, #272727 0%, #161616 50%, #000 100%);
  border: none;
}

.table-footer.table-footer--white,
.table-footer--white.table-footer--slim {
  background: #fff;
  background: linear-gradient(#fefefe 0%, #fefefe 61%, #f5f5f5 89%, #f5f5f5 92%, #fdfdfd 100%);
  border-top-width: 0 !important;
  /* si no se veía una doble línea (borde gordo) en el footer de la tabla */
}

.table-footer.table-footer--white button,
.table-footer--white.table-footer--slim button {
  float: right;
  margin-top: 7px;
  margin-right: 8px;
}

.table-footer.table-footer--locations-functions button,
.table-footer--locations-functions.table-footer--slim button {
  float: right;
  margin-top: 7px;
  margin-right: 8px;
}

.table-footer--slim {
  height: 39px;
}

.table-footer--slim .table-footer__total,
.table-footer--slim .table-footer__selected {
  margin-top: 10px;
}

.table-footer--slim .table-footer__selected {
  margin-top: 0px;
}

.table-footer--slim .table-footer__selected .info-block {
  padding: 4px 7px;
}

.table--highlight-active {
  background: #fafafa;
  border-width: 0;
}

.table--highlight-active thead tr th {
  font-size: 18px;
  text-transform: none;
  background: linear-gradient(to bottom, #D9D9D9 0%, #F3F3F3 100%);
  /* W3C */
}

.table--highlight-active thead tr th .list-and-details--action {
  width: auto;
  display: inline-block;
  float: right;
}

.table--highlight-active thead tr th .list-and-details--action button {
  outline: 0;
}

.table--highlight-active tbody tr {
  font-size: 15px;
  font-weight: 200;
}

.table--highlight-active tbody tr td {
  padding: 8px 5px;
}

.table--highlight-active tbody tr:nth-child(odd) td {
  background: #eeeeee;
}

.table--highlight-active tbody tr:nth-child(even) td {
  background: #fafafa;
}

.table--highlight-active tbody tr.selected td {
  color: #fff;
  background: #00cfa4 !important;
}

.table--highlight-active tbody tr:hover td {
  background: rgba(0, 207, 164, 0.5) !important;
}

.table--highlight-active tbody tr .table--highlight__word-break {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  height: 34px;
  display: block;
}

.table--highlight-active tbody tr .table--highlight__word-break .table--highlight__word-break__text {
  margin: 8px 5px;
  display: inline;
  vertical-align: middle;
  max-width: 170px;
  overflow: hidden;
  padding-right: 1px;
}

.table--highlight-active tbody tr .table--highlight__word-break .table--highlight__word-break__text.has-error {
  width: calc(100% - 40px);
  overflow: hidden;
}

.table--highlight-active tbody tr .table--highlight__word-break .table--highlight__word-break__text.table--highlight__word-break__text--large {
  max-width: 220px;
}

.table--highlight-active tbody tr .table--highlight__word-break .table--highlight__word-break__error {
  margin: 8px 11px 8px 0;
  font-size: 16px;
  display: inline-block;
  float: right;
}

@keyframes highlight-row {
  from {
    background: rgba(0, 207, 164, 0.75);
  }
}

@keyframes inverse-highlight-row {
  from {
    background: #fff;
    color: #666666;
  }
}

.off-canvas-tab-footer {
  display: table;
  width: 100%;
  padding-left: 10px;
}

.off-canvas-tab-footer .table-footer__total,
.off-canvas-tab-footer .table-footer--slim .table-footer__selected,
.table-footer--slim .off-canvas-tab-footer .table-footer__selected,
.off-canvas-tab-footer .table-footer__button {
  display: table-cell;
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}

.off-canvas-tab-footer .table-footer__total button,
.off-canvas-tab-footer .table-footer--slim .table-footer__selected button,
.table-footer--slim .off-canvas-tab-footer .table-footer__selected button,
.off-canvas-tab-footer .table-footer__button button {
  margin-top: 0;
}

.off-canvas-tab-footer .table-footer__total,
.off-canvas-tab-footer .table-footer--slim .table-footer__selected,
.table-footer--slim .off-canvas-tab-footer .table-footer__selected {
  padding-right: 15px;
}

.off-canvas-tab-footer .table-footer__separator {
  width: 100%;
  display: table-cell;
}

.off-canvas-tab-footer .table-footer__buttons {
  display: table-cell;
  vertical-align: middle;
}

.off-canvas-tab-footer button {
  float: right;
  margin-top: 7px;
  margin-right: 8px;
}

.table-legend-container {
  padding-top: 16px;
}

.table-legend-container.three-quarters-padding {
  padding-top: 15px;
}

.table-legend-container .table-legend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.table-legend-container .table-legend .table-legend___icon {
  width: 15px;
  height: 15px;
  border: 1px solid #CCCCCC;
  background-color: #BAE7FF;
}

.table-legend-container .table-legend .table-legend___text {
  font-weight: 400;
  color: #999999;
  margin-left: 5px;
  line-height: 15px;
}

.table-legend-container .table-legend .table-legend___text.table-legend___text--no-margin {
  margin-left: 0px;
}

.default-modal-table {
  width: 320px;
}

.table--no-min-height .table-container {
  min-height: 0;
}

.table--no-min-height .table-container .tbody-wrapper {
  min-height: 0;
}

.main-list-table .table-container {
  height: 600px;
}

.main-list-table .table-container.has-horizontal-scroll {
  height: 624px;
}

.main-list-table .table-container .tbody-wrapper {
  height: calc(100% - 38px) !important;
}

.ignore-min-width td,
.ignore-min-width th {
  min-width: 0px !important;
}

.no-stripes .table-container table tbody tr:nth-child(even):not(.selected):not(:hover) td {
  background: none;
}

.ngdialog .no-scroll-table .table-container .tbody-wrapper table,
.ngdialog .no-scroll-table .table-container .thead-wrapper table {
  table-layout: fixed;
  word-wrap: normal;
}

.ngdialog .no-scroll-table .table-container .tbody-wrapper table th,
.ngdialog .no-scroll-table .table-container .tbody-wrapper table td,
.ngdialog .no-scroll-table .table-container .thead-wrapper table th,
.ngdialog .no-scroll-table .table-container .thead-wrapper table td {
  overflow: hidden;
}

.table-multiple-selection button {
  display: inline-block;
  position: relative;
  outline: none;
  background: none;
  border: none;
  width: 26px;
  height: 24px;
  text-align: center;
  color: #666666;
  padding: 0;
  box-shadow: none;
  margin: 0;
  box-sizing: border-box;
}

.table-multiple-selection button [class^="icon-"],
.table-multiple-selection button [class*=" icon-"] {
  font-size: 13px !important;
}

.table-multiple-selection button:hover {
  cursor: pointer;
}

.table-multiple-selection button:focus {
  outline: 1px dotted #00cfa4;
}

.dark .table-multiple-selection button {
  color: #fff;
}

.table-multiple-selection__popup {
  position: absolute;
  background: #fff;
  padding: 18px 0 12px;
  display: block;
  border: 1px solid #cccccc;
}

.table-multiple-selection__popup ul.table-multiple-selection__list {
  padding: 0 4px 0 20px;
  margin: 0;
  list-style: none;
}

.table-multiple-selection__popup ul.table-multiple-selection__list li.table-multiple-selection__options {
  position: relative;
  left: -12px;
  padding-left: 12px;
  margin-bottom: 4px;
  cursor: pointer;
}

.table-multiple-selection__popup ul.table-multiple-selection__list li.table-multiple-selection__options:before {
  font-family: 'icomoon';
  font-size: 11px;
  visibility: hidden;
  content: '\2713';
  margin-left: -1em;
  margin-right: .100em;
}

.table-multiple-selection__popup ul.table-multiple-selection__list li.table-multiple-selection__options.selected:before {
  visibility: visible;
}

.table-multiple-selection__popup ul.table-multiple-selection__list li.table-multiple-selection__options:hover:not(.selected):before {
  visibility: visible;
  color: #cccccc;
}

.table-multiple-selection__popup ul.table-multiple-selection__list li.table-multiple-selection__options:focus {
  outline: none !important;
}

.table-multiple-selection__popup ul.table-multiple-selection__list li.table-multiple-selection__options .table-multiple-selection__options__text {
  font-weight: 600;
}

.table-multiple-selection__popup ul.table-multiple-selection__list li.table-multiple-selection__options .wrapper {
  margin-left: 5px;
}

.table-multiple-selection__popup ul.table-multiple-selection__list li.table-multiple-selection__options:focus .wrapper {
  border-bottom: 1px #00cfa4 dotted;
}

.table-multiple-selection__popup button {
  outline: none;
  background: #fff;
  color: #00cfa4;
  border: none;
  width: 26px;
  height: 24px;
  text-align: center;
  position: absolute;
  left: -1px;
  top: -24px;
  padding: 0;
  box-shadow: none;
  margin: 0;
  border: 1px solid #cccccc;
  border-width: 1px 1px 0 1px;
}

.table-multiple-selection__popup button [class^="icon-"],
.table-multiple-selection__popup button [class*=" icon-"] {
  font-size: 13px !important;
}

.table-multiple-selection__popup button:hover {
  cursor: pointer;
}

table .table-filter {
  position: relative;
}

.table-filter-content {
  background: white;
  border: 1px solid #d9d9d9;
  padding: 12px;
  min-width: 240px;
}

.table-filter-content .table-filter-close-button {
  padding: 0;
  position: absolute;
  box-sizing: border-box;
  display: block;
  right: 0;
  width: 26px;
  height: 29px;
  border: 1px solid #d9d9d9;
  border-width: 1px 1px 0 1px;
  background: #fff;
  top: -28px;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  color: #00cfa4;
}

.table-filter-content.table-filter-datetime .input-button-ctrl .input-button-ctrl__input {
  line-height: inherit;
}

.table-filter-content.table-filter-datetime .fullpicker > input:nth-child(4),
.table-filter-content.table-filter-datetime .fullpicker > input.fullpicker-time {
  /* Ensure that the time input has border-radius: 4px */
  border-radius: 4px !important;
}

.table-filter-content.table-filter-datetime button[type=submit] {
  border-radius: 4px !important;
}

.table-filter-content.table-filter-datetime field {
  margin-right: 15px;
}

.table-filter-content.table-filter-datetime field.no-margin {
  margin-right: 0;
}

.close-button-left .table-filter-content .table-filter-close-button {
  left: 0;
  top: -28px;
}

.table-filter__content {
  position: absolute;
  background: white;
  border: 1px solid #d9d9d9;
  right: 0;
  top: 30px;
  padding: 12px;
  min-width: 240px;
}

.table-filter__content .table-filter--close-button {
  padding: 0;
  position: absolute;
  box-sizing: border-box;
  display: block;
  right: -1px;
  width: 26px;
  height: 29px;
  border: 1px solid #d9d9d9;
  border-width: 1px 1px 0 1px;
  background: #fff;
  top: -29px;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  color: #00cfa4;
}

.table-filter__content .select2 {
  min-width: 180px;
  vertical-align: top;
}

.table-filter__content .field {
  width: 100%;
}

.table-filter__content.popup--right .table-filter--close-button {
  right: initial;
  left: -1px;
}

.table-filter__content.table-filter__datetime .input-button-ctrl .input-button-ctrl__input {
  line-height: inherit;
}

.table-filter__content.table-filter__datetime .fullpicker > input:nth-child(4),
.table-filter__content.table-filter__datetime .fullpicker > input.fullpicker-time {
  /* Ensure that the time input has border-radius: 4px */
  border-radius: 4px !important;
}

.table-filter__content.table-filter__datetime button[type=submit] {
  border-radius: 4px !important;
}

.table-filter__content.table-filter__datetime field {
  margin-right: 15px;
}

.table-filter__content.table-filter__datetime field.no-margin {
  margin-right: 0;
}

.table-filter__content button.alone-button {
  border-radius: 4px !important;
}

.table-filter__content.table-filter-multi-combo .input-button-ctrl__input {
  line-height: 17.25px;
}

.table-filter__content.table-filter-multi-combo .select2-selection--multiple {
  min-height: 34px;
  max-height: 300px;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-filter__content.table-filter-multi-combo .select2-selection--multiple .select2-selection__rendered {
  height: auto;
}

.table-filter__content.table-filter-multi-combo .multiple-select-ctrl {
  max-width: 350px;
}

.table-filter__content--altern {
  right: inherit;
}

.table-filter__content--altern .table-filter--close-button {
  right: -1px;
}

.table-filter-text-combo .input-button-ctrl {
  text-align: right;
}

.table-filter--outer {
  padding: 16px;
  background-color: #F4F4F4;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}

.table-filter--outer .table-filter__field:not(:first-child):not(.no-top-margin) {
  margin-top: 16px;
}

.table-filter--outer .table-filter__field.fixed-icon {
  white-space: nowrap;
}

.table-filter--outer .table-filter__field.fixed-icon input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  width: calc(100% - 32px);
  height: 35px;
}

.table-filter--outer .table-filter__field.fixed-icon input::-webkit-input-placeholder {
  font-style: italic;
  font-weight: 200;
}

.table-filter--outer .table-filter__field.fixed-icon button {
  color: #fff;
  font-size: 16px;
  padding: 8px;
  background-color: #A6A6A6;
  border-radius: 0px 3px 3px 0px;
  margin-left: -4px;
  vertical-align: top;
  display: inline-block;
  pointer-events: none;
  height: 35px;
  width: 35px;
  border: none;
  box-sizing: border-box;
  outline: none;
}

.table-filter--outer .table-filter__field.fixed-icon button.clear-button {
  pointer-events: auto;
  cursor: pointer;
}

.table-filter--outer .table-filter__field.fixed-icon button:focus {
  padding-top: 7px;
  border: 1px solid #00cfa4;
}

.table-container table thead tr th .table-filter--container {
  display: block;
  margin-left: -16px;
}

.table-container table thead tr th .table-filter--container .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.table-container table thead tr th .table-filter--container .table-header .table-header-title {
  padding-left: 16px;
  height: 36px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  overflow: hidden;
}

.table-container table thead tr th .table-filter--container .table-header .table-options {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  padding-left: 0;
  margin-left: 8px;
  width: auto;
}

.table-filter__content--number .select2 {
  width: 100px;
  min-width: 100px;
}

.filter-wrapper {
  position: absolute;
  width: 100%;
}

.filter-wrapper * {
  direction: ltr;
}

applied-filters {
  display: block;
}

applied-filters.inline-blocks .applied-filters .label--wrapper,
applied-filters.inline-blocks .applied-filters .filter--wrapper {
  display: inline-block;
}

.applied-filters {
  display: table;
  padding: 0 0 12px 0;
  margin: 0;
  font-size: 14px;
  letter-spacing: -0.31em;
}

.flex-filters .applied-filters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.applied-filters .label--wrapper {
  display: table-cell;
  vertical-align: top;
}

.flex-filters .applied-filters .label--wrapper {
  display: inline-block;
}

.applied-filters .filter--wrapper {
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
}

.flex-filters .applied-filters .filter--wrapper {
  display: inline-block;
  max-width: 100%;
}

.applied-filters .applied-filters__label,
.applied-filters .applied-filters__filter {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin: 0 2px 2px 0;
  /* Needed to have the CSS ellipsis at the end follow the same format as
		   the rest of the content. */
  font-weight: 600;
  color: #666666;
}

.applied-filters .applied-filters__label {
  background: #999999;
  color: #fff;
  text-transform: uppercase;
  height: 33px;
  line-height: 33px;
  padding: 0 12px;
  font-weight: 200;
  white-space: nowrap;
}

.applied-filters .applied-filters__filter {
  padding: 0;
  display: inline-block;
  background: #ccf5ed;
  height: 33px;
  line-height: 33px;
  padding: 0 12px;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

.applied-filters .applied-filters__filter .tooltip-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.applied-filters .applied-filters__filter.clickable:hover {
  cursor: pointer;
  background-color: #B8F2E6;
}

.applied-filters .applied-filters__filter .applied-filter__label {
  padding-right: 3px;
  font-weight: 200;
  text-transform: uppercase;
}

.applied-filters .applied-filters__filter .applied-filter__value {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  padding-right: 1px;
}

.applied-filters .applied-filters__filter .applied-filter__value.placeholder-option {
  padding-right: 4px;
}

.applied-filters .applied-filters__filter .close-button-wrapper {
  vertical-align: middle;
  padding-left: 4px;
  padding-right: 1px;
}

.applied-filters .applied-filters__filter .close-button-wrapper button:focus {
  outline: 1px dotted #00cfa4;
}

.applied-filters .applied-filters__filter .applied-filter__remove-filter {
  border: none;
  background: transparent;
  padding: 0;
  color: #00cfa4;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}

.applied-filters .applied-filters__filter .applied-filter__remove-filter:hover {
  color: #3dc6ff;
}

.applied-filters .applied-filters__filter .applied-filter__remove-filter * {
  vertical-align: sub;
}

.applied-filters--dark .applied-filters__label {
  background: #003f63;
  color: white;
}

.applied-filters--dark .applied-filters__filter {
  background: #005585;
  color: white;
}

.tree-grid-row--level-1--tab td.tree-cell {
  padding-left: 36px;
}

.tree-grid-row--level-1--tab td.tree-cell .tree-grid-first-cell {
  display: inline-table;
}

.tree-grid-row--level-2 td.tree-cell {
  padding-left: 50px;
}

.tree-grid-row--level-1-rooms td.tree-cell {
  padding-left: 0px;
}

.tree-grid-row--level-1-rooms td.tree-cell input[type=checkbox] {
  margin-left: 3px;
}

.tree-grid-row--level-2-rooms td.tree-cell {
  padding-left: 29px;
}

.tree-grid-row--level-2-rooms td.tree-cell .tree-grid-first-cell.inline {
  margin-left: 0;
}

.tree-grid-row--level-2-rooms td.tree-cell .tree-grid-first-cell.inline-table {
  display: inline-table;
}

.tree-grid-row--level-3-rooms td.tree-cell {
  padding-left: 60px;
}

.tree-grid-row--level-3 td.tree-cell {
  padding-left: 84px;
}

.tree-grid-toggle {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  background: transparent;
  color: #666666;
}

.tree-grid-toggle.closed {
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -webkit-transform: rotate(270deg);
  /* Chrome <=35, Safari <=8, Opera 15-22 */
  transform: rotate(270deg);
}

.tree-grid-toggle:focus {
  outline: 1px #00cfa4 dotted;
}

table.dark .tree-grid-toggle {
  color: #d9d9d9;
}

tree-grid-toggle {
  display: block;
  width: 20px;
}

.tree-grid-first-cell {
  display: table;
}

.tree-grid-first-cell.inline {
  display: inline;
  margin-left: 5px;
}

.tree-grid-first-cell .tree-grid-first-cell__toggle {
  display: table-cell;
  width: 20px;
}

.tree-grid-first-cell .tree-grid-first-cell__content {
  display: table-cell;
}

.tree-grid-first-cell.hidden-first-cell {
  visibility: hidden;
}

.tree-grid-first-cell.inline-table {
  display: inline-table;
}

.tree-item-list {
  margin: 0;
  padding-left: 16px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.tree-item-list .tree-item {
  list-style-type: none;
  list-style-position: inside;
  white-space: nowrap;
}

.tree-item-list .tree-item.selected > .field {
  background: #00cfa4;
}

.tree-item-list .tree-item .field {
  width: calc(100% - 20px);
}

.tree-item-list .tree-item .field label {
  width: calc(100% - 20px);
}

.tree-item-list .tree-item .field:hover {
  background: rgba(31, 176, 237, 0.75);
}

.tree-item-list:focus {
  outline: 0;
}

table .tree-grid-first-cell {
  position: relative;
  top: 2px;
}

.table-wrapper table {
  border-collapse: collapse;
}

.table-wrapper,
.table-wrapper * {
  box-sizing: border-box;
}

.table-wrapper td,
.table-wrapper th {
  white-space: nowrap;
}

.table-wrapper .table-wrapper__thead .table-wrapper__thead__content {
  overflow: hidden;
  float: left;
}

.table-wrapper .table-wrapper__thead .table-wrapper__thead__scollplace {
  float: left;
  height: 38px;
  background: -moz-linear-gradient(top, #d5d5d5 0%, #e0e0e0 30%, #e8e8e8 60%, #e0e0e0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5d5d5), color-stop(30%, #e0e0e0), color-stop(60%, #e8e8e8), color-stop(100%, #e0e0e0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d5d5d5 0%, #e0e0e0 30%, #e8e8e8 60%, #e0e0e0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d5d5d5 0%, #e0e0e0 30%, #e8e8e8 60%, #e0e0e0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d5d5d5 0%, #e0e0e0 30%, #e8e8e8 60%, #e0e0e0 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d5d5d5 0%, #e0e0e0 30%, #e8e8e8 60%, #e0e0e0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#e0e0e0',GradientType=0 );
  /* IE6-9 */
  border: 1px solid #cccccc;
  border-width: 0 0 1px 1px;
}

.table-wrapper .table-wrapper__tbody {
  margin-top: 1px;
}

.table-wrapper .table-wrapper__tbody .table-wrapper__tbody__content {
  display: inline-block;
  overflow: hidden;
  float: left;
}

.table-wrapper .table-wrapper__tbody .table-wrapper__tbody__scroll {
  position: relative;
  float: left;
  width: 23px;
  background: #e5e5e5;
}

.table-wrapper .table-wrapper__tbody .table-wrapper__tbody__scroll .table-scroll__before-button,
.table-wrapper .table-wrapper__tbody .table-wrapper__tbody__scroll .table-scroll__after-button,
.table-wrapper .table-wrapper__tbody .table-wrapper__tbody__scroll .table-scroll__button {
  position: absolute;
  left: 0;
  right: 0;
}

.table-wrapper .table-wrapper__tbody .table-wrapper__tbody__scroll .table-scroll__before-button {
  top: 0;
}

.table-wrapper .table-wrapper__tbody .table-wrapper__tbody__scroll .table-scroll__after-button {
  bottom: 0;
}

.table-wrapper .table-wrapper__tbody .table-wrapper__tbody__scroll .table-scroll__button:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAAA9JREFUCNdj+M/EAARwEgAbJQMEMY2RiQAAAABJRU5ErkJggg==) no-repeat center center white;
  left: 3px;
  right: 3px;
  top: 4px;
  bottom: 4px;
}

.table-wrapper .table-wrapper__tbody .table-wrapper__tbody__scroll:before {
  display: block;
  position: absolute;
  left: 3px;
  right: 3px;
  top: 4px;
  bottom: 4px;
  background: #d8d8d8;
  border: 1px solid #cccccc;
  content: ' ';
}

.table-wrapper .table-wrapper__horizontal-scroll {
  height: 23px;
  background: #e5e5e5;
  position: relative;
}

.table-wrapper .table-wrapper__horizontal-scroll .table-scroll__before-button,
.table-wrapper .table-wrapper__horizontal-scroll .table-scroll__after-button,
.table-wrapper .table-wrapper__horizontal-scroll .table-scroll__button {
  position: absolute;
  top: 0;
  bottom: 0;
}

.table-wrapper .table-wrapper__horizontal-scroll .table-scroll__before-button {
  left: 0;
}

.table-wrapper .table-wrapper__horizontal-scroll .table-scroll__after-button {
  right: 0;
}

.table-wrapper .table-wrapper__horizontal-scroll .table-scroll__button:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjuM2AAgE20AbZSznfKwAAAABJRU5ErkJggg==) no-repeat center center white;
  left: 4px;
  right: 4px;
  top: 3px;
  bottom: 3px;
}

.table-wrapper .table-wrapper__horizontal-scroll:before {
  display: block;
  position: absolute;
  left: 4px;
  right: 4px;
  top: 3px;
  bottom: 3px;
  background: #d8d8d8;
  border: 1px solid #cccccc;
  content: ' ';
}

.table-wrapper .table-scroll__button {
  cursor: pointer;
}

.table-wrapper .table-scroll__button:before {
  background-color: white;
  display: block;
  position: absolute;
  content: ' ';
  border: 1px solid #cccccc;
}

.table-wrapper .table-scroll__button:hover:before {
  border-color: #999999;
}

.table-wrapper .table-empty {
  color: #b3b3b3;
  height: 130px;
  text-align: center;
  vertical-align: middle;
  line-height: 130px;
}

.table-wrapper .table-empty .table-empty__icon,
.table-wrapper .table-empty .table-empty__text {
  line-height: 18px;
  vertical-align: text-top;
}

.table-wrapper .table-empty .table-empty__icon {
  padding: 0 8px 0 0;
}

.table-wrapper .table-wrapper__clean {
  clear: both;
}

select[select2],
select[select-2] {
  height: 34px;
  visibility: hidden;
}

input[type=text],
.tagged-input,
input[type=search],
input[type=number],
input[type=email],
input[type=password],
textarea,
.ip-address-container {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: #666666;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
  outline: none;
  padding: 6px 8px;
  background: #fff;
  /* Old browsers */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#0DFFFFFF', GradientType=0);
  background-color: #fff;
  font-size: 15px;
  line-height: 15px;
  position: relative;
  /*
    Tipos para inputs tipo text
    */
}

input[type=text][readonly],
.tagged-input[readonly],
input[type=search][readonly],
input[type=number][readonly],
input[type=email][readonly],
input[type=password][readonly],
textarea[readonly],
.ip-address-container[readonly] {
  border: 0;
  background: transparent;
  padding-left: 0;
  color: #999999;
  text-overflow: ellipsis;
  overflow: hidden;
}

input[type=text][readonly]:not(textarea),
.tagged-input[readonly]:not(textarea),
input[type=search][readonly]:not(textarea),
input[type=number][readonly]:not(textarea),
input[type=email][readonly]:not(textarea),
input[type=password][readonly]:not(textarea),
textarea[readonly]:not(textarea),
.ip-address-container[readonly]:not(textarea) {
  white-space: nowrap;
}

input[type=text][readonly]::-webkit-input-placeholder,
.tagged-input[readonly]::-webkit-input-placeholder,
input[type=search][readonly]::-webkit-input-placeholder,
input[type=number][readonly]::-webkit-input-placeholder,
input[type=email][readonly]::-webkit-input-placeholder,
input[type=password][readonly]::-webkit-input-placeholder,
textarea[readonly]::-webkit-input-placeholder,
.ip-address-container[readonly]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  opacity: 0;
}

input[type=text][readonly]::-moz-placeholder,
.tagged-input[readonly]::-moz-placeholder,
input[type=search][readonly]::-moz-placeholder,
input[type=number][readonly]::-moz-placeholder,
input[type=email][readonly]::-moz-placeholder,
input[type=password][readonly]::-moz-placeholder,
textarea[readonly]::-moz-placeholder,
.ip-address-container[readonly]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  opacity: 0;
}

input[type=text][readonly]:-ms-input-placeholder,
.tagged-input[readonly]:-ms-input-placeholder,
input[type=search][readonly]:-ms-input-placeholder,
input[type=number][readonly]:-ms-input-placeholder,
input[type=email][readonly]:-ms-input-placeholder,
input[type=password][readonly]:-ms-input-placeholder,
textarea[readonly]:-ms-input-placeholder,
.ip-address-container[readonly]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  opacity: 0;
}

input[type=text][disabled]:not(textarea).no-disabled-background,
.tagged-input[disabled]:not(textarea).no-disabled-background,
input[type=search][disabled]:not(textarea).no-disabled-background,
input[type=number][disabled]:not(textarea).no-disabled-background,
input[type=email][disabled]:not(textarea).no-disabled-background,
input[type=password][disabled]:not(textarea).no-disabled-background,
textarea[disabled]:not(textarea).no-disabled-background,
.ip-address-container[disabled]:not(textarea).no-disabled-background {
  background: transparent;
}

input[type=text][disabled]:not(textarea).no-disabled-background:hover,
.tagged-input[disabled]:not(textarea).no-disabled-background:hover,
input[type=search][disabled]:not(textarea).no-disabled-background:hover,
input[type=number][disabled]:not(textarea).no-disabled-background:hover,
input[type=email][disabled]:not(textarea).no-disabled-background:hover,
input[type=password][disabled]:not(textarea).no-disabled-background:hover,
textarea[disabled]:not(textarea).no-disabled-background:hover,
.ip-address-container[disabled]:not(textarea).no-disabled-background:hover {
  border-color: #d9d9d9;
}

input[type=text][disabled]:not(.no-disabled-background),
.tagged-input[disabled]:not(.no-disabled-background),
input[type=search][disabled]:not(.no-disabled-background),
input[type=number][disabled]:not(.no-disabled-background),
input[type=email][disabled]:not(.no-disabled-background),
input[type=password][disabled]:not(.no-disabled-background),
textarea[disabled]:not(.no-disabled-background),
.ip-address-container[disabled]:not(.no-disabled-background) {
  background-image: -webkit-linear-gradient(top, #ccc 0%, #cecece 40%, #ddd 100%);
  background-image: -o-linear-gradient(top, #ccc 0%, #cecece 40%, #ddd 100%);
  background-image: linear-gradient(to bottom, #ccc 0%, #cecece 40%, #ddd 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCCCCCC', endColorstr='#FFDDDDDD', GradientType=0);
  opacity: .7;
}

input[type=text][disabled]:not(.no-disabled-background):not(.force-error),
.tagged-input[disabled]:not(.no-disabled-background):not(.force-error),
input[type=search][disabled]:not(.no-disabled-background):not(.force-error),
input[type=number][disabled]:not(.no-disabled-background):not(.force-error),
input[type=email][disabled]:not(.no-disabled-background):not(.force-error),
input[type=password][disabled]:not(.no-disabled-background):not(.force-error),
textarea[disabled]:not(.no-disabled-background):not(.force-error),
.ip-address-container[disabled]:not(.no-disabled-background):not(.force-error) {
  border-color: #d9d9d9 !important;
}

input[type=text]:hover,
.tagged-input:hover,
input[type=text].hovered.ng-pristine:not(.focused):not(:focus),
.hovered.ng-pristine.tagged-input:not(.focused):not(:focus),
input[type=text].hovered:not(.focused):not(:focus):not(.ng-invalid),
.hovered.tagged-input:not(.focused):not(:focus):not(.ng-invalid),
input[type=search]:hover,
input[type=search].hovered.ng-pristine:not(.focused):not(:focus),
input[type=search].hovered:not(.focused):not(:focus):not(.ng-invalid),
input[type=number]:hover,
input[type=number].hovered.ng-pristine:not(.focused):not(:focus),
input[type=number].hovered:not(.focused):not(:focus):not(.ng-invalid),
input[type=email]:hover,
input[type=email].hovered.ng-pristine:not(.focused):not(:focus),
input[type=email].hovered:not(.focused):not(:focus):not(.ng-invalid),
input[type=password]:hover,
input[type=password].hovered.ng-pristine:not(.focused):not(:focus),
input[type=password].hovered:not(.focused):not(:focus):not(.ng-invalid),
textarea:hover,
textarea.hovered.ng-pristine:not(.focused):not(:focus),
textarea.hovered:not(.focused):not(:focus):not(.ng-invalid),
.ip-address-container:hover,
.ip-address-container.hovered.ng-pristine:not(.focused):not(:focus),
.ip-address-container.hovered:not(.focused):not(:focus):not(.ng-invalid) {
  border-color: #1fb0ed;
}

input[type=text]:hover[spinner-keyboard-disabled]:not(.no-disabled-background),
.tagged-input:hover[spinner-keyboard-disabled]:not(.no-disabled-background),
input[type=text].hovered.ng-pristine:not(.focused):not(:focus)[spinner-keyboard-disabled]:not(.no-disabled-background),
.hovered.ng-pristine.tagged-input:not(.focused):not(:focus)[spinner-keyboard-disabled]:not(.no-disabled-background),
input[type=text].hovered:not(.focused):not(:focus):not(.ng-invalid)[spinner-keyboard-disabled]:not(.no-disabled-background),
.hovered.tagged-input:not(.focused):not(:focus):not(.ng-invalid)[spinner-keyboard-disabled]:not(.no-disabled-background),
input[type=search]:hover[spinner-keyboard-disabled]:not(.no-disabled-background),
input[type=search].hovered.ng-pristine:not(.focused):not(:focus)[spinner-keyboard-disabled]:not(.no-disabled-background),
input[type=search].hovered:not(.focused):not(:focus):not(.ng-invalid)[spinner-keyboard-disabled]:not(.no-disabled-background),
input[type=number]:hover[spinner-keyboard-disabled]:not(.no-disabled-background),
input[type=number].hovered.ng-pristine:not(.focused):not(:focus)[spinner-keyboard-disabled]:not(.no-disabled-background),
input[type=number].hovered:not(.focused):not(:focus):not(.ng-invalid)[spinner-keyboard-disabled]:not(.no-disabled-background),
input[type=email]:hover[spinner-keyboard-disabled]:not(.no-disabled-background),
input[type=email].hovered.ng-pristine:not(.focused):not(:focus)[spinner-keyboard-disabled]:not(.no-disabled-background),
input[type=email].hovered:not(.focused):not(:focus):not(.ng-invalid)[spinner-keyboard-disabled]:not(.no-disabled-background),
input[type=password]:hover[spinner-keyboard-disabled]:not(.no-disabled-background),
input[type=password].hovered.ng-pristine:not(.focused):not(:focus)[spinner-keyboard-disabled]:not(.no-disabled-background),
input[type=password].hovered:not(.focused):not(:focus):not(.ng-invalid)[spinner-keyboard-disabled]:not(.no-disabled-background),
textarea:hover[spinner-keyboard-disabled]:not(.no-disabled-background),
textarea.hovered.ng-pristine:not(.focused):not(:focus)[spinner-keyboard-disabled]:not(.no-disabled-background),
textarea.hovered:not(.focused):not(:focus):not(.ng-invalid)[spinner-keyboard-disabled]:not(.no-disabled-background),
.ip-address-container:hover[spinner-keyboard-disabled]:not(.no-disabled-background),
.ip-address-container.hovered.ng-pristine:not(.focused):not(:focus)[spinner-keyboard-disabled]:not(.no-disabled-background),
.ip-address-container.hovered:not(.focused):not(:focus):not(.ng-invalid)[spinner-keyboard-disabled]:not(.no-disabled-background) {
  border-color: #d9d9d9 !important;
}

input[type=text]:focus,
.tagged-input:focus,
input[type=text].focused,
.focused.tagged-input,
input[type=search]:focus,
input[type=search].focused,
input[type=number]:focus,
input[type=number].focused,
input[type=email]:focus,
input[type=email].focused,
input[type=password]:focus,
input[type=password].focused,
textarea:focus,
textarea.focused,
.ip-address-container:focus,
.ip-address-container.focused {
  border-color: #00cfa4;
}

input[type=text]::-ms-clear,
.tagged-input::-ms-clear,
input[type=search]::-ms-clear,
input[type=number]::-ms-clear,
input[type=email]::-ms-clear,
input[type=password]::-ms-clear,
textarea::-ms-clear,
.ip-address-container::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=text]::-webkit-input-placeholder,
.tagged-input::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.ip-address-container::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-style: italic;
  color: #b3b3b3;
  font-weight: 200;
}

input[type=text]::-moz-placeholder,
.tagged-input::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
textarea::-moz-placeholder,
.ip-address-container::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-style: italic;
  color: #b3b3b3;
  font-weight: 200;
  opacity: 1;
}

input[type=text]:-ms-input-placeholder,
.tagged-input:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.ip-address-container:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-style: italic;
  color: #b3b3b3;
  font-weight: 200;
}

input[type=text][disabled]::-webkit-input-placeholder,
.tagged-input[disabled]::-webkit-input-placeholder,
input[type=search][disabled]::-webkit-input-placeholder,
input[type=number][disabled]::-webkit-input-placeholder,
input[type=email][disabled]::-webkit-input-placeholder,
input[type=password][disabled]::-webkit-input-placeholder,
textarea[disabled]::-webkit-input-placeholder,
.ip-address-container[disabled]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-style: italic;
  color: gray;
  font-weight: 200;
}

input[type=text][disabled]::-moz-placeholder,
.tagged-input[disabled]::-moz-placeholder,
input[type=search][disabled]::-moz-placeholder,
input[type=number][disabled]::-moz-placeholder,
input[type=email][disabled]::-moz-placeholder,
input[type=password][disabled]::-moz-placeholder,
textarea[disabled]::-moz-placeholder,
.ip-address-container[disabled]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-style: italic;
  color: gray;
  font-weight: 200;
  opacity: 1;
}

input[type=text][disabled]:-ms-input-placeholder,
.tagged-input[disabled]:-ms-input-placeholder,
input[type=search][disabled]:-ms-input-placeholder,
input[type=number][disabled]:-ms-input-placeholder,
input[type=email][disabled]:-ms-input-placeholder,
input[type=password][disabled]:-ms-input-placeholder,
textarea[disabled]:-ms-input-placeholder,
.ip-address-container[disabled]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-style: italic;
  color: gray;
  font-weight: 200;
}

input[type=text].ng-warning:not(.ng-pristine),
.ng-warning.tagged-input:not(.ng-pristine),
.ng-warning:not(form):not(ng-form) input[type=text],
.ng-warning:not(form):not(ng-form) .tagged-input,
input[type=search].ng-warning:not(.ng-pristine),
.ng-warning:not(form):not(ng-form)
  input[type=search],
input[type=number].ng-warning:not(.ng-pristine),
.ng-warning:not(form):not(ng-form)
  input[type=number],
input[type=email].ng-warning:not(.ng-pristine),
.ng-warning:not(form):not(ng-form)
  input[type=email],
input[type=password].ng-warning:not(.ng-pristine),
.ng-warning:not(form):not(ng-form)
  input[type=password],
textarea.ng-warning:not(.ng-pristine),
.ng-warning:not(form):not(ng-form)
  textarea,
.ip-address-container.ng-warning:not(.ng-pristine),
.ng-warning:not(form):not(ng-form)
  .ip-address-container {
  border-color: #cc6600;
}

input[type=text].ng-invalid:not(.ng-pristine),
.ng-invalid.tagged-input:not(.ng-pristine),
.ng-invalid:not(form):not(ng-form) input[type=text],
.ng-invalid:not(form):not(ng-form) .tagged-input,
input[type=text].ng-invalid.force-error,
.ng-invalid.force-error.tagged-input,
input[type=search].ng-invalid:not(.ng-pristine),
.ng-invalid:not(form):not(ng-form)
  input[type=search],
input[type=search].ng-invalid.force-error,
input[type=number].ng-invalid:not(.ng-pristine),
.ng-invalid:not(form):not(ng-form)
  input[type=number],
input[type=number].ng-invalid.force-error,
input[type=email].ng-invalid:not(.ng-pristine),
.ng-invalid:not(form):not(ng-form)
  input[type=email],
input[type=email].ng-invalid.force-error,
input[type=password].ng-invalid:not(.ng-pristine),
.ng-invalid:not(form):not(ng-form)
  input[type=password],
input[type=password].ng-invalid.force-error,
textarea.ng-invalid:not(.ng-pristine),
.ng-invalid:not(form):not(ng-form)
  textarea,
textarea.ng-invalid.force-error,
.ip-address-container.ng-invalid:not(.ng-pristine),
.ng-invalid:not(form):not(ng-form)
  .ip-address-container,
.ip-address-container.ng-invalid.force-error {
  border-color: #dc000c;
}

input[type=text].flat,
.flat.tagged-input,
input[type=search].flat,
input[type=number].flat,
input[type=email].flat,
input[type=password].flat,
textarea.flat,
.ip-address-container.flat {
  height: 20px;
  padding: 1px 8px;
}

input[type=text].field--inline,
.field--inline.tagged-input,
input[type=search].field--inline,
input[type=number].field--inline,
input[type=email].field--inline,
input[type=password].field--inline,
textarea.field--inline,
.ip-address-container.field--inline {
  vertical-align: top;
  height: 24px;
  width: 55px;
  font-size: 15px;
  padding: 0px 16px;
  margin-top: -3px;
}

input[type=text].field--has-button,
.field--has-button.tagged-input,
input[type=search].field--has-button,
input[type=number].field--has-button,
input[type=email].field--has-button,
input[type=password].field--has-button,
textarea.field--has-button,
.ip-address-container.field--has-button {
  margin-right: 5px;
}

input[type=text].field--has-icon,
.field--has-icon.tagged-input,
input[type=search].field--has-icon,
input[type=number].field--has-icon,
input[type=email].field--has-icon,
input[type=password].field--has-icon,
textarea.field--has-icon,
.ip-address-container.field--has-icon {
  width: auto;
}

input[type=text]:-webkit-autofill,
.tagged-input:-webkit-autofill,
input[type=search]:-webkit-autofill,
input[type=number]:-webkit-autofill,
input[type=email]:-webkit-autofill,
input[type=password]:-webkit-autofill,
textarea:-webkit-autofill,
.ip-address-container:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #FFF inset !important;
}

input[type=text].field-with-spinner,
.field-with-spinner.tagged-input,
input[type=search].field-with-spinner,
input[type=number].field-with-spinner,
input[type=email].field-with-spinner,
input[type=password].field-with-spinner,
textarea.field-with-spinner,
.ip-address-container.field-with-spinner {
  padding-right: 19px;
}

input[type=text].field-with-spinner.spinner--hidden,
.field-with-spinner.spinner--hidden.tagged-input,
input[type=search].field-with-spinner.spinner--hidden,
input[type=number].field-with-spinner.spinner--hidden,
input[type=email].field-with-spinner.spinner--hidden,
input[type=password].field-with-spinner.spinner--hidden,
textarea.field-with-spinner.spinner--hidden,
.ip-address-container.field-with-spinner.spinner--hidden {
  padding-right: 8px;
}

textarea[readonly] {
  background: transparent;
  color: #999999;
  border: none;
  overflow-y: auto;
}

.ctrl.invalid-checkbox {
  position: relative;
}

.ctrl.invalid-checkbox::after {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  position: absolute;
  left: 6px;
  top: 1px;
  background: -moz-linear-gradient(45deg, transparent 0%, transparent 49%, #dc000c 50%, #dc000c 100%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(49%, transparent), color-stop(50%, #dc000c), color-stop(100%, #dc000c));
  background: -webkit-linear-gradient(45deg, transparent 0%, transparent 49%, #dc000c 50%, #dc000c 100%);
  background: -o-linear-gradient(45deg, transparent 0%, transparent 49%, #dc000c 50%, #dc000c 100%);
  background: -ms-linear-gradient(45deg, transparent 0%, transparent 49%, #dc000c 50%, #dc000c 100%);
  background: linear-gradient(45deg, transparent 0%, transparent 49%, #dc000c 50%, #dc000c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000FF', endColorstr='#dc000c',GradientType=1 );
  background-size: 7px 7px;
}

ip-address {
  display: block;
}

ip-address .ip-address-container {
  display: inline-block;
}

ip-address .ip-address-container > input {
  border: none;
  background: none;
  text-align: center;
  margin: -6px -5px;
}

ip-address .ip-address-container > span {
  font-weight: 800;
  position: absolute;
  bottom: 8px;
  margin-left: -2px;
}

.field--xxs {
  width: 40px;
}

.field--xs {
  width: 60px;
}

.field--s {
  width: 80px;
}

.field--m {
  width: 150px;
}

.field--l {
  width: 225px;
}

.field--xl {
  width: 285px;
}

.field--xxl {
  width: 400px;
}

.field--xxxl {
  width: 507px;
}

.field--full-width {
  width: 100%;
}

input[type=number],
.numeric-input {
  text-align: right;
  -moz-appearance: textfield;
  /* hide default spinners in Firefox */
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
.numeric-input::-webkit-outer-spin-button,
.numeric-input::-webkit-inner-spin-button {
  /* hide default spinners in Chrome */
  -webkit-appearance: none;
  margin: 0;
}

input[type=number].align-left-when-readonly[readonly],
.numeric-input.align-left-when-readonly[readonly] {
  text-align: left;
}

input[type=number].field--xs,
.numeric-input.field--xs {
  width: 34px;
}

input[type=number].field--xs.field-with-spinner,
.numeric-input.field--xs.field-with-spinner {
  width: 45px;
}

input[type=number].field--s,
.numeric-input.field--s {
  width: 49px;
}

input[type=number].field--s.field-with-spinner,
.numeric-input.field--s.field-with-spinner {
  width: 60px;
}

input[type=number].field--m,
.numeric-input.field--m {
  width: 64px;
}

input[type=number].field--m.field-with-spinner,
.numeric-input.field--m.field-with-spinner {
  width: 75px;
}

input[type=number].field--l,
.numeric-input.field--l {
  width: 80px;
}

input[type=number].field--l.field-with-spinner,
.numeric-input.field--l.field-with-spinner {
  width: 91px;
}

input[type=number].field--xl,
.numeric-input.field--xl {
  width: 96px;
}

input[type=number].field--xl.field-with-spinner,
.numeric-input.field--xl.field-with-spinner {
  width: 107px;
}

input[type=number].field-with-spinner,
.numeric-input.field-with-spinner {
  padding-right: 19px;
}

input[type=number].text-left,
.numeric-input.text-left {
  text-align: left;
}

select.ng-invalid:not(.ng-pristine) ~ .select2-container .select2-selection,
select.ng-invalid.force-error ~ .select2-container .select2-selection {
  border-color: #dc000c;
}

select.select-auto-width ~ .select2-container {
  min-width: 180px;
  max-width: 100%;
}

select.select-auto-width ~ .select2-container .select2-selection--single .select2-selection__rendered {
  max-width: none;
}

select.select-auto-width--l ~ .select2-container {
  min-width: 235px;
  max-width: 100%;
}

select.select-auto-width--l ~ .select2-container .select2-selection--single .select2-selection__rendered {
  max-width: none;
}

select.select-full-width ~ .select2-container {
  width: 100%;
}

.input-button-ctrl {
  display: table;
  width: 100%;
}

.input-button-ctrl .input-button-ctrl__button,
.input-button-ctrl .input-button-ctrl__input {
  display: table-cell;
  padding: 0;
  margin: 0;
  line-height: 34px;
  height: 34px;
  vertical-align: top;
}

.input-button-ctrl .input-button-ctrl__button {
  height: 34px;
  vertical-align: top;
  width: 1px;
}

.input-button-ctrl .input-button-ctrl__input input[type=text]:not(.fullpicker-time),
.input-button-ctrl .input-button-ctrl__input .tagged-input:not(.fullpicker-time) {
  border-radius: 4px 0 0 4px;
  width: 100%;
}

.input-button-ctrl button,
.input-button-ctrl input[type=submit] {
  height: 34px;
  width: 34px;
  border-radius: 0 4px 4px 0;
  box-sizing: border-box;
  background: #999999;
  border: 1px solid #d9d9d9;
  color: white;
}

.input-button-ctrl button span,
.input-button-ctrl input[type=submit] span {
  padding: 0;
  margin: 0;
}

.spinner-wrapper {
  display: inline-block;
  position: relative;
}

.spinner-wrapper:focus {
  outline: none;
}

.spinner-wrapper:empty {
  display: none;
}

.numeric-spinners {
  margin-left: -17px;
  width: 16px;
  display: inline-block;
  position: absolute;
  right: 1px;
  top: 1px;
}

.numeric-spinners.flat button.down {
  top: 9px;
}

.numeric-spinners button {
  width: 16px;
  height: 16px;
  display: block;
  border: none;
  outline: none;
  padding: 0;
  background: none;
  font-size: 80%;
}

.numeric-spinners button:hover:not([disabled]) {
  background-color: #e6e6e6;
}

.numeric-spinners button:active:not([disabled]) {
  background-color: #c0c0c0;
}

.numeric-spinners button.up {
  border-top-right-radius: 4px;
}

.numeric-spinners button.down {
  position: absolute;
  top: 16px;
  border-bottom-right-radius: 4px;
}

.numeric-spinners button span {
  position: relative;
  top: 1px;
}

.numeric-spinners.numeric-spinners--inline {
  margin-top: -3px;
  margin-left: -14px;
}

.numeric-spinners.numeric-spinners--inline button {
  width: 12px;
  height: 12px;
  color: #b3b3b3;
}

.numeric-spinners.numeric-spinners--disabled {
  pointer-events: none;
}

.numeric-spinners.flat {
  margin-bottom: 4px;
}

.numeric-spinners.flat button {
  height: 9px;
}

.numeric-spinners.flat button span {
  position: absolute;
  top: -6px;
  left: 2px;
}

.intl-tel-input.allow-dropdown.readonly {
  opacity: 1;
}

.intl-tel-input.allow-dropdown.readonly .flag-container {
  display: none;
}

.intl-tel-input.allow-dropdown.readonly input {
  padding-left: 0;
}

.intl-tel-input.disabled {
  opacity: 1;
}

.select2-results__option .select2-selection__placeholder {
  color: #999;
}

.select2-results__option .select2__hidden-option {
  display: none;
}

.select2-spinner.paginated {
  height: 100%;
}

.select2-spinner.paginated img {
  position: absolute;
  left: calc(50% - 13px);
  top: calc(50% - 13px);
}

.select2-spinner.paginated img.small-spinner {
  height: 20px;
  width: 20px;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
}

.select2-spinner,
.select2-error {
  height: 80px;
  text-align: center;
}

.select2-spinner img,
.select2-error img {
  margin-top: 21px;
}

.select2-spinner.paginated p,
.select2-error.paginated p {
  white-space: nowrap !important;
}

.select2-results__options--with-horizontal-scrollbar .select2-error:not(.ng-hide):not(.no-table-row) {
  display: table-row !important;
}

.select2-results__options--with-horizontal-scrollbar .select2-error:not(.ng-hide):not(.no-table-row).paginated {
  display: block !important;
  padding: 0;
}

.select2-results__options--with-horizontal-scrollbar .select2-error:not(.ng-hide):not(.no-table-row).paginated button {
  padding: 0;
}

.select2-results__options--with-horizontal-scrollbar .select2-error:not(.ng-hide):not(.no-table-row) p {
  padding: 6px 6px 10px 6px;
  white-space: normal;
  margin: 0;
}

.select2-results__options--with-horizontal-scrollbar .select2-error:not(.ng-hide):not(.no-table-row) button {
  padding: 0 10px 0 6px;
  margin: 0 6px;
}

.select2-error {
  background-color: #F1DEDE;
  color: #900;
  font-weight: 800;
  padding: 6px;
}

.select2-error p {
  margin: 0 0 1em 0;
}

.select2-error button {
  font-size: 13px;
  padding: 0;
}

.select2-results__option {
  padding: 0;
}

.select2-results__option.select2-results__message,
.select2-results__option.select2-results__option--load-more {
  padding: 6px;
}

.select2-results__option:empty {
  display: none;
}

.select2-results__option > * {
  display: block;
  padding: 6px;
}

.select2-results__option > .title {
  display: block;
  padding-bottom: 0px;
  padding-right: 4px;
}

.select2-results__option > .title.simple {
  padding-bottom: 6px;
}

.select2-results__option > .partition {
  display: block;
  padding-top: 0px;
}

.select2-results__option:empty {
  display: none;
}

.select2-search--dropdown {
  padding: 4px 6px;
}

input[type=checkbox].ng-invalid {
  outline: 1px solid #F00;
}

textarea {
  resize: none;
}

select[disabled] ~ .select2-container .select2-selection--single {
  background-color: #e6e6e6;
  cursor: default;
  color: #999999;
}

select[disabled] ~ .select2-container .select2-selection--single .select2-selection__arrow b {
  color: #999999;
}

select[disabled] ~ .select2-container .select2-selection--single .select2-selection__clear {
  display: none;
}

select[disabled] ~ .select2-container .select2-selection--single:hover,
select[disabled] ~ .select2-container .select2-selection--single:focus {
  border-color: #cccccc;
}

select[disabled][readonly] ~ .select2-container .select2-selection--single {
  background: transparent;
  border: 0;
}

select[disabled][readonly] ~ .select2-container .select2-selection--single .select2-selection__arrow {
  display: none;
}

select[disabled][readonly] ~ .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  color: #999999;
}

.select2-results__option[role="group"] > ul {
  padding: 0;
}

.select2-results__option[role="group"] > ul .audit-trail-combo-icon {
  display: none;
}

.fake-loading-select img.spinner {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 7px;
  right: 10px;
  opacity: 0.5;
  animation: roll 1s infinite;
  animation-timing-function: linear;
}

@keyframes roll {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.fake-loading-select .select2-selection--single:hover {
  border-color: #cccccc !important;
}

/**
  * Por defecto será .fields--inline--stacked
  **/

field {
  display: block;
}

.fields {
  text-align: left;
}

.fields:not(.no-margin-left) {
  margin-left: -16px;
}

.fields .field {
  display: inline-block;
  vertical-align: top;
  position: relative;
  max-width: 100%;
  /* para que los select2 no se salgan de las agrupaciones */
}

.fields .field:not(.no-margin-bottom) {
  margin-bottom: 16px;
}

.fields .field:not(.no-margin-bottom).half-margin-bottom {
  margin-bottom: 8px;
}

.fields .field:not(.no-padding) {
  padding-left: 16px;
}

.fields .field.field--double-padding {
  padding-left: 32px;
}

.fields .field.field--half-padding {
  padding-left: 8px;
}

.fields .field.field--flex-simple {
  /* necesitamos el !important, por lo que no se puede usar el mixin */
  display: -ms-flexbox !important;
  display: flex !important;
}

.fields .field .link {
  color: #1fb0ed;
  font-weight: 400;
}

.fields .field .link:hover {
  color: #00cfa4;
}

.fields .field .discard-link--inline {
  display: inline-block;
}

.fields .field .discard-link--float {
  margin: 0;
  float: right;
  display: block;
}

.fields .field label {
  min-height: 18px;
}

.fields .field label:not(.without-display) {
  display: block;
}

.fields .field label.label--partition {
  font-size: 15px;
}

.fields .field label.label--lighter {
  font-weight: 200;
}

.fields .field label.label--align-right {
  text-align: right;
}

.fields .field label.label--align-center {
  text-align: center;
}

.fields .field label.label--double-bottom-margin {
  margin-bottom: 16px;
}

.fields .field label.label--margin-top-5 {
  margin-top: 5%;
}

.fields .field label.label--margin-top-8px {
  margin-top: 8px;
}

.fields .field label.label--bolder {
  font-weight: 400;
}

.fields .field label.label--white {
  color: #fff;
}

.fields .field label.label--right {
  float: right;
}

.fields .field label.label--no-top-margin {
  margin-top: 0;
}

.fields .field label.label--top-padding-8 {
  padding-top: 8px;
}

.fields .field label.label--left-padding-16 {
  padding-left: 16px;
}

.fields .field label.label--right-padding-5 {
  padding-right: 5px;
}

.fields .field label.label--font-16 {
  font-size: 16px;
}

.fields .field label.label--font-17 {
  font-size: 17px;
}

.fields .field label.label--font-18 {
  font-size: 18px;
}

.fields .field label.label--min-140px-width {
  min-width: 140px;
}

.fields .field label.label--min-125px-width {
  min-width: 125px;
}

.fields .field label.label--min-100px-width {
  min-width: 100px;
}

.fields .field label.label--min-50px-width {
  min-width: 50px;
}

.fields .field label.label--margin-right-8px {
  margin-right: 8px;
}

.fields .field label.label--margin-right-14px {
  margin-right: 14px;
}

.fields .field label.label--vertical-middle {
  vertical-align: middle;
}

.fields .field .ctrl {
  display: block;
  vertical-align: inherit;
}

.fields .field .ctrl.ctrl--inline {
  display: inline-block;
}

.fields .field .ctrl .field__info--right {
  margin-left: 8px;
}

.fields .field .ctrl .field__info-focus,
.fields .field .ctrl .field__info {
  display: block;
  margin-top: 5px;
  color: #AAAAAA;
  margin-right: 4px;
}

.fields .field .ctrl .field__info-focus.visibility-hidden,
.fields .field .ctrl .field__info.visibility-hidden {
  color: #fff;
}

.fields .field .ctrl .field__info-focus .field__info-icon,
.fields .field .ctrl .field__info .field__info-icon {
  padding: 2px 4px;
  font-size: 12px;
  font-weight: 400px;
  color: #fff;
  background: #AAAAAA;
}

.fields .field .ctrl .field__info-focus .field__info-high,
.fields .field .ctrl .field__info .field__info-high {
  font-weight: 800;
}

.fields .field .ctrl .field__info-focus {
  font-size: 15px;
  opacity: 0.7;
}

.fields .field .ctrl .field__info {
  font-size: 14px;
}

.fields .field .ctrl.right {
  float: right;
}

.fields .field.field--bottom {
  vertical-align: bottom;
}

.fields .field.field--inline {
  vertical-align: middle;
}

.fields .field.field--inline .ctrl:not(:first-child) {
  padding-left: 5px;
}

.fields .field.field--inline label {
  min-height: 0;
  vertical-align: middle;
}

.fields .field.field--inline label.field__label--radiocheck:not(.dont-calc-max) {
  max-width: calc(100% - 20px);
  vertical-align: top;
}

.fields .field.field--inline label.field__label--select {
  padding-top: 12px;
}

.fields .field.field--inline label:not(.ignore-inline),
.fields .field.field--inline .ctrl {
  display: inline-block;
  margin-bottom: 0;
}

.fields .field.field--inline .composed-radiocheck {
  display: inline-block;
  min-height: 0;
  max-width: calc(100% - 20px);
  vertical-align: top;
}

.fields .field.field--inline.field--radiocheck.field--force--middle .ctrl {
  vertical-align: middle;
}

.fields .field.field--inline__full-width {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  vertical-align: middle;
}

.fields .field.field--inline__full-width .ctrl:not(:first-child) {
  padding-left: 15px;
}

.fields .field.field--inline__full-width .ctrl {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.fields .field.field--inline__full-width .ctrl input {
  width: 100%;
}

.fields .field.field--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.fields .field.field--flex.flex-column {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.fields .field.field--flex.flex-inline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.fields .field.field--flex.flex-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  vertical-align: middle;
}

.fields .field.field--flex.flex-full {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.fields .field.field--flex .ctrl.flex-auto {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-left: 16px;
}

.fields .field.field--flex .ctrl.flex-auto input {
  width: 100%;
}

.fields .field.field--flex .ctrl.flex-auto.half-padding {
  padding-left: 7px;
}

.fields .field.field--flex .ctrl.overflow--hidden {
  overflow: hidden;
}

.fields .field.field--vertical--top {
  vertical-align: top;
}

.fields .field.field--vertical--middle {
  vertical-align: middle;
}

.fields .field.field--vertical--bottom {
  vertical-align: bottom;
}

.fields .field.field--no-left-padding {
  padding-left: 0px;
}

.fields .field.field--left-padding-5 {
  padding-left: 5px;
}

.fields .field.field--left-padding-12 {
  padding-left: 12px;
}

.fields .field.field--left-padding-25 {
  padding-left: 25px;
}

.fields .field.field--no-bottom-margin {
  margin-bottom: 0;
}

.fields .field.field--half-bottom-margin {
  margin-bottom: 8px;
}

.fields .field.field--nolabel .ctrl {
  margin-top: 25px;
}

.fields .field.field--no-input label {
  margin-top: 30px;
}

.fields .field.field--has-min-width {
  min-width: 70px;
}

.fields .field.field--has-min-110-width {
  min-width: 110px;
}

.fields .field.field--has-min-120-width {
  min-width: 120px;
}

.fields .field.field--has-min-130-width {
  min-width: 130px;
}

.fields .field.field--has-min-150-width {
  min-width: 150px;
}

.fields .field.field--has-min-200-width {
  min-width: 200px;
}

.fields .field.field--has-230-width {
  width: 230px;
}

.fields .field.field--has-fourty-min-width {
  min-width: 40%;
}

.fields .field.field--has-half-min-width {
  min-width: 50%;
  display: inline-block;
}

.fields .field.field--has-fourty-width {
  width: 40%;
}

.fields .field.field--has-half-width {
  width: 50%;
}

.fields .field.field--has-48-width {
  width: 48%;
}

.fields .field.field--has-full-width {
  width: 100%;
}

.fields .field.field--radiocheck .ctrl {
  vertical-align: top;
}

.fields .field.field--radiocheck .field__label--radiocheck {
  vertical-align: middle;
}

.fields .field.field--radiocheck .ctrl,
.fields .field.field--radiocheck .field__label--radiocheck {
  display: inline-block;
  margin: 0;
}

.fields .field.field--radiocheck .ctrl.heavy-font,
.fields .field.field--radiocheck .field__label--radiocheck.heavy-font {
  font-weight: 400;
}

.fields .field.field--radiocheck .ctrl input[type=checkbox],
.fields .field.field--radiocheck input[type=radio] {
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
}

.fields .field.field--radiocheck [disabled] + .field__label--radiocheck {
  opacity: .67;
}

.fields .field.field--radiocheck.field--radiocheck--multilabel .field--radiocheck--multilabel-container {
  display: inline-block;
  width: calc(100% - 21px);
}

.fields .field.field--radiocheck.field--radiocheck--multilabel .field--radiocheck--multilabel-container .ctrl {
  margin-top: 2px;
}

.fields .field.field--radiocheck.field--radiocheck--multilabel .field--radiocheck--multilabel-container label {
  vertical-align: top !important;
  padding-top: 1px;
}

.fields .field.field--radiocheck.field--radiocheck--multilabel .field--radiocheck--multilabel-container .spinner-wrapper {
  top: -1px;
  height: 17px;
  overflow: visible;
}

.fields .field.field--radiocheck.field--inline label.field__label--radiocheck {
  vertical-align: middle;
  min-height: 18px;
}

.fields .field.field--margin-bottom-extra {
  margin-bottom: 25px;
}

.fields .field .field__label--radiocheck {
  font-weight: 200;
  font-size: 15px;
}

.fields .field.field--margin-bottom-small {
  margin-bottom: 5px;
}

.fields .field.field--margin-left-half-extra {
  margin-left: 10px;
}

.fields .field.field--margin-left-extra {
  margin-left: 20px;
}

.fields .field.field--without-check-margin-left-extra {
  margin-left: 16px;
}

.fields .field.field--margin-right-extra {
  margin-right: 20px;
}

.fields .field.field--prevent-overflow {
  max-width: 100%;
}

.fields .field.field--margin-top-3px {
  margin-top: 3px;
}

.fields .field.field--no-label {
  padding-top: 24px;
}

.fields .field .subctrl {
  margin-top: 8px;
}

.fields .field .subctrl .subctrl--input {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.fields .field .subctrl label {
  display: inline-block;
  margin-bottom: 0;
}

.fields .field.with-right-margin {
  margin-right: 16px;
}

.fields.fields--spaceless > .field {
  margin: 0;
}

.fields.fields--spaceless .field--radiocheck label {
  vertical-align: top !important;
}

.fields.fields--no-margin-bottoms .field {
  margin-bottom: 0;
}

.fields.grid .field {
  padding-left: 16px;
}

.fields.grid .field input[type=text]:not(.fullpicker-time):not(.field--xl):not(.field--s),
.fields.grid .field .tagged-input:not(.fullpicker-time):not(.field--xl):not(.field--s),
.fields.grid .field input[type=password],
.fields.grid .field input[type=number] {
  width: 100%;
}

.fields.fields--vertical--stacked > .field {
  display: block;
}

.fields.fields--vertical--stacked > .field.inline--block {
  display: inline-block !important;
}

.fields.fields--vertical--stacked > .field > .field--radiogroup {
  padding-bottom: 5px;
  margin-left: 7px;
}

.fields.fields--vertical--inline .field {
  display: block;
}

.fields.fields--vertical--inline .field label,
.fields.fields--vertical--inline .field .ctrl {
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
}

.fields.fields--tab {
  margin-left: 0;
}

.fields.fields--radiocheck-group .field {
  margin-bottom: 8px;
}

.fields.fields--radiogroup-align {
  margin-left: 8px;
}

.fields.fields--inverse .field {
  padding-left: 0;
  margin-right: 16px;
}

.fields.padded {
  display: inline-block;
  padding: 6px 0 12px 0;
  margin-left: 0;
  width: 100%;
}

.fields.padded > :last-child {
  margin-right: 15px;
}

.fields.highlight {
  background-color: #F5F5F5;
  border-radius: 3px;
  margin-bottom: 15px;
  width: auto;
}

.fields.highlight > .field {
  margin-bottom: 0;
}

.fields.fields--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.fields.fields--flex .field {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.fields.fields--flex .field .ctrl input {
  width: 100%;
}

.fields.fields--flex .field.field--flex-min {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.fields.fields--flex-simple {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.fields.fields--half-width {
  display: inline-block;
  width: 50%;
  white-space: nowrap;
  vertical-align: top;
  margin-bottom: 5px;
}

.fields.fields--half-width.normal-wrap {
  white-space: normal;
}

.fields.fields--inline {
  display: inline;
}

.fields.fields--inline.has-right-margin {
  margin-right: 16px;
}

.fields.fields--flex-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

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

.field--xxl ~ .field__info {
  width: 400px;
}

.field--xl ~ .field__info {
  width: 285px;
}

/* List And Details Fields */

.field--list-and-detail-fix {
  width: 285px;
}

.field--list-and-detail-flex {
  width: calc(100% - 290px);
}

.fieldset .legend {
  text-transform: uppercase;
  color: #666666;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 8px;
}

.fields-table {
  display: table;
  border-spacing: 8px;
}

.fields-table > .fields {
  display: table-row;
}

.fields-table > .fields > .field {
  display: table-cell;
}

.fields-table > .fields > .field.field--inline label:not(.label--no-top-margin) {
  margin-top: 6px;
}

.fields-table > .fields > .field.field--radiocheck {
  white-space: nowrap;
}

.fields-table > .fields > .field.field--radiocheck .ctrl input[type=checkbox],
.fields-table > .fields > .field.field--radiocheck input[type=radio] {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 4px;
}

.field__text {
  display: inline-block;
  margin-top: 5px;
}

.field__text.field__text--light {
  color: #9A9A9A;
}

.field__text.field__text--bold {
  font-weight: 400;
}

.field__text.field__text--white {
  color: #fff;
}

.field__text.field__text--8px-top-margin {
  margin-top: 8px;
}

.field__text.field__text--2px-top-margin {
  margin-top: 2px;
}

.field__text.field__text--4px-top-margin {
  margin-top: 4px;
}

.field__text.field__text--9px-top-margin {
  margin-top: 9px;
}

.field__text.field__text--no-top-margin {
  margin-top: 0;
}

.field__text.field__text--is-container {
  display: block;
  text-align: center;
}

.field__text.field__text--is-container.container--left {
  text-align: left;
}

.field__text.field__text--is-container.container--left--padding-20 {
  padding-left: 20px;
}

.field__text.field__text--ellipsis {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.field__text.field__text--ellipsis.max-width {
  width: auto;
  max-width: 100%;
}

.field__text.field__text--is-block {
  display: block;
}

.field__container--table {
  display: table;
  min-height: 55px;
  margin: 0 auto;
}

.field__container--table .field__text {
  display: table-cell;
  vertical-align: middle;
}

fieldset {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}

fieldset > legend {
  padding: 0 5px;
  font-weight: 600;
}

fieldset.options-group {
  border-radius: 5px;
}

fieldset.center-legend > legend {
  margin-left: auto;
  margin-right: auto;
}

input[type=checkbox] {
  width: 13px;
  height: 13px;
}

label {
  display: block;
  margin-bottom: 6px;
  text-align: left;
  padding-right: 1px;
}

label.inline {
  display: inline !important;
}

label.center-spinner-label {
  margin: 8px 0;
}

label.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  color: #999999;
}

label.label--ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}

label,
.form-label {
  font-weight: 400;
  color: #666666;
}

.dark label,
.dark .form-label {
  color: #fff;
}

strong {
  font-weight: 800;
}

.checkbox-label {
  font-weight: normal;
  color: #666666;
  display: inline;
}

.macros {
  margin-right: 5px;
  color: #999999;
  margin-top: 4px;
  font-weight: 200;
}

.macros:not(.no-border) {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding: 8px;
}

.warning-label-border {
  border-color: #f9d0a8;
  border-style: solid;
  box-shadow: 0 0 0 1px #cc6600;
  border-width: 1px;
  border-radius: 2px;
  background: linear-gradient(to bottom, #F5B16E 0%, #F3B06D 66%, #db812a 100%);
  /* W3C */
  color: #713800;
  font-size: 16px;
  padding: 5px;
  font-weight: 400;
  position: relative;
}

.warning-label-border.closeable {
  padding-right: 23px;
}

.warning-label-border:not(.not-justify) {
  text-align: center;
}

.warning-label-border.listed {
  margin: 16px 0px 16px 0px;
}

.warning-label-border a {
  text-decoration: none;
  color: #713800;
  font-weight: 600;
  cursor: pointer;
}

.warning-label-border a:hover {
  text-decoration: underline;
}

.warning-label-border button {
  cursor: pointer;
  color: #713800;
  font-weight: 600 !important;
  background: none !important;
  border: none !important;
  font: inherit;
  padding: 0;
  outline: none;
}

.warning-label-border button:hover {
  text-decoration: underline;
}

.warning-label-border .warning-label__close {
  border: none;
  background: none;
  right: 8px;
  top: 6px;
  font-size: 16px;
  color: #b07336;
  position: absolute;
}

.warning-label-border .warning-label__close:hover {
  text-decoration: none;
  opacity: 0.7;
}

.warning-label-border.warning-label__small-font {
  font-size: 14px;
}

.warning-label-border.warning-label__small-font.closeable .warning-label__close {
  top: 8px;
}

.warning-label-border.warning-label__padded {
  padding: 8px 10px 8px 10px;
}

.warning-label-border.warning-label__padded.closeable {
  padding-right: 28px;
}

.warning-label-border.warning-label__inline {
  display: inline-block;
  padding-right: 36px;
  max-width: 100%;
}

.warning-label-border.warning-label__inline span {
  display: block;
  overflow: hidden;
  height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.warning-label-disabled .warning-label-border {
  box-shadow: 0 0 0 1px #cccccc;
  border-width: 1px;
  border-radius: 2px;
  background: linear-gradient(to bottom, #cccccc 0%, #d9d9d9 66%, #bfbfbf 100%);
  color: #999999;
  border-color: #cccccc;
}

.button-list,
.button-list--stacked {
  font-size: 0;
  margin: 0;
  padding: 1em 0 1em 0;
  letter-spacing: -0.31em;
}

.button-list.with-font-size,
.with-font-size.button-list--stacked {
  font-size: 15px;
}

.button-list > li,
.button-list--stacked > li {
  letter-spacing: normal;
  display: inline-block;
  margin: 0 8px 8px 0;
}

.button-list > li.minimum-margin,
.button-list--stacked > li.minimum-margin {
  margin-left: 1px;
}

.button-list > li.no-space button,
.button-list--stacked > li.no-space button {
  border-radius: 0px;
}

.button-list > li.no-space button:not(:disabled),
.button-list--stacked > li.no-space button:not(:disabled) {
  cursor: pointer;
}

.button-list > li.no-space button .button__gradient,
.button-list--stacked > li.no-space button .button__gradient {
  padding-left: 7px;
  padding-right: 1px;
}

.button-list > li.no-space button:first-child,
.button-list--stacked > li.no-space button:first-child {
  margin-left: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.button-list > li.no-space button:last-child,
.button-list--stacked > li.no-space button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.button-list > li.no-space button:not(:last-child),
.button-list--stacked > li.no-space button:not(:last-child) {
  border-right: none;
}

.button-list.right > li,
.right.button-list--stacked > li {
  margin: 0 0 8px 8px;
}

.button-list.right > li.minimum-margin,
.right.button-list--stacked > li.minimum-margin {
  margin-left: -2px;
}

.button-list.button-list--vertical,
.button-list--vertical.button-list--stacked {
  width: 100%;
}

.button-list.button-list--vertical li,
.button-list--vertical.button-list--stacked li {
  display: block;
  width: 100%;
  margin-bottom: 24px;
}

.button-list.button-list--vertical li button,
.button-list--vertical.button-list--stacked li button {
  display: block;
  height: 35px;
  width: 35px;
  margin: 0 auto 8px;
  box-shadow: none;
}

.button-list.button-list--vertical li button:before,
.button-list--vertical.button-list--stacked li button:before {
  font-size: 14px;
}

.button-list.button-list--vertical li button:last-child,
.button-list--vertical.button-list--stacked li button:last-child {
  margin-bottom: 0;
}

.button-list.button-list--vertical li button:not(:disabled),
.button-list--vertical.button-list--stacked li button:not(:disabled) {
  background: #A6A6A6;
  cursor: pointer;
}

.button-list.button-list--vertical li button:not(:disabled):hover,
.button-list--vertical.button-list--stacked li button:not(:disabled):hover,
.button-list.button-list--vertical li button:not(:disabled):focus,
.button-list--vertical.button-list--stacked li button:not(:disabled):focus {
  background: #969696;
}

.button-list.button-list--vertical li:last-child,
.button-list--vertical.button-list--stacked li:last-child {
  margin-bottom: 0;
}

@media (max-width: 1099px) {
  .order-list--margin-left-half-negative .button-list.button-list--vertical,
  .order-list--margin-left-half-negative .button-list--vertical.button-list--stacked {
    margin-left: -0.9em;
  }
}

@media (min-width: 1100px) {
  .order-list--margin-left-half-negative .button-list.button-list--vertical,
  .order-list--margin-left-half-negative .button-list--vertical.button-list--stacked {
    margin-left: -40%;
  }
}

.button-list.no-padding,
.no-padding.button-list--stacked {
  padding: 0;
}

.button-list.double-margin-right > li,
.double-margin-right.button-list--stacked > li {
  margin-right: 8px;
}

.button-list--stacked {
  padding: 0;
  margin: 0;
}

.button-list--stacked > li {
  display: block;
}

.button--next2-field {
  vertical-align: top;
  margin-top: 27px;
}

.button-primary,
.button-secondary,
.button-secondary-status,
.button-pagination,
.button-error,
.button-warning,
.button-settings,
.button-light {
  padding: 0px;
  overflow: hidden;
}

.button-primary,
.button-secondary,
.button-secondary-status,
.button-pagination,
.button-error,
.button-warning,
.button-settings,
.button-light,
.button-primary:visited,
.button-secondary:visited,
.button-secondary-status:visited,
.button-pagination:visited,
.button-error:visited,
.button-warning:visited,
.button-settings:visited,
.button-light:visited {
  box-sizing: border-box;
  border: 1px solid #000;
  border-radius: 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  text-transform: uppercase;
  font-weight: 600;
  outline: none;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
}

.button-primary [class^="icon-"],
.button-secondary [class^="icon-"],
.button-secondary-status [class^="icon-"],
.button-pagination [class^="icon-"],
.button-error [class^="icon-"],
.button-warning [class^="icon-"],
.button-settings [class^="icon-"],
.button-light [class^="icon-"],
.button-primary [class*=" icon-"],
.button-secondary [class*=" icon-"],
.button-secondary-status [class*=" icon-"],
.button-pagination [class*=" icon-"],
.button-error [class*=" icon-"],
.button-warning [class*=" icon-"],
.button-settings [class*=" icon-"],
.button-light [class*=" icon-"] {
  margin: 0 10px 0 .3em;
}

.button-right-icon.button-primary [class^="icon-"],
.button-right-icon.button-secondary [class^="icon-"],
.button-right-icon.button-secondary-status [class^="icon-"],
.button-right-icon.button-pagination [class^="icon-"],
.button-right-icon.button-error [class^="icon-"],
.button-right-icon.button-warning [class^="icon-"],
.button-right-icon.button-settings [class^="icon-"],
.button-right-icon.button-light [class^="icon-"],
.button-primary [class*=" icon-"],
.button-secondary [class*=" icon-"],
.button-secondary-status [class*=" icon-"],
.button-pagination [class*=" icon-"],
.button-error [class*=" icon-"],
.button-warning [class*=" icon-"],
.button-settings [class*=" icon-"],
.button-light [class*=" icon-"] {
  margin: 0 .3em 0 10px;
}

.button-primary:active:not(:disabled),
.button-secondary:active:not(:disabled),
.button-secondary-status:active:not(:disabled),
.button-pagination:active:not(:disabled),
.button-error:active:not(:disabled),
.button-warning:active:not(:disabled),
.button-settings:active:not(:disabled),
.button-light:active:not(:disabled) {
  -webkit-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.1);
}

.button-primary .button__gradient,
.button-secondary .button__gradient,
.button-secondary-status .button__gradient,
.button-pagination .button__gradient,
.button-error .button__gradient,
.button-warning .button__gradient,
.button-settings .button__gradient,
.button-light .button__gradient {
  padding-left: 10px;
  padding-right: 10px;
  height: 34px;
}

.button-square,
.button-pagination.square {
  height: 35px;
  width: 35px;
  text-transform: none;
}

.button-square span[class^="icon-"],
.button-pagination.square span[class^="icon-"] {
  margin: 0;
}

/*Fullpicker option*/

.button-pagination.opened {
  background: #00cfa4;
}

.button-pagination.opened:focus {
  background: #00cfa4;
}

.button-round {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  text-transform: none;
  padding: 0;
}

.button-round [class^="icon-"],
.button-round [class*=" icon-"] {
  margin: 0;
}

.button-round:not(:hover):not(:focus):not(:active):not(.button-white):not(.active) [class^="icon-"],
.button-round [class*=" icon-"] {
  color: white !important;
}

.button-round:not(.button-white).active {
  border-color: gray;
  background: #00cfa4;
}

.button-round:not(.button-white).active .button__gradient {
  background: #00cfa4;
}

.button-round .button__gradient {
  border-radius: 50%;
}

.button--no-back {
  background: none !important;
  border: none;
  width: auto;
  line-height: 1em;
}

.button--no-back .button__gradient {
  background: none !important;
  padding: 0;
}

.button--no-back [class^="icon-"],
.button--no-back [class*=" icon-"] {
  margin: 0;
}

.button--no-back:disabled [class^="icon-"],
.button--no-back:disabled [class*=" icon-"] {
  color: #666666 !important;
}

.button-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@-moz-document url-prefix()  {
  .button-list,
  .button-list--stacked {
    padding: 15px 0 15px 0;
  }

  .button-list > li,
  .button-list--stacked > li {
    display: inline;
  }
}

/* W3C */

/* W3C */

/* W3C */

/* W3C */

/* W3C */

.button-primary {
  background: #3dc6ff;
  border-color: #319ecc;
  color: #fff;
}

.button-primary [class^="icon-"],
.button-primary [class*=" icon-"] {
  color: #fff;
}

.button-primary:hover [class^="icon-"],
.button-primary:hover [class*=" icon-"] {
  color: #fff;
}

.button-primary:focus:not(:hover) [class^="icon-"],
.button-primary:focus:not(:hover) [class*=" icon-"] {
  color: #fff;
}

.button-primary:active:not(:disabled) [class^="icon-"],
.button-primary:active:not(:disabled) [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.6);
}

.button-primary .button__gradient {
  background: linear-gradient(to bottom, #3dc6ff 0%, #3dc6ff 75%, #14baff 100%);
}

.button-primary:hover .button__gradient,
.button-primary:focus .button__gradient {
  background: #37dee6;
  background: linear-gradient(to bottom, #37dee6 0%, #37dee6 75%, #1bd0d9 100%);
}

.button-primary:active:not(:disabled) .button__gradient {
  background: #37dee6;
  background: linear-gradient(to top, #37dee6 0%, #37dee6 75%, #1bd0d9 100%);
  color: rgba(255, 255, 255, 0.6);
  outline: none;
}

.button-primary:disabled {
  border-color: #b3b3b3;
  background: #cccccc;
  color: rgba(255, 255, 255, 0.7);
  cursor: default;
}

.button-primary:disabled [class^="icon-"],
.button-primary:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.7);
}

.dark .button-primary:disabled [class^="icon-"],
.dark .button-primary:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-primary:disabled {
  background: #333333;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-primary:disabled .button__gradient {
  background: linear-gradient(#333333 0%, #333333 75%, #1f1f1f 100%);
}

.button-primary:disabled .button__gradient {
  background: linear-gradient(#cccccc 0%, #cccccc 75%, #b8b8b8 100%);
}

a.button-primary {
  outline: none;
  text-decoration: none;
  display: inline-block;
}

/* W3C */

/* W3C */

/* W3C */

/* W3C */

/* W3C */

.button-secondary {
  background: #666666;
  border-color: #525252;
  color: #fff;
}

.button-secondary [class^="icon-"],
.button-secondary [class*=" icon-"] {
  color: #1fb0ed;
}

.button-secondary:hover [class^="icon-"],
.button-secondary:hover [class*=" icon-"] {
  color: #00cfa4;
}

.button-secondary:focus:not(:hover) [class^="icon-"],
.button-secondary:focus:not(:hover) [class*=" icon-"] {
  color: #1fb0ed;
}

.button-secondary:active:not(:disabled) [class^="icon-"],
.button-secondary:active:not(:disabled) [class*=" icon-"] {
  color: rgba(0, 207, 164, 0.6);
}

.button-secondary .button__gradient {
  background: linear-gradient(to bottom, #666666 0%, #666666 75%, #525252 100%);
}

.button-secondary:hover .button__gradient,
.button-secondary:focus .button__gradient {
  background: #5c5c5c;
  background: linear-gradient(to bottom, #5c5c5c 0%, #5c5c5c 75%, #484848 100%);
}

.button-secondary:active:not(:disabled) .button__gradient {
  background: #444444;
  background: linear-gradient(to top, #444444 0%, #444444 75%, #303030 100%);
  color: rgba(255, 255, 255, 0.6);
  outline: none;
}

.button-secondary:disabled {
  border-color: #b3b3b3;
  background: #cccccc;
  color: rgba(255, 255, 255, 0.7);
  cursor: default;
}

.button-secondary:disabled [class^="icon-"],
.button-secondary:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.7);
}

.dark .button-secondary:disabled [class^="icon-"],
.dark .button-secondary:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-secondary:disabled {
  background: #333333;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-secondary:disabled .button__gradient {
  background: linear-gradient(#333333 0%, #333333 75%, #1f1f1f 100%);
}

.button-secondary:disabled .button__gradient {
  background: linear-gradient(#cccccc 0%, #cccccc 75%, #b8b8b8 100%);
}

a.button-secondary {
  outline: none;
  text-decoration: none;
  display: inline-block;
}

/* W3C */

/* W3C */

/* W3C */

/* W3C */

/* W3C */

.button-secondary-status {
  background: #333333;
  border-color: #1a1a1a;
  color: #fff;
}

.button-secondary-status [class^="icon-"],
.button-secondary-status [class*=" icon-"] {
  color: #1fb0ed;
}

.button-secondary-status:hover [class^="icon-"],
.button-secondary-status:hover [class*=" icon-"] {
  color: #00cfa4;
}

.button-secondary-status:focus:not(:hover) [class^="icon-"],
.button-secondary-status:focus:not(:hover) [class*=" icon-"] {
  color: #1fb0ed;
}

.button-secondary-status:active:not(:disabled) [class^="icon-"],
.button-secondary-status:active:not(:disabled) [class*=" icon-"] {
  color: rgba(0, 207, 164, 0.6);
}

.button-secondary-status .button__gradient {
  background: linear-gradient(to bottom, #333333 0%, #333333 75%, #1f1f1f 100%);
}

.button-secondary-status:hover .button__gradient,
.button-secondary-status:focus .button__gradient {
  background: #5c5c5c;
  background: linear-gradient(to bottom, #5c5c5c 0%, #5c5c5c 75%, #484848 100%);
}

.button-secondary-status:active:not(:disabled) .button__gradient {
  background: #444444;
  background: linear-gradient(to top, #444444 0%, #444444 75%, #303030 100%);
  color: rgba(255, 255, 255, 0.6);
  outline: none;
}

.button-secondary-status:disabled {
  border-color: #b3b3b3;
  background: #cccccc;
  color: rgba(255, 255, 255, 0.7);
  cursor: default;
}

.button-secondary-status:disabled [class^="icon-"],
.button-secondary-status:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.7);
}

.dark .button-secondary-status:disabled [class^="icon-"],
.dark .button-secondary-status:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-secondary-status:disabled {
  background: #333333;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-secondary-status:disabled .button__gradient {
  background: linear-gradient(#333333 0%, #333333 75%, #1f1f1f 100%);
}

.button-secondary-status:disabled .button__gradient {
  background: linear-gradient(#cccccc 0%, #cccccc 75%, #b8b8b8 100%);
}

a.button-secondary-status {
  outline: none;
  text-decoration: none;
  display: inline-block;
}

/* W3C */

/* W3C */

/* W3C */

/* W3C */

/* W3C */

.button-pagination {
  background: #a6a6a6;
  border-color: #858585;
  color: #fff;
}

.button-pagination [class^="icon-"],
.button-pagination [class*=" icon-"] {
  color: #fff;
}

.button-pagination:hover [class^="icon-"],
.button-pagination:hover [class*=" icon-"] {
  color: #fff;
}

.button-pagination:focus:not(:hover) [class^="icon-"],
.button-pagination:focus:not(:hover) [class*=" icon-"] {
  color: #fff;
}

.button-pagination:active:not(:disabled) [class^="icon-"],
.button-pagination:active:not(:disabled) [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.6);
}

.button-pagination .button__gradient {
  background: linear-gradient(to bottom, #a6a6a6 0%, #a6a6a6 75%, #929292 100%);
}

.button-pagination:hover .button__gradient,
.button-pagination:focus .button__gradient {
  background: #969696;
  background: linear-gradient(to bottom, #969696 0%, #969696 75%, #828282 100%);
}

.button-pagination:active:not(:disabled) .button__gradient {
  background: #7b7b7b;
  background: linear-gradient(to top, #7b7b7b 0%, #7b7b7b 75%, #676767 100%);
  color: rgba(255, 255, 255, 0.6);
  outline: none;
}

.button-pagination:disabled {
  border-color: #b3b3b3;
  background: #cccccc;
  color: rgba(255, 255, 255, 0.7);
  cursor: default;
}

.button-pagination:disabled [class^="icon-"],
.button-pagination:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.7);
}

.dark .button-pagination:disabled [class^="icon-"],
.dark .button-pagination:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-pagination:disabled {
  background: #333333;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-pagination:disabled .button__gradient {
  background: linear-gradient(#333333 0%, #333333 75%, #1f1f1f 100%);
}

.button-pagination:disabled .button__gradient {
  background: linear-gradient(#cccccc 0%, #cccccc 75%, #b8b8b8 100%);
}

a.button-pagination {
  outline: none;
  text-decoration: none;
  display: inline-block;
}

/* W3C */

/* W3C */

/* W3C */

/* W3C */

/* W3C */

.button-error {
  background: #cc0000;
  border-color: #a30000;
  color: #fff;
}

.button-error [class^="icon-"],
.button-error [class*=" icon-"] {
  color: #fff;
}

.button-error:hover [class^="icon-"],
.button-error:hover [class*=" icon-"] {
  color: #fff;
}

.button-error:focus:not(:hover) [class^="icon-"],
.button-error:focus:not(:hover) [class*=" icon-"] {
  color: #fff;
}

.button-error:active:not(:disabled) [class^="icon-"],
.button-error:active:not(:disabled) [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.6);
}

.button-error .button__gradient {
  background: linear-gradient(to bottom, #cc0000 0%, #cc0000 75%, #a30000 100%);
}

.button-error:hover .button__gradient,
.button-error:focus .button__gradient {
  background: #b30000;
  background: linear-gradient(to bottom, #b30000 0%, #b30000 75%, #8a0000 100%);
}

.button-error:active:not(:disabled) .button__gradient {
  background: #990000;
  background: linear-gradient(to top, #990000 0%, #990000 75%, #700000 100%);
  color: rgba(255, 255, 255, 0.6);
  outline: none;
}

.button-error:disabled {
  border-color: #b3b3b3;
  background: #cccccc;
  color: rgba(255, 255, 255, 0.7);
  cursor: default;
}

.button-error:disabled [class^="icon-"],
.button-error:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.7);
}

.dark .button-error:disabled [class^="icon-"],
.dark .button-error:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-error:disabled {
  background: #333333;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-error:disabled .button__gradient {
  background: linear-gradient(#333333 0%, #333333 75%, #1f1f1f 100%);
}

.button-error:disabled .button__gradient {
  background: linear-gradient(#cccccc 0%, #cccccc 75%, #b8b8b8 100%);
}

a.button-error {
  outline: none;
  text-decoration: none;
  display: inline-block;
}

/* W3C */

/* W3C */

/* W3C */

/* W3C */

/* W3C */

.button-warning {
  background: #cc6600;
  border-color: #a35201;
  color: #fff;
}

.button-warning [class^="icon-"],
.button-warning [class*=" icon-"] {
  color: #fff;
}

.button-warning:hover [class^="icon-"],
.button-warning:hover [class*=" icon-"] {
  color: #fff;
}

.button-warning:focus:not(:hover) [class^="icon-"],
.button-warning:focus:not(:hover) [class*=" icon-"] {
  color: #fff;
}

.button-warning:active:not(:disabled) [class^="icon-"],
.button-warning:active:not(:disabled) [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.6);
}

.button-warning .button__gradient {
  background: linear-gradient(to bottom, #cc6600 0%, #cc6600 75%, #a35200 100%);
}

.button-warning:hover .button__gradient,
.button-warning:focus .button__gradient {
  background: #b35900;
  background: linear-gradient(to bottom, #b35900 0%, #b35900 75%, #8a4500 100%);
}

.button-warning:active:not(:disabled) .button__gradient {
  background: #994d00;
  background: linear-gradient(to top, #994d00 0%, #994d00 75%, #703800 100%);
  color: rgba(255, 255, 255, 0.6);
  outline: none;
}

.button-warning:disabled {
  border-color: #b3b3b3;
  background: #cccccc;
  color: rgba(255, 255, 255, 0.7);
  cursor: default;
}

.button-warning:disabled [class^="icon-"],
.button-warning:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.7);
}

.dark .button-warning:disabled [class^="icon-"],
.dark .button-warning:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-warning:disabled {
  background: #333333;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-warning:disabled .button__gradient {
  background: linear-gradient(#333333 0%, #333333 75%, #1f1f1f 100%);
}

.button-warning:disabled .button__gradient {
  background: linear-gradient(#cccccc 0%, #cccccc 75%, #b8b8b8 100%);
}

a.button-warning {
  outline: none;
  text-decoration: none;
  display: inline-block;
}

/* W3C */

/* W3C */

/* W3C */

/* W3C */

/* W3C */

.button-settings {
  background: #fff;
  border-color: #b3b3b3;
  color: #999999;
}

.button-settings [class^="icon-"],
.button-settings [class*=" icon-"] {
  color: #999999;
}

.button-settings:hover [class^="icon-"],
.button-settings:hover [class*=" icon-"] {
  color: #999999;
}

.button-settings:focus:not(:hover) [class^="icon-"],
.button-settings:focus:not(:hover) [class*=" icon-"] {
  color: #999999;
}

.button-settings:active:not(:disabled) [class^="icon-"],
.button-settings:active:not(:disabled) [class*=" icon-"] {
  color: rgba(153, 153, 153, 0.6);
}

.button-settings .button__gradient {
  background: linear-gradient(to bottom, #fff 0%, #fff 75%, #ebebeb 100%);
}

.button-settings:hover .button__gradient,
.button-settings:focus .button__gradient {
  background: #e6e6e6;
  background: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 75%, #d1d1d1 100%);
}

.button-settings:active:not(:disabled) .button__gradient {
  background: #cccccc;
  background: linear-gradient(to top, #cccccc 0%, #cccccc 75%, #b8b8b8 100%);
  color: rgba(153, 153, 153, 0.6);
  outline: none;
}

.button-settings:disabled {
  border-color: #b3b3b3;
  background: #cccccc;
  color: rgba(255, 255, 255, 0.7);
  cursor: default;
}

.button-settings:disabled [class^="icon-"],
.button-settings:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.7);
}

.dark .button-settings:disabled [class^="icon-"],
.dark .button-settings:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-settings:disabled {
  background: #333333;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-settings:disabled .button__gradient {
  background: linear-gradient(#333333 0%, #333333 75%, #1f1f1f 100%);
}

.button-settings:disabled .button__gradient {
  background: linear-gradient(#cccccc 0%, #cccccc 75%, #b8b8b8 100%);
}

a.button-settings {
  outline: none;
  text-decoration: none;
  display: inline-block;
}

/* W3C */

/* W3C */

/* W3C */

/* W3C */

/* W3C */

.button-light {
  background: #ffffff;
  border-color: #004972;
  color: #0069a5;
}

.button-light [class^="icon-"],
.button-light [class*=" icon-"] {
  color: #004972;
}

.button-light:hover [class^="icon-"],
.button-light:hover [class*=" icon-"] {
  color: #004972;
}

.button-light:focus:not(:hover) [class^="icon-"],
.button-light:focus:not(:hover) [class*=" icon-"] {
  color: #004972;
}

.button-light:active:not(:disabled) [class^="icon-"],
.button-light:active:not(:disabled) [class*=" icon-"] {
  color: rgba(0, 73, 114, 0.6);
}

.button-light .button__gradient {
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 75%, #ebebeb 100%);
}

.button-light:hover .button__gradient,
.button-light:focus .button__gradient {
  background: #e6e6e6;
  background: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 75%, #d1d1d1 100%);
}

.button-light:active:not(:disabled) .button__gradient {
  background: #d9d9d9;
  background: linear-gradient(to top, #d9d9d9 0%, #d9d9d9 75%, #c4c4c4 100%);
  color: rgba(0, 105, 165, 0.6);
  outline: none;
}

.button-light:disabled {
  border-color: #b3b3b3;
  background: #cccccc;
  color: rgba(255, 255, 255, 0.7);
  cursor: default;
}

.button-light:disabled [class^="icon-"],
.button-light:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.7);
}

.dark .button-light:disabled [class^="icon-"],
.dark .button-light:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-light:disabled {
  background: #333333;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.15);
}

.dark .button-light:disabled .button__gradient {
  background: linear-gradient(#333333 0%, #333333 75%, #1f1f1f 100%);
}

.button-light:disabled .button__gradient {
  background: linear-gradient(#cccccc 0%, #cccccc 75%, #b8b8b8 100%);
}

a.button-light {
  outline: none;
  text-decoration: none;
  display: inline-block;
}

.button-link {
  border: 0;
  background: none;
  color: inherit;
  outline: none;
  font-family: inherit;
  height: 34px;
}

.button-link:hover,
.button-link:focus {
  text-decoration: underline;
}

.button-white {
  height: 35px;
  width: 35px;
  color: #999999;
  background-color: #ffffff;
  border: 1px solid #c0c0c0;
  outline: none;
}

.button-white:hover,
.button-white:focus {
  background-color: #e6e6e6;
}

.button-white:active {
  color: #dedede;
  background-color: #c0c0c0;
}

.button-white:not(.button-round) {
  border-radius: 4px;
}

.button-white:disabled {
  border-color: #b3b3b3;
  background: #cccccc;
  color: rgba(255, 255, 255, 0.7);
  cursor: default;
}

.button-white:disabled [class^="icon-"],
.button-white:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.7);
}

.dark .button-white:disabled [class^="icon-"],
.dark .button-white:disabled [class*=" icon-"] {
  color: rgba(255, 255, 255, 0.15);
}

.button-transparent {
  background: transparent;
  border: none;
  outline: none;
}

.button-pagination.pressed .button__gradient {
  background: linear-gradient(to bottom, #929292 0%, #929292 75%, gray 100%) !important;
  color: #e6e6e6;
}

.button-pagination.pressed .button__gradient span[class^="icon-"] {
  color: #e6e6e6;
}

.button-group {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: rgba(102, 102, 102, 0.2);
  border-radius: 4px;
  padding: 4px;
}

.content__footer .button-group {
  margin: -4px 0;
}

.button-group .button-group__title {
  text-transform: uppercase;
  font-weight: 800;
  padding: 0 8px;
  font-size: 15px;
}

.button-group button {
  margin-right: 4px;
}

.button-group button:last-child {
  margin-right: 0;
}

.tabs .tabs__nav {
  box-sizing: border-box;
  display: block;
  list-style: none;
  letter-spacing: -0.31em;
  margin: 0;
  padding: 0;
  width: 100%;
  z-index: 1;
  position: relative;
  margin-bottom: -2px;
}

.tabs .tabs__nav .tab__panel,
.tabs .tabs__nav li {
  color: #999999;
  display: inline-block;
  letter-spacing: normal;
  margin: 0 8px 0 0;
  border: 2px solid #e6e6e6;
  border-radius: 3px 3px 0 0;
  text-align: center;
  height: 33px;
  position: relative;
}

.tabs .tabs__nav .tab__panel a,
.tabs .tabs__nav li a {
  color: #999999;
  text-decoration: none;
  font-weight: 400;
  margin: 0;
  padding: 6px 16px;
  display: block;
  background: #e6e6e6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tabs .tabs__nav .tab__panel a:hover,
.tabs .tabs__nav li a:hover {
  color: #666666;
  background: #fff;
}

.tabs .tabs__nav .tab__panel.tabs__nav--active,
.tabs .tabs__nav li.tabs__nav--active {
  border-bottom-color: #fff;
}

.tabs .tabs__nav .tab__panel.tabs__nav--active a,
.tabs .tabs__nav li.tabs__nav--active a {
  background: #fff;
}

.tabs .tabs__nav .tab__panel .with-button,
.tabs .tabs__nav li .with-button {
  margin: 3px 10px;
  padding: 0;
}

.tabs .tabs__nav .tab__panel .with-button button,
.tabs .tabs__nav li .with-button button {
  color: #666666;
  padding: 3px 6px;
  background: none;
  margin: 0;
  border: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  max-width: 100%;
}

.tabs .tabs__nav .tab__panel .with-button button:focus,
.tabs .tabs__nav li .with-button button:focus {
  outline: none;
}

.tabs .tabs__nav .tab__panel .with-button.tabs__nav--active-focused,
.tabs .tabs__nav li .with-button.tabs__nav--active-focused {
  outline: 1px #00cfa4 dotted;
}

.tabs .tabs__nav .tab__panel .tabs__nav--notification-message,
.tabs .tabs__nav li .tabs__nav--notification-message {
  position: absolute;
  background: #cc0000;
  border: 2px solid #fff;
  border-radius: 100%;
  width: 23px;
  height: 23px;
  text-align: center;
  line-height: 1.2em;
  top: -8px;
  right: -8px;
  font-weight: 800;
  color: #fff;
  z-index: 1;
}

.tabs .tabs__nav .tabs__nav--row {
  display: inline-block;
}

.tabs .tabs__content {
  font-size: 15px;
  box-sizing: border-box;
  position: relative;
  border: 2px solid #e6e6e6;
  border-radius: 0 4px 4px 4px;
  height: 100%;
  padding: 8px;
  position: relative;
}

.tabs.tabs--full {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 16px;
  bottom: 16px;
}

.tabs.tabs--full .tabs__content {
  height: calc(100% - 29px);
  overflow: auto;
}

.tabs.tabs--full.tabs--2-rows.tabs__nav--display-rows .tabs__content {
  height: calc(100% - 68px);
}

.tabs.tabs--full.tabs--2-rows.tabs__nav--display-rows .tabs__nav {
  height: 68px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.tabs.tabs--full.tabs--2-rows.tabs__nav--display-rows .tabs__nav .tabs__nav--row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.tabs.tabs--full.tabs--2-rows.tabs__nav--display-rows .tabs__nav .tabs__nav--row .tab__panel {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 65px;
}

.tabs.tabs--full.tabs--2-rows.tabs__nav--display-rows .tabs__nav .tabs__nav--row .tab__panel:last-child {
  margin-right: 0;
}

.tabs.tabs--full.tabs--2-rows.tabs__nav--display-rows .tabs__nav .tabs__nav--row-2-of-2 {
  margin-bottom: 2px;
}

.table-grid {
  display: table;
  margin: 0 auto;
}

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

.table-grid .row .cell {
  display: table-cell;
  font-weight: 200;
}

.table-grid .row .cell:first-child {
  text-align: right;
}

.table-grid .row .cell:first-child.cell__align-left {
  text-align: left;
}

.table-grid .row .cell label {
  overflow: visible;
  margin-right: 10px;
  text-align: right;
  margin-bottom: 3px;
  display: inline-block;
}

.autocomplete {
  position: relative;
}

.autocomplete input,
.autocomplete .autocomplete__button {
  display: inline-block;
}

.autocomplete input {
  padding-right: 20px;
}

.autocomplete .autocomplete__button {
  position: absolute;
  right: 0;
  height: 30px;
  background: transparent;
  border: 0;
  width: 25px;
  /*
        @-moz-document url-prefix() {
            margin-left: 0;
            position: relative;
            left: -25px;
        }
        */
}

.autocomplete .autocomplete__button button,
.autocomplete .autocomplete__button button:focus,
.autocomplete .autocomplete__button button:hover {
  height: 34px;
  background: transparent;
  border: 0;
  width: 25px;
  outline: none;
  color: black;
}

.autocomplete .autocomplete__button button [class^="icon-"],
.autocomplete .autocomplete__button button:focus [class^="icon-"],
.autocomplete .autocomplete__button button:hover [class^="icon-"] {
  font-size: 10px;
}

.autocomplete-popup .select2-container {
  width: 100%;
}

.autocomplete-popup .select2-container .select2-dropdown {
  border-top: 1px solid #00cfa4;
}

.autocomplete-popup .select2-container .select2-results__option:not(.empty-option) {
  cursor: pointer;
}

.autocomplete-popup .select2-container .select2-results__option--selected:not(.is-error) {
  background: #e2eff3;
}

.autocomplete-popup .select2-container .select2-results__option--selected:not(.is-error) div {
  background: #e2eff3;
}

.autocomplete-popup li.is-error div {
  width: 100%;
}

.autocomplete-popup li div {
  display: inline-block !important;
}

filter-autocomplete,
salto-autocomplete {
  display: inline-block;
}

filter-autocomplete,
salto-autocomplete,
paginated-autocomplete {
  height: 34px;
}

filter-autocomplete.ng-invalid:not(.ng-dirty) input[type=text],
filter-autocomplete.ng-invalid:not(.ng-dirty) .tagged-input,
salto-autocomplete.ng-invalid:not(.ng-dirty) input[type=text],
salto-autocomplete.ng-invalid:not(.ng-dirty) .tagged-input,
paginated-autocomplete.ng-invalid:not(.ng-dirty) input[type=text],
paginated-autocomplete.ng-invalid:not(.ng-dirty) .tagged-input {
  border-color: #d9d9d9;
}

filter-autocomplete.ng-invalid:not(.ng-dirty) input[type=text].hovered,
filter-autocomplete.ng-invalid:not(.ng-dirty) .hovered.tagged-input,
filter-autocomplete.ng-invalid:not(.ng-dirty) input[type=text]:hover,
filter-autocomplete.ng-invalid:not(.ng-dirty) .tagged-input:hover,
salto-autocomplete.ng-invalid:not(.ng-dirty) input[type=text].hovered,
salto-autocomplete.ng-invalid:not(.ng-dirty) .hovered.tagged-input,
salto-autocomplete.ng-invalid:not(.ng-dirty) input[type=text]:hover,
salto-autocomplete.ng-invalid:not(.ng-dirty) .tagged-input:hover,
paginated-autocomplete.ng-invalid:not(.ng-dirty) input[type=text].hovered,
paginated-autocomplete.ng-invalid:not(.ng-dirty) .hovered.tagged-input,
paginated-autocomplete.ng-invalid:not(.ng-dirty) input[type=text]:hover,
paginated-autocomplete.ng-invalid:not(.ng-dirty) .tagged-input:hover {
  border-color: #1fb0ed;
}

filter-autocomplete.ng-invalid:not(.ng-dirty) input[type=text].focused,
filter-autocomplete.ng-invalid:not(.ng-dirty) .focused.tagged-input,
filter-autocomplete.ng-invalid:not(.ng-dirty) input[type=text]:focus,
filter-autocomplete.ng-invalid:not(.ng-dirty) .tagged-input:focus,
salto-autocomplete.ng-invalid:not(.ng-dirty) input[type=text].focused,
salto-autocomplete.ng-invalid:not(.ng-dirty) .focused.tagged-input,
salto-autocomplete.ng-invalid:not(.ng-dirty) input[type=text]:focus,
salto-autocomplete.ng-invalid:not(.ng-dirty) .tagged-input:focus,
paginated-autocomplete.ng-invalid:not(.ng-dirty) input[type=text].focused,
paginated-autocomplete.ng-invalid:not(.ng-dirty) .focused.tagged-input,
paginated-autocomplete.ng-invalid:not(.ng-dirty) input[type=text]:focus,
paginated-autocomplete.ng-invalid:not(.ng-dirty) .tagged-input:focus {
  border-color: #00cfa4;
}

filter-autocomplete .autocomplete,
salto-autocomplete .autocomplete,
paginated-autocomplete .autocomplete {
  white-space: nowrap;
}

multiple-autocomplete {
  display: inline-block;
  font-size: 0;
}

multiple-autocomplete #autocomplete-width-check {
  font-size: 15px;
}

multiple-autocomplete.ng-invalid.ng-dirty .multiple-autocomplete,
multiple-autocomplete.ng-invalid.force-error .multiple-autocomplete {
  border-color: #ff0000;
}

.multiple-autocomplete {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%);
  background-color: white;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: text;
  padding: 4px 5px 3px 7px;
  max-height: 90px;
  overflow: auto;
  display: inline-block;
  width: 100%;
}

.multiple-autocomplete.focused {
  border-color: #00cfa4;
}

.multiple-autocomplete:hover:not(.focused) {
  border-color: #1fb0ed;
}

.multiple-autocomplete input[type=text],
.multiple-autocomplete .tagged-input {
  display: inline !important;
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  margin-top: 0;
  height: 24px;
  padding: 0;
  min-width: 150px;
}

.multiple-autocomplete input[type=text]:-ms-input-placeholder,
.multiple-autocomplete .tagged-input:-ms-input-placeholder {
  color: #999999;
}

.multiple-autocomplete input[type=text]::-webkit-input-placeholder,
.multiple-autocomplete .tagged-input::-webkit-input-placeholder {
  color: #999999;
}

.multiple-autocomplete input[type=text]::-moz-placeholder,
.multiple-autocomplete .tagged-input::-moz-placeholder {
  color: #999999;
}

.multiple-autocomplete-tag-container {
  height: 22px;
  background: #333333;
  border: 1px solid gray;
  color: #b3b3b3;
  padding: 2px 6px 2px 7px;
  font-weight: 800;
  font-size: 14px;
  margin: 0 4px 2px 0;
  max-width: 204px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}

.multiple-autocomplete-tag-container span {
  display: inline-block;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.multiple-autocomplete-tag-container .icon-remove {
  width: 10px;
  height: 12px;
  margin-top: 1px;
  font-weight: 800;
  border: none;
  background: transparent;
  color: #0092cf;
  cursor: pointer;
  margin-left: 4px;
  padding: 0 1px 1px 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 10px;
  float: right;
  position: relative;
  z-index: 1;
}

.multiple-autocomplete-tag-container .icon-remove:before {
  font-size: 15px;
}

.multiple-autocomplete-tag-container .icon-remove:focus {
  outline: 1px #cffff5 dotted;
}

.multiple-autocomplete-tag-container:hover {
  border-color: #1fb0ed;
}

.ngdialog {
  box-sizing: border-box;
  visibility: hidden;
  position: absolute;
  -webkit-overflow-scrolling: touch;
  z-index: 1450;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
  box-sizing: inherit;
}

.ngdialog:last-of-type {
  visibility: visible;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
}

.ngdialog h1 {
  color: #666666;
  float: left;
  font-size: 1.5em;
  width: calc(100% - 73px);
  /* 73 === width de ngdialog__close + (margin-left + margin-right) de este h1 */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 800;
  line-height: 53px;
  margin: 0 5px 0 13px;
}

.ngdialog h2 {
  float: none !important;
  margin-top: 0 !important;
  margin-bottom: 5px !important;
  font-weight: 800 !important;
}

.ngdialog .ngdialog-content {
  border-radius: 5px;
  border: 1px solid #999999;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  width: 425px;
  display: table;
}

.ngdialog.ngdialog--extended .ngdialog-content {
  width: auto;
}

.ngdialog .ngdialog__header {
  height: 53px;
  background: #d7d7d7;
  background: linear-gradient(to bottom, #e6e6e6 0%, #e4e4e4 10%, #dfdfdf 20%, #e0e0e0 22%, #d4d4d4 59%, #d1d1d1 75%, #b9b9b9 100%);
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #999999;
}

.ngdialog .ngdialog__header .ngdialog__close {
  padding: 0;
  background: #4b4b4b;
  background: linear-gradient(to bottom, #727272 0%, #717171 4%, #2f2f2f 100%);
  border: none;
  border-left: 1px solid #999999;
  border-top-right-radius: 5px;
  height: 100%;
  display: inline-block;
  width: 55px;
  float: right;
  cursor: pointer;
  color: #ffffff;
  padding: 14px;
  font-size: 1.6em;
}

.ngdialog .ngdialog__header .ngdialog__close:hover {
  background: linear-gradient(to bottom, #959595 0%, #949494 4%, #888888 20%, #6d6d6d 63%, #686868 75%, #525252 100%);
}

.ngdialog .ngdialog__content {
  width: 100%;
  background-color: #ffffff;
  padding: 16px;
  word-wrap: break-word;
  /* previous drafts, used by IE and Edge */
  overflow-wrap: break-word;
  /* lastest draft, supported by Chrome, Firefox, Safari, Opera... */
  max-height: 525px;
}

.ngdialog .ngdialog__content p:first-of-type {
  margin-top: 0;
}

.ngdialog .ngdialog__content p:first-of-type.extra--margin {
  margin-top: 5px;
}

.ngdialog .ngdialog__content p:last-child {
  margin-bottom: 0;
}

.ngdialog .ngdialog__content p.affected-items {
  max-height: 400px;
  overflow-y: auto;
}

.ngdialog .ngdialog__content .plain-container {
  min-height: 108px;
  line-height: 108px;
  vertical-align: middle;
}

.ngdialog .ngdialog__content p.plain {
  white-space: pre;
  text-align: center;
  line-height: normal;
  display: inline-block;
  width: 100%;
}

.ngdialog .ngdialog__content .ngdialog__icon {
  font-size: 2em;
}

.ngdialog .ngdialog__content.no-bottom-padding {
  padding-bottom: 0;
}

.ngdialog .ngdialog__content .continue-option h3 {
  margin-bottom: 0;
}

.ngdialog .ngdialog__content .continue-option .short-separator {
  border: 1px solid;
  width: 50px;
  margin-left: calc(50% - 25px);
}

.ngdialog .ngdialog__content .edit-period-dialog {
  padding: 0 16px;
}

.ngdialog .ngdialog__content .edit-period-dialog.fix-width {
  width: 245px;
}

.ngdialog .ngdialog__content .edit-period-dialog.add-period--event-stream {
  width: 290px;
  padding: 8px 16px;
}

.ngdialog .ngdialog__content .scheduled-jobs__add-dialog {
  min-width: 340px;
  margin: 26px 25px 15px;
}

.ngdialog .ngdialog__content .change-password-dialog {
  width: 580px;
}

.ngdialog .ngdialog__content .dialog-form-line {
  min-height: 50px;
}

.ngdialog .ngdialog__content .dialog-form-line label {
  vertical-align: middle;
  line-height: 34px;
  display: inline-block;
  float: right;
}

.ngdialog .ngdialog__content .dialog-form-line input {
  width: calc(100% - 10px);
}

.ngdialog .ngdialog__content .detail {
  font-size: 17px;
  color: #999999;
}

.ngdialog .ngdialog__content .edit-timetable-dialog {
  width: 350px;
}

.ngdialog .ngdialog__content .edit-optional-dialog {
  width: 212px;
  padding: 0 16px;
  margin-left: 48px;
  margin-right: 64px;
  margin-bottom: 12px;
  margin-top: 12px;
}

.ngdialog .ngdialog__content .edit-optional-dialog .center-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.ngdialog .ngdialog__content .edit-optional-dialog .center-align > .field {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.ngdialog .ngdialog__content .edit-optional-dialog .center-align > .separator {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.ngdialog .ngdialog__content .content-footer {
  width: calc(100% + 32px);
  margin: 16px 0 -16px -16px;
  background: linear-gradient(to bottom, #7B7B7B 0%, #9A9A9A 25%, #7B7B7B 100%);
  padding: 16px;
  color: #fff;
}

.ngdialog .ngdialog__content .content-footer h2 {
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 400 !important;
}

.ngdialog .ngdialog__content .content-footer input[type=text],
.ngdialog .ngdialog__content .content-footer .tagged-input,
.ngdialog .ngdialog__content .content-footer textarea {
  width: 100%;
}

.ngdialog .ngdialog__content .content-footer textarea {
  height: 70px;
}

.ngdialog .ngdialog__content .content-footer .grid__item:first-child {
  padding-left: 0;
}

.ngdialog .ngdialog__content .content-footer label {
  color: #fff;
}

.ngdialog .ngdialog__content .content-footer .content-footer--disabled label {
  color: #cccccc;
}

.ngdialog .ngdialog__footer {
  height: 53px;
  background: #d7d7d7;
  background: linear-gradient(to bottom, #e6e6e6 0%, #747474 100%);
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #999999;
}

.ngdialog .ngdialog__footer .ngdialog__buttons,
.ngdialog .ngdialog__footer .ngdialog__left-buttons {
  margin: 10px 8px 0 0;
}

.ngdialog .ngdialog__footer .ngdialog__buttons button,
.ngdialog .ngdialog__footer .ngdialog__left-buttons button {
  margin-left: 8px;
  white-space: nowrap;
}

.ngdialog .ngdialog__footer .ngdialog__buttons {
  float: right;
}

.ngdialog .ngdialog__footer .ngdialog__left-buttons {
  float: left;
}

.ngdialog .ngdialog__footer .ngdialog__buttons_container {
  display: table-cell;
}

.ngdialog.ngdialog--error .ngdialog__content,
.ngdialog.ngdialog--warning .ngdialog__content,
.ngdialog.ngdialog--success .ngdialog__content {
  border: 1px solid white;
  padding: 16px;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
}

.ngdialog.ngdialog--error .ngdialog__content {
  background-color: #cc0000;
  overflow-y: auto;
  overflow-x: hidden;
}

.ngdialog.ngdialog--error .ngdialog__content ul {
  margin-bottom: 0;
}

.ngdialog.ngdialog--error .ngdialog__content .more-info {
  margin-top: 1em;
}

.ngdialog.ngdialog--error .ngdialog__content .more-info .more-info-box {
  background-color: white;
  color: #666666;
  padding: 10px;
  text-align: left;
  font-size: 14px;
  margin-top: 20px;
  overflow-y: scroll;
  max-height: 160px;
  max-width: 389px;
}

.ngdialog.ngdialog--warning .ngdialog__content {
  background-color: #cc6600;
}

.ngdialog.ngdialog--warning .ngdialog__content .related-items {
  margin-bottom: 16px;
  font-size: 16px;
}

.ngdialog.ngdialog--warning .ngdialog__content .related-items .related-items__item__label,
.ngdialog.ngdialog--warning .ngdialog__content .related-items .related-items__item__value {
  display: inline-block;
}

.ngdialog.ngdialog--warning .ngdialog__content .related-items .related-items__item__label {
  vertical-align: top;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}

.ngdialog.ngdialog--warning .ngdialog__content .related-items .related-items__item__value {
  max-width: 300px;
}

.ngdialog.ngdialog--warning .ngdialog__content hr {
  border: 1px solid white;
  width: 42px;
  margin-top: -4px;
}

.ngdialog.ngdialog--warning .ngdialog__content .question {
  font-size: 18px;
  font-weight: 800;
}

.ngdialog.ngdialog--warning .ngdialog__content .question.general-options-warning {
  color: white !important;
  margin: 18px 0px 8px 0px;
  text-align: center;
}

.ngdialog.ngdialog--warning .ngdialog__content .select2-container {
  color: #666666;
}

.ngdialog.ngdialog--warning.ngdialog--third-party-reader .fields.fields--radiocheck-group {
  display: none;
}

.ngdialog.ngdialog--default-big .ngdialog-content {
  width: 789px;
}

@media only screen and (min-width: 1224px) {
  .ngdialog.ngdialog--default-big .ngdialog-content {
    width: 1001px;
  }
}

.ngdialog.ngdialog--default-big .ngdialog-content .ngdialog__content {
  height: 397px;
}

@media only screen and (min-height: 800px) and (min-width: 1224px) {
  .ngdialog.ngdialog--default-big .ngdialog-content .ngdialog__content {
    height: 500px;
  }
}

.ngdialog.ngdialog--default-big table {
  width: 100%;
}

.ngdialog.ngdialog--default-big .table-container {
  width: 100%;
}

.ngdialog.ngdialog--default-big .table-footer,
.ngdialog.ngdialog--default-big .table-footer--slim {
  width: 100%;
}

.ngdialog.ngdialog--default-auto .ngdialog-content {
  width: auto;
}

.ngdialog.ngdialog--default-auto table {
  width: 100%;
}

.ngdialog.ngdialog--default-auto .table-container {
  width: 100%;
}

.ngdialog.ngdialog--default-auto .table-footer,
.ngdialog.ngdialog--default-auto .table-footer--slim {
  width: 100%;
}

.ngdialog.ngdialog--success .ngdialog__content {
  color: #666666;
}

.ngdialog.ngdialog--success .ngdialog__content .ngdialog__icon.icon-info,
.ngdialog.ngdialog--success .ngdialog__content h2 {
  color: #1fb0ed;
}

.ngdialog.ngdialog--success .ngdialog__content hr {
  border: 1px solid #e6e6e6;
  width: 42px;
}

.ngdialog.ngdialog--list .ngdialog-content,
.ngdialog.ng-dialog--narrow-form .ngdialog-content {
  width: 350px;
}

.ngdialog.ngdialog--list .ngdialog-content .ngdialog__header h1,
.ngdialog.ng-dialog--narrow-form .ngdialog-content .ngdialog__header h1 {
  width: calc(100% - 73px);
  /* 73 === width de ngdialog__close + (margin-left + margin-right) de este h1 */
}

.ngdialog.ngdialog--list .ngdialog-content .ngdialog__content,
.ngdialog.ng-dialog--narrow-form .ngdialog-content .ngdialog__content {
  min-height: 232px;
}

.ngdialog.ngdialog--list:not(.tall) .ngdialog-content {
  max-height: 500px;
}

.ngdialog.ngdialog--list:not(.tall) .ngdialog-content .ngdialog__content {
  max-height: 397px;
}

.ngdialog.ng-dialog--narrow-form .ngdialog-content {
  max-height: 560px;
}

.ngdialog.ng-dialog--narrow-form .ngdialog-content .ngdialog__content {
  max-height: 457px;
}

.ngdialog.ngdialog--crop-image .ngdialog-content {
  width: 500px;
}

.ngdialog.ngdialog--warning__confirm-delete .related-items {
  max-height: 150px;
  overflow: auto;
}

.ngdialog.ngdialog--hidden-footer .ngdialog-content {
  width: auto;
}

.ngdialog.ngdialog--hidden-footer .ngdialog__footer .ngdialog__buttons {
  display: none;
}

.ngdialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.725);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

body.ngdialog-open {
  overflow: hidden;
}

.related-items__item__value,
.affected-items {
  max-width: 400px;
  max-height: 300px;
  overflow: auto;
}

.configure-cookies {
  width: 720px;
}

.add-bulk-edition-small > .ngdialog-content,
.add-bulk-edition-optional > .ngdialog-content {
  width: auto;
}

.add-bulk-edition-small .ngdialog__content,
.add-bulk-edition-optional .ngdialog__content {
  width: 784px;
}

.add-bulk-edition-small.add-bulk-edition-optional .ngdialog__content,
.add-bulk-edition-optional.add-bulk-edition-optional .ngdialog__content {
  width: 664px;
}

.add-bulk-edition-small .bulk-add-table-container,
.add-bulk-edition-optional .bulk-add-table-container {
  display: inline-block;
  width: 500px;
  height: 350px;
}

.add-bulk-edition-small .bulk-add-table-container .no-scroll-table,
.add-bulk-edition-optional .bulk-add-table-container .no-scroll-table {
  height: 100%;
}

.add-bulk-edition-small .bulk-add-edit-container,
.add-bulk-edition-optional .bulk-add-edit-container {
  display: inline-block;
  width: 266px;
  vertical-align: top;
}

.add-bulk-edition-small .bulk-add-edit-container .edit-period-dialog,
.add-bulk-edition-optional .bulk-add-edit-container .edit-period-dialog {
  padding: 0;
}

.add-bulk-edition-small .bulk-add-edit-container .field:not(.field--radiocheck),
.add-bulk-edition-optional .bulk-add-edit-container .field:not(.field--radiocheck) {
  width: 266px;
}

.add-bulk-edition-small.add-bulk-edition-optional .bulk-add-edit-container,
.add-bulk-edition-optional.add-bulk-edition-optional .bulk-add-edit-container {
  width: 146px;
}

.add-bulk-edition-small .bulk-tab-add-dip-switch .bulk-add-edit-container,
.add-bulk-edition-optional .bulk-tab-add-dip-switch .bulk-add-edit-container {
  width: 248px;
}

.add-bulk-edition-small .bulk-tab-add-dip-switch .bulk-add-edit-container .field,
.add-bulk-edition-optional .bulk-tab-add-dip-switch .bulk-add-edit-container .field {
  width: 248px;
}

.add-bulk-edition-small .bulk-tab-add-dip-switch .warning-label-container,
.add-bulk-edition-optional .bulk-tab-add-dip-switch .warning-label-container {
  padding-bottom: 16px;
}

.add-bulk-edition-small .bulk-tab-add-dip-switch.with-warning .bulk-add-table-container,
.add-bulk-edition-optional .bulk-tab-add-dip-switch.with-warning .bulk-add-table-container {
  height: 304px;
}

.add-bulk-edition-small .bulk-tab-add-dip-switch .warning-label__close,
.add-bulk-edition-optional .bulk-tab-add-dip-switch .warning-label__close {
  position: absolute;
  top: 6px;
  right: 6px;
}

.add-bulk-edition-small .bulk-tab-add-dip-switch .fake-icon,
.add-bulk-edition-optional .bulk-tab-add-dip-switch .fake-icon {
  display: inline-block;
  width: 16px;
}

.add-bulk-edition-small .bulk-tab-add-dip-switch .icon-gateway-cu4200,
.add-bulk-edition-optional .bulk-tab-add-dip-switch .icon-gateway-cu4200 {
  position: relative;
  top: -3px;
  left: -5px;
}

.add-bulk-edition-small .bulk-tab-add-dip-switch .tbody-wrapper table,
.add-bulk-edition-optional .bulk-tab-add-dip-switch .tbody-wrapper table {
  table-layout: fixed;
}

.ldap-partial-success-dialog p {
  font-weight: 400;
}

.ldap-partial-success-dialog p:first-of-type {
  margin-top: 15px !important;
}

.group {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}

.group .group__header {
  background: #f7f7f7;
  height: 37px;
  border: 1px solid #e6e6e6;
  border-width: 0 0 1px 0;
}

.group .group__header h3 {
  font-size: 15px;
  line-height: 37px;
  margin: 0;
  padding: 0 8px;
  color: #aaa;
  font-weight: 600;
  text-transform: uppercase;
}

.group .group__content {
  padding: 16px 8px;
}

.group .group__footer {
  background: #f7f7f7;
  min-height: 37px;
  border: 1px solid #e6e6e6;
  border-width: 1px 0 0 0;
  margin: 0;
  padding: 8px;
}

.group .group__footer .button-list,
.group .group__footer .button-list--stacked {
  margin: 0;
}

.group .group__footer .button-list > li,
.group .group__footer .button-list--stacked > li {
  margin-bottom: 0;
}

.status--error {
  color: #cc0000;
}

.status--error--disabled {
  color: rgba(204, 0, 0, 0.4);
}

.status--warning {
  color: #cc6600;
}

.status--success {
  color: #90cc00;
}

.status--info {
  color: #1fb0ed;
}

.status--disabled {
  color: #cccccc;
}

.status--read {
  color: #666666;
}

.licenseStatus--notPurchased {
  background: #9d9d9d;
}

.licenseStatus--available {
  background: #417105;
}

.licenseStatus--availableWithRestrictions {
  background: #cfc000;
}

.licenseStatus--default {
  background: #000;
}

.licenseStatus--error {
  background: #cc0000;
}

#tooltip {
  position: absolute;
  background: #333333;
  z-index: 2000;
  color: white;
  font-size: 11px;
  line-height: 11px;
  font-family: Verdana, Geneva, sans-serif;
  border-radius: 4px;
}

#tooltip.light-tooltip {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
  color: #666666;
}

#tooltip.light-tooltip .tooltip-arrow.bottom {
  border-bottom-color: #fff;
}

#tooltip.light-tooltip .tooltip-arrow.right {
  border-right-color: #fff;
}

#tooltip.light-tooltip .tooltip-arrow.left {
  border-left-color: #fff;
}

#tooltip.light-tooltip .tooltip-arrow.top {
  border-top-color: #fff;
}

#tooltip .tooltip-content {
  word-wrap: break-word;
  white-space: pre-wrap;
  max-width: 500px;
  width: auto;
  display: inline-block;
  padding: 10px 17px;
}

#tooltip .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}

#tooltip .tooltip-arrow.bottom {
  border-width: 0 6.5px 6px 6.5px;
  border-bottom-color: #333333;
  top: -5px;
  left: 9px;
}

#tooltip .tooltip-arrow.right {
  border-width: 6.5px 6px 6.5px 0;
  border-right-color: #333333;
  top: 7px;
  left: -5px;
}

#tooltip .tooltip-arrow.left {
  border-width: 6.5px 0 6.5px 6px;
  border-left-color: #333333;
  top: 8px;
  right: -5px;
}

#tooltip .tooltip-arrow.top {
  border-width: 6px 6.5px 0 6.5px;
  border-top-color: #333333;
  bottom: -5px;
  left: 9px;
}

.tooltip-container {
  display: inline;
  position: relative;
  text-overflow: inherit;
  overflow: inherit;
}

[class^='ng-invalid'] > label,
[class*=' ng-invalid'] > label,
label[class^='ng-invalid'],
label[class*=' ng-invalid'] {
  color: #ff0000;
}

[class^='ng-invalid'] > label.label--hide-error,
[class*=' ng-invalid'] > label.label--hide-error,
label[class^='ng-invalid'].label--hide-error,
label[class*=' ng-invalid'].label--hide-error {
  color: #666666;
}

[class^='ng-invalid'] > label.label--hide-error.disabled,
[class*=' ng-invalid'] > label.label--hide-error.disabled,
label[class^='ng-invalid'].label--hide-error.disabled,
label[class*=' ng-invalid'].label--hide-error.disabled {
  color: #999999;
}

.warning-message {
  background: #cc6600;
}

.error-message {
  background: #cc0000;
}

.error-message,
.warning-message {
  position: absolute;
  font-size: 14px;
  color: white;
  border-radius: 2px;
  padding: 4px 8px;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
  max-width: 300px;
  z-index: 2100;
  display: table;
}

.error-message .icon-error,
.error-message .icon-warning,
.warning-message .icon-error,
.warning-message .icon-warning {
  display: table-cell;
  vertical-align: top;
}

.error-message .message,
.warning-message .message {
  display: table-cell;
  padding-left: 10px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  vertical-align: middle;
  max-width: 260px;
  word-wrap: break-word;
}

/* Have a certain number of columns such that some of them take only the space
   they need while the rest take up all of the remaining space. */

.cols--noresize {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.cols--noresize.align-items-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}

.cols--noresize.align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.cols--noresize.space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.cols--noresize > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0px;
  -moz-box-flex: 1;
  -moz-flex: 1 0 0px;
  -ms-flex: 1 0 0px;
  flex: 1 0 0px;
  overflow: hidden;
}

.cols--noresize > .col--resize {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.cols--noresize > .col--noresize {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.cols--noresize > .fields.col--noresize {
  padding-right: 25px;
}

.cols--noresize > :last-of-type.fields.col--noresize {
  padding-right: 0;
}

#silverlight {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

#silverlight.visible {
  height: 100%;
  width: 100%;
  overflow: visible;
  z-index: 3000;
}

#silverlight object {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-width: 980px;
  min-height: 660px;
  display: block;
}

#angular {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
  min-width: 980px;
  min-height: 660px;
}

tagged-input {
  display: inline-block;
}

tagged-input .tagged-input,
tagged-input.ng-pristine .tagged-input,
tagged-input.ng-invalid.ng-pristine .tagged-input {
  border-color: #d9d9d9 !important;
}

tagged-input .tagged-input.focused,
tagged-input.ng-pristine .tagged-input.focused,
tagged-input.ng-invalid.ng-pristine .tagged-input.focused {
  border-color: #00cfa4 !important;
}

tagged-input .tagged-input.hovered:not(.focused),
tagged-input.ng-pristine .tagged-input.hovered:not(.focused),
tagged-input.ng-invalid.ng-pristine .tagged-input.hovered:not(.focused) {
  border-color: #1fb0ed !important;
}

tagged-input.ng-invalid:not(.ng-pristine) .tagged-input,
tagged-input.ng-invalid:not(.ng-pristine) .tagged-input.focused,
tagged-input.ng-invalid:not(.ng-pristine) .tagged-input.hovered {
  border-color: #dc000c !important;
}

.tagged-input {
  min-height: 34px;
  height: auto;
  padding: 3px 8px 1px 8px;
  max-height: 100px;
  overflow-y: auto;
}

.tagged-input .tagged-input__tag__container {
  display: inline-block;
}

.tagged-input .tagged-input__tag__container .tagged-input__tag {
  display: inline-block;
  background: #333333;
  border: 1px solid gray;
  color: gray;
  padding: 2px 7px;
  font-weight: 800;
  font-size: 14px;
  margin: 0 4px 2px 0;
  max-width: 100%;
}

.tagged-input .tagged-input__tag__container .tagged-input__tag span {
  max-width: 204px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}

.has-button .tagged-input .tagged-input__tag__container .tagged-input__tag span {
  max-width: 164px;
}

.tagged-input .tagged-input__tag__container .tagged-input__tag button {
  border: none;
  background: transparent;
  color: #0092cf;
  cursor: pointer;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  padding-top: 1px;
  line-height: 10px;
}

.tagged-input .tagged-input__tag__container .tagged-input__tag button:before {
  font-size: 15px;
}

.tagged-input input {
  border: none;
  background: transparent;
  margin: -4px -8px 0px -8px;
  height: 32px;
}

#loggedout {
  height: 100%;
  background: white;
}

#loggedout .screen {
  height: 100%;
}

#loggedout .screen .background {
  position: absolute;
  margin-top: 90px;
  height: calc(100% - 90px);
  width: 54%;
  background-image: url(fbee6e2bc836f367546aee549bf0beb9.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
}

#loggedout .screen .stroke {
  width: calc(50% + 260px);
  height: calc(100% + 120px);
  right: 0px;
  margin-top: -400px;
  margin-right: -260px;
  position: absolute;
}

#loggedout .screen .top-gradient {
  top: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.24) 0px, rgba(0, 0, 0, 0) 40px);
  width: 100%;
  height: 40px;
  position: absolute;
}

#loggedout .screen .top-gradient .about {
  position: absolute;
  right: 0;
  padding: 5px;
}

#loggedout .screen .top-gradient .about button {
  background: none;
  padding: 0;
  border: none;
  font-size: 15px;
  color: #7a7a7a;
}

#loggedout .screen .top-gradient .about button:hover {
  color: #9d9d9d;
}

#loggedout .screen .content {
  margin: 0;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
}

#loggedout .screen .content .welcome {
  color: #1fb0ed;
  font-weight: 200;
  font-size: 30px;
  margin-top: 50px;
}

#loggedout .screen .content .subtitle {
  font-family: 'Helvetica Ce';
  color: #1fb0ed;
  font-weight: 200;
  font-size: 20px;
  margin-bottom: 50px;
}

#loggedout .screen .content img {
  height: 63px;
}

#loggedout .screen .content input {
  margin: auto;
  margin-bottom: 16px;
  width: 200px;
  display: block;
}

#loggedout .screen .content .licensing-msg {
  color: #999999;
  font-weight: 200;
  font-size: 30px;
  margin-top: 50px;
}

#loggedout .screen .content .licensing-subtitle {
  margin: 10px 0 0 0;
  color: #1fb0ed;
  font-size: 18px;
}

#loggedout .screen .content .licensing-subtitle a {
  color: #1fb0ed;
  text-decoration: none;
}

#loggedout .screen .content #license-activation-component input {
  margin-bottom: 0;
  display: inline-block;
}

#loggedout .separator {
  position: relative;
  height: 40px;
  left: 0;
  width: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVIAAAAFAQMAAAAt5/ZXAAAABlBMVEVHcEzX19fBIrNLAAAAAXRSTlMAQObYZgAAACVJREFUCNdj+I8F/GHHJnqAARtg4mAgGjAKEK+WYQEJah2wigIAcdsql3pFs1UAAAAASUVORK5CYII=) center center no-repeat;
}

.login .welcome {
  color: #1fb0ed;
  font-weight: 200;
  font-size: 30px;
  margin-top: 50px;
}

.login .subtitle {
  font-family: 'Helvetica Ce';
  color: #1fb0ed;
  font-weight: 200;
  font-size: 20px;
  margin-bottom: 50px;
}

.login img {
  height: 63px;
}

.login input {
  margin: auto;
  margin-bottom: 16px;
  width: 200px;
  display: block;
}

.login input[type=checkbox] {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.login label {
  margin-bottom: 16px;
  display: inline-block;
  vertical-align: middle;
}

.reset-password .password-change-reason {
  display: inline-block;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 40px;
  width: 350px;
}

.reset-password label {
  display: inline-block !important;
  margin-top: 8px;
  margin-right: 16px;
  font-size: 15px;
}

.reset-password .reset-password--form {
  min-height: 205px;
}

.enforced-password-requirements {
  text-align: left;
  margin-bottom: 16px;
  padding: 8px;
}

.enforced-password-requirements ul {
  margin: 4px 0px;
}

.user-events {
  background-color: #333333;
  padding: 1px 1px 13px 1px;
  height: 121px;
}

.user-events .photos {
  position: relative;
  overflow: hidden;
  height: 60px;
}

.user-events .photos ul {
  position: absolute;
  right: 0;
  margin: 0;
  padding: 0;
  text-align: right;
  white-space: nowrap;
}

.user-events .photos ul li {
  list-style: none;
  display: inline-block;
  border: 4px solid #5c5c5c;
  margin: 0 4px;
  cursor: pointer;
}

.user-events .photos ul li .picture {
  height: 48px;
  width: 48px;
  background-position: center center;
  background-size: cover;
  background-color: #ffffff;
}

.user-events .photos ul li .picture.default-picture {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAACMBAMAAABv+YFBAAAAGFBMVEW4uLjy8vK2trbs7OzCwsLW1tbi4uLMzMyOPEWvAAACq0lEQVRYw+3YS3PaMBAA4B01KWdGxVw1qgnXuEC5UhNyroGWa8wEem1Myu9vaYot67napjM9sPdvZFm7qwd0aQEX91+7LBuNRvv9/ss+wzu+2zzfAYA8RadEuzWTUsCfYJ0M6R4lqCHvcW7KRMuB+IpwfJNrDJhYlCHHKwlmyOEq4MYCbMHS0ut4DvZgb72uLxwOROFxfAnOuPa4b8LtZOF0U+Zm2gxVl+Se4QBav1R1lZcBG2ZW51yDGn6iOXhDdAOiSzOb64uQY4XNLSEYc4tLWNgNLe5WhF3zoY3LAeHuDdeTCNesBAQK3bUSEPE31QkCetFf3EFzCeozmxQ9ux7S3Wiu/4/dQHPvkO5Kc2McA5FpDjkelLTxzgsfOx57Io43J443p63fuYfGOihoTpQ0l2a0ehgS6+j6leovIToORJfT5tetaPWO7J+m2xLdoyD9F2RjMvo11pW07zT3oyoqrZt1Z7jye6LlNaP2eb1uPxD7PDJdIO3SxtP7xC3Q8pO632L7y3u9v8io7eGvzy/I/DTOS90tsY6QG6BRR31i/fUYqf6QP3RAOyfX6aK4KmbZFfc54vSiugdM1VruAeOYZVAcpiIGlvsKr4JQHmz3qgkLQPVFRb3fTkOzKx338Aq5eLpbIhcv0hVE57r3h5p2RnND57uGv1fcOJ031VrL0Hbewx1zv794e4Uo3e89Fe6RwXAPAvWoYTjPLq89hLVdD/s7NZcgs9p4dwtf/Owux2VnjPO+D34PXojtbvnqLvW6LXE8T4KuPG7qybN05XQTXx2x9Gh3fAPePsHgaHF8NwvumnJh7GMf15jzhFxo557dTKLOL7KzUlyyZrjj4C94dajdBDnYCxTH7LfjG4ZX9SRh8iwhMk6ThFk0O33rDyCwE4RLXOISdfwE6bb/HAKZ8e0AAAAASUVORK5CYII=);
}

.user-events .photos .gradient {
  width: 40px;
  height: 100%;
  background: linear-gradient(to right, #333333 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  left: 0;
  pointer-events: none;
}

.user-events .header {
  position: relative;
}

.user-events .header h2 {
  color: #ffffff;
  text-align: center;
  font-weight: 200;
  font-size: 21px;
  margin: 12px 0;
}

.user-events .header .left-legend,
.user-events .header .right-legend {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 14px;
  margin: 5px 33px;
  position: absolute;
}

.user-events .header .left-legend {
  left: 0;
}

.user-events .header .right-legend {
  right: 0;
}

.user-events .photo-roll {
  display: table;
  width: 100%;
}

.user-events .photo-roll .navigation-controls {
  vertical-align: middle;
  display: table-cell;
  width: 1px;
}

.user-events .photo-roll .navigation-controls button {
  background-color: transparent;
  border: none;
  padding: 0;
  color: #ffffff;
}

.user-events .photo-roll .navigation-controls button:disabled {
  color: #666666;
}

.user-events .photo-roll .navigation-controls .icon-arrow-left {
  margin-left: 12px;
  margin-right: 6px;
}

.user-events .photo-roll .navigation-controls .icon-arrow-right {
  margin-left: 6px;
  margin-right: 12px;
}

.user-events .photo-roll .no-photos {
  border: 1px solid #666666;
  border-width: 1px 0 1px 0;
  padding: 12px;
  margin: 0 34px;
  text-align: center;
  color: white;
  font-size: 18px;
  font-weight: 200;
  vertical-align: middle;
}

.user-events .photo-roll .no-photos .icon-info {
  color: #1fb0ed;
  font-size: 1.2em;
  vertical-align: middle;
  margin-right: 4px;
}

.user-event-details {
  color: white;
  position: absolute;
  width: 371px;
  background-color: #000000;
  border: 1px solid #4f4f4f;
  border-radius: 7px;
  color: white;
  top: 10px;
  left: 10px;
  font-size: 95%;
  visibility: hidden;
}

.user-event-details .close {
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
}

.user-event-details .box {
  display: inline-block;
  width: 120px;
  height: 150px;
  padding: 4px;
  margin: 12px 10px 8px 12px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
}

.user-event-details .box .photo {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.user-event-details .box .photo.default-picture {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAACMBAMAAABv+YFBAAAAGFBMVEW4uLjy8vK2trbs7OzCwsLW1tbi4uLMzMyOPEWvAAACq0lEQVRYw+3YS3PaMBAA4B01KWdGxVw1qgnXuEC5UhNyroGWa8wEem1Myu9vaYot67napjM9sPdvZFm7qwd0aQEX91+7LBuNRvv9/ss+wzu+2zzfAYA8RadEuzWTUsCfYJ0M6R4lqCHvcW7KRMuB+IpwfJNrDJhYlCHHKwlmyOEq4MYCbMHS0ut4DvZgb72uLxwOROFxfAnOuPa4b8LtZOF0U+Zm2gxVl+Se4QBav1R1lZcBG2ZW51yDGn6iOXhDdAOiSzOb64uQY4XNLSEYc4tLWNgNLe5WhF3zoY3LAeHuDdeTCNesBAQK3bUSEPE31QkCetFf3EFzCeozmxQ9ux7S3Wiu/4/dQHPvkO5Kc2McA5FpDjkelLTxzgsfOx57Io43J443p63fuYfGOihoTpQ0l2a0ehgS6+j6leovIToORJfT5tetaPWO7J+m2xLdoyD9F2RjMvo11pW07zT3oyoqrZt1Z7jye6LlNaP2eb1uPxD7PDJdIO3SxtP7xC3Q8pO632L7y3u9v8io7eGvzy/I/DTOS90tsY6QG6BRR31i/fUYqf6QP3RAOyfX6aK4KmbZFfc54vSiugdM1VruAeOYZVAcpiIGlvsKr4JQHmz3qgkLQPVFRb3fTkOzKx338Aq5eLpbIhcv0hVE57r3h5p2RnND57uGv1fcOJ031VrL0Hbewx1zv794e4Uo3e89Fe6RwXAPAvWoYTjPLq89hLVdD/s7NZcgs9p4dwtf/Owux2VnjPO+D34PXojtbvnqLvW6LXE8T4KuPG7qybN05XQTXx2x9Gh3fAPePsHgaHF8NwvumnJh7GMf15jzhFxo557dTKLOL7KzUlyyZrjj4C94dajdBDnYCxTH7LfjG4ZX9SRh8iwhMk6ThFk0O33rDyCwE4RLXOISdfwE6bb/HAKZ8e0AAAAASUVORK5CYII=);
}

.user-event-details .data {
  width: 211px;
  display: inline-block;
  vertical-align: top;
  color: #ffffff;
  margin-bottom: 3px;
}

.user-event-details .data p:first-of-type {
  margin-top: 12px;
  margin-bottom: 1em;
}

.user-event-details .data p {
  margin: .5em 0;
  word-wrap: break-word;
}

.user-event-details .data .form-label {
  color: #999999;
}

.user-event-details .triangle-outer {
  position: absolute;
  left: 178.5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 7px 0 7px;
  border-color: #4f4f4f transparent transparent transparent;
}

.user-event-details .triangle-outer .triangle-inner {
  position: absolute;
  left: -6px;
  top: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #000000 transparent transparent transparent;
}

table tbody tr td .clickable {
  font-weight: 600;
  color: #3dc6ff;
  cursor: pointer;
}

table tbody tr:hover td .clickable {
  color: #666666;
}

.online-monitoring .button-list,
.online-monitoring .button-list--stacked {
  padding: 16px 0 8px 0;
}

.online-monitoring .button-list li,
.online-monitoring .button-list--stacked li {
  margin-bottom: 0;
}

.online-monitoring .table-container [class^="icon-"]:before,
.online-monitoring .table-container [class*=" icon-"]:before,
.online-monitoring .table-container .select2-container--salto .select2-selection--single .select2-selection__arrow b,
.select2-container--salto .select2-selection--single .select2-selection__arrow .online-monitoring .table-container b,
.online-monitoring .table-container .notifications-panel .notification-list-container .notification-list .notification .notification__icon,
.notifications-panel .notification-list-container .notification-list .notification .online-monitoring .table-container .notification__icon,
.online-monitoring .table-container .notifications-panel .notification-list-container .notification-list .notification .notification__close,
.notifications-panel .notification-list-container .notification-list .notification .online-monitoring .table-container .notification__close,
.event-stream .table-container [class^="icon-"]:before,
.event-stream .table-container [class*=" icon-"]:before,
.event-stream .table-container .select2-container--salto .select2-selection--single .select2-selection__arrow b,
.select2-container--salto .select2-selection--single .select2-selection__arrow .event-stream .table-container b,
.event-stream .table-container .notifications-panel .notification-list-container .notification-list .notification .notification__icon,
.notifications-panel .notification-list-container .notification-list .notification .event-stream .table-container .notification__icon,
.event-stream .table-container .notifications-panel .notification-list-container .notification-list .notification .notification__close,
.notifications-panel .notification-list-container .notification-list .notification .event-stream .table-container .notification__close {
  vertical-align: middle;
}

.event-stream .table-container table tbody td {
  line-height: 17.25px;
}

.event-stream .button-list,
.event-stream .button-list--stacked {
  padding: 0;
}

.event-stream .table-container .table-cell-icon {
  width: 30px;
  display: inline-block;
  text-align: center;
  vertical-align: text-bottom;
}

.event-stream .table-container .is-exit {
  font-size: 0.8em;
  vertical-align: text-top;
}

.event-stream .table-container .event-stream-name {
  max-width: 400px;
  display: inline-block;
}

.event-stream.event-stream-with-user-events .table-container {
  min-height: 165px;
}

.event-stream.event-stream-with-user-events .table-container .tbody-wrapper {
  min-height: 128px;
}

.event-stream.event-stream-with-user-events .table-container .table-empty {
  height: 128px;
}

.event-stream.event-stream-with-user-events .table {
  top: 129px;
}

#onlineMonitoringAccessPointsTable span[class*="icon-"] {
  position: relative;
  top: -2px;
}

.lockdown-monitoring .table-container {
  overflow: hidden;
}

.lockdown-monitoring .status-loading tr {
  cursor: progress !important;
}

.single-input-dialog {
  min-width: 300px;
  margin: 16px;
}

tbody td.monitoring-min-size {
  width: 70px;
  text-align: center;
}

.monitoring-multiple-selection .table-multiple-selection {
  height: 24px;
  display: inline-block;
  position: relative;
  left: -3px;
  top: 1px;
}

.roll-call-monitoring .roll-call-monitoring--column-count {
  width: 75px;
}

.roll-call-monitoring .roll-call-monitoring--column-datetime {
  width: 175px;
}

.roll-call-monitoring .content__status-and-body {
  position: absolute;
  top: 56px;
  height: calc(100% - 104px);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.roll-call-monitoring .content__status-and-body .content__status-bar {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.roll-call-monitoring .content__status-and-body .content__status-bar .left-block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.roll-call-monitoring .content__status-and-body .content__status-bar .left-block .search-users-block span {
  display: inline-block;
  vertical-align: top;
}

.roll-call-monitoring .content__status-and-body .content__status-bar .left-block .search-users-block .search-users-text {
  display: inline-block;
  max-width: 117px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.roll-call-monitoring .content__status-and-body .content__status-bar .left-block .filters-button {
  position: relative;
  top: 2px;
}

.roll-call-monitoring .content__status-and-body .content__status-bar .right-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.roll-call-monitoring .content__status-and-body .content__status-bar .applied-filters {
  padding: 12px;
}

.roll-call-monitoring .content__status-and-body .content__body {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.roll-call-monitoring .content__status-and-body .content__body .content__body__full-height .details-list__container .details-list__header {
  height: auto;
}

.roll-call-monitoring .content__status-and-body .content__body .content__body__full-height .details-list__container .details-list__header .fields .field .grid__item {
  padding-left: 0;
}

.roll-call-monitoring .content__status-and-body .content__body .roll-call-list-wrapper {
  vertical-align: bottom;
}

.roll-call-monitoring .content__status-and-body .content__body .roll-call-list-wrapper .applied-filters {
  padding: 16px 0 14px 0;
}

.roll-call-monitoring .content__status-and-body .content__body .roll-call-list-wrapper .table-container {
  min-height: 0;
}

.roll-call-monitoring .content__status-and-body .content__body .roll-call-list-wrapper .table-container .tbody-wrapper {
  min-height: 0;
}

.roll-call-monitoring .content__status-and-body .content__body .roll-call-list-wrapper .off-canvas-tab-footer {
  display: block;
}

.roll-call-monitoring .content__status-and-body .content__body .roll-call-list-wrapper .off-canvas-tab-footer .table-footer-table {
  width: 100%;
  height: 50px;
  display: table;
}

.roll-call-monitoring table {
  table-layout: fixed;
}

roll-call-monitoring .details-list__container {
  padding: 16px 16px 0 0;
}

roll-call-monitoring .table-footer__total:nth-of-type(2),
roll-call-monitoring .table-footer--slim .table-footer__selected:nth-of-type(2),
.table-footer--slim roll-call-monitoring .table-footer__selected:nth-of-type(2) {
  padding-top: 8px;
}

roll-call-monitoring-filter-popup {
  position: absolute;
}

.roll-call-monitoring-filter-popup {
  position: absolute;
  border: 2px solid black;
  border-radius: 3px;
  background: #fff;
  visibility: hidden;
  width: 274px;
  padding: 12px 15px 12px 15px;
}

.roll-call-monitoring-filter-popup .arrow {
  border-color: transparent;
  border-left-width: 12px;
  border-right-width: 12px;
  border-bottom-width: 12px;
  border-bottom-color: black;
  top: -15px;
  left: 113px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.roll-call-monitoring-filter-popup .arrow {
  left: calc(50% - 12px) !important;
}

.roll-call-monitoring-filter-popup ul:not(.select2-selection__rendered) {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.roll-call-monitoring-filter-popup ul:not(.select2-selection__rendered) li {
  padding: 4px;
}

.roll-call-monitoring-filter-popup ul:not(.select2-selection__rendered) li:hover {
  cursor: pointer;
  background-color: rgba(31, 176, 237, 0.8);
}

.roll-call-monitoring-filter-popup h4 {
  margin: 0 0 10px 0;
}

.roll-call-monitoring-filter-popup h4,
.roll-call-monitoring-filter-popup li {
  max-width: 240px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.roll-call-monitoring-filter-popup .input-button-ctrl {
  width: 240px;
  margin-bottom: 2px;
}

.roll-call-monitoring-filter-popup .input-button-ctrl .select2-selection--multiple {
  min-height: 34px;
  max-height: 300px;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.roll-call-monitoring-filter-popup .input-button-ctrl .select2-selection--multiple .select2-selection__rendered {
  height: auto;
  display: block;
  min-height: 32px;
  padding: 4px 0;
}

.roll-call-monitoring-filter-popup .input-button-ctrl .select2-selection--multiple .select2-selection__rendered .select2-selection-rendered {
  max-width: 180px;
  text-overflow: clip;
}

.roll-call-monitoring-filter-popup .input-button-ctrl .select2-selection--multiple .select2-selection__rendered .select2-multiple-item-tooltip-wrapper {
  max-width: 157px;
  overflow: hidden;
}

.roll-call-monitoring-users-wrapper .applied-filters {
  padding: 16px 0 0 0;
  margin-bottom: -2px;
}

.roll-call-monitoring-users-wrapper .table-container {
  min-height: 160px;
}

.roll-call-monitoring-users-wrapper .table-container .tbody-wrapper .table-empty {
  margin-top: 0;
}

.roll-call-monitoring-users-wrapper .table-container th {
  overflow: hidden;
}

.roll-call-monitoring-users-wrapper table-footer-tab {
  display: block;
}

@media (max-height: 800px) {
  .roll-call-monitoring .content__status-and-body .content__status-bar .applied-filters {
    display: block;
    max-height: 100px;
    overflow: auto;
  }
}

#license-activation-component {
  margin: 16px;
}

#license-activation-component .licensing-tab-container {
  position: relative;
  text-align: left;
  width: 570px;
  box-sizing: border-box;
}

#license-activation-component .licensing-tab-container .tabs__content {
  background: white;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container {
  position: relative;
  padding: 24px;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container {
  position: relative;
  height: 200px;
  width: 100%;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .warning-label-border {
  margin-bottom: 16px;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container.manual-licensing {
  top: 16px;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container input {
  width: 100%;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .spa {
  position: relative;
  letter-spacing: -.31em;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .spa span,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .spa input {
  letter-spacing: normal;
  display: inline-block;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .spa span {
  width: 40px;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .spa input {
  width: calc(100% - 40px);
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .spa::after {
  letter-spacing: normal;
  position: absolute;
  display: block;
  right: -15px;
  content: '_';
  bottom: 13px;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .column,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column {
  position: relative;
  width: 50%;
  text-align: left;
  margin: 16px 0 0 0;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .column .field,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column .field,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column .field {
  min-height: 60px;
  display: block;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .column .field input,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column .field input,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column .field input {
  width: 100%;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .column input[type=text],
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column input[type=text],
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column input[type=text],
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .column .tagged-input,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column .tagged-input,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column .tagged-input {
  margin-bottom: 0;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column {
  float: left;
  padding: 0 8px 0 0;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column {
  float: right;
  padding: 0 0 0 8px;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .visit-webpage-msg {
  margin: 0;
  text-align: center;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .visit-webpage-msg .simple-msg {
  color: #999999;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .visit-webpage-msg a {
  color: #4d4d4d;
  text-decoration: none;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .visit-webpage-msg a:hover {
  text-decoration: underline;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .installation-id-line {
  margin: 16px auto;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .installation-id-line .installation-id {
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  vertical-align: top;
  color: #999999;
  height: 35px;
  display: inline-block;
  background-color: #f2f2f2;
  border-radius: 5px;
  border-style: none;
  border-width: 1px;
  padding: 11px;
  margin-right: 4px;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .upload-file-input {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  border-style: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  height: 34px;
  cursor: pointer;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .upload-file-input:not(.ng-pristine).ng-invalid {
  border: 1px solid #dc000c !important;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .upload-file-input:focus {
  outline: 0;
  border-color: #00cfa4 !important;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .upload-file-input.has-hover {
  border-color: #1fb0ed;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .upload-file-input.has-hover .file-input-overlay span {
  color: #666666;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .upload-file-input .file-input-overlay {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .upload-file-input .file-input-overlay span {
  position: absolute;
  padding: 8px;
  top: 0;
  right: 0;
  color: #999999;
  cursor: pointer;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .upload-file-input input {
  margin: 0 !important;
  height: 100%;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .upload-file-input input[type=file] {
  width: 100% !important;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  color: transparent;
  cursor: pointer;
  z-index: -1;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .upload-file-input input[type=text],
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .upload-file-input .tagged-input {
  width: 100% !important;
  border-style: none;
  cursor: pointer;
}

#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .upload-file-input input[type=text][disabled],
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .upload-file-input .tagged-input[disabled] {
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.05) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#0DFFFFFF', GradientType=0);
  background-color: #fff;
  border-style: none;
  opacity: 1;
}

#license-activation-component .licensing-tab-container .tabs__content .button-container {
  position: relative;
  width: 100%;
  bottom: 12px;
  text-align: center;
}

#copy-to-clipboard-fallback {
  text-align: center;
  font-size: 16px;
}

#copy-to-clipboard-fallback .ngdialog__icon {
  color: #1fb0ed;
}

#copy-to-clipboard-fallback h2 {
  color: #1fb0ed;
}

#copy-to-clipboard-fallback hr {
  border-width: 1px;
  border-style: solid;
  width: 42px;
}

#copy-to-clipboard-fallback .press-keys {
  font-size: 18px;
  font-weight: 800;
}

#copy-to-clipboard-fallback input {
  text-align: center;
}

#copy-to-clipboard-fallback p {
  margin: .75em 0;
}

.details,
.item-list {
  height: 100%;
}

.details .content__body,
.item-list .content__body {
  background-image: url(aa022fe1701c82820b90bfcbf73592a1.svg);
  background-position: 100% 450%;
  background-repeat: no-repeat;
  background-size: contain;
}

.details .content__body .white-background,
.item-list .content__body .white-background {
  background: #fff;
}

.details .partial-detail-content__body,
.item-list .partial-detail-content__body {
  padding: 10px 8px;
}

.details .content__body {
  padding-bottom: 0px;
}

.details-container {
  padding: 16px;
  height: calc(100% - 95px - 55px);
  overflow-y: auto;
}

.details-container .height-total {
  height: 100%;
}

.details-head {
  background: #666666;
  color: white;
  font-size: 24px;
  font-weight: 400;
  height: 55px;
  line-height: 37px;
  padding: 9px;
  width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

detail-box {
  display: block;
  *zoom: 1;
}

detail-box:before,
detail-box:after {
  display: table;
  content: "";
  line-height: 0;
}

detail-box:after {
  clear: both;
}

detail-box.no-margin-bottom .detail-box {
  margin-bottom: 0;
}

detail-box.no-margin-top .detail-box__content {
  margin-top: 0;
}

ul.detail-box__list-box {
  list-style: none;
  margin: 15px 0;
  padding: 0;
}

ul.detail-box__list-box li {
  display: block;
}

detail-box.no-inside-padding .detail-box .detail-box__content {
  margin: 0;
  padding: 0;
}

detail-box.all-height .detail-box .detail-box__content {
  height: calc(100% - 36px);
}

detail-box.max-height-all .detail-box .detail-box__content {
  max-height: 340px;
  overflow-y: auto;
  margin-right: 0;
}

.detail-box--flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.detail-box--flex-container .detail-box--flex-container__box {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.detail-box--flex-container .detail-box--flex-container__box.fixed-width {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.detail-box--flex-container .detail-box--flex-container__box:not(:last-child) {
  margin-right: 16px;
}

.detail-box--flex-container .detail-box--flex-container__box .field--select2-fixed .ctrl {
  max-width: 180px;
}

.detail-box {
  background: #fff;
  display: block;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  margin: 0 auto 16px auto;
  min-height: 100px;
  width: 100%;
}

.detail-box,
.detail-box * {
  box-sizing: border-box;
}

.no-margin-bottom .detail-box {
  margin-bottom: 0;
}

.no-bottom-padding .detail-box .detail-box__content {
  padding-bottom: 0;
}

.detail-box.detail-box--fix-height {
  height: 95%;
}

.detail-box.detail-box--high-l {
  min-height: 229px;
}

.detail-box.detail-box--high-xl {
  min-height: 268px;
}

.detail-box.detail-box--high-xxl {
  min-height: 359px;
}

.detail-box .detail-box__title {
  position: relative;
  color: #b3b3b3;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  padding: 8px 10px 9px 10px;
  text-transform: uppercase;
  background-color: #f7f7f7;
  font-weight: 400;
}

.detail-box .detail-box__title span {
  color: #666666;
}

.detail-box .detail-box__title .pointer {
  cursor: pointer;
}

.detail-box .detail-box__title > div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.detail-box .detail-box__footer {
  color: #b3b3b3;
  width: calc(100% + 32px);
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 8px;
  text-transform: uppercase;
  background-color: #f7f7f7;
  margin-bottom: -4px;
  display: inherit;
  margin-left: -16px;
  height: 54px;
  margin-top: 15px;
}

.detail-box .detail-box__footer .button-list,
.detail-box .detail-box__footer .button-list--stacked {
  padding: 0;
}

.detail-box .detail-box__footer .button-list li,
.detail-box .detail-box__footer .button-list--stacked li {
  margin: 0 8px 0 0;
}

.detail-box .detail-box__footer .button-list li:last-child,
.detail-box .detail-box__footer .button-list--stacked li:last-child {
  margin-right: 0;
}

.detail-box .detail-box__content {
  margin: 15px 16px 0 16px;
  padding-bottom: 2px;
}

.detail-box .detail-box__content .separator {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px;
}

.detail-box .detail-box__content .detail-box__list {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.detail-box .detail-box__content .detail-box__list li:before {
  vertical-align: top;
}

.detail-box .detail-box__content .detail-box__list li .detail-box__list__container {
  display: inline-block;
  max-width: calc(100% - 35px);
}

.inner-detail-box {
  background: #fff;
  display: inline-block;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  margin-bottom: 16px;
  min-height: 100px;
  width: 100%;
}

.inner-detail-box.no-margin-bottom {
  margin-bottom: -1px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.inner-detail-box .inner-detail-box__title {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  padding: 8px 10px 9px 10px;
  text-transform: uppercase;
  background-color: #666666;
  font-weight: 400;
  text-align: center;
}

.inner-detail-box .inner-detail-box__title.first-title {
  border-radius: 3px 3px 0 0;
}

.inner-detail-box .inner-detail-box__title span,
.inner-detail-box .inner-detail-box__title label {
  color: white;
  display: inline;
  font-weight: 600;
}

.inner-detail-box .inner-detail-box__title span.disabled,
.inner-detail-box .inner-detail-box__title span.disabled-style,
.inner-detail-box .inner-detail-box__title label.disabled,
.inner-detail-box .inner-detail-box__title label.disabled-style {
  color: #b3b3b3;
}

.inner-detail-box .inner-detail-box__title input[type=radio] {
  vertical-align: top;
  margin-top: 3px;
}

.inner-detail-box .inner-detail-box__title label {
  vertical-align: middle;
}

.inner-detail-box .inner-detail-box__content {
  padding: 16px 8px 8px 8px;
  position: relative;
}

.inner-detail-box .inner-detail-box__content.extra-bottom-padding {
  padding-bottom: 10px;
}

.inner-detail-box .inner-detail-box__content.has-fixed-menu {
  padding-bottom: 16px;
}

.inner-detail-box .inner-detail-box__content .center {
  text-align: center;
}

.inner-detail-box .inner-detail-box__content.content-disabled {
  background: #f2f2f2;
}

.inner-detail-box .inner-detail-box__content.has-top-border {
  border-top: 1px solid #e6e6e6;
}

.details-list__container {
  padding: 16px 16px 0px 16px;
  height: 100%;
}

.details-list__header {
  background: linear-gradient(to bottom, #7B7B7B 0%, #9A9A9A 70%);
  /* W3C */
  padding: 8px 16px 0px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #cccccc;
  height: 92px;
}

.details-list__header input[type=text][readonly],
.details-list__header .tagged-input[readonly],
.details-list__header input[type=search][readonly],
.details-list__header input[type=number][readonly],
.details-list__header input[type=password][readonly] {
  color: #e6e6e6;
}

.details-list__header label {
  text-align: right;
}

.details-list__header .ctrl {
  overflow: hidden;
  /* necesario para que el select2 no se salga de su espacio máximo */
}

/*Custom list styles*/

.details-list:not(.no-padding),
#reset-locker-data .framed-details-list:not(.no-padding) {
  padding-left: 14px;
}

.details-list li,
#reset-locker-data .framed-details-list li {
  list-style: none;
  text-align: left;
  font-size: 15px;
  padding-left: 25px;
}

.details-list li:before,
#reset-locker-data .framed-details-list li:before {
  content: "\e69f";
  font-family: icomoon;
  font-size: 27px;
  vertical-align: middle;
  margin-left: -32px;
  line-height: 27px;
}

.details-list li p.message-text,
#reset-locker-data .framed-details-list li p.message-text {
  display: inline-block;
  padding-top: 4px;
  vertical-align: top;
}

.details-list li span,
#reset-locker-data .framed-details-list li span {
  vertical-align: middle;
}

.details-list li > .details-list--container,
#reset-locker-data .framed-details-list li > .details-list--container {
  margin-top: 2px;
  vertical-align: text-top;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}

.details-list li > .details-list--container.firefox-fix,
#reset-locker-data .framed-details-list li > .details-list--container.firefox-fix {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -21px;
}

.details-list li > .details-list--container.firefox-fix .details-list--label,
#reset-locker-data .framed-details-list li > .details-list--container.firefox-fix .details-list--label {
  margin-left: -1px;
}

.details-list li > .details-list--container .details-list--label,
#reset-locker-data .framed-details-list li > .details-list--container .details-list--label {
  font-weight: 400;
  float: left;
}

.details-list li > .details-list--container .details-list--content,
#reset-locker-data .framed-details-list li > .details-list--container .details-list--content {
  overflow: hidden;
  padding-left: 8px;
}

.details-list li .list-label,
#reset-locker-data .framed-details-list li .list-label {
  margin-left: -8px;
  font-weight: 400;
}

.details-list li .list-label-with-margins,
#reset-locker-data .framed-details-list li .list-label-with-margins {
  margin-right: 4px;
  font-weight: 400;
}

/*Wizard components*/

.wizard__container {
  display: table;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #e1e1e1;
  width: 100%;
  font-size: 0;
  white-space: nowrap;
}

.wizard__container .wizard-step-wrapper {
  display: inline-block;
}

.wizard__container .wizard__icon {
  display: block;
  font-size: 90px;
  height: 92px;
  color: #f0f0f0;
  width: 90px;
  overflow: hidden;
  margin: 0 7px;
  position: absolute;
  top: 0;
  right: 0;
}

.wizard__container .wizard__step {
  font-size: 15px;
  display: block;
  text-align: center;
  height: 92px;
  vertical-align: middle;
  background: #d3d3d3;
  color: white;
  border-right: 1px solid #fff;
}

.wizard__container .wizard__step.selected {
  background: #1fb0ed;
}

.wizard__container .wizard__step.selected .wizard__step__head {
  visibility: visible;
}

.wizard__container .wizard__step.selected .wizard__step__number {
  background: #fff;
  color: #1fb0ed;
}

.wizard__container .wizard__step .wizard__step__head {
  visibility: hidden;
  border-bottom: 1px solid #fff;
  width: 100%;
  height: 4px;
  background: #90cc00;
}

.wizard__container .wizard__step .wizard__step__text {
  font-size: 0.75em;
  margin: 5px 0 3px 0;
  text-transform: uppercase;
}

.wizard__container .wizard__step .wizard__step__number {
  font-size: 22px;
  border-radius: 50%;
  background: #e2e2e2;
  height: 36px;
  width: 36px;
  line-height: 1.7em;
  margin: 0 auto;
  font-weight: 900;
}

.wizard__container .wizard__step .wizard__step__title-wrapper {
  width: 100%;
  padding: 2px 20px;
}

.wizard__container .wizard__step .wizard__step__title {
  font-size: 18px;
  font-weight: 200;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
 * Full Picker component
 */

full-picker {
  display: inline-block;
  height: 34px;
}

full-picker[readonly] .fullpicker input {
  border: none;
  background: transparent;
}

full-picker[readonly] .fullpicker input.fullpicker__input.has-icon {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

full-picker[readonly] .fullpicker button {
  display: none;
}

.fullpicker {
  display: inline-block;
}

.fullpicker .fullpicker-date-container {
  display: inline;
}

.fullpicker .fullpicker__input {
  padding: 6px;
  text-align: center;
  vertical-align: middle;
  margin-left: 0px !important;
}

.fullpicker .fullpicker__input.has-icon {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.fullpicker .fullpicker__input.fullpicker-date {
  width: 86px !important;
}

.fullpicker .fullpicker__input.fullpicker-time {
  width: 50px;
  margin-left: 5px !important;
}

.fullpicker .fullpicker__input.fullpicker-time.only-hour {
  width: 38px;
}

.fullpicker .fullpicker__input.fullpicker-time.bigtime {
  width: 69px;
}

.fullpicker button {
  vertical-align: bottom;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  /* margin-left: -3px; */
  width: 34px;
  font-size: 16px;
  -webkit-box-shadow: 0px 0px 0px 0px;
  -moz-box-shadow: 0px 0px 0px 0px;
  box-shadow: 0px 0px 0px 0px;
}

.fullpicker button span[class^="icon-"] {
  margin: 0 0 0 -2px;
}

.fullpicker button.opened .button__gradient,
.fullpicker button:not(:disabled):active .button__gradient {
  background: #00cfa4 !important;
}

.fullpicker__datepicker {
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.4);
  padding: 2px;
  margin-top: 2px;
  background: linear-gradient(to top, #FFFFFF 0%, #FCFCFD 16%);
}

/*
 * Modify Input dialog SCSS 
 */

.macro-list-iterator__warning-container {
  margin-bottom: 15px;
}

.macro-list-iterator {
  max-width: 600px;
}

.macro-list-iterator .macro-list-iterator__macro-name-column {
  width: 120px;
}

.macro-list-iterator .macro-list-iterator__macro-name-column.bigger {
  width: 150px;
}

.dbbackup__dialog {
  width: 450px;
  padding: 10px;
}

.dbbackup__dialog .field__explanation {
  padding: 7px 0 0 0;
  font-size: 14px;
  color: #999999;
}

/*
  * Hour Range component
  */

.hour-range {
  display: block;
  width: 100%;
  margin: 12px auto;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  background: #ECECEC;
  height: 34px;
}

.hour-range .hour-range__range {
  display: inline-block;
  width: 12%;
  text-align: left;
  font-size: 12px;
  color: #BBBBBB;
  padding-top: 9px;
  vertical-align: top;
  float: left;
  margin: 0;
}

.hour-range .hour-range__range:first-child {
  padding-left: 2%;
}

.hour-range .hour-range__range.align-right {
  text-align: right;
  float: right;
  padding-right: 5px;
}

.hour-range .hour-range__range.half-width {
  width: 6%;
}

.hour-range .hour-range__selected {
  background: rgba(0, 207, 164, 0.13);
  height: 34px;
  border-radius: 3px;
  border: 2px solid rgba(0, 207, 164, 0.85);
  max-width: 100%;
}

/*
  * Dayset Selector
  */

.dayset-selector {
  display: block;
  margin: 0 auto;
  width: 255px;
}

.dayset-selector.dayset-selector-only-weekdays {
  width: 170px;
}

.dayset-selector .dayset-selector__block {
  display: inline-block;
  margin-right: 2px;
  vertical-align: top;
}

.dayset-selector .dayset-selector__block .dayset-selector__block__button-container {
  float: left;
}

.dayset-selector .dayset-selector__block .dayset-selector__block__button-container button.dayset-selector__block__day {
  vertical-align: top;
  display: inline-block;
  width: 24px;
  height: 35px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid #e5e5e5;
  border-right-width: 0px;
  cursor: pointer;
  padding: 0;
  color: #BBBBBB;
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
}

.dayset-selector .dayset-selector__block .dayset-selector__block__button-container button.dayset-selector__block__day.selected {
  background: #00cfa4;
  border: 1px solid #008469;
  border-bottom-width: 3px;
  color: #fff;
  border-radius: 0px;
}

.dayset-selector .dayset-selector__block .dayset-selector__block__button-container button.dayset-selector__block__day.selected:first-child {
  border-radius: 0px;
}

.dayset-selector .dayset-selector__block .dayset-selector__block__button-container button.dayset-selector__block__day.selected:last-child {
  border-right-width: 1px;
  border-radius: 0px;
}

.dayset-selector .dayset-selector__block .dayset-selector__block__button-container button.dayset-selector__block__day:disabled {
  cursor: default;
}

.dayset-selector .dayset-selector__block .dayset-selector__block__button-container button.dayset-selector__block__day:not(:disabled):active,
.dayset-selector .dayset-selector__block .dayset-selector__block__button-container button.dayset-selector__block__day:not(:disabled):focus,
.dayset-selector .dayset-selector__block .dayset-selector__block__button-container button.dayset-selector__block__day:not(:disabled):visited {
  outline: 0;
}

.dayset-selector .dayset-selector__block .dayset-selector__block__button-container button.dayset-selector__block__day:not(:disabled):active:not(.selected),
.dayset-selector .dayset-selector__block .dayset-selector__block__button-container button.dayset-selector__block__day:not(:disabled):focus:not(.selected),
.dayset-selector .dayset-selector__block .dayset-selector__block__button-container button.dayset-selector__block__day:not(:disabled):visited:not(.selected) {
  color: #ECECEC;
  background: #BBBBBB;
  outline: 0;
}

.dayset-selector .dayset-selector__block .dayset-selector__block__button-container button.dayset-selector__block__day:not(.selected):not(:disabled):hover:not(:focus) {
  background: #ECECEC;
}

.dayset-selector .dayset-selector__block .dayset-selector__block__button-container:first-child button.dayset-selector__block__day {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dayset-selector .dayset-selector__block .dayset-selector__block__button-container:last-child button.dayset-selector__block__day {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right-width: 1px;
}

/*
  * TimezoneList component
  */

timezone-list {
  height: 100%;
  width: 100%;
  display: block;
}

/*
 * Rooms & Room Detail
 */

.room-type {
  display: inline-block;
  min-width: 16px;
}

#room-associated-devices-box .table-container {
  min-height: 120px;
  margin-bottom: 16px;
}

#room-associated-devices-box .table-container .tbody-wrapper {
  min-height: 83px;
}

.detail-box-filters {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  padding: 6px 20px 0 0;
}

.detail-box-filters button {
  padding: 0;
  border: 1px solid #e5e5e5;
  display: inline-block;
  background: #d3d3d3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d3d3d3 0%, #dbdbdb 60%, #d8d8d8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(60%, #dbdbdb), color-stop(100%, #d8d8d8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d3d3d3 0%, #dbdbdb 60%, #d8d8d8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d3d3d3 0%, #dbdbdb 60%, #d8d8d8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d3d3d3 0%, #dbdbdb 60%, #d8d8d8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d3d3d3 0%, #dbdbdb 60%, #d8d8d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#d8d8d8',GradientType=0 );
  /* IE6-9 */
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  color: #666666;
  box-sizing: border-box;
}

.dark .detail-box-filters button {
  color: #fff;
  background: linear-gradient(to bottom, #000 0%, #000 60%, #252525 100%);
  border-color: #4d4d4d;
}

.detail-box-filters button:hover:not(.button-disabled) {
  background: #1fb0ed;
}

.detail-box-filters button:focus {
  outline: 1px #00cfa4 dotted;
}

.detail-box-filters button.active {
  background: #00cfa4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00cfa4), color-stop(60%, #00cfa4), color-stop(100%, #00a180));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* W3C */
  border-color: #fff;
  color: #fff;
}

.dark .detail-box-filters button.active {
  background: #00cfa4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00cfa4), color-stop(60%, #00cfa4), color-stop(100%, #00a180));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* W3C */
  border-color: #fff;
}

.detail-box-filters button:not(:first-child) {
  margin-left: 10px;
}

.detail-box-filters button span {
  vertical-align: top;
}

.detail-box-filters button.list-and-details {
  display: inline-block;
  float: right;
}

.detail-box-filters button.button-disabled {
  opacity: 0.5;
  cursor: auto;
}

.detail-box-filters button.button-disabled:focus {
  outline: none;
}

.detail-box-filters button.active span {
  color: #fff !important;
}

#access-points-box .table-footer,
#access-points-box .table-footer--slim {
  margin-bottom: 16px;
}

#about {
  height: 100%;
  display: table;
}

#about .button-primary {
  border-color: #319ecc !important;
}

#about .title {
  color: #1fb0ed;
  font-size: 18px;
  vertical-align: middle;
  margin-right: 4px;
  text-align: center;
  font-weight: 600;
}

#about .title .icon-info {
  font-size: 16px;
}

#about label {
  font-weight: 400;
}

#about .row {
  display: table-row;
}

#about .row > div,
#about .row .about-block {
  display: table-cell;
  padding: 0 3px;
  vertical-align: top;
}

#about .row.padded-top > div {
  padding-top: 24px;
}

#about .row .urls {
  text-align: center;
}

#about .row .urls a {
  display: block;
  color: #666666;
  padding-bottom: 3px;
}

#about .row .urls.with-padding {
  padding: 0 10px 0 15px;
}

#about .column,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .left--column,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .right--column {
  display: inline-block;
  margin: 0 16px;
}

#about .column hr,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column hr,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .left--column hr,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column hr,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .right--column hr {
  width: 40px;
  color: #bbbbbb;
  background-color: #bbbbbb;
  border-style: none;
  height: 2px;
}

#about .column .local-bridge,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column .local-bridge,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .left--column .local-bridge,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column .local-bridge,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .right--column .local-bridge {
  display: block;
  float: left;
  border-radius: 5px;
  background: #f4f4f4;
  text-align: center;
  width: 100%;
  padding: 10px;
}

#about .column .local-bridge label,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column .local-bridge label,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .left--column .local-bridge label,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column .local-bridge label,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .right--column .local-bridge label,
#about .column .local-bridge span,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column .local-bridge span,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .left--column .local-bridge span,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column .local-bridge span,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .right--column .local-bridge span {
  display: inline-block;
}

#about .column .local-bridge span,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column .local-bridge span,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .left--column .local-bridge span,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column .local-bridge span,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .right--column .local-bridge span {
  font-weight: 200;
  vertical-align: top;
}

#about .column .button,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column .button,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .left--column .button,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column .button,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .right--column .button {
  text-align: center;
  width: 100%;
  display: table;
}

#about .column .button button,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column .button button,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .left--column .button button,
#about #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column .button button,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #about .right--column .button button {
  margin-top: 10px;
}

#about .about--copy-to-clipboard {
  background: none;
  padding: 1px 3px;
  border: none;
  color: #666666;
  font-size: 13px;
}

#about .about--copy-to-clipboard:hover {
  color: #000;
}

#about .about--copy-to-clipboard:active {
  color: #bfbfbf;
}

#features {
  width: 500px;
  margin: 10px;
}

#features #feature_constraints .featureConstraint {
  display: inline-block;
  margin: 0px 15px 10px 0px;
}

#features #feature_constraints label {
  margin-right: 2px;
  display: inline-block;
  float: left;
}

#features #features__table-container {
  height: 350px;
  overflow: hidden;
}

#features .status-center-icon {
  text-align: center;
}

#features .licenseStatus {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  display: inline-block;
}

#features tr:nth-child(even) .constraint {
  border-color: white;
}

#features tr:nth-child(odd) .constraint {
  border-color: #f4f4f4;
}

#features .constraint {
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  margin: 3px 8px 3px 8px;
  padding: 2px 5px;
}

#features .constraint span {
  color: #9B9B9B;
  font-size: 13px;
}

#features .constraint span span {
  font-size: 12px;
  font-weight: 800;
  margin: 0px;
  display: inline-block;
}

#features .constraint div {
  display: inline;
}

.add-delete {
  height: 100%;
}

.add-delete .applied-filters-container {
  display: flex;
}

.add-delete .add-delete-list-container {
  display: flex;
}

.add-delete .add-delete-table {
  width: 350px;
  flex: 1 1 auto;
}

@media only screen and (min-width: 1224px) {
  .add-delete .add-delete-table {
    width: 450px;
  }
}

.add-delete .add-delete-table .add-delete-list {
  height: 100%;
}

.add-delete .add-delete-buttons {
  width: 66px;
  flex: 0 1 auto;
  align-self: center;
}

.add-delete .add-delete-list__locked-icon {
  float: left;
  width: 24px;
}

.add-delete .add-delete-list__locked-name {
  margin-left: 20px;
}

.add-delete .add-delete-list__selected-locked-name {
  margin-left: 0;
}

.add-delete .locked-elements {
  padding-bottom: 12px;
}

.add-delete .locked-elements .warning-label-border {
  height: 37px;
  width: 100%;
}

.add-delete .locked-elements .warning-label-border > * {
  vertical-align: top;
}

.add-delete .locked-elements .warning-label-border .locked-items-warning-message {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 8px;
}

.add-delete .locked-elements .warning-label-border .warning-label__close {
  position: static;
}

paginated-add-delete .locked-elements {
  padding-bottom: 0 !important;
  padding-top: 8px;
}

paginated-add-delete .applied-filters-container {
  padding-top: 12px;
}

/* $add-delete-table-width: 344px;
$add-delete-table-wrapper-max-width: 342px;
$add-delete-table-big-width-difference: 106px;
$add-delete-buttons-width: 66px;

.add-delete {
    height: 100%;
    
    .add-delete-table {
        width: $add-delete-table-width;
        @media only screen and (min-width : 1224px) {
            width: $add-delete-table-width + $add-delete-table-big-width-difference;
        }
        .thead-wrapper, .tbody-wrapper {
            table {
                max-width: $add-delete-table-wrapper-max-width;
                @media only screen and (min-width : 1224px) {
                    max-width: $add-delete-table-wrapper-max-width + $add-delete-table-big-width-difference;
                }
            }
        }
    }
    
    .add-delete-buttons {
        width: $add-delete-buttons-width;
    }
        
    .grid {
        margin-left: 0;
        .grid__item {
            &.add-delete-table {
                height: 100%;
            }
            padding-left: 0;
            .add-delete-list {
                height: 100%;
            }
        }
    }
    .warning-label-container {
        .warning-label-border {
            padding: 8px;
        }
    }
    
    .applied-filters-container{
        @include clearfix2;
        .add-delete-table, .add-delete-buttons {
            float:left;
            padding-bottom: 1px;
        }
    }
    
    .add-delete-list-container{
        .add-delete-table, .add-delete-buttons {
            margin-top: -1px;
        }
        .add-delete-buttons .button-list {
            padding: 0;
        }
    }
    .add-delete-list__locked-icon {
        float: left;
        width: 24px;
    }
    .add-delete-list__locked-name {
        margin-left: 20px;
    }
    .add-delete-list__selected-locked-name {
        //margin-left: 20px;
        margin-left: 0;
    }
    .table-container {
        min-height: auto;
    }
    .tbody-wrapper {
        min-height: auto;
        table {
            table-layout: fixed;
        }
    }
    table {
        th,td {
            overflow: hidden;
            white-space: nowrap;
            word-wrap: normal
        }
    }

    .locked-elements {
        padding-bottom: 12px;

        .warning-label-border {
            height: 37px;
            width: 755px;

            @media only screen and (min-width : 1224px) {
                width: 967px;
            }

            & > * {
                vertical-align: top;
            }

            .locked-items-warning-message {
                display: inline-block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-left: 8px;
            }
            
            .warning-label__close {
                position: static;
            }
        }
    }
}
.add-delete-list {
    .tree-grid-first-cell {
        table-layout: fixed;
        width: 100%;
    }
}

partition-add-delete {
    .add-delete {
        height: 370px;
    }

    .warning-label-container {
        padding-top: 7px;
    }

    .applied-filters__label {
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

paginated-add-delete {
    .locked-elements {
        padding-bottom: 0 !important;
        padding-top: 8px;
    }

    .applied-filters-container {
        padding-top: 12px;
    }
}
 */

#progress-bar {
  margin: 20px 0;
}

#progress-bar .progress-bar--container {
  height: 27px;
  width: 440px;
  box-shadow: 0px 0px 0px 3px #e4e4e4;
  border-radius: 10px;
  border: 1px solid #cecece;
  position: relative;
  background-color: #ededed;
  background: linear-gradient(to bottom, #cecece 0%, #ededed 100%);
}

#progress-bar .progress-bar--container .bar {
  border-radius: 10px;
  width: 0%;
  top: -1px;
  bottom: -1px;
  position: absolute;
  background-color: #045feb;
  background: linear-gradient(to right, #50e3fc 0%, #045feb 100%);
}

#progress-bar p {
  color: #999999;
  text-align: center;
}

#home {
  background: #fafafa;
  height: 100%;
  font-size: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

#home button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #fafafa;
  font-weight: 800;
  color: #D1D1D1;
  border: solid 10px #fafafa;
  border: none;
  outline: 0px;
  padding: 10px;
}

#home button .icon {
  font-size: 95px;
}

#home button span {
  display: block;
  font-size: 54px;
}

#home .secondaryButton span {
  font-size: 22px;
}

#home .secondaryButton .icon {
  font-size: 40px;
}

#home button:hover {
  background-color: #1FAFEB;
  color: white !important;
  border-style: solid;
  border-color: white;
  border-width: 10px;
  outline: none;
  outline: 0px;
  padding: 0px;
}

#home .left {
  float: left;
}

#home .right {
  float: right;
}

.content {
  height: calc(100% - 16px);
}

#home1Element button {
  width: 350px;
  height: 350px;
}

#home1Element .button {
  border-style: solid;
  border-width: 1px;
  border-top-color: white;
  border-left-color: white;
  border-right-color: #e8e8e8;
  border-bottom-color: #e8e8e8;
}

#home2Elements {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

#home2Elements button {
  width: 330px;
  height: 330px;
}

#home2Elements .button1 {
  border-right: solid 1px #e8e8e8;
}

#home2Elements .button2 {
  border-left: solid 1px white;
}

#home3Elements {
  height: 330px;
  display: inline-block;
}

#home3Elements .primaryButton {
  width: 330px;
  height: 330px;
}

#home3Elements .twoRows {
  float: left;
}

#home3Elements .twoRows span {
  font-size: 27px;
}

#home3Elements .twoRows .icon {
  font-size: 45px;
}

#home3Elements .twoRows button {
  display: block;
  width: 165px;
  height: 165px;
}

#home3Elements .button1 {
  border-right: solid 1px #e8e8e8;
  float: left;
}

#home3Elements .button2 {
  border-left: solid 1px white;
  border-bottom: solid 1px #e8e8e8;
}

#home3Elements .button3 {
  border-left: solid 1px white;
  border-top: solid 1px white;
}

#home4Elements {
  height: 350px;
  display: inline-block;
}

#home4Elements button {
  width: 350px;
  height: 350px;
}

#home4Elements .twoButtons {
  display: inline-block;
}

#home4Elements .twoButtons button {
  display: block;
  width: 175px;
  height: 175px;
}

#home4Elements .button1 {
  border-right: solid 1px #e8e8e8;
  float: left;
}

#home4Elements .button2 {
  border-left: solid 1px white;
  border-bottom: solid 1px #e8e8e8;
  border-right: solid 1px #e8e8e8;
}

#home4Elements .button3 {
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px #e8e8e8;
}

#home4Elements .button4 {
  border-left: solid 1px white;
}

#home5Elements {
  height: 485px;
  display: inline-block;
}

#home5Elements .primaryButton {
  height: 320px;
  width: 320px;
}

#home5Elements .secondaryButton {
  height: 160px;
  width: 160px;
}

#home5Elements .threeButtons {
  display: inline-block;
}

#home5Elements .threeButtons button {
  display: block;
}

#home5Elements .button1 {
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
}

#home5Elements .button2 {
  border-left: solid 1px white;
  border-bottom: solid 1px #e8e8e8;
  border-right: solid 1px #e8e8e8;
}

#home5Elements .button3 {
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
}

#home5Elements .button4 {
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px #e8e8e8;
}

#home5Elements .button5 {
  border-left: solid 1px white;
  border-top: solid 1px white;
}

#home5Elements .border1 {
  height: 80px;
  border-right: solid 1px #e8e8e8;
}

#home5Elements .border2 {
  height: 80px;
  border-right: solid 1px #e8e8e8;
  border-top: solid 1px white;
}

#home5Elements .border3 {
  height: 161px;
  border-left: solid 1px white;
  border-bottom: solid 1px #e8e8e8;
}

#home6Elements {
  height: 470px;
  display: inline-block;
}

#home6Elements .primaryButton {
  height: 310px;
  width: 310px;
}

#home6Elements .secondaryButton {
  height: 155px;
  width: 155px;
}

#home6Elements .twoButtons {
  display: inline-block;
}

#home6Elements .twoButtons button {
  display: block;
}

#home6Elements .button1 {
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
}

#home6Elements .button2 {
  border-left: solid 1px white;
  border-bottom: solid 1px #e8e8e8;
  border-right: solid 1px #e8e8e8;
}

#home6Elements .button3 {
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px #e8e8e8;
}

#home6Elements .button4 {
  border-left: solid 1px white;
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
}

#home6Elements .button5 {
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px #e8e8e8;
}

#home6Elements .button6 {
  border-left: solid 1px white;
  border-top: solid 1px white;
}

#home6Elements .border1 {
  height: 77.5px;
  border-right: solid 1px #e8e8e8;
}

#home6Elements .border2 {
  height: 77.5px;
  border-right: solid 1px #e8e8e8;
  border-top: solid 1px white;
}

#home6Elements .border3 {
  height: 77.5px;
  border-left: solid 1px white;
}

#home6Elements .border4 {
  height: 77.5px;
  border-left: solid 1px white;
  border-right: solid 1px #e8e8e8;
}

#home6Elements .border5 {
  height: 77.5px;
  border-right: solid 1px #e8e8e8;
}

#home6Elements .border6 {
  height: 77.5px;
  border-left: solid 1px white;
  border-right: solid 1px #e8e8e8;
}

#home6Elements .border7 {
  height: 150px;
  border-left: solid 1px white;
  border-bottom: solid 1px #e8e8e8;
}

#home7Elements {
  height: 522px;
  display: inline-block;
}

#home7Elements .primaryButton {
  height: 340px;
  width: 340px;
}

#home7Elements .secondaryButton {
  height: 170px;
  width: 170px;
}

#home7Elements .twoButtons {
  display: inline-block;
}

#home7Elements .column2 {
  width: 344px;
}

#home7Elements .button1 {
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
}

#home7Elements .button2 {
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px #e8e8e8;
}

#home7Elements .button3 {
  border-left: solid 1px white;
  border-bottom: solid 1px #e8e8e8;
  border-right: solid 1px #e8e8e8;
}

#home7Elements .button4 {
  border-left: solid 1px white;
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
}

#home7Elements .button5 {
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px #e8e8e8;
}

#home7Elements .button5 button {
  width: 342px;
}

#home7Elements .button6 {
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-bottom: solid 1px #e8e8e8;
}

#home7Elements .button7 {
  border-left: solid 1px white;
  border-top: solid 1px white;
}

#home7Elements .border1 {
  height: 170px;
  width: 170px;
  border-right: solid 1px #e8e8e8;
  border-top: solid 1px white;
}

#home7Elements .border2 {
  height: 171px;
  border-left: solid 1px white;
  border-bottom: solid 1px #e8e8e8;
}

#home8Elements {
  height: 610px;
}

#home8Elements .primaryButton {
  height: 300px;
  width: 300px;
}

#home8Elements .secondaryButton {
  height: 150px;
  width: 150px;
}

#home8Elements .secondaryButton span {
  font-size: 25px;
}

#home8Elements .secondaryButton .icon {
  font-size: 35px;
}

#home8Elements .column1 {
  width: 302px;
}

#home8Elements .column2 {
  width: 304px;
  display: inline-block;
}

#home8Elements .column2 button {
  display: block;
}

#home8Elements .column2 .twoButtons {
  display: inline-block;
}

#home8Elements .column2 .twoButtons button {
  display: inline-block;
}

#home8Elements .column3 {
  width: 302px;
}

#home8Elements .row {
  display: inline-block;
}

#home8Elements .row div {
  display: inline-block;
}

#home8Elements .button1 {
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
  border-left: solid 1px white;
}

#home8Elements .button2 {
  border-top: solid 1px white;
  border-right: solid 1px #e8e8e8;
  width: 302px;
}

#home8Elements .button3 {
  border-left: solid 1px white;
  border-bottom: solid 1px #e8e8e8;
  border-right: solid 1px #e8e8e8;
}

#home8Elements .button4 {
  border-left: solid 1px white;
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
  border-top: solid 1px white;
}

#home8Elements .button5 {
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
}

#home8Elements .button6 {
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px #e8e8e8;
}

#home8Elements .button7 {
  border-left: solid 1px white;
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
}

#home8Elements .button8 {
  border-left: solid 1px white;
  border-top: solid 1px white;
}

#home8Elements .border1 {
  border-right: solid 1px #e8e8e8;
  width: 152px;
}

#home8Elements .border2 {
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
  width: 150px;
  height: 151px;
}

#home8Elements .border3 {
  width: 152px;
  height: 150px;
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px #e8e8e8;
}

#home8Elements .border4 {
  border-left: solid 1px white;
  width: 150px;
  height: 150px;
}

#home8Elements .border5 {
  border-left: solid 1px white;
  border-bottom: solid 1px #e8e8e8;
  width: 150px;
  height: 151px;
}

#home9Elements {
  height: 440px;
  display: inline-block;
}

#home9Elements .primaryButton {
  height: 290px;
  width: 290px;
}

#home9Elements .primaryButton .spanN {
  font-size: 45px;
}

#home9Elements .primaryButton .spanPL {
  font-size: 37px;
}

#home9Elements .primaryButton .icon {
  font-size: 80px;
}

#home9Elements .secondaryButton {
  height: 145px;
  width: 145px;
}

#home9Elements .secondaryButton .spanN {
  font-size: 20px;
}

#home9Elements .secondaryButton .spanPL {
  font-size: 17px;
}

#home9Elements .secondaryButton .icon {
  font-size: 35px;
}

#home9Elements .tertiary {
  width: 214px;
  height: 214px;
}

#home9Elements .tertiary span {
  font-size: 35px;
}

#home9Elements .tertiary .icon {
  font-size: 80px;
}

#home9Elements .column,
#home9Elements #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #home9Elements .left--column,
#home9Elements #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #home9Elements .right--column {
  display: inline-block;
}

#home9Elements .column button,
#home9Elements #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column button,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #home9Elements .left--column button,
#home9Elements #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column button,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #home9Elements .right--column button {
  display: block;
}

#home9Elements .column .twoButtons,
#home9Elements #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column .twoButtons,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #home9Elements .left--column .twoButtons,
#home9Elements #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column .twoButtons,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #home9Elements .right--column .twoButtons {
  display: inline-block;
}

#home9Elements .column .twoButtons button,
#home9Elements #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column .twoButtons button,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #home9Elements .left--column .twoButtons button,
#home9Elements #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column .twoButtons button,
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container #home9Elements .right--column .twoButtons button {
  display: inline-block;
}

#home9Elements .first {
  width: 291px;
}

#home9Elements .second {
  width: 294px;
}

#home9Elements .button1 {
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
}

#home9Elements .button2 {
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
  border-left: solid 1px white;
}

#home9Elements .button3 {
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
  border-left: solid 1px white;
}

#home9Elements .button4 {
  border-left: solid 1px white;
  border-right: solid 1px #e8e8e8;
  border-top: solid 1px white;
  width: 294px;
}

#home9Elements .button5 {
  border-left: solid 1px white;
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
}

#home9Elements .button6 {
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
}

#home9Elements .button7 {
  border-left: solid 1px white;
  border-right: solid 1px #e8e8e8;
  border-top: solid 1px white;
}

#home9Elements .button8 {
  border-left: solid 1px white;
  border-bottom: solid 1px #e8e8e8;
}

#home9Elements .button9 {
  border-left: solid 1px white;
  border-top: solid 1px white;
  height: 218px;
}

#home9Elements .border1 {
  border-right: solid 1px #e8e8e8;
  border-top: solid 1px white;
  width: 291px;
  height: 145px;
}

.table-container table#limited-occupancy-area-groups tbody tr.tree-grid-row--level-1 td.tree-cell {
  padding-left: 1px;
}

.table-container table#limited-occupancy-area-groups tbody tr.tree-grid-row--level-2 td.tree-cell {
  padding-left: 32px;
}

#settings .admin-operator-icon {
  margin-top: 8px;
}

#settings .admin-operator-icon:before {
  content: "";
  font-family: icomoon;
  font-size: 70px;
  background-color: #f2f2f2;
  border: solid 4px white;
  outline: solid 1px #cccccc;
}

#settings .normal-operator-icon {
  margin-top: 8px;
}

#settings .normal-operator-icon:before {
  content: ".";
  font-family: icomoon;
  font-size: 70px;
  background-color: #f2f2f2;
  border: solid 4px white;
  outline: solid 1px #cccccc;
}

#settings .operator-data-width {
  width: calc(100% - 94px);
}

#settings .stop-tracking {
  display: block;
}

#settings .list-value-wrapper {
  overflow: hidden;
  width: 65%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

#settings .example-text {
  margin-top: 8px;
  margin-left: 8px;
  display: block;
  font-size: 13px;
  color: #999999;
}

#settings .example-text .title {
  font-weight: 800;
}

#settings .language-combo {
  width: 100%;
  margin-left: 1px;
  padding: 0px;
}

#settings .language-combo .select2-container {
  width: 150px !important;
}

#settings .language-combo .ctrl {
  padding: 0px !important;
}

#settings .button-settings {
  margin-bottom: 5px;
}

#settings .enable-beeper {
  margin-top: 5px;
  width: 100%;
}

#settings .encoder-combo {
  width: auto;
  margin: 0px 0px 8px 0px;
  overflow: visible !important;
}

#settings .encoder-combo input[type=radio] {
  margin-top: 2px;
}

#settings .encoder-buttons {
  margin-left: 20px;
}

#settings .list-label {
  margin-left: -6px;
}

#settings .change-password-container {
  margin-left: 2px;
}

#settings .change-password-container .change-password-button {
  color: #1fb0ed;
  font-weight: 400 !important;
  background: none !important;
  border: none !important;
  font: inherit;
  padding: 0px;
  outline: none;
  margin-left: -3px;
}

#settings .change-password-container .change-password-button:focus,
#settings .change-password-container .change-password-button:hover {
  color: #00cfa4;
}

#settings .settings--datetime field label {
  vertical-align: top;
}

#settings input[type=radio] {
  vertical-align: middle;
}

.show-firmware-device-data-box {
  margin: -16px -16px 16px -16px;
  padding: 16px;
  background-color: #e6e6e6;
}

.show-firmware-device-data-box .current-firmware:not(:last-child) {
  margin-bottom: 8px;
}

.firmware-table {
  width: 400px;
}

#attendance-registration .content__status-bar .kiosk-url-box {
  padding: 0px 7px;
  border-radius: 0 4px 4px 0;
  line-height: 34px;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  float: left;
  background-color: #ffffff;
  font-weight: normal;
  color: #666666;
}

#attendance-registration .content__status-bar .kiosk-url-box:not(.enabled) {
  outline: none;
  cursor: default;
  text-decoration: none;
}

#attendance-registration .content__status-bar .kiosk-url-box.enabled:hover {
  background-color: #e6e6e6;
}

#attendance-registration .content__status-bar .button-white {
  height: 34px;
  border: none;
}

#attendance-registration .content__body {
  top: 114px;
}

#attendance-registration .content__body .left-side {
  width: calc(100% - 48px);
  height: 100%;
}

#attendance-registration .content__body .left-side .applied-filters {
  padding: 16px 0 13px 0;
}

#attendance-registration .content__body .left-side .table-with-arrows {
  position: relative;
}

#attendance-registration .content__body .left-side .table-with-arrows .table-container {
  min-height: 0;
}

#attendance-registration .content__body .left-side .table-with-arrows .table-container .thead-wrapper {
  position: relative;
}

#attendance-registration .content__body .left-side .table-with-arrows .table-container .tbody-wrapper {
  min-height: 0;
}

#attendance-registration .content__body .left-side .table-with-arrows .table-container .tbody-wrapper table {
  table-layout: fixed;
}

#attendance-registration .content__body .left-side .table-with-arrows .table-container .table--highlight-active tbody tr td {
  padding: 8px 16px;
}

#attendance-registration .content__body .left-side .table-with-arrows ul {
  margin-top: 0;
  position: absolute;
  top: 0;
  right: -51px;
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

#attendance-registration .content__body .left-side .table-footer,
#attendance-registration .content__body .left-side .table-footer--slim {
  height: auto;
  min-height: 52px;
  overflow: auto;
}

#attendance-registration .content__body .left-side .table-footer .table-footer__total,
#attendance-registration .content__body .left-side .table-footer--slim .table-footer__total,
.table-footer--slim #attendance-registration .content__body .left-side .table-footer .table-footer__selected,
#attendance-registration .content__body .left-side .table-footer--slim .table-footer__selected {
  margin-right: 0;
}

#attendance-registration .content__body .left-side .table-footer ul.button-list,
#attendance-registration .content__body .left-side .table-footer--slim ul.button-list,
#attendance-registration .content__body .left-side .table-footer ul.button-list--stacked,
#attendance-registration .content__body .left-side .table-footer--slim ul.button-list--stacked {
  text-align: center;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#attendance-registration .content__body .content__body__full-height .details-list__container .details-list__header {
  height: auto;
}

#attendance-registration .content__body .content__body__full-height .details-list__container .details-list__header .fields .field .grid__item {
  padding-left: 0;
}

.no-rollcall-areas {
  font-size: 0;
}

.no-rollcall-areas .attendance--centered-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  height: 100%;
}

.no-rollcall-areas .attendance--centered-content .no-areas {
  color: #b2b2b2;
  font-size: 20px;
  text-align: center;
  width: 75%;
}

.no-rollcall-areas .attendance--centered-content .no-areas .icon-info {
  font-size: 24px;
}

attendance-configuration-users .details-list__container {
  padding-left: 0;
  height: auto;
}

attendance-configuration-users .applied-filters {
  padding: 16px 0 0 0;
}

attendance-configuration-users .table-footer .info-block,
attendance-configuration-users .table-footer--slim .info-block {
  position: relative;
  top: 4px;
}

attendance-configuration-users #attendance-warning {
  padding: 16px 16px 0 0;
}

attendance-configuration-users #attendance-warning .warning-dirty {
  padding-bottom: 0;
}

attendance-configuration-users .tbody-wrapper {
  min-height: auto;
}

attendance-configuration-users .tbody-wrapper table {
  table-layout: fixed;
}

#attendance-registration .content__body__full-height {
  overflow: hidden;
}

#attendance-registration .content__body__full-height .attendance-configuration-users-wrapper {
  overflow-y: auto;
}

#attendance-registration .content__body__full-height .padding-div {
  height: 16px;
}

.same-as {
  width: 415px;
}

.same-as .same-as__table-wrapper {
  height: 340px;
}

.same-as .same-as__table {
  height: 340px;
}

.same-as .same-as__table .tbody-wrapper table {
  table-layout: fixed;
}

.same-as .content-footer .field {
  width: 100%;
}

.same-as .same-as-loading {
  color: #999999;
  font-style: italic;
}

.same-as .same-as-error {
  text-align: center;
  background-color: #F1DEDE;
  color: #900;
  font-weight: 800;
}

.same-as .same-as-error .error-container {
  padding: 6px;
  text-align: center;
}

.user-photo-div {
  padding-right: 25px;
  display: inline-block;
  vertical-align: top;
}

.user-photo-wrapper {
  position: relative;
  width: 120px;
  height: 150px;
  border: 1px solid #e6e6e6;
  text-align: center;
  padding: 4px;
}

.user-photo-wrapper .spinner-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 100%;
}

.user-photo-wrapper .spinner-wrapper img {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -moz-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.user-photo-wrapper .user-photo {
  width: 110px;
  height: 140px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.user-photo-wrapper .user-photo .user-photo--img {
  z-index: 0;
  width: 110px;
  height: 140px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.user-photo-wrapper .user-photo .user-photo--img.default-picture {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAACMBAMAAABv+YFBAAAAGFBMVEW4uLjy8vK2trbs7OzCwsLW1tbi4uLMzMyOPEWvAAACq0lEQVRYw+3YS3PaMBAA4B01KWdGxVw1qgnXuEC5UhNyroGWa8wEem1Myu9vaYot67napjM9sPdvZFm7qwd0aQEX91+7LBuNRvv9/ss+wzu+2zzfAYA8RadEuzWTUsCfYJ0M6R4lqCHvcW7KRMuB+IpwfJNrDJhYlCHHKwlmyOEq4MYCbMHS0ut4DvZgb72uLxwOROFxfAnOuPa4b8LtZOF0U+Zm2gxVl+Se4QBav1R1lZcBG2ZW51yDGn6iOXhDdAOiSzOb64uQY4XNLSEYc4tLWNgNLe5WhF3zoY3LAeHuDdeTCNesBAQK3bUSEPE31QkCetFf3EFzCeozmxQ9ux7S3Wiu/4/dQHPvkO5Kc2McA5FpDjkelLTxzgsfOx57Io43J443p63fuYfGOihoTpQ0l2a0ehgS6+j6leovIToORJfT5tetaPWO7J+m2xLdoyD9F2RjMvo11pW07zT3oyoqrZt1Z7jye6LlNaP2eb1uPxD7PDJdIO3SxtP7xC3Q8pO632L7y3u9v8io7eGvzy/I/DTOS90tsY6QG6BRR31i/fUYqf6QP3RAOyfX6aK4KmbZFfc54vSiugdM1VruAeOYZVAcpiIGlvsKr4JQHmz3qgkLQPVFRb3fTkOzKx338Aq5eLpbIhcv0hVE57r3h5p2RnND57uGv1fcOJ031VrL0Hbewx1zv794e4Uo3e89Fe6RwXAPAvWoYTjPLq89hLVdD/s7NZcgs9p4dwtf/Owux2VnjPO+D34PXojtbvnqLvW6LXE8T4KuPG7qybN05XQTXx2x9Gh3fAPePsHgaHF8NwvumnJh7GMf15jzhFxo557dTKLOL7KzUlyyZrjj4C94dajdBDnYCxTH7LfjG4ZX9SRh8iwhMk6ThFk0O33rDyCwE4RLXOISdfwE6bb/HAKZ8e0AAAAASUVORK5CYII=);
}

.user-photo-wrapper .user-photo-cover {
  width: 110px;
  height: 140px;
  z-index: 1;
  opacity: 0.8;
  color: #FFF;
  background-color: #1FAFEB;
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 0;
  padding: 0 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.user-photo-wrapper .user-photo-cover .photo-separator {
  margin: 3px 0;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
}

.user-photo-wrapper .user-photo-cover .max-size-letters {
  text-transform: uppercase;
  max-width: 100%;
  font-size: 80%;
}

.user-photo-wrapper .user-photo-cover .max-size-amount {
  font-size: 120%;
  font-weight: 800;
}

.user-photo-wrapper .user-photo-cover .photo-icons {
  height: 58px;
  margin-top: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-size: 150%;
}

.user-photo-wrapper .user-photo-cover .photo-icons span.icon:hover {
  color: #9FE6F9;
}

.user-photo-wrapper .user-photo-cover .photo-icons div {
  position: relative;
  text-align: center;
}

.user-photo-wrapper .user-photo-cover .photo-icons div:first-of-type {
  margin-bottom: 2px;
}

.user-photo-wrapper .user-photo-cover .photo-icons div input[type=file] {
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
}

.user-photo-wrapper .user-photo-cover .photo-icons div label {
  text-align: center;
  color: #FFF;
  margin: 0;
}

.user-photo-wrapper .user-photo-cover .photo-icons div button {
  margin: 0;
  padding: 0;
  background: transparent;
  color: #FFF;
  border: none;
}

.user-photo-wrapper .user-photo-cover .photo-icons div button:focus .icon {
  opacity: 0.8;
}

.user-photo-wrapper .user-photo-cover .photo-icons div button:active,
.user-photo-wrapper .user-photo-cover .photo-icons div button:hover,
.user-photo-wrapper .user-photo-cover .photo-icons div button:focus {
  background: transparent;
  border: none;
  outline: none;
}

.user-photo-wrapper .user-photo--error {
  height: 100%;
  width: 100%;
  padding: 10px;
  background-color: #C00;
  color: #FFF;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.user-photo-wrapper .user-photo--error .message {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}

.user-photo-wrapper .user-photo--error .icon {
  font-size: 30px;
}

.user-photo-wrapper .user-photo--error .icon:hover {
  cursor: pointer;
  opacity: 0.8;
}

.user-photo-wrapper:hover .user-photo-cover,
.user-photo-wrapper .user-photo-cover.force-show {
  opacity: 0.8;
}

.user-photo-wrapper .banned {
  position: absolute;
  top: 12px;
  left: 0;
  height: 24px;
  font-size: 0;
  overflow: hidden;
}

.user-photo-wrapper .banned > * {
  vertical-align: top;
  display: inline-block;
}

.user-photo-wrapper .banned .banned-text {
  text-transform: uppercase;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  background-color: #C00;
  padding: 4px 2px 4px 8px;
  max-width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ctrl .button-secondary,
.ctrl .button-error {
  margin: 0 15px;
}

.field--xl-except-button {
  width: 247px;
}

.fields.field-below-tabs {
  letter-spacing: normal;
  text-align: center;
  margin: 0 0 0 0;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #005f95;
}

.fields.field-below-tabs.no-background {
  background-color: transparent;
}

.fields.field-below-tabs field {
  margin-bottom: 0;
}

.fields.field-below-tabs:not(.no-background) label {
  color: #FFF;
}

.fields.field-below-tabs .select2-selection {
  text-align: left;
  color: #666;
}

.fields.vertical--radios {
  margin-left: -13px;
}

.fields.update-periods {
  margin-left: 0;
}

.fields.update-periods .update-period-label-wrapper,
.fields.update-periods .update-period-radio-wrapper {
  display: inline-block;
  vertical-align: top;
}

.fields.update-periods label[for=updatePeriod] {
  margin-bottom: 10px;
}

.calendar--div {
  width: calc(50% + 30px);
}

.status-bar__block .valid-until {
  font-weight: 200;
}

.pin-field {
  text-align: left !important;
}

.pincode .key-and-confirm-key-container label {
  text-align: left !important;
}

.pincode .key-and-confirm-key-container input {
  width: 80px;
}

.pincode .defined-key-container {
  width: 119px;
}

.pincode2 {
  margin-bottom: 16px;
  margin-left: 16px;
}

.pincode2 .key-and-confirm-key-container input {
  width: 80px;
}

.pincode2 .defined-key-container {
  width: 119px;
}

/***********************************
KEYS
***********************************/

.keys--centered-content,
.edit-user-key {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.keys--dialog-message,
.key-operation .key-operation--cancel-insert-key,
.key-operation .key-operation--insert-key {
  color: #999999;
}

.edit-user-key {
  width: 400px;
  margin-top: 8px;
  margin-bottom: -10px;
}

.edit-user-key .edit-user-key--mobile-notification-message-field {
  width: 100%;
}

.edit-user-key .edit-user-key--mobile-notification-message-field textarea {
  height: 80px;
  width: 270px;
}

.edit-user-key .date {
  display: inline-block;
  padding-top: 4px;
  color: #999999;
}

.edit-user-key .key-operation--separator {
  display: inline-block;
  margin: 18px 0 14px 0;
}

.edit-user-key .selected-encoder .check-in-selected-encoder-label {
  max-width: 320px;
}

.center-select .select2 {
  position: relative;
  top: 6px;
}

.right-button {
  text-align: right;
  padding-top: 20px;
}

.user-notification-message {
  height: 120px;
  margin-right: 4px;
}

.user-notification-message + button {
  vertical-align: bottom;
}

.user-detail .authorization-code-button {
  vertical-align: bottom;
  margin-bottom: 1px;
}

.user-detail tagged-input {
  vertical-align: top;
}

.user-detail .content__status-bar .status-bar__group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  float: left;
}

.user-detail .content__status-bar .status-bar__group .status-bar__block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.user-detail .content__status-bar .status-bar__group button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  text-align: left;
  margin-left: 8px;
}

.user-detail .content__status-bar .status-bar__group button:first-child {
  margin-left: 0;
}

.phone-data-left-col {
  display: inline-block;
  vertical-align: top;
}

.phone-data-right-col {
  display: inline-block;
  width: calc(100% - 290px);
  vertical-align: top;
}

.identification-fields {
  width: calc(100% - 150px);
  display: inline-block;
  position: relative;
}

.identification-fields .identification-fields--highlighted.fields.padded {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 15px 0;
}

.identification-fields .identification-fields--highlighted.fields.padded.no-padding {
  padding: 0 0 0 0;
}

.identification-fields .identification-fields--highlighted.fields.padded.with-customer {
  height: 126px;
}

.identification-fields .identification-fields--highlighted.fields.padded > * {
  background-color: #F5F5F5;
}

.identification-fields .identification-fields--highlighted.fields.padded > *:first-child {
  border-radius: 3px 0 0 3px;
}

.identification-fields .identification-fields--highlighted.fields.padded > *:last-child {
  border-radius: 0 3px 3px 0;
}

.identification-fields .identification-fields--highlighted.fields.padded field {
  padding: 6px 0 12px 0;
  margin-bottom: 0;
}

.identification-fields .identification-fields--highlighted.fields.padded field input {
  width: 100%;
}

.identification-fields .identification-fields--highlighted.fields.padded .identification-fields--title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 80px;
  -moz-box-flex: 0;
  -moz-flex: 0 1 80px;
  -ms-flex: 0 1 80px;
  flex: 0 1 80px;
  min-width: 50px;
}

.identification-fields .identification-fields--highlighted.fields.padded .identification-fields--firstname {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 185px;
  -moz-box-flex: 0;
  -moz-flex: 0 1 185px;
  -ms-flex: 0 1 185px;
  flex: 0 1 185px;
  min-width: 75px;
}

.identification-fields .identification-fields--highlighted.fields.padded .identification-fields--lastname {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1.5 285px;
  -moz-box-flex: 0;
  -moz-flex: 0 1.5 285px;
  -ms-flex: 0 1.5 285px;
  flex: 0 1.5 285px;
}

.identification-fields .identification-fields--highlighted.fields.padded .identification-fields--ban-option {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.identification-fields .identification-fields--highlighted.fields.padded .blank-space {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 20px;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
}

.identification-fields .identification-fields--highlighted.fields.padded .blank-space:first-child,
.identification-fields .identification-fields--highlighted.fields.padded .blank-space:last-child {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 16px;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
  margin-right: 0;
}

.identification-fields .customer-div {
  position: absolute;
  top: 76px;
}

.identification-fields .customer-link {
  text-decoration: none;
  color: #1fb0ed;
  max-width: 550px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom;
  text-overflow: ellipsis;
}

.field-below-tabs select[readonly][disabled] ~ .select2-container .select2-selection__rendered {
  color: #fff !important;
  position: relative;
  top: 2px;
}

.locations-functions-bulk-dialog {
  width: 832px;
}

.locations-functions-bulk-dialog .tab-wrapper {
  height: 350px;
}

.locations-functions-bulk-dialog .flex-field-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
}

.locations-functions-bulk-dialog .flex-field-wrapper .flex-field-space {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
  letter-spacing: normal;
  padding: 21px 0 0 5px;
  box-sizing: content-box;
}

.locations-functions-bulk-dialog .flex-field-wrapper .flex-field-space .link {
  color: #1fb0ed;
  font-weight: 400;
}

.locations-functions-bulk-dialog .flex-field-wrapper .flex-field-space .link:hover {
  color: #00cfa4;
}

.locations-functions-bulk-dialog .flex-field-wrapper .fields {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.locations-functions-bulk-dialog .off-canvas-table--locations-functions .table-multiple-selection,
.locations-functions-bulk-dialog .off-canvas-table--floors .table-multiple-selection {
  height: 24px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  left: -5px;
  top: 7px;
}

.locations-functions-bulk-dialog .off-canvas-table--locations-functions .table-filter--container.with-selection,
.locations-functions-bulk-dialog .off-canvas-table--floors .table-filter--container.with-selection {
  margin-left: -16px;
  display: inline-block;
  width: calc(100% - 16px);
}

.locations-functions-bulk-dialog .table-container {
  min-height: 170px;
}

.locations-functions-bulk-tab {
  width: 816px;
}

.ngdialog__content .print-dialog p {
  text-align: center;
  margin-top: 40px !important;
  margin-bottom: 40px;
}

.notes-textarea {
  max-height: 120px;
  min-height: 100px;
}

.general-options-details {
  /*******************************
    GENERAL CONFIGURATION
    *******************************/
  /*******************************
    DEVICES CONFIGURATION
    *******************************/
  /*******************************
    ACCESS POINT CONFIGURATION
    *******************************/
}

.general-options-details .user-photo-wrapper {
  width: 150px;
  height: 150px;
}

.general-options-details .user-photo-wrapper .user-photo {
  width: 140px;
  height: 140px;
}

.general-options-details .user-photo-wrapper .user-photo .user-photo--img {
  width: 140px;
  height: 140px;
}

.general-options-details .user-photo-wrapper .user-photo .user-photo--img.default-picture {
  background-image: url(data:image/png;base64,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);
}

.general-options-details .user-photo-wrapper .user-photo-cover {
  width: 140px;
  height: 140px;
}

.general-options-details .general-configuration--information-box .cols--noresize > * {
  overflow: visible;
}

.general-options-details .general-configuration--settings-box {
  min-width: 525px;
}

.general-options-details .general-configuration--time-zones-box {
  min-width: 350px;
}

.general-options-details .general-configuration--time-zones-box button {
  margin: 8px 0px 16px 0px;
}

.general-options-details .devices-configuration--subnet-mask-gateway {
  padding-left: 36px;
}

.devices-configuration--rf-channel {
  display: inline-block;
  width: 140px;
}

.devices-configuration--rf-channel.fields .field.field--inline label.field__label--radiocheck {
  max-width: 100%;
}

.general-options-details .fields .field.devices-configuration--password {
  padding-left: 36px;
  vertical-align: middle;
}

.general-options-details .fields .field.devices-configuration--password .numeric-input {
  text-align: left;
}

.general-options-details .devices-configuration--cusvn .text-span {
  padding-left: 5px;
}

.general-options-details .devices-configuration--cusvn .ctrl,
.general-options-details .devices-configuration--cusvn span {
  display: inline-block;
  vertical-align: middle;
}

.general-options-details .devices-configuration--more-than-64k .devices-configuration--update-period-container {
  width: 140px;
  display: inline-block;
}

.general-options-details .devices-configuration--more-than-64k .devices-configuration--update-period-container label {
  font-weight: 200;
  font-size: 15px;
}

.general-options-details #emergencyOpeningPassword .key-inputs--inline input {
  width: 160px !important;
  margin-left: 16px;
  margin-bottom: 8px;
}

.general-options-details #emergencyOpeningPassword .key-labels--inline label {
  margin-right: 16px;
  margin-left: 16px;
  width: 160px !important;
}

.general-options-details .exit-leaves-door-open-counter {
  margin-top: 2px;
}

.general-options-details .exit-leaves-door-open-counter * {
  vertical-align: middle;
}

.general-options-details .exit-leaves-door-open-counter .unlimited-check {
  display: inline-block;
  height: 40px;
  padding-top: 8px;
}

/*******************************
USER CONFIGURATION
*******************************/

.notification-text-input {
  width: 80%;
  height: 100px;
}

.wiegand-no-mobile-svn {
  height: 216px;
}

.tracks-user-keys {
  height: 261px;
}

.justin-mobile-settings .detail-box__content {
  height: 147px;
}

.hidi-memory-data-fields {
  margin-top: 16px;
}

.user-id-button {
  margin-top: 2px;
}

.ngdialog--user-id-configuration-dialog .ngdialog-content {
  width: 430px;
}

.ngdialog--user-id-configuration-dialog .ngdialog-content .table-container {
  max-width: 396px;
}

.ngdialog--user-id-configuration-dialog .ngdialog-content .macro-list-iterator__input-container {
  width: 430px;
  margin: 20px -16px 0 -16px;
}

.user-configuration-keys h2,
.ldap-configuration-container h2,
.door-block-standalone h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
}

.user-configuration-keys h2.margin-above,
.ldap-configuration-container h2.margin-above,
.door-block-standalone h2.margin-above {
  margin-top: 24px;
}

.user-configuration-keys hr,
.ldap-configuration-container hr,
.door-block-standalone hr {
  margin-top: 10px;
  margin-bottom: 24px;
  height: 1px;
  padding: 0;
  border: 0;
  border-top: 1px solid #d9d9d9;
}

.user-configuration-keys hr.margin-16px,
.ldap-configuration-container hr.margin-16px,
.door-block-standalone hr.margin-16px {
  margin-bottom: 16px;
}

.user-configuration-keys cu4k-node-inputs,
.user-configuration-keys cu4k-node-relays,
.ldap-configuration-container cu4k-node-inputs,
.ldap-configuration-container cu4k-node-relays,
.door-block-standalone cu4k-node-inputs,
.door-block-standalone cu4k-node-relays {
  display: block;
  margin-bottom: 16px;
}

.user-configuration-keys fieldset {
  height: 100%;
}

.user-configuration-keys .hidSeos {
  padding-top: 36px;
}

fieldset.extra-top-padding {
  padding-top: 16px;
}

.legic-crc-left {
  width: 110px;
}

.second-row-fieldset {
  margin-top: 16px;
}

/*******************************
WIEGAND CONFIGURATION
*******************************/

.wiegand-configuration-dialog .ngdialog__content {
  max-height: 550px;
}

.wiegand-configuration {
  max-width: 700px;
}

.wiegand-configuration--embedded .wiegand-configuration {
  max-width: 100%;
}

.wiegand-configuration .wiegand-configuration--readonly {
  padding-bottom: 15px;
}

.wiegand-configuration .table-container {
  min-height: 150px;
  height: 150px;
}

.wiegand-configuration .table-container .tbody-wrapper {
  min-height: 103px;
}

.wiegand-configuration .wiegand-subcodes-table {
  height: 120px;
}

.wiegand-configuration .wiegand-configuration--fields label {
  width: 145px;
  vertical-align: middle;
}

.wiegand-configuration .wiegand-configuration--fields .ctrl {
  width: calc(100% - 160px);
  vertical-align: middle;
}

.wiegand-configuration .wiegand-configuration--fields .wiegand-configuration--bit-composition {
  display: inline-block;
  width: calc(100% - 160px);
  padding-left: 5px;
}

.wiegand-configuration .wiegand-configuration--fields .wiegand-configuration--bit-composition .wiegand-configuration--bit-composition__lsb {
  float: right;
  width: auto;
}

.wiegand-configuration .wiegand-configuration--fields .wiegand-configuration--offset label {
  width: auto;
  margin-right: 15px;
}

.wiegand-configuration .wiegand-configuration--fields .wiegand-configuration--offset .ctrl {
  width: 80px;
}

.wiegand-configuration .wiegand-configuration--fields .wiegand-configuration--offset input {
  width: 64px !important;
}

.wiegand-configuration .wiegand-configuration--monospace input {
  font-family: "Courier New", Courier, monospace;
}

.wiegand-configuration .wiegand-configuration--table-buttons {
  margin: 16px 0 8px 0;
}

.wiegand-code-definition .ngdialog__content {
  max-width: 500px;
}

.wiegand-code-definition .ngdialog__content .wiegand-code-definition--variable-number-digits {
  margin-left: 10px;
}

.wiegand-code-definition .ngdialog__content input[type=radio] {
  padding: 6px 8px;
}

.wiegand-code-definition .ngdialog__content .wiegand-code-definition--description {
  width: calc(100% - 20px);
}

.wiegand-code-definition .ngdialog__content .number-of-digits {
  width: 96px;
}

/*******************************
HOTEL CONFIGURATION
*******************************/

.hotel-configuration-time-field.field {
  display: inline-block;
}

.hotel-configuration-time-field.field .ctrl {
  display: inline;
  vertical-align: middle;
}

.hotel-configuration-time-field.field .ctrl .fullpicker .fullpicker__input {
  text-align: center;
}

.hotel-configuration-time-field.field .ctrl.hour-text {
  display: inline-block;
  margin-top: 3px;
}

.hotel-configuration--guest-track-info-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.hotel-configuration--guest-track-info-container > .field {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.hotel-configuration--guest-track-info-container > .content-field {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.hotel-configuration--guest-track-info-container > .content-field input[type=text],
.hotel-configuration--guest-track-info-container > .content-field .tagged-input {
  width: 100%;
}

.hotel-configuration--associated-devices-table__checkbox {
  width: 20px;
}

#default-display-text-for-mobile-checkin {
  height: 80px;
}

#mobile-checkin-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

#mobile-checkin-container > textarea {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

#mobile-checkin-container > button {
  margin-left: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.ngdialog--door-associated-dialog .ngdialog__content .door-associated-device-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.ngdialog--door-associated-dialog .ngdialog__content .door-associated-device-container field {
  display: block;
}

.ngdialog--door-associated-dialog .ngdialog__content .door-associated-device-container > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.ngdialog--energy-saving-associated-dialog .ngdialog-content {
  width: auto;
  min-width: 360px;
}

.ngdialog--energy-saving-associated-dialog .ngdialog-content .ngdialog__content {
  padding: 16px 26px;
}

.ngdialog--energy-saving-associated-dialog .ngdialog-content .ngdialog__content .energy-saving--container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ngdialog--energy-saving-associated-dialog .ngdialog-content .ngdialog__content .energy-saving--container .energy-saving--name-and-prefix {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.ngdialog--energy-saving-associated-dialog .ngdialog-content .ngdialog__content .energy-saving--container .energy-saving--name-and-prefix > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 0;
  -moz-box-flex: 0;
  -moz-flex: 0 1 0;
  -ms-flex: 0 1 0;
  flex: 0 1 0;
}

.ngdialog--energy-saving-associated-dialog .ngdialog-content .ngdialog__content .energy-saving--container .energy-saving--name-and-prefix .energy-saving--name-field {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.ngdialog--energy-saving-associated-dialog .ngdialog-content .ngdialog__content .energy-saving--container .energy-saving--name-and-prefix .energy-saving--name-field field {
  width: 100%;
}

.ngdialog--energy-saving-associated-dialog .ngdialog-content .ngdialog__content .energy-saving--container .energy-saving--name-and-prefix .energy-saving--name-field field .energy-saving--device-name {
  width: 100%;
}

.ngdialog--energy-saving-associated-dialog .ngdialog-content .ngdialog__content .energy-saving--container .energy-saving--name-and-prefix .energy-saving--device-prefix {
  padding-left: 16px;
}

.ngdialog--energy-saving-associated-dialog .ngdialog-content .ngdialog__content .energy-saving--container .energy-saving--esd-activation {
  display: inline;
  white-space: nowrap;
}

.ngdialog--energy-saving-associated-dialog .ngdialog-content .ngdialog__content .energy-saving--container .energy-saving--esd-activation + div {
  margin-top: 10px;
}

#disconnection-timeout-label {
  display: block;
  margin-bottom: 6px;
}

#disconnection-timeout-container {
  padding-left: 0px;
}

#disconnection-timeout-unit-container input,
#disconnection-timeout-unit-container label {
  vertical-align: middle;
}

.desfire-data-fields label[for=desfire-keykey],
.desfire-data-fields label[for=desfire-keyplaceholderkey] {
  margin-top: 0 !important;
}

.desfire-data-fields .left-field {
  width: 121px;
}

.desfire-data-fields input[type=text],
.desfire-data-fields .tagged-input,
.desfire-data-fields input[type=password] {
  width: 100%;
}

.desfire-data-fields input[type=text][name=desfire-keyplaceholderkey],
.desfire-data-fields .tagged-input[name=desfire-keyplaceholderkey],
.desfire-data-fields input[type=password][name=desfire-keyplaceholderkey] {
  width: calc(100% - 44px);
}

/*******************************
PMS CONFIGURATION
*******************************/

#pms-configuration--protocol-table .table-container {
  min-height: 150px;
}

#pms-configuration--protocol-table .table-container .tbody-wrapper {
  min-height: 93px;
}

#pms-configuration--protocol-table .table-container table tbody td.pms-configuration--channel-row {
  padding: 0;
  width: 200px;
  height: 34px;
}

#pms-configuration--protocol-table .table-container table tbody td.pms-configuration--channel-row select.pms-configuration--channel-select ~ .select2-container {
  width: 100%;
  min-width: 90px !important;
}

#pms-configuration--protocol-table .table-container table tbody td.pms-configuration--channel-row select.pms-configuration--channel-select ~ .select2-container .select2-selection {
  border: none;
  background: none;
  padding-left: 8px;
}

#pms-configuration--protocol-table .table-container table tbody td.pms-configuration--channel-row select.pms-configuration--channel-select ~ .select2-container.select2-container--open .select2-selection {
  border-bottom: 1px solid #00cfa4;
}

#pms-configuration--protocol-table .table-container table tbody td.pms-configuration--channel-row .no-combo {
  padding-left: 16px;
}

#pms-configuration--protocol-table .table-container table tbody td.pms-configuration--enabled-row {
  width: 15px;
}

#pms-configuration--protocol-table .table-container table tbody td.pms-configuration--protocol-name-row,
#pms-configuration--protocol-table .table-container table tbody td.pms-configuration--advanced-row {
  width: 250px;
}

#pms-configuration--settings-box {
  width: 300px;
}

.pms-parameters-dialog .ngdialog__content {
  width: 450px;
}

.pms-fols-parameters-dialog .ngdialog__content {
  width: 550px;
}

.pms-fols-parameters-dialog .detail-box {
  margin-bottom: 0;
}

.pms-fols-parameters-dialog .detail-box tbody,
.pms-fols-parameters-dialog .detail-box .tbody-wrapper {
  max-height: 163px !important;
}

.pms-fols-parameters-dialog .detail-box .detail-box__content {
  padding-bottom: 16px;
}

.pms-fols-parameters-dialog .add-delete-row {
  text-align: right;
  border: 1px solid #e5e5e5;
  border-top: none;
  border-radius: 0 0 4px 4px;
}

.add-fols-mapping-dialog .ngdialog-content {
  width: 400px;
}

.tcp-parameters-fols table {
  table-layout: fixed;
}

.tcp-parameters-fols .workstation-cell {
  width: 260px;
}

.tcp-parameters-fols td.encoder-cell {
  padding: 0;
}

.tcp-parameters-fols td.encoder-cell select.ng-invalid.force-error ~ .select2-container .select2-selection {
  border: 1px solid #dc000c;
}

.tcp-parameters-fols tbody tr:first-child select.ng-invalid.force-error ~ .select2-container .select2-selection {
  border-top-width: 2px;
}

.tcp-parameters-fols .white-combo ~ .select2-container {
  width: 100%;
}

.tcp-parameters-fols .white-combo ~ .select2-container .select2-selection {
  border: none;
  background: none;
  padding-left: 8px;
}

.tcp-parameters-fols .white-combo ~ .select2-container.select2-container--open .select2-selection {
  border-bottom: 1px solid #00cfa4;
}

.tcp-parameters-fols .table-input {
  width: 253px;
  height: 32px;
  margin-left: 8px;
}

.tcp-parameters-fols .add-delete-row button:not(:last-child) {
  margin-right: 5px;
}

.tcp-parameters-fols .add-delete-row button span {
  margin: 0;
}

/*******************************
BAS CONFIGURATION
*******************************/

.bas-configuration--lock-data {
  margin-left: 16px;
}

.bas-configuration--hex-field {
  padding-bottom: 10px;
}

.bas-configuration--hex-field .ctrl::before {
  content: "0x";
  width: 20px;
  font-size: 15px;
  display: inline-block;
  color: #999999;
}

.bas-configuration--hex-field > * {
  display: inline-block;
}

.bas-configuration--hex-field label {
  width: 220px;
  vertical-align: middle;
}

.bas-configuration--hex-field input[type=text].field--m,
.bas-configuration--hex-field .field--m.tagged-input {
  width: 100px;
}

#bas-configuration--settings-box {
  width: 507px;
}

#bas-configuration--integration-box .peripheral-type-button {
  vertical-align: middle;
  margin-left: 5px;
}

/*******************************
ADVANCED CONFIGURATION
*******************************/

#advanced-configuration--parameters-table th,
#advanced-configuration--parameters-table td {
  width: 50%;
}

.ngdialog.ngdialog--advanced-parameters .ngdialog-content {
  width: 430px;
}

.ngdialog.ngdialog--advanced-parameters .ngdialog-content #add-advanced-parameter table {
  width: 390px;
}

/*******************************
VISITOR
*******************************/

.fields .visitor--expired-x-days-ago-container.field span {
  padding-left: 5px;
}

.fields .visitor--expired-x-days-ago-container.field .ctrl,
.fields .visitor--expired-x-days-ago-container.field span {
  display: inline-block;
  vertical-align: middle;
}

/*******************************
LOCATION/FUNCTIONS
*******************************/

.add-edit-group {
  min-width: 330px;
}

location-function-groups {
  display: block;
}

location-function-groups .detail-box {
  margin-bottom: 0px;
}

location-function-groups .detail-box .table-container {
  min-height: 248px;
}

location-function-groups .detail-box .table-container .tbody-wrapper {
  min-height: 211px;
}

/*******************************
NOTIFICATION
*******************************/

.notification-configuration .server-configuration-container {
  width: 700px;
}

.notification-configuration .notification-password {
  display: inline-block !important;
}

.notification-configuration .notification-password .key-and-confirm-key-container-vertical {
  width: 286px;
  display: inline-block !important;
}

.notification-configuration .notification-password .key-inputs {
  display: block !important;
}

.notification-configuration .notification-password .key-inputs label:not(.confirmation-label) {
  margin-top: 0;
}

.notification-configuration .notification-password .key-inputs label.confirmation-label {
  margin-top: 16px;
}

.notification-configuration .notification-password .key-inputs label.label-hidden {
  display: none;
}

.notification-configuration .button-field {
  display: inline-block !important;
  vertical-align: bottom;
}

.notification-configuration .button-field button {
  position: relative;
  top: -3px;
}

.test-email-dialog {
  width: 420px;
}

.test-email-dialog textarea {
  height: 100px;
}

/*******************************
SECURITY CONFIGURATION
*******************************/

.security-configuration .security-configuration-container .margin-bottom-6px,
.security-configuration .ldap-configuration-container .margin-bottom-6px {
  margin-bottom: 6px;
}

.security-configuration .security-configuration-container .security-configuration--account-lock-out .ctrl,
.security-configuration .ldap-configuration-container .security-configuration--account-lock-out .ctrl {
  vertical-align: baseline;
}

.security-configuration .security-configuration-container .security-configuration--account-lock-out #security-configuration--account-lock-out__label,
.security-configuration .ldap-configuration-container .security-configuration--account-lock-out #security-configuration--account-lock-out__label {
  margin-bottom: 8px;
}

.security-configuration .security-configuration-container fieldset,
.security-configuration .ldap-configuration-container fieldset {
  margin-bottom: 16px;
}

.security-configuration .security-configuration-container hr,
.security-configuration .ldap-configuration-container hr {
  margin-bottom: 16px;
}

.security-configuration .security-configuration-container .id-reminder,
.security-configuration .ldap-configuration-container .id-reminder {
  padding: 8px 16px 4px 16px;
  background-color: #f2f2f2;
  width: auto;
  display: inline-block;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-bottom: 16px;
}

.security-configuration .security-configuration-container .id-reminder label,
.security-configuration .ldap-configuration-container .id-reminder label {
  display: inline-block;
  vertical-align: top;
}

.security-configuration .ldap-server-settings > div {
  padding-top: 8px;
}

.security-configuration .ldap-server-right-block {
  padding-left: 40px;
}

/*******************************
ALARM EVENTS CONFIGURATION
*******************************/

.alarm-events-configuration hr {
  height: 1px;
  padding: 0;
  border: 0;
  border-top: 1px solid #d9d9d9;
  margin-left: 16px;
  position: relative;
  bottom: 8px;
}

.alarm-events-configuration field.padding-top {
  padding-top: 12px;
}

/*******************************
BLACKBOARD CONFIGURATION
*******************************/

.blackboard-password {
  display: block !important;
}

.blackboard-password label:not(.confirmation-label) {
  margin-top: 0;
}

.blackboard-password label.label-hidden {
  display: none !important;
}

.blackboard-password label.confirmation-label {
  margin-top: 16px;
}

.textarea-connection-string {
  height: 120px;
  margin-right: 4px;
}

.textarea-connection-string + button {
  vertical-align: bottom;
}

.operator-group--tree.fields tree-grid-toggle,
.operator-group--tree.fields field {
  vertical-align: middle;
}

.operator-group--tree.fields tree-grid-toggle {
  display: inline-block;
}

.operator-group--default-permission-column {
  width: 190px;
  text-align: center;
}

.operator-group--has-access-column {
  width: 90px;
  text-align: center;
}

.operator-group--partitions-table table {
  table-layout: fixed;
}

.content .operator-detail .content__status-bar .status-bar__group button {
  margin-left: 8px;
}

.content .operator-detail .content__status-bar .status-bar__block {
  padding-right: 8px;
}

.locked-operator-icon {
  position: relative;
  bottom: 2px;
  left: 1px;
}

#operators__content__body .icon-lock {
  position: relative;
  left: 4px;
}

.operator-group--tree {
  outline: 0;
}

.operator-group--tree input[type=checkbox] {
  vertical-align: bottom;
  margin-bottom: 3px;
}

.operator-detail .ng-include-padding-left {
  padding-left: 16px;
}

.opening-mode-schedule-list-block {
  display: block;
  height: 100%;
}

.opening-mode-schedule-list {
  width: 100%;
  border: 1px solid #cccccc;
  border-top-width: 0px;
  border-bottom-width: 0px;
  padding: 12px 7px;
  height: calc(100% - 68px);
  max-height: 461px;
  overflow-y: auto;
  overflow-x: hidden;
}

.opening-mode-schedule-list .opening-mode-schedule-list__row {
  width: 100%;
  height: 40px;
  margin-bottom: 4px;
  white-space: nowrap;
}

.opening-mode-schedule-list .opening-mode-schedule-list__row:last-child {
  margin-bottom: 0;
}

.opening-mode-schedule-list .opening-mode-schedule-list__row .opening-mode-schedule-list__day {
  line-height: 2.2em;
  padding-left: 10px;
  border: 1px solid #cccccc;
  border-right-width: 0px;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: inline-block;
  width: 155px;
  text-align: right;
  text-transform: uppercase;
  padding-right: 14px;
  white-space: nowrap;
}

.opening-mode-schedule-list .opening-mode-schedule-list__row .opening-mode-schedule-list__mode {
  width: calc(100% - 242px);
  display: inline-block;
  margin-left: -3px;
}

.opening-mode-schedule-list .opening-mode-schedule-list__row .opening-mode-schedule-list__mode.read-mode {
  width: calc(100% - 155px);
}

.opening-mode-schedule-list .opening-mode-schedule-list__row .button-list,
.opening-mode-schedule-list .opening-mode-schedule-list__row .button-list--stacked {
  display: inline;
  margin-left: 8px;
}

.opening-mode-schedule__dialog {
  width: 522px;
}

.opening-mode-schedule__dialog.om--edit {
  height: 442px;
  width: 548px;
}

.opening-mode-schedule__dialog.om--same-as {
  display: block;
  width: 552px;
}

.opening-mode-schedule__dialog .opening-mode-schedule__edit__table {
  height: 308px;
  display: block;
  width: calc(100% + 30px);
  margin-left: -15px;
}

.opening-mode-schedule__dialog .opening-mode-schedule__edit__table.full-height {
  height: 407px;
}

.opening-mode-schedule__dialog .table-container {
  min-height: 0;
}

.opening-mode-schedule__dialog .table-container .tbody-wrapper,
.opening-mode-schedule__dialog .table-container .thead-wrapper {
  min-height: 0;
}

.opening-mode-schedule__dialog .table-container .tbody-wrapper table,
.opening-mode-schedule__dialog .table-container .thead-wrapper table {
  table-layout: fixed;
  width: calc(100% - 1px);
}

.opening-mode-schedule__dialog .table-container .tbody-wrapper table thead tr th.no-right-border,
.opening-mode-schedule__dialog .table-container .thead-wrapper table thead tr th.no-right-border {
  border-right-color: transparent;
}

.opening-mode-schedule__dialog .table-container .tbody-wrapper table thead tr th.dummy-resizable-column,
.opening-mode-schedule__dialog .table-container .thead-wrapper table thead tr th.dummy-resizable-column {
  border-color: transparent;
}

.opening-mode-schedule__dialog .table-container .tbody-wrapper table tbody tr td,
.opening-mode-schedule__dialog .table-container .thead-wrapper table tbody tr td {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  white-space: nowrap;
}

.opening-mode-schedule__dialog .table-container .tbody-wrapper table tbody tr td:last-child,
.opening-mode-schedule__dialog .table-container .thead-wrapper table tbody tr td:last-child {
  border-right-color: transparent;
}

.opening-mode-schedule__dialog .table-container .tbody-wrapper table tbody tr td.no-right-border,
.opening-mode-schedule__dialog .table-container .thead-wrapper table tbody tr td.no-right-border {
  border-right-color: transparent;
}

.opening-mode-schedule__dialog .table-container .tbody-wrapper table tbody tr td.padding-right-less,
.opening-mode-schedule__dialog .table-container .thead-wrapper table tbody tr td.padding-right-less {
  padding-right: 8px;
}

.opening-mode-schedule__dialog .table-container .tbody-wrapper table tbody tr td.td--inner-full-width span.td-wrapper,
.opening-mode-schedule__dialog .table-container .thead-wrapper table tbody tr td.td--inner-full-width span.td-wrapper {
  width: 100%;
}

.opening-mode-schedule__dialog .table-container .tbody-wrapper table tbody tr:last-child td,
.opening-mode-schedule__dialog .table-container .thead-wrapper table tbody tr:last-child td {
  border-bottom-color: transparent;
}

.opening-mode-schedule__dialog .table-container .tbody-wrapper table tbody tr .button-list,
.opening-mode-schedule__dialog .table-container .tbody-wrapper table tbody tr .button-list--stacked,
.opening-mode-schedule__dialog .table-container .thead-wrapper table tbody tr .button-list,
.opening-mode-schedule__dialog .table-container .thead-wrapper table tbody tr .button-list--stacked {
  white-space: nowrap;
  display: block;
}

.opening-mode-schedule__dialog .table-container .tbody-wrapper table tbody tr .button-list button .button__gradient,
.opening-mode-schedule__dialog .table-container .tbody-wrapper table tbody tr .button-list--stacked button .button__gradient,
.opening-mode-schedule__dialog .table-container .thead-wrapper table tbody tr .button-list button .button__gradient,
.opening-mode-schedule__dialog .table-container .thead-wrapper table tbody tr .button-list--stacked button .button__gradient {
  width: 34px;
}

.opening-mode-schedule__dialog .table-container .tbody-wrapper table tbody tr .button-list.no-padding li,
.opening-mode-schedule__dialog .table-container .tbody-wrapper table tbody tr .no-padding.button-list--stacked li,
.opening-mode-schedule__dialog .table-container .thead-wrapper table tbody tr .button-list.no-padding li,
.opening-mode-schedule__dialog .table-container .thead-wrapper table tbody tr .no-padding.button-list--stacked li {
  margin-bottom: 0px;
}

.opening-mode-schedule__dialog .opening-mode-schedule__same-as__selects {
  width: calc(100% + 32px);
  margin-top: -16px;
  padding: 12px 0 0;
  background: #e9e9e9;
  display: inline-block;
  white-space: nowrap;
}

.opening-mode-schedule__dialog .opening-mode-schedule__same-as__selects .field.field--padding-sides-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.opening-mode-schedule__dialog .opening-mode-schedule__same-as__selects .field.field--padding-sides-10 label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 7px;
}

.opening-mode-schedule__dialog .opening-mode-schedule__same-as__selects .field.field--padding-sides-10 label.margin-left--7 {
  margin-left: 7px;
}

.opening-mode-schedule__dialog .opening-mode-schedule__same-as__selects .field.field--padding-sides-10 .opening-mode-schedule__select-container {
  padding-left: 0;
  min-width: 180px;
}

.opening-mode-schedule__dialog .opening-mode-schedule__same-as__open-mode {
  margin-top: 16px;
  display: block;
  width: 101%;
  margin-left: -0.5%;
}

.opening-mode-schedule__dialog .opening-mode-schedule__edit__open-mode {
  margin-bottom: 12px;
  display: block;
  overflow: hidden;
  margin-top: 5px;
}

.opening-mode-schedule__dialog .opening-mode-schedule__edit__side-border {
  height: 57px;
  width: 7px;
  display: inline-block;
  float: left;
  margin: 0 7px 0 0;
}

.opening-mode-schedule__dialog .opening-mode-schedule__edit__dates {
  display: inline-block;
  height: 100%;
  padding-top: 12px;
}

.opening-mode-schedule__dialog .opening-mode-schedule__edit__field-container {
  display: block;
  width: calc(100% - 2px);
  margin-left: -16px;
  background: linear-gradient(to bottom, #7B7B7B 0%, #9A9A9A 25%, #7B7B7B 100%);
  padding: 12px 19px;
  bottom: 53px;
  position: absolute;
  z-index: 1;
}

.opening-mode-schedule__dialog .opening-mode-schedule__edit__field-container h2 {
  text-transform: uppercase;
  color: #fff;
  padding-bottom: 7px;
  font-size: 18px;
  font-weight: 800;
}

.opening-mode-schedule__dialog .opening-mode-schedule__edit__field-container input {
  width: 100%;
  margin-bottom: 12px;
}

.opening-mode-schedule__dialog .opening-mode-schedule__edit__field-container .fields {
  margin-top: 6px;
  margin-bottom: 5px;
  margin-left: -5px;
}

.opening-mode-schedule__dialog .opening-mode-schedule__edit__field-container .button-list,
.opening-mode-schedule__dialog .opening-mode-schedule__edit__field-container .button-list--stacked {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
}

.opening-mode-schedule__dialog .opening-mode-schedule__edit__field-container .button-list button .button__gradient,
.opening-mode-schedule__dialog .opening-mode-schedule__edit__field-container .button-list--stacked button .button__gradient {
  width: 34px;
  padding-top: 1px;
}

.opening-mode-schedule__dialog .opening-mode-schedule__edit__field-container .button-list button .button__gradient span.icon-add,
.opening-mode-schedule__dialog .opening-mode-schedule__edit__field-container .button-list--stacked button .button__gradient span.icon-add {
  margin-left: -1px;
}

.opening-mode-schedule {
  width: calc(100% + 1px);
  border-radius: 5px;
  color: white;
  height: 35px;
  display: block;
  overflow: hidden;
}

.opening-mode-schedule .opening-mode-schedule__range {
  display: inline-block;
  padding-left: 7px;
  line-height: 2.4em;
  border-left: 1px solid white;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 600;
  cursor: default;
  background-color: #999999;
}

.opening-mode-schedule .opening-mode-schedule__range.mode__default {
  width: 100%;
}

.opening-mode-schedule .opening-mode-schedule__range:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left-width: 0px;
}

.opening-mode-schedule .opening-mode-schedule__range:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.opening-mode-schedule .opening-mode-schedule__range:hover {
  box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.3);
}

.opening-mode-schedule .opening-mode-schedule__range.no-padding {
  padding-left: 0;
}

.om-tooltip {
  display: block;
  width: 165px;
  padding: 1px;
  background: black;
  position: absolute;
  z-index: 2000;
  color: white;
  font-size: 11px;
  border-radius: 3px;
  line-height: 11px;
}

.om-tooltip .om-tooltip__title {
  width: 100%;
  display: table;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  white-space: normal;
  word-break: break-word;
  padding: 7px 9px;
  line-height: 1.2em;
  min-height: 35px;
}

.om-tooltip .om-tooltip__title span {
  display: table-cell;
  vertical-align: middle;
}

.om-tooltip .om-tooltip__dates {
  text-align: center;
  line-height: 2.2em;
  font-weight: 600;
  font-size: 1.2em;
  color: #fff;
}

.om-tooltip-arrow {
  border-color: transparent;
  border-left-width: 12px;
  border-right-width: 12px;
  border-top-width: 12px;
  border-top-color: black;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.opening-mode-schedule .opening-mode-schedule__range.mode__color-0 {
  background: #676767;
}

.opening-mode-schedule .opening-mode-schedule__range.mode__color-1 {
  background: #6BCF00;
}

.opening-mode-schedule .opening-mode-schedule__range.mode__color-2 {
  background: #0045CF;
}

.opening-mode-schedule .opening-mode-schedule__range.mode__color-3 {
  background: #CFC000;
}

.opening-mode-schedule .opening-mode-schedule__range.mode__color-4 {
  background: #0092CF;
}

.opening-mode-schedule .opening-mode-schedule__range.mode__color-5 {
  background: #CF0066;
}

.opening-mode-schedule .opening-mode-schedule__range.mode__color-6 {
  background: #CF5900;
}

.opening-mode-schedule .opening-mode-schedule__range.mode__color-7 {
  background: #CF45CF;
}

.opening-mode-schedule .opening-mode-schedule__range.mode__color-9 {
  background: #339933;
}

.opening-mode-schedule .opening-mode-schedule__range.mode__color-11 {
  background: #999900;
}

.items-to-edit {
  background-color: #f2f2f2;
  border-radius: 3px;
  padding: 8px;
  margin-bottom: 16px;
  height: 53px;
  border: 2px solid #e6e6e6;
  border-top-width: 1px;
  position: relative;
  z-index: 1;
}

.items-to-edit button {
  float: right;
}

.items-to-edit p {
  margin: 9px 0;
  font-weight: 400;
}

button.discard {
  padding: 0;
  margin: 0;
  font-family: inherit;
  background: none;
  border: none;
  display: inline;
}

button.discard:focus {
  outline: none;
}

button.discard:focus a {
  color: #00cfa4 !important;
}

button.discard a {
  color: #1fb0ed;
}

label.flex-ellipsis {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

label.flex-ellipsis > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -moz-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

label.flex-ellipsis button {
  padding-left: 5px;
}

label.flex-ellipsis .hide-if-ellipsis {
  display: none;
}

.details.multiple-edit .full-height {
  height: 100%;
}

.details.multiple-edit .no-permissions-warning {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
  color: #bfbfbf;
  font-size: 20px;
  text-align: center;
}

.details.multiple-edit .no-permissions-warning p {
  margin: 0.5em 0;
}

.details.multiple-edit .no-permissions-warning div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.details.multiple-edit .no-permissions-warning .icon-info {
  font-size: 24px;
}

.tab-discard-link {
  position: absolute;
  bottom: 2px;
  margin-left: 4px;
  font-size: 0;
}

.tab-discard-link button {
  font-size: 15px;
}

.visibility-hidden discard-link a {
  visibility: hidden !important;
}

.multiple-edit-tab-popup {
  visibility: hidden;
}

.multiple-edit-tab-popup .arrow {
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #015689;
  left: calc(100% - 11px);
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.multiple-edit-tab-popup .button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 10px;
  background-color: #015689;
  position: relative;
  z-index: 1;
}

.multiple-edit-tab-popup .button-container button.button-popup {
  background-color: #015689;
  border: 0;
  color: #fff;
  padding: 10px 16px;
  display: block;
  text-align: left;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.multiple-edit-tab-popup .button-container button.button-popup span[class^="icon-"] {
  margin-right: 8px;
}

.multiple-edit-tab-popup .button-container button.button-popup:first-child {
  padding-top: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.multiple-edit-tab-popup .button-container button.button-popup:last-child {
  padding-bottom: 12px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.multiple-edit-tab-popup .button-container button.button-popup:hover {
  background-color: #006BAB;
}

.multiple-edit-tab-popup .button-container button.button-popup:focus {
  outline: none;
}

.multiple-add-form {
  width: 290px;
  margin-left: 12px;
}

.multiple-add-form .label-disabled {
  color: gray;
}

.multiple-add-form .cols--noresize .field {
  padding-left: 0 !important;
  width: 70px;
}

.multiple-add-form .cols--noresize .field:last-of-type {
  width: 85px;
}

.multiple-add-example {
  text-align: center;
  line-height: 24px;
}

.multiple-add-example:not(.no-margin-bottom) {
  margin: 0 0 16px 0 !important;
}

.multiple-add-example .multiple-add-name {
  background-color: #f2f2f2;
  color: #999999;
  font-weight: 600;
  border-radius: 5px;
  padding: 8px 5px;
  margin: 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  line-height: 16px;
  max-width: 240px;
  vertical-align: middle;
}

.multiple-add {
  text-transform: none;
  white-space: nowrap;
  width: 35px;
}

.multiple-add .icon-add:first-of-type {
  top: 0;
  left: 0;
  background-color: #3dc6ff;
  z-index: 1;
  width: 15px;
  height: 16px;
  border: 1px #3dc6ff solid;
  border-radius: 7px;
  line-height: 0;
}

.multiple-add:hover .icon-add:first-of-type,
.multiple-add:focus .icon-add:first-of-type,
.multiple-add:active .icon-add:first-of-type {
  background-color: #37dee6;
  border-color: #37dee6;
}

.multiple-add .icon-add {
  position: relative;
  margin: 0;
  padding: 0;
  left: -20px;
  top: -4px;
}

.key-and-confirm-key-container {
  white-space: nowrap;
}

.key-and-confirm-key-container .key-inputs {
  display: block;
  margin-left: 10px;
}

.key-and-confirm-key-container .key-inputs input:not(.key-defined) {
  display: block;
  margin-right: 0px;
}

.key-and-confirm-key-container label {
  text-align: right;
  margin-top: 6px;
}

.key-and-confirm-key-container input {
  width: 100%;
}

.key-and-confirm-key-container .defined-key-container .key-defined-input {
  width: 67%;
}

.key-and-confirm-key-container .defined-key-container button {
  margin-left: 5px !important;
}

.key-and-confirm-key-container .confirmation-label {
  margin-top: 30px;
}

.key-and-confirm-key-container .confirmation-label.label-hidden {
  visibility: hidden;
  margin-top: -23px;
  margin-bottom: 0px;
}

.key-and-confirm-key-container .confirmation-input {
  margin-top: 12px;
}

.key-and-confirm-key-container.key-and-confirm--inline {
  display: block;
  white-space: normal;
}

.key-and-confirm-key-container.key-and-confirm--inline .key-labels--inline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.key-and-confirm-key-container.key-and-confirm--inline .key-labels--inline label {
  width: calc( 285px + 16px);
  margin-top: 0px;
  margin-bottom: 6px;
  display: inline-block;
  text-align: left;
}

.key-and-confirm-key-container.key-and-confirm--inline .key-inputs--inline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 0;
}

.key-and-confirm-key-container.key-and-confirm--inline .key-inputs--inline .defined-key-container {
  display: block;
}

.key-and-confirm-key-container.key-and-confirm--inline .key-inputs--inline .password-input {
  margin-right: 16px;
}

.key-and-confirm-key-container.key-and-confirm--inline .key-inputs--inline .confirmation-input {
  margin-top: 0px;
}

.key-and-confirm-key-container.key-and-confirm--inline .key-inputs--inline .edition-input {
  display: inline-block;
  width: 285px;
}

.key-and-confirm-key-container.key-and-confirm--inline .key-inputs--inline .key-defined-input {
  display: inline-block;
  width: 242px;
}

.key-and-confirm-key-container-vertical {
  white-space: nowrap;
}

.key-and-confirm-key-container-vertical .key-inputs input:not(.key-defined) {
  margin-right: 0px;
}

.key-and-confirm-key-container-vertical label {
  margin-top: 6px;
}

.key-and-confirm-key-container-vertical .defined-key-container button {
  margin-left: 5px !important;
}

.key-and-confirm-key-container-vertical .confirmation-label {
  margin-top: 20px;
}

.key-and-confirm-key-container-vertical .confirmation-label.label-hidden {
  visibility: hidden;
  margin-top: -10px;
  margin-bottom: 0px;
}

.key-and-confirm-key-container-vertical.key-and-confirm--inline {
  display: block;
  white-space: normal;
}

.key-and-confirm-key-container-vertical.key-and-confirm--inline .key-labels--inline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.key-and-confirm-key-container-vertical.key-and-confirm--inline .key-labels--inline label {
  width: calc( 285px + 16px);
  margin-top: 0px;
  margin-bottom: 6px;
  display: inline-block;
  text-align: left;
}

.key-and-confirm-key-container-vertical.key-and-confirm--inline .key-inputs--inline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 0;
}

.key-and-confirm-key-container-vertical.key-and-confirm--inline .key-inputs--inline .defined-key-container {
  display: block;
}

.key-and-confirm-key-container-vertical.key-and-confirm--inline .key-inputs--inline .password-input {
  margin-right: 16px;
}

.key-and-confirm-key-container-vertical.key-and-confirm--inline .key-inputs--inline .confirmation-input {
  margin-top: 0px;
}

.key-and-confirm-key-container-vertical.key-and-confirm--inline .key-inputs--inline .edition-input {
  display: inline-block;
  width: 285px;
}

.key-and-confirm-key-container-vertical.key-and-confirm--inline .key-inputs--inline .key-defined-input {
  display: inline-block;
  width: 242px;
}

key-and-confirm-key .numeric-input {
  text-align: left;
}

.calendars .details-list__container {
  padding-left: 11px;
  padding-right: 11px;
  overflow: hidden;
}

.calendar-holiday {
  color: #cfc000 !important;
}

.calendar-special1 {
  color: #CF0066 !important;
}

.calendar-special2 {
  color: #0092CF !important;
}

.calendar-normal {
  color: #fff !important;
}

.calendar-dstforward {
  color: #1fb0ed;
}

.calendar-dstbackward {
  color: #00cfa4;
}

.calendar-view--block {
  display: block;
  height: calc(100% - 12px);
  margin: 0;
  position: relative;
  max-height: 469px;
}

.calendar-view--block .table-footer,
.calendar-view--block .table-footer--slim {
  height: auto;
}

.calendar-view--block .table-footer ul.button-list.no-right-margin,
.calendar-view--block .table-footer--slim ul.button-list.no-right-margin,
.calendar-view--block .table-footer ul.no-right-margin.button-list--stacked,
.calendar-view--block .table-footer--slim ul.no-right-margin.button-list--stacked {
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 7px;
}

.calendar-view--block .table-footer ul.button-list.no-right-margin li,
.calendar-view--block .table-footer--slim ul.button-list.no-right-margin li,
.calendar-view--block .table-footer ul.no-right-margin.button-list--stacked li,
.calendar-view--block .table-footer--slim ul.no-right-margin.button-list--stacked li {
  margin-right: 7px;
  margin-left: 0;
  margin-top: 7px;
}

.calendar-view--block .table-footer ul.button-list.no-right-margin li:last-child,
.calendar-view--block .table-footer--slim ul.button-list.no-right-margin li:last-child,
.calendar-view--block .table-footer ul.no-right-margin.button-list--stacked li:last-child,
.calendar-view--block .table-footer--slim ul.no-right-margin.button-list--stacked li:last-child {
  margin-right: 0;
}

.calendar-view--block .table-footer ul.button-list.no-left-margin,
.calendar-view--block .table-footer--slim ul.button-list.no-left-margin,
.calendar-view--block .table-footer ul.no-left-margin.button-list--stacked,
.calendar-view--block .table-footer--slim ul.no-left-margin.button-list--stacked {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 7px;
}

.calendar-view--block .table-footer ul.button-list.no-left-margin li,
.calendar-view--block .table-footer--slim ul.button-list.no-left-margin li,
.calendar-view--block .table-footer ul.no-left-margin.button-list--stacked li,
.calendar-view--block .table-footer--slim ul.no-left-margin.button-list--stacked li {
  margin-top: 7px;
}

.calendar-view--block .table-footer ul.button-list.no-left-margin li:first-child,
.calendar-view--block .table-footer--slim ul.button-list.no-left-margin li:first-child,
.calendar-view--block .table-footer ul.no-left-margin.button-list--stacked li:first-child,
.calendar-view--block .table-footer--slim ul.no-left-margin.button-list--stacked li:first-child {
  margin-left: 0;
}

.calendar-view {
  width: 100%;
  border: 1px solid #dedede;
  border-top-width: 0px;
  border-bottom-width: 0px;
  overflow-y: auto;
  display: block;
  background: #fff;
}

.calendar-view .calendar-view__head {
  display: block;
  text-align: center;
  margin-bottom: 0;
}

.calendar-view .calendar-view__head h2 {
  display: inline-block;
  margin: 0 16px;
  font-weight: 700;
  font-size: 24px;
  line-height: 21px;
  height: 24px;
}

.calendar-view .calendar-view__head ul.button-list,
.calendar-view .calendar-view__head ul.button-list--stacked {
  height: 55px;
  padding: 10px;
}

.calendar-view .calendar-view__head ul.button-list li,
.calendar-view .calendar-view__head ul.button-list--stacked li {
  margin: 0;
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.calendar-view .calendar-view__head ul.button-list li.has-padding-top-7px,
.calendar-view .calendar-view__head ul.button-list--stacked li.has-padding-top-7px {
  padding-top: 7px;
}

.calendar-view .calendar-view__body {
  display: block;
  padding: 0 12px 12px;
}

.calendar-view .calendar-view__body .calendar-view__month {
  width: 100%;
  display: block;
  height: 1.8em;
  border-right: 1px solid #dedede;
}

.calendar-view .calendar-view__body .calendar-view__month.has-top-border {
  border-top: 1px solid #dedede;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  height: 20px;
}

.calendar-view .calendar-view__body .calendar-view__month.has-bottom-border {
  border-bottom: 1px solid #dedede;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__month__name {
  display: inline-block;
  margin: 0;
  width: 40px;
  text-transform: uppercase;
  border: 1px solid #dedede;
  border-top-width: 0;
  background: #fafafa;
  text-align: center;
  font-size: 14px;
  height: 1.9em;
  padding-top: 6px;
  white-space: nowrap;
  overflow: hidden;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__month__name.weeknames {
  height: 1.6em;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__month__name.top-row {
  margin-bottom: -5px;
  height: 1.8em;
  border-bottom-width: 0;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days {
  display: inline-block;
  width: calc(100% - 40px);
  padding: 2px 5px 0 7px;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day {
  display: inline-block;
  width: 2.8%;
  height: 22px;
  line-height: 1.5em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-size: 11px;
  border: 1px solid #dedede;
  margin: 0 0 0 -1px;
  text-align: center;
  background: transparent;
  outline: none;
  padding: 0;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.weekend {
  background: #dedede;
  border-color: #dedede;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty) {
  box-sizing: border-box;
  line-height: 1.7em;
  cursor: pointer;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty) > div {
  width: 100%;
  height: 100%;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty) > div .button__gradient {
  height: 100%;
  width: 100%;
  border: 1px solid transparent;
  border-right-width: 2px;
  position: relative;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty) > div .button__gradient:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-left: 6px solid transparent;
  width: 0;
  visibility: hidden;
  border-top: 6px solid #1fb0ed;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):hover,
.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened):focus {
  border-color: #1fb0ed;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):hover > div .button__gradient,
.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened):focus > div .button__gradient {
  border-color: #1fb0ed;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):hover > div .button__gradient:before,
.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened):focus > div .button__gradient:before {
  visibility: visible;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened).selected,
.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened):active {
  border-color: #00cfa4;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened).selected > div .button__gradient,
.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened):active > div .button__gradient {
  border-color: #00cfa4;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened).selected > div .button__gradient:before,
.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened):active > div .button__gradient:before {
  border-top-color: #00cfa4;
  visibility: visible;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--1 {
  background: #CF0066;
  color: #fff;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--1:not(.selected) {
  border-color: #CF0066;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--2 {
  background: #0092CF;
  color: #fff;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--2:not(.selected) {
  border-color: #0092CF;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--3 {
  background: #cfc000;
  color: #fff;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--3:not(.selected) {
  border-color: #cfc000;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--forward {
  background: #1fb0ed;
  color: #fff;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--forward:not(.selected) {
  border-color: #1fb0ed;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--backward {
  background: #00cfa4;
  color: #fff;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--backward:not(.selected) {
  border-color: #00cfa4;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--opened {
  background: #ffffcc;
  color: black;
  border-color: #dedede !important;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days.weeknames {
  margin-left: 0;
  text-transform: uppercase;
  font-size: 14px;
  vertical-align: top;
  color: #a5a5a5;
  width: calc(100% - 44px);
  padding: 0 5px 0;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days.weeknames .calendar-view__day {
  border-width: 0;
  font-size: 14px;
  height: 1.4em;
  line-height: 1.3em;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days.weeknames .calendar-view__day.weekend {
  background: #929292;
  color: #fff;
  border-top: 1px solid #fff;
  padding-top: 1px;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days.weeknames .calendar-view__day:not(.weekend) {
  padding-top: 2px;
}

ul.calendar-view__list {
  margin-top: 16px;
  list-style: none;
  margin-left: 12px;
}

ul.calendar-view__list li {
  margin-right: 23px;
  display: inline-block;
  font-size: 13px;
  font-weight: 200;
  color: black;
}

.list-calendar {
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #929292;
  display: inline-block;
  vertical-align: top;
  margin-right: 7px;
}

.list-calendar:before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin-left: 3px;
  margin-top: 3px;
}

.list-calendar.calendar-holiday:before {
  background: #cfc000;
}

.list-calendar.calendar-special1:before {
  background: #CF0066;
}

.list-calendar.calendar-special2:before {
  background: #0092CF;
}

.list-calendar.calendar-dstbackward {
  border-color: #00cfa4;
}

.list-calendar.calendar-dstbackward:before {
  background: #00cfa4;
}

.list-calendar.calendar-dstforward {
  border-color: #1fb0ed;
}

.list-calendar.calendar-dstforward:before {
  background: #1fb0ed;
}

.calendar__dst {
  vertical-align: top;
}

.calendar__dst .calendar__dst__info span {
  margin-left: 23px;
  font-weight: 400;
}

.calendar__dst .calendar__dst__info span.no-data {
  color: #a5a5a5;
}

.calendar__dialog {
  width: 420px;
}

.calendar__dialog .calendar__same-as__selects {
  width: calc(100% + 32px);
  padding: 12px 12px 0;
  display: inline-block;
}

.calendar__dialog .calendar__same-as__selects .calendar-to-copy ~ .select2-container {
  width: 240px;
}

.calendar__dialog .calendar__same-as__selects .year-to-copy ~ .select2-container {
  width: 80px;
}

.calendar__dst-container {
  position: absolute;
  border: 2px solid black;
  border-radius: 3px;
  background: #fff;
  z-index: 1460;
  padding: 7px;
}

.calendar__dst-container .arrow {
  border-color: transparent;
  border-left-width: 12px;
  border-right-width: 12px;
  border-bottom-width: 12px;
  border-bottom-color: black;
  top: -15px;
  left: 113px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.calendar__dst-container.show-info {
  display: block;
}

.items-to-edit {
  background-color: #f2f2f2;
  border-radius: 3px;
  padding: 8px;
  margin-bottom: 16px;
  height: 53px;
  border: 2px solid #e6e6e6;
  border-top-width: 1px;
  position: relative;
  z-index: 1;
}

.items-to-edit button {
  float: right;
}

.items-to-edit p {
  margin: 9px 0;
  font-weight: 400;
}

button.discard {
  padding: 0;
  margin: 0;
  font-family: inherit;
  background: none;
  border: none;
  display: inline;
}

button.discard:focus {
  outline: none;
}

button.discard:focus a {
  color: #00cfa4 !important;
}

button.discard a {
  color: #1fb0ed;
}

label.flex-ellipsis {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

label.flex-ellipsis > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -moz-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

label.flex-ellipsis button {
  padding-left: 5px;
}

label.flex-ellipsis .hide-if-ellipsis {
  display: none;
}

.details.multiple-edit .full-height {
  height: 100%;
}

.details.multiple-edit .no-permissions-warning {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
  color: #bfbfbf;
  font-size: 20px;
  text-align: center;
}

.details.multiple-edit .no-permissions-warning p {
  margin: 0.5em 0;
}

.details.multiple-edit .no-permissions-warning div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.details.multiple-edit .no-permissions-warning .icon-info {
  font-size: 24px;
}

.tab-discard-link {
  position: absolute;
  bottom: 2px;
  margin-left: 4px;
  font-size: 0;
}

.tab-discard-link button {
  font-size: 15px;
}

.visibility-hidden discard-link a {
  visibility: hidden !important;
}

.multiple-edit-tab-popup {
  visibility: hidden;
}

.multiple-edit-tab-popup .arrow {
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #015689;
  left: calc(100% - 11px);
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.multiple-edit-tab-popup .button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 10px;
  background-color: #015689;
  position: relative;
  z-index: 1;
}

.multiple-edit-tab-popup .button-container button.button-popup {
  background-color: #015689;
  border: 0;
  color: #fff;
  padding: 10px 16px;
  display: block;
  text-align: left;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.multiple-edit-tab-popup .button-container button.button-popup span[class^="icon-"] {
  margin-right: 8px;
}

.multiple-edit-tab-popup .button-container button.button-popup:first-child {
  padding-top: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.multiple-edit-tab-popup .button-container button.button-popup:last-child {
  padding-bottom: 12px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.multiple-edit-tab-popup .button-container button.button-popup:hover {
  background-color: #006BAB;
}

.multiple-edit-tab-popup .button-container button.button-popup:focus {
  outline: none;
}

.salto-network-details .table-footer,
.salto-network-details .table-footer--slim,
.salto-network-details .table-container {
  border: 1px solid #e6e6e6;
}

.salto-network-details .table-footer.no-border,
.salto-network-details .no-border.table-footer--slim,
.salto-network-details .table-container.no-border {
  border: none;
}

.salto-network-details .detail-box .table-footer,
.salto-network-details .detail-box .table-footer--slim,
.salto-network-details .detail-box .table-container {
  border: 1px solid #cccccc;
}

.salto-network-details .cu4k-nodes-table,
.salto-network-details .energy-saving-devices {
  width: 450px;
  margin-left: 16px;
  margin-bottom: 16px;
}

.salto-network-details .rf-access-points {
  width: 450px;
  margin-left: 16px;
  margin-bottom: 16px;
}

.salto-network-details .rf-nodes-table {
  width: 450px;
  margin-left: 16px;
  margin-bottom: 16px;
}

.salto-network-details .field--uid {
  width: 130px;
}

.salto-network-details .radio-combo-rf-accesspoint {
  margin-left: 14px !important;
  margin-top: 6px !important;
}

.ngdialog--add-network-device .ngdialog-content {
  width: 450px;
}

.ngdialog--add-network-device .ngdialog-content .ngdialog__content {
  height: 120px;
}

.ngdialog--add-network-device .ngdialog-content .ngdialog__content .centered-content,
.ngdialog--add-network-device .ngdialog-content .ngdialog__content .edit-max-user-count .ngdialog__content,
.edit-max-user-count .ngdialog--add-network-device .ngdialog-content .ngdialog__content .ngdialog__content {
  height: 88px;
}

.ngdialog--edit-dip-switch .ngdialog-content {
  width: 380px;
}

.ngdialog--edit-dip-switch .ngdialog-content .ngdialog__content {
  height: 150px;
}

.ngdialog--edit-dip-switch .ngdialog-content .ngdialog__content .centered-content,
.ngdialog--edit-dip-switch .ngdialog-content .ngdialog__content .edit-max-user-count .ngdialog__content,
.edit-max-user-count .ngdialog--edit-dip-switch .ngdialog-content .ngdialog__content .ngdialog__content {
  height: 118px;
}

.salto-network-table-icon,
.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.salto-network .salto-network__any-filter-applied .tab__panel .with-button button {
  padding-right: 0;
}

.salto-network .tabs {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 16px;
  bottom: 16px;
}

.salto-network .tabs .tabs__nav .tabs__nav--active {
  color: #666666;
}

.salto-network .tabs .tabs__nav .tabs__nav--notification-message {
  color: #999999;
  background: none;
  width: auto;
  top: 0;
  border: none;
  height: auto;
  line-height: normal;
  border-radius: 0;
  right: 0;
  font-weight: 400;
  position: relative;
  padding-right: 6px;
}

.salto-network .tabs .tabs__nav .tab__panel a.with-button {
  padding-right: 0;
}

.salto-network .tabs .tabs__content {
  width: 100%;
}

.salto-network .tabs .tabs__content tabs-panel {
  display: block;
}

.salto-network .tabs .tabs__content tabs-panel > div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 16px;
  background-color: white;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table {
  display: block;
  width: 100%;
  height: 100%;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .table-container {
  height: calc(100% - 21px);
  min-height: 170px;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .table-container .tbody-wrapper {
  min-height: 133px;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .table-container .tbody-wrapper table tbody tr.flat td {
  background: white;
  line-height: inherit;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .table-container .tbody-wrapper table tbody tr.flat.non-removable-item td {
  background-color: #DAF2FF;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .table-container .tbody-wrapper table tbody tr.flat.selected td {
  background: rgba(0, 207, 164, 0.75);
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .table-container .tbody-wrapper table tbody tr.flat:hover td,
.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .table-container .tbody-wrapper table tbody tr.flat.selected:hover td {
  background: rgba(31, 176, 237, 0.75);
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .icon-lock {
  margin: -2px 0 0 2px;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .icon-lock.icon-cant-open {
  margin-left: 10px;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table tr.selected {
  color: white;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table tr td.tree-cell {
  padding-left: 5px;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .tree-grid-toggle {
  vertical-align: middle;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .tree-grid-row--level-2 td.tree-cell {
  padding-left: 39px;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .tree-grid-row--level-3 td.tree-cell {
  padding-left: 73px;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .tree-grid-row--level-4 td.tree-cell {
  padding-left: 107px;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .tree-grid-row--level-5 td.tree-cell {
  padding-left: 141px;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .tree-grid-row--level-6 td.tree-cell {
  padding-left: 175px;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .tree-grid-first-cell__content * {
  vertical-align: middle;
  line-height: 20px;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .tree-grid-first-cell__content input[type='checkbox'] {
  margin-bottom: 0;
}

.salto-network .tabs .tabs__content tabs-panel > div salto-network-table .tree-grid-first-cell__content .salto-network-table__device-name {
  display: inline-block;
  height: 20px;
}

.salto-network .tabs .tabs__content tabs-panel.salto-network__tab-content--filter-applied > div.absolute-tab salto-network-table,
.salto-network .tabs .tabs__content tabs-panel.salto-network__tab-content--unreachable-devices > div.absolute-tab salto-network-table {
  height: 100%;
}

.salto-network .tabs .tabs__content tabs-panel.salto-network__tab-content--unreachable-devices > div.absolute-tab salto-network-table .table-container {
  height: calc(100% + 2px);
}

.salto-network .tabs .tabs__content tabs-panel.salto-network__tab-content--filter-applied .salto-network__local-filters {
  display: none;
}

.salto-network .tabs .tabs__content .salto-network__local-filters {
  padding: 4px 0 16px 0;
}

.salto-network .tabs .tabs__content .salto-network__local-filters.button-list > li,
.salto-network .tabs .tabs__content .salto-network__local-filters.button-list--stacked > li {
  margin-bottom: 0px;
}

@media screen and (max-height: 740px) {
  .salto-network .tabs .tabs__content .salto-network__local-filters {
    display: none;
  }

  .salto-network .tabs .tabs__content tabs-panel > div.absolute-tab salto-network-table {
    height: 100%;
  }
}

.salto-network .salto-network__filter .applied-filters {
  display: inline-block;
  width: auto;
  margin-left: 3px;
  /* 
            * FIX PARA FIREFOX: En firefox el letter-spacing y 
            * el width auto no se entienden bien, lo que provoca 
            * que los bloques del filtro aparezcan cada uno en una 
            * línea diferente. Para solucionar el problema quitamos
            * el letter-spacing negativo y eliminamos el margen entre
            * bloques con un margen negativo.
            */
  letter-spacing: normal;
}

.salto-network .salto-network__filter .applied-filters .applied-filters__label {
  font-weight: 600;
}

.salto-network .salto-network__filter .applied-filters .applied-filter__group:not(:first-child) {
  margin-left: 4px;
}

.salto-network .salto-network__filter .applied-filters .applied-filters__label,
.salto-network .salto-network__filter .applied-filters .applied-filters__filter {
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
  border-radius: 2px;
}

.salto-network .salto-network__filter .applied-filters .applied-filters__label {
  background: #666666;
}

.salto-network .salto-network__filter .applied-filters .applied-filter .applied-filter__label {
  text-transform: none;
  color: #3b8878;
}

.salto-network .salto-network__filter .applied-filters .applied-filter .applied-filter__value {
  color: #3b8878;
}

.salto-network .salto-network__filter .applied-filters .applied-filter .applied-filter__value.has-ellipsis {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
  /*margin-bottom: 0.5px;*/
}

.salto-network .salto-network__filter .applied-filters .applied-filter .applied-filter__value.has-ellipsis.thiner {
  max-width: 78px;
}

.salto-network .salto-network__filter .applied-filters .applied-filter .applied-filter__value.has-ellipsis.bigger {
  max-width: 340px;
}

.salto-network .salto-network__filter .applied-filters .applied-filter .applied-filter__remove-filter {
  top: 0;
  vertical-align: baseline;
}

.salto-network .salto-network__filter .applied-filters .applied-filter .applied-filter__remove-filter * {
  vertical-align: top;
}

.salto-network .salto-network__filter .applied-filters .applied-filters__filter {
  margin-left: -3px;
}

.salto-network .salto-network__button-filter {
  outline: none;
  background: #f2f2f2;
  border: 0;
  color: #000;
  height: 34px;
  padding: 0 12px;
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.salto-network .salto-network__button-filter .button-filter__icon,
.salto-network .salto-network__button-filter .button-filter__text,
.salto-network .salto-network__button-filter .button-filter__counter {
  display: inline-block;
  vertical-align: middle;
}

.salto-network .salto-network__button-filter .button-filter__icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.salto-network .salto-network__button-filter .button-filter__counter {
  color: #999999;
}

.salto-network .salto-network__button-filter:hover,
.salto-network .salto-network__button-filter:focus {
  background: #cccccc;
}

.salto-network .salto-network__button-filter.active {
  background: #17c893;
  color: #fff;
}

.salto-network .salto-network__button-filter.active:hover,
.salto-network .salto-network__button-filter.active:focus {
  background: #1bac8d;
}

.salto-network .salto-network__button-filter.active:hover .button-filter__counter,
.salto-network .salto-network__button-filter.active:focus .button-filter__counter {
  color: #00feca;
}

@-moz-document url-prefix()  {
  .salto-network .salto-network__filter .applied-filters {
    /* 
                * FIX PARA FIREFOX: En firefox el letter-spacing y 
                * el width auto no se entienden bien, lo que provoca 
                * que los bloques del filtro aparezcan cada uno en una 
                * línea diferente. Para solucionar el problema quitamos
                * el letter-spacing negativo y eliminamos el margen entre
                * bloques con un margen negativo.
                */
    letter-spacing: normal;
  }

  .salto-network .salto-network__filter .applied-filters .applied-filter .applied-filter__remove-filter {
    top: 0;
    vertical-align: middle;
  }

  .salto-network .salto-network__filter .applied-filters .applied-filter .applied-filter__remove-filter * {
    vertical-align: top;
  }

  .salto-network .salto-network__filter .applied-filters .applied-filters__filter {
    margin-left: -3px;
  }
}

.salto-network-filter-popup {
  position: absolute;
  background: #3a3a3a;
  padding: 16px;
}

.salto-network-filter-popup .salto-network-filter-popup__header {
  border: 1px solid #4e4e4e;
  border-width: 0 0 1px 0;
  position: relative;
  height: 36px;
  color: white;
}

.salto-network-filter-popup .salto-network-filter-popup__header h2 {
  padding-top: 4px;
  margin: 0;
  font-size: 1.6em;
  font-weight: 800;
}

.salto-network-filter-popup .salto-network-filter-popup__header .close {
  color: #fff;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 27px;
}

.salto-network-filter-popup .salto-network-filter-popup__header .close:hover,
.salto-network-filter-popup .salto-network-filter-popup__header .close:focus {
  color: #a9def4;
}

.salto-network-filter-popup .salto-network-filter-popup__header .close:active {
  color: #5b6b71;
}

.salto-network-filter-popup .salto-network-filter-popup__content {
  padding: 12px 0 8px 0;
}

.salto-network-filter-popup .salto-network-filter-popup__footer .button-list,
.salto-network-filter-popup .salto-network-filter-popup__footer .button-list--stacked {
  padding: 0;
  margin: 0;
}

.salto-network-filter-popup .salto-network-filter-popup__footer .button-list > li,
.salto-network-filter-popup .salto-network-filter-popup__footer .button-list--stacked > li {
  margin-bottom: 0;
  margin-right: 8px;
}

.salto-network-filter-popup .salto-network-filter-popup__footer .button-list .button-secondary:not(:active):not(:hover):not(:focus) [class^="icon-"],
.salto-network-filter-popup .salto-network-filter-popup__footer .button-list--stacked .button-secondary:not(:active):not(:hover):not(:focus) [class^="icon-"],
.salto-network-filter-popup .salto-network-filter-popup__footer .button-list .button-secondary:not(:active):not(:hover):not(:focus) [class*=" icon-"],
.salto-network-filter-popup .salto-network-filter-popup__footer .button-list--stacked .button-secondary:not(:active):not(:hover):not(:focus) [class*=" icon-"] {
  color: #fff;
}

.salto-network-filter-popup .salto-network-filter-popup__footer .button-list .button-secondary:disabled [class^="icon-"],
.salto-network-filter-popup .salto-network-filter-popup__footer .button-list--stacked .button-secondary:disabled [class^="icon-"],
.salto-network-filter-popup .salto-network-filter-popup__footer .button-list .button-secondary:disabled [class*=" icon-"],
.salto-network-filter-popup .salto-network-filter-popup__footer .button-list--stacked .button-secondary:disabled [class*=" icon-"] {
  color: #fff;
}

.mac-address {
  font-weight: 600;
  vertical-align: top;
  color: #999999;
  height: 35px;
  display: inline-block;
  background-color: #f2f2f2;
  border-radius: 5px;
  border-style: none;
  border-width: 1px;
  padding: 11px;
  margin-top: 6px;
}

.salto-network-table-legend {
  padding-top: 8px !important;
}

#cu4k-node-input-table .table-container,
#cu4k-node-RELAY-table .table-container {
  min-height: 155px;
}

#cu4k-node-input-table .table-container .tbody-wrapper,
#cu4k-node-RELAY-table .table-container .tbody-wrapper {
  min-height: 118px;
}

.salto-network__no-footer-table .detail-box__content {
  margin-bottom: 15px;
}

.ngdialog.ngdialog--cu4k-input-edition .ngdialog-content {
  width: 660px;
}

.salto-network__ip-address {
  background: #f2f2f2;
  padding: 4px;
  border-radius: 2px;
  color: #999999;
  display: inline-block;
  min-width: 100px;
  text-align: center;
  font-size: 14px;
  height: 24px;
  margin: 2px 0;
  box-sizing: border-box;
}

.selected .salto-network__ip-address {
  background: #009c7c;
  color: white;
}

.selected:hover .salto-network__ip-address {
  background: #1092c9;
}

.device-firmware-dialog .icon-update,
.device-firmware-dialog .icon-info {
  color: #1fb0ed;
}

.device-firmware-dialog .icon-ok {
  color: #90cc00;
}

.device-firmware-dialog .icon-error {
  color: #cc0000;
}

.device-firmware-dialog .icon-warning {
  color: #cc6600;
}

.device-firmware-dialog .ngdialog-content {
  width: 900px;
}

.device-firmware-dialog--hidden .device-firmware-dialog .ngdialog-content {
  visibility: hidden;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content {
  width: 900px;
  height: 400px;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table {
  height: 100%;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table .salto-network__device-firmware-error {
  color: #ff0000;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table .device-firmware-data-box {
  margin-left: 42px;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table {
  border-collapse: separate;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr.salto-network__device-firmware td {
  border-bottom: 3px solid transparent;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr td:first-child {
  border-left: 3px solid transparent;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr td:last-child {
  border-right: 3px solid transparent;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr td.salto-network__device-firmware--ip-address-column {
  width: 165px;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr th.salto-network__device-firmware--ip-address-column {
  width: 165px;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr.salto-network__device-parent-selected.salto-network__device-firmware--level-2:not(.salto-network__device-firmware--level-2-device) td {
  border-color: rgba(0, 207, 164, 0.75);
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr.salto-network__device-parent-selected.salto-network__device-firmware--level-2:not(.salto-network__device-firmware--level-2-device).salto-network__device-firmware--not-last-child td {
  border-bottom: none;
  padding-bottom: 3px;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr.salto-network__device-firmware:hover td,
.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr.salto-network__device-firmware.salto-network__device-parent-selected:hover td {
  background-color: transparent;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr.salto-network__device-hovering.salto-network__device-firmware--level-2:not(.salto-network__device-firmware--level-2-device) td,
.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr.salto-network__device-hovering.salto-network__device-firmware--level-3 td {
  border-color: rgba(31, 176, 237, 0.75);
  background-color: transparent;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr.salto-network__device-hovering.salto-network__device-firmware--level-2:not(.salto-network__device-firmware--level-2-device).salto-network__device-firmware--not-last-child td,
.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr.salto-network__device-hovering.salto-network__device-firmware--level-3.salto-network__device-firmware--not-last-child td {
  border-bottom: none;
  padding-bottom: 3px;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr.salto-network__device-hovering.salto-network__device-firmware--level-1 td,
.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr.salto-network__device-hovering.salto-network__device-firmware--level-2-device td,
.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr:hover td {
  background: rgba(31, 176, 237, 0.75);
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr.salto-network__device-hovering.salto-network__device-firmware--level-1 td .salto-network__ip-address,
.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr.salto-network__device-hovering.salto-network__device-firmware--level-2-device td .salto-network__ip-address,
.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr:hover td .salto-network__ip-address {
  background: #1092c9;
  color: white;
}

.device-firmware-dialog .ngdialog-content .ngdialog__content .device-firmware-table.table-container table tr.salto-network__left-indent td:first-child {
  padding-left: 39px;
}

.firmware-update-error p {
  margin: 0;
}

#cu4k-nodes-table tbody tr td .icon-warning,
#cu4eb-nodes-table tbody tr td .icon-warning,
#cu4k-node-input-table tbody tr td .icon-warning {
  font-size: 12px;
  color: #cc6600;
}

#cu4k-nodes-table tbody tr td .warning-margin,
#cu4eb-nodes-table tbody tr td .warning-margin,
#cu4k-node-input-table tbody tr td .warning-margin {
  margin-left: 12px;
}

#cu4k-node-input-table tbody tr td .icon-warning.inline-icon {
  margin-right: 0px;
}

.salto-network--gateway__name-and-description.cols--noresize {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.salto-network--gateway__name-and-description.cols--noresize .salto-network--gateway__name {
  min-width: 420px;
  max-width: 520px;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.salto-network-details--cu4k-gateway .salto-network--gateway__name-and-description.cols--noresize .salto-network--gateway__name {
  min-width: 350px;
  max-width: 450px;
}

.fields .field.salto-network--gateway__use-dhcp-address {
  max-width: 238px;
}

.fields .field.salto-network--gateway__reader-1-address {
  width: 238px;
}

.salto-network--include-reader-id {
  margin-top: 6px;
}

.salto-network--include-reader-id input {
  vertical-align: middle;
}

.salto-network__edit-cu4k-node .salto-network__edit-cu4k-node--warning-field {
  height: 58px;
}

.salto-network__edit-cu4k-node .salto-network__edit-cu4k-node--warning-field .warning-label-border.warning-label__padded {
  padding-top: 7px;
  padding-bottom: 7px;
}

cu5k-access-point .fake-label {
  padding-top: 8px;
  font-weight: 200;
  opacity: 0.7;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 
 *  Por alguna razón cuando estamos visualizando una pestaña, 
 *  a veces se está mostrando la barra de scroll de la otra pestaña 
 */

.visibility-hidden salto-network-table .mCSB_draggerContainer {
  display: none;
}

.visibility-hidden salto-network-table .mCSB_scrollTools {
  background: transparent;
  z-index: -1;
}

.salto-network--energy-saving-devices-table table {
  min-width: 100%;
}

.salto-network--network-name {
  min-width: 200px;
}

.fields .field.salto-network_cer-pass {
  display: none;
}

.salto-network__cu4k-gateway .fields .field.salto-network_cer-pass,
.salto-network__ubox-4000-updater .fields .field.salto-network_cer-pass {
  display: inline-block;
}

#cu4k-node-bus485-table .table-container {
  min-height: 77px;
}

#cu4k-node-bus485-table .table-container .tbody-wrapper {
  min-height: 40px;
}

#cu4k-node-RELAY-table tr.error {
  color: #cc0000;
}

.edit-dip-switch-dialog {
  padding: 20px 90px;
}

.broker-test-key {
  margin: 16px 0;
}

.broker-test-key input#password {
  width: 100%;
}

.broker-test-key .warning-label-border {
  margin: 0 1px;
}

.broker-test-key .warning-label-border .warning-label-content {
  width: 350px;
  margin: 0 auto;
}

.calendars .details-list__container {
  padding-left: 11px;
  padding-right: 11px;
  overflow: hidden;
}

.calendar-holiday {
  color: #cfc000 !important;
}

.calendar-special1 {
  color: #CF0066 !important;
}

.calendar-special2 {
  color: #0092CF !important;
}

.calendar-normal {
  color: #fff !important;
}

.calendar-dstforward {
  color: #1fb0ed;
}

.calendar-dstbackward {
  color: #00cfa4;
}

.calendar-view--block {
  display: block;
  height: calc(100% - 12px);
  margin: 0;
  position: relative;
  max-height: 469px;
}

.calendar-view--block .table-footer,
.calendar-view--block .table-footer--slim {
  height: auto;
}

.calendar-view--block .table-footer ul.button-list.no-right-margin,
.calendar-view--block .table-footer--slim ul.button-list.no-right-margin,
.calendar-view--block .table-footer ul.no-right-margin.button-list--stacked,
.calendar-view--block .table-footer--slim ul.no-right-margin.button-list--stacked {
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 7px;
}

.calendar-view--block .table-footer ul.button-list.no-right-margin li,
.calendar-view--block .table-footer--slim ul.button-list.no-right-margin li,
.calendar-view--block .table-footer ul.no-right-margin.button-list--stacked li,
.calendar-view--block .table-footer--slim ul.no-right-margin.button-list--stacked li {
  margin-right: 7px;
  margin-left: 0;
  margin-top: 7px;
}

.calendar-view--block .table-footer ul.button-list.no-right-margin li:last-child,
.calendar-view--block .table-footer--slim ul.button-list.no-right-margin li:last-child,
.calendar-view--block .table-footer ul.no-right-margin.button-list--stacked li:last-child,
.calendar-view--block .table-footer--slim ul.no-right-margin.button-list--stacked li:last-child {
  margin-right: 0;
}

.calendar-view--block .table-footer ul.button-list.no-left-margin,
.calendar-view--block .table-footer--slim ul.button-list.no-left-margin,
.calendar-view--block .table-footer ul.no-left-margin.button-list--stacked,
.calendar-view--block .table-footer--slim ul.no-left-margin.button-list--stacked {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 7px;
}

.calendar-view--block .table-footer ul.button-list.no-left-margin li,
.calendar-view--block .table-footer--slim ul.button-list.no-left-margin li,
.calendar-view--block .table-footer ul.no-left-margin.button-list--stacked li,
.calendar-view--block .table-footer--slim ul.no-left-margin.button-list--stacked li {
  margin-top: 7px;
}

.calendar-view--block .table-footer ul.button-list.no-left-margin li:first-child,
.calendar-view--block .table-footer--slim ul.button-list.no-left-margin li:first-child,
.calendar-view--block .table-footer ul.no-left-margin.button-list--stacked li:first-child,
.calendar-view--block .table-footer--slim ul.no-left-margin.button-list--stacked li:first-child {
  margin-left: 0;
}

.calendar-view {
  width: 100%;
  border: 1px solid #dedede;
  border-top-width: 0px;
  border-bottom-width: 0px;
  overflow-y: auto;
  display: block;
  background: #fff;
}

.calendar-view .calendar-view__head {
  display: block;
  text-align: center;
  margin-bottom: 0;
}

.calendar-view .calendar-view__head h2 {
  display: inline-block;
  margin: 0 16px;
  font-weight: 700;
  font-size: 24px;
  line-height: 21px;
  height: 24px;
}

.calendar-view .calendar-view__head ul.button-list,
.calendar-view .calendar-view__head ul.button-list--stacked {
  height: 55px;
  padding: 10px;
}

.calendar-view .calendar-view__head ul.button-list li,
.calendar-view .calendar-view__head ul.button-list--stacked li {
  margin: 0;
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.calendar-view .calendar-view__head ul.button-list li.has-padding-top-7px,
.calendar-view .calendar-view__head ul.button-list--stacked li.has-padding-top-7px {
  padding-top: 7px;
}

.calendar-view .calendar-view__body {
  display: block;
  padding: 0 12px 12px;
}

.calendar-view .calendar-view__body .calendar-view__month {
  width: 100%;
  display: block;
  height: 1.8em;
  border-right: 1px solid #dedede;
}

.calendar-view .calendar-view__body .calendar-view__month.has-top-border {
  border-top: 1px solid #dedede;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  height: 20px;
}

.calendar-view .calendar-view__body .calendar-view__month.has-bottom-border {
  border-bottom: 1px solid #dedede;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__month__name {
  display: inline-block;
  margin: 0;
  width: 40px;
  text-transform: uppercase;
  border: 1px solid #dedede;
  border-top-width: 0;
  background: #fafafa;
  text-align: center;
  font-size: 14px;
  height: 1.9em;
  padding-top: 6px;
  white-space: nowrap;
  overflow: hidden;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__month__name.weeknames {
  height: 1.6em;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__month__name.top-row {
  margin-bottom: -5px;
  height: 1.8em;
  border-bottom-width: 0;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days {
  display: inline-block;
  width: calc(100% - 40px);
  padding: 2px 5px 0 7px;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day {
  display: inline-block;
  width: 2.8%;
  height: 22px;
  line-height: 1.5em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-size: 11px;
  border: 1px solid #dedede;
  margin: 0 0 0 -1px;
  text-align: center;
  background: transparent;
  outline: none;
  padding: 0;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.weekend {
  background: #dedede;
  border-color: #dedede;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty) {
  box-sizing: border-box;
  line-height: 1.7em;
  cursor: pointer;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty) > div {
  width: 100%;
  height: 100%;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty) > div .button__gradient {
  height: 100%;
  width: 100%;
  border: 1px solid transparent;
  border-right-width: 2px;
  position: relative;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty) > div .button__gradient:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-left: 6px solid transparent;
  width: 0;
  visibility: hidden;
  border-top: 6px solid #1fb0ed;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):hover,
.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened):focus {
  border-color: #1fb0ed;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):hover > div .button__gradient,
.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened):focus > div .button__gradient {
  border-color: #1fb0ed;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):hover > div .button__gradient:before,
.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened):focus > div .button__gradient:before {
  visibility: visible;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened).selected,
.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened):active {
  border-color: #00cfa4;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened).selected > div .button__gradient,
.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened):active > div .button__gradient {
  border-color: #00cfa4;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened).selected > div .button__gradient:before,
.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day:not(.dayname):not(.empty):not(.daytype--opened):active > div .button__gradient:before {
  border-top-color: #00cfa4;
  visibility: visible;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--1 {
  background: #CF0066;
  color: #fff;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--1:not(.selected) {
  border-color: #CF0066;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--2 {
  background: #0092CF;
  color: #fff;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--2:not(.selected) {
  border-color: #0092CF;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--3 {
  background: #cfc000;
  color: #fff;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--3:not(.selected) {
  border-color: #cfc000;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--forward {
  background: #1fb0ed;
  color: #fff;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--forward:not(.selected) {
  border-color: #1fb0ed;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--backward {
  background: #00cfa4;
  color: #fff;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--backward:not(.selected) {
  border-color: #00cfa4;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days .calendar-view__day.daytype--opened {
  background: #ffffcc;
  color: black;
  border-color: #dedede !important;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days.weeknames {
  margin-left: 0;
  text-transform: uppercase;
  font-size: 14px;
  vertical-align: top;
  color: #a5a5a5;
  width: calc(100% - 44px);
  padding: 0 5px 0;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days.weeknames .calendar-view__day {
  border-width: 0;
  font-size: 14px;
  height: 1.4em;
  line-height: 1.3em;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days.weeknames .calendar-view__day.weekend {
  background: #929292;
  color: #fff;
  border-top: 1px solid #fff;
  padding-top: 1px;
}

.calendar-view .calendar-view__body .calendar-view__month .calendar-view__days.weeknames .calendar-view__day:not(.weekend) {
  padding-top: 2px;
}

ul.calendar-view__list {
  margin-top: 16px;
  list-style: none;
  margin-left: 12px;
}

ul.calendar-view__list li {
  margin-right: 23px;
  display: inline-block;
  font-size: 13px;
  font-weight: 200;
  color: black;
}

.list-calendar {
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #929292;
  display: inline-block;
  vertical-align: top;
  margin-right: 7px;
}

.list-calendar:before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin-left: 3px;
  margin-top: 3px;
}

.list-calendar.calendar-holiday:before {
  background: #cfc000;
}

.list-calendar.calendar-special1:before {
  background: #CF0066;
}

.list-calendar.calendar-special2:before {
  background: #0092CF;
}

.list-calendar.calendar-dstbackward {
  border-color: #00cfa4;
}

.list-calendar.calendar-dstbackward:before {
  background: #00cfa4;
}

.list-calendar.calendar-dstforward {
  border-color: #1fb0ed;
}

.list-calendar.calendar-dstforward:before {
  background: #1fb0ed;
}

.calendar__dst {
  vertical-align: top;
}

.calendar__dst .calendar__dst__info span {
  margin-left: 23px;
  font-weight: 400;
}

.calendar__dst .calendar__dst__info span.no-data {
  color: #a5a5a5;
}

.calendar__dialog {
  width: 420px;
}

.calendar__dialog .calendar__same-as__selects {
  width: calc(100% + 32px);
  padding: 12px 12px 0;
  display: inline-block;
}

.calendar__dialog .calendar__same-as__selects .calendar-to-copy ~ .select2-container {
  width: 240px;
}

.calendar__dialog .calendar__same-as__selects .year-to-copy ~ .select2-container {
  width: 80px;
}

.calendar__dst-container {
  position: absolute;
  border: 2px solid black;
  border-radius: 3px;
  background: #fff;
  z-index: 1460;
  padding: 7px;
}

.calendar__dst-container .arrow {
  border-color: transparent;
  border-left-width: 12px;
  border-right-width: 12px;
  border-bottom-width: 12px;
  border-bottom-color: black;
  top: -15px;
  left: 113px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.calendar__dst-container.show-info {
  display: block;
}

.locker-status-icon {
  float: right;
  margin-top: -3px;
  margin-left: 2px;
  display: block;
}

.locker-status-label {
  display: block;
  float: left;
  margin-top: 1px;
  font-weight: 200;
}

.locker-options-detail-box .detail-box {
  height: 276px;
}

.audit-trail .table-container .table-cell-icon {
  width: 24px;
  display: inline-block;
}

.button-and-filters {
  display: table;
}

.button-and-filters .button--wrapper {
  display: table-cell;
  vertical-align: top;
}

.button-and-filters button {
  overflow: hidden;
  white-space: nowrap;
}

.button-and-filters applied-filters {
  display: table-cell;
  padding-left: 12px;
  position: relative;
  top: 1px;
}

.add-delete-row {
  height: 51px;
  padding: 8px;
  background-color: #f7f7f7;
  border-top: 1px solid #e6e6e6;
}

.add-delete-row.align-right {
  text-align: right;
}

.add-delete-row .button-list,
.add-delete-row .button-list--stacked {
  padding: 0;
}

.add-delete-row.fake {
  width: calc(100% + 32px);
  margin-left: -16px;
}

.advanced-filter-tree .detail-box__content {
  margin: 0;
  padding: 0;
}

.advanced-filter-tree .detail-box__content .fields {
  height: 170px;
  padding-top: 8px;
  margin: 0 !important;
  overflow: auto;
}

.advanced-filter-tree .detail-box__content .fields field.selected > div {
  background-color: #00cfa4;
}

.advanced-filter-tree .detail-box__content .fields field:not([class^=vs-repeat-]) {
  height: 24px;
}

.advanced-filter-tree .detail-box__content .fields field:not([class^=vs-repeat-]) > div {
  height: 24px;
}

.advanced-filter-tree .detail-box__content tree-children field {
  padding: 3px 3px 3px 13px;
}

.advanced-filter-tree .table-padding {
  padding: 16px 10px;
}

.advanced-filter-tree .tree-level-1,
.advanced-filter-tree .tree-level-2 {
  white-space: nowrap;
  display: inline-block;
  min-width: 100%;
}

.advanced-filter-tree .tree-level-1:hover,
.advanced-filter-tree .tree-level-2:hover {
  background: rgba(31, 176, 237, 0.75) !important;
}

.advanced-filter-tree .tree-level-1 {
  padding: 3px 3px 3px 8px;
}

.advanced-filter-tree .tree-level-2 {
  padding: 3px 3px 3px 50px;
}

.advanced-filter-tree .tree-grid-first-cell__toggle,
.advanced-filter-tree .tree-grid-first-cell__content {
  display: inline-block !important;
}

.advanced-filter-tree .icon {
  font-size: 16px;
}

.filter-partitions .detail-box__content {
  margin: 0;
  padding: 0;
}

.filter-partitions .fields {
  height: 235px;
  overflow: hidden;
  padding: 0 0 0 16px;
}

.filter-partitions .fields .partition-wrapper {
  padding: 15px 0 2px 0;
  height: 100%;
  width: 100%;
  overflow: auto;
}

.filter-partitions .fields field {
  display: block;
  margin-bottom: 8px !important;
}

.filter-partitions .fields field.field--indent {
  padding-left: 32px !important;
}

.filter-partitions .fields field label {
  white-space: nowrap;
}

.tabs .add-delete {
  height: 350px;
}

@media only screen and (min-height: 800px) and (min-width: 1224px) {
  .tabs .add-delete {
    height: 450px;
  }
}

.tabs .absolute-tab {
  position: absolute;
  top: 4px;
  left: 15px;
}

.advanced-filter-tree-size {
  width: 770px;
  height: 351px;
}

@media only screen and (min-width: 1224px) {
  .advanced-filter-tree-size {
    width: 982px;
  }
}

@media only screen and (min-height: 800px) and (min-width: 1224px) {
  .advanced-filter-tree-size {
    height: 451px;
  }
}

.any-item {
  font-style: italic;
  color: #999999;
}

.strike {
  text-decoration: line-through;
}

.ngdialog--when .ngdialog-content {
  width: 94%;
  min-width: 850px;
  max-width: 1030px;
}

.ngdialog--when .ngdialog__content {
  padding: 0 !important;
}

.ngdialog--when .table-wrapper {
  width: calc(100% - 300px);
  height: 450px;
  display: block;
  float: left;
}

.ngdialog--when .table-wrapper td {
  height: 50px;
}

.ngdialog--when .table-wrapper .button-round .icon-edit,
.ngdialog--when .table-wrapper .button-round .icon-delete {
  position: relative;
  top: -1px;
  left: -1px;
}

.ngdialog--when .side-form {
  display: inline-block;
  width: 300px;
  height: 450px;
  position: relative;
  z-index: 1;
  padding: 0 0 15px 15px;
  vertical-align: top;
  color: #fff;
  background-color: gray;
}

.ngdialog--when .side-form label {
  color: #fff;
}

.ngdialog--when .side-form .margin-small {
  margin-bottom: 10px;
}

.ngdialog--when .side-form .select2-container {
  color: #666666;
}

.ngdialog--when .side-form .from-to > input {
  vertical-align: top;
}

.ngdialog--when .side-form .from-to .inline-fullpicker {
  display: inline-block;
  margin-right: 5px;
}

.ngdialog--when .side-form .from-to .inline-fullpicker label {
  display: block;
  margin-bottom: 10px;
}

.ngdialog--when .side-form .weekday {
  margin: 10px 0;
}

.ngdialog--when .side-form .correct-fullpicker input {
  margin-left: 0 !important;
}

.ngdialog--when.ngdialog--when__basic-true .table-wrapper {
  width: calc(100% - 280px);
}

.ngdialog--when.ngdialog--when__basic-true .side-form {
  width: 280px;
}

.purge-dialog {
  width: 450px;
  padding: 15px 13px 15px 15px;
}

.purge-dialog .verify-button {
  position: relative;
  top: 2px;
}

.purge-dialog .grid {
  margin-left: 0;
}

.audit-trail-export-when .detail-box {
  margin-bottom: 0 !important;
}

.when-dialog-table td {
  border-bottom: 1px #cccccc solid;
}

.when-dialog-table tr:not(.selected):not(:hover) td {
  background-color: #fff !important;
}

.when-dialog-table th.buttons,
.when-dialog-table td.buttons {
  padding: 0 6px;
  width: 88px;
}

.when-dialog-table th.buttons button:not(:first-child),
.when-dialog-table td.buttons button:not(:first-child) {
  margin-left: 3px;
}

.fake-tabindex-button {
  opacity: 0;
  position: absolute;
  height: 0;
  width: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: none;
  cursor: inherit;
}

audit-trail-advanced-filter select[select2] {
  width: 0 !important;
}

audit-trail-advanced-filter detail-box .fields .field {
  max-width: calc(100% - 1px);
}

.select2-selection__rendered .audit-trail-combo-group {
  display: none;
}

.select2-results__option .audit-trail-combo-row {
  display: none;
}

.select2-results__option[role="group"] > ul .audit-trail-combo-group {
  display: none;
}

.select2-results__option[role="group"] > ul .audit-trail-combo-row {
  display: inline-block;
}

.fake-icon {
  width: 16px;
  display: inline-block;
}

.table-config-wrapper {
  position: absolute;
  top: 6px;
  right: 16px;
  padding: 6px;
  border-radius: 6px;
  line-height: 0;
  cursor: pointer;
}

.table-config-wrapper span {
  margin: 0 !important;
  font-size: 2em;
  cursor: pointer;
}

.table-config-wrapper:hover {
  background-color: #cccccc;
}

.table-config-wrapper:hover span {
  color: #4d4d4d;
}

sam-and-issuing form {
  height: 100%;
}

sam-and-issuing .field--xs {
  width: 60px !important;
}

sam-and-issuing .field--s {
  width: 80px !important;
}

sam-and-issuing .content__body {
  height: calc(100% - 56px - 44px);
  padding: 0 1px 2px 4px !important;
  overflow: hidden !important;
}

sam-and-issuing .field__label--radiocheck {
  white-space: normal;
}

sam-and-issuing .field--inline {
  width: 100%;
}

sam-and-issuing .fields.no-read-key label {
  text-align: right;
  min-width: 80px;
  padding-right: 8px;
}

sam-and-issuing .fields.no-read-key .warning-label-border {
  min-width: 130px;
  text-align: left;
}

.technologies,
.key-properties {
  height: 100%;
  overflow: auto;
  display: inline-block;
  vertical-align: top;
}

.technologies {
  background-color: #e6e6e6;
  border: 4px solid #e6e6e6;
  border-width: 2px 3px 4px 2px;
  width: 250px;
}

.technologies.has-scrollbar {
  padding-right: 4px;
  border-right-width: 4px;
}

.technologies .after-key-separator {
  height: 20px;
  visibility: hidden;
}

.technologies .technologies-inner {
  background-color: #f2f2f2;
  padding: 14px;
  box-shadow: inset 0 0 5px 0 #d9d9d9;
  min-height: 100%;
  overflow: visible;
}

.technologies h3 {
  font-size: 105%;
  font-weight: 600;
}

.technologies .sam-and-issuing--description,
.technologies .active-technologies,
.technologies .inactive-technologies {
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  padding: 8px 12px 10px 12px;
}

.technologies .sam-and-issuing--description {
  margin-bottom: 16px;
}

.technologies .sam-and-issuing--description h3 {
  margin: 0 0 4px 0;
}

.technologies .active-technologies,
.technologies .inactive-technologies {
  box-shadow: 0 3px 4px 0 #d9d9d9;
}

.technologies .active-technologies h3,
.technologies .inactive-technologies h3 {
  text-transform: uppercase;
  margin: 0 0 10px 0;
}

.technologies .active-technologies ul,
.technologies .inactive-technologies ul {
  margin: 0;
  padding: 0;
}

.technologies .active-technologies ul li,
.technologies .inactive-technologies ul li {
  position: relative;
  padding: 10px 8px;
  margin-bottom: 2px;
  background-color: #e6e6e6;
  text-decoration: none;
  list-style-type: none;
  font-size: 14px;
  cursor: default;
}

.technologies .active-technologies ul li.selectable,
.technologies .inactive-technologies ul li.selectable {
  cursor: pointer;
}

.technologies .active-technologies ul li.selected,
.technologies .inactive-technologies ul li.selected {
  background-color: #00cfa4;
  color: #fff;
}

.technologies .active-technologies ul li.selected button,
.technologies .inactive-technologies ul li.selected button {
  color: #fff;
}

.technologies .active-technologies ul li.selected button:focus,
.technologies .inactive-technologies ul li.selected button:focus {
  color: #1dffd0;
}

.technologies .active-technologies ul li:not(.selected):hover,
.technologies .inactive-technologies ul li:not(.selected):hover {
  background-color: #1fb0ed;
}

.technologies .active-technologies ul li input,
.technologies .inactive-technologies ul li input {
  margin-right: 5px;
}

.technologies .active-technologies ul li button,
.technologies .inactive-technologies ul li button {
  float: right;
  margin: 0;
  padding: 0;
  background: none;
  color: #666666;
  border: none;
}

.technologies .active-technologies ul li button:focus,
.technologies .inactive-technologies ul li button:focus {
  outline: none;
  color: #999999;
}

.technologies .active-technologies ul li .icon-edit,
.technologies .inactive-technologies ul li .icon-edit {
  float: right;
  font-size: 16px;
  margin-right: 1px;
  cursor: pointer;
}

.technologies .active-technologies ul li .icon-error,
.technologies .inactive-technologies ul li .icon-error {
  position: absolute;
  top: 10px;
  right: 34px;
  color: #cc0000;
  font-size: 16px;
  cursor: pointer;
}

.technologies .active-technologies {
  margin-bottom: 16px;
}

.sam-keys-container {
  margin: 0 32px !important;
  text-align: center;
}

.sam-keys-container .sam-key {
  background-color: #e6e6e6;
  margin: 1px !important;
  padding: 8px !important;
}

.key-properties {
  width: calc(100% - 250px - 4px);
  padding: 20px 20px 0 20px;
}

.key-properties h1 {
  font-weight: 800;
  margin: 0;
}

.key-properties h2 {
  font-weight: 200;
  margin: 16px 0 10px 0;
}

.key-properties hr {
  border: none;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 20px;
}

.key-properties .no-side-margin .detail-box .detail-box__content {
  margin: 15px 0 0 0;
}

.key-properties .extra-padding-top {
  padding-top: 8px;
}

.key-properties .key-and-confirm {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}

.key-properties .key-and-confirm.side-by-side {
  width: 49.5%;
  max-width: 400px;
  padding: 0 5px 0 5px;
  /*label {
                width: calc(100% - 225px - 20px);
            }*/
  /*input {
                width: $field-l-size !important;
            }

            input[type=password]:not(.no-button) {
                width: calc(225px - 43px) !important;
            }*/
}

.key-properties .key-and-confirm.side-by-side .grid {
  margin: 0;
  padding: 0;
}

.key-properties .key-and-confirm label {
  font-size: 16px;
}

.key-properties .space-below .key-inputs {
  margin-bottom: 16px;
}

.key-properties .separate-labels-inputs {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  position: relative;
  min-width: 0;
}

.key-properties .separate-labels-inputs .key-inputs {
  min-width: 220px;
}

.key-properties .separate-labels {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 0;
  padding-left: 10px;
}

.key-properties .separate-labels label {
  padding-top: 8px;
  text-align: right;
  height: 26px;
}

.key-properties .separate-labels .field {
  display: block;
  margin-bottom: 24px;
  padding-left: 5px;
}

.key-properties .separate-labels .floating-label {
  position: absolute;
}

.key-properties .separate-labels .floating-label label {
  padding-top: 1px;
}

.key-properties .field--radiocheck:not(.default-padding) {
  margin-bottom: 10px !important;
}

.key-properties .field.visibility-hidden {
  visibility: hidden;
  height: 26px;
}

.key-properties .separate-inputs {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.key-properties .separate-inputs.same-flex-basis {
  flex-basis: 1px;
}

.key-properties .separate-inputs .field {
  padding-left: 5px;
  display: block;
  width: auto;
}

.key-properties .separate-inputs .key-inputs {
  margin-left: 5px !important;
}

.key-properties .separate-inputs .key-inputs .confirmation-input {
  margin-top: 16px !important;
}

.key-properties .sam-data .key-and-confirm {
  margin-bottom: 10px;
}

.key-properties .sam-data key-and-confirm-key:first-of-type .fields {
  margin-bottom: 25px;
}

.key-properties .absolute-tab:not(.visibility-hidden) {
  position: static;
}

.key-properties .space-right {
  margin-right: 9px;
}

.key-properties mifare key-and-confirm-key label {
  font-size: 16px;
  text-align: right;
}

.key-properties mifare key-and-confirm-key label.no-break {
  max-width: calc(100% - 20px);
  white-space: normal;
}

.key-properties mifare key-and-confirm-key .fields {
  text-align: left;
  margin-bottom: 12px;
}

.key-properties mifare key-and-confirm-key .fields .field {
  height: 34px;
  max-width: none;
}

.key-properties mifare key-and-confirm-key .fields .field:nth-child(2) {
  margin-bottom: 23px;
}

.key-properties mifare key-and-confirm-key .grid__item {
  width: 67%;
}

.key-properties mifare key-and-confirm-key button {
  margin: 0;
  position: relative;
  z-index: 1;
  /*top: 1px;*/
}

.key-properties mifare key-and-confirm-key input {
  margin-right: 4px;
}

.key-properties mifare key-and-confirm-key .key-defined-input {
  width: calc(100% - 43px) !important;
}

.key-properties mifare .inside-tab {
  padding: 6px;
}

.key-properties mifare .inside-tab field.top {
  vertical-align: top;
}

.key-properties mifare .inside-tab .memory-footer {
  padding: 12px 12px 8px 12px;
  background-color: #f7f7f7;
  border-top: 1px solid #e6e6e6;
  text-transform: uppercase;
}

.key-properties mifare .inside-tab .memory-footer p {
  font-size: 15px;
  margin: 0;
  font-weight: 400;
}

.key-properties mifare .inside-tab .memory-footer h2 {
  font-size: 30px;
  margin: 0;
}

.key-properties mifare .inside-tab .fake-padding {
  padding: 15px;
}

.key-properties mifare .inside-tab .big-memory-cells table,
.key-properties mifare .inside-tab .memory-cells table {
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 6px;
}

.key-properties mifare .inside-tab .big-memory-cells table:focus,
.key-properties mifare .inside-tab .memory-cells table:focus {
  outline: none;
}

.key-properties mifare .inside-tab .big-memory-cells tr td:first-child .cell.selected,
.key-properties mifare .inside-tab .big-memory-cells tr td:first-child:hover .cell:not(.unselectable),
.key-properties mifare .inside-tab .big-memory-cells tr td:last-child .cell.selected,
.key-properties mifare .inside-tab .big-memory-cells tr td:last-child:hover .cell:not(.unselectable),
.key-properties mifare .inside-tab .memory-cells tr td:first-child .cell.selected,
.key-properties mifare .inside-tab .memory-cells tr td:first-child:hover .cell:not(.unselectable),
.key-properties mifare .inside-tab .memory-cells tr td:last-child .cell.selected,
.key-properties mifare .inside-tab .memory-cells tr td:last-child:hover .cell:not(.unselectable) {
  border-radius: 0;
}

.key-properties mifare .inside-tab .big-memory-cells tr td:last-child .cell,
.key-properties mifare .inside-tab .memory-cells tr td:last-child .cell {
  border-right: 1px solid #e6e6e6;
}

.key-properties mifare .inside-tab .big-memory-cells td,
.key-properties mifare .inside-tab .memory-cells td {
  padding: 0;
}

.key-properties mifare .inside-tab .big-memory-cells td:hover .cell:not(.selected):not(.unselectable),
.key-properties mifare .inside-tab .memory-cells td:hover .cell:not(.selected):not(.unselectable) {
  background-color: #1fb0ed;
  border-color: #1a8ccd;
  border-right: 1px solid #1a8ccd !important;
  color: #fff;
}

.key-properties mifare .inside-tab .big-memory-cells td:hover .cell:not(.selected):not(.unselectable) + .border,
.key-properties mifare .inside-tab .memory-cells td:hover .cell:not(.selected):not(.unselectable) + .border {
  background-color: #1a8ccd;
}

.key-properties mifare .inside-tab .big-memory-cells .cell,
.key-properties mifare .inside-tab .memory-cells .cell {
  border: 1px solid #e6e6e6;
  border-right: none;
  font-weight: 600;
  color: #cccccc;
  text-align: center;
  cursor: pointer;
}

.key-properties mifare .inside-tab .big-memory-cells .cell.focused,
.key-properties mifare .inside-tab .memory-cells .cell.focused {
  background-color: #8fd8f6;
  color: #fff !important;
}

.key-properties mifare .inside-tab .big-memory-cells .cell.selected,
.key-properties mifare .inside-tab .memory-cells .cell.selected {
  background-color: #00cfa4 !important;
  border-color: #008469 !important;
  border-right: 1px solid #008469 !important;
  color: #fff !important;
}

.key-properties mifare .inside-tab .big-memory-cells .cell.selected.focused,
.key-properties mifare .inside-tab .memory-cells .cell.selected.focused {
  background-color: #10c0c9 !important;
}

.key-properties mifare .inside-tab .big-memory-cells .cell.selected + .border,
.key-properties mifare .inside-tab .memory-cells .cell.selected + .border {
  background-color: #008469;
}

.key-properties mifare .inside-tab .big-memory-cells .cell.unselectable,
.key-properties mifare .inside-tab .memory-cells .cell.unselectable {
  background-color: #e6e6e6;
  color: #cccccc;
  cursor: default;
  border-right: 1px #e6e6e6 solid;
  padding-left: 1px;
}

.key-properties mifare .inside-tab .memory-cells.no-border-radius .cell {
  border-radius: 0 !important;
}

.key-properties mifare .inside-tab .memory-cells td:first-child .cell {
  border-radius: 4px 0 0 4px;
}

.key-properties mifare .inside-tab .memory-cells td:last-child .cell {
  border-radius: 0 4px 4px 0;
}

.key-properties mifare .inside-tab .memory-cells table:first-child {
  margin-top: 12px;
}

.key-properties mifare .inside-tab .memory-cells td {
  width: 25px;
  height: 43px;
}

.key-properties mifare .inside-tab .memory-cells .border {
  height: 3px;
  position: relative;
  top: -2px;
}

.key-properties mifare .inside-tab .memory-cells .cell {
  padding-top: 10px;
  font-size: 11px;
  height: 34px;
}

.key-properties mifare .inside-tab .big-memory-cells {
  padding-left: 16px;
}

.key-properties mifare .inside-tab .big-memory-cells table {
  margin: 6px 0 0 0;
}

.key-properties mifare .inside-tab .big-memory-cells td {
  width: 81px;
  height: 81px;
  position: relative;
}

.key-properties mifare .inside-tab .big-memory-cells tr:nth-child(1) td:not(:hover) .cell:not(.selected) {
  border-bottom: none;
}

.key-properties mifare .inside-tab .big-memory-cells .border {
  position: absolute;
  height: 5px;
  bottom: 0;
  width: 81px;
  visibility: hidden;
}

.key-properties mifare .inside-tab .big-memory-cells .cell.selected + .border,
.key-properties mifare .inside-tab .big-memory-cells td:hover > .border {
  visibility: inherit;
}

.key-properties mifare .inside-tab .big-memory-cells .cell {
  font-size: 24px;
  padding-top: 24px;
  height: 81px;
  border-radius: 0 !important;
}

.key-properties .hidSeos .keys {
  width: 430px;
}

.small-label-with-padding {
  height: 34px;
  padding-top: 7px;
}

.small-label-with-padding.vertical-align-top {
  vertical-align: top !important;
}

.key-length {
  width: 49.5%;
}

.separate-labels-inputs {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.desfire-custom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.desfire-issuing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.desfire-custom label,
.desfire-issuing label,
.desfire-aid label {
  text-align: right;
}

desfire .ctrl,
hid-iclass .ctrl {
  margin-left: 5px;
}

desfire .ctrl.extra-margin-left,
hid-iclass .ctrl.extra-margin-left {
  margin-left: 8px;
}

.desfire-issuing key-and-confirm-key .fields {
  margin: 0 0 23px 0;
}

.desfire-issuing .fixed-labels label:not(.field__label--radiocheck),
hid-iclass .fixed-labels label:not(.field__label--radiocheck) {
  width: 135px !important;
  text-align: right;
}

.desfire-issuing .fields-fake-table,
hid-iclass .fields-fake-table {
  display: table;
}

.desfire-issuing .fields-fake-table .field,
hid-iclass .fields-fake-table .field {
  display: table-row;
}

.desfire-issuing .fields-fake-table label,
hid-iclass .fields-fake-table label {
  display: table-cell !important;
  padding-bottom: 16px;
}

.desfire-issuing .fields-fake-table .ctrl,
hid-iclass .fields-fake-table .ctrl {
  padding-bottom: 16px;
}

.legic-sam-wrapper {
  display: table-row;
}

.legic-sam-wrapper .stamp,
.legic-sam-wrapper .initial-segment {
  display: table-cell;
}

.legic-sam-wrapper .stamp .fields,
.legic-sam-wrapper .initial-segment .fields {
  display: table;
}

.legic-sam-wrapper .stamp .fields .field,
.legic-sam-wrapper .initial-segment .fields .field {
  display: table-row;
}

.legic-sam-wrapper .stamp .fields .ctrl,
.legic-sam-wrapper .initial-segment .fields .ctrl {
  padding: 8px 0;
}

.legic-sam-wrapper .stamp .fields .spinner-wrapper,
.legic-sam-wrapper .initial-segment .fields .spinner-wrapper {
  padding: 0 0 0 15px;
}

.legic-sam-wrapper .stamp .fields label,
.legic-sam-wrapper .initial-segment .fields label {
  padding: 0 14px;
}

.legic-sam-wrapper .stamp .fields .small-label-with-padding,
.legic-sam-wrapper .initial-segment .fields .small-label-with-padding {
  white-space: nowrap;
}

.legic-sam-wrapper .stamp .fields .small-label-with-padding .ctrl,
.legic-sam-wrapper .initial-segment .fields .small-label-with-padding .ctrl {
  margin-top: 1px;
  padding-left: 35px;
  width: 50px;
}

.legic-sam-wrapper .stamp .fields .small-label-with-padding label,
.legic-sam-wrapper .initial-segment .fields .small-label-with-padding label {
  margin-top: 10px;
  padding: 0 0 0 3px;
  white-space: nowrap;
}

.legic-sam-wrapper .stamp .ctrl {
  width: calc(100% - 39px);
}

.legic-sam-wrapper .stamp .ctrl input[type=text],
.legic-sam-wrapper .stamp .ctrl .tagged-input {
  width: 100%;
  min-width: 215px;
}

.legic-sam-wrapper .initial-segment > label {
  padding-left: 15px;
}

.legic-issuing-wrapper label {
  height: 26px;
  padding: 0 14px 0 0;
}

.legic-issuing-wrapper .separate-labels-inputs {
  vertical-align: top;
}

.hid-iclass-sam > * {
  display: inline-block;
  vertical-align: top;
}

.hid-iclass-sam .field {
  display: block !important;
}

.hid-iclass-sam .field.hide {
  height: 0;
  margin: 0;
  visibility: hidden;
  overflow: hidden;
}

.hid-iclass-sam label {
  text-align: right;
}

.hid-iclass-sam .labels label {
  padding-top: 16px;
}

.hid-iclass-sam .labels .field:first-child label {
  padding-top: 8px;
}

.hid-iclass-sam .key-and-confirm-key-container {
  width: 190px;
}

.hid-iclass-sam .key-inputs {
  margin-left: 0 !important;
}

.hid-iclass-sam .key-inputs input:nth-child(3) {
  margin-top: 16px !important;
}

.mifare-detail-box-not-init .detail-box {
  height: 157px !important;
  overflow: hidden;
}

.mifare-detail-box-not-init .detail-box__content {
  height: 104px !important;
  overflow: hidden;
}

.memory-wrapper .detail-box {
  height: auto !important;
}

.no-key-read-margin {
  margin-bottom: 4px;
}

img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

img-crop canvas {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* mobile webkit */
}

img-crop .loading {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 800;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  color: white;
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
}

.crop-image-loading {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAACGVBMVEVHcEx/f3+MjIwzMzP///+rq6vT09P///+Ojo6qqqpoaGgnJycoKChCQkJ4eHiEhIQkJCRbW1umpqZ5eXlVVVWdnZ2enp4oKChVVVV8fHyXl5dtbW11dXWBgYFgYGChoaGYmJj///+tra24uLjU1NQ+Pj58fHyVlZWmpqZeXl5HR0eWlpaYmJg8PDysrKzX19erq6uioqLS0tLQ0NAlJSXU1NRsbGw4ODiqqqqtra2EhISFhYWAgIBra2u/v7+3t7eqqqpubm6UlJS2traGhoY/Pz9PT0+tra2kpKTJycm2trbQ0NCTk5PLy8vPz8/MzMy8vLzDw8OYmJiwsLCoqKimpqahoaG+vr7Hx8etra2goKCcnJyZmZm4uLiwsLCwsLC6urqjo6Orq6ujo6NgYGAVFRUnJydEREQ0NDRHR0cXFxdXV1cuLi4WFhYUFBQ/Pz9BQUFWVlZJSUlISEg9PT1LS0twcHAYGBghISFnZ2cfHx8REREdHR0aGhogICBvb28sLCyBgYEyMjKQkJCAgIAZGRkTExNbW1tKSkoSEhJVVVU7OztRUVFfX18+Pj5YWFhjY2McHBweHh5lZWV6eno8PDx4eHhSUlJFRUVqampGRkZzc3NiYmJ1dXUMDAxTU1MICAhmZmYQEBAjIyMmJiYpKSkzMzMqKip5eXlycnKXl5eKioqWlpaHh4eDg4OIiIicnJyenp6Ojo5XMjiPAAAAZHRSTlMA7LDOAjEdAdoD2s7O1oHawtqB2gOFqfbPw63aqa/DjpMDgUwM8fHEkPHxrcLxiw2AOhcL8RL68glYMhe6sARPBvHCB7Tx8TXKOYoh+jsQPIJWpA2UK/1/Sb/w7/Kbz8qJ/NjiQluoGwAAAS9JREFUKM9jYAADaysbM3OTcgEGdGBhaDt/0YLq1DYeDCmNhTXzamtT81K50WUUMqvLq2qycnNbmdFk9Eo7J9VlVYnzcjEyocrYV2ZVpOWlSfBh2OPssmRx2sQMGREMGQbW7LqGihxZBizAaXlTTo4cNhkGx6XLGgpEsUq5NWVkCGKVYXAtmdotjF1Kt6+kgAO7lGp+fjoOKa0ZRR382KU0MzOLpbFLqaUXzUoRwiqlk146PVsSqxTrzOL+7BQpbFKc2oWFve31YpxY5JQbe1IqJ09Rt4Rw2ZHllMq6Jsye2+Lj4eXLZqrCgiInP21O2YrGtavC4gI8jVhQzTRoXlm/bvWajUmxgd7G7ECAkHJwD2puWb9pQ2J8uD+bviKKkQzBoSHJMdFRkQkRfnYwMQAZnVEixtyHzQAAAABJRU5ErkJggg==);
  /* @meta {"sprite": {"skip": true}} */
  background-position: center;
  background-repeat: no-repeat;
}

.system-resources__container--graph {
  display: inline-block;
  vertical-align: top;
  width: 275px;
  margin-right: 20px;
  overflow: visible;
  white-space: nowrap;
}

.system-resources__container--graph .system-resources__title {
  text-transform: uppercase;
  text-align: left;
  font-weight: 200;
  font-size: 20px;
  margin: 4px 0 25px;
  white-space: normal;
}

.system-resources__container--graph .system-resources__legends {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0 0 3px;
  vertical-align: bottom;
  white-space: normal;
  width: 193px;
}

.system-resources__container--graph .system-resources__legends li {
  margin-top: 10px;
  text-transform: uppercase;
  padding-left: 25px;
}

.system-resources__container--graph .system-resources__legends li:before {
  content: '';
  width: 16px;
  height: 16px;
  display: inline-block;
  background: transparent;
  margin-right: 5px;
  margin-bottom: -2px;
  margin-left: -25px;
}

.system-resources__container--graph .system-resources__legends li.system-resources__legend--free:before {
  background: #90cc00;
}

.system-resources__container--graph .system-resources__legends li.system-resources__legend--blacklisted:before {
  background: #cc0000;
}

.system-resources__container--graph .system-resources__legends li.system-resources__legend--occupied:before {
  background: #666666;
}

.system-resources__container--graph .system-resources__legends li.system-resources__legend--being-recovered:before {
  background: #baa63f;
}

.system-resources__container--graph .system-resources__legends li .legend__container {
  display: inline-block;
}

.system-resources__container--graph .system-resources__graph {
  display: inline-block;
  width: 80px;
  height: 265px;
  margin-right: 12px;
  vertical-align: bottom;
  overflow: hidden;
}

.system-resources__container--graph .system-resources__graph .graph__portion {
  width: 100%;
  display: block;
  box-sizing: border-box;
}

.system-resources__container--graph .system-resources__graph .graph__portion.free {
  background: #90cc00;
}

.system-resources__container--graph .system-resources__graph .graph__portion.blacklisted {
  background: #cc0000;
}

.system-resources__container--graph .system-resources__graph .graph__portion.ocuppied {
  background: #666666;
}

.system-resources__container--graph .system-resources__graph .graph__portion.being-recovered {
  background: #baa63f;
}

.system-resources__container--graph .system-resources__total {
  display: block;
  margin: 14px auto 0;
  border-top: 1px solid #e9e9e9;
  text-transform: uppercase;
  text-align: center;
  padding-top: 7px;
  font-size: 22px;
  padding-left: 28px;
}

.system-resources__container--graph .legend__data {
  font-weight: 900;
}

.system-resources__container--status {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 300px);
  min-height: 366px;
}

.system-resources__container--status detail-box {
  height: 100%;
}

.system-resources__container--status detail-box .detail-box__title {
  text-align: center;
}

.system-resources__container--status detail-box .detail-box {
  height: 100%;
  margin-bottom: 0;
}

.system-resources__container--status detail-box .detail-box .detail-box__content {
  min-height: 313px;
}

.system-resources__container--status .system-resources__status-label {
  display: inline-block;
  text-align: left;
  font-size: 21px;
  padding: 5px 18px;
  background: #cccccc;
  border-radius: 3px;
  color: white;
  font-weight: 800;
}

.system-resources__container--status .system-resources__status-label.status--1 {
  background: #90cc00;
}

.system-resources__container--status .system-resources__status-label.status--0 {
  background: black;
}

.system-resources__container--status .system-resources__status-number {
  font-size: 46px;
  font-weight: 900;
  vertical-align: top;
  margin: 0 5px;
  padding: 0;
  line-height: 1em;
  color: #999999;
  display: table-cell;
}

.system-resources__container--status .system-resources__status-text {
  font-size: 18px;
  color: #999999;
  vertical-align: middle;
  padding-left: 6px;
  max-width: calc(100% - 60px);
  display: inline-block;
  text-align: left;
  display: table-cell;
}

.system-resources__container--status .system-resources__steps {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #e6e6e6;
  width: 97%;
  margin-top: 20px;
  margin-left: calc(8px + 1.5%);
  overflow: hidden;
  padding: 40px 10px 5px;
}

.system-resources__container--status .system-resources__steps.margin-top-13 {
  margin-top: 13px;
}

.system-resources__container--status .system-resources__steps .system-resources__steps__title {
  position: absolute;
  width: 150px;
  height: 75px;
  border-radius: 50%;
  top: -43px;
  left: 50%;
  transform: translateX(-50%);
  background: #f2f2f2;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom-right-radius: 50%;
  padding-top: 50px;
}

.system-resources__container--status .system-resources__steps .system-resources__step {
  vertical-align: top;
  width: 50%;
  display: inline-block;
  padding: 0 10px 15px 20px;
}

.system-resources__container--status .system-resources__steps .system-resources__step:not(:last-of-type) {
  border-right: 1px solid #e6e6e6;
}

.system-resources__container--status .system-resources__steps .system-resources__step.step-active .system-resources__step__icon {
  color: #90cc00;
}

.system-resources__container--status .system-resources__steps .system-resources__step.step-disabled .system-resources__step__icon {
  color: #e6e6e6;
}

.system-resources__container--status .system-resources__steps .system-resources__step.step-disabled .system-resources__step__list {
  color: #e6e6e6;
}

.system-resources__container--status .system-resources__steps .system-resources__step .system-resources__step__icon {
  display: inline-block;
  font-size: 33px;
  vertical-align: top;
  color: #cccccc;
}

.system-resources__container--status .system-resources__steps .system-resources__step .system-resources__step__list--container {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-flex-line-pack: space-between;
  align-content: space-between;
  height: 100%;
  width: calc(100% - 38px);
}

.system-resources__container--status .system-resources__steps .system-resources__step .system-resources__step__list {
  list-style: none;
  font-size: 16px;
  color: #999999;
  vertical-align: top;
  padding: 0 0 0 5px;
  margin: 0;
}

.system-resources__container--status .system-resources__steps .system-resources__step .system-resources__step__list li.step-title {
  font-size: 20px;
}

.system-resources__container--status .system-resources__steps .system-resources__step .system-resources__step__list li.step-title .step-title--text {
  font-weight: 600;
}

.system-resources__container--status .system-resources__steps .system-resources__step .system-resources__step__list li.step-title div {
  display: inline;
  vertical-align: top;
}

.system-resources__container--status .system-resources__steps .system-resources__step .system-resources__step__list li.step-title div.step-title--phase {
  max-width: 30%;
}

.system-resources__container--status .system-resources__steps .system-resources__step .system-resources__step__list li.step-title div.step-title--text {
  max-width: 70%;
}

.system-resources__container--status .system-resources__steps .system-resources__step .system-resources__step__list li.step-number {
  font-size: 35px;
  font-weight: 900;
}

.system-resources__container--status .system-resources__steps .system-resources__step .system-resources__step__list li .inline-data {
  width: 47%;
  display: inline-block;
}

.system-resources__container--status .system-resources__steps .system-resources__step .system-resources__step__list li .inline-data.has-left-padding {
  padding-left: 7px;
}

.system-resources__container--status .system-resources__steps.system-resources__status-info {
  padding: 15px 15px 0;
  text-align: center;
  margin-top: 19px;
  color: #999999;
  font-size: 16px;
  display: block;
}

.system-resources__container--status .system-resources__steps.system-resources__status-info .status-info__data {
  white-space: nowrap;
  display: inline-block;
  margin-right: 5px;
}

.system-resources__container--status .system-resources__steps.system-resources__status-info .status-info__data .status-info__title {
  text-transform: uppercase;
  font-weight: 800;
}

.system-resources__container--status .system-resources__steps.system-resources__status-info .status-info__data .status-info__number {
  text-transform: uppercase;
  margin-right: 10px;
}

.system-resources__container--status .system-resources__summary {
  display: block;
  margin-bottom: 16px;
}

.system-resources__container--status .system-resources__summary .system-resources__summary__content {
  width: 100%;
  display: block;
  background: #f2f2f2;
  padding: 12px;
  border: 1px solid #e9e9e9;
  border-top-width: 0;
  border-radius: 0 0 3px 3px;
  margin-bottom: 12px;
  margin-top: 0;
}

.ngdialog--warning--system-resources .ngdialog-content {
  width: 460px;
}

.ngdialog--warning--system-resources .ngdialog-content .ngdialog__content {
  padding: 16px 55px;
}

.ngdialog--warning--system-resources .ngdialog-content .ngdialog__content .half-margin-bottom {
  margin-bottom: 0.5em;
}

.ngdialog--warning--system-resources .system-resources__custom-fields {
  border: 2px solid rgba(255, 255, 255, 0.5);
  display: inline-block;
  border-right-width: 0;
  border-left-width: 0;
  padding: 7px 0px;
  margin-bottom: 18px;
  width: 100%;
}

.ngdialog--warning--system-resources .system-resources__custom-fields .custom-fields__field {
  display: inline-block;
  width: 49%;
}

.ngdialog--warning--system-resources .system-resources__custom-fields .custom-fields__field .custom-fields__field__label {
  font-size: 20px;
  font-weight: 700;
  opacity: 0.5;
}

.ngdialog--warning--system-resources .system-resources__custom-fields .custom-fields__field .custom-fields__field__value {
  font-weight: 900;
}

.ngdialog--warning--system-resources .system-resources__custom-fields .custom-fields__field .custom-fields__field__value span {
  text-transform: uppercase;
  font-weight: 200;
  font-size: 15px;
}

.add-items-wrapper {
  display: inline-block;
  width: calc(100% - 35px);
  vertical-align: middle;
}

.add-items-wrapper table {
  table-layout: fixed;
}

.order-list-wrapper {
  display: inline-block;
  width: 31px;
  vertical-align: middle;
}

.order-list-wrapper ul {
  margin: 0 !important;
  position: relative;
  left: 4px;
}

.scheduling-table {
  display: table;
}

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

.scheduling-table .row > div {
  display: table-cell;
  white-space: nowrap;
  vertical-align: middle;
}

.scheduling-table .row > div:last-child .ctrl {
  margin-left: 8px;
}

#db-table-sync-step1 .key-labels--inline label {
  width: calc( 225px + 16px);
}

#db-table-sync-step1 .edition-input {
  width: 225px;
}

#db-table-sync-step1 .key-defined-input {
  width: 191px;
}

.fields-table-wrapper detail-box {
  height: 100%;
  padding-bottom: 15px;
}

.fields-table-wrapper .detail-box {
  height: 100% !important;
  min-height: 355px;
}

.fields-table-wrapper .detail-box__content {
  margin-top: 0;
  padding-top: 15px;
  height: calc(100% - 36px);
}

.fields-table-wrapper .detail-box__content .table-container .tbody-wrapper {
  min-height: 160px;
}

#users-step1 .user-export--partition-container {
  padding-right: 16px;
}

#users-step1 .ctrl .button-secondary {
  margin: 0;
}

#access-point-data-for-ppd #access-points-box .detail-box__content {
  margin-right: 0;
}

#access-point-data-for-ppd #access-points-box .detail-box__content .col--noresize {
  width: 50px;
}

#access-point-data-for-ppd #access-points-box .detail-box__content .detail-box__footer {
  width: auto;
}

#access-point-data-for-ppd #ppd__content__body > .cols--noresize > .col--noresize {
  width: 240px;
  padding-left: 16px;
}

#access-point-data-for-ppd #ppd__content__body #applied-filters {
  display: block;
}

#access-point-data-for-ppd #ppd__content__body .table-container {
  min-height: 203px;
}

#access-point-data-for-ppd .access-point-data-for-ppd--first-level-item {
  padding-left: 4px;
}

#access-point-data-for-ppd .access-point-data-for-ppd--first-level-item.access-point-data-for-ppd--item-has-no-children .tree-grid-first-cell {
  margin-left: 20px;
}

#access-point-data-for-ppd .access-point-data-for-ppd--second-level-item .access-point-data-for-ppd--second-level-item__checkbox-container {
  margin-left: 40px;
}

#access-point-data-for-ppd .access-point-data-for-ppd--second-level-item .access-point-data-for-ppd--second-level-item__text-container {
  padding-left: 24px;
}

#access-point-data-for-ppd .access-point-data-for-ppd--item-has-children__ppd-order {
  padding-left: 4px;
}

#access-point-data-for-ppd .access-point-data-for-ppd--item-has-no-children__ppd-order {
  padding-left: 24px;
}

#access-point-data-for-ppd .content__status-bar .status-bar__block span {
  font-weight: 200;
}

#access-point-data-for-ppd .td-checkbox {
  width: 62px !important;
  min-width: 62px !important;
}

#access-point-data-for-ppd .td-checkbox .td-wrapper {
  width: auto !important;
}

#access-point-data-for-ppd .td-checkbox .td-wrapper span {
  top: 0;
}

#access-point-data-for-ppd .td-checkbox .td-wrapper .tree-grid-first-cell__toggle {
  position: relative;
  top: -2px;
}

#access-point-data-for-ppd .tree-grid-first-cell {
  position: relative;
  top: 2px;
}

.change-ppd-language-dialog .ngdialog__content > * {
  display: block;
  text-align: center;
  height: 70px;
  line-height: 70px;
}

.change-ppd-language-dialog .ngdialog__content > * > .fields {
  display: inline-block;
}

.ppd-firmware-table .ppd-firmware-table--device-column {
  width: 75px;
}

.ppd-firmware-table .ppd-firmware-table--filename-column {
  width: 210px;
}

.key-operation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 400px;
}

.key-operation .key-operation--cancel-insert-key {
  font-size: 18px;
}

.key-operation .key-operation--insert-key .key-operation--device-name {
  color: #1fb0ed;
  font-size: 25px;
  font-weight: 800;
  text-align: center;
  padding-top: 5px;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.key-operation .key-operation--wait-message {
  padding: 10px;
  border-radius: 50px;
  display: inline-block;
  background-color: #f2f2f2;
}

.key-operation .key-operation--wait-message .icon-time {
  color: #999999;
  font-size: 20px;
}

.key-operation .key-operation--wait-message > span {
  line-height: 20px;
  vertical-align: middle;
  font-weight: 400;
  padding-right: 5px;
}

.key-operation--separator {
  width: 42px;
  display: block;
  height: 1px;
  border: 0;
  border-top: 2px solid #d9d9d9;
  margin: 10px 0;
  padding: 0;
}

#reset-locker-data,
#read-key-content {
  margin: -16px;
  padding: 16px;
  border: 16px solid #e6e6e6;
  width: 650px;
  max-height: 400px;
}

#reset-locker-data .framed-details-list,
#read-key-content .content__read-key .key-access-permission-set {
  border: 1px solid #cccccc;
  border-radius: 3px;
}

#reset-locker-data {
  overflow-y: auto;
}

#read-key .read-key--dates {
  margin-top: 16px;
  font-size: 15px;
}

#read-key .read-key--dates > div {
  display: inline-block;
  margin: 0 4px;
  vertical-align: top;
}

#read-key .read-key--dates > div label {
  margin-bottom: 0;
}

#read-key .read-key--dates > div > div {
  text-align: left;
}

#read-key-content {
  height: 400px;
  padding: 0;
}

#read-key-content .content__header {
  height: auto;
  position: static;
  padding-left: 16px;
  background: white;
}

#read-key-content .content__header .h1-container {
  overflow: inherit;
  width: 100%;
}

#read-key-content .content__header .h1-container h1 {
  font-size: 28px;
  white-space: normal;
  margin: 11px 0px;
  line-height: 1.2;
  width: 100%;
}

#read-key-content .content__header .content__warning-bar {
  padding: 0 4px;
}

#read-key-content .content__status-bar {
  position: static;
}

#read-key-content .content__status-bar .status-bar__block:last-child {
  padding-right: 8px;
}

#read-key-content .content__status-bar span {
  font-weight: 200;
}

#read-key-content .content__read-key {
  overflow-y: auto;
  padding: 16px 16px 0 16px;
}

#read-key-content .content__read-key .key-access-permission-set {
  margin-bottom: 16px;
}

#read-key-content .content__read-key .key-access-permission-set .details-list,
#read-key-content .content__read-key .key-access-permission-set #reset-locker-data .framed-details-list,
#reset-locker-data #read-key-content .content__read-key .key-access-permission-set .framed-details-list {
  margin: 8px 0;
}

#read-key-content .content__read-key .key-access-permission-set .key-access-permission-set--periods {
  background: #c5c5c5;
  padding: 8px 8px 0 8px;
}

#read-key-content .content__read-key .key-access-permission-set .key-access-permission-set--periods .key-access-permission-set--periods--period {
  font-size: 14px;
  text-transform: uppercase;
  background: #797979;
  color: white;
  padding: 8px;
  margin-bottom: 8px;
  display: inline-block;
}

#read-key-content .content__read-key .key-access-permission-set .detail-box__title {
  border-bottom: none;
  border-top: 1px solid #e6e6e6;
  color: #666666;
}

#read-key-content .content__read-key .key-access-permission-set .detail-box__title .key-access-permission-set--timetable {
  text-transform: none;
  margin-bottom: -8px;
}

#read-key-content .content__read-key .key-access-permission-set .detail-box__title .key-access-permission-set--timetable .dayset-selector {
  margin: 0 0 8px 0;
  display: inline-block;
}

#read-key-content .content__read-key .key-access-permission-set .detail-box__title .key-access-permission-set--timetable span {
  line-height: 36px;
  vertical-align: top;
}

#read-key-content .content__read-key .empty-key-accesses {
  margin: 24px 0px;
  text-align: center;
  color: #7f7f7f;
}

.event-type-wrapper {
  min-width: 49%;
  display: inline-block;
  padding-bottom: 20px;
}

.audit-trail-trigger-filter-summary {
  word-wrap: break-word;
}

.audit-trail-trigger-filter-summary .row {
  position: relative;
  margin-bottom: 10px;
}

.audit-trail-trigger-filter-summary .row.last {
  margin-bottom: 15px;
}

.audit-trail-trigger-filter-summary .row .icon-bullet {
  position: absolute;
  top: 3px;
  left: 9px;
  font-size: 80%;
}

.audit-trail-trigger-filter-summary .row .text {
  padding-left: 36px;
}

.audit-trail-trigger-filter-summary .row .text span {
  color: #999999;
}

.audit-trail-trigger-filter-summary .row .text-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.audit-trail-trigger-filter-summary .row .text-flex .text-flex__block {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.audit-trail-trigger-filter-summary .row .text-flex .text-flex__block.min {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.audit-trail-trigger-filter-summary .row .text-flex .text-flex__block[class^='icon-'] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  padding-right: 24px;
}

.audit-trail-trigger-filter-summary .row .text-flex .text-flex__block span {
  display: block;
  color: #999999;
}

.audit-trail-trigger-filter-summary .row .text-flex .text-flex__block span:not(:last-child) {
  margin-bottom: 5px;
}

.audit-trail-trigger-filter-summary .row .text-flex .text-flex__block span span {
  display: inline;
}

.alarm-table-wrapper .detail-box__content {
  height: 351px;
  position: relative;
}

.alarm-table-wrapper .white {
  height: 300px;
}

.alarm-table-wrapper .add-delete-row button:not(:last-child) {
  margin-right: 4px;
}

.actions-wrapper {
  position: relative;
  height: 100%;
  padding: 15px 16px 15px 16px;
}

.actions-wrapper .configuration-column {
  max-width: 400px;
}

.actions-wrapper .error {
  color: #cc0000;
}

detail-box.absolute-bottom-row .detail-box {
  position: relative;
}

detail-box.absolute-bottom-row .add-delete-row {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

detail-box.absolute-bottom-row .flex-add-delete-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

detail-box.absolute-bottom-row .flex-add-delete-row button {
  margin-left: 7px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

detail-box.absolute-bottom-row .flex-add-delete-row button:first-of-type {
  margin-left: 0;
}

detail-box.absolute-bottom-row .flex-add-delete-row button .button__gradient {
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
}

detail-box.absolute-bottom-row:not(.trigger-detail-box) .actions-wrapper {
  padding-bottom: 66px;
}

detail-box.absolute-bottom-row.trigger-detail-box .detail-box__content {
  padding-bottom: 51px;
}

.ngdialog--editTrigger .ng-dialog-content {
  display: block;
}

.ngdialog--editTrigger .ngdialog-content,
.ngdialog--editTrigger .ngdialog__content {
  min-width: 950px;
  max-width: 950px;
}

@media only screen and (min-width: 1224px) {
  .ngdialog--editTrigger .ngdialog-content,
  .ngdialog--editTrigger .ngdialog__content {
    min-width: 1150px;
    max-width: 1150px;
  }
}

.ngdialog--editTrigger .ngdialog__content {
  padding-right: 0;
  padding-bottom: 0;
  height: 510px;
  max-height: 510px;
}

.ngdialog--editAction .ngdialog__content {
  height: 469px;
  width: 503px;
}

.ngdialog--editAction .field.less-margin-bottom {
  margin-bottom: 13px;
}

.ngdialog--editAction hr {
  position: relative;
  top: -5px;
}

.ngdialog--editAction textarea {
  height: 100px;
  width: 355px;
  vertical-align: bottom;
}

.ngdialog--editAction textarea.large {
  height: 173px;
}

.ngdialog--editAction textarea.full-width {
  width: 100%;
}

.ngdialog--editAction .full-width-with-button {
  width: calc(100% - 45px);
}

.ngdialog--editAction .email-macros-button {
  position: absolute;
  bottom: 0;
  right: 0;
}

.ngdialog--editAction .web-request-content-type {
  width: 301px;
}

.edit-trigger-dialog .detail-box .detail-box__content {
  padding-bottom: 0;
}

.edit-trigger-dialog .when-detail-box .fields {
  padding: 16px 15px 0 15px;
}

.edit-trigger-dialog .when-detail-box .detail-box .detail-box__content {
  margin: 0;
}

.flex-inside .detail-box .detail-box__content {
  min-height: calc(100% - 36px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

edit-action-dialog hr {
  border: none;
  border-bottom: 1px solid #d9d9d9;
}

.single-input-dialog .triple-radio {
  position: relative;
  top: 17px;
}

.edit-action-dialog .triple-radio {
  position: absolute;
  top: 16px;
  left: 80px;
}

.partition-delete-dialog select {
  max-width: 380px;
}

partition .details-list__header {
  height: auto;
}

partition .details-list__header input {
  width: 100% !important;
}

partition .details-list__header label {
  position: relative;
  bottom: 2px;
}

partition .field--list-and-detail-fix {
  width: 320px;
}

partition .field--list-and-detail-flex {
  width: calc(100% - 325px);
}

partition .grid {
  margin-bottom: 15px;
}

partition table {
  letter-spacing: normal;
  table-layout: fixed;
}

partition table tr.selected td {
  color: #fff;
}

partition table tr:not(.selected) .item-count {
  color: #b3b3b3;
}

partition table td {
  height: 24px !important;
  padding-top: 2px !important;
  line-height: inherit !important;
}

partition table td .spin {
  width: 14px;
  height: 14px;
  display: inline-block;
  animation: roll 0.5s infinite;
  font-size: 14px !important;
}

@keyframes roll {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

partition operator-groups-tab table td {
  height: 28px !important;
}

partition .table-container {
  min-height: auto;
}

partition .table-container .tbody-wrapper {
  min-height: auto;
}

partition .detail-box {
  height: 100%;
  min-height: 315px;
  margin-bottom: 15px;
  border-radius: 0px;
}

partition .detail-box .detail-box__content {
  height: calc(100% - 66px);
  margin-bottom: 0;
}

partition .table-footer .button-list,
partition .table-footer--slim .button-list,
partition .table-footer .button-list--stacked,
partition .table-footer--slim .button-list--stacked {
  padding: 0;
}

partition .table-footer .button-wrapper,
partition .table-footer--slim .button-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1px;
  padding: 8px 8px 0 0;
  text-align: right;
}

partition .table-footer .button-wrapper button,
partition .table-footer--slim .button-wrapper button {
  max-width: 100%;
  text-align: left;
}

partition .table-footer .button-wrapper button,
partition .table-footer--slim .button-wrapper button,
partition .table-footer .button-wrapper .button__gradient,
partition .table-footer--slim .button-wrapper .button__gradient {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ng-dialog--partition-items .ng-dialog-content {
  height: 400px;
}

.partition-tables span[class^="icon-"]:not(.no-margin) {
  width: 20px;
  display: inline-block;
}

.partition-select-left field,
.partition-select-right field {
  margin-bottom: 4px !important;
}

.partition-select-right {
  padding-left: 35px;
}

.select-something-wrapper {
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #bfbfbf;
}

.select-something-wrapper .icon-info {
  font-size: 24px;
}

.select-something-wrapper p {
  margin-top: 6px;
  font-size: 20px;
}

.partitions table {
  table-layout: fixed;
}

.partition-add-items .partition-select-left {
  padding-bottom: 10px;
}

.partition-add-items .bulk-add-table-container {
  display: inline-block;
  width: 500px;
  height: 418px;
}

.partition-add-items .bulk-add-table-container .no-scroll-table {
  height: 100%;
}

.hotel__check-out--dialog {
  width: 405px;
}

.hotel__cancel-key--dialog .ngdialog-content {
  width: 455px;
}

.hotel__check-out--dialog ul.select2-selection__rendered,
.hotel__cancel-key--dialog ul.select2-selection__rendered {
  max-height: 130px;
  overflow: auto !important;
}

.hotel__check-out--dialog field,
.hotel__cancel-key--dialog field {
  margin-bottom: 4px !important;
}

.hotel__re-rooming--dialog {
  width: 420px;
  height: 145px;
}

.hotel__re-rooming--dialog.in-progress {
  display: table;
}

.hotel__re-rooming--dialog.in-progress p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.hotel__room-status--dialog {
  width: 680px;
  padding: 8px 0 16px;
  height: 408px;
}

.hotel__room-status--dialog .rooms-statu-list__form .table-legend-container {
  position: relative;
  bottom: 0;
}

.row-legend__img {
  margin-left: 0px;
  margin-right: 5px;
}

.hotel__rooms-status {
  display: block;
  height: 100%;
}

.hotel__rooms-status .table-container {
  outline: none;
}

.hotel__rooms-status--free {
  padding-left: 20px;
}

.hotel__rooms-status--free-extra {
  padding-left: 36px !important;
}

.select2-selection__rendered .hotel__rooms-status__option {
  display: block;
}

.select2-selection__rendered .hotel__rooms-status__option img {
  vertical-align: top;
  margin-top: 9px;
}

.select2-selection__rendered .hotel__rooms-status__option span {
  display: inline-block;
  width: calc(100% - 16px);
  padding-right: 8px;
}

.hotel__rooms-status__option--empty span {
  padding-left: 16px;
}

.hotel__rooms-status__option--empty img {
  display: none;
}

.phone-check-in-container {
  display: inline-block;
  position: relative;
  top: 1px;
}

.phone-check-in-container field:first-child {
  margin-bottom: 5px !important;
}

.autocomplete-force-l {
  overflow: visible !important;
}

.autocomplete-force-l .autocomplete {
  width: 225px;
}

.autocomplete-force-l .field__info-focus {
  white-space: nowrap;
}

.no-items-warning {
  opacity: 0.7;
  font-size: 16px;
  text-align: center;
  position: relative;
  top: 18px;
}

.optional-permissions-detail-box .optional-permissions-tree-wrapper {
  outline: none !important;
  height: 230px;
  overflow: auto;
}

.optional-permissions-detail-box .detail-box__content {
  max-height: 300px;
  min-height: 150px;
  margin: 0;
  padding: 0px;
  overflow: auto;
}

.optional-permissions-detail-box .detail-box__content label {
  padding-left: 4px !important;
}

.optional-permissions-detail-box .detail-box__content .footer {
  height: 37px;
  background-color: #f7f7f7;
  border-top: 1px solid #e6e6e6;
}

.optional-permissions-detail-box .detail-box__content .table-footer__total,
.optional-permissions-detail-box .detail-box__content .table-footer--slim .table-footer__selected,
.table-footer--slim .optional-permissions-detail-box .detail-box__content .table-footer__selected {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 0px;
}

.optional-permissions-detail-box .detail-box__content .table-footer__total .info-block,
.optional-permissions-detail-box .detail-box__content .table-footer--slim .table-footer__selected .info-block,
.table-footer--slim .optional-permissions-detail-box .detail-box__content .table-footer__selected .info-block {
  text-transform: capitalize;
  border: 1px solid #bcbcbc;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 4px 7px;
  font-size: 15px;
  font-weight: 200;
  margin: 4px 0 4px 0;
}

.dark .optional-permissions-detail-box .detail-box__content .table-footer__total .info-block,
.dark .optional-permissions-detail-box .detail-box__content .table-footer--slim .table-footer__selected .info-block,
.table-footer--slim .dark .optional-permissions-detail-box .detail-box__content .table-footer__selected .info-block {
  border-color: #4d4d4d;
  background-color: #333333;
}

.dark .optional-permissions-detail-box .detail-box__content .table-footer__total .info-block,
.dark .optional-permissions-detail-box .detail-box__content .table-footer--slim .table-footer__selected .info-block,
.table-footer--slim .dark .optional-permissions-detail-box .detail-box__content .table-footer__selected .info-block,
.white .optional-permissions-detail-box .detail-box__content .table-footer__total .info-block,
.white .optional-permissions-detail-box .detail-box__content .table-footer--slim .table-footer__selected .info-block,
.table-footer--slim .white .optional-permissions-detail-box .detail-box__content .table-footer__selected .info-block {
  margin: auto;
}

.optional-permissions-detail-box .detail-box__content .table-footer__total .info-block [class^=icon-],
.optional-permissions-detail-box .detail-box__content .table-footer--slim .table-footer__selected .info-block [class^=icon-],
.table-footer--slim .optional-permissions-detail-box .detail-box__content .table-footer__selected .info-block [class^=icon-] {
  font-size: 12px;
}

.optional-permissions-detail-box .detail-box__content .table-empty {
  height: 230px;
  width: calc(100% - 32px);
  color: #b3b3b3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  margin: 0 16px;
}

.optional-permissions-detail-box .detail-box__content .table-empty .table-empty__icon,
.optional-permissions-detail-box .detail-box__content .table-empty .table-empty__text {
  line-height: 18px;
  vertical-align: text-top;
}

.optional-permissions-detail-box .detail-box__content .table-empty .table-empty__icon {
  padding: 0 8px 0 0;
}

.optional-permissions-detail-box .detail-box__content .table-empty .table-empty__content {
  max-width: 100%;
}

.optional-permissions-detail-box .applied-filter__value {
  padding-right: 1px;
}

.optional-permissions-detail-box .fields .field {
  padding: 0 0 0 16px;
  width: 100% !important;
}

.optional-permissions-detail-box .fields .field > * {
  padding: 8px 0;
}

.optional-permissions-detail-box .confirmed-checkins {
  padding: 8px 8px 8px 0;
  height: 277px;
}

.optional-permissions-detail-box .confirmed-checkins .icon-ok {
  color: #00cfa4;
}

.optional-permissions-detail-box .detail-box__title {
  padding: 0px;
}

.optional-permissions-detail-box .detail-box__title .table-multiple-selection {
  margin-left: 9px;
  margin-top: 3px;
  margin-right: 2px;
}

.optional-permissions-detail-box .detail-box__title .table-multiple-selection button {
  margin-top: 2px;
  margin-bottom: 2px;
}

.optional-permissions-detail-box .detail-box__title .table-multiple-selection span {
  color: #808080 !important;
}

.optional-permissions-detail-box .detail-box__title > div:not(.no-padding) {
  padding: 9px 10px 8px 0px;
}

.optional-permissions-detail-box .detail-box__title .detail-box-filters {
  margin-top: 4px;
  margin-right: 16px;
}

.optional-permissions-detail-box.read-only .detail-box__title {
  padding-left: 10px;
}

.optional-permissions-detail-box.read-only .fields .field {
  padding-left: 10px;
}

.number-of-nights-wrapper {
  height: 74px;
  display: inline-block;
  vertical-align: top;
}

.number-of-nights-wrapper .height-0 {
  height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.selected-encoder .selected-encoder-field {
  height: 34px;
}

.selected-encoder .check-in-selected-encoder-label {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.selected-encoder .check-in-selected-encoder-label.encoder-name {
  color: #999999;
}

.selected-encoder .check-in-selected-encoder-label,
.selected-encoder .encoder-not-needed {
  display: inline-block !important;
  padding-top: 8px;
}

.selected-encoder .icon {
  margin-top: 8px;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.selected-encoder label {
  margin-left: 2px;
}

.selected-encoder button:not(.default-button) {
  margin-left: 5px;
  vertical-align: top;
}

.selected-encoder button:not(.default-button).no-margin-left {
  margin-left: 0;
}

.selected-encoder button:not(.default-button) span.square {
  margin: 0;
}

.hotel__one-shot-key--dialog {
  width: 380px;
  min-height: 120px;
  max-height: 190px;
}

.hotel__one-shot-key--dialog .select2-selection.select2-selection--multiple {
  max-height: 90px;
  overflow: auto;
}

.hotel__one-shot-key--dialog .one-half label,
.hotel__one-shot-key--dialog .two-quarters label,
.hotel__one-shot-key--dialog .three-sixths label,
.hotel__one-shot-key--dialog .four-eighths label,
.hotel__one-shot-key--dialog .five-tenths label,
.hotel__one-shot-key--dialog .six-twelfths label,
.hotel__one-shot-key--dialog .add-bulk-edition .ngdialog-content .ngdialog__content .grid .bulk-add-table-container label,
.add-bulk-edition .ngdialog-content .ngdialog__content .grid .hotel__one-shot-key--dialog .bulk-add-table-container label,
.hotel__one-shot-key--dialog .add-bulk-edition .ngdialog-content .ngdialog__content .grid .bulk-add-edit-container label,
.add-bulk-edition .ngdialog-content .ngdialog__content .grid .hotel__one-shot-key--dialog .bulk-add-edit-container label {
  margin-bottom: 0;
}

.check-in-notification-message {
  width: 266px;
  height: 100px;
}

.encoder-select .fields-table {
  border-spacing: 0;
}

.encoder-select .field {
  white-space: nowrap;
  height: 34px;
  vertical-align: top;
  padding-top: 8px;
}

.encoder-select .field.no-padding-top {
  padding-top: 0;
}

.encoder-select .field label {
  margin: 0;
  padding-right: 6px;
}

.encoder-select .field .ctrl {
  padding-top: 2px;
}

.encoder-select .field.discovery-failed {
  height: auto;
  white-space: normal;
}

.room-block-associated-devices table {
  table-layout: fixed;
}

.room-block-associated-devices table th {
  overflow: hidden;
}

.rooms-statu-list__form {
  display: block;
  height: 100%;
}

.just-in-disabled-dialog {
  width: 600px;
  padding: 0 16px;
}

.just-in-disabled-dialog p,
.just-in-disabled-dialog ul,
.just-in-disabled-dialog .fields {
  text-align: left;
}

.just-in-disabled-dialog .details-list li,
.just-in-disabled-dialog #reset-locker-data .framed-details-list li,
#reset-locker-data .just-in-disabled-dialog .framed-details-list li {
  font-size: inherit;
}

.just-in-disabled-dialog label {
  color: #fff;
  max-width: 480px;
}

group-checkin input#groupCheckinName {
  width: 180px;
}

group-checkin #status-preedited-keys {
  padding: 0 8px 0 4px !important;
}

group-checkin .no-items-warning,
group-checkin .selected-permission-list {
  padding-bottom: 4px;
}

group-checkin .no-items-warning .green-check,
group-checkin .selected-permission-list .green-check {
  color: #00cfa4;
}

group-checkin .optional-permissions-detail-box .detail-box__content {
  min-height: 95px;
  max-height: 284px;
}

group-checkin .optional-permissions-detail-box .detail-box__content .no-items-warning {
  padding-top: 17px;
}

group-checkin .separator {
  margin-left: 15px;
}

group-checkin .applied-filters {
  display: block;
}

.group-checkin-rooms-wrapper .detail-box__content {
  margin: 0;
  padding-bottom: 0;
}

.group-checkin-rooms .applied-filters {
  padding: 0 0 14px 0;
}

.group-checkin-rooms .group-checkin-rooms-table-wrapper .table-container .tbody-wrapper {
  min-height: 160px;
}

.group-checkin-rooms .group-checkin-rooms-table-wrapper .table-container .tbody-wrapper table {
  table-layout: fixed;
}

.group-checkin-rooms .add-delete-row {
  text-align: right;
}

.group-checkin-rooms .add-delete-row.empty {
  height: 39px;
}

.group-checkin-rooms .icon-surrogate-gap {
  display: inline-block;
  width: 17px;
}

.content .content__status-bar .status-bar__group.group-checkin-status-bar {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.content .content__status-bar .status-bar__group.group-checkin-status-bar > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.content .content__status-bar .status-bar__group.group-checkin-status-bar > *.shrink {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.content .content__status-bar .status-bar__group.group-checkin-status-bar > button {
  text-align: left;
  margin-left: 8px;
}

group-checkins table .icon-ok {
  position: relative;
  top: 1px;
}

.preedit-key-fields {
  text-align: center !important;
}

.preedit-key-fields > field {
  text-align: left;
}

.preedit-key-fields .key-operation--separator {
  display: inline-block;
  margin: 8px 0 14px 0;
}

.roll-call-view-access-points-wrapper {
  width: 650px;
  height: 350px;
}

.pms-authorization #reference {
  width: 210px;
  margin-right: 5px;
  border: 1px solid #d9d9d9 !important;
  background-color: transparent !important;
  color: #666666 !important;
  padding: 6px 8px;
}

#visitor-check-in .same-height-padding {
  height: 25px;
}

#visitor-check-out .related-items {
  margin-bottom: 12px;
  font-size: 16px;
}

#visitor-check-out .related-items .related-items__item__label,
#visitor-check-out .related-items .related-items__item__value {
  display: inline-block;
}

#visitor-check-out .related-items .related-items__item__label {
  vertical-align: top;
  font-weight: 600;
  color: rgba(102, 102, 102, 0.6);
}

#visitor-check-out .related-items .related-items__item__value {
  max-width: 300px;
}

#visitor-check-out .question {
  font-size: 18px;
  font-weight: 800;
}

.webcam-image--dialog {
  width: 340px;
  height: 300px;
}

.webcam-image--dialog .webcam-image__viewer {
  display: block;
  height: 250px;
  overflow: hidden;
  max-width: 100%;
}

.webcam-image--dialog .webcam-image__viewer .webcam-loader__text {
  color: #b3b3b3;
  display: block;
  border: 1px solid #b3b3b3;
  border-radius: 4px;
  padding: 16px;
  height: 250px;
}

.webcam-image--dialog .webcam-image__viewer .webcam-loader__text span {
  display: block;
  text-align: center;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.webcam-image--dialog .webcam-image__footer {
  display: block;
  padding: 15px 0;
}

.webcam-image--dialog .webcam-image__footer button {
  display: inherit;
  margin: 0 auto;
}

.webcam-image--dialog .webcam-loader {
  display: block;
  margin: 15% auto;
  animation: roll 1s infinite;
}

@keyframes roll {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.webcam-image--dialog #ng-webcam-counter {
  display: none;
  text-align: center;
  position: absolute;
  z-index: 1;
  line-height: 16em;
  font-weight: 700;
  color: white;
  background: black none repeat scroll 0% 0%;
  width: 340px;
  height: 250px;
  opacity: 0.5;
  z-index: 1000;
}

.webcam-image--dialog #ng-webcam-overlay {
  display: none;
}

.webcam-image--dialog #crop-image-container {
  height: 100% !important;
}

.user-photo-selection-options {
  display: block;
}

.user-photo-selection-options .button-list,
.user-photo-selection-options .button-list--stacked {
  margin: 0 auto;
  display: inherit;
  text-align: center;
  padding: 0;
}

.user-photo-selection-options .button-list li,
.user-photo-selection-options .button-list--stacked li {
  margin-right: 16px;
  margin-bottom: 0;
  vertical-align: top;
}

.user-photo-selection-options button {
  width: 150px;
  height: 150px;
  vertical-align: top;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #fafafa;
  font-weight: 800;
  color: #D1D1D1;
  border-style: solid;
  border-width: 1px;
  border-color: #e8e8e8;
  outline: 0px;
  padding: 10px;
  border-radius: 4px;
  /*
        &:focus:not(:hover):not(:active) {
            border-style:solid;
            border-width: 1px;
            border-color: $keycolor;
            color: $keycolor !important;
            .button__gradient{
                .icon{
                    color:$keycolor;
                }
                span{
                    text-align: center;
                    padding: 0 3px;
                }
            }

        }
        */
}

.user-photo-selection-options button .icon {
  font-size: 45px;
  height: 60px;
  color: #D1D1D1;
}

.user-photo-selection-options button span {
  font-size: 24px;
  display: block;
  height: 40px;
  line-height: 1em;
  text-transform: uppercase;
  text-align: center;
}

.user-photo-selection-options button .button__gradient {
  height: auto;
  background: transparent;
}

.user-photo-selection-options button.smaller-text span:not(.icon) {
  font-size: 16px;
}

.user-photo-selection-options button.smaller-text span.icon {
  height: 55px;
}

.user-photo-selection-options button:hover:not(:active) {
  background-color: #1FAFEB;
  color: white !important;
}

.user-photo-selection-options button:hover:not(:active) .button__gradient {
  background-color: #1FAFEB;
}

.user-photo-selection-options button:hover:not(:active) .button__gradient .icon {
  color: white;
}

.user-photo-selection-options button:active,
.user-photo-selection-options button:focus {
  background-color: #00cfa4;
  color: #fff;
}

.user-photo-selection-options button:active .icon,
.user-photo-selection-options button:focus .icon {
  color: #fff;
}

.user-photo-selection-options input[type="file"] {
  position: absolute;
  visibility: hidden;
}

.card-printing-template .content__header input {
  margin: 10px 10px 0 10px;
  height: 34px;
}

.card-printing-template .content__header .name {
  width: calc(100% - 580px);
}

.card-printing-template .content__header .nameNoExtId {
  width: calc(100% - 370px);
}

.card-printing-template .content__header #extId {
  width: 280px;
}

.card-printing-template .content__header show-errors {
  position: absolute;
  top: 6px;
  right: 10px;
}

.card-printing-template .content__header show-errors button {
  margin-left: 8px;
}

.card-printing-template .content__body {
  padding: 0;
}

.card-printing-template .card-canvas-container {
  height: 100%;
  overflow: hidden;
}

.card-printing-template .toolbar {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 40px;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  width: 40px;
  height: 100%;
  background-color: #f2f2f2;
  text-align: center;
}

.card-printing-template .toolbar a {
  display: inline-block;
  background: none;
  border: none;
  color: #666666;
  font-weight: 600;
  padding: 10px;
  width: 40px;
  height: 36px;
  font-size: 18px;
  margin-top: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.card-printing-template .toolbar a.disabled {
  pointer-events: none;
}

.card-printing-template .toolbar a.disabled:hover {
  cursor: inherit;
}

.card-printing-template .toolbar a.pressed {
  background-color: #cccccc;
}

.card-printing-template .toolbar a:hover {
  background-color: #999999;
}

.card-printing-template .toolbar hr {
  display: block;
  border: none;
  height: 1px;
  background: #cccccc;
  margin: 12px 7px 2px 7px;
}

.card-printing-template .card-canvas-overflow-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  text-align: center;
  overflow-y: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: space-around;
  -ms-flex-align: space-around;
  -webkit-align-items: space-around;
  -moz-align-items: space-around;
  align-items: space-around;
}

.card-printing-template .card-canvas-wrapper {
  padding: 12px;
  margin: 15px auto auto auto;
}

.card-printing-template .card-canvas-wrapper:focus {
  outline: none;
}

.card-printing-template .vertical-canvas .card-canvas-wrapper {
  min-height: 582px;
}

.card-printing-template .vertical-canvas .tabs {
  width: 320px;
}

.card-printing-template .tabs {
  width: 508px;
  margin: auto;
  position: relative;
}

.card-printing-template .tabs .tabs__nav {
  text-align: left;
}

.card-printing-template .tabs .tabs__nav .tabs__nav--row {
  padding-left: 10px;
}

.card-printing-template .tabs .tabs__content {
  padding: 0;
  border: 0;
}

.card-printing-template .tabs a {
  overflow: visible !important;
}

.card-printing-template .tabs a span {
  display: inline-block !important;
}

.card-printing-template .tabs a span.icon-remove {
  position: relative;
  top: 1px;
  left: 5px;
  line-height: 0;
}

.card-printing-template .tabs a span.icon-remove:hover {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #4d4d4d;
  color: #fff;
}

.card-printing-template .canvas-failure {
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #bfbfbf;
}

.card-printing-template .canvas-failure .icon-error {
  font-size: 24px;
}

.card-printing-template .canvas-failure p {
  margin-top: 6px;
  font-size: 20px;
}

.card-printing-template .card-canvas-border {
  display: inline-block;
  border: 1px solid #cccccc;
  border-radius: 10px;
  outline: none;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.card-printing-template .object-properties {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 330px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 330px;
  -ms-flex: 0 0 330px;
  flex: 0 0 330px;
  width: 330px;
  height: 100%;
  padding: 16px 16px 16px 12px;
  background-color: #f2f2f2;
  overflow-y: auto;
}

.card-printing-template .object-properties .nowrap {
  white-space: nowrap;
}

.card-printing-template .object-properties .fields {
  display: inline-block;
  padding-right: 2px;
}

.card-printing-template .object-properties .fields label {
  position: relative;
  top: 8px;
}

.card-printing-template .object-properties .fields color-detail label {
  z-index: 1;
}

.card-printing-template .object-properties .fields .field {
  height: 34px;
}

.card-printing-template .object-properties .fields .flex-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.card-printing-template .object-properties .fields .flex-field > * {
  margin-right: 6px;
}

.card-printing-template .object-properties .fields .flex-field > button {
  margin-right: 4px;
}

.card-printing-template .object-properties .fields .flex-field > :last-child {
  margin-right: 0;
}

.card-printing-template .object-properties .property-names > field > label {
  min-width: 100px;
}

.card-printing-template .object-properties .property-names > field > label#canvasBackgroundColorLabel {
  min-width: 116px;
}

.card-printing-template .object-properties .expand-collapse {
  width: 16px;
  height: 16px;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  position: relative;
  top: 1px;
  left: 1px;
  transform: rotate(270deg);
  color: #666666;
}

.card-printing-template .object-properties .expand-collapse:focus {
  outline: 1px dotted #00cfa4;
}

.card-printing-template .object-properties .expand-collapse.open {
  transform: none;
}

.card-printing-template .object-properties .selected-item-fields {
  padding-left: 3px;
}

.card-printing-template .object-properties .non-collapsible-fields {
  padding-left: 17px;
}

.card-printing-template .object-properties .collapsible-field {
  padding-left: 50px;
}

.card-printing-template .object-properties .collapsible-field.less-padding {
  padding-left: 34px;
}

.card-printing-template .object-properties .collapsible-field.multiline {
  height: auto;
}

.card-printing-template .object-properties .collapsible-field label {
  height: 34px;
}

.card-printing-template .object-properties .collapsible-field label:nth-of-type(2) {
  padding-left: 8px;
}

.card-printing-template .object-properties .vertical--radios {
  margin-left: 0;
}

.card-printing-template .object-properties .vertical--radios label {
  position: static;
}

.card-printing-template .object-properties .vertical--radios .field {
  height: auto;
}

.card-printing-template .object-properties input[type=file] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.card-printing-template .object-properties .button-font {
  width: 34px;
  text-align: center;
  font-size: 0;
}

.card-printing-template .object-properties .button-font .button__gradient {
  font-size: 16px;
}

.card-printing-template .object-properties .button-bolder {
  font-weight: 800 !important;
}

.card-printing-template .object-properties .button-italic {
  font-style: italic;
}

.card-printing-template .object-properties .button-underline {
  text-decoration: underline;
}

.card-printing-template .choose-orientation-wrapper {
  width: 508px;
  height: 320px;
  text-align: center;
}

.card-printing-template .choose-orientation-wrapper .choose-orientation-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.card-printing-template .choose-orientation-wrapper h3 {
  margin-top: 0;
}

.card-printing-template .choose-orientation-wrapper .fields {
  display: inline-block;
}

.card-printing-template .choose-orientation-wrapper button {
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.card-printing-template .crosshair canvas {
  cursor: crosshair !important;
}

.card-printing-template .color-picker-wrapper {
  background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
  background-size: 10px 10px;
  background-position: 0 0, 0 5px, 5px -5px, -5px 0px;
  width: 35px;
  height: 34px;
}

.card-printing-template .color-picker-wrapper .color-picker-panel.color-picker-panel-left {
  left: -77px;
  right: auto;
}

.card-printing-template .color-picker-wrapper .color-picker-overlay {
  opacity: 1 !important;
}

.card-printing-template .color-picker-wrapper .input-group {
  display: inline-block;
  height: 34px;
}

.card-printing-template .color-picker-wrapper .input-group-addon {
  height: 34px !important;
}

.grid-size-dialog {
  padding: 15px 160px;
}

.card-printing-contextual-menu {
  position: absolute;
  display: block;
  list-style-type: none;
  width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 100;
  margin: 0;
  padding: 0;
  background-color: #f2f2f2;
  border: solid 1px #cccccc;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px;
}

.card-printing-contextual-menu li {
  display: block;
  padding: 5px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.card-printing-contextual-menu li.disabled {
  opacity: 0.5;
}

.card-printing-contextual-menu li:hover {
  background-color: #cccccc;
}

.card-printing-preview-dialog .ngdialog__content {
  overflow: auto;
}

.card-printing-preview {
  width: 447px;
  text-align: center;
}

.card-printing-preview .hidden-canvases {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.card-printing-preview .canvas-with-cover {
  position: relative;
  display: inline-block;
  width: 214px;
}

.card-printing-preview .canvas-with-cover.last {
  margin-left: 15px;
}

.card-printing-preview card-printing-canvas {
  display: block;
  padding-bottom: 20px;
  width: 100%;
}

.card-printing-preview card-printing-canvas:last-child {
  padding-bottom: 0;
}

.card-printing-preview card-printing-canvas .canvas-container {
  margin: auto;
  border: 1px solid #cccccc;
  width: 214px !important;
  height: 339px !important;
}

.card-printing-preview card-printing-canvas[is-printing="true"] {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

.card-printing-preview .cover {
  display: inline;
  position: relative;
  float: left;
  width: 212px;
  height: 337px;
  z-index: 1;
  left: 1px;
  top: 1px;
}

.card-printing-preview.horizontal {
  width: auto;
}

.card-printing-preview.horizontal card-printing-canvas .canvas-container {
  width: 339px !important;
  height: 214px !important;
}

.card-printing-preview.horizontal .canvas-with-cover {
  width: 339px;
}

.card-printing-preview.horizontal .canvas-with-cover.last {
  margin-left: 0;
  margin-top: 15px;
}

.card-printing-preview.horizontal .cover {
  width: 337px;
  height: 212px;
}

.card-printing-preview .card-print-div card-printing-canvas .canvas-container {
  width: 326px;
  height: 206px;
}

.zero-padding {
  padding-left: 0 !important;
}

.card-printing-orientation-dialog {
  padding: 20px;
}

.card-printing-orientation-dialog p {
  text-align: center;
}

.card-printing-orientation-dialog form {
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.card-printing-orientation-dialog .fake-field {
  display: inline-block;
}

.card-printing-orientation-dialog label {
  display: inline-block;
}

.card-printing-orientation-dialog-wrapper .ngdialog-content {
  max-width: 430px;
}

.card-printing-orientation-dialog-wrapper .ngdialog__header {
  max-width: 428px;
}

.card-printing-grid-popup {
  position: absolute;
  padding: 12px;
  z-index: 500;
  visibility: hidden;
}

.card-printing-grid-popup .toggle-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.card-printing-grid-popup .toggle-grid label {
  padding-left: 3px;
}

.card-printing-grid-popup .toggle-grid input {
  position: relative;
  top: 2px;
}

.card-printing-grid-popup .arrow {
  border-color: transparent;
  border-left-width: 12px;
  border-right-width: 12px;
  border-bottom-width: 12px;
  border-bottom-color: black;
  left: -20px;
  top: 32px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}

.barcode-text-field-wrapper {
  display: inline-block;
  width: 150px;
  max-width: 150px;
  overflow: hidden;
}

.details-list.no-margin-bottom,
#reset-locker-data .no-margin-bottom.framed-details-list {
  margin-bottom: 0;
}

.time-zone__same-as {
  position: relative;
  height: 404px;
  min-width: 455px;
  max-width: 510px;
}

.time-zone__calendar {
  width: 675px;
  position: relative;
}

.time-zone__calendar .calendar-view {
  border-width: 0;
}

fieldset.fieldset--time-zone {
  padding: 20px 20px 20px 8px;
  position: relative;
  margin: 0;
}

fieldset.fieldset--time-zone.is-opened {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: -1px;
}

fieldset.fieldset--time-zone:not(:first-child) {
  padding-top: 35px;
  padding-left: 20px;
}

fieldset.fieldset--time-zone legend {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
  border-radius: 5px;
  background-color: #e9e9e9;
  padding: 10px;
  box-shadow: 0px 0px 0px 5px #fff;
  z-index: 2;
}

fieldset.fieldset--time-zone legend .ctrl {
  display: inline-block;
}

fieldset.fieldset--time-zone legend label {
  display: inline;
  font-weight: 200;
}

fieldset.fieldset--time-zone .ctrl.ctrl--inline {
  display: inline-block;
  width: 45px;
}

fieldset.fieldset--time-zone .ctrl.ctrl--inline span.time-info {
  vertical-align: middle;
  display: inline-block;
  margin-top: 8px;
}

fieldset.fieldset--time-zone .ctrl.ctrl--inline.gmt-offset input {
  width: 60px;
}

fieldset.fieldset--time-zone .ctrl.ctrl--inline.has-time-info {
  width: 20px;
  margin-left: 5px;
}

fieldset.fieldset--time-zone .field--time-zone-half {
  width: calc((100% - 270px)/2);
}

fieldset.fieldset--time-zone .field--time-zone-half.built-in {
  width: calc(100% - ((100% - 270px)/2));
}

fieldset.fieldset--time-zone .field--time-zone-third {
  width: calc((100% - 113px)/3);
}

.fields--dst-rule {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
}

.fields--dst-rule.fields--has-bottom-border {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 15px;
}

.fields--dst-rule .fields--dst-rule__title {
  font-size: 18px;
  display: inline-block;
  padding-top: 30px;
  text-align: right;
  font-weight: 200;
  padding-right: 12px;
}

.fields--dst-rule .fields {
  display: inline-block;
}

.inner-detail-box.time-zone--fixed-days {
  width: 520px;
  display: block;
  margin: 15px auto 8px;
}

.inner-detail-box.time-zone--fixed-days .inner-detail-box__content.has-fixed-menu .time-zone--fixed-days-list {
  position: absolute;
  bottom: -17px;
  left: 50%;
  display: inline-table;
  transform: translateX(-50%);
  white-space: nowrap;
}

.inner-detail-box.time-zone--fixed-days .inner-detail-box__content.has-fixed-menu .time-zone--fixed-days-list button:not(:disabled) {
  box-shadow: 0px 0px 0px 5px #fff;
}

/*
  * Year Selector
  */

.time-zone__year-selector {
  width: 510px;
  margin: 10px auto 0;
  display: block;
}

ul.year-selector {
  width: 100%;
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul.year-selector li {
  display: inline-block;
  margin: 5px 1.25%;
  font-weight: 400;
}

ul.year-selector li button {
  color: #1fb0ed;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  box-shadow: none;
  outline: none;
  border: none;
  background: none;
  padding: 0;
}

ul.year-selector li button:hover,
ul.year-selector li button:focus,
ul.year-selector li button:active {
  color: #00cfa4;
}

ul.year-selector li button:disabled,
ul.year-selector li button.disabled {
  color: #666666;
  opacity: 1;
}

ul.year-selector li.year-selector__next {
  margin: 0 0 0 1.25%;
}

ul.year-selector li.year-selector__previous {
  margin: 0 1.25% 0 0;
}

.ngdialog .ngdialog__content .content-footer.time-zone__same-as-gmtoffset {
  position: absolute;
  height: 106px;
  padding: 12px 16px;
  font-size: 15px;
}

.ngdialog .ngdialog__content .content-footer.time-zone__same-as-gmtoffset h2 {
  font-weight: 400 !important;
}

.ngdialog .ngdialog__content .content-footer.time-zone__same-as-gmtoffset .gmtoffset__titles {
  color: #fff;
  display: inline-block;
  height: 100%;
  width: auto;
}

.ngdialog .ngdialog__content .content-footer.time-zone__same-as-gmtoffset .gmtoffset__titles span {
  display: block;
  margin-top: 7px;
}

.ngdialog .ngdialog__content .content-footer.time-zone__same-as-gmtoffset .gmtoffset__titles span:first-child {
  margin-top: 8px;
}

.ngdialog .ngdialog__content .content-footer.time-zone__same-as-gmtoffset .gmtoffset__infos {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding-left: 10px;
  white-space: nowrap;
}

.ngdialog .ngdialog__content .content-footer.time-zone__same-as-gmtoffset .gmtoffset__infos .gmtoffset__info {
  margin-top: 6px;
  display: block;
  color: rgba(255, 255, 255, 0.8);
}

.ngdialog .ngdialog__content .content-footer.time-zone__same-as-gmtoffset .gmtoffset__infos .gmtoffset__info:first-child {
  margin-top: 8px;
}

.ngdialog .ngdialog__content .content-footer.time-zone__same-as-gmtoffset .gmtoffset__info {
  width: 100%;
  color: #fff;
  margin-top: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ngdialog .ngdialog__content .content-footer.time-zone__same-as-gmtoffset .gmtoffset__info.no-data {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.time-zone__calendar-input-container {
  padding: 0 12px;
}

.time-zone__calendar-input-container .field label span.subtitle {
  color: #9A9A9A;
}

.time-zone__calendar-input-container .field .ctrl.has-time-info {
  margin-top: 9px;
}

report-list form {
  display: block;
  padding: 30px 60px;
}

lock-inactivity-report-parameters .fields {
  margin-top: 16px;
}

lock-inactivity-report-parameters .fields .field {
  display: block;
}

contact-tracing-report-parameters .fields {
  margin-top: 16px;
}

.choose-report-dialog {
  width: 350px;
}

.choose-report-dialog form {
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.choose-report-dialog .extra-padding {
  padding: 20px 0;
}

.report-preview-dialog .ngdialog-content {
  width: 819px;
}

.report-preview-dialog .ngdialog__content {
  padding: 0;
}

.report-preview {
  width: 819px;
  height: 470px;
  position: relative;
}

.report-preview #viewerContainer {
  overflow: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.report-preview .page-separator {
  position: relative;
  top: 10px;
  left: 32px;
  width: calc(100% - 64px);
  height: 1px;
  z-index: 1;
  background-color: gray;
}

.report-preview .flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.report-preview .flex-wrapper .cutoff-warning {
  position: relative;
  background-color: #cc6600;
  padding: 8px 16px;
  z-index: 1;
}

.report-preview .flex-wrapper .cutoff-warning p {
  width: 100%;
}

.report-preview .flex-wrapper .flex-viewer-container-wrapper {
  flex: 1 1 auto;
  position: relative;
}

.report-preview .textLayer {
  display: none;
}

.report-preview .annotationLayer section {
  position: absolute;
}

.report-preview .annotationLayer .linkAnnotation > a,
.report-preview .annotationLayer .buttonWidgetAnnotation.pushButton > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.report-preview .annotationLayer .linkAnnotation > a:hover,
.report-preview .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
  opacity: 0.2;
  background: #ff0;
  box-shadow: 0px 2px 10px #ff0;
}

.report-preview .annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
}

.report-preview .annotationLayer .textWidgetAnnotation input,
.report-preview .annotationLayer .textWidgetAnnotation textarea,
.report-preview .annotationLayer .choiceWidgetAnnotation select,
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input,
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-color: rgba(0, 54, 255, 0.13);
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 9px;
  height: 100%;
  margin: 0;
  padding: 0 3px;
  vertical-align: top;
  width: 100%;
}

.report-preview .annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.report-preview .annotationLayer .textWidgetAnnotation textarea {
  font: message-box;
  font-size: 9px;
  resize: none;
}

.report-preview .annotationLayer .textWidgetAnnotation input[disabled],
.report-preview .annotationLayer .textWidgetAnnotation textarea[disabled],
.report-preview .annotationLayer .choiceWidgetAnnotation select[disabled],
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
  background: none;
  border: 1px solid transparent;
  cursor: not-allowed;
}

.report-preview .annotationLayer .textWidgetAnnotation input:hover,
.report-preview .annotationLayer .textWidgetAnnotation textarea:hover,
.report-preview .annotationLayer .choiceWidgetAnnotation select:hover,
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1px solid #000;
}

.report-preview .annotationLayer .textWidgetAnnotation input:focus,
.report-preview .annotationLayer .textWidgetAnnotation textarea:focus,
.report-preview .annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 1px solid transparent;
}

.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: #000;
  content: '';
  display: block;
  position: absolute;
}

.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.report-preview .annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.report-preview .annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
     * Letter spacing is placed on the right side of each character. Hence, the
     * letter spacing of the last character may be placed outside the visible
     * area, causing horizontal scrolling. We avoid this by extending the width
     * when the element has focus and revert this when it loses focus.
     */
  width: 115%;
}

.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input,
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
}

.report-preview .annotationLayer .popupWrapper {
  position: absolute;
  width: 20em;
}

.report-preview .annotationLayer .popup {
  position: absolute;
  z-index: 200;
  max-width: 20em;
  background-color: #FFFF99;
  box-shadow: 0px 2px 5px #333;
  border-radius: 2px;
  padding: 0.6em;
  margin-left: 5px;
  cursor: pointer;
  font: message-box;
  word-wrap: break-word;
}

.report-preview .annotationLayer .popup h1 {
  font-size: 1em;
  border-bottom: 1px solid #000000;
  margin: 0;
  padding-bottom: 0.2em;
}

.report-preview .annotationLayer .popup p {
  margin: 0;
  padding-top: 0.2em;
}

.report-preview .annotationLayer .highlightAnnotation,
.report-preview .annotationLayer .underlineAnnotation,
.report-preview .annotationLayer .squigglyAnnotation,
.report-preview .annotationLayer .strikeoutAnnotation,
.report-preview .annotationLayer .lineAnnotation svg line,
.report-preview .annotationLayer .squareAnnotation svg rect,
.report-preview .annotationLayer .circleAnnotation svg ellipse,
.report-preview .annotationLayer .polylineAnnotation svg polyline,
.report-preview .annotationLayer .polygonAnnotation svg polygon,
.report-preview .annotationLayer .stampAnnotation,
.report-preview .annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.report-preview .pdfViewer .canvasWrapper {
  overflow: hidden;
}

.report-preview .pdfViewer .page {
  direction: ltr;
  width: 816px;
  height: 1056px;
  margin: 1px auto -8px auto;
  position: relative;
  overflow: visible;
  border: 9px solid transparent;
  background-clip: content-box;
  background-color: white;
}

.report-preview .pdfViewer.removePageBorders .page {
  margin: 0px auto 10px auto;
  border: none;
}

.report-preview .pdfViewer.singlePageView {
  display: inline-block;
}

.report-preview .pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}

.report-preview .pdfViewer.scrollHorizontal,
.report-preview .pdfViewer.scrollWrapped,
.report-preview .spread {
  margin-left: 3.5px;
  margin-right: 3.5px;
  text-align: center;
}

.report-preview .pdfViewer.scrollHorizontal,
.report-preview .spread {
  white-space: nowrap;
}

.report-preview .pdfViewer.removePageBorders,
.report-preview .pdfViewer.scrollHorizontal .spread,
.report-preview .pdfViewer.scrollWrapped .spread {
  margin-left: 0;
  margin-right: 0;
}

.report-preview .spread .page,
.report-preview .pdfViewer.scrollHorizontal .page,
.report-preview .pdfViewer.scrollWrapped .page,
.report-preview .pdfViewer.scrollHorizontal .spread,
.report-preview .pdfViewer.scrollWrapped .spread {
  display: inline-block;
  vertical-align: middle;
}

.report-preview .spread .page,
.report-preview .pdfViewer.scrollHorizontal .page,
.report-preview .pdfViewer.scrollWrapped .page {
  margin-left: -3.5px;
  margin-right: -3.5px;
}

.report-preview .pdfViewer.removePageBorders .spread .page,
.report-preview .pdfViewer.removePageBorders.scrollHorizontal .page,
.report-preview .pdfViewer.removePageBorders.scrollWrapped .page {
  margin-left: 5px;
  margin-right: 5px;
}

.report-preview .pdfViewer .page canvas {
  margin: 0;
  display: block;
}

.report-preview .pdfViewer .page canvas[hidden] {
  display: none;
}

.report-preview .pdfViewer .page .loadingIcon {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.report-preview .pdfPresentationMode .pdfViewer {
  margin-left: 0;
  margin-right: 0;
}

.report-preview .pdfPresentationMode .pdfViewer .page,
.report-preview .pdfPresentationMode .pdfViewer .spread {
  display: block;
}

.report-preview .pdfPresentationMode .pdfViewer .page,
.report-preview .pdfPresentationMode .pdfViewer.removePageBorders .page {
  margin-left: auto;
  margin-right: auto;
}

.report-preview .pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
  margin-bottom: 100% !important;
}

.report-preview .pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

.report-preview .pdfPresentationMode:-moz-full-screen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

.report-preview .pdfPresentationMode:fullscreen .pdfViewer .page {
  margin-bottom: 100%;
  border: 0;
}

@media (min-width: 1200px) {
  .report-preview.horizontal {
    width: 1148px;
  }

  .report-preview-dialog.report-preview-dialog-horizontal .ngdialog-content {
    width: 1150px;
  }
}

@media (min-height: 850px) {
  .report-preview {
    height: 650px;
  }
}

.ngdialog.report-preview-dialog .ngdialog__content {
  max-height: 1000px;
}

report-list form {
  height: 355px;
}

.add-bulk .ngdialog-content .ngdialog__content,
.add-bulk-multiple .ngdialog-content .ngdialog__content,
.add-bulk-edition .ngdialog-content .ngdialog__content,
.add-limited-occupancy-groups .ngdialog-content .ngdialog__content {
  height: 397px;
}

.add-bulk .ngdialog-content .ngdialog__content .grid,
.add-bulk-multiple .ngdialog-content .ngdialog__content .grid,
.add-bulk-edition .ngdialog-content .ngdialog__content .grid,
.add-limited-occupancy-groups .ngdialog-content .ngdialog__content .grid {
  height: 100%;
}

.add-bulk .ngdialog-content .ngdialog__content .grid .grid__item,
.add-bulk-multiple .ngdialog-content .ngdialog__content .grid .grid__item,
.add-bulk-edition .ngdialog-content .ngdialog__content .grid .grid__item,
.add-limited-occupancy-groups .ngdialog-content .ngdialog__content .grid .grid__item {
  height: 100%;
}

.add-bulk .ngdialog-content .ngdialog__content .no-scroll-table,
.add-bulk-multiple .ngdialog-content .ngdialog__content .no-scroll-table,
.add-bulk-edition .ngdialog-content .ngdialog__content .no-scroll-table,
.add-limited-occupancy-groups .ngdialog-content .ngdialog__content .no-scroll-table {
  height: 100%;
}

.add-bulk .ngdialog-content .ngdialog__content .edit-period-dialog,
.add-bulk-multiple .ngdialog-content .ngdialog__content .edit-period-dialog,
.add-bulk-edition .ngdialog-content .ngdialog__content .edit-period-dialog,
.add-limited-occupancy-groups .ngdialog-content .ngdialog__content .edit-period-dialog {
  padding: 0;
}

.add-bulk .ngdialog-content .ngdialog__content .edit-period-dialog .period-wrapper,
.add-bulk-multiple .ngdialog-content .ngdialog__content .edit-period-dialog .period-wrapper,
.add-bulk-edition .ngdialog-content .ngdialog__content .edit-period-dialog .period-wrapper,
.add-limited-occupancy-groups .ngdialog-content .ngdialog__content .edit-period-dialog .period-wrapper {
  width: 370px;
}

@media only screen and (min-height: 800px) and (min-width: 1224px) {
  .add-bulk .ngdialog-content .ngdialog__content,
  .add-bulk-multiple .ngdialog-content .ngdialog__content,
  .add-bulk-edition .ngdialog-content .ngdialog__content,
  .add-limited-occupancy-groups .ngdialog-content .ngdialog__content {
    height: 500px;
  }

  .add-bulk .ngdialog-content .ngdialog__content .edit-period-dialog .period-wrapper,
  .add-bulk-multiple .ngdialog-content .ngdialog__content .edit-period-dialog .period-wrapper,
  .add-bulk-edition .ngdialog-content .ngdialog__content .edit-period-dialog .period-wrapper,
  .add-limited-occupancy-groups .ngdialog-content .ngdialog__content .edit-period-dialog .period-wrapper {
    width: auto;
  }
}

.add-bulk-edition .ngdialog-content {
  width: 787px;
}

@media only screen and (min-width: 1224px) {
  .add-bulk-edition .ngdialog-content {
    width: 999px;
  }
}

.add-bulk .ngdialog-content {
  width: 532px;
}

.add-bulk .ngdialog-content .ngdialog__content .bulk-add-table-container {
  height: 100%;
  width: 500px;
}

.add-bulk-multiple .ngdialog-content {
  width: 562px;
}

.add-bulk-multiple .ngdialog-content .ngdialog__content .bulk-add-table-container {
  height: 100%;
  width: 530px;
}

.add-limited-occupancy-groups .ngdialog-content {
  width: 700px;
}

@media only screen and (min-width: 1224px) {
  .add-limited-occupancy-groups .ngdialog-content {
    width: 900px;
  }
}

.add-limited-occupancy-groups .ngdialog-content .ngdialog__content .grid__item {
  height: 100%;
}

.visitors-table-wrapper {
  padding: 8px;
}

paginated-autocomplete .autocomplete input {
  padding-right: 8px;
}

paginated-autocomplete.ng-pristine input[type=text]:not(:focus),
paginated-autocomplete.ng-pristine .tagged-input:not(:focus) {
  border-color: #d9d9d9 !important;
}

paginated-autocomplete .autocomplete__button {
  top: 0;
}

.visitor-fields input,
.visitor-fields select,
.visitor-fields label {
  width: 193px;
}

.visitor-partition-fields {
  padding-right: 16px;
}

.no-margin-right .detail-box .detail-box__content {
  margin-right: 0;
}

.align-check {
  padding-top: 8px;
}

#analytics-warning {
  background-color: #0069a5;
  color: white;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 16px 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 9;
  opacity: 0.85;
}

#analytics-warning a {
  color: white;
  font-weight: bold;
}

#analytics-warning .message {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#analytics-warning button {
  margin: 0 0 0 25px;
  text-transform: none;
  font-size: 15px;
}

event-streams-field-table .detail-box {
  margin: 0;
}

.elevator-group-floors tr.error,
.elevator-group-kiosks tr.error {
  color: #cc0000;
}

.elevator-group-floors {
  display: block;
  margin-bottom: 14px;
  max-height: 400px;
  overflow: hidden;
}

.elevator-group-kiosks .table-footer,
.elevator-group-kiosks .table-footer--slim {
  margin-bottom: 14px;
}

.th-no-filter-button .filter-button {
  display: none !important;
}

.add-floors fieldset {
  padding-top: 8px;
  margin-bottom: 16px;
}

.add-floors .floor-numbers {
  font-weight: 400;
}

.add-floors .multiple-add-example {
  margin: 0 0 8px 0 !important;
}

.add-floors .multiple-add-example .multiple-add-name {
  max-width: 120px;
}

.remove-floors {
  padding: 40px 80px;
}

.add-kiosk {
  padding: 0 50px;
}

.edit-floor {
  display: block;
  padding: 20px 60px;
}

floor-summary-bulk .table-footer__selected {
  position: relative;
  top: 4px;
}

.destination-bulk-dialog .tab-wrapper {
  height: 350px;
}

.destination-bulk-dialog .flex-field-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
}

.destination-bulk-dialog .flex-field-wrapper .flex-field-space {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
  letter-spacing: normal;
  padding: 21px 0 0 5px;
  box-sizing: content-box;
}

.destination-bulk-dialog .flex-field-wrapper .flex-field-space .link {
  color: #1fb0ed;
  font-weight: 400;
}

.destination-bulk-dialog .flex-field-wrapper .flex-field-space .link:hover {
  color: #00cfa4;
}

.destination-bulk-dialog .flex-field-wrapper .fields {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.destination-bulk-dialog .off-canvas-table--locations-functions .table-multiple-selection,
.destination-bulk-dialog .off-canvas-table--floors .table-multiple-selection {
  height: 24px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  left: -5px;
  top: 7px;
}

.destination-bulk-dialog .off-canvas-table--locations-functions .table-filter--container.with-selection,
.destination-bulk-dialog .off-canvas-table--floors .table-filter--container.with-selection {
  margin-left: -16px;
  display: inline-block;
  width: calc(100% - 16px);
}

.destination-bulk-dialog .table-container {
  min-height: 170px;
}

.sprite-access-point-online-ip {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEVHcEz6ZGj7Y2f4YWf7Y2f7ZGj6ZGf8Y2n/Ymv7ZGiZmZnMzMylsls4AAAACXRSTlMAf4AqwNXlVRpFLTdvAAAAT0lEQVQI12NgYOCcOXMCAwiwCRsmgBmMJe4CYAazo+TMmQrIDLgUXDFcO+vMmQFgBhNEKQMDh2pQAwMq4FoAZaxaBSJ3796wahX37t1wEQCEhBYIj5htfgAAAABJRU5ErkJggg==);
}

.sprite-access-point-online-ip.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAHlBMVEVHcEz////////////////////////////////////JATChAAAACXRSTlMAf4AqwNXlVRpFLTdvAAAATElEQVQI12NgYOCcOXMCAwiwCRsmgBmMJe4CYAazo+TMmQrIDLgUXDFcO+vMmQFgBhNEKQMDh2pQAwMq4JwAZcycCSEnzJzJCWMDCQBz7xTnoTkbaAAAAABJRU5ErkJggg==);
}

.sprite-gateway {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAACVBMVEVHcExBxv9Bx/+y3oIjAAAAAnRSTlMAvy1NYyUAAAAYSURBVAjXY2AgAqxaBSRWZMEIMBdMYAIAxlQGIXEXKbQAAAAASUVORK5CYII=);
}

.sprite-gateway.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAACVBMVEVHcEz////////mcEUwAAAAAnRSTlMAvy1NYyUAAAAYSURBVAjXY2AgAqxaBSRWZMEIMBdMYAIAxlQGIXEXKbQAAAAASUVORK5CYII=);
}

.sprite-gateway-rf {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAP1BMVEVHcExxcXFwcHBwcHBycnJxcXFwcHBwcHBwcHBxcXFwcHBzc3NxcXFwcHBvb29Bxv9vb29ycnJBx/+ZmZnMzMw2DkxxAAAAEnRSTlMAr1TgHXAZf7fqoyqZwEC/OVVfCvyhAAAAaElEQVQY04XNSQ6AIAxA0TK2QEEQ739WEYhxiPGvyksbAFrakHNkNMyy8NJa6UUeby0wsVKcUIwd4xNhCEjJmw4kGUuMBVlSB2dViIgxKOvgo3V2BVj+4HVyh1at939qPWU7GjDG58YOFBgGizMe4scAAAAASUVORK5CYII=);
}

.sprite-gateway-rf.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAOVBMVEVHcEz///////////////////////////////////////////////////////////////////////99PJZNAAAAEnRSTlMAr1TgHXAZf7fqo5kqwEC/OVXSychHAAAAYklEQVQY04WN0QrAIAgALSuttFX//7EbFWMjxu5B8DgR4MJ5jpG9g0U1yYZgk6lzd4ZKRsyFzGx8KkwixCX5IdhmaqqNsuUhYkBRIhUMET7oi6eA409sJ28x3P7nmcM9+lacEC0GaZCIhmkAAAAASUVORK5CYII=);
}

.sprite-gateway-bas {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAQlBMVEVHcExxcXFwcHBwcHBycnJwcHBxcXFwcHBwcHBxcXFwcHBzc3NxcXFwcHBvb29Bxv9vb29ycnJmZmZBx/+ZmZnMzMyg6p9SAAAAEnRSTlMAr+BUHRlwf7fqoyqZwEC/OVUSH6oXAAAAeUlEQVQY02WNiw6EIAwEl2fL8xTl/39VLJgYb0kITKZdANZzCOwtgNbGtalonDNRbQOMYxXVrHWupKwYPlamlIhr9GKwybSXslM2LEZwOhWikrQL+EuTmmMFs0UAfgu0L8BnZOa9Q0ZGznO14Pkvchu99wnux+O8jQtAgQihBGJPgwAAAABJRU5ErkJggg==);
}

.sprite-gateway-bas.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAOVBMVEVHcEz///////////////////////////////////////////////////////////////////////99PJZNAAAAEnRSTlMAr1TgHRlwf7fqoyqZwEC/OVVjl3qOAAAAb0lEQVQY02WNCQ6AMAgEtyf0VPn/Y23aSoxCgGQZWAA+ckocPQCR0U6TbQg2m3MII72hXp2rnYyfRMydqRTinuMk2Fa6WruoWp5ECq40olZcSPiFTBvZgeWy5EN3HwGfE/2kPx5Z54tR213yOPyIGysUCE+BwuHXAAAAAElFTkSuQmCC);
}

.sprite-gateway-cu4200 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAD1BMVEVHcExBxv9Bx/+ZmZnMzMywkgQkAAAAAnRSTlMAvy1NYyUAAAAqSURBVAjXY2CgFCgBAYShIITOgEvBGAzMBlBtxsYg0sXFwdiYxcUFLgIAu8EFPoJqpD0AAAAASUVORK5CYII=);
}

.sprite-gateway-cu4200.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAACVBMVEVHcEz////////mcEUwAAAAAnRSTlMAvy1NYyUAAAAjSURBVAjXY2AgAqxaBSRWZMEIMBdMMDUACa4FQF7XolVgFgDrDAp3VSj4ygAAAABJRU5ErkJggg==);
}

.sprite-node-rf {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAP1BMVEVHcExxcXFwcHBwcHBxcXFycnJwcHBwcHBwcHCayiBzc3NwcHBxcXFxcXFwcHBvb29vb29ycnKbyiHl5eXMzMyxpeY4AAAAEnRSTlMAcFTg6h0Zf7d/KqOZr8BAOVW1RuC5AAAAY0lEQVQY04XLyxKAIAhAUZ+AT7T8/2+ttFyUM90VnAEhzqwkY0hacVdSUAAqpDJ2m5Cj1pExjRsZmNB7JA6yA6mINeeKUVEHA9pnxOw1GLFumz3g3B98Xt6wrLX3PmW/GtDHA1+RBxGeL4gIAAAAAElFTkSuQmCC);
}

.sprite-node-rf.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEVHcEz///////////////////////////////////////////////////////////////////+GUsxbAAAAEXRSTlMAVOCjHRlwf7fqmSqvQMA5VXV7vCIAAABiSURBVBjThY1ZDoAgDETL1ik73P+yGlBiXOL7aNKXaYdox7J4L2zpoCajnFMm1bnbhBy0DhlpZthkQYyQbHgIUQGtlIagZAjvdCxAidp5eqcvTgH8icfJXXw0PZuvD2iNvgEshQaN/ylZVAAAAABJRU5ErkJggg==);
}

.sprite-node-rf3 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAS1BMVEVHcExxcXFwcHBwcHCayiBycnJxcXFwcHBwcHAnS/9wcHBzc3NxcXFvb29wcHBxcXFwcHAnTv8pTv9vb29ycnIpTf6byiHMzMzl5eVN8LgCAAAAFXRSTlMAr+BUfx1wf7dAoyqZQMDqGRoxOVVrFdQxAAAAeklEQVQY012NWw7DIAwEDQTs8G4Tmtz/pIkNEqjDB9qR1wZ4sY5KIWdhcChvajVeHT1bhSlqHROqPuN8IgwBKXkngkzEM+cToyERpeqQEXPQ8M8+/l8HoLVPF9smGdq3TfFGfvuscKOtOxYxmBXmupalktnI2ZsZgucfsUcIAMszi/4AAAAASUVORK5CYII=);
}

.sprite-node-rf3.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAPFBMVEVHcEz///////////////////////////////////////////////////////////////////////////+PybD1AAAAE3RSTlMAVOCjHXCvf0C3KpnA6hkaMTlV5GVjcwAAAHJJREFUGBkFwYdhw0AAACFUX80tt/+uAbBu5+t1bivAb1+m93ta9h+w7uO45/k+xr6CbTnOcV3jPJYNnNM9/p7nb9zTCV7v+XrGeK4ZAMABqKqoD2iMCn0DjVEkHVBVVEBVUQGApAOg0DeAKupDVao48A9Awgb/d15WFgAAAABJRU5ErkJggg==);
}

.sprite-repeater {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAw1BMVEVHcEwzVf+byiGCgoIqTf+byiEqTv+byyF/f/8qTf8qTf8rT/+byyEuXP+Dg4ONjY0qTv+CgoKCgoIpTf+byyKDg4MpTf////+GhoYpTv+GhoaCgoKEhIQqTf8pTf8qTf+CgoKHh4eCgoKDg4ODg4OqqqqCgoKCgoIpTf8qTv+CgoKGhoaCgoKCgoKDg4OCgoKEhISCgoKCgoKEhISDg4OCgoKDg4MqTf+byiGbyyGcyyKbyiGcyiKczCKbyiGcyiKbyiH2GnvLAAAAQHRSTlMAD+bpSMyjwAJZwR2ZCzwSf5yu9KydwAEkoEheU33JzoFP3VnaA3Pz+JzTV/GLdkwy9bpNHfSvwvaPssHRS/F1KUk41gAAAIZJREFUGNNlj0UOw0AQBMu4tsPMzMxM8/9X5eBESrx1bKkJ9ovp3Nr2+FLfHGer3bCbTX2Ecmd5sEb9aiYJMQ+g1F4zqBUAfNfjhwR+zvUgr5RSSsVJ236xMQHz9nqKiIMRVFqBDeaDq4g4YDTHNmDeL+d/QURCyym0aKFabXSYNl07F73/Bse2EjRpEh5MAAAAAElFTkSuQmCC);
}

.sprite-repeater.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAq1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8te9EbAAAAOHRSTlMAow/mAswdwFlInPTB6fGZCzwSf66snQGgJF5TfYHOT8kD2t1z8/hNuq/1V4t2MtNMwvayj9FLdaF060IAAACDSURBVBjTZY9FDsMwFAUnaDtUZmZm+vc/WRdppTae5ZMeQbg/Zela86W33ezOq/msXv0IndEhThdTE1Ug9AFagyOTbhNAOz4/lNGx40NDKaWUKlEzWvUj8JJXJiIBbtIeJga8JzcRCcAdLw3gPe7Xf0FEcsslt1ihVm1xmDXdOle8/wYmoA87IwSS0wAAAABJRU5ErkJggg==);
}

.sprite-node-cu4keb {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAElBMVEVHcEybyiF8oxpmZmbl5eXMzMx+mDKsAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYCANGDMbGCPzmZmUgEDBAMRQYAIxgIBRACzFKAgEAgYIBjJgDYAyQkNBpIuLQ2goi4sLAPZLBlBZIHA1AAAAAElFTkSuQmCC);
}

.sprite-node-cu4keb.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEVHcEz///+flKJDAAAAAXRSTlMAQObYZgAAACNJREFUCNdjYEAFvBtAZPwvhrgqBsYGEAOIgADIZj7A8Ps+AIbxCUC/osTlAAAAAElFTkSuQmCC);
}

.sprite-node-cu4k {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAElBMVEVHcEyayiCbyiHMzMzl5eVmZmaCqrLhAAAAAnRSTlMAf7YpoZUAAAAuSURBVAjXY2CgDLAyKQGBQgCQIQhhMEAYKFJQBjJgNoAyjI1BpIuLg7Exi4sLABRRBtgX10jNAAAAAElFTkSuQmCC);
}

.sprite-node-cu4k.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAACVBMVEVHcEz////////mcEUwAAAAAnRSTlMAf7YpoZUAAAApSURBVAjXY2AgDJRWrepgUIoCEkxRqxqgXBABAUwNQIJrAQPDqq5FqwA2swzbZJGkzwAAAABJRU5ErkJggg==);
}

.sprite-access-point-rf {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAATlBMVEVHcEz7Y2f/YmtxcXFwcHBwcHD4YWf6ZGj7Y2f7ZGhycnJwcHBxcXFwcHBwcHBxcXH6ZGdwcHBzc3NxcXFwcHBvb2/8Y2lvb29ycnL7ZGhS+3WXAAAAGXRSTlMAwBrqf7cqf4DVHRlw4FSv5aMqmcBAVTlVbBHKawAAAGdJREFUGNNlj8kOgDAIROkKtdrVrf//o4oXjcwF8pKBGdAUAml4ReMWfUBgEHgzbp7uMR4xiKnm4wuWvtk8QUHvsTBo1m11BtyV2pHBetqeHHiF+LjIrm2JRgJhEUfFWxFMRBfl/vUvUiEJ6ci+7sYAAAAASUVORK5CYII=);
}

.sprite-access-point-rf.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAQlBMVEVHcEz////////////////////////////////////////////////////////////////////////////////////1bZCPAAAAFXRSTlMAVRrqwNW3f4AqHRlwVOCv5aOZQDnQfbjUAAAAZElEQVQY02WPRw7EMAwDx4lsyell+f+v7jFBxOMAbAxRaww8CkmKF6iSVAHGtkyAJEkA83ruvzfYrtv3icN79wOge7vPBS9mxQGs+LU2urlLksKtb/OYQbKk0FSbhqXp6dz3/h9zEwhLxOiwpAAAAABJRU5ErkJggg==);
}

.sprite-access-point-rf3 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAUVBMVEVHcEwnS//6ZGf8Y2n4YWf7Y2f/Ymv6ZGj7Y2f7ZGhwcHBwcHAnTv8pTv9xcXFwcHBwcHBwcHBxcXFycnJvb29xcXFwcHBxcXFvb28pTf77ZGgLufKLAAAAGXRSTlMAQOVVKsAaf4DVt38aMeoZ4FRwHUCvo5k5sOd3DgAAAHhJREFUGNNdj8kOgzAUAycQyAJlX/r8/x/aQysS1ceRxrLpY0qxpyRKUqxAkqQEMOVtByRJApjX63zXYLmP4dxpgvehAWDIx7UR2q5rA4BjuNeM70L4SmbjMk81eBnwKIZhDkqpmUG94x88Spn+Ky3nzEaAct8B8AFbFQoSF6X9VAAAAABJRU5ErkJggg==);
}

.sprite-access-point-rf3.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAARVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////9X1DS3AAAAFnRSTlMAwOVVGkAqf4DVtzHqGXBU4Jkdo685eN+HAQAAAHJJREFUGNNdj0kOwzAMA8eJbdlu9oX/f2oPDSKjOg4wpEgstZaIX5Gk0oEqSRVgassBSJIEMK/ndfdg25NdB4PlbAMA1tK5YGMIowEkbF8bOZj9JClu89SDj4BXEUIJPPTp8tp/8Cr++hPq46QI4PMTAF+T3AinyMWCTQAAAABJRU5ErkJggg==);
}

.sprite-encoder {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEVHcEyYmJiZmZmZmZmYmJiZmZmYmJiZmZmYmJiZmZmbm5uYmJiZmZmXl5eYmJiYmJiXl5eZmZmNjY2ampqampqXl5eXl5eZmZmZmZmZmZmZmZmYmJiZmZmYmJiZmZleS3c7AAAAHnRSTlMA28m3f4DtD8BVJKJ+NpBmVE4JQjAbY6WNeLrP5/n21sqLAAAAcElEQVQYGQXBQWoCURAFwPptDxJwJSF4/+O5cCVEnem8VC2uFwDPh+Yk9zfOP+tEEWHbiFBEgAjNCDtiKGKAEZqxfMX6W4amLDm0pSjGAGMoXnare9m9aOLwi/MhFDHACM3mG2D7KG4A3CgAgAIA+AcgHS4/DhAYlgAAAABJRU5ErkJggg==);
}

.sprite-encoder.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEX///////////////////////////9HcEz////////////////////////////////////////////////////////////////////////////////////////////0ao/XAAAAHnRSTlMP28m3f4DtAMBVJKJmfpA2VE5CCTAbY6WNeLrP5/m1JxcjAAAAbElEQVQYGQXBsQ3CQAwAwLPlKAWUFGnYfzBWAAmUvM1d7O43AJ+3Is1rx+8ZSTKGbsaQtAFGU7QhMZrksoDlogghRwhBEcJcSgiSZQHLIvk6RVU4fSlGa0YbknECp6HYPAA2kgOAgwQASACAP2O6LD155WzTAAAAAElFTkSuQmCC);
}

.sprite-ncoder {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABO1BMVEVHcEyZmZmZmZmZmZmZmZmZmZmZmZmZmZmampqZmZmZmZmZmZmZmZmZmZmZmZmZmZmqqqqZmZmZmZmZmZmZmZmbm5uZmZmampqZmZmZmZmZmZmampqZmZmZmZmZmZmZmZm/v7+ampr///+ZmZmZmZmZmZmZmZmampqZmZmbm5uZmZmZmZmZmZmZmZmZmZmcnJyampqZmZmZmZmampqampqfn5+ZmZmbm5uZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmdnZ2ampqZmZmampqampqbm5u2traampqZmZmZmZmZmZmbm5uampqZmZmZmZmZmZmampqZmZmampqampqZmZmampqampqbm5uZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmampqZmZmZmZmZmZmampqZmZmZmZmZmZn2Vr32AAAAaHRSTlMAh3ifg/CIZ5D44Nd+/ILhBve0bqsudnpxXWpw8XlpzASsAf3+P813S2FsZI+tezSB+s5jaAigUu8yX3M8QS2yL1HiVDhKB0fWnstcdansxom/k2Xftl5mdNpTrqGanOOmWdTpirHl+aHQ+sIAAADCSURBVBgZBcEDYgIAAADAy9xWDWGqZtu2bXvr/y/YHcof759vbX9fnc9HGXBf+/15/Y6+PF3XWkDloQrYbwKHNwC5TrB54LHj7qq0ZzYJ5uPV23Qh2L4iHgETgfxxujHWOleMZkFdOLa+VJpuHM/Ud4Hu+sJUx0BwYbQnXAcS0dhg39ByLN0cSIBIvH8svxjeWjXcBhpCtG+0bjcLNYDeHMDaJBhJAXZTTaCllqzEA5ehi2wtCMrFk1QkcZo8O9+Z4R9wOhk9QoxMHQAAAABJRU5ErkJggg==);
}

.sprite-ncoder.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABO1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+iNHvWAAAAaHRSTlMAeIef8IOIZ5D44Nd+/ILhBve0bqsudnpxXWpw8XlpzASsAf3+P0vNd2xhga2PNHtk+mPOaAjvUqAyXzxzQS2yL1HiVDgHStZHXMuedanGiZO/7N9ltl5mdFParqGaivmc6bFZ1OWm430gK6UAAADCSURBVBgZBcEDYgIAAADAy9xWDWGqZtu2bXvr/y/YHcpfv99/bW8fnc8HGXBf+/l8f42+PF3VWkDlsQrYawKHNwC5TrB55KHj7rq0bz4JZuPV23Qh0L4iHgYTwfxxujHWOleMZkFdJLa+XJpuHMrUd4Hu+sJkx2BgYawnUgcS0dhA//hSLN0cTIBwvHc0vxjZWjXSBhpCtG+0bjcLNYC+HMDaFBhOAXZSTaCllqzEg+ehi2wtAMrFk1Q4cZk8Pdud4R9v0hk9FDpHDwAAAABJRU5ErkJggg==);
}

.sprite-access-point-online-rf-bas {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAS1BMVEVHcEz/YmtycnJxcXH4YWdwcHD7Y2f7Y2f6ZGj7ZGhxcXFwcHD6ZGf8Y2lvb29wcHBvb29wcHBxcXFxcXFxcXFycnJ/f39mZmb7ZGipaKYAAAAAF3RSTlMAGh1wKrfAgH/Vr6PlVUB/OVQ46pkmBsIwBbgAAABuSURBVBjTZY9JEoMwEAMbsLHNml36/0tzgBwy6NilGUl0pbXScUiCYtvlBxDNtht56E+Hbdvc5+l2OE7w2vapR4KlplQX9rzNAwB1Hce1Au9HRhJprNW2XT5PRARSOEHXpyFWsRixuv7HgQjz9QXhfQsQlK8LNQAAAABJRU5ErkJggg==);
}

.sprite-access-point-online-rf-salto {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAATlBMVEVHcEz7Y2f/YmtxcXFwcHBwcHD4YWf6ZGj7Y2f7ZGhycnJwcHBxcXFwcHBwcHBxcXH6ZGdwcHBzc3NxcXFwcHBvb2/8Y2lvb29ycnL7ZGhS+3WXAAAAGXRSTlMAwBrqf7cqf4DVHRlw4FSv5aMqmcBAVTlVbBHKawAAAGdJREFUGNNlj8kOgDAIROkKtdrVrf//o4oXjcwF8pKBGdAUAml4ReMWfUBgEHgzbp7uMR4xiKnm4wuWvtk8QUHvsTBo1m11BtyV2pHBetqeHHiF+LjIrm2JRgJhEUfFWxFMRBfl/vUvUiEJ6ci+7sYAAAAASUVORK5CYII=);
}

.sprite-access-point-online-rf3-salto {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAUVBMVEVHcEwnS//6ZGf8Y2n4YWf7Y2f/Ymv6ZGj7Y2f7ZGhwcHBwcHAnTv8pTv9xcXFwcHBwcHBwcHBxcXFycnJvb29xcXFwcHBxcXFvb28pTf77ZGgLufKLAAAAGXRSTlMAQOVVKsAaf4DVt38aMeoZ4FRwHUCvo5k5sOd3DgAAAHhJREFUGNNdj8kOgzAUAycQyAJlX/r8/x/aQysS1ceRxrLpY0qxpyRKUqxAkqQEMOVtByRJApjX63zXYLmP4dxpgvehAWDIx7UR2q5rA4BjuNeM70L4SmbjMk81eBnwKIZhDkqpmUG94x88Spn+Ky3nzEaAct8B8AFbFQoSF6X9VAAAAABJRU5ErkJggg==);
}

.sprite-offline {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEVHcEyampr02qG9AAAAAXRSTlMAQObYZgAAAB9JREFUCNdjYEAC7G0M7N8Y+L8x/G8HISADyAUKIgEAwkMIK4iDwt4AAAAASUVORK5CYII=);
}
.desktop-reader {
  width: 342px;
  padding: 6px;
}

.desktop-reader .field-row {
  width: 330px;
  display: block;
  white-space: nowrap;
  font-size: 0;
}

.desktop-reader .field-row .field-radio {
  width: 80px;
  display: inline-block;
  font-size: 15px;
}

.desktop-reader .field-row .field-radio input[type=radio] {
  vertical-align: top;
  margin-top: 10px;
}

.desktop-reader .field-row .field-encoder {
  width: 250px;
  height: 34px;
  display: inline-block;
}

.desktop-reader .field-row .field-encoder .select2-container {
  width: 250px !important;
}

.desktop-reader .field-row .field-encoder .fake-loading-select {
  position: absolute;
  z-index: 1;
}

.desktop-reader.discovery-failed {
  height: auto;
  white-space: normal;
}
.column-customizer {
  width: 300px;
}

.column-customizer-row-container {
  width: 300px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
}

.column-customizer-row-container .column-row {
  height: 28px;
  white-space: nowrap;
  overflow: hidden;
}

.column-customizer-row-container .column-row > * {
  display: inline-block;
  height: 28px;
  vertical-align: top;
}

.column-customizer-row-container .column-row:hover:not(.no-hover),
.column-customizer-row-container .column-row.dragging {
  background-color: #C9EBFA;
}

.column-customizer-row-container .column-row:hover:not(.no-hover) .dragger,
.column-customizer-row-container .column-row.dragging .dragger {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANAgMAAADprMerAAAACVBMVEX///9HcEz///9EorLRAAAAAnRSTlPMABHcVXoAAAAWSURBVAjXY1D0YFiZxQAkQ0NBCAcXAKKxCFhJf7SoAAAAAElFTkSuQmCC);
}

.column-customizer-row-container .column-row .dragger {
  width: 20px;
  cursor: move;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANAgMAAADprMerAAAACVBMVEXd3d1HcEzd3d1Cz8AgAAAAAnRSTlPMABHcVXoAAAAWSURBVAjXY1D0YFiZxQAkQ0NBCAcXAKKxCFhJf7SoAAAAAElFTkSuQmCC);
  background-position: center;
  background-repeat: no-repeat;
}

.column-customizer-row-container .column-row .checkbox-container {
  width: 20px;
  padding-top: 7px;
  text-align: center;
}

.column-customizer-row-container .column-row .column-name {
  width: 260px;
  cursor: move;
  padding-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.edit-name-dialog {
  padding: 16px 40px;
}
.fingerprint-add {
  width: 350px;
  min-height: 120px;
  color: #999999;
}

.fingerprint-add .fingerprint {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 70px;
  margin-bottom: 16px;
}

.fingerprint-add .fingerprint.empty-stage {
  background-image: url(data:image/png;base64,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);
}

.fingerprint-add .fingerprint.first-stage {
  background-image: url(data:image/png;base64,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);
}

.fingerprint-add .fingerprint.second-stage {
  background-image: url(data:image/png;base64,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);
}

.fingerprint-add .fingerprint.third-stage {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABVCAMAAAA2TOkzAAADAFBMVEVHcEwAsvMAsvMAsvMA//8AsvMAtv8A//8A//8Av/8As/MAsvQAsvQAsvMAsvMAzP8AsvMAsvMAs/QAs/MAsvMAs/MAtfQAsvMAsvMAs/MAsvMAsvMAtPMAsvMAsvQAt/MAsvMAs/MAsvMAsvMAsvMAsvQAt/YAsvMAtfgAtPQAs/MAu/8AufMAsvQAtPMAs/QAsvMAuvUAsvMAsvQAtPMAsvMAsvQAs/QAsvMAsvMAtPUAsvMAtvQAtP8As/QAs/MAs/MAs/QAsvMAsvQAsvMAsvMAs/UAs/QAt/cAs/MAsvMAs/UAtfgAsvQAs/MAsvMAsvUAs/MAsvMAs/UAsvMAsvUAsvMAtfQAsvQAtPUAs/PLy8sAs/MAsvQAtPYAs/MAs/MAuf8AsvMAv/8As/QAufcAsvMAs/UAv/8AsvMAtv8AtPUAu/8AsvMAsvYAs/QAs/UAuP8AtfMAxv8As/QAs/MAs/QAsvQAsvMAs/PMzMwAsvQAsvMAsvMAtPUAtPQAtPQAt/gAsvQAsvgAsvMAs/MAtPMAsvYAuPcAs/MAtPYAsvMAs/MAtPMAtfcAs/QAsvQAsvMAsvMAs/MA1P8AsvQAtPMAtfQAsv8AsvMAtPYAsvMAsvMAsvQAsvQAs/PMzMzNzc0AtfYAsvQAsvMAs/UAs/MAs/MAsvQAs/QAsvQAs/QAtfMAtPUAsvPOzs7MzMwAs/QAsvMAsvMAs/MAsvPLy8vNzc3Y2NjMzMwAtPPU1NQAsvPW1tbMzMzNzc3Pz8/Ly8vLy8v///8AsvPMzMzNzc3Ly8vLy8sAu/8AsvPLy8vMzMzMzMzLy8vLy8sAsvT///8AsvTNzc3MzMzMzMzLy8vMzMzPz8/MzMzNzc3Pz8/Pz8/MzMzMzMwAsvTMzMzLy8vNzc3Ly8vNzc3Ly8vLy8vLy8vMzMzMzMwAvPPOzs7MzMzLy8vMzMzLy8vMzMzLy8vLy8vLy8vLy8vU1NTMzMzLy8vLy8vMzMzMzMzLy8vU1NTNzc0AsvPLy8uH0h6qAAAA/nRSTlMA/P30Af4HAgME9XvU4LUF+vCV4vvBGMfybvHkQttGK+6t3czmpBz5KWKKExaPRGXsGtmTQNXpYdrfNOcwEUdym3mduu34Tkkgy4hUJabG9mdwllDqTfdMvjfO/Z6pPYBbC6AQpSHCNgiuFFINyT9fGxItCY3rfTKrueKnmbAzS0gnvyjPbFYeJMM7s6JcIpF0hbcsBpBZLgqhOlfeu13XdT84eMRpl2+MvH+oRU/lGlV21tCEgopeCI9VD4YTUUciO/UCscg58t8PmurF8MDVagPSNeu55dwq0mAvJ6WqdVC9Q3Fiz7GUb+YXFUyfQme025quwgywrdmN+tgGMwgPEDYAAAgxSURBVBgZncEDYJzZAobhL5zYbKNGtbupbdvc2sa23dq2221XXdvmXbNrXdv2feeef/4zk0nSpHge1eS/3zz15Hd/fO+rNe+Pf3PNh+999v1nvv7f07p2X1747qt/e6sa/5/vX/hWV+/jW//1hbcm/3zyldd0NV753afeK3v3z9/oCj5++Hvecp/+6Jk/PPzSG18+9NxD337y4xd/+uRnn3vLffDD11S9v/3yLa81/oMLLz2kql649cJfx3utt37ynKrx2/e9rlf/8tQLqt5vvv75q17Xmy/q8tZ4fd57+GldydNP/czr8ytd3hqv1zv+H2/o6tz69/Fer/cLXd7v//TuL17W1Xv5mc8//ERXZ26r7HcS7ohLrRVSq/YNmasndM5rrusxoPPqMqoqSO+6VNfC02p5G6qXOqx3oq7O/KGFXEntrg11ZfuPZRGQldnlYP1n88YuvS2vf/2DXTKzCBjc5YhqNrdLKFZ8Sq8+4apkx8iUtvitLVX1orKTcfXtekTVyX8kE1dY10hVY/clfJIGzlLN1u+ti09uni4n/PYQHMnPL9aVZUzugSPi+ShVMe11HBETGikgY3iDOulxD/YcNeJs34H3nilVsIYXQ3FszlAlHQpxFI2VdbT/2ngqyb25d7TKdbgDR/tJqmBSGEbaDzxyrWrZg8sqa1xP5bKTMHqOVpCFYRjtJ8nVagHVC63TQQFjUzHqDldATgxGeoZ86u0hoEf3kmMrP9p2+6FTmQUETFwsv4aHMdKeldVqMMbAaDlODgvBteKdRZvCVW5n07VZuMI6R8nyTMUImSefPs0wSqLkqHcDPmmvD09UFcuOH8aV3lxWeBeMsBMylo3DmOqRo3UMjrRhGarGiftCcYzIkxU+DKNwiaQSjOnhMsIv4lNngGrQYRCOkPrym4pxLkrZGEWzZXi64SjOUc3Cm47C0VVW5AKMx1UMjCiV4ZmAo3sjXVG72ji6ylrcHkjWWUhbKMcEjIjYcF2FjEE46ss6XRfi1Oqx9mfk6IwRMURXJ3ICRkgnWaOLxiyV39gkIKKpKknMaZDQplndus3aJDRokqggKRgrFquqjvEYTVXB0e3TkwmSPPBMpPyiz2HsilYV6zBSFCx8X1uqiL/FI6tjC4xHVFkeRlGkgnR6jMu6tFHWgAIgrFQVeR4DkverXFRjrEspsfU3bmwdm3IJ61iUXJ0w6qiiWzCGqFzH7vgsuGuGAvpkL8DnXEe5SjDaKVhkKnA+SgE72+CIG6lKRsfhyB0gn0bJwDoFa43xgAI6tsEY3NSjKjxNB2PkLpFPLBBxREHSgV0KiL4HI3WVHPl3LR+4t9+QHfLrkIoxJlqO+clAS5XbifGAAoZhZDaSdPSuXKxxx8PlmjsI46J8DgErEhUQC5RFy28DRu4SSU0KCVK0VK4lbTBGyrEf4wEFjAHull9UHJC8SVJ2CBWE9ZJrQAHwaJQcu4Bu8oscBeTIrynGBkmd8QlLHzhxUBKO0JFy9cYYIsc2oK38FgI9Z8s6WQwcltQ7FCOu/2wZbw+pjZGVL1cC0P5GGfUwZsj6CEiX3z4g5Ih0shijQZSsG2/CyJQrPwS4RY5iYIqsxkCK/OoAUyXFYsQqSAnGPLmmAnXkmAM8ISsBGCprdhjQRIpaASQoWOSjwCC5coCYZTL6ARNlxQEbZI0GCqKlhUDoJlUwEojIkE90D6CXjEXAOFnxwFhZB4C9kvoBM1WRpwxYJNcpoKWMJkBbWc2AfFmrgSGS7gNWymoSX9xfxnRgslxDgHMyZgHNZPUE+sgqBHpJmgksknUWakVJ6gfcLNdooK2MekBdWUlAqawCYL2kImC7rJ7AYknZwB65VgHJMpYCYbKSgf2ykoDmktKB+rLKgHxJ/YGtcv0aSJOxEciVVRuoJysGaC4pAciWdR64X9IsIKShXMXQQkY/YIysFsBuWe2BLZJKgAay1gEHJUX1ALbJlRO39TZJifHA7bL6AttltQBmSZoMzJE1GbhJxl6gbL6CDcXYIqsOMFRWX6CJpH3ADbJ6A1mRkmZhJHhU7rZRwD3yawDcLWsMcFzSeiB0mlyRWcA8GTdhrJsvv7wCIGK9/O4EusvqBjwuKToM2CDrPuAOGTtGYLTdlyhHn26hGI0V0AloJmsoMEfGPcABWTkY98uYlIQjec7yJ24eh0/3KAU0wtgh1/1ACxmxwIMeWUVA7WkyeteiooT5ClIIDJerORByo6QBGK1k9cJYK0e9SwRJOuRRsBIgRVYzYLiMrcBq+SVgTJHD07oQK2niTlW0DYiXNR3oJqMzxm5ZM7KAntvl6nDv9M1991ycMk2VbcE4IddxoH24pLezgM3ym4cRcVBX0gKIlatjGnBaxnKMVvI7hKNltGrWD8iUlQ5MlNE8BuibKL9jOB7tpBqdBmJk1QdCZshYidFSAQ3wmdl6vqrnOQ+bZUWWAQdkLEvFmKKAKTH4DN7VuHWvhe0m9X8k5fElqmRGlwMZ8lsJxDSX0SQCiDmhgPyZVHZYNZk7GOgmx90YhXNV7kwqFcWoRsuB0HYyji7AaFGqctGj5yQRZKJq1DAZKIqW0egsRuomBZuWF7tna3yt0JjamafunK2aDcW4V44tPTBG5Oh6RV8C0trJkf8gRsTySF2nVWlA/Fw5+uTiuLRb12kyxsxEORqNw6f7aV2XxEEYJeFyLGsZgc+YRfN1HTJqY7SUq1MxrlF1hofrmrUbhZEtV8NhdbFO6dqNTAPayq80pS4+oSd17RZFwDiVK32iDUZBlK5D6xXnx6qCdstTy+apOv8HBxdUrBYtNMUAAAAASUVORK5CYII=);
}

.fingerprint-add .fingerprint.finish-stage {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABVCAMAAAA2TOkzAAAC9FBMVEVHcEwAsvMAtv8As/MAsvMAv/8A//8A//8A//8AsvMAsvMAsvMAsvMAsvMAsvMAzP8AsvMAsvMAsvMAsvMAt/MAtPQAsvQAsvQAs/MAu/8AuvUAsvMAsvMAsvMAs/MAsvMAsvMAufMAs/QAsvMAtPMAsvMAsvMAs/UAs/QAsvMAs/MAtfQAsvQAsvMAs/MAsvMAv/8AsvQAsvMAv/8As/MAs/UAsvQAsvMAtP8AsvQAs/MAs/UAs/MAsvMAsvMAt/cAtv8AsvQAsvMAs/MAsvUAsvMAs/QAs/UAsvYAsvMAsvUAtPUAsvQAsvMAsvMAs/QAs/MAsvQAtPQAsvMAtPMAtfMAsvQAt/gAsvMAs/QAsvMAs/MAufcAs/QAsvMAtfgAsvMAsvMAs/UAs/MAsvQAsvQAsvQAsv8AtPUAs/MAtv8Axv8AsvMAuP8AtfMAuPYAtPMAtfUAsvMAtPUA1P8AsvQAsvgAsvQAsvMAtPgAsvMAsvMAtfYAsvQAsvMAtPQAtPQAs/QAsvMAs/QAtPMAsvQAuPcAsvMAs/QAsvMAtvQAs/MAsvQAtvgAs/MAs/MAsvMAtPMAs/QAsvMAs/MAs/MAsvYAsvMAsvMAsvMAsvUAtPYAsvQAsvQAs/MAs/MAsvQAsvQAtPYAsvMAs/QAs/MAtPQAtvcAs/YAsvMAtPMAsvMAs/QAsvMAs/QAsvMAsvMAs/MAuf8AsvUAsvQAsvMAtPUAs/QAsvMAtfMAs/MAsvQAv/8AsvMAsvMAtPcAsvMAsvMAsvQAsvYAsvMAsvQAsvMAtPMAtvUAsvMAs/QAsvQAsvMAtPQAs/QAsvMAs/MAtvUAsvQAsvMAsvQAt/QAsvMAsvMAs/MAs/UAsvYAsvQAu/8AsvQAtvMAsvMAs/MAs/MAsvQAsvMAs/MAvPMAsvMAsvUAsvQAsv8As/gAs/MAs/QAsvMAxP8AsvMAtPQAs/MAs/MAsvMAsvMAsvQAsvUAtPUAs/MAs/MAs/QAsvPDiNWQAAAA+3RSTlMA/gf1/AQBAgP98u/6x+AF+/Tb5isYRnvAExru3czh3/kWR7RE7PZUX+qVTOja6+cI0q4QcDaPlhGmm07G7fggFbrCimetpRs/9003YdlujYC9SNVWQqknQ2XxwyF5zybi5FGe06OQClK5DgneEi0dQTTlMwZ0KKewKcu1O5PjY0t9nZFcvyTwlJ8xLDIqomxyWWKFW28eiKHOUDq71NeLXaQ+sbysMCM9s1WrdvNKxJmXCzVJwU+o1kVAjAy3miLIV3g5yZLQbRyCjnXYYC+qyjh/nGQZhqBzaTx8D9EuuITNvtyHF4lofhQlsnpxDcV3g5haa+lqZq9YXkUwWHcAAAgbSURBVBgZncFjYGPdAobRt0xqm2OjY9u2bdu2beOzbdu2eW3r+XP3ydlJ03aKmbVUkRXvXbncq8b4ovzd4dGbhsfNff+td5c31fVLXXm1KJaywt95/+1VqjrvTYN/piIDu2/wqCo27G1M5eo9d5sq4b3rBYo1Htqqx4hhLx/s3Tx79MNjph3r/v0yimWe86h8z5wswArP/Ev1T1VW1lNvd4vCWvDHeSpHgxhcSc3qZql8XQbcXBtX9DRd2xR8/lynqSozu+4kfFJ0bflAVM+XVTV91kQBP+vaRibX23O7qu75WcuGt1TVdFky6Ln198+YMi583KbhcXOnH0nP1o2YfGRuQ8rKyZy4SNfDs+StRpQvv/V9CaqaeS1yqczUP2Spcs/PiiYgOq7dys13pfdf9GF6nc0r28VFE1C73X5VrEu7KKz4Pe07R6qUU/32FOC3+g2Vz/t6DK4PJu5XeVLvicOVNDFU5djwLT6xbVuqYssPFeKTnK5riXwpHMfuz3qrcmlDOuII+cyrMprfjCNkejUFfDqte8/MGcs69a23YF3bj15crGBZD0bh2JmmUm7LxZHXX9aKOqvjKSX5gfsiVGzf/Tia3KQS7rgXI/Ftj1wHNnbkmhq2Wqtir8didGqgIH2SMJrcJNdTr1C+qFv3KaD/FIzCcwoYGYaRmSafg3cS0LHrzFlb/3H4peNn4nIIGNVbflnPYiTeJeup2hhtI+SY3TocV+Pn6o6OVLFdY1dH47r3C68sz+cY4XPk07kWxkyvHAeH45N487QElTH/6Pe4Hs2WFdkOI+k7GfPPYuz1yPFuGI7E1mkqx3uPR+Goly4rsjVG7kJJVzF6RcqIfBCfnpNVgds64Ag/Jr+9GBe8eh0jr6kMzzYcKWNUscixfXFMlBX6CsYPSgHqLZbhmY6jazVVaulUHBNl9W4CxGgBJPaRYzpGyNeRqoK0Djg2yzpfCBe15LUm/5XjCEZID1VN6HSM8OqyGuT9tEh+/WOBkLEqJWHM5RqNahUW1mpU43LNBAWpj9G4t8pqE48xViWsGNErhiAxbV8MlV/EBYzxESpjDUZ9BYvcUUAZ8Vc8stoMxLhHpaVj5IUqSPXXuKZvh8manAMkLVZJnteA3c+rmLcVVlH9jGPDhg3IqF+ENcsrV3WMnirpCkYPFWvTFZ8XTk5QQOdBL+BzoY1cMzEeVrDQfOCSVwG7GuGY0U+lNJiBI/l38qkWA6xRsHcxHlNAm0YYtcd6VIbnk9oYyQvlkwGE7FeQR4HxCoi4BWPKATlSTw5ue+h0j1Py25ePMTRCjnkxwEYV24XxmAJaY8RVk7TiZDLW2aORcnXpgPGgfI4DjRMUkAE0jJDfFozkhZJq5hIkb5FcCxth9JPjdozHFDAUeFp+3otAzGhJg8Ip4d72ck3OAZ7wyjEe2Ca/0L7ASPl9grFF0hf4JGW2fb9DLI6ofnLdh/FvOQ4DBfLrA3RqKmt2CvCspEeiMC7WaSrjmx5TMaJT5VoPNHlIxlqMCbL+BWTKbwcQvl+anYLR3Svrobsx4uRKDQeuyJEC/F1WK6C+/G4FPpeUgZGhIDMx5si1F+gpRzPgTVnrgRaymiYBNSVvY6CGgoU+AXSQawwQNl/GL4BRsmYAW2Q1AHIipD5A1GiV0A8ISZNPREegvYy6wFlZ8UB/WduBQ5JOA91UkqchUFeuM8CrMmoCBbJqAamy5gK/lvQ4sFVWzfiUOjJ6AUPk6gFckNESqCWrE9BZVi7QXlI3oK6sBTDOK+k08IBcDYACGWuBQlmxwBuycoDlkvKAEbI6Ab0lDQLulOsAECNjEZAkKwa4XVYskC3pUeCYrIZAqqQ6wCS5fgkkyhgGJMuaChyUFQZkS1oPDJJ1CXhSUksgPEuuFHhHxmlgqKyBwFeymgCrJM0EustaA6yU5O0IHJZr5MVJL0tKiAdekrUOGCFrINBS0hCgmawhwN0yDgH/nKdgLTBWyboVaCFrHVBT0g5guKxHgOhQSS0xanhU7MO+wC3yuww8LWsocFTSciCquVyh0cAcGXdj/OcZ+aXnACHL5fcl0FXWx8BfJUUkAVtkPQ7cL+NUPYyCHQlydN4WhdFKAdWBWrJaAM1k3AJslzUS40kZd8Ti2N1s8JsP/IhPV68CqmGckutJYKCMDGCZR1YesKm5jEfGUVKNPylILjBNrmwg/CFJkzGWyGqPsVqOtUUEiT3uUbCrwB5ZtYBzMiYBc+VXA+OEHJ4BuVixo3appMNAvKxewDYZRzC+kjUhGug0Qq59v+m1c92dfzvRXKWtwvhOrqNAk0hJ30QDO+U3ByNkpSozEMiQq00icF7GYIwl8juOY2OEKvYrIE5WJjBKRnYY8EGC/GbheKK6KnQeCJO1GQifIGMrxqsK6I5PtwHPqHyeS7BTVmhDYLuM+fkYJxRwIgyf2uNbDWjfZ+kdde6p/8NClTKh3fY0+W0FwrJl1AwBwt5TQGo3SntWFfltbeBjOZ7GyO2iYi/mU1KYKvQWELVUxopXMN5ZrGIRDZrFEmSUKpQVA+RFyKi2AGPKaAVrnv717yfFj4sK2xR35sumqlgLjI/kWNURo94Y3aiIIiBxqRypyzBCBofqBh1IBOK7yNE5GUfRBt2gIRjdEuSodhafrud1QxI6YFyNlGP+xhB8fqo7TzcgbSrGq3JVT8HVt+e5SF23h/tiDJIrq3Uh1hldv36JQIH8FtcvxCdqtq7f/0LgRxV7481GGDle3YABjS/1VwlLB+c3nKPy/B/M/ksQgJqCZgAAAABJRU5ErkJggg==);
}

.fingerprint-add .cancelling {
  width: 100%;
  text-align: center;
}
.user-fingerprint-and-pin-code .add-fingerprint-button-field,
.user-fingerprint-and-pin-code .remove-fingerprint-button-field,
.user-fingerprint-and-pin-code .selected-encoder {
  display: block;
}

.user-fingerprint-and-pin-code .add-fingerprint-button-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  width: 100%;
  overflow: hidden;
}

.user-fingerprint-and-pin-code .add-fingerprint-button-field > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.user-fingerprint-and-pin-code .add-fingerprint-button-field > .encoder-name {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-fingerprint-and-pin-code .add-fingerprint-button-field label {
  display: inline-block;
  padding-top: 9px;
}

.user-fingerprint-and-pin-code .add-fingerprint-button-field .icon-encoder {
  margin-top: 10px;
}

.user-fingerprint-and-pin-code .fingerprint-names {
  display: inline-block;
  padding-left: 16px;
  padding-bottom: 16px;
}

.user-fingerprint-and-pin-code .fingerprint-names .fingerprint-name {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-fingerprint-and-pin-code .fingerprint-buttons {
  display: inline-block;
  padding-bottom: 16px;
}

.user-fingerprint-and-pin-code .half-padded-top {
  padding-top: 4px;
}

.user-fingerprint-and-pin-code .padded-top {
  padding-top: 8px;
}

.user-fingerprint-and-pin-code .icon-encoder {
  margin-left: 12px;
}

.user-fingerprint-and-pin-code .icon-fingerprint {
  font-size: 18px;
}

.user-fingerprint-and-pin-code .icon-edit:hover:not([disabled]),
.user-fingerprint-and-pin-code .icon-delete-fingerprint:hover:not([disabled]) {
  cursor: pointer;
  color: #1fb0ed;
}

.user-fingerprint-and-pin-code .icon-edit[disabled],
.user-fingerprint-and-pin-code .icon-delete-fingerprint[disabled] {
  opacity: 0.6;
}

.user-fingerprint-and-pin-code .icon-delete-fingerprint {
  font-size: 20px;
  position: relative;
  top: 2px;
  left: -2px;
}

.user-fingerprint-and-pin-code .fingerprint-button-and-encoder {
  width: 100%;
}
.leap-table {
  overflow: hidden;
  white-space: nowrap;
}

.leap-table .leap-table-header {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: row nowrap;
}

.leap-table .leap-table-body {
  position: relative;
}

.leap-table .leap-table-header-table,
.leap-table .leap-table-body-table {
  border-spacing: 0;
  border: 0;
  table-layout: fixed;
}

.leap-table .leap-table-header-scroll-padding {
  width: 100%;
  flex: 0 0 0;
}

.leap-table .leap-table-resizer {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  cursor: ew-resize;
}

.leap-table td,
.leap-table th {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.leap-table td.reorderable-cell,
.leap-table th.reorderable-cell {
  cursor: move;
}

.leap-table .reorder-marker-left,
.leap-table .reorder-marker-right {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 5px;
  opacity: 0.5;
  overflow: hidden;
}

.leap-table .reorder-marker-left {
  right: 0;
}

.leap-table .reorder-marker-right {
  left: 0;
}

.leap-table .reorder-marker-top-div,
.leap-table .reorder-marker-bottom-div {
  background-color: black;
  height: 10px;
  width: 10px;
  position: absolute;
}

.leap-table .reorder-marker-middle-div {
  background-color: black;
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
}

.leap-table .reorder-marker-left .reorder-marker-bottom-div {
  right: -6px;
  bottom: -6px;
  transform: rotate(135deg);
}

.leap-table .reorder-marker-right .reorder-marker-top-div {
  left: -6px;
  top: -6px;
  transform: rotate(135deg);
}

.leap-table .reorder-marker-right .reorder-marker-middle-div {
  left: 0;
}

.leap-table .reorder-marker-right .reorder-marker-bottom-div {
  left: -6px;
  bottom: -6px;
  transform: rotate(45deg);
}

.leap-table .reorder-marker-left .reorder-marker-top-div {
  right: -6px;
  top: -6px;
  transform: rotate(45deg);
}

.leap-table .reorder-marker-left .reorder-marker-middle-div {
  right: 0;
}

.leap-table .leap-table-hidden {
  display: none !important;
}

.leap-table .hover-div,
.leap-table .selected-background-div,
.leap-table .highlight-div {
  position: absolute;
  min-width: 100%;
}

.leap-table .hover-div {
  background-color: #fff;
  visibility: hidden;
}

.leap-table .background-div {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}
.leap-table {
  border: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}

.leap-table .leap-table-body {
  height: calc(100% - 38px);
}

.leap-table .leap-table-body .background-div {
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA4AQMAAAAGrgCvAAAABlBMVEX////19fVC0XEuAAAADklEQVQI12NgIBM0kAcBiH8OAe0Ewn8AAAAASUVORK5CYII=) repeat;
}

.leap-table .leap-table-body .hover-div {
  opacity: 1;
  background-color: #59C4F0;
}

.leap-table .leap-table-body .selected-background-div {
  opacity: 1;
  background-color: #40DABB;
}

.leap-table .leap-table-body .highlight-div {
  z-index: 1;
  background: none;
  animation-name: highlight-row;
  animation-duration: 3.5s;
  animation-timing-function: ease-in-out;
}

.leap-table .leap-table-body .highlight-div.selected-highlight-div {
  animation-name: inverse-highlight-row;
}

.leap-table .leap-table-header-table th.td-checkbox,
.leap-table .leap-table-header-table td.td-checkbox,
.leap-table .leap-table-body-table th.td-checkbox,
.leap-table .leap-table-body-table td.td-checkbox {
  width: 40px;
  text-align: center;
  padding: 0;
}

.leap-table .leap-table-header-table th.td-center,
.leap-table .leap-table-header-table td.td-center,
.leap-table .leap-table-body-table th.td-center,
.leap-table .leap-table-body-table td.td-center {
  text-align: center;
}

.leap-table .leap-table-header-table th.td-small,
.leap-table .leap-table-header-table td.td-small,
.leap-table .leap-table-body-table th.td-small,
.leap-table .leap-table-body-table td.td-small {
  width: 50px;
}

.leap-table .leap-table-header {
  height: 38px;
  border-bottom: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(to bottom, #d5d5d5 0%, #e0e0e0 30%, #e8e8e8 60%, #e0e0e0 100%);
}

.leap-table .leap-table-header-table th {
  white-space: nowrap;
  box-sizing: border-box;
  border-right: 1px solid #cccccc;
  height: 37px;
  font-size: 14px;
  text-align: left;
  padding: 0 8px 0 16px;
  text-transform: uppercase;
  color: #666666;
  font-weight: 600;
}

.leap-table .leap-table-header-table th .table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
}

.leap-table .leap-table-header-table th .table-header .table-header-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
}

.leap-table .leap-table-header-table th .table-header .table-header-title [class^="icon-"] {
  vertical-align: middle;
  font-size: 16px;
}

.leap-table .leap-table-header-table th .table-header .table-options {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.leap-table .leap-table-header-table th .table-header-button {
  padding: 0;
  border: 1px solid #e5e5e5;
  display: inline-block;
  background: #d3d3d3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d3d3d3 0%, #dbdbdb 60%, #d8d8d8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(60%, #dbdbdb), color-stop(100%, #d8d8d8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d3d3d3 0%, #dbdbdb 60%, #d8d8d8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d3d3d3 0%, #dbdbdb 60%, #d8d8d8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d3d3d3 0%, #dbdbdb 60%, #d8d8d8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d3d3d3 0%, #dbdbdb 60%, #d8d8d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#d8d8d8',GradientType=0 );
  /* IE6-9 */
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  color: #666666;
  box-sizing: border-box;
}

.dark .leap-table .leap-table-header-table th .table-header-button {
  color: #fff;
  background: linear-gradient(to bottom, #000 0%, #000 60%, #252525 100%);
  border-color: #4d4d4d;
}

.leap-table .leap-table-header-table th .table-header-button:hover:not(.button-disabled) {
  background: #1fb0ed;
}

.leap-table .leap-table-header-table th .table-header-button:focus {
  outline: 1px #00cfa4 dotted;
}

.leap-table .leap-table-header-table th .table-header-button.active {
  background: #00cfa4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00cfa4), color-stop(60%, #00cfa4), color-stop(100%, #00a180));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* W3C */
  border-color: #fff;
  color: #fff;
}

.dark .leap-table .leap-table-header-table th .table-header-button.active {
  background: #00cfa4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00cfa4), color-stop(60%, #00cfa4), color-stop(100%, #00a180));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #00cfa4 0%, #00cfa4 60%, #00a180 100%);
  /* W3C */
  border-color: #fff;
}

.leap-table .leap-table-header-table th .table-header-button:not(:first-child) {
  margin-left: 10px;
}

.leap-table .leap-table-header-table th .table-header-button span {
  vertical-align: top;
}

.leap-table .leap-table-header-table th .table-header-button.list-and-details {
  display: inline-block;
  float: right;
}

.leap-table .leap-table-header-table th .table-header-button.button-disabled {
  opacity: 0.5;
  cursor: auto;
}

.leap-table .leap-table-header-table th .table-header-button.button-disabled:focus {
  outline: none;
}

.leap-table .leap-table-header-table th .table-options {
  margin-left: 8px;
}

.leap-table .leap-table-header-table th .table-multiple-selection {
  margin-top: 1px;
}

.leap-table .leap-table-body-table {
  position: relative;
  z-index: 2;
}

.leap-table .leap-table-body-table tr {
  font-size: 15px;
  font-weight: 200;
}

.leap-table .leap-table-body-table td {
  white-space: nowrap;
  padding: 0 16px;
  height: 28px;
  font-size: 15px;
  overflow: hidden;
  line-height: 26px;
}

.leap-table .leap-table-body-table td [class^="icon-"] {
  font-size: 16px;
  vertical-align: middle;
}

.leap-table .custom-scroll-top-corner {
  background: linear-gradient(to bottom, #d5d5d5 0%, #e0e0e0 30%, #e8e8e8 60%, #e0e0e0 100%);
  border: 1px solid #cccccc;
  border-left: none;
}

.leap-table .empty-table-message-div {
  color: #b3b3b3;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}

.leap-table .empty-table-message-div .icon-info {
  margin-right: 5px;
}

.leap-table .leap-table-resizer {
  z-index: 4;
}

.popup-layer .popup .table-filter--close-button .icon-filter {
  position: relative;
  top: -2px;
}

.main-list-leap-table .leap-table-body-table td {
  cursor: pointer;
}

@keyframes highlight-row {
  from {
    background: #40DABB;
  }
}

@keyframes inverse-highlight-row {
  from {
    background: #fff;
  }
}

.main-list-leap-table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.main-list-leap-table applied-filters {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.main-list-leap-table table-footer {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 52px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 52px;
  -ms-flex: 0 0 52px;
  flex: 0 0 52px;
}

.main-list-leap-table table-footer,
.main-list-leap-table .table-footer {
  height: 52px;
  overflow: hidden;
}

.main-list-leap-table .leap-table-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
  max-height: 600px;
  display: flex;
}

.main-list-leap-table .leap-table-container.with-horizontal-scrollbar {
  max-height: 624px;
}

.main-list-leap-table .leap-table-container.with-horizontal-scrollbar .custom-scroll-body {
  height: calc(100% - 24px);
}

.main-list-leap-table .leap-table-container.with-vertical-scrollbar .custom-scroll-body {
  margin-right: 24px;
}

.main-list-leap-table .leap-table-container .leap-table-component {
  flex: 1 1 auto;
  width: 100%;
}
.leap-table .custom-scroll-wrapper,
.leap-table .custom-scroll-body {
  height: 100%;
  position: relative;
}

.leap-table .custom-scroll-body {
  overflow: hidden;
}

.leap-table .custom-scroll-horizontal-wrapper,
.leap-table .custom-scroll-vertical-wrapper {
  box-sizing: border-box;
  border: 4px solid #e5e5e5;
  background-color: #ddd;
  z-index: 3;
  position: absolute;
  bottom: 0;
}

.leap-table .custom-scroll-horizontal-scrollbar,
.leap-table .custom-scroll-vertical-scrollbar {
  border: 1px solid #ccc;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
}

.leap-table .custom-scroll-horizontal-wrapper {
  height: 24px;
  left: 0;
  width: 100%;
}

.leap-table .custom-scroll-horizontal-wrapper.with-corner {
  border-right-width: 24px;
}

.leap-table .custom-scroll-vertical-wrapper.with-corner {
  border-bottom-width: 24px;
}

.leap-table .custom-scroll-vertical-wrapper {
  width: 24px;
  height: 100%;
  right: 0;
}

.leap-table .custom-scroll-bottom-corner {
  width: 24px;
  height: 24px;
  background-color: #e5e5e5;
  position: absolute;
  bottom: 0;
  right: 0;
}

.leap-table .custom-scroll-top-corner {
  width: 24px;
  height: 0;
  background-color: #e5e5e5;
  position: absolute;
  top: 0;
  right: -1px;
  z-index: 3;
}

.leap-table .custom-scroll-horizontal-scrollbar,
.leap-table .custom-scroll-vertical-scrollbar {
  border-radius: 10px;
  cursor: pointer;
}

.leap-table .custom-scroll-horizontal-scrollbar:hover,
.leap-table .custom-scroll-vertical-scrollbar:hover {
  border-color: #999999;
  transition: border-color ease-in-out 0.3s;
}

.leap-table .custom-scroll-horizontal-scrollbar {
  height: 100%;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjuM2AAgE20AbZSznfKwAAAABJRU5ErkJggg==) center center no-repeat;
}

.leap-table .custom-scroll-vertical-scrollbar {
  width: 100%;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAAA9JREFUCNdj+M/EAARwEgAbJQMEMY2RiQAAAABJRU5ErkJggg==) center center no-repeat;
}
.custom-select-container {
  min-width: 180px;
  vertical-align: top;
}

.custom-select-selection {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 60%, rgba(0, 0, 0, 0.1) 100%);
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  height: 34px;
  outline: none;
  position: relative;
  cursor: pointer;
}

.custom-select-selection:focus {
  border-color: #00cfa4;
}

.custom-select-selection.open {
  border-color: #00cfa4;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.custom-select-selection .select2-dropdown__filter-icon {
  vertical-align: middle;
}

.custom-select-selection__rendered {
  line-height: 32px;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-select-selection__arrow {
  height: 32px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.custom-select-selection__arrow i {
  font-size: 10px;
  color: #333333;
  height: 0;
  left: 50%;
  margin-left: -6px;
  position: absolute;
  width: 0;
  cursor: pointer;
}

.custom-select-menu {
  text-align: left;
  list-style: none;
  overflow: hidden;
  background-color: #fafafa;
  border: 1px solid #00cfa4;
  width: 100%;
}

.custom-select-menu-inner {
  width: 100%;
}

.custom-select-search {
  width: 100%;
  padding: 4px 6px 4px 8px;
}

.custom-select-search .custom-select-search-input {
  width: 100%;
}

.custom-select-search .custom-select-search-input:focus {
  outline: none;
}

.custom-select-item {
  height: 32px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  cursor: pointer;
  font-size: 15px;
  white-space: nowrap;
}

.custom-select-item.active {
  background-color: #ddd;
}

.custom-select-item.highlighted {
  background-color: #e2eff3;
}

.custom-select-item.placeholder {
  color: #999;
  font-style: italic;
  font-weight: 200;
}

.custom-select-item .select2-dropdown__filter-icon {
  display: inline-block;
  width: 16px;
  vertical-align: middle;
}

.custom-select-item .select2-dropdown__filter-warning {
  width: 10px;
  display: inline-block;
  padding-left: 3px;
}

.custom-select-no-results-item {
  height: 32px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  font-size: 14px;
}
date-time-picker {
  display: inline-block;
}
.mat-calendar-body {
  min-width: 224px;
}

.mat-calendar-body-label {
  height: 0;
  line-height: 0;
  text-align: left;
  padding-left: 4.71429%;
  padding-right: 4.71429%;
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-body-cell {
  position: relative;
  height: 0;
  line-height: 0;
  text-align: center;
  outline: none;
  cursor: pointer;
}

.mat-calendar-body-disabled {
  cursor: default;
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 255, 255, 0.4);
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.18);
}

.mat-calendar-body-selected {
  background-color: #00cfa4;
}

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  background-color: lightgray;
  color: #fff;
}

.mat-calendar-body-cell-content {
  position: absolute;
  top: 5%;
  left: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
  font-weight: 400;
}

.mat-calendar-body-other-month-cell .mat-calendar-body-cell-content {
  color: #999999;
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 207, 164, 0.5);
  border: 1px solid #00cfa4;
}
.mat-calendar {
  display: block;
}

.mat-calendar-header {
  padding: 8px 8px 0 8px;
  background: linear-gradient(to bottom, #D5D5D5 0%, #E0E0E0 30%, #E8E8E8 60%, #E0E0E0 100%);
  height: 40px;
  font-size: 11px;
}

.mat-calendar-content {
  padding: 0;
  outline: none;
}

.mat-calendar-controls {
  display: flex;
  margin: 1% calc(33% / 7 - 12px);
}

.mat-calendar-controls button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0 3px;
}

.mat-calendar-spacer {
  flex: 1 1 auto;
}

.mat-calendar-period-button {
  min-width: 0;
  width: 150px;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mat-calendar-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top-width: 5px;
  border-top-style: solid;
  border-top-color: rgba(0, 0, 0, 0.54);
  margin: 0 0 0 5px;
  vertical-align: middle;
}

.mat-calendar-arrow.mat-calendar-invert {
  transform: rotate(180deg);
}

[dir='rtl'] .mat-calendar-arrow {
  margin: 0 5px 0 0;
}

.mat-calendar-previous-button,
.mat-calendar-next-button {
  position: relative;
}

.mat-calendar-previous-button::after,
.mat-calendar-next-button::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  content: '';
  margin: 15.5px;
  border: 0 solid currentColor;
  border-top-width: 2px;
}

[dir='rtl'] .mat-calendar-previous-button,
[dir='rtl']
  .mat-calendar-next-button {
  transform: rotate(180deg);
}

.mat-calendar-previous-button::after {
  border-left-width: 2px;
  transform: translateX(2px) rotate(-45deg);
}

.mat-calendar-next-button::after {
  border-right-width: 2px;
  transform: translateX(-2px) rotate(45deg);
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
  margin-top: 1px;
}

.mat-calendar-table-header th {
  text-align: center;
  padding: 0;
}

.mat-calendar-table-header-divider {
  position: relative;
  height: 1px;
}

.mat-calendar-table-header-divider::after {
  content: '';
  position: absolute;
  top: 0;
  left: -8px;
  right: -8px;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
}
.mat-datepicker-content {
  display: block;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: #fff;
  padding: 2px;
}

.mat-datepicker-content .mat-calendar {
  width: 183px;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: #fff;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, 0.4);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: #fff;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}

.mat-datepicker-content-touch {
  display: block;
  max-height: 80vh;
  overflow: auto;
  margin: -24px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
}

.mat-datepicker-content-touch .mat-calendar {
  min-width: 250px;
  min-height: 312px;
  max-width: 750px;
  max-height: 788px;
}

@media all and (orientation: landscape) {
  .mat-datepicker-content-touch .mat-calendar {
    width: 64vh;
    height: 80vh;
  }
}

@media all and (orientation: portrait) {
  .mat-datepicker-content-touch .mat-calendar {
    width: 80vw;
    height: 100vw;
  }
}
.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon {
  width: 1em;
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-datepicker-toggle-default-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-datepicker-toggle-default-icon {
  display: block;
  width: 1.5em;
  height: 1.5em;
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-datepicker-toggle-default-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon {
  margin: auto;
}

.mat-datepicker-toggle-active {
  color: #3f51b5;
}

.mat-datepicker-toggle-active.mat-accent {
  color: #ff4081;
}

.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
salto-select {
  position: relative;
}

salto-select .select2-results__option {
  line-height: 17.25px;
}