@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/**
 * 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.
 */
.cdk-overlay-container,.cdk-global-overlay-wrapper{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 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}
.cdk-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}
.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] */
  /* [5] */
  /* [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, .add-bulk-edition .ngdialog-content .ngdialog__content .grid .bulk-add-table-container,
.add-bulk-edition .ngdialog-content .ngdialog__content .grid .bulk-add-edit-container, .six-twelfths, .five-tenths, .four-eighths, .three-sixths, .two-quarters {
  width: 50%;
}
/**
 * Thirds
 */
.one-third, .four-twelfths, .two-sixths {
  width: 33.333%;
}
.two-thirds, .eight-twelfths, .four-sixths {
  width: 66.666%;
}
/**
 * Quarters
 */
.one-quarter, .three-twelfths, .two-eighths {
  width: 25%;
}
.three-quarters, .nine-twelfths, .six-eighths {
  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--six-twelfths, .palm--five-tenths, .palm--four-eighths, .palm--three-sixths, .palm--two-quarters {
    width: 50%;
  }

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

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

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

  .palm--three-quarters, .palm--nine-twelfths, .palm--six-eighths {
    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--six-twelfths, .lap--five-tenths, .lap--four-eighths, .lap--three-sixths, .lap--two-quarters {
    width: 50%;
  }

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

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

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

  .lap--three-quarters, .lap--nine-twelfths, .lap--six-eighths {
    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--six-twelfths, .portable--five-tenths, .portable--four-eighths, .portable--three-sixths, .portable--two-quarters {
    width: 50%;
  }

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

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

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

  .portable--three-quarters, .portable--nine-twelfths, .portable--six-eighths {
    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--six-twelfths, .desk--five-tenths, .desk--four-eighths, .desk--three-sixths, .desk--two-quarters {
    width: 50%;
  }

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

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

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

  .desk--three-quarters, .desk--nine-twelfths, .desk--six-eighths {
    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--six-twelfths, .push--five-tenths, .push--four-eighths, .push--three-sixths, .push--two-quarters {
  left: 50%;
  position: relative;
}
/**
 * Thirds
 */
.push--one-third, .push--four-twelfths, .push--two-sixths {
  left: 33.333%;
  position: relative;
}
.push--two-thirds, .push--eight-twelfths, .push--four-sixths {
  left: 66.666%;
  position: relative;
}
/**
 * Quarters
 */
.push--one-quarter, .push--three-twelfths, .push--two-eighths {
  left: 25%;
  position: relative;
}
.push--three-quarters, .push--nine-twelfths, .push--six-eighths {
  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--six-twelfths, .push--palm--five-tenths, .push--palm--four-eighths, .push--palm--three-sixths, .push--palm--two-quarters {
    left: 50%;
    position: relative;
  }

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

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

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

  .push--palm--three-quarters, .push--palm--nine-twelfths, .push--palm--six-eighths {
    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--six-twelfths, .push--lap--five-tenths, .push--lap--four-eighths, .push--lap--three-sixths, .push--lap--two-quarters {
    left: 50%;
    position: relative;
  }

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

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

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

  .push--lap--three-quarters, .push--lap--nine-twelfths, .push--lap--six-eighths {
    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--six-twelfths, .push--portable--five-tenths, .push--portable--four-eighths, .push--portable--three-sixths, .push--portable--two-quarters {
    left: 50%;
    position: relative;
  }

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

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

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

  .push--portable--three-quarters, .push--portable--nine-twelfths, .push--portable--six-eighths {
    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--six-twelfths, .push--desk--five-tenths, .push--desk--four-eighths, .push--desk--three-sixths, .push--desk--two-quarters {
    left: 50%;
    position: relative;
  }

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

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

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

  .push--desk--three-quarters, .push--desk--nine-twelfths, .push--desk--six-eighths {
    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--six-twelfths, .pull--five-tenths, .pull--four-eighths, .pull--three-sixths, .pull--two-quarters {
  right: 50%;
  position: relative;
}
/**
 * Thirds
 */
.pull--one-third, .pull--four-twelfths, .pull--two-sixths {
  right: 33.333%;
  position: relative;
}
.pull--two-thirds, .pull--eight-twelfths, .pull--four-sixths {
  right: 66.666%;
  position: relative;
}
/**
 * Quarters
 */
.pull--one-quarter, .pull--three-twelfths, .pull--two-eighths {
  right: 25%;
  position: relative;
}
.pull--three-quarters, .pull--nine-twelfths, .pull--six-eighths {
  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--six-twelfths, .pull--palm--five-tenths, .pull--palm--four-eighths, .pull--palm--three-sixths, .pull--palm--two-quarters {
    right: 50%;
    position: relative;
  }

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

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

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

  .pull--palm--three-quarters, .pull--palm--nine-twelfths, .pull--palm--six-eighths {
    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--six-twelfths, .pull--lap--five-tenths, .pull--lap--four-eighths, .pull--lap--three-sixths, .pull--lap--two-quarters {
    right: 50%;
    position: relative;
  }

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

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

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

  .pull--lap--three-quarters, .pull--lap--nine-twelfths, .pull--lap--six-eighths {
    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--six-twelfths, .pull--portable--five-tenths, .pull--portable--four-eighths, .pull--portable--three-sixths, .pull--portable--two-quarters {
    right: 50%;
    position: relative;
  }

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

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

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

  .pull--portable--three-quarters, .pull--portable--nine-twelfths, .pull--portable--six-eighths {
    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--six-twelfths, .pull--desk--five-tenths, .pull--desk--four-eighths, .pull--desk--three-sixths, .pull--desk--two-quarters {
    right: 50%;
    position: relative;
  }

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

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

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

  .pull--desk--three-quarters, .pull--desk--nine-twelfths, .pull--desk--six-eighths {
    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;
  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: 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;
  -o-user-select: none;
  user-select: none;
  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 .tagged-input, .intl-tel-input input[type=text], .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 .tagged-input, .intl-tel-input.allow-dropdown input[type=text], .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 [disabled].tagged-input + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover, .intl-tel-input.allow-dropdown [readonly].tagged-input + .flag-container:hover {
  cursor: default;
}
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown [disabled].tagged-input + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown [readonly].tagged-input + .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 .tagged-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 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 .tagged-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 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 .tagged-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 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 .tagged-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 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-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('flags.2cb6252377bf5d0272a7.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-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url('flags@2x.1ff49fd4eddddb2bde9f.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;
  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;
  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 {
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  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;
  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;
  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;
  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 {
  transition: opacity 0.2s ease-in-out, background-color 0.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 {
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.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);
  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);
  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);
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  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);
  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);
  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);
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  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: 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: 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 {
  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 {
  border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  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);
  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,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAMAAAAL34HQAAAC9FBMVEUDAwMTExMFBQUGBgYMDAwICAgFBQUDAwMGBgYDAwMPDw8SEhIYGBgLCwsTExMfHx8GBgYcHBwGBgYmJiYcHBwfHx8XFxcJCQkODg4fHx8RERExMTEmJiYGBgYuLi4ZGRlDQ0MqKioICAgcHBxFRUUUFBQKCgooKCgzMzMnJycbGxsTExM8PDwvLy8xMTErKysLCwtNTU1CQkI5OTkUFBQlJSVmZmZeXl4mJiYfHx81NTVKSkoPDw9FRUVjY2NYWFhLS0srKys6OjpISEhQUFBsbGxEREQLCwsNDQ3a2to4ODhBQUE7OzsMDAwXFxchISFSUlJnZ2d4eHhlZWUzMzOampo+Pj4tLS1ISEhtbW1SUlJ0dHQQEBAwMDAhISFWVlZaWlpWVlZiYmJLS0snJyf09PQfHx+Xl5dHR0dPT08+Pj5qamrOzs5QUFBXV1dUVFR6enonJyddXV1xcXE2NjYWFhY8PDxKSkrNzc1/f3+hoaFfX1+KioqAgIB3d3esrKyYmJiKiookJCS7u7uhoaE6OjqLi4ssLCy8vLx6enpubm6Hh4eioqKFhYXp6enCwsKMjIzBwcGRkZHu7u44ODhycnLFxcVra2uioqLc3Nzl5eV4eHjl5eWSkpK+vr7h4eEzMzOSkpK7u7shISHW1taurq5aWlrPz89vb2/y8vJlZWWBgYHKyspeXl64uLh+fn4YGBg2NjbZ2dl6enrMzMy8vLyTk5POzs5xcXG/v79PT09paWmEhISbm5urq6u3t7djY2Pl5eXh4eFaWlqLi4u1tbW5ubl/f3/Q0NCCgoKTk5Ovr69KSkp1dXWpqanZ2dmvr6+ysrJMTEyenp719fWbm5tUVFSYmJjz8/ODg4PZ2dn19fWzs7NjY2Nra2uHh4enp6eIiIijo6PU1NSnp6eWlpbKysqpqal3d3ff39+KiorCwsLS0tLg4OC+vr7r6+uqqqry8vLj4+OWlpatra3r6+v39/fu7u75+fnv7+/5+fkBAQFzkre4AAAA+3RSTlP97ePc/P3u+Onz8/z79+Hz0+rL++D89bvl19jr8sL6wPndsq7m0anI0uPLyfry27Oh8O7oZ+n42tCl+x98o+jk+r7y2+Wxv5mGpr/O4JBcR6/AvI6b89iltO7Z5HF2kc7A8c7MiPKavHeIhuB2waL61H37n8m0qpfkyKqy9/j56OC/Ovbkki8sh66AsfbrZeXf0uvos9X21L6A93TB0MKyao5IvMSvfvX6jqIQj/Dm41Bd5u/Unay/xlpqYticw7Zv1kiWn9kenp2M+ZtOkG33ffZbg6LPQkjVaNSyyjRUVpF+0ipZdbP4RTjOqmKQbqDZfuhjOFPDxfhv3SDpqyEAABolSURBVHgBdNKxaipbGMVx38sn8EHs5jk8VtNMZRgYGNJIrGwOllqIVU4jJCSkihwiOIqDxmh1/2vW3pfBy11r7al/fNr5aaX/c+tT4rzevm/fr98x79/vIev3dcx4PQ45jo8h1+M1Jr2m6Tk9xyzOC7JdbGM+t59Nlp/L5fJp+RTSYt1+buz/TKhcUG2T20ahiq6zqjlb5t6ryFPTO1b/pt18rZbqdneptetYJJNqmElGRVcbRpWzUS2STZFllNqHZBOoV9a4mFmGWaZBii7LooqGpGl6PadG+QfUg7SIp2odC5VfZElkU6PKjFJkUi6YLv+inMP6gOnw3z9WJMUAU4xSpLr/Wznta8lkF6IsQ5VlUXXBdXECClXeqJyxYaiqIxsdR1empFeb6O7MDJNKvYMZpQnVhdWPrqyfCYUpC6i5THOb8vdcW+fFel0UB24lFK3GlYLJKjdJQ3bp7qwuZkFVLrZl09P29KkOPpcnqSIKVrfTRjlWzV2hlPySI5PqvVgX6wMwpTdWkR1FG1UjJ6VJmjBUMbPFjMGiUpW4iFyDJR08DbrLbvdJ7fSVh4d+9hBR9WvNZNKl9PIcFSlySISPSKDkquK9RtW14l4jrpVcIaVslwA673Z49NSyiVE61gmSXEZpXKtRNTVLKqPIhedTEf+EuVEFKki9ChXTpaiT6FY6VrKL15oxbkXLUi5uVXIux7C7axmV0YeszuqgqufAYAlkFSLq9IpeTy5gPlXblaj+BdXAQkRKVYHEZAKlLLsDGtORSbEKkoLKyTVI0eUccGFSKrVaaaOJUHZpRKq9BsuxKsAcuZS2q4PKMEyOTUa9zfO3nN3fqrCJrdyRO5mAMsmqvSqUXb7Wpnw5UX0GLzaZ1b6WU6vRJRkkq9RHtVAVqwxbYWIixSYJI3u62+/3vNk+ojChKlmgRdiHz6X84lr3KpGmDNQbyxksq9jveCuyMoo3oZxKxzIqqITCRJXNbLPZ2IWKIPoaDF4+Bh+sq1oVWH+MUqb1fDoF9abmVmEChuvxd1H8RkbNok0iajLkmyTDZLgfAguR6nm2YbMS2ItqFe9LMlTQPhC5kfWnbjqf1kJpupXy+IZIKL2G1Jj+9lZ/TQLFsRwuBWmoDxw98rx/foaFKiSqZKIfXzbRAPvVCajGNeUZBQmX82gZl3oEpQmlriybMLuGWlANhbIKEd1sWFAxTC8DnmTAmkhkllBKzZv+wxYdrDSPhlEc9w69ndCl36LuSjfDgNAhMNKNiAwNLkrNShiodIqBfkRKk4AtQuHb5Abmf877mBGZc5436x8nQwYUHJvsIn+AOika66xfeA5TcslEGGr7a7vVR1spA0p1ZAL1obmMUh2x5DJKHVCh4oUJlWAnqqnOJ7nUO1rcFdy1t3K2yAYVU0klV//+3vQ/m+Yn/bDLqsGltciwVpCEopkue1u8Lf5MNYmlxFJAnc9/cwWuO6uui2udAon84m22m5hLJFB9/940nF0KJlA7+m0tJbaaw8osCpUil0xkUJ1VXKQouLRWqLaoBAuW06sEklFN80HDJRW0UImVUPN/5n9RTHNUGaZMJonCtJDpqyql4AdKJJJQa7Po/6Pk6hsnUGRHce3Gu/FX1pwKxQ0opsqo8kinkk1PjzNIvMFVcJ+BpLbblhdb0WpzdGMsTjCzDh9UJgUWvRpfBQsXESqbv80zw4LkYHKFSi0lChYl62K9xmRWy1ItBVTxNnb1PecE6gAKEzWLP4gLklxizaVKMlwimaWKtEAUnT3OQKE6zc6z8gyuLEqh7LouUDGUTiZ1Q48EV8Dqvm4oLBXUYac6V+rYDRaRaB4mkybcdDHlRJqKpIOER7XpVl0r2qqViqlaTJXe0VuBojVJKkiYPlVfUIpcFwNq2GqiLiYcWyUUj6mQWVVqKg5XiUl/kCOtSipgQqFSnfqopaSqm2VTYxJMMexFLpMIayXUb2pGOasooMk0ZaY6pZpS3IKit+tYK5nMqiJhsqvmUkDVVAF0eNm9cOGyClaoEgnRkCnnhOmb6lawUH1zVapMqZ1QamR54JZCOaBQXaVGLjA5GW/CUoItZBq2mqnPs9k+sSJMpQRptB4ZFKYcU84dq+7odl1ddxSTe1gCo0ylc4y6FOphfMFSnGATbsLFUqF6Vq3i9vtS/aoybESBjdqVWq2AWZVXXdVJday77gaUnlyhej28/qeil5cBu5ApEiiz7lMDRfdhok/lE6oIotFIpNFKrFWbt6u8ojmvyzurGEqkG255I5TzukS1jLkuZaJSPYgV+WHUD3o/uU+qZ6v2zwmVxnqyioZKlUwmok+Vr4zKNZVgzk0nFSyaZKiWry+qXTq7HlgrkYQSKVB2aSqyn+6RfaIwQfJWvxulCLVacSTHJBUo3UCyKVQxllFLu4yKwHq4sIr+SxYdqya2RlEcz0P5HAZG0t3UmtvapVHJaTQDtxVCwDQWtxhic4rAiDCKWFhEON00YxOYykeY/39/bgnMWus79Y99Hkq+PYgymw0jmkqWqIprupyqmnorTkUCZRKl6fOpqFG2srrsAdXhcH0ARs8qrpWk/zAVkCZrILlEGX8gqum9KiMqb2VLdi+73S+6+/W0u5hWoJ6CtdJUAulwvZBkUL1yLVV5KpusPNXm9PP0k52WZxinUsWtbKLqYNUv39cvVBTHChV9emKT4lohcgcbsgXzYIvrV1X2KlUpShRvsDltTngYt0qUJWdT9/6+tojq9XcKKV0E1UTUBBRdyTIFdXg7GDyoAuXMVareH769Rwd2M2Cqimt5Oi6jU1wlwrr3VFQNClONx613a0AZXBNI6Sp5s28HujjQyPUiSJ7r6mwCxNKFCdhpcDKqluwYx5qyYjqjiB+vxbHMCyobpqxZsRVThYgiE8W9AnVNjaxQiTKDQVGB2lDDqU7HyNSWdD0Vq7uiIIFiJZIi+4QR7pUoWZRwrLfFOa/WyEKUGbxDEibKmjAt3bI5ThvLoVCRUGVStaPbHd3vKJvsVeW15jZVouzFdWGVW5VoSlWibKSZqnJdG7moPt1qu95iYph0TUrNfDJfhcpm/r6VrPCkKV2aqkF1qhKFChflVA0tKMse68e1j2oqqv1WlNGUqPk8VJ6qx5u9LdhipquNq/3a/vwTP94/yMDGqSBpqo7HiibKfEZ1R916JOpsghQje7cvKtqZdDqyrLCe5+rRRQ/XDFeboaLtYCXqvaC+2iCpqjQNRZWk6VnSqO4CGokiXMpmBJkOA0XnnXmJqF5P1KyHSdQMVDumrCXrw0IigapKS47DpkpUqJ4bTM+ghD26OkxEFItb9T1Wn3Yst5p3/oK5gBGOxWsbVW1Y55wPRZMEalgdmyElgJoGEotbmUduVbK14y0bYwLU7+9ReSsTsDTZCKgIJkgsXa0L62vJoKjMsBoOuZZths8NlcRGIzaKa1FlYzeGVFSalHX6iApMlTOq0pW09gUGimsVk41TMXIDClXVDIfFBYmRUWkmULpQbeP1+0yYKpuqu7vO3fyOoWKibKZVUOH65xUWopLKYaKeqkQZHN/F9Rk1Go/g4CJ9JqwkTelSZXs2Iut2xlC5dqvFULWuUkX03JTP8EaSEZSo388jRn77+WJVjb+oingqXqr+79gfnR93bM65vFZx/du7tbezaGvWcu0/TNGxiupqFMXxeahbOmVgSs1xKuNhuKS4xyLEKoQozBSWAQkEq/sCaXLBJoWdnY/iU9z/3nshWWvls/2x9RJYQYrOSUI57AyJPZ/PnyfBVePiXqlVJmdRMjBQprr/+sUg3UFFMP3Z/oNKMhvXeoVrScWU73B1tn+77zOk6DPCpWrqrjTl41h8YUq8wxAbuBTzSIUpXLst91L+2mLh8XuhyjKuFbcicSsGyHqmLuJa5hGsZj91nVJQmEChSqKohDKTo/Qn8rgLEp9gcvkTyf7L+BPDpHSoAHWfHS+mMyb/njRMdc33Y0t1LVclKSQz0QRU5H4fqI6lYDIVqC2ziPRyca43UzHFQA9cpurOwCKYbl4uBcuT2tJIggsVI8PALDK5qvjDU1FXRVDJlZks22aQSJZxLZkenw9M5FOob1wWRAwTT32rFZGkirrJqoSruNsQhYrNTXsfLgrIanv7DBTBZfU4SbmdbzZSPx0mFRXKTIpgzTAUQ1Hci8JI1B6H7ardLPvdfr/dZzwZLkTqm1BkhqKtTNZIHabSV0/1lFpZMqHRsWhjqKaQ685TFVVl98JEWZDCRAyGiikzllSH7nzo2q6F1ra3VirBylKqiUqV4ErSVaI0nIqayb5A3SkBJdUJFaOSZVY/F4P1CBRB5IV0OLeguFV7u41BKm8lq3nLeiphTaiIuWiyok3SMFRNYfUQXAqu0+7ErJCYIpUCKwLnceAB1TJQnGo0FaOYakSBMhcwgmg1JSvCnVahCtQgFyRf5EQhIct3+WmfezGpcxYcRkC17YESYOYaIdnKEVAEkk1xFTNa07CIm3Sq4h0PHyKq5Ce51MV+schsYqESjLQdaxVuhQgVJJtQcslEFUfJRJeMvtNqWYUMFSM7Bmx/ykO1YNaMioVI8TspcPg8pdXSe6deDZZMUWVpDRV7Z5Xt9A4qkkeVRb6wYbLnI/tYwJLJegR2NJR1purHclP2PSoPpst0WV3wzF2AvqSCROwHlFS4qjU0uegsnAqYs3At3gJ1tJqLtldI7VWqzbgpNxtEuIKEybtC9kKtvhqKCxNzEaAlM5SZ6BrU2pqzcOlWVPnIKCyp6NFUV0TH8erFxKUAjT2yyKXHdOFW3r/plzVcbPm1nAWVggnZGhMPqLU3//2ihQxUXEsiTPR6vKLio6DIuOl5+3BdLixQPI4imADZ5yb7JPJPKLZeAwsZJki/Wf4RXXhJ9sG1AmXfy2Sqq4H+54qOUVvXoigMZ0bqYlxE6uTgYLgPDJIcsI0FaoRalx6FHp5CmlSZ4Pv//fa9B+5aS9spP05+m+iMaQaVuT0hEc71BkgYD8UoIf2btv7N3YVZIgwSLj5cDtX7GVX8D8lLikJlDQ9lM5ien89/Z46R9I+qNFFNJlXLr6Xvf9H+zaqimuIzZ6fIvKMSZbzxWn+bjCgXmT/nmQ/Xk8mykasrJrZce1iSQsUHiR3vjJ9MqBjBJk1bsuK1zMP+PP6QhiQNYfKxZvKkeFgmUO6iarkuiw+19MygulthfsfAdWGKBkyTLSksUbLiDo/PzwckUPlYaZpv8+0537hFdWH/kzh9yHqWEcXMMVyso9OxO0+apvP5EC5b8iIp88M3POQMQ9x5mEtEobptaJwLFWU1LaanS0FFM93x3nWY6LGbpuNEAjYdztF3aw4HWOkyww+FpokAK7SN3fBpCpSL6LosGVHgzFpQqBwmM/GLK2SgJlGhsv71UlRwbIg0CWKmhhQuQYz6UnpsMfW0Xdo+etd1b+8r7SzhHDVZAwmYBZY0ZLBMQRkzOzzWgSI1KHOxGVWOSAoRW93arqpYt6aMTG5ykTSJMiZYX4Y7fA0sUw91jSlgGyssUUUlarws4zKyttXlhEGKiCK4SLpsUbFoJlh60lRctWWQCCYbEcQpERWq1rWZNep7GU22CtvWbSdKd362mGRJyqh6HdhrsowqB6jhI6fN6eJnR+uEJarASkIGCk8FCpXdhmw3hWra7Q7Ydnb3Isog+gLEQvRaFxVtRNlTo6i5nE5uPI2iTOs8acque0nVWlXAqqrqqu22ClGieCtgFE0pr2Ug/VYhsvV3HWncpgFGT41v5VSNLExGlKaPdt/uXWS1VVSTqnUrzRhMlni0GVmaLBGVKmHSABFIBk8DSRQk6yIfqD5a7n4EFdUEai9KE4ds2Zb9LSsoWYJcRhecbz7afDe6GPGx/qOD7nHTV7cojDOLWyJhZNAtCE4aUiUWrgK1i3ToPwCkyB4RdeZ4nsf7ZWPOx1prv25/sihOFKNwjtwJ1+nP15/TF3/r9PWUF2s02ZjZ3037wknWE+rXBsp82BJJiTLHb0BWFSh+lSjOPkiWzVO9vFdTSYUtii11iwLSxFCRNCWKdN+s+2bHe8OlyTMpirQTjCXIOoKr2lf7d64kYfWd9UN/aaIYKJ/LR2dFdaLY1NNR0/HkCsqLDrT1dw0vbftSWk0u9s4osoDZCCS6XxST72/UXdiH/SgqRAHrEHVHIgoVzeAZTgMi5tO2LcegcfnDMntHZwHFFoio+S29kF8u0nUXSgB59gjNnFjUDFFGREETRQJWtbfqVrWVm7vqaQVVT1toYhFIP5BEfVD+jyY+JE0kUZOot4r64ZGWtSxTlSGruJGXp566r0tFeYtE8ZvoBMtgyqQqZb3tITGfYXD/AbsxSXZkBUVqYYgmVv6tRxKUpCbbrbs1Eh4+XG+ZHs4fte2HLZ0CZ8P8hOl2y1M2srEax7EeIRlfWZFkXX8u1/KnrqxrLo2TxLNujlQaXa97XGtRmYFRXVbdZjNsWivGh4giIzMVLmYzybray5XHl7s0tmOUTSCGSBck2nORrd16A7Ob7SZQudsjo80Ul5uzAqXGeU3DHllHI8LO/q1Anem2wCCVgBoon5YBvFE2Z7mE0VVds3tWC02ZJvrvpEhP0TAKzObvSljU6CmmzfKWHSmilSVjvVqxcrKeVfMkKmVn6mMjW+t2M1KaMku71LXUxKtrtUTFqKtTlqzP6ydrvNL1Z/OK6tW9QvKKKdLHhIHyyEEXOwTsECTqc+N4REVXSyuppC7PIkwWCit9pT6QOMrO0VmwnHdut2V8DtvdYXcgG47XLzhVkJ6jyMf9PQs4zuQXzieNSCKKAuWZXdTfVFwHXIetvZMQRafRe/7nWVE8/2TRFGm6d04L0ht7eztP3b2F6pFD/q2IqMj/lzHCw4ppueJZaaNszpolTc95u/ccJqPrLy7IYNVRIAqi+QYRpBVBF73QNm8x4UFwNfj/HzWnypvp6Km61S4P0h81rM6IKrYqKj9qZQnt7KVEoXqNF63p7/RnQmmaVCesLAax1rkowUx+5vfMvWcnSYpGLOUtvKVbSbEaMAIjglhnrWlyz/vvdRDN63W8tBV+1MzM9CWhmRPvKBEpvG50UYLYFXsRtKYzFbsd9jqsxMjN7/DipDMQVOq9P2rrnFCSVLLH+ypVusKPYsl4fowXK/KYbuBz0ACxQE6DMswqh9f8mnWVFFmTWX2RshZgaGCpUV5j52Dke1z+0zZt2xFi00XoGDDiIvKJwHCRIvRNTym2JFTYMKpSZVRGvMypxz6qkJHOleETKjNU1FBalOXys8AjVk9OKeMEueQ1lyCcqKYjFFi0tpDSHrznXZwg9vSCRe9C7OWmJc2UfJNJ0Qo+UFPHPFpMXuTGA5crB8XqSWXipd9gE/0i6TBjeEKJeiAVqWFlmlyabDUGyk1r2pTKsO3bsB/7cfAQeEY5Kz05Ra1S1GZtWlqGVim9XzQFO4s1TXFHpdI8tmBXd3VgZPT0UBgIXcjvQPgQv9WrpS1C9Ew8uc2pz3cahZbq5fvWCh2wFDwVGqAkcJLU81flYOEAKeJHbpA1qeftoc2qQxvHYpwJqfhAa69WTDjdvcA2zkJ5qhJCjrBU4iTkSQzpezVCm77JHEOrW+Qhq8rdpzoRi0UrbVRGN/pPei7TXjSUhBPPPzbIHNdRKAqiDImjNxiDrC8+O3DYSe9/YV114KFL4xrqPrIjvqg7gba/2/bRcJAfn8/6WVfPH1kbBRRIZyLSweXcBV4piuZZ5CeNWEA1JCIDtK3b5quCJmnlqjS/KHZeCSQH/w9WbAYgTE6s0sFy19oMzAcaatfVUDcmu75SMldSflJSo2GCTJE8PJ6UDL871kbuUM43VadWJuqlpqSTbCQ60M4U96fx8AgylP7VUEoXYCZnWuHxVTQyyuYA546EwGGt6gQVxTNyyqjsvnENv8MTLHAmes6KQcp5yjmLi63wVYaidCQR5spkILmkUcvDZD+iGpthgmrsTNTs0J0IG2ltTDVL+1RKrmBvFxgvlc2U3AOKhgHLVLh08HyXkSTORaD11VGD31WWfPqkEZEEWHoLACXCBImqNKqxm6wtomCkcyfqleZeKAYzUV8VjtZkyExolHdCvVx0pYILMLCaZpnDL5p3MB8G9RTzs0xEicE07ysZUCxWoPIEiclQ9MCa7dkNysfJzDIveVl0TyiltQkmhpXvGgRFh3Hw7NKHuRpYB5AScFo0RpnbOIzb777JOGz0QyDByEgEGSqom6WJIrQ48nI+UIRSsOcL3cMZqJB6/Hg/GpDTFOmebboTJ0IBFoEiGeoJA5f9rxgy2I0bBmKoEtiSpayu/f//9KXUM2vZSrV1gQIlOZyRc8jDlo+WzaEwTJsAiS7w3iqY5XVYuerHL3cV7P1Rioa62jg9GnBIKx/qGdar+5SZBpWXSNpIULGAsja7ePDGIBAPKB9UHKligKeFogcWu/S7s9EmUnzyUFNe7EEGgys756816Mv7xDgv5Y+KwEVZZLy22EZf9P+jfHyy+PQZTURwuPIo+JuqvhW5dSW4dhgFc3CpiWfjsDY386nkm4X1BRCmkF+QFFz5XiqjJyo0lzs2a5mMMOgOBpugBiRWgASIt6qNhKZqaXhado1m4pbV3dREuQUUyh2mIAu/kCmggcyPqXJFMXPLOWpa8dAfMjT4CDQuVuxYC4O/i2+1LrbkhbJM2RKrdTSYFImr336azB0aD/9YbSKfzFxVk+UEYhKpXndIyFjuQXEAOpWCMR4pMc25ddWbU3cTZ9ZynTZSyo8F1qB1WX+ntC5pherY0Oj0VnkxNEdXvpwAzxTCag7iiznzTimJ1iDaaILC4WLRsO3ExRHWv1JSbraS+2bEnirvmHTfsUKP/FCJoVijUkrBvojHLicoiM07oJUMGuGeUxLPRDDJSidy6VvoQD5H7eSfaPcE8yRvK7uV0HyKs7/+n34CHR2uy7vpg7IAAAAASUVORK5CYII=);
  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,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAMAAAAL34HQAAAC/VBMVEVHcEx/YZRsq11jnYp2lXKEZYmShGCagIB+f3yAfX5up19rZqKRT5xcopqkW2qAfHxdaqmYl1R6S6xVaLKrR4x+QLOMAspUU7utVFSmX1lWp6ixRl4yBP1CL92BAPJCTMz0AH97uEi9PUtet1ulQ5pYLNJTv15JU8M9AvZXAOnLLzywL6VXtHQ8RNWhl07ENkN8u0S3nD2sAM6QM7RoPcGvOptOurU8H+ktLO6DKMF3AORRuo5L1E0vP+aJ5ACiAMiatDpMzVZ5HMpH+ilqxUWAANmyqzVRorSIzyheB+BG/yhLxYBeOMd9/gBJfr3STCidILi0FrND5EjBJ56/hDnUALnUJjWQAOOYqkS6ArflAI1SAPxFz9HAAMlLxLfNGpS4ZEC8AMBnD9mA3RtvzDvJKW7QAaqeyh9cAPJoAPnRlide4DBHncXaHy/CtCSlANxCBe/sAJM9y/HBMnOWwS+zlUT1BxNx+ADEojCsuCvPIWVO8SzaFlrrAEeYAOyVANZD7D46cNTTrR1zAO2C8ADuBh1C+6rCWjhSx1RE3rgzXd8+td/gFirjVxjnDiPJUzBl0TtB56Y/9XpA5G8tW+/qAG3pAMDJezBGvMzSAMW7ANexb0a5Ono/pNU4h9ziCVJD2to3l+WFxzTWEIBIzZNJ20frbQ5BdMg/7WF+APzcAJbFwQ8xcOg9wOdE9vaY9gDScydE15lAkc612ADaRSFV5jHgAnRH0LdC4JFb6yTaix2Z1Q9y5RngtwIyh/ApSfr0AFw0nflF0nc4qu/fsxBB/I1p2DDEyQDiALAoJvnbaB+r0gJC4Oau5QD0ADlC2221whlD6+9D+sT1eQDoALTriQU5uvr0WQVA/m4sZ/pt7wuf4AD0AKUwgfk/2PlA64XRyQD1NAte/gRD58jjeRVB8LXsowBD8NXRANHrUBGV7gDnMxb1lgBB9jtA8pjjlhHtLhL1tQDpvADI1gBE+t3fNx0//kvgyQA/9luxAOdY9hdRIP33AM3H6gD21QDrnpHAAAAA/HRSTlMAOlc9MC47AyQaSEZQT0UOVk1fZ1xvqHZiVGBx+bvqm/dkg21opHuI7NKnh2KtXJZ3e9F9gXZ/y96KynWmy8u4gpea7oO5jXCjwfmJk/l9s5WhwpWLzLbab6/a+K/cj6l+xLC0lKC5r+TxrLmMxKvk3unkkJZp++qaoLHcw+b0x9Gpudvc7fOQi7u+vtLW36KgzeTD3+X0np3n8G+ArrvVwcyKu5mz5ZPV+8jG0ND6+bCtn+TDxtCivdDAvsPY4PP29KLfyPWs1dfyxM3U8/eyu+j09+bm9fb29Nba9vT20uT498/T3+Xh+Ojp3fXk4dPr9+j09c/29eb65VLGWq2zAAAbp0lEQVR4AbTSsariaBwF8C0uZLSReQSbLQf2BcKCU12w2VdIYSFMtYNFGgufxNbCIlhIcrtBiyBYJ01IGbDQgIFAwp7zHROvbKWj5/y/7zZX+PH/8sdjsSzzp9ftzh1nNrxkyS5njj/vdnvt/706Lcni/aU/jyYNSCiqmmTx/OsXq/33l6N4dfpBlA6HKfsZpl5SLavY75utvRamN3n7HqQpPDgs5tak7ESrdqO/3177mpbZU5Qqza4mlw4zdZnhBaHaIbyrqgr7Hf78ZajuJm1RDDgYXtkkmxBlXBjK0Fb279dXwIRap0pLapJxMkyTHatUHMAWgj0dVd6gWEzr0vxfpuSEbZ8L4+faX9+akHKizNgZTqYyMaZ15WyeE/bteR+/ped7f09RoMp0UqYlVJxIKoxCWJyhOxxvh/G8FpbrKa3nrKqzgQcgzCAtSwxQaKRSM2lQs5gqljDPy+DCUMUUVfWj84SF8f0G7whhg8GAKKhwGhQPaUqsmngsAljewIq8zn8+YWGdFU3oIJXJJFKVGYvYMzvG2EI1MgUuhq6iXnR+9wG1KoSbGtyoGhQOQJFt02WThQqlyoUBSgsrfj7+kNz0mCK9Hsu4ZeQKpNiqIRF1VYWSmSRekicJUQWmqH889JBSva20KK6KKpBcToSuozUmClCgApxPCdkYDUMPs0WvMrl+vT3m0gNKJdSBKHpciDjBGqrAxgCGtiZcuAXzWMCgAiopksKkPn17wIVf/Nl+VIblKmuXMESmQNcV5XNCtskWqu1nWC5X/dcDqt73K+pQHg5YlFRrJWAVuRyM7ftmkBC41oVupWKIkqt3z8KosqZGdSaKdeGiSlkFGFVxnMABzMcwlIUsURyuizEqDHOs619w3bWrKUgGZUwKUVOYVpgAE4w5YwcmFPHVNnJpX0IZ1yk5FafiiMp1167OeMGzUR0uu5pOjUohiKaxTIzf0pQ9G+4X4UIuJpELLLqOd7i4K6D0gIwL1dSlaXolMbgdtg1NzsgfOaP9SCq6wsUCNKI+WLOuExZ2p6v3z9mozvyqtCqoDEoZr8bKBqaNs8E4CkAYXD5qVHt/sSdsi2GSj+SDr0jYsf6PUfp3UeSM4zheJGC2SPrUga1SeP0WI4gMKZ/q/gAhoGBlwOnEylK0SC/MIWydRrA51JQKy8B0NstUJsNeIZZ5f3/snHFZuffn0frFV9VV+xZXrRZO9r/CRLCGEqqhoTxE3a2QfLENkwcMFZ/HPfcC9vdaryUwVUm4voHFRccniVudDMWheK+o0O3yaOsoLd7GMaT4d1vVXmQOI/sdV+4ihY3sZ7ytusf0GyxR0bBChb9CcFLaVVNF8icwp7nqyrXWc9GXlaGsD7ddovr1ZL2qxOUsmZBApVueNond9f9ElrjMYdr6ceUwy1x/iOuW6vtzpTKUFYbBTSwV0gMiKdZPzKtKZKB4PZ2oRvvHESiGye5VfCleipcjK34Q1w3W4pSL6vyPzV12qJCG1FSgJqi2hmrHk3Zs6+sSGzST7Xuo9iNcj+JyWCGu4kVdpbDeV+1A5afzWV1DLwQeQXKUbOK1mZnmrN/vywdaX2BJDxcpDJep1nYuVRXH4wuv876LP1Z+yoGdgeE6D8/DxTDgoq6oBHVtaiOS5u2+TWEJMAKVcC5ouBS2rmDFqtCO0q2/1x0mdlbUYohKClpqQXp4mBgLEs9JHIvvOSg+UiLTkHGu3giYumhVMnMdxUV37x5rlkt6Ky4FTGYopipcrmq0G21HyeZ8LHeZzFkWMP0hpXK1KgvLWEsA7/yEudxKroVJUcFDZChC1fiKarqqQvEi1mLOctioN5LWI1OVnAtY5ud6OtrPeK2q3eWWqXCJLCzsWMa6VLExa7abzeZcnruieWQuWzJQl1fBRFaWRQkrO2ageHe1Ny6knx01ZQtHWeklqtEQlZukuY0XNTHJosqVtBJgg+pe5lquS1TqyiRQ7E8Qb1Tf5do0F5W4aLYIszDzv5VlpxLTuDnmVF69WY/qqOoRCawV8aF+qyWsQW+Aq2Ou5VdYxr04Vwbr6eknGNes2SbfiGrKtRZTTELipWGXpjtXNchUoC5Jzfq8DozHyaxWnweMg8FCxRt1Xs+1LK2MXHV8hnH9f0fFBDVV1Ewmt7pUTQTVGNOlinmRzeJiLWswUFiHAeNaS1wKy3juIv71V6zDRlW45FYHcQlqls52otpVtxJU21X35vHeytw1aAlKBqwDzFzlsnwun02VPUmfKparfhTVZrpBpa7FQVG7sEMFSlUPpiJU97J6/Z699tFG0cfoQ8RzGDKpg4vERahKdT1/ypi6fr46178byk11OCwOB/kFSVSK+iykCmUm2S++/7iof5dG8zUM42Iy8Qeo2CVOFQ9MISHuNtOkWjicKVKkEZlCgrVg6XD+AQ2BiSKnyIDNFGHLwYAwYcvANkE46BaWizghDIKkiP3e1/0+8VXv7zvWH64nTPGXYpj0Vy49XL+GauraA/bHnnJpP/6QSqxQketlrAwqaqHSDQUDRS2p9PUVC1W4hHr3DCVTsWhZERhDJhXvpYvJpQHDRS3trxu95chl1lxvqnqQ6m+pREKlwfqtb1TEkujfoORhxaI+w6Ty836V6iMos1AxUHZFLY0rkgvXX4M5syLWkVmo5EqGCpdUfZ2wn6oUy6p3Mv0ik2HTpS7LtP/wbwuYVJbhOhcrYL+LFbVubnLkClbn6E/BHh7+FGtq6v2v51b9//f7UqWpqGUTC1CszGdYWgyUVHq42nvtvb1zPbkGkStcN79zxXOzvAWp9EA9/I1L61GrZ1fEqv5WlQpUqDDxSsXiLK9cjFcufyx/PNAzzDNrq/3fNjBcYsk1+DGwy7vxFp5irR2hItaDbwhKD1W3z0ARqwoqbYVodlYfJqlm/ZcXrgNUoPTsUq5pL2CDAarWj5ZQP8ml5Z9yPRzJpScVtaTCBStOqEerKrFeqfQZxVDxmGAHliUwVFu42oaBOlcsw2C1xPrpWq1prOyRBwrXqV5Pk6obtaqoxHpXfaaaLZVmS24VpNVZfVJFMooJdRAsw9pbbUYsZKAGLbvM8t6IBOv9tVUJDNSpUKolFCpGK1geptK/Suo0Na3qLeqPPv5A8w40BUOlz7n4ccnVxuVY5FKt1k8GqxGsplmghg+nuHpJLbn6uDpCdarVpFUFFCrdL1CLvNXFVVTJn/JqorJLvQzDFb1AwTo3atDSVAvV7c1tSyRt5QiWJpVrnfbI1Y1aHb1qh1awKvqs8gWZTXrMOE2uCIbLuXZR2ZUscTGuqEUtwRYca+3aruFwmNTyEXEJ5VgdVBoomQKFSqZYoPSlwdJeZ2e4XteqOdeFYqGy65ZceaG4Ia6hYHKdaj1exOp2OvzgvUqVVBVYmlG8WG41PsvC5V5n+txrV6zGVrvRbp+0z0+ACRUwq+y6vYC1MoQFClW4HMsqhokTVipWGcWWwpRbzOnj8a3mpocExTujl1CwtoSCdeJaA2At716o8c1Yrp8r+nHNX7Ph9ZChEqvZa3Zxdbr6ZXFEt6qkrbhgisos5jKAsvqHzrJwOZdqiQVMtRoNcp2fiFVDdXHRupCqJZVqsXn9uJaEUq6hckWsJq6uJ5NVsKSqSFV5qcoEKptdzAYMlVcoF8rlfOI62z3bNYtcjRNcqOxqPVLrXq6xXQWx6pNrL2rd4aJWE1W4hOJJBUqzagmUXjaTy2anHyzTloElrrxUZweqFS5UGrku5NJc6165xrBqYt1N4oij4fBOKsWaqr53I1YdV6qSySqxMjk9SjGpwhV3LNh1IJZgUsnV0KJWjUmlWo+PqiXW2Kx7/a81MitRJbAms+o7rDqq96g0brg2W5IrLpiR5NWe90prabuG2aVYNeXSHEsqXKqFa7wyszS51htdSzUa3lkVR0QlV73zDCXVmmP5gppSZUIz78/NQJlV8O8rjyt+XA3vhBll1qOmWPfUYsszmQmua7mkkuuueUes782uWVLV62IFTCh9UxawqWl+Puvvda9CgVxn+ahFLqka7RTGkiPCAvZpeeb9BJdVI6F8Q7s8u6p1saxaq4AqLeHKoEpRLGzhWpbqqVY+cr2u5VyPzCyjbm/XZ75+m2hSadSKXD4iLmqhwmWVY6lWhvmCoVqYwrJv7DJMrkJBudJaCWzzda17uca4DgV7nNmBNZqMolaodpoRS6qqjmjWh8qaVSVU6QXDtMBskytYObnSXG9BrTfWA7VR26jVti+2n9fSVOvT9sxILM2xEtfXZrhYnb0n11OtJU2stFWgPFi4gAmlM0YtsXYFW49aJ8jkota+XZ/FOlassVjjGVTUsutSKNX6imoHFSckFrWIhapkV4Y9tXo23xFV1PIV+c2/lYpayrW5KdbGBrXItf+4r1ifQ8Vmvn0T7GoyuhqNLqMWqp2dhBW5NFjA1vhpZZJaLFQrCytauMhlF78uzmgXseQSzGd0re3atnKpFbXGuG4Pb2FNzJJKrEuZpEprpSipPiS10iOCCpVNfImLI75RreWopbmWYMSilmJJRa19u+4/Hx+Pjw/Hh0ktuVBdoeKKyIgl1xc9WC9qLRlmVbiilWeWXZGLWuGySrWUC5hdgnFDxdIN5To8/CQXLMGutNHV5aVcrrWjK1LrS93zb+vDhzVyGRVHfCNUqpqzCpdryWSVXPlC1JJpN1BinbgWsfZRyTVWrLRWmkswuXbkmuYySxNLrcIVtZhZRs3NGRZX1KJWxHqbf6ute5uNzQ2uuL3hI+671jFLa0n1jVyXV6DIFa4vX0BxRKvIFTfMxBHnpzfEpVkVLNeasoC51m6C0v6hy45ZGsv3MI7noBkcPKMhKnLHYkACgnKZ4uK8hdvZCFMNY5UuNkkXYpFiGiPTBSxiYrBIYxqLlMGQdgjY2K1vZJv9Ps/5+/dkmH3O2a0/fH9HdtFDzbWIda5aVsVaWlCxW08oYmlWwRIs1lpZt6toFjOLYLlaLLpAwdKyWEvf/LlqMcdaquVZRS2jQq38DR0r98knq6tFAPGI+VrFNdcyioVYe47FT6JgIZZZ8YjLtaxaquVcYl1/r32vxVrxiFktJlZwebGWYrlW/tvady7fEBdDZReqK1S5b+sl1nIsFmOJVcvdUK4SLKmotVKMuQQzKqrebRQDKrDeVHbFWkax5Vq4nl6e6k/1X3Vc49vxbee208lqMVrVvtRwsXDEEizDioplVlTFWIYxwbajy6w/1mKB5VrEeslcsMawbmGBunmrBcuxYi1UK3z0Ca6Qi4m0FOtdspGASlVrO9zQ+70WMyrWCixcT3VqOdZYsTqwblDFWieZawvWxw/Khcoffd7lSeVaSVbLKsf687cVXeHbWvxYwPrlWPW6XGOmI37ruBau2nWNWXUCa+sjsFI4onOxV1dUGaUvi1gptbhhXtX43LBrGeVcF6HWz8I3WKxeVy6OiEojFqoHw1wLFHOtErnWlStZTVbtEkw0o6ziP9QJKrn4tshVMay33wMmV/Wwetg8bH792vraOm+dXw1+Xl3gUqwF/xt4K1bdrHFduTrjDrluUMkVcqkWqP9ntUqhlmDulV/Rs8modFuqPaMci1yoVAsUr2oNrq4GoPRtLch1XvjyEllW4dK+KdcDucIRayfZFV9zrWtJAsyKN1RgbSRsI8XFDdWq4iP2etkRq66Fi1qt1vkgq0UsclFrv7ASbzjmcSx241xy1R6yWie4lMu1fEZ6JcqVBYsPS2xisFC5lmOh6jWCixPycMNzsQa4xLJqsVH4AOq5/vx7LVRZLatwieVauJCt08tfPSv+tqQoVdYqRcUVaVURi0+rwT5X2WGzKRWxWlIpFlvItVHYrMMybD4fz8fjoXK5FiymWqBqjnWyBUyqeEaCofgTSqo0zVCwrKKWY1XjF9/UFz9ANfg5uPANtc1CYfzy/GxVvW4XsKFZ7NqwUa0GiwEjFzAWYIl7BVrC6xm2FKsSb8g4oWsxYimXXKq1cK2rQqFwrVix1tCqTl+sh5tQSy5f8TWXYeshWHDl/vFX5VjbKaqKVMd7xz3W0BGrjQx1SCqjtAvth1mfYX1Qref58xyXYLBQ9W/6dmkjXCGXVKwUWXlZ7JSkSUQ5FirFQhVqMcNayjXgjLAMW2j/gbUmlV1iDckFDBe52gGFamQVtRixlmBJHpbaxBNZ+VhWGdX0Wl6sFY64VuBXuvXg8obzoHKurJZcZkXYksswlvBYtZGup1HF587yqhysxataUgXX42JxsalfgHeM0mOVlqna5GqT62E0GjnXrlTBpUVXkKV2gcq3Uqze8XFPLt+w+u+1HqVatApifUQ1e57Ns3FERi4GS1MsXAeG7VoVZXmaQCFUbLXtVpU9VOwoxmra1bprtSatwcS1uq+w7E93m1bNZvNZrNUfGtV/aLfbqsWodWDWbgYrlXlKpVSqNDz6V15VNkoXpFaGOn2NddZs3jXvgmvQFap78SjV43tQvuIMl1TT+XAaWFq7ryu2R94BuQ5Q0QuYZQHmxyS/nk1BpVHrqNcwrHpaPauiakoFajJRrq5UdnFDs2qvtaZvLqZeDBYwf112MbvKeoDx2lVO48rbfsIBM9VR7wjV6WkDFaxm8+xOtVqZqtvNXNp+YK2B8mBNxbo3TLGAWeVcB2ZFWEZDpqccaOXsdSzPKqGscivH0hFdy6yoolYRkjfPUOQCNpzC6t+HIzLDdEPBdg+s0uNepcyV8v6NR49LlaOJcUAeq2AZhUmqyUSu7qTLHruONXj7E/pbLXY/5JHrMnONeD/xwLLLufKXZOiE0jBVQPHuhBMe6Tk6PTpl+rAYJzRsAkwurkgus/xzaNZ7mf6aTWdSDYPr0i7vU/uTXcy9rNrh3draMSs3QpkllUuZxSjFe6ZYLK8ahFqefw6D6wGVnqlrTe/vVevysn/Zvgwu9TqgVx62u2OYguW2A2one44r/4uq5Vh3Z1HFrAqwaogl1kpQBdcwuHhw/de1/mHTDnlUR8MojsvJzU2uuLtMsoIEQ1ZsUO1mqahBV5RMEMU0rHh9PwIWzbWbbMY1o5Gw6/oBMCTMJ1mz//M+fQIlnPO0Zswvp8jxvVC5a8T9REffeX2PReQoQAlnKEyKxlJAkfa9PbSHwxqQ/bQmsL7BcdfL3/9+ElygVLL72MVs5VJj5BItNRg1GSSOFyLd7zTB5VPRe1UdpBIK1uFHlE3+oYcXV2mur7AkOwLbSyXXX5jobEvNpJIUFnUXh4cAsheoxIpJedgq2FaMBWqNCpSxfKw+Rxvrcy+VXD6Xu3wtXAOZwzzAEismldhWy7dlXXN1YKsACtWascSSaoLqx70J4X+fyuUo1/5j7yoy281mmmvWuwqhuBSWHkjpiCPGSeJUBNcQpd5QPLiiqqGgJpNfoAxcR1C6PTBz5dDMtQXWuwqTAaOCcSNvYrVoKV35W/lWSvV2myq0oSVrqYhQMQdTPcx1Ya6L5sKFapff5nKXUMWvqlieaEqpx1CZo6TSVFUdFMay9CjGmkTYz0AeXB9SXZjrDpZLNhbMXbbYEAYKUpoNZJikMhcqUtV1FQRrB2s1uJqnY4n1FRRBRVDlxkKFy/eamorgSovUk4DK0ixJcGWJRGpJ9AF9qypYTNX1qoiKrm9iPbq2Ut1gchGDjW8uZAVngYamb8KLwMKUlVLpWZZLpVqGZagctWq7dt3RJrqiqn5QGevLQJVTg6HizCWVXG6iLrMktMy4HsVQhqppsKxAoeo62yqirrCe/WO6fvXmOl32p34vssOVo7LBJAM29S9JMmvmsjI+pUdbaaqKT8hJJVdUdV2zPkvVoLra7/2JaweJSjXfz/M5exFcYyabjWWiqLhiWjzAFsaSyFWATBVjU61Ct6JSrc9RdUV1vb4/VflnPJ04ZMCiTCquDzBVsEJdeDNVr3IxmOpVKNuKbpgKmI1Fzg0sVLCaL6Z4/hmlAjU/MRcqarBoUqWywMJj1SllhMn2ioiCeq0sYRO4ldLFYKKm8k/43LU7Wcxlsj/uB/tzNra9PIupOI5SSrpcaCi5XLWppNqsglTRde7OqEAp9ctzlcKf8v97uWMUt/EwCuDbDJNAILAMTuPxNmuQWm+CEsMiGFDhbofFiMGokCu5kk8gF76DwbqB9yTjPqUPoCsYqdj3vmd5/2YHnDHOvPdJaTLix2czU+n/H4uRC9W++M3v37sk1gl2xIvTecQ8mSqUKtWuxPqu7JR/zrxD9o6mLWowuYIWpkxBM5tkGpJQoWii6gklKpQKGadkaVdEsczNuVfuaqjYr6wlkCu4D1oX2p8e2ulPH6YPnamR3JAUhqFUIUjcVapdraVql9XcnX9B8RNRHLm0L8RgI6BaGVCtCwXMoREV8qIsTLktyxhJoHpeG2q1W62g+nJORddv2zbOvph7ljD1mA5GjVpUyCpclQIRCpVQK2RH1d9nVWTd/nnqmgumcGHsCU2wCK5OhArFYVLWkhD2DBZd6+8rwHbNrnm+Pa9iPsLVNZa3/eoRdmSNOGAh05GJlAjtRBFRrEgWmQZAjdOE24KJqpWFqh97sZr7CrrbbtdUW48qNJgHgU8YaxuzRCOIMLwBxAkPlQqzMFU6GJsqWTPcFT/DZvyDKrmgoos1lWA+KhijlUFmKoWqA2qBDhaDQaomljU/Q+zKttW0qte4GMEoQwDzLSP2mIiNRJNrEYG0ACrEokKYBsmAH2C7K6qY16no+iiX1/WQOcbia2EuLJJrGA1Jokgm3rAqDJLShVAl1gUqpd9VPMEOLgwj2HB06JAq3kzFYWAKTSWUWEJVaNM8UvXafGr3tT2F+S/DDq6hSFIx/1NV60qqL5cdgVJ7Ly3MlQ1ZJ4u2UqFSyVUm5bqkaoU2q7tLj2a5cb9gLczHACbVKWwhWawO2JxN8qTMaZKqomp8Q9Vlrl/kcheWoYAhS193RxazrkoosliqDFU1T3z85YcR1XNDsUzm0ZXh8jOIlpjhcokLEy+pQhmYYpAULqtkqrJimup3PvvinP6mcGAcyATz5WJjZSFYTlmCQrUuOVI9vb/CQVd11zLpTryJuSAyVLak65hYVSA6plS4Kw5Whcde4ViwvlgeXTNckim0uTLBclUq1mKox/ZYsCssLGjXhUIml0xy9di4t4x71riAqXgBlX7Qqq7hcmBwcWbebJbNMk6PFYtjrLyXF3EB1z4v9vl+X3KqfZXcXfW8RT6pnhuLyVTIUKpmuBCZAJKKFYoF6sNPOTmwDiaCWWZwIT3dem0KDFwFkhfFvtgTxqTXRjmw/hGlysQeYSApRJHElH9dH+XC3te+I3PS28w2vU2xAQttXdgWMvj1/c9CCXbLv5Sfp61Lsg27AQwuylqUTOEfN/rJNziGtR5lk8lGbV0gbYhSC5risNYxrG94aG394GdQIbg5KTBI/K1+d8v//abn6eqfuv48nS43J4k70bcaW2IuJf0L+L3oUNPhVQ0AAAAASUVORK5CYII=);
  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 */
  -webkit-text-decoration: underline dotted;
          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,
.tagged-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,
.tagged-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, .button-list, .button-list--stacked, .notifications-panel .notification-list-container .notification-list {
  padding-left: 0;
}
.no-bullet > li, .button-list > li, .button-list--stacked > li, .notifications-panel .notification-list-container .notification-list > 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;
  hyphens: auto;
}
.ellipsis {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -ms-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: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  justify-content: center;
}
.flex-direction-column {
  -moz-flex-direction: column;
  flex-direction: column;
}
.full-height {
  height: 100%;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url('HelveticaNeueLTStd-LtCn.ce42677d595ffce3e936.woff') format("woff");
  font-weight: 200;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url('HelveticaNeueLTStd-Cn.d15517f0567a66835444.woff') format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url('HelveticaNeueLTStd-MdCn.2feb7e83eec9c3d8436b.woff') format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url('HelveticaNeueLTStd-BdCn.961ae673c0e5d7795811.woff') format("woff");
  font-weight: 800;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url('HelveticaNeueLTStd-BlkCn.96b06b9c1c6f739d4145.woff') format("woff");
  font-weight: 900;
}
@font-face {
  font-family: "Helvetica Ce";
  src: url('HelveticaNeueCE-Thin.6aa38105c2db07a6b044.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('icomoon.f4e61c7fd3d28a336ba6.woff') format("woff");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-]:before, [class*=" icon-"]:before, .notifications-panel .notification-list-container .notification-list .notification .notification__close, .notifications-panel .notification-list-container .notification-list .notification .notification__icon, .select2-container--salto .select2-selection--single .select2-selection__arrow b {
  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-"],
.notifications-panel .notification-list-container .notification-list .notification .notification__close,
.notifications-panel .notification-list-container .notification-list .notification .notification__icon,
.select2-container--salto .select2-selection--single .select2-selection__arrow b {
  cursor: inherit;
}
.icon-wall-reader:before {
  content: "";
}
.icon-terminals:before {
  content: "";
}
.icon-limited-entry-areas:before {
  content: "";
}
.icon-limited-entry-groups:before {
  content: "";
}
.icon-booking:before {
  content: "";
}
.icon-qr:before {
  content: "";
}
.icon-floors:before {
  content: "";
}
.icon-elevator-group:before {
  content: "";
}
.icon-delete-fingerprint:before {
  content: "";
}
.icon-fingerprint:before {
  content: "";
}
.icon-ncoder-fingerprint:before {
  content: "";
}
.icon-barcode:before {
  content: "";
}
.icon-repeater:before {
  content: "";
}
.icon-device-off:before {
  content: "";
}
.icon-device-on:before {
  content: "";
}
.icon-access-levels:before {
  content: "$";
}
.icon-access-point-online-ip:before {
  content: "";
}
.icon-access-point-online-rf-bas:before {
  content: "";
}
.icon-access-point-online-rf-salto:before {
  content: "";
}
.icon-access-point-online-rf3-salto:before {
  content: "";
}
.icon-access-points:before {
  content: "";
}
.icon-add:before {
  content: ",";
}
.icon-admin:before {
  content: "a";
}
.icon-alarm-events:before {
  content: "";
}
.icon-alert:before {
  content: "";
}
.icon-arrow-down:before, .select2-container--salto .select2-selection--single .select2-selection__arrow b:before {
  content: "↓";
}
.icon-arrow-first:before {
  content: "";
}
.icon-arrow-last:before {
  content: "";
}
.icon-arrow-left:before {
  content: "←";
}
.icon-arrow-right:before {
  content: "→";
}
.icon-arrow-up:before {
  content: "↑";
}
.icon-associated-devices:before {
  content: "";
}
.icon-auditrail:before {
  content: "";
}
.icon-auditrail-export:before {
  content: "";
}
.icon-auditrail-purgation:before {
  content: "";
}
.icon-automatic-changes:before {
  content: "&";
}
.icon-battery-low:before {
  content: "⚀";
}
.icon-battery-medium:before {
  content: "⚁";
}
.icon-battery-runout:before {
  content: "☐";
}
.icon-blacklist-codes:before {
  content: "";
}
.icon-bring2front:before {
  content: "";
}
.icon-bullet:before {
  content: "☉";
}
.icon-bullet2:before {
  content: "☉";
}
.icon-calendar:before {
  content: "C";
}
.icon-cancel:before {
  content: "x";
}
.icon-card-printing-template:before {
  content: "";
}
.icon-checkin:before {
  content: ")";
}
.icon-checkin-group:before {
  content: "";
}
.icon-checkmark-circle:before {
  content: "";
}
.icon-checkout:before {
  content: "(";
}
.icon-checkout-group:before {
  content: "";
}
.icon-close:before, .notifications-panel .notification-list-container .notification-list .notification .notification__close:before {
  content: "X";
}
.icon-connection-offline:before {
  content: "⚆";
}
.icon-connection-online:before {
  content: "⚇";
}
.icon-copy:before {
  content: "◳";
}
.icon-copy-key:before {
  content: "";
}
.icon-cut:before {
  content: "";
}
.icon-database:before {
  content: "";
}
.icon-database-sync:before {
  content: "";
}
.icon-delete:before {
  content: "-";
}
.icon-door:before {
  content: "d";
}
.icon-door-closed:before {
  content: "";
}
.icon-door-left-open:before {
  content: "";
}
.icon-door-open:before {
  content: "";
}
.icon-door-open-entering:before {
  content: "";
}
.icon-door-open-exiting:before {
  content: "";
}
.icon-door-warning:before {
  content: "";
}
.icon-download:before {
  content: '"';
}
.icon-duration:before {
  content: "⌛";
}
.icon-edit:before {
  content: "e";
}
.icon-encoder:before {
  content: "";
}
.icon-end:before {
  content: "";
}
.icon-error:before {
  content: "";
}
.icon-event-stream:before {
  content: "";
}
.icon-f2:before {
  content: "";
}
.icon-file:before {
  content: "";
}
.icon-file-sync:before {
  content: "";
}
.icon-filter:before {
  content: "f";
}
.icon-folder:before {
  content: "";
}
.icon-forbidden:before {
  content: "";
}
.icon-functions:before {
  content: "";
}
.icon-gateway:before {
  content: "";
}
.icon-gateway-bas:before {
  content: "";
}
.icon-gateway-cu4200:before {
  content: "";
}
.icon-gateway-rf:before {
  content: "";
}
.icon-grid:before {
  content: "";
}
.icon-guest:before {
  content: "";
}
.icon-guest-access-levels:before {
  content: "";
}
.icon-help:before {
  content: "";
}
.icon-image:before {
  content: "";
}
.icon-info:before {
  content: "i";
}
.icon-key:before {
  content: "k";
}
.icon-key-delete:before {
  content: "";
}
.icon-key-expired:before {
  content: "";
}
.icon-key-expired2:before {
  content: "";
}
.icon-key-reedition-required:before {
  content: "";
}
.icon-key-reedition-required2:before {
  content: "";
}
.icon-key-update:before {
  content: "";
}
.icon-key-update2:before {
  content: "";
}
.icon-key-updated:before {
  content: "";
}
.icon-key-updated2:before {
  content: "";
}
.icon-language:before {
  content: "l";
}
.icon-license:before {
  content: "";
}
.icon-limited-occupancy-areas:before {
  content: "";
}
.icon-limited-occupancy-groups:before {
  content: "";
}
.icon-line:before {
  content: "";
}
.icon-location:before {
  content: "L";
}
.icon-location-function:before {
  content: "";
}
.icon-locations:before {
  content: "";
}
.icon-lock:before {
  content: "⎕";
}
.icon-lockdown-areas:before {
  content: "";
}
.icon-lockers:before {
  content: "%";
}
.icon-login:before {
  content: "2";
}
.icon-logout:before {
  content: "1";
}
.icon-low-zone:before {
  content: "";
}
.icon-node:before {
  content: "";
}
.icon-node-cu4200:before {
  content: "";
}
.icon-node-cu4EB:before {
  content: "";
}
.icon-node-rf:before {
  content: "";
}
.icon-node-rf3:before {
  content: "";
}
.icon-ok:before {
  content: "✓";
}
.icon-online-monitoring:before {
  content: "";
}
.icon-operator-access-levels:before {
  content: "5";
}
.icon-operator-admin:before {
  content: "";
}
.icon-operators:before {
  content: ".";
}
.icon-outputs:before {
  content: "⥄";
}
.icon-oval:before {
  content: "";
}
.icon-panel-max:before {
  content: "↧";
}
.icon-panel-min:before {
  content: "↥";
}
.icon-partition:before {
  content: "";
}
.icon-paste:before {
  content: "";
}
.icon-pause:before {
  content: "";
}
.icon-play:before {
  content: "";
}
.icon-pms:before {
  content: "";
}
.icon-ppd:before {
  content: "/";
}
.icon-print:before {
  content: "p";
}
.icon-push-left:before {
  content: "⇚";
}
.icon-push-right:before {
  content: "⇛";
}
.icon-reader:before {
  content: "";
}
.icon-rectangle:before {
  content: "";
}
.icon-relocate:before {
  content: "";
}
.icon-remove:before {
  content: "⨯";
}
.icon-restart:before {
  content: "";
}
.icon-rollcall-areas:before {
  content: "";
}
.icon-room:before {
  content: "";
}
.icon-room-made:before {
  content: "3";
}
.icon-rooms:before {
  content: "";
}
.icon-salto-network:before {
  content: "";
}
.icon-sam-issuing-data:before {
  content: "";
}
.icon-scheduled-jobs:before {
  content: "";
}
.icon-screen:before {
  content: "";
}
.icon-search:before {
  content: "☥";
}
.icon-send2back:before {
  content: "";
}
.icon-settings:before {
  content: "";
}
.icon-siren:before {
  content: "";
}
.icon-sort-down:before {
  content: "⇣";
}
.icon-sort-up:before {
  content: "⇡";
}
.icon-start:before {
  content: "";
}
.icon-suites:before {
  content: "";
}
.icon-suites-mini:before {
  content: "";
}
.icon-systemauditor:before {
  content: "";
}
.icon-systemauditor-export:before {
  content: "";
}
.icon-systemauditor-purgation:before {
  content: "";
}
.icon-table-menu-arrow:before {
  content: "";
}
.icon-text:before {
  content: "";
}
.icon-third-party-readers:before {
  content: "";
}
.icon-time:before {
  content: "⌚";
}
.icon-time-period:before {
  content: "c";
}
.icon-time-table:before {
  content: "t";
}
.icon-timezones:before {
  content: "";
}
.icon-unfilter:before {
  content: "";
}
.icon-unlock:before {
  content: "⏍";
}
.icon-update:before {
  content: "↺";
}
.icon-user:before {
  content: "u";
}
.icon-user-ban:before {
  content: "b";
}
.icon-users:before {
  content: "╍";
}
.icon-view:before {
  content: "";
}
.icon-visitor-access-levels:before {
  content: "4";
}
.icon-visitors:before {
  content: "'";
}
.icon-warning:before {
  content: "";
}
.icon-wizard:before {
  content: "";
}
.icon-zones:before {
  content: "z";
}
* {
  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('SpinnerStatic.072d73c80551d06a0690.png') center center no-repeat;
  z-index: 10000;
}
#busy-indicator .spinner {
  background: url('SpinnerToRotate.a38fecaf13b2e9afdbeb.png') center center no-repeat;
  width: 100%;
  height: 100%;
  animation: spin 1s linear infinite;
}
#busy-indicator button {
  left: -1000px;
  top: -1000px;
  position: absolute;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
#menu {
  min-height: 43px;
}
.ribbon {
  position: absolute;
  left: 215px;
  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('header-sparkle.87e1b0fdbe349cd69db3.png') 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('salto-logo-white.eea12de13b5f3526c00b.svg') no-repeat center;
  background-size: contain;
  width: 180px;
  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: 0.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: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.flex-item-noresize {
  -moz-order: 0;
  order: 0;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  align-self: auto;
}
.flex-item-resize {
  -moz-order: 0;
  order: 0;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  align-self: auto;
}
.flex-item-resize-nogrow {
  -moz-order: 0;
  order: 0;
  -moz-flex: 0 1 auto;
  flex: 0 1 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: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  -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;
  -moz-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: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: space-between;
  justify-content: space-between;
  align-content: stretch;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.content .content__footer .button-list, .content .content__footer .button-list--stacked {
  padding: 0;
  -moz-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: -moz-flex;
  display: flex;
}
.content .content__side-container .side-menu__content .menu-content__body .multi-tab-container > * {
  -moz-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: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -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 {
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}
.flex-footer .button-list, .flex-footer .button-list--stacked {
  -moz-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;
  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],
html [type=button].tagged-input,
input[type=reset],
[type=reset].tagged-input,
input[type=submit],
[type=submit].tagged-input {
  cursor: pointer;
}
button[disabled],
input[disabled],
[disabled].tagged-input {
  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('icon-scroll-vertical.d7a625e39780ec05d867.png') 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('icon-scroll-horizontal.63cf44983b7d254d44a6.png') 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;
  box-sizing: content-box;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x > .mCSB_container, .mCSB_container_wrapper.mCS_no_scrollbar_y > .mCSB_container {
  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: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: 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: "⎕";
  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: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: space-around;
  justify-content: space-around;
  -moz-align-items: center;
  align-items: center;
}
.table-container table .td-checkbox input, .table-container table .td-checkbox .tagged-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], .table-container table [type=checkbox].tagged-input {
  margin-right: 5px;
}
.table-container table input[type=checkbox].checkbox-top-1px, .table-container table [type=checkbox].checkbox-top-1px.tagged-input {
  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 */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* 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 */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* 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 */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* 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-th [type=checkbox].tagged-input, .table-container table thead tr th input[type=checkbox], .table-container table thead tr th [type=checkbox].tagged-input {
  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 .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, .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 .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.button-list--left-border, .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 ul.button-list--stacked, .table-footer--slim ul.button-list, .table-footer--slim ul.button-list--stacked {
  margin: 8px;
}
.table-footer ul.button-list.no-padding, .table-footer ul.no-padding.button-list--stacked, .table-footer--slim ul.button-list.no-padding, .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: -moz-flex;
  display: flex;
  -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: "✓";
  margin-left: -1em;
  margin-right: 0.1em;
}
.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 > .tagged-input:nth-child(4), .table-filter-content.table-filter-datetime .fullpicker > input.fullpicker-time, .table-filter-content.table-filter-datetime .fullpicker > .fullpicker-time.tagged-input {
  /* 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 > .tagged-input:nth-child(4), .table-filter__content.table-filter__datetime .fullpicker > input.fullpicker-time, .table-filter__content.table-filter__datetime .fullpicker > .fullpicker-time.tagged-input {
  /* 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, .table-filter--outer .table-filter__field.fixed-icon .tagged-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, .table-filter--outer .table-filter__field.fixed-icon .tagged-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: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  -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;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
  overflow: hidden;
}
.table-container table thead tr th .table-filter--container .table-header .table-options {
  -moz-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: -moz-flex;
  display: flex;
  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: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  -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], .tree-grid-row--level-1-rooms td.tree-cell [type=checkbox].tagged-input {
  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 {
  /* IE 9 */
  /* 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;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* 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('icon-scroll-vertical.d7a625e39780ec05d867.png') 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('icon-scroll-horizontal.63cf44983b7d254d44a6.png') 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: 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], [readonly].tagged-input,
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), [readonly].tagged-input: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, [readonly].tagged-input::-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, [readonly].tagged-input::-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, [readonly].tagged-input:-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, [disabled].tagged-input: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, [disabled].tagged-input: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), [disabled].tagged-input: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: 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: 0.7;
}
input[type=text][disabled]:not(.no-disabled-background):not(.force-error), [disabled].tagged-input: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, [disabled].tagged-input::-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, [disabled].tagged-input::-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, [disabled].tagged-input:-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: 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, ip-address .ip-address-container > .tagged-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], [type=number].tagged-input, .numeric-input {
  text-align: right;
  -moz-appearance: textfield;
  /* hide default spinners in Firefox */
}
input[type=number]::-webkit-outer-spin-button, [type=number].tagged-input::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button, [type=number].tagged-input::-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], [type=number].align-left-when-readonly[readonly].tagged-input, .numeric-input.align-left-when-readonly[readonly] {
  text-align: left;
}
input[type=number].field--xs, [type=number].field--xs.tagged-input, .numeric-input.field--xs {
  width: 34px;
}
input[type=number].field--xs.field-with-spinner, [type=number].field--xs.field-with-spinner.tagged-input, .numeric-input.field--xs.field-with-spinner {
  width: 45px;
}
input[type=number].field--s, [type=number].field--s.tagged-input, .numeric-input.field--s {
  width: 49px;
}
input[type=number].field--s.field-with-spinner, [type=number].field--s.field-with-spinner.tagged-input, .numeric-input.field--s.field-with-spinner {
  width: 60px;
}
input[type=number].field--m, [type=number].field--m.tagged-input, .numeric-input.field--m {
  width: 64px;
}
input[type=number].field--m.field-with-spinner, [type=number].field--m.field-with-spinner.tagged-input, .numeric-input.field--m.field-with-spinner {
  width: 75px;
}
input[type=number].field--l, [type=number].field--l.tagged-input, .numeric-input.field--l {
  width: 80px;
}
input[type=number].field--l.field-with-spinner, [type=number].field--l.field-with-spinner.tagged-input, .numeric-input.field--l.field-with-spinner {
  width: 91px;
}
input[type=number].field--xl, [type=number].field--xl.tagged-input, .numeric-input.field--xl {
  width: 96px;
}
input[type=number].field--xl.field-with-spinner, [type=number].field--xl.field-with-spinner.tagged-input, .numeric-input.field--xl.field-with-spinner {
  width: 107px;
}
input[type=number].field-with-spinner, [type=number].field-with-spinner.tagged-input, .numeric-input.field-with-spinner {
  padding-right: 19px;
}
input[type=number].text-left, [type=number].text-left.tagged-input, .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], .input-button-ctrl [type=submit].tagged-input {
  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, .input-button-ctrl [type=submit].tagged-input 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, .intl-tel-input.allow-dropdown.readonly .tagged-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, [type=checkbox].ng-invalid.tagged-input {
  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: 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: -moz-flex;
  display: flex;
  -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 {
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}
.fields .field.field--inline__full-width .ctrl input, .fields .field.field--inline__full-width .ctrl .tagged-input {
  width: 100%;
}
.fields .field.field--flex {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
}
.fields .field.field--flex.flex-column {
  -moz-flex-direction: column;
  flex-direction: column;
}
.fields .field.field--flex.flex-inline {
  display: -moz-inline-flex;
  display: inline-flex;
}
.fields .field.field--flex.flex-center {
  -moz-align-items: center;
  align-items: center;
  vertical-align: middle;
}
.fields .field.field--flex.flex-full {
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}
.fields .field.field--flex .ctrl.flex-auto {
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-left: 16px;
}
.fields .field.field--flex .ctrl.flex-auto input, .fields .field.field--flex .ctrl.flex-auto .tagged-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 .ctrl [type=checkbox].tagged-input, .fields .field.field--radiocheck input[type=radio], .fields .field.field--radiocheck [type=radio].tagged-input {
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
}
.fields .field.field--radiocheck [disabled] + .field__label--radiocheck {
  opacity: 0.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 [type=password].tagged-input,
.fields.grid .field input[type=number],
.fields.grid .field [type=number].tagged-input {
  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:not(:last-child, .no-margin-bottom) {
  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: -moz-flex;
  display: flex;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-direction: row;
  flex-direction: row;
}
.fields.fields--flex .field {
  -moz-flex: 1 0 auto;
  flex: 1 0 auto;
}
.fields.fields--flex .field .ctrl input, .fields.fields--flex .field .ctrl .tagged-input {
  width: 100%;
}
.fields.fields--flex .field.field--flex-min {
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}
.fields.fields--flex-simple {
  display: -moz-flex;
  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 {
  -moz-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 .ctrl [type=checkbox].tagged-input, .fields-table > .fields > .field.field--radiocheck input[type=radio], .fields-table > .fields > .field.field--radiocheck [type=radio].tagged-input {
  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], [type=checkbox].tagged-input {
  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-light, .button-settings, .button-warning, .button-error, .button-pagination, .button-secondary-status, .button-secondary, .button-primary {
  padding: 0px;
  overflow: hidden;
}
.button-light, .button-settings, .button-warning, .button-error, .button-pagination, .button-secondary-status, .button-secondary, .button-primary {
  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;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
}
.button-light [class^=icon-], .button-settings [class^=icon-], .button-warning [class^=icon-], .button-error [class^=icon-], .button-pagination [class^=icon-], .button-secondary-status [class^=icon-], .button-secondary [class^=icon-], .button-primary [class^=icon-], .button-light [class*=" icon-"], .button-settings [class*=" icon-"], .button-warning [class*=" icon-"], .button-error [class*=" icon-"], .button-pagination [class*=" icon-"], .button-secondary-status [class*=" icon-"], .button-secondary [class*=" icon-"], .button-primary [class*=" icon-"] {
  margin: 0 10px 0 0.3em;
}
.button-right-icon.button-light [class^=icon-], .button-right-icon.button-settings [class^=icon-], .button-right-icon.button-warning [class^=icon-], .button-right-icon.button-error [class^=icon-], .button-right-icon.button-pagination [class^=icon-], .button-right-icon.button-secondary-status [class^=icon-], .button-right-icon.button-secondary [class^=icon-], .button-right-icon.button-primary [class^=icon-], .button-light [class*=" icon-"], .button-settings [class*=" icon-"], .button-warning [class*=" icon-"], .button-error [class*=" icon-"], .button-pagination [class*=" icon-"], .button-secondary-status [class*=" icon-"], .button-secondary [class*=" icon-"], .button-primary [class*=" icon-"] {
  margin: 0 0.3em 0 10px;
}
.button-light:active:not(:disabled), .button-settings:active:not(:disabled), .button-warning:active:not(:disabled), .button-error:active:not(:disabled), .button-pagination:active:not(:disabled), .button-secondary-status:active:not(:disabled), .button-secondary:active:not(:disabled), .button-primary:active:not(:disabled) {
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.1);
}
.button-light .button__gradient, .button-settings .button__gradient, .button-warning .button__gradient, .button-error .button__gradient, .button-pagination .button__gradient, .button-secondary-status .button__gradient, .button-secondary .button__gradient, .button-primary .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: -moz-inline-flex;
  display: inline-flex;
  -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: -moz-flex;
  display: flex;
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.tabs.tabs--full.tabs--2-rows.tabs__nav--display-rows .tabs__nav .tabs__nav--row {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  -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 {
  -moz-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 .tagged-input, .autocomplete .autocomplete__button {
  display: inline-block;
}
.autocomplete input, .autocomplete .tagged-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: -moz-flex;
  display: flex;
}
.ngdialog *, .ngdialog *:before, .ngdialog *:after {
  box-sizing: inherit;
}
.ngdialog:last-of-type {
  visibility: visible;
  /* 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, .ngdialog .ngdialog__content .dialog-form-line .tagged-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: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.ngdialog .ngdialog__content .edit-optional-dialog .center-align > .field {
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}
.ngdialog .ngdialog__content .edit-optional-dialog .center-align > .separator {
  -moz-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__left-buttons, .ngdialog .ngdialog__footer .ngdialog__buttons {
  margin: 10px 8px 0 0;
}
.ngdialog .ngdialog__footer .ngdialog__left-buttons button, .ngdialog .ngdialog__footer .ngdialog__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--success .ngdialog__content, .ngdialog.ngdialog--warning .ngdialog__content, .ngdialog.ngdialog--error .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: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  -moz-align-items: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.cols--noresize.align-items-stretch {
  -moz-align-items: stretch;
  align-items: stretch;
}
.cols--noresize.align-items-center {
  -moz-align-items: center;
  align-items: center;
}
.cols--noresize.space-between {
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.cols--noresize > * {
  -moz-flex: 1 0 0px;
  flex: 1 0 0px;
  overflow: hidden;
}
.cols--noresize > .col--resize {
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}
.cols--noresize > .col--noresize {
  -moz-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, .tagged-input .tagged-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('login-background.5c521d28e6ea358d2bf7.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: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: 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, #loggedout .screen .content .tagged-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, #loggedout .screen .content #license-activation-component .tagged-input {
  margin-bottom: 0;
  display: inline-block;
}
#loggedout .separator {
  position: relative;
  height: 40px;
  left: 0;
  width: 100%;
  background: url('line.262f9e0c13f9e2b0a72c.png') 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, .login .tagged-input {
  margin: auto;
  margin-bottom: 16px;
  width: 200px;
  display: block;
}
.login input[type=checkbox], .login [type=checkbox].tagged-input {
  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;
}
.login-2fa-text {
  display: block;
  max-width: 405px;
  font-size: 17px;
  font-weight: 600;
}
.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('DefaultPicture.65fd5d10002c8d95c48f.png');
}
.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 .right-legend, .user-events .header .left-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('DefaultPicture.65fd5d10002c8d95c48f.png');
}
.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: 0.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: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
}
.roll-call-monitoring .content__status-and-body .content__status-bar {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.roll-call-monitoring .content__status-and-body .content__status-bar .left-block {
  -moz-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 {
  -moz-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%;
  -moz-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, #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .tagged-input {
  width: 100%;
}
#license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .spa {
  position: relative;
  letter-spacing: -0.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, #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .spa .tagged-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, #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .spa .tagged-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 .right--column, #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--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 .right--column .field, #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--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 .right--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 .column .field .tagged-input, #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column .field .tagged-input, #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--column .field .tagged-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 .right--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 .column .tagged-input, #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .right--column .tagged-input, #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .left--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, #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .upload-file-input .tagged-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], #license-activation-component .licensing-tab-container .tabs__content .licensing-content-container .form-container .upload-file-input [type=file].tagged-input {
  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 [disabled].tagged-input {
  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, #copy-to-clipboard-fallback .tagged-input {
  text-align: center;
}
#copy-to-clipboard-fallback p {
  margin: 0.75em 0;
}
.details, .item-list {
  height: 100%;
}
.details .content__body, .item-list .content__body {
  background-image: url('a.a633b74a5f2d5373d160.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: -moz-flex;
  display: flex;
}
.detail-box--flex-container .detail-box--flex-container__box {
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}
.detail-box--flex-container .detail-box--flex-container__box.fixed-width {
  -moz-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__title .icon-ok {
  color: #90cc00;
  margin-left: 4px;
  margin-right: 8px;
}
.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], .inner-detail-box .inner-detail-box__title [type=radio].tagged-input {
  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 [readonly].tagged-input,
.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: "";
  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: -moz-inline-flex;
  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: -moz-flex;
  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, full-picker[readonly] .fullpicker .tagged-input {
  border: none;
  background: transparent;
}
full-picker[readonly] .fullpicker input.fullpicker__input.has-icon, full-picker[readonly] .fullpicker .fullpicker__input.has-icon.tagged-input {
  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;
  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 */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* 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 */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* 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 */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* 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: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: 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: -moz-inline-flex;
  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 .button-margin {
  margin-bottom: 15px;
}
#settings .icon-warning {
  color: #cc6600;
  margin-right: 8px;
}
#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], #settings .encoder-combo [type=radio].tagged-input {
  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], #settings [type=radio].tagged-input {
  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;
}
.settings__2fa-turnon {
  width: 522px;
}
.settings__2fa-turnon .settings__2fa-cantscan {
  display: block;
  height: 42px;
  margin-top: 8px;
}
.settings__2fa-turnon .settings__2fa-cantscan a {
  margin-right: 8px;
  text-decoration: none;
}
.settings__2fa-turnon .settings__2fa-cantscan p {
  padding-top: 8px;
}
.settings__2fa-turnon img {
  height: 125px;
}
.settings_2fa-backup-codes-info {
  margin: 0 auto;
  padding-bottom: 12px;
  width: 325px;
}
.settings_2fa-backup-codes-info h3 {
  margin-top: 0;
}
.settings_2fa-backup-codes-info .icon-warning {
  color: #cc6600;
  margin-right: 8px;
}
.settings_2fa-backup-codes-container {
  border: 1px dashed #cccccc;
  border-radius: 3px;
  display: block;
  margin: 0 50px;
  padding: 12px 12px 0 24px;
  width: 320px;
}
.settings_2fa-backup-codes-container .settings__2fa-backup-code {
  display: inline-block;
  padding: 0 12px 12px;
  text-align: center;
  width: calc(50% - 12px);
}
.settings_2fa-backup-codes-buttons {
  display: block;
  padding: 12px 24px;
  text-align: center;
}
.settings_2fa-backup-codes-buttons button {
  margin: 0 12px;
}
#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: -moz-flex;
  display: flex;
  -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: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: 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: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: center;
  justify-content: center;
  align-content: center;
  -moz-align-items: center;
  align-items: center;
  height: 100%;
}
.user-photo-wrapper .spinner-wrapper img {
  -moz-order: 0;
  order: 0;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  align-self: auto;
}
.user-photo-wrapper .user-photo {
  width: 110px;
  height: 140px;
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: center;
  justify-content: 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('DefaultPicture.65fd5d10002c8d95c48f.png');
}
.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: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  -moz-justify-content: center;
  justify-content: 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: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: center;
  justify-content: 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], .user-photo-wrapper .user-photo-cover .photo-icons div [type=file].tagged-input {
  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;
  -moz-flex-direction: column;
  flex-direction: column;
  -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, .pincode .key-and-confirm-key-container .tagged-input {
  width: 80px;
}
.pincode .defined-key-container {
  width: 119px;
}
.pincode2 {
  margin-bottom: 16px;
  margin-left: 16px;
}
.pincode2 .key-and-confirm-key-container input, .pincode2 .key-and-confirm-key-container .tagged-input {
  width: 80px;
}
.pincode2 .defined-key-container {
  width: 119px;
}
/***********************************
KEYS
***********************************/
.keys--centered-content, .edit-user-key {
  display: -moz-flex;
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: center;
  justify-content: center;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-align-items: center;
  align-items: center;
}
.keys--dialog-message, .key-operation .key-operation--insert-key, .key-operation .key-operation--cancel-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: -moz-flex;
  display: flex;
  float: left;
}
.user-detail .content__status-bar .status-bar__group .status-bar__block {
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}
.user-detail .content__status-bar .status-bar__group button {
  -moz-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: -moz-flex;
  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, .identification-fields .identification-fields--highlighted.fields.padded field .tagged-input {
  width: 100%;
}
.identification-fields .identification-fields--highlighted.fields.padded .identification-fields--title {
  -moz-flex: 0 1 80px;
  flex: 0 1 80px;
  min-width: 50px;
}
.identification-fields .identification-fields--highlighted.fields.padded .identification-fields--firstname {
  -moz-flex: 0 1 185px;
  flex: 0 1 185px;
  min-width: 75px;
}
.identification-fields .identification-fields--highlighted.fields.padded .identification-fields--lastname {
  -moz-flex: 0 1.5 285px;
  flex: 0 1.5 285px;
}
.identification-fields .identification-fields--highlighted.fields.padded .identification-fields--ban-option {
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}
.identification-fields .identification-fields--highlighted.fields.padded .blank-space {
  -moz-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 {
  -moz-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: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  -moz-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
}
.locations-functions-bulk-dialog .flex-field-wrapper .flex-field-space {
  -moz-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 {
  -moz-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('DefaultConfigurationPicture.0b980230148b91b034a1.png');
}
.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, .general-options-details #emergencyOpeningPassword .key-inputs--inline .tagged-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, .wiegand-configuration .wiegand-configuration--fields .wiegand-configuration--offset .tagged-input {
  width: 64px !important;
}
.wiegand-configuration .wiegand-configuration--monospace input, .wiegand-configuration .wiegand-configuration--monospace .tagged-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], .wiegand-code-definition .ngdialog__content [type=radio].tagged-input {
  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: -moz-flex;
  display: flex;
}
.hotel-configuration--guest-track-info-container > .field {
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}
.hotel-configuration--guest-track-info-container > .content-field {
  -moz-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: -moz-flex;
  display: flex;
  -moz-align-items: flex-end;
  align-items: flex-end;
}
#mobile-checkin-container > textarea {
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}
#mobile-checkin-container > button {
  margin-left: 8px;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}
.ngdialog--door-associated-dialog .ngdialog__content .door-associated-device-container {
  display: -moz-flex;
  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 {
  -moz-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: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
}
.ngdialog--energy-saving-associated-dialog .ngdialog-content .ngdialog__content .energy-saving--container .energy-saving--name-and-prefix {
  display: -moz-flex;
  display: flex;
}
.ngdialog--energy-saving-associated-dialog .ngdialog-content .ngdialog__content .energy-saving--container .energy-saving--name-and-prefix > * {
  -moz-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 {
  -moz-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 .tagged-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 [name=desfire-keyplaceholderkey].tagged-input, .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;
  border-radius: 16px;
  position: relative;
  left: 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], .operator-group--tree [type=checkbox].tagged-input {
  vertical-align: bottom;
  margin-bottom: 3px;
}
.operator-detail .ng-include-padding-left {
  padding-left: 16px;
}
.operator-detail .operator-2fa {
  margin-bottom: 15px;
  margin-top: 8px;
}
.operator-detail .operator-2fa .operator-2fa-div .icon-ok {
  color: #90cc00;
}
.operator-detail .operator-2fa .operator-2fa-div h4 {
  display: inline-block;
  margin-left: 4px;
}
.operator-detail .operator-2fa .operator-2fa-div button {
  display: block;
}
.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 {
  -moz-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, .opening-mode-schedule__dialog .opening-mode-schedule__edit__field-container .tagged-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: flex !important;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
label.flex-ellipsis > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-order: 0;
  order: 0;
  -moz-flex: 1 1 auto;
  flex: 1 1 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%;
  transform: translateY(-50%) rotate(45deg);
}
.multiple-edit-tab-popup .button-container {
  display: -moz-flex;
  display: flex;
  -moz-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), .key-and-confirm-key-container .key-inputs .tagged-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, .key-and-confirm-key-container .tagged-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: -moz-inline-flex;
  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: -moz-inline-flex;
  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), .key-and-confirm-key-container-vertical .key-inputs .tagged-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: -moz-inline-flex;
  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: -moz-inline-flex;
  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: flex !important;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
label.flex-ellipsis > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-order: 0;
  order: 0;
  -moz-flex: 1 1 auto;
  flex: 1 1 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%;
  transform: translateY(-50%) rotate(45deg);
}
.multiple-edit-tab-popup .button-container {
  display: -moz-flex;
  display: flex;
  -moz-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], .salto-network .tabs .tabs__content tabs-panel > div salto-network-table .tree-grid-first-cell__content [type=checkbox].tagged-input {
  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;
}
.ngdialog.ngdialog--cu4k-input-edition .ngdialog-content .ngdialog__content {
  max-height: 560px;
}
.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-nodes-table tr.error, #cu4eb-nodes-table tr.error, #cu4k-node-input-table tr.error {
  color: #cc0000;
}
#cu4k-node-input-table tbody tr td .icon-warning.inline-icon {
  margin-right: 0px;
}
.salto-network--gateway__name-and-description.cols--noresize {
  flex-wrap: wrap;
}
.salto-network--gateway__name-and-description.cols--noresize .salto-network--gateway__name {
  min-width: 420px;
  max-width: 520px;
  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, .salto-network--include-reader-id .tagged-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, .broker-test-key #password.tagged-input {
  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, .ngdialog--when .side-form .from-to > .tagged-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, .ngdialog--when .side-form .correct-fullpicker .tagged-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 .active-technologies, .technologies .inactive-technologies, .technologies .sam-and-issuing--description {
  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 .active-technologies ul li .tagged-input, .technologies .inactive-technologies ul li input, .technologies .inactive-technologies ul li .tagged-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: -moz-inline-flex;
  display: inline-flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  -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 {
  -moz-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 {
  -moz-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, .key-properties mifare key-and-confirm-key .tagged-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 {
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}
.desfire-custom {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: space-around;
  justify-content: space-around;
  align-content: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.desfire-issuing {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  -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), .hid-iclass-sam .key-inputs .tagged-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: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: 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('Loading.4ac159e51c871bbc7e43.png');
  /* @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: -moz-flex;
  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: -moz-inline-flex;
  display: inline-flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: space-between;
  justify-content: 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: calc(100% - 5px);
  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: -moz-flex;
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: center;
  justify-content: center;
  -moz-flex-direction: column;
  flex-direction: column;
  -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;
}
#read-key-content, #reset-locker-data {
  margin: -16px;
  padding: 16px;
  border: 16px solid #e6e6e6;
  width: 650px;
  max-height: 400px;
}
#read-key-content .content__read-key .key-access-permission-set, #reset-locker-data .framed-details-list {
  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: -moz-flex;
  display: flex;
}
.audit-trail-trigger-filter-summary .row .text-flex .text-flex__block {
  -moz-flex: 1 0 auto;
  flex: 1 0 auto;
}
.audit-trail-trigger-filter-summary .row .text-flex .text-flex__block.min {
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}
.audit-trail-trigger-filter-summary .row .text-flex .text-flex__block[class^=icon-] {
  -moz-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: -moz-flex;
  display: flex;
  flex-wrap: nowrap;
  -moz-flex-direction: row;
  flex-direction: row;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
detail-box.absolute-bottom-row .flex-add-delete-row button {
  margin-left: 7px;
  -moz-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: 275px;
}
.ngdialog--editAction .action-type-content {
  height: 335px;
  overflow-y: auto;
}
.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: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -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, partition .details-list__header .tagged-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 {
  -moz-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%;
  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: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: 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 .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, .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 {
  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, group-checkin #groupCheckinName.tagged-input {
  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: -moz-inline-flex;
  display: inline-flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
}
.content .content__status-bar .status-bar__group.group-checkin-status-bar > * {
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}
.content .content__status-bar .status-bar__group.group-checkin-status-bar > *.shrink {
  -moz-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], .user-photo-selection-options [type=file].tagged-input {
  position: absolute;
  visibility: hidden;
}
.card-printing-template .content__header input, .card-printing-template .content__header .tagged-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 {
  -moz-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;
  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 {
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  text-align: center;
  overflow-y: auto;
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -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 {
  border-radius: 10px;
  background-color: #4d4d4d;
  color: #fff;
}
.card-printing-template .canvas-failure {
  text-align: center;
  position: relative;
  top: 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 {
  -moz-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: -moz-flex;
  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], .card-printing-template .object-properties [type=file].tagged-input {
  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;
  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%;
  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: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  -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, .card-printing-grid-popup .toggle-grid .tagged-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, fieldset.fieldset--time-zone .ctrl.ctrl--inline.gmt-offset .tagged-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%;
  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: -moz-flex;
  display: flex;
  -moz-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 .tagged-input,
.report-preview .annotationLayer .textWidgetAnnotation textarea,
.report-preview .annotationLayer .choiceWidgetAnnotation select,
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input,
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox .tagged-input,
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton input,
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton .tagged-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, .report-preview .annotationLayer .buttonWidgetAnnotation.radioButton .tagged-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 [disabled].tagged-input,
.report-preview .annotationLayer .textWidgetAnnotation textarea[disabled],
.report-preview .annotationLayer .choiceWidgetAnnotation select[disabled],
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox [disabled].tagged-input,
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled],
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton [disabled].tagged-input {
  background: none;
  border: 1px solid transparent;
  cursor: not-allowed;
}
.report-preview .annotationLayer .textWidgetAnnotation input:hover, .report-preview .annotationLayer .textWidgetAnnotation .tagged-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.checkBox .tagged-input:hover,
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton input:hover,
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton .tagged-input:hover {
  border: 1px solid #000;
}
.report-preview .annotationLayer .textWidgetAnnotation input:focus, .report-preview .annotationLayer .textWidgetAnnotation .tagged-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 .tagged-input:checked:before,
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox .tagged-input:checked:after,
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before,
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton .tagged-input:checked:before {
  background-color: #000;
  content: "";
  display: block;
  position: absolute;
}
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .report-preview .annotationLayer .buttonWidgetAnnotation.checkBox .tagged-input:checked:before,
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox .tagged-input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .report-preview .annotationLayer .buttonWidgetAnnotation.checkBox .tagged-input:checked:before {
  transform: rotate(45deg);
}
.report-preview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, .report-preview .annotationLayer .buttonWidgetAnnotation.checkBox .tagged-input:checked:after {
  transform: rotate(-45deg);
}
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before, .report-preview .annotationLayer .buttonWidgetAnnotation.radioButton .tagged-input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}
.report-preview .annotationLayer .textWidgetAnnotation input.comb, .report-preview .annotationLayer .textWidgetAnnotation .comb.tagged-input {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}
.report-preview .annotationLayer .textWidgetAnnotation input.comb:focus, .report-preview .annotationLayer .textWidgetAnnotation .comb.tagged-input: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.checkBox .tagged-input,
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton input,
.report-preview .annotationLayer .buttonWidgetAnnotation.radioButton .tagged-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:-webkit-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, paginated-autocomplete .autocomplete .tagged-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 .tagged-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: -moz-flex;
  display: flex;
  z-index: 9;
  opacity: 0.85;
}
#analytics-warning a {
  color: white;
  font-weight: bold;
}
#analytics-warning .message {
  -moz-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: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  -moz-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
}
.destination-bulk-dialog .flex-field-wrapper .flex-field-space {
  -moz-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 {
  -moz-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;
}
.column-customizer {
  width: 300px;
}
.column-customizer-row-container {
  width: 300px;
  -webkit-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('dragger_alt.6ac8e74bb57f0e7558dd.png');
}
.column-customizer-row-container .column-row .dragger {
  width: 20px;
  cursor: move;
  background-image: url('dragger.ee94aa6f48d6551e2c21.png');
  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;
}
.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], .desktop-reader .field-row .field-radio [type=radio].tagged-input {
  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;
}
.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('fingerprint0.94beb61504454f09d553.png');
}
.fingerprint-add .fingerprint.first-stage {
  background-image: url('fingerprint1.7c55e8d96f763ee773db.png');
}
.fingerprint-add .fingerprint.second-stage {
  background-image: url('fingerprint2.4ac470529cd0b09bfd04.png');
}
.fingerprint-add .fingerprint.third-stage {
  background-image: url('fingerprint3.d2a4eef163e00315a2ee.png');
}
.fingerprint-add .fingerprint.finish-stage {
  background-image: url('fingerprint4.a3c1ffee8e572b404f0b.png');
}
.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: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  overflow: hidden;
}
.user-fingerprint-and-pin-code .add-fingerprint-button-field > * {
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}
.user-fingerprint-and-pin-code .add-fingerprint-button-field > .encoder-name {
  -moz-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 .fingerprint-edit:hover:not([disabled]), .user-fingerprint-and-pin-code .fingerprint-delete:hover:not([disabled]) {
  cursor: pointer;
  color: #1fb0ed;
}
.user-fingerprint-and-pin-code .fingerprint-edit[disabled], .user-fingerprint-and-pin-code .fingerprint-delete[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%;
}
.sprite-access-point-online-ip {
  background-image: url('access-point-online-ip.dace59abcc658da456e4.png');
}
.sprite-access-point-online-ip.active {
  background-image: url('access-point-online-ip.fbecc9544bb61e1fda59.png');
}
.sprite-gateway {
  background-image: url('gateway.f7ac3c30a84d3261f89f.png');
}
.sprite-gateway.active {
  background-image: url('gateway.d84f804b739b2f5be1bc.png');
}
.sprite-gateway-rf {
  background-image: url('gateway-rf.b0a84da50cf17e496b59.png');
}
.sprite-gateway-rf.active {
  background-image: url('gateway-rf.55c115e63e1e68f412f8.png');
}
.sprite-gateway-bas {
  background-image: url('gateway-bas.09622b26b2c066557191.png');
}
.sprite-gateway-bas.active {
  background-image: url('gateway-bas.eca65a4a6f4365f04ea9.png');
}
.sprite-gateway-cu4200 {
  background-image: url('gateway-cu4200.cc6641e27ea6a8509d2b.png');
}
.sprite-gateway-cu4200.active {
  background-image: url('gateway-cu4200.ada70976c4a693a7bdc2.png');
}
.sprite-node-rf {
  background-image: url('node-rf.114029b995602145f8d8.png');
}
.sprite-node-rf.active {
  background-image: url('node-rf.ec55228848649fe430bf.png');
}
.sprite-node-rf3 {
  background-image: url('node-rf3.ad3e8367e6b07174cc6a.png');
}
.sprite-node-rf3.active {
  background-image: url('node-rf3.ce4c90b940d7a91a7604.png');
}
.sprite-repeater {
  background-image: url('repeater.f227d6aeec357b30b171.png');
}
.sprite-repeater.active {
  background-image: url('repeater.999f6a6f625df7b3a31f.png');
}
.sprite-node-cu4keb {
  background-image: url('node-cu4keb.37707c7beede8d19c73f.png');
}
.sprite-node-cu4keb.active {
  background-image: url('node-cu4keb.762387a58c9435bcc6fa.png');
}
.sprite-node-cu4k {
  background-image: url('node-cu4200.fc4b2fa88f0fddaa746c.png');
}
.sprite-node-cu4k.active {
  background-image: url('node-cu4200.fd4bcfe70ed2ee1c0ac4.png');
}
.sprite-access-point-rf {
  background-image: url('access-point-online-rf-salto.77d8761ab2bd4f8c0ec4.png');
}
.sprite-access-point-rf.active {
  background-image: url('access-point-online-rf-salto.66f941f78f85327152a5.png');
}
.sprite-access-point-rf3 {
  background-image: url('access-point-online-rf3-salto.b2e45de7290724ffe838.png');
}
.sprite-access-point-rf3.active {
  background-image: url('access-point-online-rf3-salto.0e41f8c7218213bc0bf2.png');
}
.sprite-encoder {
  background-image: url('encoder.d2d690a63dd742dbd7fc.png');
}
.sprite-encoder.active {
  background-image: url('encoder.4ffbe806111b76a215ba.png');
}
.sprite-ncoder {
  background-image: url('ncoder.96b2e1d698f47b151d54.png');
}
.sprite-ncoder.active {
  background-image: url('ncoder.a54838a87ecd08b75e47.png');
}
.sprite-access-point-online-rf-bas {
  background-image: url('access-point-online-rf-bas.13d4e379047da007d16e.png');
}
.sprite-access-point-online-rf-salto {
  background-image: url('access-point-online-rf-salto.77d8761ab2bd4f8c0ec4.png');
}
.sprite-access-point-online-rf3-salto {
  background-image: url('access-point-online-rf3-salto.b2e45de7290724ffe838.png');
}
.sprite-offline {
  background-image: url('offline.d4ea727c1ae6153eba87.png');
}